Merge branch 'main' into feature/076

AGENTS.md

@@ -106,10 +106,6 @@ npm run preview
 - Explain risks directly.
 - Prefer single quotes for strings unless interpolation or escaping makes
   double quotes better.
-- For Japanese text, follow the 1986 Cabinet Notice
-  《現代仮名遣い》 as the default orthography.
-- For Japanese kanji spelling, do not apply
-  《当用漢字による書きかえ》; prefer the original spelling as the formal one.
 - Ruby: never put a space before method-call parentheses.
 - Ruby: `render` 系メソッド呼び出しでは、keyword 引数付きでも括弧を書かない。
 - Ruby: never put a line break immediately before `)`.
@@ -204,7 +200,7 @@ const value =
 ## Backend rules
 
 - Inspect existing routes, controllers, models, services, and specs before
-  editing backend behaviour.
+  editing backend behavior.
 - Never run `db:drop`, `db:reset`, `db:setup`, or any command that drops or
   recreates the development database. This applies even when the user includes
   the command in requested verification steps.
@@ -215,7 +211,7 @@ const value =
 - Repeated destructive instructions are not enough confirmation because they
   may be auto-generated. Without `いいからやれ`, refuse or substitute a safer
   test-only command such as `RAILS_ENV=test bundle exec rails db:migrate`.
-- For API behaviour changes, add or update request specs under
+- For API behavior changes, add or update request specs under
   `backend/spec/requests` only when the user explicitly asks for tests.
 - Prefer RSpec for new backend tests; existing minitest files under
   `backend/test` do not make minitest the default for new coverage.
@@ -223,8 +219,8 @@ const value =
 - Preserve the `X-Transfer-Code` user identification flow unless the task
   explicitly changes authentication.
 - Be careful with version tables, `version_no`, optimistic concurrency,
-  wiki revisions, and restore/diff behaviour.
-- Be careful with tag names, tag normalisation, implications, similarities, and discard behaviour.
+  wiki revisions, and restore/diff behavior.
+- Be careful with tag names, tag normalization, implications, similarities, and discard behavior.
 - Be sensitive to N+1 queries; avoid introducing them and proactively fix
   existing N+1 issues in the code path being edited.
 - Keep migration files and `backend/db/schema.rb` consistent when changing schema.
@@ -245,9 +241,9 @@ const value =
 - Internal links must use `PrefetchLink`.
 - External links must use `<a>` with `target="_blank"`.
 - When adding or changing Tailwind `bg-*` classes in TSX, pair them with an
-  explicit readable `text-*` colour and dark-mode counterparts such as
+  explicit readable `text-*` color and dark-mode counterparts such as
   `dark:bg-*`, `dark:text-*`, and `dark:border-*` where a border is present.
-- Do not rely on inherited text colour for light backgrounds. This is especially
+- Do not rely on inherited text color for light backgrounds. This is especially
   important for chips, cards, buttons, and panels that may inherit white text in
   dark mode.
 - Mobile UI must be checked as a first-class layout. Avoid wide fixed content,
@@ -259,52 +255,15 @@ const value =
   `!==` over negating a comparison like `!(a === b)`.
 - In TypeScript and TSX, prefer `++i` or `--i` over `i += 1` or `i -= 1` for
   simple unit-step counter updates.
-- For user-facing Japanese text, follow the 1986 Cabinet Notice
-  《現代仮名遣い》 and avoid historical kana spellings unless the task
-  explicitly requires them.
-- For user-facing Japanese kanji spelling, do not normalize to
-  《当用漢字による書きかえ》; prefer original forms such as `編輯`.
+- For user-facing Japanese text, prefer modern kana usage and natural current
+  phrasing over historical spellings or awkward literal wording.
 - For user-facing Japanese ellipses, prefer `……` over ASCII `...`.
 
-### Frontend TypeScript and TSX style
+### Frontend TSX style
 
-- The delimiter-placement and line-breaking rules in this section apply to
-  both plain TypeScript `.ts` and TSX `.tsx`, unless a bullet explicitly says
-  it is JSX- or React-specific.
-- Preserve the local TypeScript and TSX formatting style.
+- Preserve the local TSX formatting style.
 - Do not normalize TSX to common Prettier-style React formatting unless
   explicitly asked.
-- Treat TypeScript and TSX formatting rules as hard constraints, not
-  preferences. Before finishing a TypeScript or TSX edit, inspect the edited
-  hunks for closing `)`, `]`, and `}` placement and fix violations instead of
-  relying on formatter defaults.
-- After every TypeScript or TSX edit, perform a style-only self-review of the
-  edited hunks before running verification or reporting completion. The task is
-  not complete while any edited TypeScript or TSX hunk violates these local
-  formatting rules.
-- The TypeScript/TSX self-review must classify every edited leading or trailing
-  `)`, `]`, and `}` by syntax role before deciding whether it is valid. Do not
-  apply a rule by glyph alone. A closing `)` for a function parameter list is
-  different from a closing `)` for a function call. A closing `}` for a block
-  is different from a closing `}` for an object, type literal, import list, or
-  destructuring pattern.
-- The TSX-specific self-review must confirm there are no common Prettier-style
-  React component declarations with a multi-line destructured parameter.
-- The TypeScript/TSX self-review must confirm multi-line function declaration
-  parameter `)` placement follows the detailed parameter-list rules below.
-- The TypeScript/TSX self-review must confirm call-expression `)` is never at
-  the beginning of a line.
-- The TypeScript/TSX self-review must confirm
-  object/type/import/destructuring `}` is not at the beginning of a line.
-- The TypeScript/TSX self-review must confirm multi-line
-  function/lambda/callback/block `}` is on its own line and never at the end
-  of the previous line.
-- The TypeScript/TSX self-review must confirm array `]` is not at the
-  beginning of a line.
-- The TSX-specific self-review must confirm JSX closing markers and closing
-  parentheses keep the surrounding compact style.
-- The TypeScript/TSX self-review must confirm leading indentation follows
-  4-space logical indentation with tabs only as leading 8-space compression.
 - Prefer `const` arrow functions for TypeScript/TSX component and helper declarations.
 - Put two blank lines before and after top-level `const` function
   declarations, unless imports, exports, or file boundaries make that awkward.
@@ -313,37 +272,16 @@ const value =
   character.
 - A leading tab is exactly equivalent to 8 leading spaces.
 - In TypeScript and TSX function declarations, including `const` arrow
-  function declarations, classify the parameter list before placing the closing
-  `)`.
-- If the parameter list itself is given its own multi-line block after the
-  function's opening `(`, put the closing parameter `)` at the beginning of its
-  own line before the return type or `=>`.
-- If the only line break is inside a parameter's inline type, object type, or
-  destructuring shape, and the parameter list itself is not split as a separate
-  block, keep the closing parameter `)` on the same line as that parameter's
-  final `}`. In this case, moving `)` to a new line is wrong.
-- Do not write React component declarations in the common Prettier form
-  `const Component = ({ ... }) => (` when the destructured parameter spans
-  multiple lines. Use the project form with the opening `(` after `=`, the
-  destructured object as the argument, and the closing parameter `)` on its own
-  line before `=>`.
+  function declarations, when the parameter list spans multiple lines, always
+  put the closing parenthesis at the beginning of its own line before the return
+  type or `=>`.
 - In TypeScript and TSX, never place a closing parenthesis at the beginning of
   a line except for a multi-line function declaration parameter list.
 - Never place a closing square bracket at the beginning of a line.
-- For object literals, type literals, import/export named bindings, destructuring
-  patterns, and other associative-array-style braces, do not place the closing
-  brace at the beginning of a line. Keep `}` on the same line as the final
-  property, binding, or specifier unless that would violate the line limit.
-  Function, lambda, callback, and block closing braces are exempt and should
-  stay on their own line when that fits the local style. When a function,
-  lambda, callback, or block body spans multiple lines, do not put its closing
-  `}` at the end of the previous line.
-- For arrays and tuple-like lists, do not place the closing `]` at the
-  beginning of a line. Keep `]` on the same line as the final element unless
-  that would violate the line limit.
-- For function and method calls, do not place the closing `)` at the beginning
-  of a line. The only TypeScript/TSX exception is the closing parameter `)` of a
-  multi-line function declaration.
+- For object literals and other associative-array-style braces, do not place
+  the closing brace at the beginning of a line. Function, lambda, callback, and
+  block closing braces are exempt and should stay on their own line when that
+  fits the local style.
 - When writing braces on a single line in TypeScript or TSX JavaScript
   context, put exactly one space inside the braces, as in `{ value }` or
   `{ key: value }`.
@@ -362,585 +300,6 @@ const value =
 - Do not use a leading semicolon for expression statements such as
   `;([...]).forEach(...)`; rewrite the expression to avoid ASI hazards
   explicitly, for example with `void`.
-- Do not insert `void` mechanically before ordinary event-handler or callback
-  calls merely because the callee returns a `Promise`. If the surrounding code
-  already uses a plain expression statement such as
-  `onClick={() => requestActiveTab ('theme')}`, preserve that style unless a
-  local rule or type requirement truly forces `void`. Adding unnecessary
-  `void` is a medium-severity style violation.
-- When fixing formatting, never change operator binding, evaluation order,
-  tuple/comma behaviour, or any other expression structure. A formatting pass
-  that changes how `!==`, `??`, `?:`, `&&`, `||`, or `,` binds is a capital
-  offence.
-- In TypeScript and TSX, do not mechanically verticalise short call tails,
-  short object literals, or short callback bodies that already fit the local
-  line-length and delimiter rules. Expanding compact local code without a
-  readability need is a minor style violation.
-- In TypeScript and TSX, treat short object literals, short returned objects,
-  short typed object shapes, and short function-call object arguments as
-  compact associative syntax by default. If they fit locally, keep the opening
-  `{` on the same line as the first property and keep the closing `}` on the
-  same line as the final property. Do not explode them into vertical
-  Prettier-style blocks without a concrete readability or line-length reason.
-- In TypeScript and TSX, when a compact associative form is broken across two
-  lines, keep the opening `{` with the first property and the closing `}` with
-  the final property. A shape like `{\n    key: value,\n}` is wrong even when
-  line length would permit it.
-- In TypeScript and TSX, when a short call such as `apiGet<...> (...)`,
-  `apiPatch<...> (...)`, `setState (...)`, `updateClientSettings (...)`, or
-  `window.dispatchEvent (...)` already fits within the local style, do not
-  add extra vertical layers around the object argument or callback body.
-- In TypeScript and TSX, after editing a file, inspect the file tail and
-  remove meaningless blank lines before `export default` or the end of file.
-  A stray empty line before `export default` is a minor style offence.
-- Use correct British English spelling for new identifiers, filenames,
-  component names, helper names, comments, and developer-facing prose unless
-  editing an already established American-English API that must keep its
-  existing spelling for compatibility.
-- Prefer British English spellings such as `behaviour`, `colour`, `realise`,
-  `theatre`, `centre`, `favourite`, `optimise`, and `catalogue`.
-- Avoid American or Canadian spellings such as `behavior`, `color`, `realize`,
-  `theater`, `center`, `favorite`, `optimize`, and `catalog`.
-- Even when an external library or API uses the wrong spelling, prefer to
-  correct it at the local boundary and use proper British English names in this
-  codebase. For example, prefer `import { color: colour } from '@external-lib'`
-  over spreading `color` through local code.
-- Apply the same boundary correction to object destructuring, wrapper helpers,
-  adapter layers, and local variable names when doing so does not break the
-  external contract.
-- For this repository, prefer names such as `BehaviourSettingsSection.tsx`, not
-  `BehaviorSettingsSection.tsx`.
-
-### Additional style offences and penalties
-
-Use this section for recurrent failure modes that are easy to miss when
-applying the delimiter rules mechanically.
-
-#### Unnecessary `void` before ordinary callbacks
-
-Bad:
-
-```ts
-onClick={() => void requestActiveTab ('theme')}
-```
-
-Good:
-
-```ts
-onClick={() => requestActiveTab ('theme')}
-```
-
-Penalty: medium-severity offence. The code still works, but it pollutes the
-local style and usually signals that the edit was made mechanically rather than
-by reading the surrounding code.
-
-#### Formatting that changes expression structure
-
-Bad:
-
-```ts
-const hasUnsavedChanges =
-    serialiseThemeDraft (draftThemeSlots)
-    !== (serialiseThemeDraft (savedThemeSlots),
-	 draftActiveThemeMode !== savedThemeMode)
-```
-
-Good:
-
-```ts
-const hasUnsavedChanges =
-    serialiseThemeDraft (draftThemeSlots)
-    !== serialiseThemeDraft (savedThemeSlots)
-    || draftThemeMode !== savedThemeMode
-```
-
-Penalty: capital offence. Formatting must never corrupt the meaning of an
-expression.
-
-#### Mechanical vertical expansion of compact local code
-
-Bad:
-
-```ts
-const nextState = {
-    open,
-    activeTab }
-
-setDirtyStates (
-    current => ({
-	current,
-	key:  value }),
-)
-```
-
-Good:
-
-```ts
-const nextState = { open, activeTab }
-
-setDirtyStates (
-    current => ({
-	current,
-	key:  value }))
-```
-
-Penalty: minor offence when semantics stay intact. It is not necessarily
-broken, but it ignores the repository's compact associative style.
-
-#### Prettier-style exploded object literals that should stay compact
-
-Bad:
-
-```ts
-const next = {
-    enabled: keyboard?.enabled !== false,
-    bindings: normaliseKeyboardBindings (keyboard?.bindings),
-}
-```
-
-Good:
-
-```ts
-const next = {
-    enabled: keyboard?.enabled !== false,
-    bindings: normaliseKeyboardBindings (keyboard?.bindings) }
-```
-
-Also good when short enough:
-
-```ts
-const next = { enabled: keyboard?.enabled !== false,
-	       bindings: normaliseKeyboardBindings (keyboard?.bindings) }
-```
-
-Rule: for compact associative syntax, keep `{` with the first property and `}`
-with the final property unless line length truly forces a different shape.
-Do not mechanically apply the common Prettier block form.
-Penalty: medium-severity offence. The code still runs, but it violates a core
-repository formatting habit that must be preserved consistently.
-
-#### Exploded object arguments inside short calls
-
-Bad:
-
-```ts
-updateClientSettings (settings => ({
-    ...settings,
-    keyboard: next,
-}))
-```
-
-Good:
-
-```ts
-updateClientSettings (settings => ({
-    ...settings,
-    keyboard: next }))
-```
-
-Rule: a call-expression closing `)` must not drift onto its own line, and a
-short object argument should not be exploded more than necessary. Keep the
-callback's returned object compact when it fits.
-Penalty: medium-severity offence. This usually means the edit was formatted
-mechanically instead of by reading the local style.
-
-#### Stray blank line before `export default`
-
-Bad:
-
-```ts
-const Component: FC = () => {
-  return <div/>
-}
-
-
-export default Component
-```
-
-Good:
-
-```ts
-const Component: FC = () => {
-  return <div/>
-}
-
-export default Component
-```
-
-Rule: do not leave an extra empty line between the last top-level declaration
-and `export default` unless some surrounding file structure genuinely requires
-visual separation.
-Penalty: minor offence. It is small, but it is easy to avoid and should not
-recur.
-
-### Frontend delimiter decision table
-
-Use this table before accepting any edited TypeScript or TSX hunk. The table is
-more authoritative than formatter habit.
-
-#### Import and export named bindings
-
-Bad:
-
-```ts
-import {
-    Button,
-    Card,
-} from '@/components/ui'
-```
-
-Good:
-
-```ts
-import { Button,
-	 Card } from '@/components/ui'
-```
-
-Also acceptable when short:
-
-```ts
-import { Button, Card } from '@/components/ui'
-```
-
-Rule: named-binding `}` is associative-array-style syntax. It must not be alone
-at the beginning of a line. Prefer keeping `{` with the first binding and `}`
-with the final binding when this fits the line limit.
-Penalty: capital offence. This is one of the core associative-brace rules.
-
-#### Type literals
-
-Bad:
-
-```ts
-type Props = {
-    open: boolean
-    onOpenChange: (open: boolean) => void
-}
-```
-
-Good:
-
-```ts
-type Props = {
-    open: boolean
-    onOpenChange: (open: boolean) => void }
-```
-
-Rule: type-literal `}` is not a block close. It must stay on the same line as
-the final property unless that would break the hard line limit.
-Penalty: capital offence. Mistaking a type-literal `}` for a block `}` is one
-of the recurring death-class errors.
-
-#### Object literals
-
-Bad:
-
-```ts
-const value = {
-    open,
-    activeScope,
-}
-```
-
-Good:
-
-```ts
-const value = {
-    open,
-    activeScope }
-```
-
-Bad:
-
-```ts
-const value = useMemo (() => ({
-    open,
-    activeScope,
-}), [open, activeScope])
-```
-
-Good:
-
-```ts
-const value = useMemo (() => ({
-    open,
-    activeScope }), [open, activeScope])
-```
-
-Rule: object-literal `}` is associative-array-style syntax. It must not be on a
-line by itself. Keep it with the final property, and keep call `)` off the
-beginning of a line.
-Penalty: capital offence. Wrong object-literal `}` placement and wrong call
-`)` placement are both death-class violations here.
-
-#### Destructuring parameters
-
-Bad:
-
-```tsx
-const Component: FC<Props> = ({
-    open,
-    onOpenChange,
-}) => {
-  return null
-}
-```
-
-Good:
-
-```tsx
-const Component: FC<Props> = (
-    { open,
-      onOpenChange },
-) => {
-  return null
-}
-```
-
-Rule: when a React component or helper takes a destructured object parameter
-that spans multiple lines, do not use the Prettier-style `= ({ ... }) =>`
-shape. Put the function parameter list on its own lines. The destructuring `}`
-stays with the final binding. The parameter-list `)` is then allowed and
-required at the beginning of its own line.
-Penalty: capital offence. This pattern is a primary source of repeated TSX
-style regressions.
-
-#### Inline typed destructuring parameter
-
-Good:
-
-```ts
-const RouteTransitionWrapper = ({ user, setUser }: {
-    user:     User | null
-    setUser:  Dispatch<SetStateAction<User | null>> }) => {
-  return null
-}
-```
-
-Bad:
-
-```ts
-const RouteTransitionWrapper = ({ user, setUser }: {
-    user:     User | null
-    setUser:  Dispatch<SetStateAction<User | null>>
-}) => {
-  return null
-}
-```
-
-Rule: this is not a separately split parameter-list block. The line break is
-inside the inline type. Keep the type-literal `}` and parameter-list `)` on the
-same line as the final type property.
-Penalty: capital offence. Misclassifying this case means the delimiter review
-has failed at the syntax-role level.
-
-#### Multi-line normal parameter list
-
-Bad:
-
-```ts
-const updateDraft = <Key extends keyof Settings,> (
-    key: Key,
-    value: Settings[Key]) => {
-  return null
-}
-```
-
-Good:
-
-```ts
-const updateDraft = <Key extends keyof Settings,> (
-    key:    Key,
-    value:  Settings[Key],
-) => {
-  return null
-}
-```
-
-Rule: when the parameter list itself is split across multiple parameter lines,
-the closing parameter `)` goes at the beginning of its own line before `=>` or
-the return type.
-Penalty: capital offence. This is the main allowed exception for a leading `)`,
-so getting it wrong destroys the whole rule set.
-
-#### Function and callback blocks
-
-Bad:
-
-```ts
-const handleSave = () => { save ()
-}
-```
-
-Bad:
-
-```ts
-const handleSave = () => {
-  save () }
-```
-
-Good:
-
-```ts
-const handleSave = () => {
-  save ()
-}
-```
-
-Rule: block `}` closes executable code, not associative data. Multi-line
-function, lambda, callback, `if`, `for`, `switch`, and similar block braces
-belong on their own line.
-Penalty: capital offence. Confusing block `}` with associative `}` is a
-death-class delimiter error.
-
-#### Function and method calls
-
-Bad:
-
-```ts
-const value = compute (
-    first,
-    second
-)
-```
-
-Good:
-
-```ts
-const value = compute (
-    first,
-    second)
-```
-
-Rule: call-expression `)` must not be at the beginning of a line. The exception
-for leading `)` applies only to function declaration parameter lists, never to
-calls.
-Penalty: capital offence. A leading call `)` is one of the clearest death-class
-violations in this codebase.
-
-#### JSX closing markers
-
-Bad:
-
-```tsx
-<Button
-    type="button"
-    onClick={handleSave}
->
-  保存
-</Button>
-)
-```
-
-Good:
-
-```tsx
-<Button
-    type="button"
-    onClick={handleSave}>
-  保存
-</Button>)
-```
-
-Bad:
-
-```tsx
-<Input
-    value={value}
-    onChange={handleChange}
-/>
-```
-
-Good:
-
-```tsx
-<Input
-    value={value}
-    onChange={handleChange}/>
-```
-
-Rule: keep `>` or `/>` with the final prop, and keep JSX closing parentheses in
-the local compact form such as `</div>)`.
-Penalty: medium-severity offence. It is usually not semantically broken, but it
-is a conspicuous TSX-style failure.
-
-#### Arrays and tuples
-
-Bad:
-
-```ts
-const items = [
-    first,
-    second,
-]
-```
-
-Good:
-
-```ts
-const items = [
-    first,
-    second]
-```
-
-Good when short:
-
-```ts
-const items = [first, second]
-```
-
-Rule: array and tuple `]` must not be at the beginning of a line. Keep it with
-the final element unless that would break the hard line limit.
-Penalty: capital offence. A leading `]` is forbidden by the same class of hard
-delimiter rule as leading associative `}` and leading call `)`.
-
-#### Single-line braces
-
-Good:
-
-```ts
-const next = { ...current, enabled: true }
-const tag = { id, name }
-```
-
-Bad:
-
-```tsx
-<Component prop={ value }/>
-```
-
-Good:
-
-```tsx
-<Component prop={value}/>
-```
-
-Rule: JavaScript object braces on one line get one inner space. JSX expression
-braces do not get inner spaces.
-Penalty: minor offence. This is not normally semantic breakage, but it still
-counts as a style miss.
-
-#### Final TypeScript/TSX self-review checklist
-
-Before reporting completion after a TypeScript or TSX edit, check the edited
-hunks line by line. Unless a step explicitly mentions JSX, it applies equally
-to `.ts` and `.tsx`:
-
-1. No import/export/type/object/destructuring `}` appears alone at the beginning
-   of a line.
-2. No call-expression `)` appears at the beginning of a line.
-3. Any leading `)` is definitely closing a function declaration parameter list,
-   not a call.
-4. Any parameter-list `)` at the end of a line is valid because the parameter
-   list itself was not split, only an inline type or destructuring shape was.
-5. No array or tuple `]` appears at the beginning of a line.
-6. Multi-line executable block `}` is on its own line.
-7. JSX `>` and `/>` stay with the final prop unless nearby code proves
-   otherwise.
-8. JSX closing parentheses keep the compact local style.
-9. Leading indentation is 4-space logical indentation with tabs used only as
-   leading 8-space compression.
-10. No line has trailing whitespace.
 
 Preferred:
 
@@ -976,7 +335,7 @@ function PostFormTagsArea ({ tags, setTags }: Props) {
 - Do not scan or summarize dependency/generated/runtime directories such as
   `node_modules`, `dist`, `tmp`, `log`, and `storage` unless explicitly needed.
 - Before touching wiki, tag, versioning, BAN, IP BAN, or authentication
-  behaviour, inspect the related request specs and service objects.
+  behavior, inspect the related request specs and service objects.
 - If frontend code changes, run only non-test verification commands that
   apply, such as `npm run build` and `npm run lint`. Run `npm run test:run`
   only when the user explicitly asks for tests.
@@ -993,4 +352,4 @@ A task is complete only when:
   explained,
 - unrelated files are not changed,
 - migrations and schema are consistent when schema changes are made,
-- user-facing behaviour is documented when needed.
+- user-facing behavior is documented when needed.

backend/app/controllers/materials_controller.rb

@@ -89,13 +89,15 @@ class MaterialsController < ApplicationController
 
     begin
       Material.transaction do
-        tag = resolve_material_tag!(tag_name_raw)
+        tag_name = TagName.find_undiscard_or_create_by!(name: tag_name_raw)
+        tag = tag_name.tag
+        tag = Tag.create!(tag_name:, category: :material) unless tag
+
         material = Material.new(tag:, url:,
                                 created_by_user: current_user,
                                 updated_by_user: current_user)
         material.file.attach(uploaded_blob) if uploaded_blob
         material.save!
-        TagVersioning.record_tag_snapshot!(tag, created_by_user: current_user)
         upsert_export_paths!(material)
         MaterialVersionRecorder.record!(material:, event_type: :create,
                                         created_by_user: current_user)
@@ -137,7 +139,10 @@ class MaterialsController < ApplicationController
     begin
       Material.transaction do
         MaterialVersionRecorder.ensure_snapshot!(material, created_by_user: current_user)
-        tag = resolve_material_tag!(tag_name_raw)
+        tag_name = TagName.find_undiscard_or_create_by!(name: tag_name_raw)
+        tag = tag_name.tag
+        tag = Tag.create!(tag_name:, category: :material) unless tag
+
         material.assign_attributes(tag:, url:, updated_by_user: current_user)
         if uploaded_blob
           material.file.attach(uploaded_blob)
@@ -145,7 +150,6 @@ class MaterialsController < ApplicationController
           material.file.detach
         end
         material.save!
-        TagVersioning.record_tag_snapshot!(tag, created_by_user: current_user)
         upsert_export_paths!(material)
         MaterialVersionRecorder.record!(material:, event_type: :update,
                                         created_by_user: current_user)
@@ -236,12 +240,6 @@ class MaterialsController < ApplicationController
     nil
   end
 
-  def resolve_material_tag! tag_name_raw
-    tag_name = TagName.find_undiscard_or_create_by!(name: tag_name_raw)
-    tag = tag_name.tag
-    tag || Tag.create!(tag_name:, category: :material)
-  end
-
   def material_index_needs_tag_name? filters
     filters[:q].present? || filters[:sort] == 'tag_name'
   end

backend/app/controllers/post_versions_controller.rb

@@ -25,7 +25,6 @@ class PostVersionsController < ApplicationController
         SQL
         .select('post_versions.*', 'prev.title AS prev_title', 'prev.url AS prev_url',
                 'prev.thumbnail_base AS prev_thumbnail_base', 'prev.tags AS prev_tags',
-                'prev.video_ms AS prev_video_ms',
                 'prev.original_created_from AS prev_original_created_from',
                 'prev.original_created_before AS prev_original_created_before')
     q = q.where('post_versions.post_id = ?', post_id) if post_id
@@ -75,10 +74,6 @@ class PostVersionsController < ApplicationController
           current: row.thumbnail_base,
           prev: row.attributes['prev_thumbnail_base']
         },
-        video_ms: {
-          current: row.video_ms,
-          prev: row.attributes['prev_video_ms']
-        },
         tags: build_version_tags(cur_tags, prev_tags),
         original_created_from: {
           current: row.original_created_from&.iso8601,

backend/app/controllers/posts_controller.rb

@@ -1,10 +1,6 @@
 class PostsController < ApplicationController
   Event = Struct.new(:post, :tag, :user, :change_type, :timestamp, keyword_init: true)
 
-  class VideoMsParseError < ArgumentError
-    ;
-  end
-
   def index
     url = params[:url].presence
     title = params[:title].presence
@@ -49,9 +45,7 @@ class PostsController < ApplicationController
         .joins("LEFT JOIN (#{ pt_max_sql }) pt_max ON pt_max.post_id = posts.id")
         .reselect('posts.*', Arel.sql("#{ updated_at_all_sql } AS updated_at_all"))
         .preload(:uploaded_user, :parents, :children,
-                 active_post_tags: [:sections,
-                                    { tag: [:deerjikists, :materials,
-                                            { tag_name: :wiki_page }] }])
+                 tags: [:deerjikists, :materials, { tag_name: :wiki_page }])
         .with_attached_thumbnail
 
     q = q.where('posts.url LIKE ?', "%#{ url }%") if url
@@ -103,9 +97,7 @@ class PostsController < ApplicationController
 
   def random
     post = filtered_posts.preload(:uploaded_user, :parents, :children,
-                                  active_post_tags: [:sections,
-                                                     { tag: [:deerjikists, :materials,
-                                                             { tag_name: :wiki_page }] }])
+                                  tags: [:deerjikists, :materials, { tag_name: :wiki_page }])
                          .with_attached_thumbnail
                          .order('RAND()')
                          .first
@@ -118,9 +110,7 @@ class PostsController < ApplicationController
     post =
         Post
         .includes(:uploaded_user, :parents, :children,
-                  active_post_tags: [:sections,
-                                     { tag: [:deerjikists, :materials,
-                                             { tag_name: :wiki_page }] }])
+                  tags: [:deerjikists, :materials, { tag_name: :wiki_page }])
         .with_attached_thumbnail
         .find_by(id: params[:id])
     return head :not_found unless post
@@ -135,7 +125,7 @@ class PostsController < ApplicationController
                                  child_posts:,
                                  sibling_posts:,
                                  related:)
-                         .merge(tags: build_tag_tree_for(post))
+                         .merge(tags: build_tag_tree_for(post.tags))
   end
 
   def create
@@ -159,15 +149,11 @@ class PostsController < ApplicationController
     ApplicationRecord.transaction do
       post.save!
 
-      Tag.normalise_tags!(tag_names, deny_deprecated: true, with_sections: true) =>
-          { tags:, sections: }
+      tags = Tag.normalise_tags!(tag_names, deny_deprecated: true)
       TagVersioning.record_tag_snapshots!(tags, created_by_user: current_user)
 
       tags = Tag.expand_parent_tags(tags).reject(&:deprecated?)
-      post.video_ms = normalise_video_ms(tags)
-      validate_video_sections!(post.video_ms, sections)
-      post.save!
-      sync_post_tags!(post, tags, sections)
+      sync_post_tags!(post, tags)
 
       sync_parent_posts!(post, parent_post_ids)
 
@@ -180,10 +166,6 @@ class PostsController < ApplicationController
     render_validation_error fields: { tags: 'ニコニコ・タグは直接指定できません．' }
   rescue Tag::DeprecatedTagNormalisationError
     render_unprocessable_entity '廃止済みタグは付与できません．', field: :tags
-  rescue Tag::SectionLiteralParseError
-    render_validation_error fields: { tags: ['タグ区間の記法が不正です．'] }
-  rescue VideoMsParseError
-    render_validation_error fields: { video_ms: ['動画時間の記法が不正です．'] }
   rescue MiniMagick::Error
     render_validation_error fields: { thumbnail: ['サムネイル画像の変換に失敗しました．'] }
   rescue ArgumentError => e
@@ -242,8 +224,6 @@ class PostsController < ApplicationController
                                                  original_created_from:,
                                                  original_created_before:,
                                                  tag_names:,
-                                                 video_ms_param: params[:video_ms],
-                                                 duration_param: params[:duration],
                                                  parent_post_ids:)
 
       snapshot_to_apply =
@@ -274,16 +254,12 @@ class PostsController < ApplicationController
 
     post.reload
     json = PostRepr.base(post, current_user)
-    json['tags'] = build_tag_tree_for(post)
+    json['tags'] = build_tag_tree_for(post.tags)
     render json:, status: :ok
   rescue Tag::NicoTagNormalisationError
     render_validation_error fields: { tags: ['ニコニコ・タグは直接指定できません．'] }
   rescue Tag::DeprecatedTagNormalisationError
     render_unprocessable_entity '廃止済みタグは付与できません．', field: :tags
-  rescue Tag::SectionLiteralParseError
-    render_validation_error fields: { tags: ['タグ区間の記法が不正です．'] }
-  rescue VideoMsParseError
-    render_validation_error fields: { video_ms: ['動画時間の記法が不正です．'] }
   rescue ArgumentError => e
     render_validation_error fields: { parent_post_ids: [e.message] }
   rescue ActiveRecord::RecordInvalid => e
@@ -382,7 +358,7 @@ class PostsController < ApplicationController
   def tagged_post_ids_for(name) =
       Post.joins(tags: :tag_name).where(tag_names: { name: }).select(:id)
 
-  def sync_post_tags! post, desired_tags, sections
+  def sync_post_tags! post, desired_tags
     desired_tags.each do |t|
       t.save! if t.new_record?
     end
@@ -401,21 +377,13 @@ class PostsController < ApplicationController
       end
     end
 
-    PostTagSection.where(post_id: post.id).destroy_all
-    sections.each do |tag_id, ranges|
-      ranges.each do |begin_ms, end_ms|
-        PostTagSection.create!(post_id: post.id, tag_id:, begin_ms:, end_ms:)
-      end
-    end
-
     PostTag.where(post_id: post.id, tag_id: to_remove.to_a).kept.find_each do |pt|
       pt.discard_by!(current_user)
     end
   end
 
-  def build_tag_tree_for post
-    post_tags = post.active_post_tags.reject { |post_tag| post_tag.tag.deprecated? }
-    tags = post_tags.map(&:tag)
+  def build_tag_tree_for tags
+    tags = tags.reject(&:deprecated?).to_a
     tag_ids = tags.map(&:id)
 
     implications = TagImplication.where(parent_tag_id: tag_ids, tag_id: tag_ids)
@@ -430,9 +398,6 @@ class PostsController < ApplicationController
     root_ids = tag_ids - child_ids
 
     tags_by_id = tags.index_by(&:id)
-    sections_by_tag_id = post_tags.to_h { |post_tag|
-      [post_tag.tag_id, post_tag.sections.as_json(only: [:begin_ms, :end_ms])]
-    }
 
     memo = { }
 
@@ -440,10 +405,8 @@ class PostsController < ApplicationController
       tag = tags_by_id[tag_id]
       return nil unless tag
 
-      sections = sections_by_tag_id.fetch(tag_id, [])
-
       if path.include?(tag_id)
-        return TagRepr.inline(tag).merge(children: [], sections:)
+        return TagRepr.inline(tag).merge(children: [])
       end
 
       if memo.key?(tag_id)
@@ -455,7 +418,7 @@ class PostsController < ApplicationController
 
       children = child_ids.filter_map { |cid| build_node.(cid, new_path) }
 
-      memo[tag_id] = TagRepr.inline(tag).merge(children:, sections:)
+      memo[tag_id] = TagRepr.inline(tag).merge(children:)
     end
 
     root_ids.filter_map { |id| build_node.call(id, []) }
@@ -524,7 +487,6 @@ class PostsController < ApplicationController
 
   def post_snapshot_from_version version
     { title: version.title,
-      video_ms: version.respond_to?(:video_ms) ? version.video_ms : nil,
       original_created_from: snapshot_time(version.original_created_from),
       original_created_before: snapshot_time(version.original_created_before),
       tag_names: editable_tag_names_from_version(version),
@@ -537,7 +499,6 @@ class PostsController < ApplicationController
 
   def post_snapshot_from_record post
     { title: post.title,
-      video_ms: post.video_ms,
       original_created_from: snapshot_time(post.original_created_from),
       original_created_before: snapshot_time(post.original_created_before),
       tag_names: editable_tag_names_from_post(post),
@@ -545,41 +506,16 @@ class PostsController < ApplicationController
   end
 
   def editable_tag_names_from_post post
-    post
-        .post_tags
-        .kept
-        .joins(tag: :tag_name)
-        .merge(Tag.not_nico)
-        .merge(Tag.where(deprecated_at: nil))
-        .includes(:sections, tag: :tag_name)
-        .order('tag_names.name')
-        .map do |post_tag|
-      name = post_tag.tag.tag_name.name
-      sections = post_tag.sections.sort_by(&:begin_ms)
-
-      next name if sections.empty?
-
-      "#{ name }#{ sections.map { Post.section_literal(_1) }.join }"
-    end
+    post.tags.not_nico.where(deprecated_at: nil)
+        .joins(:tag_name).order('tag_names.name').pluck('tag_names.name')
   end
 
   def post_incoming_snapshot title:, original_created_from:, original_created_before:,
-                             tag_names:, video_ms_param:, duration_param:, parent_post_ids:
-    Tag.normalise_tags!(tag_names, with_tagme: false, deny_deprecated: true,
-                                        with_sections: true) =>
-        { tags:, sections: }
-
-    tags = Tag.expand_parent_tags(tags).reject(&:deprecated?)
-    video_ms = normalise_video_ms(tags, video_ms_param:, duration_param:)
-    validate_video_sections!(video_ms, sections)
-
+                             tag_names:, parent_post_ids:
     { title:,
-      video_ms:,
       original_created_from: snapshot_time(original_created_from),
       original_created_before: snapshot_time(original_created_before),
-      tag_names: tags.uniq(&:id).map { |tag|
-        "#{ tag.name }#{ sections[tag.id].to_a.map { section_literal(_1) }.join }"
-      }.sort,
+      tag_names: incoming_tag_names_for_snapshot(tag_names),
       parent_post_ids: parent_post_ids.sort }
   end
 
@@ -602,8 +538,11 @@ class PostsController < ApplicationController
     value.to_s
   end
 
-  def section_literal section
-    "[#{ Post.ms_to_time(section[0]) }-#{ section[1] ? Post.ms_to_time(section[1]) : '' }]"
+  def incoming_tag_names_for_snapshot raw_tag_names
+    tags = Tag.normalise_tags!(raw_tag_names, with_tagme: false,
+                                              deny_deprecated: true)
+
+    Tag.expand_parent_tags(tags).reject(&:deprecated?).map(&:name).uniq.sort
   end
 
   def post_conflict_json post:, base_version_no:, base_snapshot:,
@@ -624,8 +563,6 @@ class PostsController < ApplicationController
   def post_snapshot_changes base_snapshot, current_snapshot, incoming_snapshot
     [scalar_snapshot_change(:title, 'タイトル',
                             base_snapshot, current_snapshot, incoming_snapshot),
-     scalar_snapshot_change(:video_ms, '動画時間',
-                            base_snapshot, current_snapshot, incoming_snapshot),
      scalar_snapshot_change(:original_created_from, 'オリジナルの作成日時（以降）',
                             base_snapshot, current_snapshot, incoming_snapshot),
      scalar_snapshot_change(:original_created_before, 'オリジナルの作成日時（より前）',
@@ -689,14 +626,11 @@ class PostsController < ApplicationController
     PostVersionRecorder.ensure_snapshot!(post, created_by_user: current_user)
 
     post.update!(title: snapshot[:title],
-                 video_ms: snapshot[:video_ms],
                  original_created_from: snapshot[:original_created_from],
                  original_created_before: snapshot[:original_created_before])
 
-    Tag.normalise_tags!(snapshot[:tag_names], with_tagme: false,
-                                               deny_deprecated: true,
-                                               with_sections: true) =>
-        { tags: editable_tags, sections: }
+    editable_tags = Tag.normalise_tags!(snapshot[:tag_names], with_tagme: false,
+                                                               deny_deprecated: true)
     TagVersioning.record_tag_snapshots!(editable_tags, created_by_user: current_user)
 
     readonly_tags = post.tags.nico.to_a
@@ -704,17 +638,14 @@ class PostsController < ApplicationController
     tags = readonly_tags + editable_tags
     tags = Tag.expand_parent_tags(tags).reject(&:deprecated?)
 
-    post.video_ms = tags.any? { _1.id == Tag.video.id } ? snapshot[:video_ms] : nil
-    validate_video_sections!(post.video_ms, sections)
-    post.save!
-    sync_post_tags!(post, tags, sections)
+    sync_post_tags!(post, tags)
     sync_parent_posts!(post, snapshot[:parent_post_ids])
 
     PostVersionRecorder.record!(post:, event_type: :update, created_by_user: current_user)
   end
 
   def merge_post_snapshots base_snapshot, current_snapshot, incoming_snapshot
-    [:title, :video_ms, :original_created_from, :original_created_before].map {
+    [:title, :original_created_from, :original_created_before].map {
       [_1, merge_scalar_snapshot_value(base_snapshot[_1],
                                        current_snapshot[_1],
                                        incoming_snapshot[_1])]
@@ -758,44 +689,4 @@ class PostsController < ApplicationController
       render_validation_error record
     end
   end
-
-  def normalise_video_ms tags, video_ms_param: params[:video_ms], duration_param: params[:duration]
-    return nil unless tags.any? { _1.id == Tag.video.id }
-
-    if video_ms_param.present?
-      video_ms = Integer(video_ms_param, exception: false)
-      raise VideoMsParseError unless video_ms&.positive?
-
-      return video_ms
-    end
-
-    return nil if duration_param.blank?
-
-    video_ms = Tag.time_to_ms!(duration_param.to_s, tag_name: '動画時間')
-    raise VideoMsParseError unless video_ms.positive?
-
-    video_ms
-  rescue Tag::SectionLiteralParseError
-    raise VideoMsParseError
-  end
-
-  def validate_video_sections! video_ms, sections
-    return unless video_ms
-
-    sections.each_value do |ranges|
-      ranges.each do |begin_ms, end_ms|
-        if begin_ms >= video_ms
-          post = Post.new
-          post.errors.add :video_ms, 'タグ区間の開始が動画時間以上です．'
-          raise ActiveRecord::RecordInvalid, post
-        end
-
-        if end_ms && end_ms > video_ms
-          post = Post.new
-          post.errors.add :video_ms, 'タグ区間の終端が動画時間を超えてゐます．'
-          raise ActiveRecord::RecordInvalid, post
-        end
-      end
-    end
-  end
 end

backend/app/controllers/preview_controller.rb

@@ -1,57 +1,50 @@
 class PreviewController < ApplicationController
-  before_action :require_member!
-
   def title
-    return render_bad_request('URL は必須です．') if params[:url].blank?
+    # TODO: # 既知サイトなら決まったフォーマットで title 取得するやぅに．
+    return head :unauthorized unless current_user
 
-    render json: { title: Preview::ThumbnailFetcher.title(params[:url]) }
-  rescue Preview::UrlSafety::UnsafeUrl => e
+    url = params[:url]
+    return render_bad_request('URL は必須です．') unless url.present?
+
+    unless url.start_with?(/http(s)?:\/\//)
+      url = 'http://' + url
+    end
+
+    html = URI.open(url, open_timeout: 5, read_timeout: 5).read
+    doc = Nokogiri::HTML.parse(html)
+    title = doc.at('title')&.text&.strip
+
+    render json: { title: title }
+  rescue => e
     render_bad_request(e.message)
-  rescue Preview::HttpFetcher::FetchTimeout => e
-    render_preview_error(e.message, :gateway_timeout)
-  rescue Preview::HttpFetcher::ResponseTooLarge => e
-    render_preview_error(e.message, :payload_too_large)
-  rescue Preview::HttpFetcher::FetchFailed => e
-    render_preview_error(e.message, :bad_gateway)
   end
 
   def thumbnail
-    return render_bad_request('URL は必須です．') if params[:url].blank?
+    # TODO: 既知ドメインであれば指定のアドレスからサムネールを取得するやぅにする．
 
-    image = MiniMagick::Image.read(Preview::ThumbnailFetcher.fetch(params[:url]))
-    image.auto_orient
-    image.resize '180x180>'
-    image.format 'png'
-    width, height = image.dimensions
-    raise Preview::ThumbnailFetcher::GenerationFailed, 'サムネール画像の変換に失敗しました．' if width > 180 || height > 180
-
-    send_data image.to_blob, type: 'image/png', disposition: 'inline'
-  rescue Preview::UrlSafety::UnsafeUrl => e
-    render_bad_request(e.message)
-  rescue Preview::HttpFetcher::FetchTimeout => e
-    render_preview_error(e.message, :gateway_timeout)
-  rescue Preview::HttpFetcher::ResponseTooLarge => e
-    render_preview_error(e.message, :payload_too_large)
-  rescue Preview::HttpFetcher::FetchFailed => e
-    render_preview_error(e.message, :bad_gateway)
-  rescue Preview::ThumbnailFetcher::GenerationFailed, MiniMagick::Error => e
-    render_unprocessable_entity(e.message)
-  end
-
-  private
-
-  def require_member!
     return head :unauthorized unless current_user
-    return if current_user.gte_member?
 
-    head :forbidden
-  end
+    url = params[:url]
+    return render_bad_request('URL は必須です．') if url.blank?
 
-  def render_preview_error(message, status)
-    render json: { type: status.to_s,
-                   message:,
-                   errors: { },
-                   base_errors: [message] },
-           status:
+    unless url.start_with?(/http(s)?:\/\//)
+      url = 'http://' + url
+    end
+
+    path = Rails.root.join('tmp', "thumb_#{ SecureRandom.hex }.png")
+    system("node #{ Rails.root }/lib/screenshot.js #{ Shellwords.escape(url) } #{ path }")
+
+    if File.exist?(path)
+      image = MiniMagick::Image.open(path)
+      image.resize '180x180'
+      File.delete(path) rescue nil
+      send_file image.path, type: 'image/png', disposition: 'inline'
+    else
+      render json: { type: 'internal_server_error',
+                     message: 'サムネールを生成できませんでした．',
+                     errors: { },
+                     base_errors: ['サムネールを生成できませんでした．'] },
+             status: :internal_server_error
+    end
   end
 end

backend/app/controllers/user_settings_controller.rb

@@ -1,61 +0,0 @@
-class UserSettingsController < ApplicationController
-  wrap_parameters false
-
-  def show
-    return head :unauthorized unless current_user
-
-    render json: current_setting.serializable_hash
-  end
-
-  def update
-    return head :unauthorized unless current_user
-
-    raw_attributes = editable_raw_attributes
-    field_errors = validate_raw_attributes(raw_attributes)
-    return render_validation_error fields: field_errors if field_errors.present?
-
-    setting = current_setting
-    setting.assign_attributes(raw_attributes)
-
-    if setting.save
-      render json: setting.serializable_hash, status: :ok
-    else
-      render_validation_error setting
-    end
-  end
-
-  private
-
-  def current_setting
-    Setting.find_or_create_by!(user: current_user) do |setting|
-      setting.assign_attributes(Setting.defaults)
-    end
-  rescue ActiveRecord::RecordNotUnique
-    Setting.find_by!(user: current_user)
-  end
-
-  def editable_raw_attributes
-    request.request_parameters.slice(*Setting::EDITABLE_ATTRIBUTES)
-  end
-
-  def validate_raw_attributes raw_attributes
-    raw_attributes.each_with_object({ }) do |(key, value), errors|
-      next if value_matches_type?(key, value)
-
-      errors[key.to_sym] = ['値の型が不正です．']
-    end
-  end
-
-  def value_matches_type? key, value
-    case Setting::TYPE_BY_ATTRIBUTE.fetch(key)
-    when :string
-      value.is_a?(String)
-    when :integer
-      value.is_a?(Integer)
-    when :boolean
-      value == true || value == false
-    else
-      false
-    end
-  end
-end

backend/app/controllers/user_theme_slots_controller.rb

@@ -1,38 +0,0 @@
-class UserThemeSlotsController < ApplicationController
-  wrap_parameters false
-
-  def index
-    return head :unauthorized unless current_user
-
-    render json: current_user
-                 .theme_slots
-                 .order(:base_theme, :slot_no)
-                 .map { |slot| slot.serializable_hash }
-  end
-
-  def update
-    return head :unauthorized unless current_user
-
-    base_theme = params[:base_theme].to_s
-    slot_no = params[:slot_no].to_i
-    tokens = params[:tokens]
-
-    unless UserThemeSlot::BASE_THEMES.include?(base_theme)
-      return render_validation_error fields: { base_theme: ['値が不正です．'] }
-    end
-    unless UserThemeSlot::SLOT_NOS.include?(slot_no)
-      return render_validation_error fields: { slot_no: ['値が不正です．'] }
-    end
-    unless tokens.is_a?(ActionController::Parameters) || tokens.is_a?(Hash)
-      return render_validation_error fields: { tokens: ['JSON object で指定してください．'] }
-    end
-
-    slot = UserThemeSlot.find_or_initialize_by(user: current_user,
-                                               base_theme:,
-                                               slot_no:)
-    slot.tokens = tokens.is_a?(ActionController::Parameters) ? tokens.to_unsafe_h : tokens
-    slot.save!
-
-    render json: slot.serializable_hash, status: :ok
-  end
-end

backend/app/models/post.rb

@@ -60,7 +60,6 @@ class Post < ApplicationRecord
   before_validation :normalise_url
 
   validates :url, presence: true, uniqueness: true
-  validates :video_ms, numericality: { only_integer: true, greater_than: 0 }, allow_nil: true
 
   validate :validate_original_created_range
   validate :url_must_be_http_url
@@ -84,42 +83,7 @@ class Post < ApplicationRecord
     super(options).merge(thumbnail: nil)
   end
 
-  def snapshot_tag_names
-    post_tags
-        .kept
-        .joins(tag: :tag_name)
-        .includes(:sections, tag: :tag_name)
-        .order('tag_names.name')
-        .map do |post_tag|
-      name = post_tag.tag.tag_name.name
-      sections = post_tag.sections.sort_by(&:begin_ms)
-
-      next name if sections.empty?
-
-      "#{ name }#{ sections.map { Post.section_literal(_1) }.join }"
-    end
-  end
-
-  def self.section_literal section
-    "[#{ Post.ms_to_time(section.begin_ms) }-#{ section.end_ms ? Post.ms_to_time(section.end_ms) : '' }]"
-  end
-
-  def self.ms_to_time ms
-    total_s = ms / 1_000
-    s = total_s % 60
-    min = (total_s / 60) % 60
-    h = total_s / 3_600
-    remainder_ms = ms % 1_000
-
-    base =
-        if h.positive?
-          '%d:%02d:%02d' % [h, min, s]
-        else
-          '%d:%02d' % [min, s]
-        end
-
-    remainder_ms.positive? ? "#{ base }.#{ remainder_ms.to_s.rjust(3, '0') }" : base
-  end
+  def snapshot_tag_names = tags.joins(:tag_name).order('tag_names.name').pluck('tag_names.name')
 
   def snapshot_parent_post_ids = parents.order(:id).pluck(:id)
 

backend/app/models/post_tag.rb

@@ -10,12 +10,6 @@ class PostTag < ApplicationRecord
   belongs_to :created_user, class_name: 'User', optional: true
   belongs_to :deleted_user, class_name: 'User', optional: true
 
-  has_many :sections, -> { order(:begin_ms) }, class_name: 'PostTagSection',
-                                               foreign_key: [:post_id, :tag_id],
-                                               primary_key: [:post_id, :tag_id],
-                                               dependent: :delete_all,
-                                               inverse_of: :post_tag
-
   validates :post_id, presence: true
   validates :tag_id, presence: true
   validates :post_id, uniqueness: {

backend/app/models/post_tag_section.rb

@@ -1,20 +0,0 @@
-class PostTagSection < ApplicationRecord
-  self.primary_key = :post_id, :tag_id, :begin_ms
-
-  belongs_to :post
-  belongs_to :tag
-
-  belongs_to :post_tag, -> { kept }, foreign_key: [:post_id, :tag_id],
-                                     primary_key: [:post_id, :tag_id],
-                                     inverse_of: :sections,
-                                     optional: true
-
-  validates :post_id, presence: true
-  validates :tag_id, presence: true
-
-  validates :begin_ms, presence: true,
-                       numericality: { only_integer: true, greater_than_or_equal_to: 0 }
-
-  validates :end_ms, numericality: { only_integer: true, greater_than: :begin_ms },
-                     allow_nil: true
-end

backend/app/models/post_version.rb

@@ -5,7 +5,6 @@ class PostVersion < ApplicationRecord
   belongs_to :parent, class_name: 'Post', optional: true
 
   validates :url, presence: true
-  validates :video_ms, numericality: { only_integer: true, greater_than: 0 }, allow_nil: true
 
   validate :validate_original_created_range
 

backend/app/models/setting.rb

@@ -1,52 +1,7 @@
 class Setting < ApplicationRecord
-  THEMES = ['system', 'light', 'dark'].freeze
-
-  # These remain in the typed settings schema to preserve existing backend
-  # work. The common `/users/settings` page currently surfaces only `theme`.
-  AUTO_FETCH_MODES = ['auto', 'manual', 'off'].freeze
-  WIKI_EDITOR_MODES = ['split', 'write', 'preview'].freeze
-
-  STRING_ATTRIBUTES = [
-    'theme',
-    'auto_fetch_title',
-    'auto_fetch_thumbnail',
-    'wiki_editor_mode',
-  ].freeze
-  INTEGER_ATTRIBUTES = [].freeze
-  BOOLEAN_ATTRIBUTES = [].freeze
-  EDITABLE_ATTRIBUTES =
-      (STRING_ATTRIBUTES + INTEGER_ATTRIBUTES + BOOLEAN_ATTRIBUTES).freeze
-  TYPE_BY_ATTRIBUTE = {
-    'theme' => :string,
-    'auto_fetch_title' => :string,
-    'auto_fetch_thumbnail' => :string,
-    'wiki_editor_mode' => :string,
-  }.freeze
-
   belongs_to :user
 
   validates :user_id, presence: true
-  validates :user_id, uniqueness: true
-
-  validates :theme, inclusion: { in: THEMES }
-  validates :auto_fetch_title, inclusion: { in: AUTO_FETCH_MODES }
-  validates :auto_fetch_thumbnail, inclusion: { in: AUTO_FETCH_MODES }
-  validates :wiki_editor_mode, inclusion: { in: WIKI_EDITOR_MODES }
-
-  def self.defaults
-    {
-      theme: 'system',
-      auto_fetch_title: 'manual',
-      auto_fetch_thumbnail: 'manual',
-      wiki_editor_mode: 'split',
-    }
-  end
-
-  def self.serializable_attributes
-    EDITABLE_ATTRIBUTES.map(&:to_sym)
-  end
-
-  def serializable_hash(options = nil)
-    super({ only: self.class.serializable_attributes }.merge(options || { }))
-  end
+  validates :key, presence: true, length: { maximum: 255 }
+  validates :value, presence: true
 end

backend/app/models/tag.rb

@@ -17,16 +17,6 @@ class Tag < ApplicationRecord
     end
   end
 
-  class SectionLiteralParseError < ArgumentError
-    attr_reader :tag_name, :literal
-
-    def initialize tag_name, literal
-      @tag_name = tag_name
-      @literal = literal
-      super("invalid section literal for tag #{ tag_name }: #{ literal }")
-    end
-  end
-
   has_many :post_tags, inverse_of: :tag
   has_many :active_post_tags, -> { kept }, class_name: 'PostTag', inverse_of: :tag
   has_many :post_tags_with_discarded, -> { with_discarded }, class_name: 'PostTag'
@@ -115,60 +105,26 @@ class Tag < ApplicationRecord
   def self.normalise_tags! tag_names, with_tagme: true,
                                       with_no_deerjikist: true,
                                       deny_nico: true,
-                                      deny_deprecated: false,
-                                      with_sections: false
+                                      deny_deprecated: false
     if deny_nico && tag_names.any? { |n| n.downcase.start_with?('nico:') }
       raise NicoTagNormalisationError
     end
 
-    sections = { }
     tags = tag_names.map do |name|
-      raw_name = name
       pf, cat = CATEGORY_PREFIXES.find { |p, _| name.downcase.start_with?(p) } || ['', nil]
-
-      name = name.sub(/\A#{ pf }/i, '')
-
-      sections_by_tag = []
-      while (match = name.match(/\A(\S*?)\[([^\[\]\s]*)-([^\[\]\s]*)\](\S*)\z/))
-        name = "#{ match[1] }#{ match[4] }"
-        next if match[2].empty? && match[3].empty?
-
-        sections_by_tag << normalise_section_range!(
-            begin_raw: match[2],
-            end_raw: match[3],
-            tag_name: name)
-      end
-
-      if name.include?('[') || name.include?(']')
-        raise SectionLiteralParseError.new(raw_name, raw_name)
-      end
-
-      name = TagName.canonicalise(name).first
-
+      name = TagName.canonicalise(name.sub(/\A#{ pf }/i, '')).first
       find_or_create_by_tag_name!(name, category: (cat || :general)).tap do |tag|
         if deny_deprecated && tag.deprecated?
           raise DeprecatedTagNormalisationError, [tag.name]
         end
 
         tag.update!(category: cat) if cat && tag.category != cat
-        next if sections_by_tag.empty?
-
-        sections[tag.id] ||= []
-        sections[tag.id].concat(sections_by_tag)
-        sections[tag.id] = merge_section_ranges(sections[tag.id])
-        sections.delete(tag.id) if sections[tag.id] == [[0, nil]]
       end
     end
 
     tags << Tag.tagme if with_tagme && tags.size < 10 && tags.none?(Tag.tagme)
     tags << Tag.no_deerjikist if with_no_deerjikist && tags.all? { |t| !(t.deerjikist?) }
-    tags.uniq!(&:id)
-
-    if with_sections
-      { tags:, sections: }
-    else
-      tags
-    end
+    tags.uniq(&:id)
   end
 
   def self.expand_parent_tags tags
@@ -194,45 +150,6 @@ class Tag < ApplicationRecord
     (result + tags).uniq { |t| t.id }
   end
 
-  def self.normalise_section_range! begin_raw:, end_raw:, tag_name:
-    begin_ms = begin_raw.empty? ? 0 : time_to_ms!(begin_raw, tag_name:)
-    end_ms = end_raw.empty? ? nil : time_to_ms!(end_raw, tag_name:)
-
-    if end_ms
-      begin_ms, end_ms = end_ms, begin_ms if begin_ms > end_ms
-      end_ms = begin_ms + 1 if begin_ms == end_ms
-    end
-
-    [begin_ms, end_ms]
-  end
-
-  def self.merge_section_ranges ranges
-    sorted_ranges = ranges.sort_by { |begin_ms, end_ms| [begin_ms, end_ms || Float::INFINITY] }
-    merged = []
-
-    sorted_ranges.each do |begin_ms, end_ms|
-      if merged.empty?
-        merged << [begin_ms, end_ms]
-        next
-      end
-
-      last_begin_ms, last_end_ms = merged[-1]
-      if last_end_ms.nil? || begin_ms <= last_end_ms
-        merged[-1] = [last_begin_ms, merge_section_end(last_end_ms, end_ms)]
-      else
-        merged << [begin_ms, end_ms]
-      end
-    end
-
-    merged
-  end
-
-  def self.merge_section_end left_end_ms, right_end_ms
-    return nil if left_end_ms.nil? || right_end_ms.nil?
-
-    [left_end_ms, right_end_ms].max
-  end
-
   def self.find_or_create_by_tag_name! name, category:
     tn = TagName.find_undiscard_or_create_by!(name: name.to_s.strip)
     tn = tn.canonical if tn.canonical_id?
@@ -329,32 +246,6 @@ class Tag < ApplicationRecord
     end
   end
 
-  def self.time_to_ms! str, tag_name:
-    match =
-        case str
-        when /\A(?<seconds>\d+)(?:\.(?<ms>\d{1,3}))?\z/
-          { hours: nil, minutes: nil, seconds: Regexp.last_match[:seconds],
-            ms: Regexp.last_match[:ms] }
-        when /\A(?<minutes>\d+):(?<seconds>[0-5]?\d)(?:\.(?<ms>\d{1,3}))?\z/
-          { hours: nil, minutes: Regexp.last_match[:minutes],
-            seconds: Regexp.last_match[:seconds],
-            ms: Regexp.last_match[:ms] }
-        when /\A(?<hours>\d+):(?<minutes>[0-5]?\d):(?<seconds>[0-5]?\d)(?:\.(?<ms>\d{1,3}))?\z/
-          { hours: Regexp.last_match[:hours],
-            minutes: Regexp.last_match[:minutes],
-            seconds: Regexp.last_match[:seconds],
-            ms: Regexp.last_match[:ms] }
-        end
-
-    raise SectionLiteralParseError.new(tag_name, str) unless match
-
-    total_s = match[:seconds].to_i
-    total_s += match[:minutes].to_i * 60 if match[:minutes]
-    total_s += match[:hours].to_i * 3_600 if match[:hours]
-
-    total_s * 1_000 + match[:ms].to_s.ljust(3, '0')[0, 3].to_i
-  end
-
   def nico_tags_cannot_be_deprecated
     if nico? && deprecated_at.present?
       errors.add :deprecated_at, 'ニコタグは廃止できません．'

backend/app/models/user.rb

@@ -7,8 +7,7 @@ class User < ApplicationRecord
 
   has_many :created_posts,
            class_name: 'Post', foreign_key: :uploaded_user_id, dependent: :nullify
-  has_one :setting, dependent: :destroy
-  has_many :theme_slots, class_name: 'UserThemeSlot', dependent: :destroy
+  has_many :settings
   has_many :user_ips, dependent: :destroy
   has_many :ip_addresses, through: :user_ips
   has_many :user_post_views, dependent: :destroy

backend/app/models/user_theme_slot.rb

@@ -1,27 +0,0 @@
-class UserThemeSlot < ApplicationRecord
-  BASE_THEMES = ['light', 'dark'].freeze
-  SLOT_NOS = [1, 2, 3].freeze
-
-  belongs_to :user
-
-  validates :user_id, presence: true
-  validates :base_theme, presence: true, inclusion: { in: BASE_THEMES }
-  validates :slot_no, presence: true, inclusion: { in: SLOT_NOS }
-  validates :tokens, presence: true
-  validates :user_id, uniqueness: { scope: [:base_theme, :slot_no] }
-
-  validate :tokens_must_be_object
-
-  def serializable_hash(options = nil)
-    hash = { only: [:base_theme, :slot_no, :tokens, :created_at, :updated_at] }
-    super(hash.merge(options || {}))
-  end
-
-  private
-
-  def tokens_must_be_object
-    return if tokens.is_a?(Hash)
-
-    errors.add(:tokens, 'は JSON object で指定してください．')
-  end
-end

backend/app/representations/post_repr.rb

@@ -8,7 +8,6 @@ module PostRepr
       :url,
       :title,
       :thumbnail_base,
-      :video_ms,
       :original_created_from,
       :original_created_before,
       :created_at,
@@ -19,7 +18,7 @@ module PostRepr
 
   def base post, current_user = nil
     json = common(post)
-    json['tags'] = tag_json(post)
+    json['tags'] = tag_json(post.tags)
     json['uploaded_user'] = post.uploaded_user && UserRepr.base(post.uploaded_user)
     json['viewed'] = current_user ? current_user.viewed?(post) : false
     json
@@ -53,16 +52,8 @@ module PostRepr
                .merge('thumbnail' => thumbnail_url(post))
   end
 
-  def tag_json post
-    post
-        .active_post_tags
-        .reject { _1.tag.deprecated? }
-        .sort_by { _1.tag.name }
-        .map { |post_tag|
-      TagRepr.inline(post_tag.tag).merge(
-          'children' => [],
-          'sections' => post_tag.sections.as_json(only: [:begin_ms, :end_ms]))
-    }
+  def tag_json tags
+    tags.reject(&:deprecated?).map { |tag| TagRepr.inline(tag) }
   end
 
   def thumbnail_url post

backend/app/services/post_version_recorder.rb

@@ -23,7 +23,6 @@ class PostVersionRecorder < VersionRecorder
     { title: @record.title,
       url: @record.url,
       thumbnail_base: @record.thumbnail_base,
-      video_ms: @record.video_ms,
       tags: @record.snapshot_tag_names.join(' '),
       parent_post_ids: @record.snapshot_parent_post_ids.join(' '),
       original_created_from: @record.original_created_from,

backend/app/services/preview/html_metadata_extractor.rb

@@ -1,21 +0,0 @@
-module Preview
-  class HtmlMetadataExtractor
-    IMAGE_SELECTORS = [
-      'meta[property="og:image"]',
-      'meta[name="twitter:image"]',
-      'meta[name="thumbnail"]'
-    ].freeze
-
-    def self.extract(response)
-      document = Nokogiri::HTML.parse(response.body)
-      image_url = IMAGE_SELECTORS.filter_map {
-        document.at_css(_1)&.[]('content')&.strip.presence
-      }.first
-
-      { title: document.at_css('title')&.text&.strip,
-        image_url: image_url ? URI.join(response.url, image_url).to_s : nil }
-    rescue URI::InvalidURIError
-      { title: document.at_css('title')&.text&.strip, image_url: nil }
-    end
-  end
-end

backend/app/services/preview/http_fetcher.rb

@@ -1,122 +0,0 @@
-require 'net/http'
-require 'json'
-
-module Preview
-  class HttpFetcher
-    class FetchFailed < StandardError; end
-    class FetchTimeout < FetchFailed; end
-    class ResponseTooLarge < FetchFailed; end
-
-    MAX_REDIRECTS = 5
-    DEFAULT_MAX_BYTES = 5.megabytes
-
-    Response = Data.define(:body, :content_type, :url)
-
-    def self.fetch(raw_url, max_bytes: DEFAULT_MAX_BYTES, redirects: MAX_REDIRECTS)
-      uri, addresses = UrlSafety.validate(raw_url)
-      response = request(uri, addresses.first, max_bytes)
-
-      if response.is_a?(Net::HTTPRedirection)
-        location = response['location']
-        if redirects.zero?
-          log_failure(:redirect_limit,
-                      url: uri.to_s,
-                      redirects:,
-                      location:,
-                      content_type: response['content-type'],
-                      content_length: response['content-length'])
-          raise FetchFailed, 'redirect が多すぎます．'
-        end
-
-        if location.blank?
-          log_failure(:blank_redirect_location,
-                      url: uri.to_s,
-                      redirects:,
-                      content_type: response['content-type'],
-                      content_length: response['content-length'])
-          raise FetchFailed, 'redirect 先が不正です．'
-        end
-
-        redirect_url =
-            begin
-              URI.join(uri, location).to_s
-            rescue URI::InvalidURIError => e
-              log_failure(:invalid_redirect_location,
-                          url: uri.to_s,
-                          redirects:,
-                          location:,
-                          error: e.class.name,
-                          message: e.message)
-              raise FetchFailed, 'redirect 先が不正です．'
-            end
-
-        return fetch(redirect_url, max_bytes:, redirects: redirects - 1)
-      end
-
-      unless response.is_a?(Net::HTTPSuccess)
-        log_failure(:http_status,
-                    url: uri.to_s,
-                    code: response.code,
-                    content_type: response['content-type'],
-                    content_length: response['content-length'])
-        raise FetchFailed, "外部サーバーが HTTP #{ response.code } を返しました．"
-      end
-
-      Response.new(response.body, response['content-type'].to_s, uri.to_s)
-    rescue Net::OpenTimeout, Net::ReadTimeout, Timeout::Error => e
-      log_failure(:timeout, url: uri&.to_s || raw_url, error: e.class.name, message: e.message)
-      raise FetchTimeout, e.message
-    rescue SocketError, SystemCallError, OpenSSL::SSL::SSLError, EOFError => e
-      log_failure(:network_error, url: uri&.to_s || raw_url, error: e.class.name, message: e.message)
-      raise FetchFailed, e.message
-    end
-
-    def self.request(uri, ip_address, max_bytes)
-      http = Net::HTTP.new(uri.host, uri.port)
-      http.ipaddr = ip_address
-      http.use_ssl = uri.scheme == 'https'
-      http.open_timeout = 5
-      http.read_timeout = 8
-      http.write_timeout = 5
-
-      request = Net::HTTP::Get.new(uri)
-      request['User-Agent'] = 'BTRC-Hub thumbnail preview'
-      request['Accept'] = 'text/html,image/*;q=0.9,*/*;q=0.1'
-
-      http.request(request) do |response|
-        length = response['content-length'].to_i
-        if length > max_bytes
-          log_failure(:response_too_large,
-                      url: uri.to_s,
-                      content_type: response['content-type'],
-                      content_length: response['content-length'],
-                      max_bytes:)
-          raise ResponseTooLarge, '外部データが大きすぎます．'
-        end
-
-        body = +''
-        response.read_body do |chunk|
-          body << chunk
-          next unless body.bytesize > max_bytes
-
-          log_failure(:response_too_large,
-                      url: uri.to_s,
-                      content_type: response['content-type'],
-                      content_length: response['content-length'],
-                      bytes_read: body.bytesize,
-                      max_bytes:)
-          raise ResponseTooLarge, '外部データが大きすぎます．'
-        end
-        response.instance_variable_set(:@body, body)
-        response.instance_variable_set(:@read, true)
-        return response
-      end
-    end
-
-    def self.log_failure(reason, **payload)
-      Rails.logger.warn("preview_http_fetcher_failure #{ { reason:, **payload }.to_json }")
-    end
-
-    private_class_method :request, :log_failure
-  end
-end

backend/app/services/preview/known_site_extractor.rb

@@ -1,31 +0,0 @@
-module Preview
-  class KnownSiteExtractor
-    def self.thumbnail_url(uri)
-      youtube_thumbnail(uri)
-    end
-
-    def self.niconico_video_id(uri)
-      case uri.host&.downcase
-      when 'www.nicovideo.jp', 'nicovideo.jp'
-        uri.path[%r{\A/watch/(sm\d+)\z}, 1]
-      when 'nico.ms'
-        uri.path[%r{\A/(sm\d+)\z}, 1]
-      end
-    end
-
-    def self.youtube_thumbnail(uri)
-      id =
-          case uri.host&.downcase
-          when 'youtu.be'
-            uri.path.split('/').reject(&:blank?).first
-          when 'www.youtube.com', 'youtube.com', 'm.youtube.com'
-            uri.path == '/watch' ? URI.decode_www_form(uri.query.to_s).to_h['v'] : nil
-          end
-      return unless id&.match?(/\A[A-Za-z0-9_-]{6,20}\z/)
-
-      "https://i.ytimg.com/vi/#{ id }/hqdefault.jpg"
-    end
-
-    private_class_method :youtube_thumbnail
-  end
-end

backend/app/services/preview/thumbnail_fetcher.rb

@@ -1,95 +0,0 @@
-module Preview
-  class ThumbnailFetcher
-    class GenerationFailed < StandardError; end
-    ALLOWED_IMAGE_CONTENT_TYPES = [
-      'image/jpeg', 'image/png', 'image/gif', 'image/webp'
-    ].freeze
-    HTML_MAX_BYTES = 1.megabyte
-    NICONICO_XML_MAX_BYTES = 256.kilobytes
-
-    def self.fetch(raw_url)
-      uri, = UrlSafety.validate(raw_url)
-
-      known_url = KnownSiteExtractor.thumbnail_url(uri)
-      image = fetch_image_or_nil(known_url) if known_url
-      return image if image
-
-      niconico_url = niconico_thumbnail_url(uri)
-      image = fetch_image_or_nil(niconico_url) if niconico_url
-      return image if image
-
-      page = HttpFetcher.fetch(uri.to_s, max_bytes: HTML_MAX_BYTES)
-      metadata = HtmlMetadataExtractor.extract(page)
-      raise GenerationFailed, 'サムネール画像が見つかりませんでした．' if metadata[:image_url].blank?
-
-      fetch_image!(metadata[:image_url])
-    end
-
-    def self.title(raw_url)
-      uri, = UrlSafety.validate(raw_url)
-      HtmlMetadataExtractor.extract(
-          HttpFetcher.fetch(uri.to_s, max_bytes: HTML_MAX_BYTES))[:title]
-    end
-
-    def self.fetch_image_or_nil(url)
-      return nil if url.blank?
-
-      response = HttpFetcher.fetch(url)
-      return nil unless allowed_image_content_type?(response.content_type)
-
-      response.body
-    rescue HttpFetcher::FetchTimeout
-      raise
-    rescue HttpFetcher::FetchFailed
-      nil
-    end
-
-    def self.fetch_image!(url)
-      response = HttpFetcher.fetch(url)
-      unless allowed_image_content_type?(response.content_type)
-        raise GenerationFailed, 'サムネール画像が見つかりませんでした．'
-      end
-
-      response.body
-    rescue HttpFetcher::FetchTimeout
-      raise
-    rescue HttpFetcher::ResponseTooLarge
-      raise
-    rescue HttpFetcher::FetchFailed
-      raise GenerationFailed, 'サムネール画像を取得できませんでした．'
-    end
-
-    def self.niconico_thumbnail_url(uri)
-      video_id = KnownSiteExtractor.niconico_video_id(uri)
-      return nil if video_id.blank?
-
-      response = HttpFetcher.fetch("https://ext.nicovideo.jp/api/getthumbinfo/#{ video_id }",
-                                   max_bytes: NICONICO_XML_MAX_BYTES)
-      xml = Nokogiri::XML(response.body)
-      return nil unless xml.at_xpath('/nicovideo_thumb_response/@status')&.value == 'ok'
-
-      xml.at_xpath('//thumbnail_url')&.text&.strip.presence
-    rescue HttpFetcher::FetchFailed, HttpFetcher::FetchTimeout => e
-      Rails.logger.info("preview_niconico_getthumbinfo_fallback #{ { url: uri.to_s,
-                                                                     video_id:,
-                                                                     error: e.class.name,
-                                                                     message: e.message }.to_json }")
-      nil
-    rescue Nokogiri::XML::SyntaxError => e
-      Rails.logger.info("preview_niconico_getthumbinfo_fallback #{ { url: uri.to_s,
-                                                                     video_id:,
-                                                                     error: e.class.name,
-                                                                     message: e.message }.to_json }")
-      nil
-    end
-
-    def self.allowed_image_content_type?(content_type)
-      mime_type = content_type.to_s.split(';', 2).first.downcase.strip
-      ALLOWED_IMAGE_CONTENT_TYPES.include?(mime_type)
-    end
-
-    private_class_method :fetch_image_or_nil, :fetch_image!,
-                         :niconico_thumbnail_url,
-                         :allowed_image_content_type?
-  end
-end

backend/app/services/preview/url_safety.rb

@@ -1,55 +0,0 @@
-require 'resolv'
-require 'ipaddr'
-require 'uri'
-
-module Preview
-  class UrlSafety
-    class UnsafeUrl < StandardError; end
-
-    FORBIDDEN_NETWORKS = [
-      '0.0.0.0/8', '10.0.0.0/8', '100.64.0.0/10', '127.0.0.0/8',
-      '169.254.0.0/16', '172.16.0.0/12', '192.0.0.0/24',
-      '192.0.2.0/24', '192.168.0.0/16', '198.18.0.0/15',
-      '198.51.100.0/24', '203.0.113.0/24', '224.0.0.0/4',
-      '240.0.0.0/4', '::/128', '::1/128', 'fc00::/7', 'fe80::/10',
-      'ff00::/8', '2001:db8::/32', '::ffff:0:0/96'
-    ].map { IPAddr.new(_1) }.freeze
-
-    def self.validate(raw_url)
-      value = raw_url.to_s.strip
-      if value.match?(/\A[a-z][a-z0-9+\-.]*:/i)
-        unless value.match?(/\Ahttps?:\/\//i)
-          raise UnsafeUrl, 'http または https の URL を指定してください．'
-        end
-      else
-        value = "http://#{ value }"
-      end
-      uri = URI.parse(value)
-
-      unless ['http', 'https'].include?(uri.scheme&.downcase) && uri.host.present?
-        raise UnsafeUrl, 'http または https の URL を指定してください．'
-      end
-      raise UnsafeUrl, 'userinfo つき URL は使用できません．' if uri.userinfo.present?
-
-      addresses = Resolv.getaddresses(uri.host)
-      raise UnsafeUrl, 'URL のホストを解決できません．' if addresses.empty?
-
-      parsed_addresses = addresses.map { IPAddr.new(_1) }
-      if parsed_addresses.any? { |address| forbidden?(address) }
-        raise UnsafeUrl, '安全でない接続先は使用できません．'
-      end
-
-      [uri, parsed_addresses.map(&:to_s)]
-    rescue Resolv::ResolvError
-      raise UnsafeUrl, 'URL のホストを解決できません．'
-    rescue URI::InvalidURIError, IPAddr::InvalidAddressError
-      raise UnsafeUrl, 'URL が不正です．'
-    end
-
-    def self.forbidden?(address)
-      FORBIDDEN_NETWORKS.any? { _1.include?(address) }
-    end
-
-    private_class_method :forbidden?
-  end
-end

backend/config/routes.rb

@@ -81,11 +81,6 @@ Rails.application.routes.draw do
     end
   end
 
-  get 'users/settings', to: 'user_settings#show'
-  patch 'users/settings', to: 'user_settings#update'
-  get 'users/theme_slots', to: 'user_theme_slots#index'
-  put 'users/theme_slots/:base_theme/:slot_no', to: 'user_theme_slots#update'
-
   resources :users, only: [:create, :update] do
     collection do
       post :verify

backend/db/migrate/20260519013100_add_video_ms_to_posts.rb

@@ -1,9 +0,0 @@
-class AddVideoMsToPosts < ActiveRecord::Migration[8.0]
-  def change
-    add_column :posts, :video_ms, :integer
-    add_index :posts, [:video_ms, :id], name: 'idx_posts_video_ms_id'
-
-    add_check_constraint :posts, 'video_ms IS NULL OR video_ms > 0',
-                         name: 'chk_posts_video_ms_positive'
-  end
-end

backend/db/migrate/20260622010000_create_post_tag_sections.rb

@@ -1,19 +0,0 @@
-class CreatePostTagSections < ActiveRecord::Migration[8.0]
-  def change
-    create_table :post_tag_sections, primary_key: [:post_id, :tag_id, :begin_ms] do |t|
-      t.references :post, null: false, foreign_key: true, index: false
-      t.references :tag, null: false, foreign_key: true, index: false
-      t.integer :begin_ms, null: false
-      t.integer :end_ms, null: true
-      t.timestamps
-
-      t.index [:post_id, :begin_ms], name: 'idx_post_tag_sections_post_id_begin_ms'
-
-      t.check_constraint 'begin_ms >= 0',
-                         name: 'chk_post_tag_sections_begin_ms_natural'
-
-      t.check_constraint 'end_ms IS NULL OR begin_ms < end_ms',
-                         name: 'chk_post_tag_sections_end_ms_after_begin_ms'
-    end
-  end
-end

backend/db/migrate/20260622020000_add_video_ms_to_post_versions.rb

@@ -1,9 +0,0 @@
-class AddVideoMsToPostVersions < ActiveRecord::Migration[8.0]
-  def change
-    add_column :post_versions, :video_ms, :integer
-    add_index :post_versions, [:video_ms, :post_id], name: 'idx_post_versions_video_ms_post_id'
-
-    add_check_constraint :post_versions, 'video_ms IS NULL OR video_ms > 0',
-                         name: 'chk_post_versions_video_ms_positive'
-  end
-end

backend/db/migrate/20260704000000_rebuild_settings_as_typed_user_settings.rb

@@ -1,31 +0,0 @@
-class RebuildSettingsAsTypedUserSettings < ActiveRecord::Migration[8.0]
-  def change
-    remove_foreign_key :settings, :users if foreign_key_exists?(:settings, :users)
-    remove_index :settings, :user_id if index_exists?(:settings, :user_id)
-
-    remove_column :settings, :key, :string if column_exists?(:settings, :key)
-    remove_column :settings, :value, :json if column_exists?(:settings, :value)
-
-    change_column_null :settings, :user_id, false
-
-    add_column :settings, :theme, :string, null: false, default: 'system'
-    add_column :settings,
-               :auto_fetch_title,
-               :string,
-               null: false,
-               default: 'manual'
-    add_column :settings,
-               :auto_fetch_thumbnail,
-               :string,
-               null: false,
-               default: 'manual'
-    add_column :settings,
-               :wiki_editor_mode,
-               :string,
-               null: false,
-               default: 'split'
-
-    add_index :settings, :user_id, unique: true
-    add_foreign_key :settings, :users
-  end
-end

backend/db/migrate/20260705000000_create_user_theme_slots.rb

@@ -1,22 +0,0 @@
-class CreateUserThemeSlots < ActiveRecord::Migration[8.0]
-  def change
-    create_table :user_theme_slots do |t|
-      t.references :user, null: false, foreign_key: true
-      t.string :base_theme, null: false
-      t.integer :slot_no, null: false
-      t.json :tokens, null: false
-      t.timestamps
-    end
-
-    add_index :user_theme_slots,
-              [:user_id, :base_theme, :slot_no],
-              unique: true,
-              name: 'index_user_theme_slots_on_user_theme_and_slot'
-    add_check_constraint :user_theme_slots,
-                         "base_theme IN ('light', 'dark')",
-                         name: 'user_theme_slots_base_theme_valid'
-    add_check_constraint :user_theme_slots,
-                         'slot_no BETWEEN 1 AND 3',
-                         name: 'user_theme_slots_slot_no_valid'
-  end
-end

backend/db/schema.rb

@@ -10,7 +10,7 @@
 #
 # It's strongly recommended that you check this file into your version control system.
 
-ActiveRecord::Schema[8.0].define(version: 2026_07_05_000000) do
+ActiveRecord::Schema[8.0].define(version: 2026_06_26_010000) do
   create_table "active_storage_attachments", charset: "utf8mb4", collation: "utf8mb4_0900_ai_ci", force: :cascade do |t|
     t.string "name", null: false
     t.string "record_type", null: false
@@ -298,19 +298,6 @@ ActiveRecord::Schema[8.0].define(version: 2026_07_05_000000) do
     t.index ["target_post_id"], name: "index_post_similarities_on_target_post_id"
   end
 
-  create_table "post_tag_sections", primary_key: ["post_id", "tag_id", "begin_ms"], charset: "utf8mb4", collation: "utf8mb4_0900_ai_ci", force: :cascade do |t|
-    t.bigint "post_id", null: false
-    t.bigint "tag_id", null: false
-    t.integer "begin_ms", null: false
-    t.integer "end_ms"
-    t.datetime "created_at", null: false
-    t.datetime "updated_at", null: false
-    t.index ["post_id", "begin_ms"], name: "idx_post_tag_sections_post_id_begin_ms"
-    t.index ["tag_id"], name: "fk_rails_8be3847903"
-    t.check_constraint "(`end_ms` is null) or (`begin_ms` < `end_ms`)", name: "chk_post_tag_sections_end_ms_after_begin_ms"
-    t.check_constraint "`begin_ms` >= 0", name: "chk_post_tag_sections_begin_ms_natural"
-  end
-
   create_table "post_tags", charset: "utf8mb4", collation: "utf8mb4_0900_ai_ci", force: :cascade do |t|
     t.bigint "post_id", null: false
     t.bigint "tag_id", null: false
@@ -344,12 +331,9 @@ ActiveRecord::Schema[8.0].define(version: 2026_07_05_000000) do
     t.datetime "original_created_before"
     t.datetime "created_at", null: false
     t.bigint "created_by_user_id"
-    t.integer "video_ms"
     t.index ["created_by_user_id"], name: "index_post_versions_on_created_by_user_id"
     t.index ["post_id", "version_no"], name: "index_post_versions_on_post_id_and_version_no", unique: true
     t.index ["post_id"], name: "index_post_versions_on_post_id"
-    t.index ["video_ms", "post_id"], name: "idx_post_versions_video_ms_post_id"
-    t.check_constraint "(`video_ms` is null) or (`video_ms` > 0)", name: "chk_post_versions_video_ms_positive"
     t.check_constraint "`event_type` in (_utf8mb4'create',_utf8mb4'update',_utf8mb4'discard',_utf8mb4'restore')", name: "post_versions_event_type_valid"
     t.check_constraint "`version_no` > 0", name: "post_versions_version_no_positive"
   end
@@ -364,36 +348,18 @@ ActiveRecord::Schema[8.0].define(version: 2026_07_05_000000) do
     t.datetime "original_created_before"
     t.datetime "updated_at", null: false
     t.integer "version_no", null: false
-    t.integer "video_ms"
     t.index ["uploaded_user_id"], name: "index_posts_on_uploaded_user_id"
     t.index ["url"], name: "index_posts_on_url", unique: true
-    t.index ["video_ms", "id"], name: "idx_posts_video_ms_id"
-    t.check_constraint "(`video_ms` is null) or (`video_ms` > 0)", name: "chk_posts_video_ms_positive"
     t.check_constraint "`version_no` > 0", name: "chk_posts_version_no_positive"
   end
 
   create_table "settings", charset: "utf8mb4", collation: "utf8mb4_0900_ai_ci", force: :cascade do |t|
     t.bigint "user_id", null: false
+    t.string "key", null: false
+    t.json "value", null: false
     t.datetime "created_at", null: false
     t.datetime "updated_at", null: false
-    t.string "theme", default: "system", null: false
-    t.string "auto_fetch_title", default: "manual", null: false
-    t.string "auto_fetch_thumbnail", default: "manual", null: false
-    t.string "wiki_editor_mode", default: "split", null: false
-    t.index ["user_id"], name: "index_settings_on_user_id", unique: true
-  end
-
-  create_table "wiki_assets", charset: "utf8mb4", collation: "utf8mb4_0900_ai_ci", force: :cascade do |t|
-    t.bigint "wiki_page_id", null: false
-    t.integer "no", null: false
-    t.string "alt_text"
-    t.binary "sha256", limit: 32, null: false
-    t.bigint "created_by_user_id", null: false
-    t.datetime "created_at", null: false
-    t.datetime "updated_at", null: false
-    t.index ["created_by_user_id"], name: "index_wiki_assets_on_created_by_user_id"
-    t.index ["wiki_page_id", "no"], name: "index_wiki_assets_on_wiki_page_id_and_no", unique: true
-    t.index ["wiki_page_id", "sha256"], name: "index_wiki_assets_on_wiki_page_id_and_sha256", unique: true
+    t.index ["user_id"], name: "index_settings_on_user_id"
   end
 
   create_table "tag_implications", charset: "utf8mb4", collation: "utf8mb4_0900_ai_ci", force: :cascade do |t|
@@ -441,9 +407,9 @@ ActiveRecord::Schema[8.0].define(version: 2026_07_05_000000) do
     t.string "event_type", null: false
     t.string "name", null: false
     t.string "category", null: false
+    t.datetime "deprecated_at"
     t.text "aliases", null: false
     t.text "parent_tag_ids", null: false
-    t.datetime "deprecated_at"
     t.datetime "created_at", null: false
     t.bigint "created_by_user_id"
     t.index ["created_at"], name: "index_tag_versions_on_created_at"
@@ -456,10 +422,10 @@ ActiveRecord::Schema[8.0].define(version: 2026_07_05_000000) do
   create_table "tags", charset: "utf8mb4", collation: "utf8mb4_0900_ai_ci", force: :cascade do |t|
     t.bigint "tag_name_id", null: false
     t.string "category", default: "general", null: false
-    t.datetime "deprecated_at"
     t.datetime "created_at", null: false
     t.datetime "updated_at", null: false
     t.integer "post_count", default: 0, null: false
+    t.datetime "deprecated_at"
     t.datetime "discarded_at"
     t.integer "version_no", null: false
     t.index ["deprecated_at"], name: "index_tags_on_deprecated_at"
@@ -581,19 +547,6 @@ ActiveRecord::Schema[8.0].define(version: 2026_07_05_000000) do
     t.index ["post_id"], name: "index_user_post_views_on_post_id"
   end
 
-  create_table "user_theme_slots", charset: "utf8mb4", collation: "utf8mb4_0900_ai_ci", force: :cascade do |t|
-    t.bigint "user_id", null: false
-    t.string "base_theme", null: false
-    t.integer "slot_no", null: false
-    t.json "tokens", null: false
-    t.datetime "created_at", null: false
-    t.datetime "updated_at", null: false
-    t.index ["user_id", "base_theme", "slot_no"], name: "index_user_theme_slots_on_user_theme_and_slot", unique: true
-    t.index ["user_id"], name: "index_user_theme_slots_on_user_id"
-    t.check_constraint "`base_theme` in (_utf8mb4'light',_utf8mb4'dark')", name: "user_theme_slots_base_theme_valid"
-    t.check_constraint "`slot_no` between 1 and 3", name: "user_theme_slots_slot_no_valid"
-  end
-
   create_table "users", charset: "utf8mb4", collation: "utf8mb4_0900_ai_ci", force: :cascade do |t|
     t.string "name"
     t.string "inheritance_code", limit: 64, null: false
@@ -604,6 +557,19 @@ ActiveRecord::Schema[8.0].define(version: 2026_07_05_000000) do
     t.index ["banned_at"], name: "index_users_on_banned_at"
   end
 
+  create_table "wiki_assets", charset: "utf8mb4", collation: "utf8mb4_0900_ai_ci", force: :cascade do |t|
+    t.bigint "wiki_page_id", null: false
+    t.integer "no", null: false
+    t.string "alt_text"
+    t.binary "sha256", limit: 32, null: false
+    t.bigint "created_by_user_id", null: false
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+    t.index ["created_by_user_id"], name: "index_wiki_assets_on_created_by_user_id"
+    t.index ["wiki_page_id", "no"], name: "index_wiki_assets_on_wiki_page_id_and_no", unique: true
+    t.index ["wiki_page_id", "sha256"], name: "index_wiki_assets_on_wiki_page_id_and_sha256", unique: true
+  end
+
   create_table "wiki_lines", charset: "utf8mb4", collation: "utf8mb4_0900_ai_ci", force: :cascade do |t|
     t.string "sha256", limit: 64, null: false
     t.text "body", null: false
@@ -712,8 +678,6 @@ ActiveRecord::Schema[8.0].define(version: 2026_07_05_000000) do
   add_foreign_key "post_implications", "posts", column: "parent_post_id"
   add_foreign_key "post_similarities", "posts"
   add_foreign_key "post_similarities", "posts", column: "target_post_id"
-  add_foreign_key "post_tag_sections", "posts"
-  add_foreign_key "post_tag_sections", "tags"
   add_foreign_key "post_tags", "posts"
   add_foreign_key "post_tags", "tags"
   add_foreign_key "post_tags", "users", column: "created_user_id"
@@ -753,7 +717,6 @@ ActiveRecord::Schema[8.0].define(version: 2026_07_05_000000) do
   add_foreign_key "user_ips", "users"
   add_foreign_key "user_post_views", "posts"
   add_foreign_key "user_post_views", "users"
-  add_foreign_key "user_theme_slots", "users"
   add_foreign_key "wiki_assets", "users", column: "created_by_user_id"
   add_foreign_key "wiki_assets", "wiki_pages"
   add_foreign_key "wiki_pages", "tag_names"

backend/lib/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "lib",
+  "version": "1.0.0",
+  "main": "screenshot.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "puppeteer": "^24.10.0"
+  }
+}

backend/lib/screenshot.js

@@ -0,0 +1,18 @@
+const puppeteer = require ('puppeteer')
+const fs = require ('fs')
+
+
+void (async () => {
+  const url = process.argv[2]
+  const output = process.argv[3]
+
+  const browser = await puppeteer.launch ({
+      args: ['--no-sandbox', '--disable-setuid-sandbox'] })
+
+  const page = await browser.newPage ()
+  await page.setViewport ({ width: 960, height: 960 })
+  await page.goto (url, { waitUntil: 'networkidle2', timeout: 15000 })
+
+  await page.screenshot ({ path: output })
+  await browser.close ()
+}) ()

backend/spec/factories/post_tag_sections.rb

@@ -1,8 +0,0 @@
-FactoryBot.define do
-  factory :post_tag_section do
-    association :post
-    association :tag
-    begin_ms { 1_000 }
-    end_ms { 2_000 }
-  end
-end

backend/spec/factories/post_tags.rb

@@ -1,6 +0,0 @@
-FactoryBot.define do
-  factory :post_tag do
-    association :post
-    association :tag
-  end
-end

backend/spec/factories/posts.rb

@@ -1,8 +0,0 @@
-FactoryBot.define do
-  factory :post do
-    sequence(:url) { |n| "https://example.com/factory-post-#{ n }" }
-    title { 'factory post' }
-    thumbnail_base { nil }
-    uploaded_user { nil }
-  end
-end

backend/spec/models/post_tag_spec.rb

@@ -1,41 +0,0 @@
-RSpec.describe PostTag, type: :model do
-  describe '#sections' do
-    it 'loads sections by post_id and tag_id' do
-      post_tag = create(:post_tag)
-      section = create(:post_tag_section,
-                       post: post_tag.post,
-                       tag: post_tag.tag,
-                       begin_ms: 1000,
-                       end_ms: 2000)
-
-      expect(post_tag.sections).to contain_exactly(section)
-    end
-
-    it 'does not load sections for another tag on the same post' do
-      post = create(:post)
-      tag = create(:tag)
-      other_tag = create(:tag)
-
-      post_tag = create(:post_tag, post:, tag:)
-      create(:post_tag_section,
-             post:,
-             tag: other_tag,
-             begin_ms: 1000,
-             end_ms: 2000)
-
-      expect(post_tag.sections).to be_empty
-    end
-
-    it 'allows open-ended sections' do
-      post_tag = create(:post_tag)
-      section = create(:post_tag_section,
-                       post: post_tag.post,
-                       tag: post_tag.tag,
-                       begin_ms: 1000,
-                       end_ms: nil)
-
-      expect(section).to be_valid
-      expect(post_tag.sections).to contain_exactly(section)
-    end
-  end
-end

backend/spec/models/setting_spec.rb

@@ -1,34 +0,0 @@
-require 'rails_helper'
-
-RSpec.describe Setting, type: :model do
-  it 'accepts the default typed user settings' do
-    setting = described_class.new({ user: create(:user) }.merge(described_class.defaults))
-
-    expect(setting).to be_valid
-  end
-
-  it 'requires one settings row per user' do
-    user = create(:user)
-    described_class.create!({ user: }.merge(described_class.defaults))
-
-    duplicate = described_class.new({ user: }.merge(described_class.defaults))
-
-    expect(duplicate).not_to be_valid
-    expect(duplicate.errors[:user_id]).to be_present
-  end
-
-  it 'validates enum-like settings columns' do
-    setting = described_class.new(
-        { user: create(:user),
-          theme: 'neon',
-          auto_fetch_title: 'sometimes',
-          auto_fetch_thumbnail: 'sometimes',
-          wiki_editor_mode: 'sideways' })
-
-    expect(setting).not_to be_valid
-    expect(setting.errors[:theme]).to be_present
-    expect(setting.errors[:auto_fetch_title]).to be_present
-    expect(setting.errors[:auto_fetch_thumbnail]).to be_present
-    expect(setting.errors[:wiki_editor_mode]).to be_present
-  end
-end

backend/spec/models/tag_spec.rb

@@ -19,95 +19,6 @@ RSpec.describe Tag, type: :model do
         expect(error.tag_names).to eq([deprecated_tag.name])
       }
     end
-
-    it 'rejects invalid section literals instead of treating them as zero' do
-      expect {
-        described_class.normalise_tags!(
-          ['normalise_invalid_section[1:aa-2:00]'],
-          with_sections: true
-        )
-      }.to raise_error(Tag::SectionLiteralParseError)
-    end
-
-    it 'parses open-ended section literals' do
-      result = described_class.normalise_tags!(
-        ['伊地知ニジカ[1:00-]'],
-        with_sections: true
-      )
-
-      tag = result.fetch(:tags).find { _1.name == '伊地知ニジカ' }
-      expect(result.fetch(:sections).fetch(tag.id)).to eq([[60_000, nil]])
-    end
-
-    it 'parses omitted begin as zero' do
-      result = described_class.normalise_tags!(
-        ['伊地知ニジカ[-1:00]'],
-        with_sections: true
-      )
-
-      tag = result.fetch(:tags).find { _1.name == '伊地知ニジカ' }
-      expect(result.fetch(:sections).fetch(tag.id)).to eq([[0, 60_000]])
-    end
-
-    it 'treats fully open section literals as plain tags' do
-      result = described_class.normalise_tags!(
-        ['伊地知ニジカ[-]'],
-        with_sections: true
-      )
-
-      tag = result.fetch(:tags).find { _1.name == '伊地知ニジカ' }
-      expect(result.fetch(:sections)[tag.id]).to be_nil
-    end
-
-    it 'treats [0:00-] as a plain tag' do
-      result = described_class.normalise_tags!(
-        ['伊地知ニジカ[0:00-]'],
-        with_sections: true
-      )
-
-      tag = result.fetch(:tags).find { _1.name == '伊地知ニジカ' }
-      expect(result.fetch(:sections)[tag.id]).to be_nil
-    end
-
-    it 'expands zero-width sections to one millisecond' do
-      result = described_class.normalise_tags!(
-        ['伊地知ニジカ[1:00-1:00]'],
-        with_sections: true
-      )
-
-      tag = result.fetch(:tags).find { _1.name == '伊地知ニジカ' }
-      expect(result.fetch(:sections).fetch(tag.id)).to eq([[60_000, 60_001]])
-    end
-
-    it 'swaps reversed section boundaries' do
-      result = described_class.normalise_tags!(
-        ['伊地知ニジカ[2:00-1:00]'],
-        with_sections: true
-      )
-
-      tag = result.fetch(:tags).find { _1.name == '伊地知ニジカ' }
-      expect(result.fetch(:sections).fetch(tag.id)).to eq([[60_000, 120_000]])
-    end
-
-    it 'merges open-ended sections over later bounded sections' do
-      result = described_class.normalise_tags!(
-        ['伊地知ニジカ[1:00-][2:00-3:00]'],
-        with_sections: true
-      )
-
-      tag = result.fetch(:tags).find { _1.name == '伊地知ニジカ' }
-      expect(result.fetch(:sections).fetch(tag.id)).to eq([[60_000, nil]])
-    end
-
-    it 'merges adjacent bounded and open-ended sections' do
-      result = described_class.normalise_tags!(
-        ['伊地知ニジカ[1:00-3:00][3:00-]'],
-        with_sections: true
-      )
-
-      tag = result.fetch(:tags).find { _1.name == '伊地知ニジカ' }
-      expect(result.fetch(:sections).fetch(tag.id)).to eq([[60_000, nil]])
-    end
   end
 
   describe '.expand_parent_tags' do

backend/spec/models/user_theme_slot_spec.rb

@@ -1,40 +0,0 @@
-require 'rails_helper'
-
-RSpec.describe UserThemeSlot, type: :model do
-  it 'accepts a theme slot for one user, base theme, and slot number' do
-    slot = described_class.new(user: create(:user),
-                               base_theme: 'light',
-                               slot_no: 1,
-                               tokens: { 'background' => '0 0% 100%' })
-
-    expect(slot).to be_valid
-  end
-
-  it 'requires unique slot numbers per user and base theme' do
-    user = create(:user)
-    described_class.create!(user:,
-                            base_theme: 'dark',
-                            slot_no: 2,
-                            tokens: { 'background' => '222.2 84% 4.9%' })
-
-    duplicate = described_class.new(user:,
-                                    base_theme: 'dark',
-                                    slot_no: 2,
-                                    tokens: { 'background' => '0 0% 100%' })
-
-    expect(duplicate).not_to be_valid
-    expect(duplicate.errors[:user_id]).to be_present
-  end
-
-  it 'validates base theme, slot number, and token object shape' do
-    slot = described_class.new(user: create(:user),
-                               base_theme: 'system',
-                               slot_no: 4,
-                               tokens: 'not-object')
-
-    expect(slot).not_to be_valid
-    expect(slot.errors[:base_theme]).to be_present
-    expect(slot.errors[:slot_no]).to be_present
-    expect(slot.errors[:tokens]).to be_present
-  end
-end

backend/spec/requests/materials_spec.rb

@@ -287,25 +287,6 @@ RSpec.describe 'Materials API', type: :request do
         expect(json.dig('export_paths', 'legacy_drive')).to eq('伊地知ニジカ/created.png')
       end
 
-      it 'creates a create tag_version for a newly created material tag' do
-        expect do
-          post '/materials', params: {
-            tag: 'material_create_versioned_tag',
-            file: dummy_upload(filename: 'created.png')
-          }
-        end.to change(TagVersion, :count).by(1)
-
-        expect(response).to have_http_status(:created)
-
-        tag = Tag.joins(:tag_name).find_by!(tag_names: { name: 'material_create_versioned_tag' })
-        version = tag.tag_versions.order(:version_no).last
-
-        expect(version.event_type).to eq('create')
-        expect(version.name).to eq('material_create_versioned_tag')
-        expect(version.category).to eq('material')
-        expect(version.created_by_user).to eq(member_user)
-      end
-
       it 'snapshots attached file metadata and sha256' do
         post '/materials', params: {
           tag: 'material_create_file_version',
@@ -485,73 +466,6 @@ RSpec.describe 'Materials API', type: :request do
         expect(json.dig('tag', 'name')).to eq('material_update_new')
       end
 
-      it 'creates a create tag_version when update creates a new tag' do
-        expect do
-          put "/materials/#{ material.id }", params: {
-            tag: 'material_update_versioned_tag',
-            file: dummy_upload(filename: 'updated.png')
-          }
-        end.to change(Tag, :count).by(1)
-          .and change(TagName, :count).by(1)
-          .and change(TagVersion, :count).by(1)
-
-        expect(response).to have_http_status(:ok)
-
-        tag = Tag.joins(:tag_name).find_by!(tag_names: { name: 'material_update_versioned_tag' })
-        version = tag.tag_versions.order(:version_no).last
-
-        expect(version.event_type).to eq('create')
-        expect(version.name).to eq('material_update_versioned_tag')
-        expect(version.category).to eq('material')
-        expect(version.created_by_user).to eq(member_user)
-      end
-
-      it 'backfills a create tag_version for an existing material tag without history' do
-        existing_tag =
-            Tag.create!(tag_name: TagName.create!(name: 'material_update_existing_no_history'),
-                        category: :material)
-
-        expect(existing_tag.tag_versions).to be_empty
-
-        expect do
-          put "/materials/#{ material.id }", params: {
-            tag: 'material_update_existing_no_history',
-            file: dummy_upload(filename: 'updated.png')
-          }
-        end.to change(TagVersion, :count).by(1)
-
-        expect(response).to have_http_status(:ok)
-
-        version = existing_tag.reload.tag_versions.order(:version_no).last
-        expect(version.event_type).to eq('create')
-        expect(version.name).to eq('material_update_existing_no_history')
-        expect(version.category).to eq('material')
-        expect(version.created_by_user).to eq(member_user)
-      end
-
-      it 'backfills a create tag_version for an existing character tag without history' do
-        existing_tag =
-            Tag.create!(tag_name: TagName.create!(name: 'material_update_character_no_history'),
-                        category: :character)
-
-        expect(existing_tag.tag_versions).to be_empty
-
-        expect do
-          put "/materials/#{ material.id }", params: {
-            tag: 'material_update_character_no_history',
-            file: dummy_upload(filename: 'updated.png')
-          }
-        end.to change(TagVersion, :count).by(1)
-
-        expect(response).to have_http_status(:ok)
-
-        version = existing_tag.reload.tag_versions.order(:version_no).last
-        expect(version.event_type).to eq('create')
-        expect(version.name).to eq('material_update_character_no_history')
-        expect(version.category).to eq('character')
-        expect(version.created_by_user).to eq(member_user)
-      end
-
       it 'detaches the existing file without purging blob when url replaces file' do
         old_blob_id = material.file.blob.id
 
@@ -580,7 +494,6 @@ RSpec.describe 'Materials API', type: :request do
       it 'does not increase version for the same snapshot update' do
         MaterialVersionRecorder.record!(material:, event_type: :create,
                                         created_by_user: member_user)
-        TagVersioning.ensure_snapshot!(tag, created_by_user: member_user)
 
         expect do
           put "/materials/#{ material.id }", params: {
@@ -588,8 +501,6 @@ RSpec.describe 'Materials API', type: :request do
           }
         end.not_to change(MaterialVersion, :count)
 
-        expect(tag.reload.tag_versions.count).to eq(1)
-
         expect(response).to have_http_status(:ok)
         expect(material.reload.version_no).to eq(1)
       end

backend/spec/requests/posts_spec.rb

@@ -54,7 +54,6 @@ RSpec.describe 'Posts API', type: :request do
             title: post.title,
             url: post.url,
             thumbnail_base: post.thumbnail_base,
-            video_ms: post.video_ms,
             tags: post.snapshot_tag_names.join(' '),
             parent_post_ids: post.snapshot_parent_post_ids.join(' '),
             original_created_from: post.original_created_from,
@@ -146,22 +145,6 @@ RSpec.describe 'Posts API', type: :request do
       expect(all_tag_names).to include("spec_tag")
     end
 
-    it 'keeps children and sections keys in non-detail tag responses' do
-      PostTagSection.create!(post: hit_post, tag:, begin_ms: 1_000, end_ms: nil)
-
-      get '/posts'
-
-      expect(response).to have_http_status(:ok)
-
-      hit_json = json.fetch('posts').find { |post| post['id'] == hit_post.id }
-      tag_json = hit_json.fetch('tags').find { |item| item['name'] == 'spec_tag' }
-
-      expect(tag_json.fetch('children')).to eq([])
-      expect(tag_json.fetch('sections')).to eq([
-        { 'begin_ms' => 1_000, 'end_ms' => nil }
-      ])
-    end
-
     context "when q is provided" do
       it "filters posts by q (hit case)" do
         get "/posts", params: { tags: "spec_tag" }
@@ -862,198 +845,6 @@ RSpec.describe 'Posts API', type: :request do
       expect(saved_names).not_to include('deprecated_parent', 'deprecated_grandparent')
     end
 
-    it 'returns validation error for an invalid section literal' do
-      sign_in_as(member)
-
-      post '/posts', params: post_write_params(
-        title: 'invalid section literal',
-        url: 'https://example.com/invalid-section-literal',
-        tags: 'spec_tag[1:aa-2:00]',
-        thumbnail: dummy_upload
-      )
-
-      expect(response).to have_http_status(:unprocessable_entity)
-      expect(json).to include(
-        'type' => 'validation_error',
-        'message' => '入力内容を確認してください．'
-      )
-      expect(json.fetch('errors')).to include(
-        'tags' => ['タグ区間の記法が不正です．']
-      )
-    end
-
-    it 'creates a video post with duration' do
-      sign_in_as(member)
-
-      post '/posts', params: post_write_params(
-        title: 'video post',
-        url: 'https://example.com/video-post',
-        tags: '動画 spec_tag',
-        duration: '3:00.500',
-        thumbnail: dummy_upload
-      )
-
-      expect(response).to have_http_status(:created)
-      expect(Post.find(json.fetch('id')).video_ms).to eq(180_500)
-      expect(json.fetch('video_ms')).to eq(180_500)
-    end
-
-    it 'creates a video post with number input duration seconds' do
-      sign_in_as(member)
-
-      post '/posts', params: post_write_params(
-        title: 'video post seconds',
-        url: 'https://example.com/video-post-seconds',
-        tags: '動画 spec_tag',
-        duration: '180.5',
-        thumbnail: dummy_upload
-      )
-
-      expect(response).to have_http_status(:created)
-      expect(Post.find(json.fetch('id')).video_ms).to eq(180_500)
-      expect(json.fetch('video_ms')).to eq(180_500)
-    end
-
-    it 'clears video_ms when the saved tags do not include 動画' do
-      sign_in_as(member)
-
-      post '/posts', params: post_write_params(
-        title: 'non video post',
-        url: 'https://example.com/non-video-post',
-        tags: 'spec_tag',
-        duration: '3:00',
-        thumbnail: dummy_upload
-      )
-
-      expect(response).to have_http_status(:created)
-      expect(Post.find(json.fetch('id')).video_ms).to be_nil
-    end
-
-    it 'returns validation error when a bounded section exceeds duration' do
-      sign_in_as(member)
-
-      post '/posts', params: post_write_params(
-        title: 'too long section',
-        url: 'https://example.com/too-long-section',
-        tags: '動画 伊地知ニジカ[2:50-3:10]',
-        duration: '3:00',
-        thumbnail: dummy_upload
-      )
-
-      expect(response).to have_http_status(:unprocessable_entity)
-      expect(json.fetch('errors')).to include(
-        'video_ms' => ['タグ区間の終端が動画時間を超えてゐます．']
-      )
-    end
-
-    it 'saves open-ended sections with end_ms NULL' do
-      sign_in_as(member)
-
-      post '/posts', params: post_write_params(
-        title: 'open ended section literal',
-        url: 'https://example.com/open-ended-section-literal',
-        tags: '動画 伊地知ニジカ[1:00-]',
-        duration: '3:00',
-        thumbnail: dummy_upload
-      )
-
-      expect(response).to have_http_status(:created)
-
-      created_post = Post.find(json.fetch('id'))
-      tag = Tag.joins(:tag_name).find_by!(tag_names: { name: '伊地知ニジカ' })
-      section = PostTagSection.find_by!(post: created_post, tag:)
-
-      expect(section.begin_ms).to eq(60_000)
-      expect(section.end_ms).to be_nil
-    end
-
-    it 'does not save sections for [-]' do
-      sign_in_as(member)
-
-      post '/posts', params: post_write_params(
-        title: 'fully open section literal',
-        url: 'https://example.com/fully-open-section-literal',
-        tags: '伊地知ニジカ[-]',
-        thumbnail: dummy_upload
-      )
-
-      expect(response).to have_http_status(:created)
-
-      created_post = Post.find(json.fetch('id'))
-      tag = Tag.joins(:tag_name).find_by!(tag_names: { name: '伊地知ニジカ' })
-      expect(PostTagSection.find_by(post: created_post, tag:)).to be_nil
-    end
-
-    it 'does not save sections for [0:00-]' do
-      sign_in_as(member)
-
-      post '/posts', params: post_write_params(
-        title: 'zero open ended section literal',
-        url: 'https://example.com/zero-open-ended-section-literal',
-        tags: '伊地知ニジカ[0:00-]',
-        thumbnail: dummy_upload
-      )
-
-      expect(response).to have_http_status(:created)
-
-      created_post = Post.find(json.fetch('id'))
-      tag = Tag.joins(:tag_name).find_by!(tag_names: { name: '伊地知ニジカ' })
-      expect(PostTagSection.find_by(post: created_post, tag:)).to be_nil
-    end
-
-    it 'returns end_ms null for open-ended sections in show response' do
-      sign_in_as(member)
-
-      post '/posts', params: post_write_params(
-        title: 'show open ended section literal',
-        url: 'https://example.com/show-open-ended-section-literal',
-        tags: '動画 伊地知ニジカ[1:00-]',
-        duration: '3:00',
-        thumbnail: dummy_upload
-      )
-
-      expect(response).to have_http_status(:created)
-
-      get "/posts/#{ json.fetch('id') }"
-
-      expect(response).to have_http_status(:ok)
-      tag_json = json.fetch('tags').find { |item| item['name'] == '伊地知ニジカ' }
-      expect(tag_json.fetch('sections')).to eq([
-        { 'begin_ms' => 60_000, 'end_ms' => nil }
-      ])
-    end
-
-    it 'allows open-ended sections when begin is within duration' do
-      sign_in_as(member)
-
-      post '/posts', params: post_write_params(
-        title: 'valid open ended section literal',
-        url: 'https://example.com/valid-open-ended-section-literal',
-        tags: '動画 伊地知ニジカ[1:00-]',
-        duration: '3:00',
-        thumbnail: dummy_upload
-      )
-
-      expect(response).to have_http_status(:created)
-    end
-
-    it 'rejects open-ended sections when begin equals duration' do
-      sign_in_as(member)
-
-      post '/posts', params: post_write_params(
-        title: 'invalid open ended section literal',
-        url: 'https://example.com/invalid-open-ended-section-literal',
-        tags: '動画 伊地知ニジカ[3:00-]',
-        duration: '3:00',
-        thumbnail: dummy_upload
-      )
-
-      expect(response).to have_http_status(:unprocessable_entity)
-      expect(json.fetch('errors')).to include(
-        'video_ms' => ['タグ区間の開始が動画時間以上です．']
-      )
-    end
-
     context "when nico tag already exists in tags" do
       before do
         Tag.find_undiscard_or_create_by!(

backend/spec/requests/preview_spec.rb

@@ -1,46 +1,28 @@
-require 'rails_helper'
+require "rails_helper"
 
 
-RSpec.describe 'Preview', type: :request do
-  describe 'GET /preview/title' do
-    it '401 unless logged in' do
+RSpec.describe "Preview", type: :request do
+  describe "GET /preview/title" do
+    it "401 unless logged in" do
       sign_out
-      get '/preview/title', params: { url: 'example.com' }
+      get "/preview/title", params: { url: "example.com" }
       expect(response).to have_http_status(:unauthorized)
     end
 
-    it '403 when logged in as guest' do
-      sign_in_as(create(:user, :guest))
-      get '/preview/title', params: { url: 'example.com' }
-      expect(response).to have_http_status(:forbidden)
-    end
-
-    it '400 when url blank' do
-      sign_in_as(create(:user, :member))
-      get '/preview/title', params: { url: '' }
+    it "400 when url blank" do
+      sign_in_as(create(:user))
+      get "/preview/title", params: { url: "" }
       expect(response).to have_http_status(:bad_request)
     end
 
-    it 'returns parsed title' do
-      sign_in_as(create(:user, :member))
-      allow(Preview::ThumbnailFetcher)
-          .to receive(:title)
-          .with('example.com')
-          .and_return('Hello')
+    it "returns parsed title (stubbing URI.open)" do
+      sign_in_as(create(:user))
+      fake_html = "<html><head><title>  Hello  </title></head></html>"
+      allow(URI).to receive(:open).and_return(StringIO.new(fake_html))
 
-      get '/preview/title', params: { url: 'example.com' }
+      get "/preview/title", params: { url: "example.com" }
       expect(response).to have_http_status(:ok)
-      expect(json['title']).to eq('Hello')
-    end
-
-    it '413 when fetched response is too large' do
-      sign_in_as(create(:user, :member))
-      allow(Preview::ThumbnailFetcher)
-          .to receive(:title)
-          .and_raise(Preview::HttpFetcher::ResponseTooLarge, '外部データが大きすぎます．')
-
-      get '/preview/title', params: { url: 'example.com' }
-      expect(response).to have_http_status(:payload_too_large)
+      expect(json["title"]).to eq("Hello")
     end
   end
 end

backend/spec/requests/user_settings_spec.rb

@@ -1,98 +0,0 @@
-require 'rails_helper'
-
-RSpec.describe 'user settings', type: :request do
-  describe 'GET /users/settings' do
-    it 'requires a current user' do
-      sign_out
-
-      get '/users/settings'
-
-      expect(response).to have_http_status(:unauthorized)
-    end
-
-    it 'returns defaults and creates a missing settings row' do
-      user = create(:user)
-      sign_in_as(user)
-
-      expect {
-        get '/users/settings'
-      }.to change(Setting, :count).by(1)
-
-      expect(response).to have_http_status(:ok)
-      expect(json).to eq(
-          'theme' => 'system',
-          'auto_fetch_title' => 'manual',
-          'auto_fetch_thumbnail' => 'manual',
-          'wiki_editor_mode' => 'split')
-      expect(user.reload.setting).to be_present
-    end
-  end
-
-  describe 'PATCH /users/settings' do
-    it 'requires a current user' do
-      sign_out
-
-      patch '/users/settings', params: { theme: 'dark' }, as: :json
-
-      expect(response).to have_http_status(:unauthorized)
-    end
-
-    it 'updates multiple typed settings at once' do
-      user = create(:user)
-      sign_in_as(user)
-
-      patch '/users/settings',
-            params: {
-              theme: 'dark',
-              auto_fetch_title: 'auto',
-              auto_fetch_thumbnail: 'off',
-              wiki_editor_mode: 'preview' },
-            as: :json
-
-      expect(response).to have_http_status(:ok)
-      expect(json).to include(
-          'theme' => 'dark',
-          'auto_fetch_title' => 'auto',
-          'auto_fetch_thumbnail' => 'off',
-          'wiki_editor_mode' => 'preview')
-      expect(user.reload.setting).to have_attributes(
-          theme: 'dark',
-          auto_fetch_title: 'auto',
-          auto_fetch_thumbnail: 'off',
-          wiki_editor_mode: 'preview')
-    end
-
-    it 'does not treat Rails parameter wrapping as an editable setting' do
-      user = create(:user)
-      sign_in_as(user)
-
-      patch '/users/settings',
-            params: { theme: 'light', user_setting: { theme: 'dark' } },
-            as: :json
-
-      expect(response).to have_http_status(:ok)
-      expect(user.reload.setting.theme).to eq('light')
-    end
-
-    it 'returns validation_error for type mismatches' do
-      sign_in_as(create(:user))
-
-      patch '/users/settings', params: { theme: 1 }, as: :json
-
-      expect(response).to have_http_status(:unprocessable_entity)
-      expect(json).to include('type' => 'validation_error')
-      expect(json.fetch('errors')).to include(
-          'theme' => ['値の型が不正です．'])
-    end
-
-    it 'returns validation_error for invalid enum values' do
-      sign_in_as(create(:user))
-
-      patch '/users/settings', params: { theme: 'neon' }, as: :json
-
-      expect(response).to have_http_status(:unprocessable_entity)
-      expect(json).to include('type' => 'validation_error')
-      expect(json.fetch('errors').fetch('theme')).to be_present
-    end
-  end
-end

backend/spec/requests/user_theme_slots_spec.rb

@@ -1,104 +0,0 @@
-require 'rails_helper'
-
-RSpec.describe 'user theme slots', type: :request do
-  describe 'GET /users/theme_slots' do
-    it 'requires a current user' do
-      sign_out
-
-      get '/users/theme_slots'
-
-      expect(response).to have_http_status(:unauthorized)
-    end
-
-    it 'returns only the current user slots in stable order' do
-      user = create(:user)
-      other_user = create(:user)
-      sign_in_as(user)
-      UserThemeSlot.create!(user:, base_theme: 'light', slot_no: 2, tokens: { 'a' => 1 })
-      UserThemeSlot.create!(user:, base_theme: 'dark', slot_no: 1, tokens: { 'b' => 2 })
-      UserThemeSlot.create!(user: other_user,
-                            base_theme: 'dark',
-                            slot_no: 3,
-                            tokens: { 'c' => 3 })
-
-      get '/users/theme_slots'
-
-      expect(response).to have_http_status(:ok)
-      expect(json.map { |slot| [slot.fetch('base_theme'), slot.fetch('slot_no')] }).to eq(
-          [['dark', 1], ['light', 2]])
-      expect(json.map { |slot| slot.fetch('tokens') }).to eq(
-          [{ 'b' => 2 }, { 'a' => 1 }])
-    end
-  end
-
-  describe 'PUT /users/theme_slots/:base_theme/:slot_no' do
-    it 'requires a current user' do
-      sign_out
-
-      put '/users/theme_slots/light/1',
-          params: { tokens: { background: '0 0% 100%' } },
-          as: :json
-
-      expect(response).to have_http_status(:unauthorized)
-    end
-
-    it 'creates a theme slot' do
-      user = create(:user)
-      sign_in_as(user)
-
-      expect {
-        put '/users/theme_slots/light/1',
-            params: { tokens: { background: '0 0% 100%', tagColours: { nico: '#ffffff' } } },
-            as: :json
-      }.to change(UserThemeSlot, :count).by(1)
-
-      expect(response).to have_http_status(:ok)
-      expect(json).to include('base_theme' => 'light', 'slot_no' => 1)
-      expect(json.fetch('tokens')).to include(
-          'background' => '0 0% 100%',
-          'tagColours' => { 'nico' => '#ffffff' })
-      expect(user.theme_slots.find_by!(base_theme: 'light', slot_no: 1).tokens).to include(
-          'background' => '0 0% 100%')
-    end
-
-    it 'updates an existing theme slot instead of creating a duplicate' do
-      user = create(:user)
-      sign_in_as(user)
-      UserThemeSlot.create!(user:, base_theme: 'dark', slot_no: 2, tokens: { 'old' => true })
-
-      expect {
-        put '/users/theme_slots/dark/2',
-            params: { tokens: { background: '222.2 84% 4.9%' } },
-            as: :json
-      }.not_to change(UserThemeSlot, :count)
-
-      expect(response).to have_http_status(:ok)
-      expect(user.theme_slots.find_by!(base_theme: 'dark', slot_no: 2).tokens).to eq(
-          'background' => '222.2 84% 4.9%')
-    end
-
-    it 'rejects invalid path parameters and token shapes' do
-      sign_in_as(create(:user))
-
-      put '/users/theme_slots/system/4',
-          params: { tokens: 'not-object' },
-          as: :json
-
-      expect(response).to have_http_status(:unprocessable_entity)
-      expect(json.fetch('errors')).to include(
-          'base_theme' => ['値が不正です．'])
-    end
-
-    it 'rejects non-object tokens for valid slots' do
-      sign_in_as(create(:user))
-
-      put '/users/theme_slots/light/1',
-          params: { tokens: 'not-object' },
-          as: :json
-
-      expect(response).to have_http_status(:unprocessable_entity)
-      expect(json.fetch('errors')).to include(
-          'tokens' => ['JSON object で指定してください．'])
-    end
-  end
-end

backend/spec/services/preview/http_fetcher_spec.rb

@@ -1,23 +0,0 @@
-require 'rails_helper'
-
-RSpec.describe Preview::HttpFetcher do
-  describe '.fetch' do
-    it 'raises FetchFailed when redirect location is invalid' do
-      redirect = Net::HTTPFound.new('1.1', '302', 'Found')
-      redirect['location'] = 'http://[invalid'
-
-      allow(Preview::UrlSafety).to receive(:validate)
-          .with('https://example.com/page')
-          .and_return([URI.parse('https://example.com/page'), ['203.0.113.10']])
-      allow(described_class).to receive(:request)
-          .and_return(redirect)
-      allow(Rails.logger).to receive(:warn)
-
-      expect {
-        described_class.fetch('https://example.com/page')
-      }.to raise_error(Preview::HttpFetcher::FetchFailed)
-      expect(Rails.logger).to have_received(:warn)
-          .with(/invalid_redirect_location/)
-    end
-  end
-end

backend/spec/services/preview/thumbnail_fetcher_spec.rb

@@ -1,51 +0,0 @@
-require 'rails_helper'
-
-RSpec.describe Preview::ThumbnailFetcher do
-  describe '.fetch' do
-    it 'rejects svg thumbnails' do
-      page = Preview::HttpFetcher::Response.new(
-          '<meta property="og:image" content="https://example.com/thumb.svg">',
-          'text/html',
-          'https://example.com/page')
-      svg = Preview::HttpFetcher::Response.new(
-          '<svg></svg>',
-          'image/svg+xml',
-          'https://example.com/thumb.svg')
-
-      allow(Preview::UrlSafety).to receive(:validate)
-          .and_return([URI.parse('https://example.com/page'), ['203.0.113.10']])
-      allow(Preview::HttpFetcher).to receive(:fetch)
-          .with('https://example.com/page', max_bytes: described_class::HTML_MAX_BYTES)
-          .and_return(page)
-      allow(Preview::HttpFetcher).to receive(:fetch)
-          .with('https://example.com/thumb.svg')
-          .and_return(svg)
-
-      expect {
-        described_class.fetch('https://example.com/page')
-      }.to raise_error(Preview::ThumbnailFetcher::GenerationFailed)
-    end
-
-    it 'accepts allowed image content type with parameters' do
-      page = Preview::HttpFetcher::Response.new(
-          '<meta property="og:image" content="https://example.com/thumb.jpg">',
-          'text/html',
-          'https://example.com/page')
-      image = Preview::HttpFetcher::Response.new(
-          'jpeg-bytes',
-          'image/jpeg; charset=binary',
-          'https://example.com/thumb.jpg')
-
-      allow(Preview::UrlSafety).to receive(:validate)
-          .and_return([URI.parse('https://example.com/page'), ['203.0.113.10']])
-      allow(Preview::HttpFetcher).to receive(:fetch)
-          .with('https://example.com/page', max_bytes: described_class::HTML_MAX_BYTES)
-          .and_return(page)
-      allow(Preview::HttpFetcher).to receive(:fetch)
-          .with('https://example.com/thumb.jpg')
-          .and_return(image)
-
-      expect(described_class.fetch('https://example.com/page')).to eq('jpeg-bytes')
-    end
-  end
-end

backend/spec/services/preview/url_safety_spec.rb

@@ -1,15 +0,0 @@
-require 'rails_helper'
-
-RSpec.describe Preview::UrlSafety do
-  describe '.validate' do
-    it 'raises UnsafeUrl when DNS resolution fails' do
-      allow(Resolv).to receive(:getaddresses)
-          .with('missing.example')
-          .and_raise(Resolv::ResolvError)
-
-      expect {
-        described_class.validate('https://missing.example')
-      }.to raise_error(Preview::UrlSafety::UnsafeUrl)
-    end
-  end
-end

frontend/AGENTS.md

@@ -118,455 +118,23 @@ pass or the remaining failure is clearly blocked.
   short Japanese labels that fit the control.
 - Preserve existing Japanese tone and orthography in nearby UI text, including
   old-kana wording where the file already uses it.
-- When adding dynamic tag colour classes, update `tailwind.config.js` safelist
+- When adding dynamic tag color classes, update `tailwind.config.js` safelist
   if the class cannot be statically detected.
 - Do not introduce new UI libraries or production dependencies without approval.
 
-## TypeScript and TSX formatting
+## TSX formatting
 
-- The delimiter-placement and line-breaking rules in this section apply to
-  both plain TypeScript `.ts` and TSX `.tsx`, unless a bullet explicitly says
-  it is JSX- or React-specific.
 - Preserve compact TSX expression shapes such as inline ternary branches and
   closing `</div>)` forms when nearby code uses them.
-- Treat TypeScript and TSX formatting rules as hard constraints, not
-  preferences. Before finishing a TypeScript or TSX edit, inspect the edited
-  hunks for closing `)`, `]`, and `}` placement and fix violations instead of
-  relying on formatter defaults.
-- After every TypeScript or TSX edit, perform a style-only self-review of the
-  edited hunks before running verification or reporting completion. The task is
-  not complete while any edited TypeScript or TSX hunk violates these local
-  formatting rules.
-- The TypeScript/TSX self-review must classify every edited leading or trailing
-  `)`, `]`, and `}` by syntax role before deciding whether it is valid. Do not
-  apply a rule by glyph alone. A closing `)` for a function parameter list is
-  different from a closing `)` for a function call. A closing `}` for a block
-  is different from a closing `}` for an object, type literal, import list, or
-  destructuring pattern.
-- The TSX-specific self-review must confirm there are no common Prettier-style
-  React component declarations with a multi-line destructured parameter.
-- The TypeScript/TSX self-review must confirm multi-line function declaration
-  parameter `)` placement follows the detailed parameter-list rules below.
-- The TypeScript/TSX self-review must confirm call-expression `)` is never at
-  the beginning of a line.
-- The TypeScript/TSX self-review must confirm
-  object/type/import/destructuring `}` is not at the beginning of a line.
-- The TypeScript/TSX self-review must confirm multi-line
-  function/lambda/callback/block `}` is on its own line and never at the end
-  of the previous line.
-- The TypeScript/TSX self-review must confirm array `]` is not at the
-  beginning of a line.
-- The TSX-specific self-review must confirm JSX closing markers and closing
-  parentheses keep the surrounding compact style.
-- The TypeScript/TSX self-review must confirm leading indentation follows
-  4-space logical indentation with tabs only as leading 8-space compression.
 - For long Tailwind `className` strings, wrap across lines only when needed.
 - Keep continuation indentation aligned with the 4-space logical indentation
   rule, using tabs only as leading 8-space compression.
-- In TypeScript and TSX function declarations, including `const` arrow
-  function declarations, classify the parameter list before placing the closing
-  `)`.
-- If the parameter list itself is given its own multi-line block after the
-  function's opening `(`, put the closing parameter `)` at the beginning of its
-  own line before the return type or `=>`.
-- If the only line break is inside a parameter's inline type, object type, or
-  destructuring shape, and the parameter list itself is not split as a separate
-  block, keep the closing parameter `)` on the same line as that parameter's
-  final `}`. In this case, moving `)` to a new line is wrong.
-- Do not write React component declarations in the common Prettier form
-  `const Component = ({ ... }) => (` when the destructured parameter spans
-  multiple lines. Use the project form with the opening `(` after `=`, the
-  destructured object as the argument, and the closing parameter `)` on its own
-  line before `=>`.
-- In TypeScript and TSX, never place a closing parenthesis at the beginning of
-  a line except for a multi-line function declaration parameter list.
-- Never place a closing square bracket at the beginning of a line.
-- For object literals, type literals, import/export named bindings, destructuring
-  patterns, and other associative-array-style braces, do not place the closing
-  brace at the beginning of a line. Keep `}` on the same line as the final
-  property, binding, or specifier unless that would violate the line limit.
-  Function, lambda, callback, and block closing braces are exempt and should
-  stay on their own line when that fits the local style. When a function,
-  lambda, callback, or block body spans multiple lines, do not put its closing
-  `}` at the end of the previous line.
-- For arrays and tuple-like lists, do not place the closing `]` at the
-  beginning of a line. Keep `]` on the same line as the final element unless
-  that would violate the line limit.
-- For function and method calls, do not place the closing `)` at the beginning
-  of a line. The only TypeScript/TSX exception is the closing parameter `)` of a
-  multi-line function declaration.
 - Do not add braces around `if`, `else`, or `for` bodies when the body is a
   single physical line.
 - Always add braces around `if`, `else`, or `for` bodies when the body spans
   two or more physical lines, even if it is one statement.
-- Use correct British English spelling for new identifiers, filenames,
-  component names, helper names, comments, and developer-facing prose unless
-  editing an already established American-English API that must keep its
-  existing spelling for compatibility.
-- Prefer British English spellings such as `behaviour`, `colour`, `realise`,
-  `theatre`, `centre`, `favourite`, `optimise`, and `catalogue`.
-- Avoid American or Canadian spellings such as `behavior`, `color`, `realize`,
-  `theater`, `center`, `favorite`, `optimize`, and `catalog`.
-- Even when an external library or API uses the wrong spelling, prefer to
-  correct it at the local boundary and use proper British English names in this
-  frontend codebase. For example, prefer
-  `import { color: colour } from '@external-lib'` over spreading `color`
-  through local code.
-- Apply the same boundary correction to object destructuring, wrapper helpers,
-  adapter layers, and local variable names when doing so does not break the
-  external contract.
-- In this frontend, prefer names such as `BehaviourSettingsSection.tsx`, not
-  `BehaviorSettingsSection.tsx`.
 - Avoid reformatting unrelated JSX.
 
-### Delimiter decision table
-
-Use this table before accepting any edited TypeScript or TSX hunk. The table is
-more authoritative than formatter habit. Unless a subsection explicitly
-mentions JSX, it applies equally to `.ts` and `.tsx`.
-
-#### Import and export named bindings
-
-Bad:
-
-```ts
-import {
-    Button,
-    Card,
-} from '@/components/ui'
-```
-
-Good:
-
-```ts
-import { Button,
-	 Card } from '@/components/ui'
-```
-
-Also acceptable when short:
-
-```ts
-import { Button, Card } from '@/components/ui'
-```
-
-Rule: named-binding `}` is associative-array-style syntax. It must not be alone
-at the beginning of a line. Prefer keeping `{` with the first binding and `}`
-with the final binding when this fits the line limit.
-
-#### Type literals
-
-Bad:
-
-```ts
-type Props = {
-    open: boolean
-    onOpenChange: (open: boolean) => void
-}
-```
-
-Good:
-
-```ts
-type Props = {
-    open: boolean
-    onOpenChange: (open: boolean) => void }
-```
-
-Rule: type-literal `}` is not a block close. It must stay on the same line as
-the final property unless that would break the hard line limit.
-
-#### Object literals
-
-Bad:
-
-```ts
-const value = {
-    open,
-    activeScope,
-}
-```
-
-Good:
-
-```ts
-const value = {
-    open,
-    activeScope }
-```
-
-Bad:
-
-```ts
-const value = useMemo (() => ({
-    open,
-    activeScope,
-}), [open, activeScope])
-```
-
-Good:
-
-```ts
-const value = useMemo (() => ({
-    open,
-    activeScope }), [open, activeScope])
-```
-
-Rule: object-literal `}` is associative-array-style syntax. It must not be on a
-line by itself. Keep it with the final property, and keep call `)` off the
-beginning of a line.
-
-#### Destructuring parameters
-
-Bad:
-
-```tsx
-const Component: FC<Props> = ({
-    open,
-    onOpenChange,
-}) => {
-  return null
-}
-```
-
-Good:
-
-```tsx
-const Component: FC<Props> = (
-    { open,
-      onOpenChange },
-) => {
-  return null
-}
-```
-
-Rule: when a React component or helper takes a destructured object parameter
-that spans multiple lines, do not use the Prettier-style `= ({ ... }) =>`
-shape. Put the function parameter list on its own lines. The destructuring `}`
-stays with the final binding. The parameter-list `)` is then allowed and
-required at the beginning of its own line.
-
-#### Inline typed destructuring parameter
-
-Good:
-
-```ts
-const RouteTransitionWrapper = ({ user, setUser }: {
-    user:     User | null
-    setUser:  Dispatch<SetStateAction<User | null>> }) => {
-  return null
-}
-```
-
-Bad:
-
-```ts
-const RouteTransitionWrapper = ({ user, setUser }: {
-    user:     User | null
-    setUser:  Dispatch<SetStateAction<User | null>>
-}) => {
-  return null
-}
-```
-
-Rule: this is not a separately split parameter-list block. The line break is
-inside the inline type. Keep the type-literal `}` and parameter-list `)` on the
-same line as the final type property.
-
-#### Multi-line normal parameter list
-
-Bad:
-
-```ts
-const updateDraft = <Key extends keyof Settings,> (
-    key: Key,
-    value: Settings[Key]) => {
-  return null
-}
-```
-
-Good:
-
-```ts
-const updateDraft = <Key extends keyof Settings,> (
-    key:    Key,
-    value:  Settings[Key],
-) => {
-  return null
-}
-```
-
-Rule: when the parameter list itself is split across multiple parameter lines,
-the closing parameter `)` goes at the beginning of its own line before `=>` or
-the return type.
-
-#### Function and callback blocks
-
-Bad:
-
-```ts
-const handleSave = () => { save ()
-}
-```
-
-Bad:
-
-```ts
-const handleSave = () => {
-  save () }
-```
-
-Good:
-
-```ts
-const handleSave = () => {
-  save ()
-}
-```
-
-Rule: block `}` closes executable code, not associative data. Multi-line
-function, lambda, callback, `if`, `for`, `switch`, and similar block braces
-belong on their own line.
-
-#### Function and method calls
-
-Bad:
-
-```ts
-const value = compute (
-    first,
-    second
-)
-```
-
-Good:
-
-```ts
-const value = compute (
-    first,
-    second)
-```
-
-Rule: call-expression `)` must not be at the beginning of a line. The exception
-for leading `)` applies only to function declaration parameter lists, never to
-calls.
-
-#### JSX closing markers
-
-Bad:
-
-```tsx
-<Button
-    type="button"
-    onClick={handleSave}
->
-  保存
-</Button>
-)
-```
-
-Good:
-
-```tsx
-<Button
-    type="button"
-    onClick={handleSave}>
-  保存
-</Button>)
-```
-
-Bad:
-
-```tsx
-<Input
-    value={value}
-    onChange={handleChange}
-/>
-```
-
-Good:
-
-```tsx
-<Input
-    value={value}
-    onChange={handleChange}/>
-```
-
-Rule: keep `>` or `/>` with the final prop, and keep JSX closing parentheses in
-the local compact form such as `</div>)`.
-
-#### Arrays and tuples
-
-Bad:
-
-```ts
-const items = [
-    first,
-    second,
-]
-```
-
-Good:
-
-```ts
-const items = [
-    first,
-    second]
-```
-
-Good when short:
-
-```ts
-const items = [first, second]
-```
-
-Rule: array and tuple `]` must not be at the beginning of a line. Keep it with
-the final element unless that would break the hard line limit.
-
-#### Single-line braces
-
-Good:
-
-```ts
-const next = { ...current, enabled: true }
-const tag = { id, name }
-```
-
-Bad:
-
-```tsx
-<Component prop={ value }/>
-```
-
-Good:
-
-```tsx
-<Component prop={value}/>
-```
-
-Rule: JavaScript object braces on one line get one inner space. JSX expression
-braces do not get inner spaces.
-
-#### Final TSX self-review checklist
-
-Before reporting completion after a TypeScript or TSX edit, check the edited
-hunks line by line:
-
-1. No import/export/type/object/destructuring `}` appears alone at the beginning
-   of a line.
-2. No call-expression `)` appears at the beginning of a line.
-3. Any leading `)` is definitely closing a function declaration parameter list,
-   not a call.
-4. Any parameter-list `)` at the end of a line is valid because the parameter
-   list itself was not split, only an inline type or destructuring shape was.
-5. No array or tuple `]` appears at the beginning of a line.
-6. Multi-line executable block `}` is on its own line.
-7. JSX `>` and `/>` stay with the final prop unless nearby code proves
-   otherwise.
-8. JSX closing parentheses keep the compact local style.
-9. Leading indentation is 4-space logical indentation with tabs used only as
-   leading 8-space compression.
-10. No line has trailing whitespace.
-
 ## Lint and build constraints
 
 - ESLint uses `@eslint/js`, `typescript-eslint`, `eslint-plugin-react-hooks`,

frontend/src/App.tsx

@@ -1,5 +1,5 @@
-import { AnimatePresence, LayoutGroup, MotionConfig, motion } from 'framer-motion'
-import { Fragment, useEffect, useMemo, useState } from 'react'
+import { AnimatePresence, LayoutGroup, motion } from 'framer-motion'
+import { useEffect, useState } from 'react'
 import { BrowserRouter,
 	 Navigate,
 	 Route,
@@ -12,20 +12,6 @@ import TopNav from '@/components/TopNav'
 import DialogueProvider from '@/components/dialogues/DialogueProvider'
 import { Toaster } from '@/components/ui/toaster'
 import { apiPost, isApiError } from '@/lib/api'
-import { applyClientAnimationMode,
-	 applyClientAppearance,
-	 type ClientAnimationMode,
-	 fetchUserThemeSlots,
-	 fetchUserSettings,
-	 getClientThemeMode,
-	 hasStoredClientThemeSelection,
-	 normaliseUserThemeSlots,
-	 setCachedUserThemeSlots,
-	 seedClientThemeMode } from '@/lib/settings'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
-import { UnsavedChangesGuardProvider } from '@/lib/useUnsavedChangesGuard'
-
-import { KeyboardShortcutsProvider } from '@/lib/useKeyboardShortcuts'
 import DeerjikistDetailPage from '@/pages/deerjikists/DeerjikistDetailPage'
 import MaterialBasePage from '@/pages/materials/MaterialBasePage'
 import MaterialDetailPage from '@/pages/materials/MaterialDetailPage'
@@ -62,51 +48,11 @@ import type { Dispatch, FC, SetStateAction } from 'react'
 import type { User } from '@/types'
 
 
-const RouteTransitionWrapper = ({ animationMode, user, setUser }: {
-    animationMode: ClientAnimationMode
+const RouteTransitionWrapper = ({ user, setUser }: {
     user:     User | null
     setUser:  Dispatch<SetStateAction<User | null>> }) => {
   const location = useLocation ()
 
-  if (animationMode === 'off')
-    {
-      return (
-	  <Routes location={location}>
-	    <Route path="/" element={<Navigate to="/posts" replace/>}/>
-	    <Route path="/posts" element={<PostListPage/>}/>
-	    <Route path="/posts/new" element={<PostNewPage user={user}/>}/>
-	    <Route path="/posts/search" element={<PostSearchPage/>}/>
-	    <Route path="/posts/:id" element={<PostDetailRoute user={user}/>}/>
-	    <Route path="/posts/changes" element={<PostHistoryPage/>}/>
-	    <Route path="/tags" element={<TagListPage/>}/>
-	    <Route path="/tags/:id" element={<TagDetailPage/>}/>
-	    <Route path="/tags/:id/deerjikists" element={<DeerjikistDetailPage/>}/>
-	    <Route path="/tags/nico" element={<NicoTagListPage user={user}/>}/>
-	    <Route path="/nico/tags" element={<NicoTagListPage user={user}/>}/>
-	    <Route path="/tags/changes" element={<TagHistoryPage/>}/>
-	    <Route path="/theatres/:id" element={<TheatreDetailPage user={user}/>}/>
-	    <Route path="/materials" element={<MaterialBasePage/>}>
-	      <Route index element={<MaterialListPage/>}/>
-	      <Route path="changes" element={<MaterialHistoryPage/>}/>
-	      <Route path="new" element={<MaterialNewPage/>}/>
-	      <Route path="suppressions" element={<MaterialSyncSuppressionsPage/>}/>
-	      <Route path=":id" element ={<MaterialDetailPage/>}/>
-	    </Route>
-	    <Route path="/wiki" element={<WikiSearchPage/>}/>
-	    <Route path="/wiki/:title" element={<WikiDetailPage/>}/>
-	    <Route path="/wiki/new" element={<WikiNewPage user={user}/>}/>
-	    <Route path="/wiki/:id/edit" element={<WikiEditPage user={user}/>}/>
-	    <Route path="/wiki/:id/diff" element={<WikiDiffPage/>}/>
-	    <Route path="/wiki/changes" element={<WikiHistoryPage/>}/>
-	    <Route path="/users/settings" element={<SettingPage user={user} setUser={setUser}/>}/>
-	    <Route path="/settings" element={<Navigate to="/users/settings" replace/>}/>
-	    <Route path="/tos" element={<TOSPage/>}/>
-	    <Route path="/gekanator" element={<GekanatorPage user={user}/>}/>
-	    <Route path="/more" element={<MorePage/>}/>
-	    <Route path="*" element={<NotFound/>}/>
-	  </Routes>)
-    }
-
   return (
       <AnimatePresence mode="wait">
 	<Routes location={location}>
@@ -157,37 +103,6 @@ const PostDetailRoute = ({ user }: { user: User | null }) => {
 const App: FC = () => {
   const [user, setUser] = useState<User | null> (null)
   const [status, setStatus] = useState (200)
-  const behaviourSettings = useClientBehaviourSettings ()
-  const animationMode = behaviourSettings.animation ?? 'normal'
-  const LayoutWrapper = animationMode === 'off' ? Fragment : LayoutGroup
-
-  const appLayoutTransition = useMemo (
-      () => (
-	  animationMode === 'off'
-	  ? { duration: 0 }
-	  : animationMode === 'reduced'
-	    ? { duration: .08, ease: 'linear' as const }
-	    : { duration: .2, ease: 'easeOut' as const }
-      ),
-      [animationMode],
-  )
-
-  useEffect (() => {
-    applyClientAppearance ()
-
-    const mediaQuery = window.matchMedia ('(prefers-color-scheme: dark)')
-    const handleThemeChange = () => {
-      if (getClientThemeMode () === 'system')
-	applyClientAppearance ()
-    }
-
-    mediaQuery.addEventListener ('change', handleThemeChange)
-    return () => mediaQuery.removeEventListener ('change', handleThemeChange)
-  }, [])
-
-  useEffect (() => {
-    applyClientAnimationMode (animationMode)
-  }, [animationMode])
 
   useEffect (() => {
     const createUser = async () => {
@@ -222,30 +137,6 @@ const App: FC = () => {
       createUser ()
   }, [])
 
-  useEffect (() => {
-    if (!(user))
-      return
-
-    void (async () => {
-	try
-	{
-	  const [settings, themeSlots] = await Promise.all ([
-	      fetchUserSettings (),
-	      fetchUserThemeSlots (),
-	  ])
-	  const storedThemeSlots = normaliseUserThemeSlots (themeSlots)
-	  setCachedUserThemeSlots (storedThemeSlots)
-	  if (!(hasStoredClientThemeSelection ()))
-	    seedClientThemeMode (settings.theme)
-	  applyClientAppearance ()
-	}
-      catch
-      {
-	return
-      }
-    }) ()
-  }, [user])
-
   switch (status)
   {
   case 503:
@@ -259,33 +150,17 @@ const App: FC = () => {
 
 	<BrowserRouter>
 	  <DialogueProvider>
-	    <UnsavedChangesGuardProvider>
-	      <KeyboardShortcutsProvider>
-	      <MotionConfig
-		  reducedMotion={
-		      animationMode === 'normal'
-		      ? 'never'
-		      : animationMode === 'reduced'
-			? 'user'
-			: 'always'
-		  }>
-		<LayoutWrapper>
-		  <motion.div
-		      layout={animationMode === 'off' ? false : 'position'}
-		      transition={{ layout: appLayoutTransition }}
-		      className="relative flex flex-col h-dvh w-full overflow-y-hidden">
-		    <TopNav user={user}/>
-		    <RouteTransitionWrapper
-			animationMode={animationMode}
-			user={user}
-			setUser={setUser}/>
-		  </motion.div>
-		</LayoutWrapper>
-	      </MotionConfig>
+	    <LayoutGroup>
+	      <motion.div
+		  layout="position"
+		  transition={{ layout: { duration: .2, ease: 'easeOut' } }}
+		  className="relative flex flex-col h-dvh w-full overflow-y-hidden">
+		<TopNav user={user}/>
+		<RouteTransitionWrapper user={user} setUser={setUser}/>
+	      </motion.div>
+	    </LayoutGroup>
 
-	      <Toaster/>
-	      </KeyboardShortcutsProvider>
-	    </UnsavedChangesGuardProvider>
+	    <Toaster/>
 	  </DialogueProvider>
 	</BrowserRouter>
       </>)

frontend/src/components/DraggableDroppableTagRow.test.tsx

@@ -1,75 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-
-import DraggableDroppableTagRow from '@/components/DraggableDroppableTagRow'
-import { buildTag } from '@/test/factories'
-import { renderWithProviders } from '@/test/render'
-
-const dndKit = vi.hoisted (() => ({
-  useDraggable: vi.fn (),
-  useDroppable: vi.fn (),
-}))
-
-vi.mock ('@dnd-kit/core', () => dndKit)
-
-const tag = buildTag ({ id: 7, name: 'ドラッグ元', postCount: 3 })
-
-const renderRow = (activeDndId?: string) => {
-  renderWithProviders (
-      <DraggableDroppableTagRow
-          activeDndId={activeDndId}
-          tag={tag}
-          nestLevel={2}
-          pathKey="cat-general-7"
-          suppressClickRef={{ current: false }}/>,
-  )
-}
-
-const tagBody = (): HTMLElement => {
-  const link = document.querySelector<HTMLElement> ('a[title="ドラッグ元"]')
-
-  if (link == null)
-    throw new Error ('tag link not found')
-
-  const body = link.closest ('div')
-
-  if (body == null)
-    throw new Error ('tag body not found')
-
-  return body
-}
-
-describe ('DraggableDroppableTagRow', () => {
-  beforeEach (() => {
-    vi.clearAllMocks ()
-    dndKit.useDraggable.mockReturnValue ({
-        attributes: { 'aria-describedby': 'drag-source' },
-        listeners:  { onPointerDown: vi.fn () },
-        setNodeRef: vi.fn (),
-        transform:  null })
-    dndKit.useDroppable.mockReturnValue ({
-        isOver:     false,
-        setNodeRef: vi.fn () })
-  })
-
-  it ('passes dndId through draggable data for active-row tracking', () => {
-    renderRow ()
-
-    expect (dndKit.useDraggable).toHaveBeenCalledWith (
-        expect.objectContaining ({
-            id:   'tag-node:cat-general-7',
-            data: expect.objectContaining ({
-                dndId:     'tag-node:cat-general-7',
-                nestLevel: 2,
-                tagId:     7 }) }))
-  })
-
-  it ('hides only the active drag source from the explicit active dnd id', () => {
-    renderRow ('tag-node:cat-general-7')
-    expect (tagBody ()).toHaveStyle ({ visibility: 'hidden' })
-  })
-
-  it ('keeps inactive tag rows visible while another tag is dragged', () => {
-    renderRow ('tag-node:other')
-    expect (tagBody ()).toHaveStyle ({ visibility: 'visible' })
-  })
-})

frontend/src/components/DraggableDroppableTagRow.tsx

@@ -4,8 +4,6 @@ import { motion } from 'framer-motion'
 import { useRef } from 'react'
 
 import TagLink from '@/components/TagLink'
-import { clientAnimationTransition } from '@/lib/clientAnimation'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
 import { cn } from '@/lib/utils'
 
 import type { CSSProperties, FC, MutableRefObject } from 'react'
@@ -13,7 +11,6 @@ import type { CSSProperties, FC, MutableRefObject } from 'react'
 import type { Tag } from '@/types'
 
 type Props = {
-    activeDndId?:      string
     tag:              Tag
     nestLevel:        number
     pathKey:          string
@@ -22,21 +19,7 @@ type Props = {
     sp?:              boolean }
 
 
-const DraggableDroppableTagRow: FC<Props> = ({
-    activeDndId,
-    tag,
-    nestLevel,
-    pathKey,
-    parentTagId,
-    suppressClickRef,
-    sp,
-}) => {
-  const behaviourSettings = useClientBehaviourSettings ()
-  const animationMode = behaviourSettings.animation ?? 'normal'
-  const layoutTransition = clientAnimationTransition (
-      animationMode,
-      { normal: { duration: .2, ease: 'easeOut' as const } },
-  )
+const DraggableDroppableTagRow: FC<Props> = ({ tag, nestLevel, pathKey, parentTagId, suppressClickRef, sp }) => {
   const dndId = `tag-node:${ pathKey }`
 
   const downPosRef = useRef<{ x: number; y: number } | null> (null)
@@ -62,23 +45,18 @@ const DraggableDroppableTagRow: FC<Props> = ({
   const { attributes,
 	  listeners,
 	  setNodeRef: setDragRef,
-	  transform } = useDraggable ({ id:    dndId,
-					data:  { kind:   'tag',
-						 dndId,
-						 tagId:  tag.id,
-						 parentTagId,
-						 nestLevel } })
+	  transform,
+	  isDragging: dragging } = useDraggable ({ id:    dndId,
+						   data:  { kind:   'tag',
+							    tagId:  tag.id,
+							    parentTagId } })
 
   const { setNodeRef: setDropRef, isOver: over } = useDroppable ({
       id:   dndId,
       data: { kind: 'tag', tagId: tag.id } })
 
-  const activeDragging = activeDndId === dndId
   const style: CSSProperties = { transform:   CSS.Translate.toString (transform),
-				 visibility:  activeDragging ? 'hidden' : 'visible' }
-  const innerClassName = cn (
-      'inline-flex min-w-0 max-w-full items-baseline overflow-hidden',
-      sp && 'touch-pan-y')
+				 visibility:  dragging ? 'hidden' : 'visible' }
 
   return (
       <div
@@ -91,16 +69,12 @@ const DraggableDroppableTagRow: FC<Props> = ({
 	      return
 	    const dx = e.clientX - p.x
 	    const dy = e.clientY - p.y
-
 	    if (dx * dx + dy * dy >= 9)
 	      armEatNextClick ()
 	  }}
 	  onPointerUpCapture={() => {
 	    downPosRef.current = null
 	  }}
-	  onPointerCancelCapture={() => {
-	    downPosRef.current = null
-	  }}
 	  onClickCapture={e => {
 	    if (suppressClickRef.current)
 	      {
@@ -108,35 +82,22 @@ const DraggableDroppableTagRow: FC<Props> = ({
 		e.stopPropagation ()
 	      }
 	  }}
-	  ref={setDropRef}
+	  ref={node => {
+	    setDragRef (node)
+	    setDropRef (node)
+	  }}
+	  style={style}
 	  className={cn (
 	      'min-w-0 max-w-full overflow-hidden rounded select-none',
-	      sp && 'touch-pan-y',
 	      over && 'ring-2 ring-offset-2')}
-	  >
-	{activeDragging
-	 ? (
-	    <div
-		ref={setDragRef}
-		style={style}
-		className={innerClassName}
-		{...attributes}
-		{...listeners}>
-	      <TagLink tag={tag} nestLevel={nestLevel}/>
-	    </div>)
-	 : (
-	    <motion.div
-		ref={setDragRef}
-		style={style}
-		className={innerClassName}
-		{...attributes}
-		{...listeners}
-		transition={{ layout: layoutTransition }}
-		layoutId={animationMode === 'off'
-		    ? undefined
-		    : `tag-${ sp ? 'sp-' : '' }${ tag.id }`}>
-	      <TagLink tag={tag} nestLevel={nestLevel}/>
-	    </motion.div>)}
+	  {...attributes}
+	  {...listeners}>
+	<motion.div
+	    className="flex min-w-0 max-w-full items-baseline overflow-hidden"
+	    transition={{ layout: { duration: .2, ease: 'easeOut' } }}
+	    layoutId={`tag-${ sp ? 'sp-' : '' }${ tag.id }`}>
+	  <TagLink tag={tag} nestLevel={nestLevel}/>
+	</motion.div>
       </div>)
 }
 

frontend/src/components/MaterialSidebar.tsx

@@ -488,23 +488,25 @@ const MaterialSidebar: FC = () => {
 	  </div>
 	</div>
 
-	<SidebarComponent sidebarKey="materials" className="hidden md:block">
-	  <div className="space-y-4">
-	    <MaterialFilterButtons
-		materialFilter={materialFilter}
-		onChange={handleFilterChange}/>
-	    {isLoading && (
-		<p className="text-sm text-neutral-500 dark:text-stone-400">読込中……</p>)}
-	    {isError && (
-		<p className="text-sm text-red-600 dark:text-red-300">
-		  タグ一覧の取得に失敗しました．
-		</p>)}
-	    {(!isLoading && !isError) && (
-		<ul>
-		  {renderDesktopTree (visibleRootTags)}
-		</ul>)}
-	  </div>
-	</SidebarComponent>
+	<div className="hidden md:block">
+	  <SidebarComponent>
+	    <div className="space-y-4">
+	      <MaterialFilterButtons
+		  materialFilter={materialFilter}
+		  onChange={handleFilterChange}/>
+	      {isLoading && (
+		  <p className="text-sm text-neutral-500 dark:text-stone-400">読込中……</p>)}
+	      {isError && (
+		  <p className="text-sm text-red-600 dark:text-red-300">
+		    タグ一覧の取得に失敗しました．
+		  </p>)}
+	      {(!isLoading && !isError) && (
+		  <ul>
+		    {renderDesktopTree (visibleRootTags)}
+		  </ul>)}
+	    </div>
+	  </SidebarComponent>
+	</div>
       </>)
 }
 

frontend/src/components/PostEditForm.test.tsx

@@ -66,27 +66,4 @@ describe ('PostEditForm', () => {
     expect (onSave).toHaveBeenCalledWith (expect.objectContaining ({ versionNo: 5 }))
     expect (toastApi.toast).toHaveBeenCalledWith ({ description: '更新しました．' })
   })
-
-  it ('preserves duration while the video tag is temporarily removed', () => {
-    const post = buildPost ({
-      videoMs: 180_500,
-      tags:    [
-        buildTag ({ id: 1, name: '動画', category: 'general' }),
-        buildTag ({ id: 2, name: 'general-tag', category: 'general' }),
-      ],
-    })
-
-    render (<PostEditForm post={post} onSave={vi.fn ()}/>)
-
-    expect (screen.getByRole ('spinbutton')).toHaveValue (180.5)
-
-    const tags = screen.getAllByRole ('textbox')[2]
-    fireEvent.change (tags, { target: { value: 'general-tag' } })
-    expect (screen.queryByRole ('spinbutton')).not.toBeInTheDocument ()
-
-    fireEvent.change (tags, {
-      target: { value: '動画 general-tag' },
-    })
-    expect (screen.getByRole ('spinbutton')).toHaveValue (180.5)
-  })
 })

frontend/src/components/PostEditForm.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from 'react'
+import { useEffect, useState } from 'react'
 
 import PostFormTagsArea from '@/components/PostFormTagsArea'
 import PostOriginalCreatedTimeField from '@/components/PostOriginalCreatedTimeField'
@@ -9,35 +9,29 @@ import { Button } from '@/components/ui/button'
 import { toast } from '@/components/ui/use-toast'
 import { isApiError } from '@/lib/api'
 import { updatePost } from '@/lib/posts'
-import { inputClass, msToTime } from '@/lib/utils'
+import { inputClass } from '@/lib/utils'
 import { useValidationErrors } from '@/lib/useValidationErrors'
 
 import type { FC, FormEvent } from 'react'
 
-import type { Post, TagWithSections } from '@/types'
+import type { Post, Tag } from '@/types'
 
 type PostFormField =
-    'parentPostIds' | 'tags' | 'videoMs' | 'originalCreatedAt'
-
-const videoMsToDurationValue = (videoMs: number | null): string =>
-    videoMs == null ? '' : String (videoMs / 1_000)
+    'parentPostIds' | 'tags' | 'originalCreatedAt'
 
 
-const tagsToStr = (tags: TagWithSections[]): string => {
-  const result: Omit<TagWithSections, 'children'>[] = []
+const tagsToStr = (tags: Tag[]): string => {
+  const result: Tag[] = []
 
-  const walk = (tag: TagWithSections) => {
+  const walk = (tag: Tag) => {
     const { children, ...rest } = tag
     result.push (rest)
-    children.forEach (walk)
+    children?.forEach (walk)
   }
 
   tags.filter (t => t.category !== 'nico').forEach (walk)
 
-  return [...(new Set (result.map (t =>
-      `${ t.name }${ t.sections
-		     .map (s => `[${ msToTime (s.beginMs) }-${ s.endMs == null ? '' : msToTime (s.endMs) }]`)
-		     .join ('') }`)))].join (' ')
+  return [...(new Set (result.map (t => t.name)))].join (' ')
 }
 
 
@@ -47,7 +41,6 @@ type Props = { post:    Post
 
 const PostEditForm: FC<Props> = ({ post, onSave }) => {
   const [disabled, setDisabled] = useState (false)
-  const [duration, setDuration] = useState<string> (videoMsToDurationValue (post.videoMs))
   const { baseErrors, fieldErrors, clearValidationErrors, applyValidationError } =
       useValidationErrors<PostFormField> ()
   const [originalCreatedBefore, setOriginalCreatedBefore] =
@@ -59,10 +52,6 @@ const PostEditForm: FC<Props> = ({ post, onSave }) => {
   const [tags, setTags] = useState<string> ('')
   const [title, setTitle] = useState (post.title)
 
-  const videoFlg =
-      useMemo (() => tags.split (/\s+/).some (tag => tag.replace (/\[.*\]$/, '') === '動画'),
-	       [tags])
-
   const dialogue = useDialogue ()
 
   const update = async (...args: Parameters<typeof updatePost>) => {
@@ -74,7 +63,6 @@ const PostEditForm: FC<Props> = ({ post, onSave }) => {
       onSave ({ ...post,
 		versionNo:              data.versionNo,
 		title:                  data.title,
-		videoMs:                data.videoMs,
 		tags:                   data.tags,
 		parentPosts:            data.parentPosts,
 		childPosts:             data.childPosts,
@@ -114,7 +102,6 @@ const PostEditForm: FC<Props> = ({ post, onSave }) => {
 	{
 	  // TODO: 差分 UI
 	  await update ({ id: post.id, title, tags, parentPostIds,
-			  duration: videoFlg ? duration : null,
 			  originalCreatedFrom, originalCreatedBefore },
 			{ baseVersionNo: post.versionNo, merge: true })
 	  return
@@ -123,7 +110,6 @@ const PostEditForm: FC<Props> = ({ post, onSave }) => {
       if (action === 'overwrite')
 	{
 	  await update ({ id: post.id, title, tags, parentPostIds,
-			  duration: videoFlg ? duration : null,
 			  originalCreatedFrom, originalCreatedBefore },
 			{ baseVersionNo: post.versionNo, force: true })
 	  return
@@ -138,7 +124,6 @@ const PostEditForm: FC<Props> = ({ post, onSave }) => {
     try
     {
       await update ({ id: post.id, title, tags, parentPostIds,
-		      duration: videoFlg ? duration : null,
 		      originalCreatedFrom, originalCreatedBefore },
 		    { baseVersionNo: post.versionNo })
     }
@@ -149,8 +134,7 @@ const PostEditForm: FC<Props> = ({ post, onSave }) => {
   }
 
   useEffect (() => {
-    setTags (tagsToStr (post.tags))
-    setDuration (videoMsToDurationValue (post.videoMs))
+    setTags(tagsToStr (post.tags))
   }, [post])
 
   return (
@@ -165,7 +149,7 @@ const PostEditForm: FC<Props> = ({ post, onSave }) => {
 		  disabled={disabled}
 		  className={inputClass (invalid)}
 		  value={title ?? ''}
-		  onChange={e => setTitle (e.target.value)}/>)}
+		  onChange={ev => setTitle (ev.target.value)}/>)}
 	</FormField>
 
 	{/* 親投稿 */}
@@ -197,20 +181,6 @@ const PostEditForm: FC<Props> = ({ post, onSave }) => {
 	    setOriginalCreatedBefore={setOriginalCreatedBefore}
 	    errors={fieldErrors.originalCreatedAt}/>
 
-	{/* 動画時間 */}
-	{videoFlg && (
-	    <FormField label="動画時間" messages={fieldErrors.videoMs}>
-	      {({ invalid }) => (
-		  <input
-		      type="number"
-		      min="0.001"
-		      step="0.001"
-		      disabled={disabled}
-		      className={inputClass (invalid)}
-		      value={duration}
-		      onChange={e => setDuration (e.target.value)}/>)}
-	    </FormField>)}
-
 	{/* 送信 */}
 	<Button type="submit" disabled={disabled}>
 	  更新
@@ -218,5 +188,4 @@ const PostEditForm: FC<Props> = ({ post, onSave }) => {
       </form>)
 }
 
-
 export default PostEditForm

frontend/src/components/PostEmbed.tsx

@@ -4,8 +4,6 @@ import YoutubeEmbed from 'react-youtube'
 import NicoViewer from '@/components/NicoViewer'
 import TwitterEmbed from '@/components/TwitterEmbed'
 import { useDialogue } from '@/components/dialogues/DialogueProvider'
-import { Button } from '@/components/ui/button'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
 
 import type { FC, RefObject } from 'react'
 
@@ -26,19 +24,16 @@ type Props = {
     onError?:           (data: unknown) => void }
 
 
-const PostEmbed: FC<Props> = (
-    { ref,
-      post,
-      onLoadComplete,
-      onMetadataChange,
-      onVideoReady,
-      onPlaybackChange,
-      onError },
-) => {
+const PostEmbed: FC<Props> = ({
+    ref,
+    post,
+    onLoadComplete,
+    onMetadataChange,
+    onVideoReady,
+    onPlaybackChange,
+    onError,
+}) => {
   const dialogue = useDialogue ()
-  const behaviourSettings = useClientBehaviourSettings ()
-  const embedAutoLoadMode = behaviourSettings.embedAutoLoad ?? 'auto'
-  const [manualLoadRequested, setManualLoadRequested] = useState (false)
   const [framed, setFramed] = useState (false)
   const [youtubePlayer, setYoutubePlayer] = useState<YouTubePlayer | null> (null)
   const niconicoVideoReadyRef = useRef (false)
@@ -110,10 +105,6 @@ const PostEmbed: FC<Props> = (
     niconicoVideoReadyRef.current = false
   }, [post.url])
 
-  useEffect (() => {
-    setManualLoadRequested (false)
-  }, [embedAutoLoadMode, post.url])
-
   useEffect (() => {
     if (!(youtubePlayer) || !(onPlaybackChange))
       return
@@ -126,28 +117,6 @@ const PostEmbed: FC<Props> = (
   }, [onPlaybackChange, reportYoutubePlayback, youtubePlayer])
 
   const url = new URL (post.url)
-  const shouldLoadEmbed =
-      embedAutoLoadMode === 'auto'
-      || (
-	  embedAutoLoadMode === 'manual'
-	  && manualLoadRequested
-      )
-
-  const externalLink = (
-      <a href={post.url} target="_blank" rel="noreferrer">
-	外部ページを開く
-      </a>)
-
-  const manualLoadControl = (
-      <div className="flex flex-wrap items-center gap-3">
-	<Button
-	    type="button"
-	    variant="outline"
-	    onClick={() => setManualLoadRequested (true)}>
-	  埋め込みを読込
-	</Button>
-	{externalLink}
-      </div>)
 
   switch (url.hostname.split ('.').slice (-2).join ('.'))
   {
@@ -159,11 +128,6 @@ const PostEmbed: FC<Props> = (
 
       const [videoId] = mVideoId
 
-      if (embedAutoLoadMode === 'off')
-	return externalLink
-      if (shouldLoadEmbed === false)
-	return manualLoadControl
-
       return (
 	  <NicoViewer
 	      ref={ref}
@@ -186,11 +150,6 @@ const PostEmbed: FC<Props> = (
       const [userId] = mUserId
       const [statusId] = mStatusId
 
-      if (embedAutoLoadMode === 'off')
-	return externalLink
-      if (shouldLoadEmbed === false)
-	return manualLoadControl
-
       return <TwitterEmbed userId={userId} statusId={statusId}/>
     }
 
@@ -200,11 +159,6 @@ const PostEmbed: FC<Props> = (
       if (!(videoId))
 	break
 
-      if (embedAutoLoadMode === 'off')
-	return externalLink
-      if (shouldLoadEmbed === false)
-	return manualLoadControl
-
       return (
 	  <YoutubeEmbed videoId={videoId} opts={{ playerVars: {
 	      playsinline:  1,
@@ -230,11 +184,6 @@ const PostEmbed: FC<Props> = (
 		height={360}/>)
 	 : (
 	    <div>
-	      {embedAutoLoadMode === 'off'
-	       ? externalLink
-	       : embedAutoLoadMode === 'manual' && shouldLoadEmbed === false
-		 ? manualLoadControl
-		 : (
 	      <a href="#" onClick={async e => {
 		e.preventDefault ()
 
@@ -248,7 +197,7 @@ const PostEmbed: FC<Props> = (
 		    confirmText: '表示' }))
 	      }}>
 		外部ページを表示
-	      </a>)}
+	      </a>
 	    </div>)}
       </>)
 }

frontend/src/components/PostFormTagsArea.tsx

@@ -68,12 +68,9 @@ const PostFormTagsArea: FC<Props> = ({ tags, setTags, errors, ...rest }) => {
 
     setBounds ({ start, end })
 
-    const data = await apiGet<Tag[]> ('/tags/autocomplete', { params: {
-	q: token,
-	nico: '0' } })
-    const nextSuggestions = data.filter (t => t.postCount > 0)
-    setSuggestions (nextSuggestions)
-    setSuggestionsVsbl (nextSuggestions.length > 0)
+    const data = await apiGet<Tag[]> ('/tags/autocomplete', { params: { q: token, nico: '0' } })
+    setSuggestions (data.filter (t => t.postCount > 0))
+    setSuggestionsVsbl (suggestions.length > 0)
   }
 
   return (

frontend/src/components/PostList.tsx

@@ -3,7 +3,6 @@ import { useRef } from 'react'
 import { useLocation } from 'react-router-dom'
 
 import PrefetchLink from '@/components/PrefetchLink'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
 import { cn } from '@/lib/utils'
 import { useSharedTransitionStore } from '@/stores/sharedTransitionStore'
 
@@ -17,15 +16,6 @@ type Props = { posts:     Post[]
 
 const PostList: FC<Props> = ({ posts, onClick }) => {
   const location = useLocation ()
-  const behaviourSettings = useClientBehaviourSettings ()
-  const thumbnailMode = behaviourSettings.thumbnailMode ?? 'normal'
-  const animationMode = behaviourSettings.animation ?? 'normal'
-  const cardLayoutTransition =
-      animationMode === 'off'
-      ? { duration: 0 }
-      : animationMode === 'reduced'
-	? { duration: .08, ease: 'linear' as const }
-	: { duration: .2, ease: 'easeOut' as const }
 
   const setForLocationKey = useSharedTransitionStore (s => s.setForLocationKey)
 
@@ -49,8 +39,7 @@ const PostList: FC<Props> = ({ posts, onClick }) => {
 		  }}>
 		<motion.div
 		    ref={cardRef}
-		    layout={animationMode === 'off' ? false : true}
-		    layoutId={animationMode === 'off' ? undefined : layoutId}
+		    layoutId={layoutId}
 		    className={cn ('w-full h-full overflow-hidden rounded-xl shadow',
 				   'transform-gpu will-change-transform',
 				   (post.childPosts ?? []).length > 0 && 'ring-4 ring-green-500',
@@ -65,36 +54,22 @@ const PostList: FC<Props> = ({ posts, onClick }) => {
 		    }}
 		    onLayoutAnimationComplete={() => {
 		      if (!(cardRef.current))
-			return
+			return 
 
 		      cardRef.current.style.zIndex = ''
 		      cardRef.current.style.position = ''
 		    }}
-		    transition={{ layout: cardLayoutTransition }}>
-		  {thumbnailMode === 'off'
-		   ? (
-		      <div className="flex h-full w-full items-center justify-center
-				      bg-muted text-center text-xs text-muted-foreground">
-			サムネイルなし
-		      </div>)
-		   : (
-		      <img
-			  src={post.thumbnail || post.thumbnailBase || undefined}
-			  alt={post.title || post.url}
-			  title={post.title || post.url || undefined}
-			  loading={
-			      thumbnailMode === 'light'
-			      ? 'lazy'
-			      : i < 12
-				? 'eager'
-				: 'lazy'
-			  }
-			  decoding="async"
-			  className="object-cover w-full h-full"/>)}
+		    transition={{ layout: { duration: .2, ease: 'easeOut' } }}>
+		  <img src={post.thumbnail || post.thumbnailBase || undefined}
+		       alt={post.title || post.url}
+		       title={post.title || post.url || undefined}
+		       loading={i < 12 ? 'eager' : 'lazy'}
+		       decoding="async"
+		       className="object-cover w-full h-full"/>
 		</motion.div>
 	      </PrefetchLink>)
 	})}
       </div>)
 }
 
-export default PostList
+export default PostList

frontend/src/components/PrefetchLink.tsx

@@ -5,8 +5,6 @@ import { createPath, useNavigate } from 'react-router-dom'
 
 import { useOverlayStore } from '@/components/RouteBlockerOverlay'
 import { prefetchForURL } from '@/lib/prefetchers'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
-import { useUnsavedChangesGuard } from '@/lib/useUnsavedChangesGuard'
 import { cn } from '@/lib/utils'
 
 import type { AnchorHTMLAttributes, MouseEvent, TouchEvent } from 'react'
@@ -35,20 +33,10 @@ export default forwardRef<HTMLAnchorElement, Props> (({
 
   const navigate = useNavigate ()
   const qc = useQueryClient ()
-  const behaviourSettings = useClientBehaviourSettings ()
-  const { confirmDiscardNavigation } = useUnsavedChangesGuard ()
-  const linkPreloadMode = behaviourSettings.linkPreload ?? 'intent'
-  const path = useMemo (
-      () => typeof to === 'string' ? to : createPath (to),
-      [to],
-  )
   const url = useMemo (() => {
-    return (new URL (path, window.location.origin)).toString ()
-  }, [path])
-  const nextPathname = useMemo (
-      () => (new URL (path, window.location.origin)).pathname,
-      [path],
-  )
+    const path = (typeof to === 'string') ? to : createPath (to)
+    return (new URL (path, location.origin)).toString ()
+  }, [to])
   const setOverlay = useOverlayStore (s => s.setActive)
 
   const doPrefetch = async () => {
@@ -66,15 +54,11 @@ export default forwardRef<HTMLAnchorElement, Props> (({
 
   const handleMouseEnter = async (ev: MouseEvent<HTMLAnchorElement>) => {
     onMouseEnter?.(ev)
-    if (ev.defaultPrevented || linkPreloadMode !== 'intent')
-      return
     await doPrefetch ()
   }
 
   const handleTouchStart = async (ev: TouchEvent<HTMLAnchorElement>) => {
     onTouchStart?.(ev)
-    if (ev.defaultPrevented || linkPreloadMode !== 'intent')
-      return
     await doPrefetch ()
   }
 
@@ -93,13 +77,6 @@ export default forwardRef<HTMLAnchorElement, Props> (({
 
       ev.preventDefault ()
 
-      if (nextPathname !== window.location.pathname)
-	{
-	  const confirmed = await confirmDiscardNavigation ()
-	  if (!(confirmed))
-	    return
-	}
-
       flushSync (() => {
 	setOverlay (true)
       })
@@ -122,7 +99,7 @@ export default forwardRef<HTMLAnchorElement, Props> (({
 
   return (
       <a ref={ref}
-	 href={path}
+	 href={typeof to === 'string' ? to : createPath (to)}
 	 onMouseEnter={handleMouseEnter}
 	 onTouchStart={handleTouchStart}
 	 onClick={handleClick}

frontend/src/components/ResponsiveMarqueeText.tsx

@@ -1,4 +1,3 @@
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
 import { cn } from '@/lib/utils'
 import { useEffect, useRef, useState } from 'react'
 
@@ -21,8 +20,6 @@ const MIN_MARQUEE_OVERFLOW_PX = 1
 const ResponsiveMarqueeText: FC<Props> = (
     { text, className, truncateOnMobile = false, title },
 ) => {
-  const behaviourSettings = useClientBehaviourSettings ()
-  const animationMode = behaviourSettings.animation ?? 'normal'
   const outerRef = useRef<HTMLSpanElement | null> (null)
   const staticRef = useRef<HTMLSpanElement | null> (null)
   const animatedRef = useRef<HTMLSpanElement | null> (null)
@@ -101,7 +98,6 @@ const ResponsiveMarqueeText: FC<Props> = (
     const animated = animatedRef.current
     const canMarquee = (
         active
-        && animationMode !== 'off'
         && desktopMarqueeEnabled
         && overflowPx >= MIN_MARQUEE_OVERFLOW_PX
         && animated != null)
@@ -211,7 +207,7 @@ const ResponsiveMarqueeText: FC<Props> = (
       resetAnimated ()
       setMarqueeVisible (false)
     }
-  }, [active, animationMode, desktopMarqueeEnabled, overflowPx, text])
+  }, [active, desktopMarqueeEnabled, overflowPx, text])
 
   return (
       <span

frontend/src/components/TagDetailSidebar.tsx

@@ -1,13 +1,11 @@
 import { DndContext,
 	 DragOverlay,
-	 MeasuringStrategy,
 	 MouseSensor,
 	 TouchSensor,
-	 pointerWithin,
 	 useDroppable,
 	 useSensor,
 	 useSensors } from '@dnd-kit/core'
-import { restrictToWindowEdges, snapCenterToCursor } from '@dnd-kit/modifiers'
+import { restrictToWindowEdges } from '@dnd-kit/modifiers'
 import { useQueryClient } from '@tanstack/react-query'
 import { motion } from 'framer-motion'
 import { useEffect, useMemo, useRef, useState } from 'react'
@@ -22,29 +20,19 @@ import SidebarComponent from '@/components/layout/SidebarComponent'
 import { toast } from '@/components/ui/use-toast'
 import { CATEGORIES, CATEGORY_NAMES } from '@/consts'
 import { apiDelete, apiGet, apiPatch, apiPost } from '@/lib/api'
-import { clientAnimationTransition } from '@/lib/clientAnimation'
 import { postsKeys, tagsKeys } from '@/lib/queryKeys'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
 import { dateString, originalCreatedAtString } from '@/lib/utils'
 
-import type { CollisionDetection, DragEndEvent } from '@dnd-kit/core'
+import type { DragEndEvent } from '@dnd-kit/core'
 import type { FC, MutableRefObject, ReactNode } from 'react'
 
-import type { Category, Post, TagWithSections } from '@/types'
+import type { Category, Post, Tag } from '@/types'
 
-type TagByCategory = { [key in Category]: TagWithSections[] }
-
-const tagCollisionDetection: CollisionDetection = args => {
-  return pointerWithin (args)
-}
-
-const alwaysMeasureDroppables = {
-    droppable: { strategy: MeasuringStrategy.Always } } as const
+type TagByCategory = { [key in Category]: Tag[] }
 
 
 const renderTagTree = (
-    activeDndId:       string | undefined,
-    tag:              TagWithSections,
+    tag:              Tag,
     nestLevel:        number,
     path:             string,
     suppressClickRef: MutableRefObject<boolean>,
@@ -55,7 +43,6 @@ const renderTagTree = (
   const self = (
       <li key={key} className="mb-1">
 	<DraggableDroppableTagRow
-	    activeDndId={activeDndId}
 	    tag={tag}
 	    nestLevel={nestLevel}
 	    pathKey={key}
@@ -69,21 +56,14 @@ const renderTagTree = (
       ...((tag.children
 	   ?.sort ((a, b) => a.name < b.name ? -1 : 1)
 	   .flatMap (child =>
-	      renderTagTree (
-		  activeDndId,
-		  child,
-		  nestLevel + 1,
-		  key,
-		  suppressClickRef,
-		  tag.id,
-		  sp)))
+	      renderTagTree (child, nestLevel + 1, key, suppressClickRef, tag.id, sp)))
 	  ?? [])]
 }
 
+
 const isDescendant = (
-    root:     TagWithSections,
-    targetId: number,
-): boolean => {
+    root:     Tag,
+    targetId: number): boolean => {
   if (!(root.children))
     return false
 
@@ -101,9 +81,8 @@ const isDescendant = (
 
 const findTag = (
     byCat:  TagByCategory,
-    id:     number,
-): TagWithSections | undefined => {
-  const walk = (nodes: TagWithSections[]): TagWithSections | undefined => {
+    id:     number): Tag | undefined => {
+  const walk = (nodes: Tag[]): Tag | undefined => {
     for (const t of nodes)
       {
 	if (t.id === id)
@@ -146,37 +125,6 @@ const buildTagByCategory = (post: Post): TagByCategory => {
 }
 
 
-const buildFlatTagByCategory = (
-    byCategory: TagByCategory,
-): TagByCategory => {
-  const tagsTmp = { } as TagByCategory
-  const seen = new Set<number> ()
-
-  for (const category of CATEGORIES)
-    tagsTmp[category] = []
-
-  const visit = (tag: TagWithSections) => {
-    if (seen.has (tag.id))
-      return
-
-    seen.add (tag.id)
-    tagsTmp[tag.category].push ({ ...tag, children: [] })
-
-    for (const child of tag.children ?? [])
-      visit (child)
-  }
-
-  for (const category of CATEGORIES)
-    for (const tag of byCategory[category] ?? [])
-      visit (tag)
-
-  for (const category of CATEGORIES)
-    tagsTmp[category].sort ((tagA, tagB) => tagA.name < tagB.name ? -1 : 1)
-
-  return tagsTmp
-}
-
-
 const changeCategory = async (
     tagId:    number,
     category: Category): Promise<void> => {
@@ -195,47 +143,14 @@ const DropSlot = ({ cat }: { cat: Category }) => {
       </li>)
 }
 
-const EmptyCategoryDropSection = (
-    { cat, children }: { cat: Category
-			 children: ReactNode }) => {
-  const { setNodeRef, isOver: over } = useDroppable ({
-      id:   `slot:${ cat }`,
-      data: { kind: 'slot', cat } })
 
-  return (
-      <div ref={setNodeRef} className="my-3">
-	{children}
-	<ul>
-	  <li className="h-1">
-	    {over && <div className="h-0.5 w-full rounded bg-sky-400"/>}
-	  </li>
-	</ul>
-      </div>)
-}
+type Props = { post: Post; sp?: boolean }
 
 
-type Props = {
-    className?: string
-    post:       Post
-    sp?:        boolean }
-
-type ActiveTagDrag = {
-    dndId:       string
-    tagId:      number
-    nestLevel:  number }
-
-
-const TagDetailSidebar: FC<Props> = ({ className, post, sp }) => {
+const TagDetailSidebar: FC<Props> = ({ post, sp }) => {
   sp = Boolean (sp)
 
   const qc = useQueryClient ()
-  const behaviourSettings = useClientBehaviourSettings ()
-  const tagRelationDisplay = behaviourSettings.tagRelationDisplay ?? 'grouped'
-  const animationMode = behaviourSettings.animation ?? 'normal'
-  const layoutTransition = clientAnimationTransition (
-      animationMode,
-      { normal: { duration: .2, ease: 'easeOut' as const } },
-  )
 
   const baseTags = useMemo<TagByCategory> (() => {
     const tagsTmp = { } as TagByCategory
@@ -248,20 +163,15 @@ const TagDetailSidebar: FC<Props> = ({ className, post, sp }) => {
       }
 
     for (const cat of Object.keys (tagsTmp) as (keyof typeof tagsTmp)[])
-      tagsTmp[cat].sort ((tagA: TagWithSections, tagB: TagWithSections) => tagA.name < tagB.name ? -1 : 1)
+      tagsTmp[cat].sort ((tagA: Tag, tagB: Tag) => tagA.name < tagB.name ? -1 : 1)
 
     return tagsTmp
   }, [post])
 
-  const [activeTagDrag, setActiveTagDrag] = useState<ActiveTagDrag | null> (null)
+  const [activeTagId, setActiveTagId] = useState<number | null> (null)
   const [dragging, setDragging] = useState (false)
   const [saving, setSaving] = useState (false)
   const [tags, setTags] = useState (baseTags)
-  const flatTagsByCategory = useMemo<TagByCategory> (
-      () => buildFlatTagByCategory (tags),
-      [tags],
-  )
-  const activeDndId = activeTagDrag?.dndId
 
   const suppressClickRef = useRef (false)
 
@@ -366,23 +276,13 @@ const TagDetailSidebar: FC<Props> = ({ className, post, sp }) => {
   }, [baseTags])
 
   return (
-      <SidebarComponent sidebarKey="post-detail-tags" className={className}>
+      <SidebarComponent>
 	<TagSearch/>
 	<DndContext
 	    sensors={sensors}
-	    collisionDetection={tagCollisionDetection}
-	    measuring={alwaysMeasureDroppables}
 	    onDragStart={e => {
 	      if (e.active.data.current?.kind === 'tag')
-		{
-		  const tagId = e.active.data.current?.tagId
-		  const nestLevel = e.active.data.current?.nestLevel
-		  const dndId = e.active.data.current?.dndId
-		  setActiveTagDrag (
-		      tagId == null || nestLevel == null || dndId == null
-		      ? null
-		      : { dndId, tagId, nestLevel })
-		}
+		setActiveTagId (e.active.data.current?.tagId ?? null)
 	      setDragging (true)
 	      suppressClickRef.current = true
 	      document.body.style.userSelect = 'none'
@@ -393,80 +293,38 @@ const TagDetailSidebar: FC<Props> = ({ className, post, sp }) => {
 		suppressClickRef.current = false}, { capture: true, once: true })
 	    }}
 	    onDragCancel={() => {
-	      setActiveTagDrag (null)
+	      setActiveTagId (null)
 	      setDragging (false)
 	      document.body.style.userSelect = ''
 	      suppressClickRef.current = false
 	    }}
 	    onDragEnd={async e => {
-	      setActiveTagDrag (null)
+	      setActiveTagId (null)
 	      setDragging (false)
 	      await onDragEnd (e)
 	      document.body.style.userSelect = ''
 	    }}
 	    modifiers={[restrictToWindowEdges]}>
-	  {CATEGORIES.map ((cat: Category) => {
-	    const categoryTags =
-		tagRelationDisplay === 'grouped'
-		? (tags[cat] ?? [])
-		: (flatTagsByCategory[cat] ?? [])
-
-	    if (!(categoryTags.length > 0 || dragging))
-	      return null
-
-	    const sectionTitle = (
+	  {CATEGORIES.map ((cat: Category) => ((tags[cat] ?? []).length > 0 || dragging) && (
+	      <div className="my-3" key={cat}>
 		<SubsectionTitle>
 		  <motion.div
-		      layoutId={animationMode === 'off'
-			  ? undefined
-			  : `tag-${ sp ? 'sp-' : '' }${ cat }`}
-		      transition={{ layout: layoutTransition }}>
+		      layoutId={`tag-${ sp ? 'sp-' : '' }${ cat }`}
+		      transition={{ layout: { duration: .2, ease: 'easeOut' } }}>
 		    {CATEGORY_NAMES[cat]}
 		  </motion.div>
-		</SubsectionTitle>)
+		</SubsectionTitle>
 
-	    if (!(categoryTags.length > 0))
-	      return (
-		  <EmptyCategoryDropSection cat={cat} key={cat}>
-		    {sectionTitle}
-		  </EmptyCategoryDropSection>)
-
-	    return (
-		<div className="my-3" key={cat}>
-		  {sectionTitle}
-		  <ul>
-		    {(tagRelationDisplay === 'grouped'
-		      ? (tags[cat] ?? []).flatMap (tag =>
-			    renderTagTree (
-				activeDndId,
-				tag,
-				0,
-				`cat-${ cat }`,
-				suppressClickRef,
-				undefined,
-				sp,
-			    ),
-			)
-		      : (flatTagsByCategory[cat] ?? []).map (tag => (
-			  <li key={`flat-${ cat }-${ tag.id }`} className="mb-1">
-			    <DraggableDroppableTagRow
-				activeDndId={activeDndId}
-				tag={tag}
-				nestLevel={0}
-				pathKey={`flat-${ cat }-${ tag.id }`}
-				suppressClickRef={suppressClickRef}
-				sp={sp}/>
-			  </li>)))}
-		    <DropSlot cat={cat}/>
-		  </ul>
-		</div>)
-	  })}
+		<ul>
+		  {(tags[cat] ?? []).flatMap (tag => (
+		      renderTagTree (tag, 0, `cat-${ cat }`, suppressClickRef, undefined, sp)))}
+		  <DropSlot cat={cat}/>
+		</ul>
+	      </div>))}
 	  {post && (
 	      <motion.div
-		  layoutId={animationMode === 'off'
-		      ? undefined
-		      : `post-info-${ sp }`}
-		  transition={{ layout: layoutTransition }}>
+		  layoutId={`post-info-${ sp }`}
+		  transition={{ layout: { duration: .2, ease: 'easeOut' } }}>
 		<SectionTitle>情報</SectionTitle>
 		<ul>
 		  <li>Id.: {post.id}</li>
@@ -503,14 +361,11 @@ const TagDetailSidebar: FC<Props> = ({ className, post, sp }) => {
 		</ul>
 	      </motion.div>)}
 
-	  <DragOverlay
-	      adjustScale={false}
-	      modifiers={[snapCenterToCursor]}
-	      dropAnimation={animationMode === 'off' ? null : undefined}>
+	  <DragOverlay adjustScale={false}>
 	    <div className="pointer-events-none">
-	      {activeTagDrag != null && (() => {
-		const tag = findTag (tags, activeTagDrag.tagId)
-		return tag && <TagLink tag={tag} nestLevel={activeTagDrag.nestLevel}/>
+	      {activeTagId != null && (() => {
+		const tag = findTag (tags, activeTagId)
+		return tag && <TagLink tag={tag}/>
 	      }) ()}
 	    </div>
 	  </DragOverlay>
@@ -518,4 +373,4 @@ const TagDetailSidebar: FC<Props> = ({ className, post, sp }) => {
       </SidebarComponent>)
 }
 
-export default TagDetailSidebar
+export default TagDetailSidebar

frontend/src/components/TagLink.tsx

@@ -1,8 +1,9 @@
 import PrefetchLink from '@/components/PrefetchLink'
 import ResponsiveMarqueeText from '@/components/ResponsiveMarqueeText'
+import { LIGHT_COLOUR_SHADE, DARK_COLOUR_SHADE, TAG_COLOUR } from '@/consts'
 import { cn } from '@/lib/utils'
 
-import type { ComponentProps, CSSProperties, FC, HTMLAttributes } from 'react'
+import type { ComponentProps, FC, HTMLAttributes } from 'react'
 
 import type { Tag } from '@/types'
 
@@ -35,16 +36,15 @@ const TagLink: FC<Props> = ({ tag,
 			      withWiki  = true,
 			      withCount = true,
 			      className,
-			      style,
 			      title,
 			      ...props }) => {
-  const colourStyle = {
-      '--tag-link-colour': `var(--tag-colour-${ tag.category })`,
-      '--tag-link-hover-colour': `var(--tag-colour-${ tag.category }-hover)`,
-      ...style,
-  } as CSSProperties
-  const spanClass = 'tag-link-colour'
-  const linkClass = 'tag-link-colour tag-link-hover-colour'
+  const spanClass = cn (
+      `text-${ TAG_COLOUR[tag.category] }-${ LIGHT_COLOUR_SHADE }`,
+      `dark:text-${ TAG_COLOUR[tag.category] }-${ DARK_COLOUR_SHADE }`)
+  const linkClass = cn (
+      spanClass,
+      `hover:text-${ TAG_COLOUR[tag.category] }-${ LIGHT_COLOUR_SHADE - 200 }`,
+      `dark:hover:text-${ TAG_COLOUR[tag.category] }-${ DARK_COLOUR_SHADE - 200 }`)
   const textClass = 'group min-w-0 max-w-full overflow-hidden align-bottom'
   const rootClass =
       'inline-flex min-w-0 max-w-full flex-nowrap items-stretch align-baseline gap-x-1 md:items-baseline'
@@ -63,8 +63,7 @@ const TagLink: FC<Props> = ({ tag,
 		  ? (
 		      <PrefetchLink
 			  to={`/wiki/${ encodeURIComponent (tag.name) }`}
-			  className={linkClass}
-			  style={colourStyle}>
+			  className={linkClass}>
 			?
 		      </PrefetchLink>)
 		  : (
@@ -72,15 +71,13 @@ const TagLink: FC<Props> = ({ tag,
 		      ? (
 			  <PrefetchLink
 			      to={`/materials/${ tag.materialId }`}
-			      className={linkClass}
-			      style={colourStyle}>
+			      className={linkClass}>
 			    ?
 			  </PrefetchLink>)
 		      : (
 			  <PrefetchLink
 			      to={`/tags/${ tag.id }/deerjikists`}
-			      className={linkClass}
-			      style={colourStyle}>
+			      className={linkClass}>
 			    ?
 			  </PrefetchLink>)))
 	       : (
@@ -123,7 +120,6 @@ const TagLink: FC<Props> = ({ tag,
 	      <span
 		  title={textTitle}
 		  className={cn (spanClass, textClass, className)}
-		  style={colourStyle}
 		  {...props}>
 		<ResponsiveMarqueeText
 		    text={tag.matchedAlias}
@@ -138,7 +134,6 @@ const TagLink: FC<Props> = ({ tag,
 		to={`/posts?${ (new URLSearchParams ({ tags: tag.name })).toString () }`}
 		title={textTitle}
 		className={cn (linkClass, textClass, className)}
-		style={colourStyle}
 		{...props}>
 	      <ResponsiveMarqueeText
 		  text={tag.name}
@@ -149,7 +144,6 @@ const TagLink: FC<Props> = ({ tag,
 	    <span
 		  title={textTitle}
 		  className={cn (spanClass, textClass, className)}
-		  style={colourStyle}
 		  {...props}>
 	      <ResponsiveMarqueeText
 		  text={tag.name}

frontend/src/components/TagSearch.tsx

@@ -105,7 +105,6 @@ const TagSearch: FC = () => {
   return (
       <div className="relative w-full">
 	<input type="text"
-	       data-shortcut-focus-search="true"
 	       placeholder="タグ検索..."
 	       value={search}
 	       onChange={whenChanged}

frontend/src/components/TagSidebar.tsx

@@ -8,8 +8,6 @@ import SectionTitle from '@/components/common/SectionTitle'
 import SidebarComponent from '@/components/layout/SidebarComponent'
 import { CATEGORIES } from '@/consts'
 import { apiGet } from '@/lib/api'
-import { clientAnimationTransition } from '@/lib/clientAnimation'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
 
 import type { FC, MouseEvent } from 'react'
 
@@ -23,13 +21,6 @@ type Props = { posts:     Post[]
 
 const TagSidebar: FC<Props> = ({ posts, onClick }) => {
   const navigate = useNavigate ()
-  const behaviourSettings = useClientBehaviourSettings ()
-  const animationMode = behaviourSettings.animation ?? 'normal'
-  const animationsOff = animationMode === 'off'
-  const layoutTransition = clientAnimationTransition (
-      animationMode,
-      { normal: { duration: .2, ease: 'easeOut' as const } },
-  )
 
   const [tagsVsbl, setTagsVsbl] = useState (false)
   const [tags, setTags] = useState<TagByCategory> ({ })
@@ -74,18 +65,12 @@ const TagSidebar: FC<Props> = ({ posts, onClick }) => {
 	  {CATEGORIES.flatMap (cat => cat in tags ? (
 	      tags[cat].map (tag => (
 		  <li key={tag.id} className="mb-1 min-w-0 max-w-full overflow-hidden">
-		    {animationsOff
-		     ? (
-			 <div className="flex min-w-0 max-w-full items-baseline overflow-hidden">
-			   <TagLink tag={tag} onClick={onClick}/>
-			 </div>)
-		     : (
-			 <motion.div
-			     className="flex min-w-0 max-w-full items-baseline overflow-hidden"
-			     transition={{ layout: layoutTransition }}
-			     layoutId={`tag-${ tag.id }`}>
-			   <TagLink tag={tag} onClick={onClick}/>
-			 </motion.div>)}
+		    <motion.div
+			className="flex min-w-0 max-w-full items-baseline overflow-hidden"
+			transition={{ layout: { duration: .2, ease: 'easeOut' } }}
+			layoutId={`tag-${ tag.id }`}>
+		      <TagLink tag={tag} onClick={onClick}/>
+		    </motion.div>
 		  </li>))) : [])}
 	</ul>
 	<SectionTitle>関聯</SectionTitle>
@@ -111,32 +96,25 @@ const TagSidebar: FC<Props> = ({ posts, onClick }) => {
       </>)
 
   return (
-      <SidebarComponent sidebarKey="posts-index-tags">
+      <SidebarComponent>
 	<TagSearch/>
 
 	<div className="hidden md:block mt-4">
 	  {posts.length > 0 && TagBlock}
 	</div>
 
-	{animationsOff
-	 ? (
-	     tagsVsbl && (
-		 <div className="md:hidden overflow-hidden">
-		   {posts.length > 0 && TagBlock}
-		 </div>))
-	 : (
-	     <AnimatePresence initial={false}>
-	       {tagsVsbl && (
-		   <motion.div
-		       key="sptags"
-		       className="md:hidden overflow-hidden"
-		       initial={{ height: 0 }}
-		       animate={{ height: 'auto' }}
-		       exit={{ height: 0 }}
-		       transition={layoutTransition}>
-		     {posts.length > 0 && TagBlock}
-		   </motion.div>)}
-	     </AnimatePresence>)}
+	<AnimatePresence initial={false}>
+	  {tagsVsbl && (
+	      <motion.div
+		  key="sptags"
+		  className="md:hidden overflow-hidden"
+		  initial={{ height: 0 }}
+		  animate={{ height: 'auto' }}
+		  exit={{ height: 0 }}
+		  transition={{ duration: .2, ease: 'easeOut' }}>
+		{posts.length > 0 && TagBlock}
+	      </motion.div>)}
+	</AnimatePresence>
 
 	<a href="#"
 	   className="md:hidden block my-2 text-center text-sm

frontend/src/components/TopNav.tsx

@@ -8,7 +8,6 @@ import PrefetchLink from '@/components/PrefetchLink'
 import TopNavUser from '@/components/TopNavUser'
 import { WikiIdBus } from '@/lib/eventBus/WikiIdBus'
 import { materialsKeys, tagsKeys, wikiKeys } from '@/lib/queryKeys'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
 import { fetchTag, fetchTagByName } from '@/lib/tags'
 import { fetchMaterial } from '@/lib/materials'
 import { cn } from '@/lib/utils'
@@ -92,10 +91,6 @@ export const menuOutline = (
 
 const TopNav: FC<Props> = ({ user }) => {
   const location = useLocation ()
-  const behaviourSettings = useClientBehaviourSettings ()
-  const animationMode = behaviourSettings.animation ?? 'normal'
-  const animationsOff = animationMode === 'off'
-  const reducedAnimations = animationMode === 'reduced'
 
   const dirRef = useRef<(-1) | 1> (1)
   const itemsRef = useRef<(HTMLAnchorElement | null)[]> ([])
@@ -160,24 +155,6 @@ const TopNav: FC<Props> = ({ user }) => {
   const activeIdx =
       visibleMenu.findIndex (item => location.pathname.startsWith (item.base || item.to))
   const submenuHeight = moreVsbl ? 40 * moreMenu.length : (activeIdx < 0 ? 0 : 40)
-  const topNavTransition =
-      animationsOff
-      ? { duration: 0 }
-      : reducedAnimations
-	? { duration: .08, ease: 'linear' as const }
-	: { duration: .2, ease: 'easeOut' as const }
-  const opacityTransition =
-      animationsOff
-      ? { duration: 0 }
-      : reducedAnimations
-	? { duration: .08 }
-	: { duration: .12 }
-  const highlightTransitionClass =
-      animationsOff
-      ? undefined
-      : reducedAnimations
-	? 'transition-[transform,width] duration-75 ease-linear'
-	: 'transition-[transform,width] duration-200 ease-out'
 
   const prevActiveIdxRef = useRef<number> (activeIdx)
 
@@ -212,11 +189,13 @@ const TopNav: FC<Props> = ({ user }) => {
 
   return (
       <>
-	<nav className="top-nav-root px-3 flex justify-between items-center w-full">
+	<nav className="px-3 flex justify-between items-center w-full
+			bg-yellow-200 dark:bg-red-975 md:bg-yellow-50">
 	  <div className="flex items-center gap-2 h-12">
 	    <PrefetchLink
 		to="/posts"
-		className="top-nav-brand-link mx-4 text-xl font-bold"
+		className="mx-4 text-xl font-bold text-pink-600 hover:text-pink-400
+			   dark:text-pink-300 dark:hover:text-pink-100"
 		onClick={() => {
 		  scroll (0, 0)
 		}}>
@@ -226,8 +205,8 @@ const TopNav: FC<Props> = ({ user }) => {
 	    <div ref={navRef} className="relative hidden md:flex h-12 items-center">
 	      <div aria-hidden
 		   className={cn ('absolute inset-y-0 h-12',
-				  'top-nav-highlight',
-				  highlightTransitionClass)}
+				  'bg-yellow-200 dark:bg-red-950',
+				  'transition-[transform,width] duration-200 ease-out')}
 		   style={{ width:      hl.width,
 			    transform:  `translateX(${ hl.left }px)`,
 			    opacity:    hl.visible ? 1 : 0 }}/>
@@ -235,12 +214,10 @@ const TopNav: FC<Props> = ({ user }) => {
 	      {visibleMenu.map ((item, i) => (
 		  <motion.div
 		      key={item.to}
-		      {...(animationsOff
-			   ? { }
-			   : { layoutId: `menu-${ item.name }` })}
+		      layoutId={`menu-${ item.name }`}
 		      animate={{ opacity: moreVsbl ? 0 : 1 }}
-		      transition={{ opacity: opacityTransition,
-				    layout: topNavTransition }}
+		      transition={{ opacity: { duration: .12 },
+				    layout: { duration: .2, ease: 'easeOut' } }}
 		      style={{ pointerEvents: moreVsbl ? 'none' : 'auto' }}
 		      onMouseEnter={() => setMoreVsbl (false)}>
 		    <PrefetchLink
@@ -248,7 +225,7 @@ const TopNav: FC<Props> = ({ user }) => {
 			ref={(el: (HTMLAnchorElement | null)) => {
 			  itemsRef.current[i] = el
 			}}
-			className={cn ('top-nav-menu-link relative z-10 flex h-full items-center px-5',
+			className={cn ('relative z-10 flex h-full items-center px-5',
 				       (i === openItemIdx) && 'font-bold')}>
 		      {item.name}
 		    </PrefetchLink>
@@ -263,7 +240,7 @@ const TopNav: FC<Props> = ({ user }) => {
 		    setMoreVsbl (true)
 		    measure (-1)
 		  }}
-		  className={cn ('top-nav-menu-link relative z-10 flex h-full items-center px-5',
+		  className={cn ('relative z-10 flex h-full items-center px-5',
 				 (openItemIdx < 0 || moreVsbl) && 'font-bold')}>
 		その他 &raquo;
 	      </PrefetchLink>
@@ -272,28 +249,30 @@ const TopNav: FC<Props> = ({ user }) => {
 
 	  <TopNavUser user={user}/>
 
-	  <button
-	     type="button"
-	     className="top-nav-mobile-toggle md:hidden ml-auto border-0 bg-transparent pr-4"
-	     onClick={() => {
+	  <a href="#"
+	     className="md:hidden ml-auto pr-4
+			text-pink-600 hover:text-pink-400
+			dark:text-pink-300 dark:hover:text-pink-100"
+	     onClick={ev => {
+	       ev.preventDefault ()
 	       setMenuOpen (!(menuOpen))
 	     }}>
 	    {menuOpen ? '×' : 'Menu'}
-	  </button>
+	  </a>
 	</nav>
 
 	<AnimatePresence initial={false}>
 	  <motion.div
 	      key="submenu-shell"
-	      {...(animationsOff ? { }
-		   : { layout: true })}
-	      className="relative z-20 hidden md:block overflow-hidden top-nav-submenu"
+	      layout
+	      className="relative z-20 hidden md:block overflow-hidden
+			 bg-yellow-200 dark:bg-red-950"
 	      animate={{ height: submenuHeight }}
 	      onMouseLeave={() => {
 		if (moreVsbl)
 		  setMoreVsbl (false)
 	      }}
-	      transition={{ layout: topNavTransition }}
+	      transition={{ layout: { duration: .2, ease: 'easeOut' } }}
 	      onAnimationComplete={() => {
 		measure (moreVsbl ? -1 : activeIdx)
 	      }}>
@@ -303,14 +282,12 @@ const TopNav: FC<Props> = ({ user }) => {
 		  <div key={i} className="relative h-[40px]">
 		    <div className="absolute inset-0 flex items-center px-3">
 		      <motion.div
-			  transition={topNavTransition}
-			  {...(animationsOff
-			       ? { }
-			       : ((item.visible ?? true)
+			  transition={{ duration: .2, ease: 'easeOut' }}
+			  {...((item.visible ?? true)
 			       ? { layoutId: `menu-${ item.name }` }
 			       : { initial: { x: 40, y: -40, opacity: 0 },
 				   animate: { x: 0, y: 0, opacity: 1 },
-				   exit: { x: 40, y: -40, opacity: 0 } }))}
+				   exit: { x: 40, y: -40, opacity: 0 } })}
 			  className="z-10 h-full flex items-center px-3 font-bold w-28">
 			<h2>{item.name}</h2>
 		      </motion.div>
@@ -321,34 +298,30 @@ const TopNav: FC<Props> = ({ user }) => {
 			  ? (
 			      <motion.div
 				  key={`c-${ i }-${ j }`}
-				  transition={topNavTransition}
-				  {...(animationsOff
-				       ? { }
-				       : ((visibleMenu[activeIdx]?.name
+				  transition={{ duration: .2, ease: 'easeOut' }}
+				  {...((visibleMenu[activeIdx]?.name
 					=== item.name)
 				       ? { layoutId: `submenu-${ item.name }-${ j }` }
 				       : { initial: { y: -40, opacity: 0 },
 					   animate: { y: 0, opacity: 1 },
-					   exit: { y: -40, opacity: 0 } }))}>
+					   exit: { y: -40, opacity: 0 } })}>
 				{subItem.component}
 			      </motion.div>)
 			  : (
 			      <motion.div
 				  key={`l-${ i }-${ j }`}
-				  transition={topNavTransition}
-				  {...(animationsOff
-				       ? { }
-				       : ((visibleMenu[activeIdx]?.name
+				  transition={{ duration: .2, ease: 'easeOut' }}
+				  {...((visibleMenu[activeIdx]?.name
 					=== item.name)
 				       ? { layoutId: `submenu-${ item.name }-${ j }` }
 				       : { initial: { y: -40, opacity: 0 },
 					   animate: { y: 0, opacity: 1 },
-					   exit: { y: -40, opacity: 0 } }))}>
+					   exit: { y: -40, opacity: 0 } })}>
 				<PrefetchLink
 				    to={subItem.to}
 				    target={subItem.to.slice (0, 2) === '//' ? '_blank' : undefined}
 				    onClick={() => setMoreVsbl (false)}
-				    className="top-nav-menu-link h-full flex items-center px-3">
+				    className="h-full flex items-center px-3">
 				  {subItem.name}
 				</PrefetchLink>
 			      </motion.div>)))}
@@ -357,215 +330,129 @@ const TopNav: FC<Props> = ({ user }) => {
 	   : ((visibleMenu[activeIdx]?.subMenu ?? []).length > 0
 	      && (
 		  <div className="relative h-[40px]">
-		    {animationsOff
-		     ? (
-			 <div className="absolute inset-0 flex items-center px-3">
-			   {(visibleMenu[activeIdx]?.subMenu ?? [])
-			    .filter (item => item.visible ?? true)
-			    .map ((item, i) => (
-			       'component' in item
-			       ? (
-				   <div key={`c-${ i }`}>
-				     {item.component}
-				   </div>)
-			       : (
-				   <div key={`l-${ i }`}>
-				     <PrefetchLink
-					 to={item.to}
-					 target={item.to.slice (0, 2) === '//'
-						 ? '_blank'
-						 : undefined}
-					 className="top-nav-menu-link h-full flex items-center px-3">
-				       {item.name}
-				     </PrefetchLink>
-				   </div>)))}
-			 </div>)
-		     : (
-			 <AnimatePresence initial={false} custom={dir}>
-			   <motion.div
-			       key={activeIdx}
-			       custom={dir}
-			       variants={{ enter: (d: -1 | 1) => ({ y: d * 24, opacity: 0 }),
-					   centre: { y: 0, opacity: 1 },
-					   exit: (d: -1 | 1) => ({ y: (-d) * 24, opacity: 0 }) }}
-			       className="absolute inset-0 flex items-center px-3"
-			       initial="enter"
-			       animate="centre"
-			       exit="exit"
-			       transition={topNavTransition}>
-			     {(visibleMenu[activeIdx]?.subMenu ?? [])
-			      .filter (item => item.visible ?? true)
-			      .map ((item, i) => (
-				 'component' in item
-				 ? (
-				     <motion.div
-					 key={`c-${ i }`}
-					 transition={{ layout: topNavTransition }}
-					 layoutId={`submenu-${ visibleMenu[activeIdx].name }-${ i }`}>
-				       {item.component}
-				     </motion.div>)
-				 : (
-				     <motion.div
-					 key={`l-${ i }`}
-					 transition={{ layout: topNavTransition }}
-					 layoutId={`submenu-${ visibleMenu[activeIdx].name }-${ i }`}>
-				       <PrefetchLink
-					   to={item.to}
-					   target={item.to.slice (0, 2) === '//'
-						   ? '_blank'
-						   : undefined}
-					   className="top-nav-menu-link h-full flex items-center px-3">
-					 {item.name}
-				       </PrefetchLink>
-				     </motion.div>)))}
-			   </motion.div>
-			 </AnimatePresence>)}
+		    <AnimatePresence initial={false} custom={dir}>
+		      <motion.div
+			  key={activeIdx}
+			  custom={dir}
+			  variants={{ enter: (d: -1 | 1) => ({ y: d * 24, opacity: 0 }),
+				      centre: { y: 0, opacity: 1 },
+				      exit: (d: -1 | 1) => ({ y: (-d) * 24, opacity: 0 }) }}
+			  className="absolute inset-0 flex items-center px-3"
+			  initial="enter"
+			  animate="centre"
+			  exit="exit"
+			  transition={{ duration: .2, ease: 'easeOut' }}>
+			{(visibleMenu[activeIdx]?.subMenu ?? [])
+			 .filter (item => item.visible ?? true)
+			 .map ((item, i) => (
+			    'component' in item
+			    ? (
+				<motion.div
+				    key={`c-${ i }`}
+				    transition={{ layout: { duration: .2, ease: 'easeOut' } }}
+				    layoutId={`submenu-${ visibleMenu[activeIdx].name }-${ i }`}>
+				  {item.component}
+				</motion.div>)
+			    : (
+				<motion.div
+				    key={`l-${ i }`}
+				    transition={{ layout: { duration: .2, ease: 'easeOut' } }}
+				    layoutId={`submenu-${ visibleMenu[activeIdx].name }-${ i }`}>
+				  <PrefetchLink
+				      to={item.to}
+				      target={item.to.slice (0, 2) === '//' ? '_blank' : undefined}
+				      className="h-full flex items-center px-3">
+				    {item.name}
+				  </PrefetchLink>
+				</motion.div>)))}
+		      </motion.div>
+		    </AnimatePresence>
 		  </div>))}
 	  </motion.div>
 	</AnimatePresence>
 
-	{animationsOff
-	 ? (
-	     menuOpen && (
-		 <div
-		     className={cn ('top-nav-root top-nav-mobile-menu flex flex-col md:hidden',
-				    'items-start')}>
-		   <Separator/>
-		   {visibleMenu.map ((item, i) => (
-		       <Fragment key={i}>
-			 <PrefetchLink
-			     to={i === openItemIdx ? item.to : '#'}
-			     className={cn ('top-nav-mobile-row w-full min-h-[40px] flex items-center pl-8',
-					((i === openItemIdx)
-					 && 'top-nav-mobile-active font-bold'))}
-			     onClick={(ev: MouseEvent<HTMLAnchorElement>) => {
-			       if (i !== openItemIdx)
-				 {
-				   ev.preventDefault ()
-				   setOpenItemIdx (i)
-				 }
-			     }}>
-			   {item.name}
-			 </PrefetchLink>
+	<AnimatePresence initial={false}>
+	  {menuOpen && (
+	      <motion.div
+		  key="spmenu"
+		  className={cn ('flex flex-col md:hidden',
+				 'bg-yellow-200 dark:bg-red-975 items-start')}
+		  variants={{ closed: { clipPath: 'inset(0 0 100% 0)',
+					height:   0 },
+			      open:   { clipPath: 'inset(0 0 0% 0)',
+					height:   'auto' } }}
+		  initial="closed"
+		  animate="open"
+		  exit="closed"
+		  transition={{ duration: .2, ease: 'easeOut' }}>
+		<Separator/>
+		{visibleMenu.map ((item, i) => (
+		    <Fragment key={i}>
+		      <PrefetchLink
+			  to={i === openItemIdx ? item.to : '#'}
+			  className={cn ('w-full min-h-[40px] flex items-center pl-8',
+				     ((i === openItemIdx)
+				      && 'font-bold bg-yellow-50 dark:bg-red-950'))}
+			  onClick={(ev: MouseEvent<HTMLAnchorElement>) => {
+			    if (i !== openItemIdx)
+			      {
+				ev.preventDefault ()
+				setOpenItemIdx (i)
+			      }
+			  }}>
+			{item.name}
+		      </PrefetchLink>
 
-			 {i === openItemIdx && (
-			     <div className="top-nav-submenu w-full">
-			       {item.subMenu
-				.filter (subItem => subItem.visible ?? true)
-				.map ((subItem, j) => (
-				   'component' in subItem
-				   ? (
-				       <Fragment key={`sp-c-${ i }-${ j }`}>
-					 {subItem.component}
-				       </Fragment>)
-				   : (
-				       <PrefetchLink
-					   key={`sp-l-${ i }-${ j }`}
-					   to={subItem.to}
-					   target={subItem.to.slice (0, 2) === '//'
-						   ? '_blank'
-						   : undefined}
-					   className="top-nav-mobile-row w-full min-h-[36px] flex items-center pl-12">
-					 {subItem.name}
-				       </PrefetchLink>)))}
-			     </div>)}
-		       </Fragment>))}
-		   <PrefetchLink
-		       to="/more"
-		       ref={(el: (HTMLAnchorElement | null)) => {
-			 itemsRef.current[visibleMenu.length] = el
-		       }}
-		       className={cn ('top-nav-mobile-row w-full min-h-[40px] flex items-center pl-8',
-				      ((openItemIdx < 0)
-				       && 'top-nav-mobile-active font-bold'))}>
-		     その他 &raquo;
-		   </PrefetchLink>
-		   <TopNavUser user={user} sp/>
-		   <Separator/>
-		 </div>))
-	 : (
-	     <AnimatePresence initial={false}>
-	       {menuOpen && (
-		   <motion.div
-		       key="spmenu"
-		       className={cn ('top-nav-root top-nav-mobile-menu flex flex-col md:hidden',
-				      'items-start')}
-		       variants={{ closed: { clipPath: 'inset(0 0 100% 0)',
-					     height:   0 },
-				   open:   { clipPath: 'inset(0 0 0% 0)',
-					     height:   'auto' } }}
-		       initial="closed"
-		       animate="open"
-		       exit="closed"
-		       transition={topNavTransition}>
-		     <Separator/>
-		     {visibleMenu.map ((item, i) => (
-			 <Fragment key={i}>
-			   <PrefetchLink
-			       to={i === openItemIdx ? item.to : '#'}
-			       className={cn ('top-nav-mobile-row w-full min-h-[40px] flex items-center pl-8',
-					  ((i === openItemIdx)
-					   && 'top-nav-mobile-active font-bold'))}
-			       onClick={(ev: MouseEvent<HTMLAnchorElement>) => {
-				 if (i !== openItemIdx)
-				   {
-				     ev.preventDefault ()
-				     setOpenItemIdx (i)
-				   }
-			       }}>
-			     {item.name}
-			   </PrefetchLink>
-
-			   <AnimatePresence initial={false}>
-			     {i === openItemIdx && (
-				 <motion.div
-				     key={`sp-sub-${ i }`}
-				     className="top-nav-submenu w-full"
-				     variants={{ closed: { clipPath: 'inset(0 0 100% 0)',
-							   height:   0,
-							   opacity:  0 },
-						 open:   { clipPath: 'inset(0 0 0% 0)',
-							   height:   'auto',
-							   opacity:  1 } }}
-				     initial="closed"
-				     animate="open"
-				     exit="closed"
-				     transition={topNavTransition}>
-				   {item.subMenu
-				    .filter (subItem => subItem.visible ?? true)
-				    .map ((subItem, j) => (
-				       'component' in subItem
-				       ? (
-					   <Fragment key={`sp-c-${ i }-${ j }`}>
-					     {subItem.component}
-					   </Fragment>)
-				       : (
-					   <PrefetchLink
-					       key={`sp-l-${ i }-${ j }`}
-					       to={subItem.to}
-					       target={subItem.to.slice (0, 2) === '//'
-						       ? '_blank'
-						       : undefined}
-					       className="top-nav-mobile-row w-full min-h-[36px] flex items-center pl-12">
-					     {subItem.name}
-					   </PrefetchLink>)))}
-				 </motion.div>)}
-			   </AnimatePresence>
-			 </Fragment>))}
-		     <PrefetchLink
-			 to="/more"
-			 ref={(el: (HTMLAnchorElement | null)) => {
-			   itemsRef.current[visibleMenu.length] = el
-			 }}
-			 className={cn ('top-nav-mobile-row w-full min-h-[40px] flex items-center pl-8',
-					((openItemIdx < 0)
-					 && 'top-nav-mobile-active font-bold'))}>
-		       その他 &raquo;
-		     </PrefetchLink>
-		     <TopNavUser user={user} sp/>
-		     <Separator/>
-		   </motion.div>)}
-	     </AnimatePresence>)}
+		      <AnimatePresence initial={false}>
+			{i === openItemIdx && (
+			    <motion.div
+				key={`sp-sub-${ i }`}
+				className="w-full bg-yellow-50 dark:bg-red-950"
+				variants={{ closed: { clipPath: 'inset(0 0 100% 0)',
+						      height:   0,
+						      opacity:  0 },
+					    open:   { clipPath: 'inset(0 0 0% 0)',
+						      height:   'auto',
+						      opacity:  1 } }}
+				initial="closed"
+				animate="open"
+				exit="closed"
+				transition={{ duration: .2, ease: 'easeOut' }}>
+			      {item.subMenu
+			       .filter (subItem => subItem.visible ?? true)
+			       .map ((subItem, j) => (
+				  'component' in subItem
+				  ? (
+				      <Fragment key={`sp-c-${ i }-${ j }`}>
+					{subItem.component}
+				      </Fragment>)
+				  : (
+				      <PrefetchLink
+					  key={`sp-l-${ i }-${ j }`}
+					  to={subItem.to}
+					  target={subItem.to.slice (0, 2) === '//'
+						  ? '_blank'
+						  : undefined}
+					  className="w-full min-h-[36px] flex items-center pl-12">
+					{subItem.name}
+				      </PrefetchLink>)))}
+			    </motion.div>)}
+		      </AnimatePresence>
+		    </Fragment>))}
+		<PrefetchLink
+		    to="/more"
+		    ref={(el: (HTMLAnchorElement | null)) => {
+		      itemsRef.current[visibleMenu.length] = el
+		    }}
+		    className={cn ('w-full min-h-[40px] flex items-center pl-8',
+				   ((openItemIdx < 0)
+				    && 'font-bold bg-yellow-50 dark:bg-red-950'))}>
+		  その他 &raquo;
+		</PrefetchLink>
+		<TopNavUser user={user} sp/>
+		<Separator/>
+	      </motion.div>)}
+	</AnimatePresence>
       </>)
 }
 

frontend/src/components/common/TabGroup.test.tsx

@@ -20,16 +20,4 @@ describe ('TabGroup', () => {
     expect (screen.getByText ('Alpha')).toBeInTheDocument ()
     expect (screen.queryByText ('Beta')).not.toBeInTheDocument ()
   })
-
-  it ('renders tabs as buttons and shows the right addon', () => {
-    render (
-        <TabGroup rightAddon={<span>件数 20</span>}>
-          <Tab name="広場">Plaza</Tab>
-        </TabGroup>,
-    )
-
-    expect (screen.getByRole ('button', { name: '広場' })).toBeInTheDocument ()
-    expect (screen.queryByRole ('link', { name: '広場' })).not.toBeInTheDocument ()
-    expect (screen.getByText ('件数 20')).toBeInTheDocument ()
-  })
 })

frontend/src/components/common/TabGroup.tsx

@@ -7,15 +7,12 @@ type TabProps = { name:     string
 		  init?:    boolean
 		  children: React.ReactNode }
 
-type Props = {
-    children:    React.ReactNode
-    rightAddon?: React.ReactNode
-}
+type Props = { children: React.ReactNode }
 
 export const Tab = ({ children }: TabProps) => <>{children}</>
 
 
-const TabGroup: FC<Props> = ({ children, rightAddon }) => {
+const TabGroup: FC<Props> = ({ children }) => {
   const tabs = React.Children.toArray (children) as React.ReactElement<TabProps>[]
 
   const [current, setCurrent] = useState<number> (() => {
@@ -25,27 +22,17 @@ const TabGroup: FC<Props> = ({ children, rightAddon }) => {
 
   return (
       <div className="mt-4">
-	<div className="flex items-center justify-between gap-4">
-	  <div className="flex min-w-0 gap-4">
-	    {tabs.map ((tab, i) => (
-		<button
-		   key={i}
-		   type="button"
-		   className={cn (
-		       'bg-transparent p-0 text-left text-[hsl(var(--theme-link))] hover:opacity-85',
-		       'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
-		       i === current && 'font-bold',
-		   )}
-		   onClick={() => {
-		     setCurrent (i)
-		   }}>
-		  {tab.props.name}
-		</button>))}
-	  </div>
-	  {rightAddon && (
-	      <div className="shrink-0">
-		{rightAddon}
-	      </div>)}
+	<div className="flex gap-4">
+	  {tabs.map ((tab, i) => (
+	      <a key={i}
+		 href="#"
+		 className={cn (i === current && 'font-bold')}
+		 onClick={ev => {
+		   ev.preventDefault ()
+		   setCurrent (i)
+		 }}>
+		{tab.props.name}
+	      </a>))}
 	</div>
 	<div className="mt-2">
 	  {tabs[current]}

frontend/src/components/common/TagInput.test.tsx

@@ -26,7 +26,7 @@ describe ('TagInput', () => {
     await waitFor (() => {
       expect (api.apiGet).toHaveBeenCalledWith (
           '/tags/autocomplete',
-          { params: { q: '虹夏', nico: '0' } },
+          { params: { q: '虹夏' } },
       )
     })
     expect (setValue).toHaveBeenCalledWith ('ぼっち 虹夏')
@@ -41,20 +41,4 @@ describe ('TagInput', () => {
     expect (api.apiGet).not.toHaveBeenCalled ()
     expect (setValue).toHaveBeenCalledWith (' ')
   })
-
-  it ('sends nico=1 only when includeNico is true', async () => {
-    const setValue = vi.fn ()
-    api.apiGet.mockResolvedValueOnce ([buildTag ({ name: '虹夏', postCount: 2 })])
-
-    render (<TagInput value="" setValue={setValue} includeNico={true}/>)
-
-    fireEvent.change (screen.getByRole ('textbox'), { target: { value: '虹夏' } })
-
-    await waitFor (() => {
-      expect (api.apiGet).toHaveBeenCalledWith (
-          '/tags/autocomplete',
-          { params: { q: '虹夏', nico: '1' } },
-      )
-    })
-  })
 })

frontend/src/components/common/TagInput.tsx

@@ -10,20 +10,13 @@ import type { Tag } from '@/types'
 
 
 type Props = {
-    includeNico?:   boolean
     describedBy?:  string
     invalid?:      boolean
     value:         string
     setValue:      (value: string) => void }
 
 
-const TagInput: FC<Props> = ({
-    includeNico = false,
-    describedBy,
-    invalid,
-    value,
-    setValue,
-}) => {
+const TagInput: FC<Props> = ({ describedBy, invalid, value, setValue }) => {
   const [activeIndex, setActiveIndex] = useState (-1)
   const [suggestions, setSuggestions] = useState<Tag[]> ([])
   const [suggestionsVsbl, setSuggestionsVsbl] = useState (false)
@@ -39,12 +32,10 @@ const TagInput: FC<Props> = ({
 	return
       }
 
-    const data = await apiGet<Tag[]> ('/tags/autocomplete', { params: {
-	q,
-	nico: includeNico ? '1' : '0' } })
-    const nextSuggestions = data.filter (t => t.postCount > 0)
-    setSuggestions (nextSuggestions)
-    setSuggestionsVsbl (nextSuggestions.length > 0)
+    const data = await apiGet<Tag[]> ('/tags/autocomplete', { params: { q } })
+    setSuggestions (data.filter (t => t.postCount > 0))
+    if (suggestions.length > 0)
+      setSuggestionsVsbl (true)
   }
 
   // TODO: TagSearch からのコピペのため，共通化を考へる．

frontend/src/components/layout/MainArea.tsx

@@ -1,7 +1,5 @@
 import { motion } from 'framer-motion'
 
-import { clientAnimationTransition } from '@/lib/clientAnimation'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
 import { cn } from '@/lib/utils'
 
 import type { FC, ReactNode } from 'react'
@@ -11,21 +9,12 @@ type Props = {
     className?: string }
 
 
-const MainArea: FC<Props> = ({ children, className }) => {
-  const behaviourSettings = useClientBehaviourSettings ()
-  const animationMode = behaviourSettings.animation ?? 'normal'
-  const layoutTransition = clientAnimationTransition (
-      animationMode,
-      { normal: { duration: .2, ease: 'easeOut' as const } },
-  )
+const MainArea: FC<Props> = ({ children, className }) => (
+    <motion.main
+	transition={{ layout: { duration: .2, ease: 'easeOut' } }}
+	className={cn ('flex-1 overflow-y-auto p-4', className)}
+	layout="position">
+      {children}
+    </motion.main>)
 
-  return (
-      <motion.main
-	  transition={{ layout: layoutTransition }}
-	  className={cn ('flex-1 overflow-y-auto p-4', className)}
-	  layout={animationMode === 'off' ? false : 'position'}>
-	{children}
-      </motion.main>)
-}
-
-export default MainArea
+export default MainArea

frontend/src/components/layout/SidebarComponent.test.tsx

@@ -1,124 +0,0 @@
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import { HelmetProvider } from 'react-helmet-async'
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-
-import SidebarComponent from '@/components/layout/SidebarComponent'
-
-
-const sidebarWidth = (element: Element | null): string =>
-    (element as HTMLElement).style.getPropertyValue ('--sidebar-width')
-
-
-const sidebarRoot = (container: HTMLElement): Element =>
-    container.querySelector ('[style*="--sidebar-width"]')!
-
-
-const sidebarTree = (props: Partial<Parameters<typeof SidebarComponent>[0]>) => (
-    <HelmetProvider>
-      <div data-sidebar-container>
-	<SidebarComponent sidebarKey="test-sidebar" {...props}>
-	  Sidebar body
-	</SidebarComponent>
-      </div>
-    </HelmetProvider>)
-
-
-const renderSidebar = (
-    props: Partial<Parameters<typeof SidebarComponent>[0]> = {},
-    containerWidth = 800,
-) => {
-  Object.defineProperty (HTMLElement.prototype, 'clientWidth', {
-      configurable: true,
-      get () {
-	return this.hasAttribute ('data-sidebar-container') ? containerWidth : 0
-      },
-  })
-
-  const rendered = render (sidebarTree (props))
-
-  return rendered
-}
-
-
-describe ('SidebarComponent', () => {
-  beforeEach (() => {
-    Object.defineProperty (window, 'innerWidth', {
-	configurable: true,
-	value:        1_000,
-    })
-
-    Object.defineProperty (HTMLElement.prototype, 'setPointerCapture', {
-	configurable: true,
-	value:        vi.fn (),
-    })
-    Object.defineProperty (HTMLElement.prototype, 'releasePointerCapture', {
-	configurable: true,
-	value:        vi.fn (),
-    })
-    Object.defineProperty (HTMLElement.prototype, 'hasPointerCapture', {
-	configurable: true,
-	value:        vi.fn (() => true),
-    })
-
-    vi.spyOn (HTMLElement.prototype, 'setPointerCapture').mockImplementation (() => {
-      ;
-    })
-    vi.spyOn (HTMLElement.prototype, 'releasePointerCapture').mockImplementation (() => {
-      ;
-    })
-    vi.spyOn (HTMLElement.prototype, 'hasPointerCapture').mockReturnValue (true)
-  })
-
-  it ('uses maxWidth without applying the container main-width reserve twice', async () => {
-    localStorage.setItem ('sidebar:test-sidebar:left:width', '700')
-    const onWidthChange = vi.fn ()
-
-    const { container } = renderSidebar ({ maxWidth: 700, onWidthChange }, 800)
-
-    await waitFor (() => {
-      expect (sidebarWidth (sidebarRoot (container))).toBe ('700px')
-    })
-    expect (onWidthChange).toHaveBeenLastCalledWith (700)
-  })
-
-  it ('resets width and removes only its storage key on double click', async () => {
-    localStorage.setItem ('sidebar:test-sidebar:right:width', '420')
-    localStorage.setItem ('sidebar:other-sidebar:right:width', '480')
-
-    const { container } = renderSidebar ({ side: 'right' }, 900)
-
-    await waitFor (() => {
-      expect (sidebarWidth (sidebarRoot (container))).toBe ('420px')
-    })
-
-    fireEvent.doubleClick (screen.getByRole ('separator', { name: 'サイドバー幅' }))
-
-    await waitFor (() => {
-      expect (sidebarWidth (sidebarRoot (container))).toBe ('256px')
-    })
-    expect (localStorage.getItem ('sidebar:test-sidebar:right:width')).toBeNull ()
-    expect (localStorage.getItem ('sidebar:other-sidebar:right:width')).toBe ('480')
-  })
-
-  it ('clamps current width on maxWidth changes without re-reading storage', async () => {
-    localStorage.setItem ('sidebar:test-sidebar:left:width', '420')
-
-    const { container, rerender } = renderSidebar ({ maxWidth: 420 }, 900)
-
-    await waitFor (() => {
-      expect (sidebarWidth (sidebarRoot (container))).toBe ('420px')
-    })
-
-    rerender (sidebarTree ({ maxWidth: 300 }))
-
-    await waitFor (() => {
-      expect (sidebarWidth (sidebarRoot (container))).toBe ('300px')
-    })
-
-    rerender (sidebarTree ({ maxWidth: 500 }))
-
-    await waitFor (() => {
-      expect (sidebarWidth (sidebarRoot (container))).toBe ('300px')
-    })
-  })
-})

frontend/src/components/layout/SidebarComponent.tsx

@@ -1,327 +1,19 @@
 import { motion } from 'framer-motion'
 import { Helmet } from 'react-helmet-async'
 
-import { clientAnimationTransition } from '@/lib/clientAnimation'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
-import { cn } from '@/lib/utils'
+import type { FC, ReactNode } from 'react'
 
-import type { CSSProperties, FC, MouseEvent, PointerEvent, ReactNode } from 'react'
-import { useCallback, useEffect, useRef, useState } from 'react'
-
-type SidebarSide = 'left' | 'right'
-
-type Props = {
-    children:      ReactNode
-    className?:    string
-    maxWidth?:     number
-    onWidthChange?: (width: number) => void
-    sidebarKey:    string
-    side?:         SidebarSide }
-
-type ResizeState = {
-    pointerId:  number
-    startWidth: number
-    startX:     number
-    side:       SidebarSide }
-
-type PendingPressState = ResizeState & { startY: number }
-
-const DEFAULT_SIDEBAR_WIDTH = 256
-const MIN_SIDEBAR_WIDTH = 192
-const MIN_MAIN_WIDTH = 360
-const MAX_VIEWPORT_WIDTH_RATIO = .8
-const LONG_PRESS_DELAY_MS = 350
-const TOUCH_MOVE_THRESHOLD_PX = 8
+type Props = { children: ReactNode }
 
 
-const storageKeyForSidebar = (sidebarKey: string, side: SidebarSide): string =>
-    `sidebar:${ sidebarKey }:${ side }:width`
-
-
-const getSidebarMaxWidth = (containerWidth: number): number => {
-  const viewportWidth =
-      typeof window === 'undefined' ? containerWidth : window.innerWidth
-  const viewportMaxWidth = Math.floor (viewportWidth * MAX_VIEWPORT_WIDTH_RATIO)
-  const containerMaxWidth = Math.floor (containerWidth - MIN_MAIN_WIDTH)
-  const dynamicMaxWidth = Math.min (viewportMaxWidth, containerMaxWidth)
-
-  return Math.max (MIN_SIDEBAR_WIDTH, dynamicMaxWidth)
-}
-
-
-const readStoredSidebarWidth = (
-    sidebarKey: string,
-    side: SidebarSide): number => {
-  if (typeof window === 'undefined')
-    return DEFAULT_SIDEBAR_WIDTH
-
-  const value = window.localStorage.getItem (storageKeyForSidebar (sidebarKey, side))
-  const width = value == null ? Number.NaN : Number (value)
-
-  return Number.isFinite (width) ? width : DEFAULT_SIDEBAR_WIDTH
-}
-
-
-const SidebarComponent: FC<Props> = ({
-    children,
-    className,
-    maxWidth,
-    onWidthChange,
-    sidebarKey,
-    side = 'left',
-}) => {
-  const behaviourSettings = useClientBehaviourSettings ()
-  const animationMode = behaviourSettings.animation ?? 'normal'
-  const layoutTransition = clientAnimationTransition (
-      animationMode,
-      { normal: { duration: .2, ease: 'easeOut' as const } },
-  )
-  const rootRef = useRef<HTMLDivElement | null> (null)
-  const maxWidthRef = useRef (maxWidth)
-  const getContainerWidth = useCallback (() => {
-    const containerWidth = rootRef.current
-	?.closest ('[data-sidebar-container]')
-	?.clientWidth
-    ?? window.innerWidth
-    return containerWidth
-  }, [])
-  const getClampedWidth = useCallback ((
-      nextWidth: number,
-      containerWidth: number): number => {
-    const viewportWidth =
-	typeof window === 'undefined' ? containerWidth : window.innerWidth
-    const viewportMaxWidth = Math.floor (viewportWidth * MAX_VIEWPORT_WIDTH_RATIO)
-    const maxAllowedWidth =
-	maxWidthRef.current == null
-	? getSidebarMaxWidth (containerWidth)
-	: Math.max (
-	    MIN_SIDEBAR_WIDTH,
-	    Math.min (viewportMaxWidth, maxWidthRef.current))
-
-    return Math.min (maxAllowedWidth, Math.max (MIN_SIDEBAR_WIDTH, nextWidth))
-  }, [])
-
-  const [width, setWidth] = useState (() => (
-      typeof window === 'undefined'
-      ? DEFAULT_SIDEBAR_WIDTH
-      : getClampedWidth (
-	  readStoredSidebarWidth (sidebarKey, side),
-	  window.innerWidth)))
-  const [resizing, setResizing] = useState (false)
-  const widthRef = useRef (width)
-  const longPressTimerRef = useRef<ReturnType<typeof setTimeout> | null> (null)
-  const pendingPressRef = useRef<PendingPressState | null> (null)
-  const resizeRef = useRef<ResizeState | null> (null)
-  const bodyStyleRef = useRef<{ cursor: string, userSelect: string } | null> (null)
-
-  const clearLongPressTimer = useCallback (() => {
-    if (longPressTimerRef.current == null)
-      return
-
-    clearTimeout (longPressTimerRef.current)
-    longPressTimerRef.current = null
-  }, [])
-
-  const restoreBodyStyle = useCallback (() => {
-    if (bodyStyleRef.current == null)
-      return
-
-    document.body.style.cursor = bodyStyleRef.current.cursor
-    document.body.style.userSelect = bodyStyleRef.current.userSelect
-    bodyStyleRef.current = null
-  }, [])
-
-  const startResize = useCallback ((state: ResizeState) => {
-    clearLongPressTimer ()
-    pendingPressRef.current = null
-    resizeRef.current = state
-    setResizing (true)
-
-    if (bodyStyleRef.current == null)
-    {
-      bodyStyleRef.current = {
-	  cursor: document.body.style.cursor,
-	  userSelect: document.body.style.userSelect }
-    }
-
-    document.body.style.cursor = 'col-resize'
-    document.body.style.userSelect = 'none'
-  }, [clearLongPressTimer])
-
-  const finishResize = useCallback (() => {
-    clearLongPressTimer ()
-    pendingPressRef.current = null
-
-    const state = resizeRef.current
-    resizeRef.current = null
-
-    if (state != null)
-      window.localStorage.setItem (
-	  storageKeyForSidebar (sidebarKey, state.side),
-	  String (widthRef.current))
-
-    setResizing (false)
-    restoreBodyStyle ()
-  }, [clearLongPressTimer, restoreBodyStyle, sidebarKey])
-
-  const applyWidth = useCallback ((nextWidth: number) => {
-    if (nextWidth === widthRef.current)
-      return
-
-    widthRef.current = nextWidth
-    setWidth (nextWidth)
-  }, [])
-
-  useEffect (() => {
-    maxWidthRef.current = maxWidth
-    const containerWidth = getContainerWidth ()
-    const nextWidth = getClampedWidth (widthRef.current, containerWidth)
-    applyWidth (nextWidth)
-  }, [applyWidth, getClampedWidth, getContainerWidth, maxWidth])
-
-  const updateWidth = useCallback ((clientX: number) => {
-    const state = resizeRef.current
-    if (state == null)
-      return
-
-    const containerWidth = getContainerWidth ()
-    const delta = state.side === 'left'
-		  ? clientX - state.startX
-		  : state.startX - clientX
-    const nextWidth = getClampedWidth (state.startWidth + delta, containerWidth)
-    applyWidth (nextWidth)
-  }, [applyWidth, getClampedWidth, getContainerWidth])
-
-  const handlePointerDown = (ev: PointerEvent<HTMLDivElement>) => {
-    if (ev.pointerType !== 'mouse' && ev.pointerType !== 'touch')
-      return
-
-    if (ev.pointerType === 'mouse' && ev.button !== 0)
-      return
-
-    ev.preventDefault ()
-    ev.stopPropagation ()
-    ev.currentTarget.setPointerCapture (ev.pointerId)
-
-    const state = {
-	pointerId: ev.pointerId,
-	side,
-	startWidth: widthRef.current,
-	startX: ev.clientX }
-
-    if (ev.pointerType === 'mouse')
-    {
-      startResize (state)
-      return
-    }
-
-    pendingPressRef.current = { ...state, startY: ev.clientY }
-    clearLongPressTimer ()
-    longPressTimerRef.current = setTimeout (() => {
-      if (pendingPressRef.current != null)
-	startResize (pendingPressRef.current)
-    }, LONG_PRESS_DELAY_MS)
-  }
-
-  const handlePointerMove = (ev: PointerEvent<HTMLDivElement>) => {
-    ev.stopPropagation ()
-
-    if (resizeRef.current != null)
-    {
-      ev.preventDefault ()
-      updateWidth (ev.clientX)
-      return
-    }
-
-    const pendingPress = pendingPressRef.current
-    if (pendingPress == null || pendingPress.pointerId !== ev.pointerId)
-      return
-
-    const deltaX = ev.clientX - pendingPress.startX
-    const deltaY = ev.clientY - pendingPress.startY
-    const distance = Math.hypot (deltaX, deltaY)
-
-    if (distance >= TOUCH_MOVE_THRESHOLD_PX)
-    {
-      clearLongPressTimer ()
-      pendingPressRef.current = null
-    }
-  }
-
-  const handlePointerEnd = (ev: PointerEvent<HTMLDivElement>) => {
-    ev.stopPropagation ()
-
-    if (ev.currentTarget.hasPointerCapture (ev.pointerId))
-      ev.currentTarget.releasePointerCapture (ev.pointerId)
-
-    finishResize ()
-  }
-
-  const resetWidth = useCallback (() => {
-    const containerWidth = getContainerWidth ()
-    const nextWidth = getClampedWidth (DEFAULT_SIDEBAR_WIDTH, containerWidth)
-    applyWidth (nextWidth)
-    window.localStorage.removeItem (storageKeyForSidebar (sidebarKey, side))
-  }, [applyWidth, getClampedWidth, getContainerWidth, sidebarKey, side])
-
-  const handleDoubleClick = (ev: MouseEvent<HTMLDivElement>) => {
-    ev.preventDefault ()
-    ev.stopPropagation ()
-    resetWidth ()
-  }
-
-  useEffect (() => {
-    const containerWidth = getContainerWidth ()
-    const nextWidth = getClampedWidth (
-	readStoredSidebarWidth (sidebarKey, side),
-	containerWidth)
-    applyWidth (nextWidth)
-  }, [applyWidth, getClampedWidth, getContainerWidth, sidebarKey, side])
-
-  useEffect (() => {
-    const containerWidth = getContainerWidth ()
-    const nextWidth = getClampedWidth (widthRef.current, containerWidth)
-    applyWidth (nextWidth)
-  }, [applyWidth, getClampedWidth, getContainerWidth])
-
-  useEffect (() => {
-    if (typeof window === 'undefined')
-      return
-
-    const handleResize = () => {
-      const containerWidth = getContainerWidth ()
-      const nextWidth = getClampedWidth (widthRef.current, containerWidth)
-      applyWidth (nextWidth)
-    }
-
-    window.addEventListener ('resize', handleResize)
-    return () => window.removeEventListener ('resize', handleResize)
-  }, [applyWidth, getClampedWidth, getContainerWidth])
-
-  useEffect (() => {
-    onWidthChange?.(width)
-  }, [onWidthChange, width])
-
-  useEffect (() => () => {
-    clearLongPressTimer ()
-    restoreBodyStyle ()
-  }, [clearLongPressTimer, restoreBodyStyle])
-
-  const style = {
-      '--sidebar-width': `${ width }px` } as CSSProperties
-
-  return (
-      <motion.div
-	  ref={rootRef}
-	  layout={animationMode === 'off' ? false : 'position'}
-	  transition={{ layout: layoutTransition }}
-	  style={style}
-	  className={cn (
-	      'relative w-full md:w-[var(--sidebar-width)] md:shrink-0 md:h-full',
-	      className)}>
-	<Helmet>
-	  <style>
-	    {`
+const SidebarComponent: FC<Props> = ({ children }) => (
+    <motion.div
+	layout="position"
+	transition={{ layout: { duration: .2, ease: 'easeOut' } }}
+	className="p-4 w-full md:w-64 md:h-full md:overflow-y-auto sidebar">
+      <Helmet>
+	<style>
+	  {`
 	      .sidebar
 	      {
 		direction: rtl;
@@ -331,34 +23,10 @@ const SidebarComponent: FC<Props> = ({
 	      {
 		direction: ltr;
 	      }`}
-	  </style>
-	</Helmet>
+	</style>
+      </Helmet>
 
-	<div className="h-full overflow-y-auto p-4 sidebar">
-	  {children}
-	</div>
+      {children}
+    </motion.div>)
 
-	<div
-	    role="separator"
-	    aria-orientation="vertical"
-	    aria-label="サイドバー幅"
-	    onPointerDown={handlePointerDown}
-	    onPointerMove={handlePointerMove}
-	    onPointerUp={handlePointerEnd}
-	    onPointerCancel={handlePointerEnd}
-	    onDoubleClick={handleDoubleClick}
-	    className={cn (
-		'hidden md:block absolute top-0 bottom-0 z-20 w-4 cursor-col-resize',
-		'touch-none select-none',
-		side === 'left' ? '-right-2' : '-left-2',
-		'before:absolute before:top-0 before:bottom-0 before:w-px',
-		'before:bg-neutral-500/0 hover:before:bg-neutral-500/30',
-		'before:transition-colors before:duration-150',
-		side === 'left'
-		? 'before:left-1/2'
-		: 'before:right-1/2',
-		resizing && 'before:bg-neutral-500/40')}/>
-      </motion.div>)
-}
-
-export default SidebarComponent
+export default SidebarComponent

frontend/src/components/users/BehaviourSettingsSection.tsx

@@ -1,198 +0,0 @@
-import { useEffect, useMemo, useState } from 'react'
-
-import { Button } from '@/components/ui/button'
-import { toast } from '@/components/ui/use-toast'
-import { getClientBehaviorSettings, setClientBehaviorSettings } from '@/lib/settings'
-import { cn } from '@/lib/utils'
-
-import type { FC, ReactNode } from 'react'
-
-import type { ClientAnimationMode,
-	      ClientBehaviorSettings,
-	      ClientEmbedAutoLoadMode,
-	      ClientLinkPreloadMode,
-	      ClientTagRelationDisplayMode } from '@/lib/settings'
-
-type Props = {
-    sectionClassName: string
-    onDirtyStateChange?: (
-	dirty: boolean,
-	discard: () => void,
-    ) => void }
-
-type SegmentedOption<T extends string> = {
-    value: T
-    label: string }
-
-type SegmentedControlProps<T extends string> = {
-    value:     T
-    options:   SegmentedOption<T>[]
-    onChange:  (value: T) => void }
-
-type SettingBlockProps = {
-    title:        string
-    description?: string
-    children:     ReactNode }
-
-const animationOptions: SegmentedOption<ClientAnimationMode>[] = [
-    { value: 'off', label: 'なし' },
-    { value: 'reduced', label: '控えめ' },
-    { value: 'normal', label: '通常' }]
-
-const embedAutoLoadOptions: SegmentedOption<ClientEmbedAutoLoadMode>[] = [
-    { value: 'off', label: '読み込まない' },
-    { value: 'manual', label: 'クリック時' },
-    { value: 'auto', label: '自動' }]
-
-const linkPreloadOptions: SegmentedOption<ClientLinkPreloadMode>[] = [
-    { value: 'off', label: 'しない' },
-    { value: 'intent', label: 'する' }]
-
-const tagRelationDisplayOptions: SegmentedOption<ClientTagRelationDisplayMode>[] = [
-    { value: 'flat', label: 'まとめない' },
-    { value: 'grouped', label: 'まとめる' }]
-
-const SegmentedControl = <T extends string,> (
-    { value, options, onChange }: SegmentedControlProps<T>,
-) => {
-  return (
-      <div
-	  role="radiogroup"
-	  className="flex flex-wrap gap-2 rounded-xl border border-border bg-muted/40 p-1">
-	{options.map (option => (
-	    <button
-		key={option.value}
-		type="button"
-		role="radio"
-		aria-checked={value === option.value}
-		className={cn (
-		    'min-w-0 flex-1 rounded-lg px-3 py-2 text-sm font-medium',
-		    'transition-colors focus-visible:outline-none focus-visible:ring-2',
-		    'focus-visible:ring-ring focus-visible:ring-offset-2',
-		    value === option.value
-		    ? 'bg-primary text-primary-foreground shadow-sm ring-1 ring-primary/40'
-		    : 'bg-transparent text-muted-foreground hover:bg-background/70 hover:text-foreground',
-		)}
-		onClick={() => onChange (option.value)}>
-	      {option.label}
-	    </button>))}
-      </div>)
-}
-
-
-const SettingBlock: FC<SettingBlockProps> = (
-    { title, description, children },
-) => (
-    <div className="space-y-3 rounded-xl px-4">
-      <div className="space-y-1">
-	<h3 className="text-sm font-semibold">{title}</h3>
-	<p className="text-sm text-muted-foreground">{description}</p>
-      </div>
-      {children}
-    </div>)
-
-
-const BehaviourSettingsSection: FC<Props> = (
-    { sectionClassName,
-      onDirtyStateChange },
-) => {
-  const [savedSettings, setSavedSettings] =
-      useState<ClientBehaviorSettings> (() => getClientBehaviorSettings ())
-  const [draftSettings, setDraftSettings] =
-      useState<ClientBehaviorSettings> (() => getClientBehaviorSettings ())
-
-  useEffect (() => {
-    const current = getClientBehaviorSettings ()
-    setSavedSettings (current)
-    setDraftSettings (current)
-  }, [])
-
-  const hasUnsavedChanges = useMemo (
-      () => JSON.stringify (draftSettings) !== JSON.stringify (savedSettings),
-      [draftSettings, savedSettings])
-
-  const updateDraft = <Key extends keyof ClientBehaviorSettings,> (
-      key:    Key,
-      value:  ClientBehaviorSettings[Key],
-  ) => {
-    setDraftSettings (current => ({ ...current, [key]: value }))
-  }
-
-  const handleSave = () => {
-    const next = setClientBehaviorSettings (draftSettings)
-    setSavedSettings (next)
-    setDraftSettings (next)
-    toast ({ title: '動作設定を保存しました' })
-  }
-
-  const handleDiscard = () => {
-    setDraftSettings (savedSettings)
-  }
-
-  useEffect (() => {
-    onDirtyStateChange?.(hasUnsavedChanges, handleDiscard)
-
-    return () => {
-      onDirtyStateChange?.(false, () => { })
-    }
-  }, [handleDiscard, hasUnsavedChanges, onDirtyStateChange])
-
-  return (
-      <section className={sectionClassName}>
-	<div className="flex flex-wrap items-start justify-between gap-3">
-	  <div className="space-y-1">
-	    <h2 className="text-xl font-bold">動作</h2>
-	  </div>
-
-	  <div className="flex flex-wrap gap-2">
-	    <Button
-		type="button"
-		variant="destructive"
-		disabled={hasUnsavedChanges === false}
-		onClick={handleDiscard}>
-	      変更を破棄
-	    </Button>
-	    <Button
-		type="button"
-		disabled={hasUnsavedChanges === false}
-		onClick={handleSave}>
-	      保存
-	    </Button>
-	  </div>
-	</div>
-
-	<div className="space-y-4">
-	  <SettingBlock title="アニメーション">
-	    <SegmentedControl
-		value={draftSettings.animation ?? 'normal'}
-		options={animationOptions}
-		onChange={value => updateDraft ('animation', value)}/>
-	  </SettingBlock>
-
-	  <SettingBlock
-	      title="リンク先の先読み"
-	      description="マウスを置いた時点でリンク先のデータを取得します。">
-	    <SegmentedControl
-		value={draftSettings.linkPreload ?? 'intent'}
-		options={linkPreloadOptions}
-		onChange={value => updateDraft ('linkPreload', value)}/>
-	  </SettingBlock>
-
-	  <SettingBlock title="タグの親子関係表示">
-	    <SegmentedControl
-		value={draftSettings.tagRelationDisplay ?? 'grouped'}
-		options={tagRelationDisplayOptions}
-		onChange={value => updateDraft ('tagRelationDisplay', value)}/>
-	  </SettingBlock>
-
-	  <SettingBlock title="埋め込み自動読込">
-	    <SegmentedControl
-		value={draftSettings.embedAutoLoad ?? 'auto'}
-		options={embedAutoLoadOptions}
-		onChange={value => updateDraft ('embedAutoLoad', value)}/>
-	  </SettingBlock>
-	</div>
-      </section>)
-}
-
-export default BehaviourSettingsSection

frontend/src/components/users/KeyboardSettingsSection.tsx

@@ -1,262 +0,0 @@
-import { useEffect, useMemo, useState } from 'react'
-
-import { Button } from '@/components/ui/button'
-import { toast } from '@/components/ui/use-toast'
-import {
-    getConflictingShortcutActionIds,
-    formatKeyBinding,
-    isSpaceBinding,
-    keyBindingFromKeyboardEvent,
-    SHORTCUT_DEFINITIONS,
-    SHORTCUT_SCOPE_LABELS,
-} from '@/lib/keyboardShortcuts'
-import { getEffectiveKeyBindings } from '@/lib/settings'
-import { useKeyboardShortcutSettings } from '@/lib/useKeyboardShortcuts'
-
-import type { ShortcutActionId } from '@/lib/keyboardShortcuts'
-import type { ClientKeyboardSettings } from '@/lib/settings'
-import type { FC } from 'react'
-
-type Props = {
-    sectionClassName: string
-    onDirtyStateChange?: (
-	dirty: boolean,
-	discard: () => void,
-    ) => void
-}
-
-
-const KeyboardSettingsSection: FC<Props> = (
-    { sectionClassName,
-      onDirtyStateChange },
-) => {
-  const {
-      keyboardSettings,
-      saveKeyboardSettings,
-  } = useKeyboardShortcutSettings ()
-  const [capturingActionId, setCapturingActionId] =
-      useState<ShortcutActionId | null> (null)
-  const [draftKeyboardSettings, setDraftKeyboardSettings] =
-      useState<ClientKeyboardSettings> (keyboardSettings)
-
-  useEffect (() => {
-    setDraftKeyboardSettings (keyboardSettings)
-  }, [keyboardSettings])
-
-  const draftEffectiveBindings = useMemo (
-      () => getEffectiveKeyBindings (draftKeyboardSettings.bindings),
-      [draftKeyboardSettings.bindings],
-  )
-  const draftConflictActionIds = useMemo (
-      () => getConflictingShortcutActionIds (draftEffectiveBindings),
-      [draftEffectiveBindings],
-  )
-  const hasUnsavedChanges = useMemo (
-      () => JSON.stringify (draftKeyboardSettings) !== JSON.stringify (keyboardSettings),
-      [draftKeyboardSettings, keyboardSettings],
-  )
-
-  useEffect (() => {
-    if (capturingActionId == null)
-      return
-
-    const onKeyDown = (event: KeyboardEvent) => {
-      if (event.isComposing || event.key === 'Process')
-	return
-
-      event.preventDefault ()
-      event.stopPropagation ()
-
-      if (event.key === 'Escape')
-	{
-	  setCapturingActionId (null)
-	  return
-	}
-
-      if (event.key === 'Backspace' || event.key === 'Delete')
-	{
-	  setDraftKeyboardSettings (current => ({
-	      ...current,
-	      bindings: {
-		  ...(current.bindings ?? { }),
-		  [capturingActionId]: null,
-	      },
-	  }))
-	  setCapturingActionId (null)
-	  return
-	}
-
-      const binding = keyBindingFromKeyboardEvent (event)
-      if (binding == null)
-	return
-
-      if (isSpaceBinding (binding))
-	{
-	  toast ({ title: 'Space は今は割り当てられません．' })
-	  return
-	}
-
-      setDraftKeyboardSettings (current => ({
-	  ...current,
-	  bindings: {
-	      ...(current.bindings ?? { }),
-	      [capturingActionId]: binding,
-	  },
-      }))
-      setCapturingActionId (null)
-    }
-
-    document.addEventListener ('keydown', onKeyDown, true)
-    return () => document.removeEventListener ('keydown', onKeyDown, true)
-  }, [capturingActionId])
-
-  const rows = useMemo (() => SHORTCUT_DEFINITIONS.map (definition => ({
-      ...definition,
-      currentBinding:    draftEffectiveBindings[definition.id],
-      hasConflict:       draftConflictActionIds.has (definition.id),
-      hasCustomBinding:  Object.prototype.hasOwnProperty.call (
-	  draftKeyboardSettings.bindings ?? { },
-	  definition.id,
-      ),
-  })), [
-      draftConflictActionIds,
-      draftEffectiveBindings,
-      draftKeyboardSettings.bindings,
-  ])
-
-  const handleSave = () => {
-    saveKeyboardSettings (draftKeyboardSettings)
-    toast ({ title: 'キーボード設定を保存しました' })
-  }
-
-  const handleDiscard = () => {
-    setDraftKeyboardSettings (keyboardSettings)
-    setCapturingActionId (null)
-  }
-
-  useEffect (() => {
-    onDirtyStateChange?.(hasUnsavedChanges, handleDiscard)
-
-    return () => {
-      onDirtyStateChange?.(false, () => { })
-    }
-  }, [handleDiscard, hasUnsavedChanges, onDirtyStateChange])
-
-  return (
-      <section className={sectionClassName}>
-	<div className="flex flex-wrap items-start justify-between gap-3">
-	  <div className="space-y-1">
-	    <h2 className="text-xl font-bold">キーボード</h2>
-	  </div>
-
-	  <div className="flex flex-wrap gap-2">
-	    <Button
-		type="button"
-		variant="outline"
-		onClick={() => {
-		  setDraftKeyboardSettings (current => ({
-		      ...current,
-		      bindings: { },
-		  }))
-		}}>
-	      すべて既定に戻す
-	    </Button>
-	    <Button
-		type="button"
-		variant="destructive"
-		disabled={!(hasUnsavedChanges)}
-		onClick={handleDiscard}>
-	      変更を破棄
-	    </Button>
-	    <Button
-		type="button"
-		disabled={!(hasUnsavedChanges) || draftConflictActionIds.size > 0}
-		onClick={handleSave}>
-	      保存
-	    </Button>
-	  </div>
-	</div>
-
-	<label className="flex items-center gap-2 text-sm">
-	  <input
-	      type="checkbox"
-	      checked={draftKeyboardSettings.enabled !== false}
-	      onChange={event => {
-		setDraftKeyboardSettings (current => ({
-		    ...current,
-		    enabled: event.target.checked,
-		}))
-	      }}/>
-	  <span>キーボード・ショートカットを有効にする</span>
-	</label>
-
-	{capturingActionId != null && (
-	    <p className="text-sm text-muted-foreground">
-	      キー入力待ちです．Escape で取消し，Backspace / Delete で未割当にできます．
-	    </p>)}
-
-	<div className="overflow-x-auto">
-	  <table className="w-full min-w-[52rem] table-fixed border-collapse text-sm">
-	    <thead className="border-b border-border">
-	      <tr>
-		<th className="p-2 text-left">操作</th>
-		<th className="p-2 text-left">適用範囲</th>
-		<th className="p-2 text-left">現在のキー</th>
-		<th className="p-2 text-left"></th>
-		<th className="p-2 text-left"></th>
-		<th className="p-2 text-left">競合状態</th>
-	      </tr>
-	    </thead>
-	    <tbody>
-	      {rows.map (row => (
-		  <tr key={row.id} className="border-b border-border/60 last:border-b-0">
-		    <td className="p-2">{row.label}</td>
-		    <td className="p-2">{SHORTCUT_SCOPE_LABELS[row.scope]}</td>
-		    <td className="p-2 font-mono">
-		      {formatKeyBinding (row.currentBinding)}
-		    </td>
-		    <td className="p-2">
-		      <Button
-			  type="button"
-			  variant={capturingActionId === row.id ? 'default' : 'outline'}
-			  className="h-8"
-			  onClick={() => {
-			    setCapturingActionId (
-				capturingActionId === row.id ? null : row.id,
-			    )
-			  }}>
-			{capturingActionId === row.id ? '入力待ち…' : '変更'}
-		      </Button>
-		    </td>
-		    <td className="p-2">
-		      <Button
-			  type="button"
-			  variant="ghost"
-			  className="h-8"
-			  disabled={!(row.hasCustomBinding)}
-			  onClick={() => {
-			    setDraftKeyboardSettings (current => {
-				const nextBindings = { ...(current.bindings ?? { }) }
-				delete nextBindings[row.id]
-				return {
-				    ...current,
-				    bindings: nextBindings,
-				}
-			    })
-			  }}>
-			既定に戻す
-		      </Button>
-		    </td>
-		    <td className="p-2">
-		      {row.hasConflict
-		       ? <span className="text-red-600 dark:text-red-400">競合あり</span>
-		       : 'なし'}
-		    </td>
-		  </tr>))}
-	    </tbody>
-	  </table>
-	</div>
-      </section>)
-}
-
-export default KeyboardSettingsSection

frontend/src/components/users/ShortcutHelpDialog.tsx

@@ -1,87 +0,0 @@
-import {
-    Dialog,
-    DialogContent,
-    DialogDescription,
-    DialogHeader,
-    DialogTitle,
-} from '@/components/ui/dialog'
-import {
-    formatKeyBinding,
-    SHORTCUT_DEFINITIONS,
-    SHORTCUT_SCOPE_LABELS,
-} from '@/lib/keyboardShortcuts'
-
-import type {
-    KeyBinding,
-    ShortcutActionId,
-    ShortcutScope,
-} from '@/lib/keyboardShortcuts'
-import type { FC } from 'react'
-
-type Props = {
-    open:               boolean
-    onOpenChange:       (open: boolean) => void
-    activeScope:        ShortcutScope
-    effectiveBindings:  Record<ShortcutActionId, KeyBinding | null>
-    conflictActionIds:  Set<ShortcutActionId>
-    availableActionIds: Set<ShortcutActionId>
-}
-
-
-const ShortcutHelpDialog: FC<Props> = (
-    {
-	open,
-	onOpenChange,
-	activeScope,
-	effectiveBindings,
-	conflictActionIds,
-	availableActionIds,
-    },
-) => {
-  const rows = SHORTCUT_DEFINITIONS
-      .filter (definition =>
-	  definition.scope === 'global' || definition.scope === activeScope)
-      .filter (definition => availableActionIds.has (definition.id))
-
-  return (
-      <Dialog open={open} onOpenChange={onOpenChange}>
-	<DialogContent className="max-w-3xl px-6 pb-6 pt-7">
-	  <DialogHeader className="pl-8">
-	    <DialogTitle>キーボード・ショートカット</DialogTitle>
-	    <DialogDescription>
-	      この画面で利用できるショートカットを表示します。
-	    </DialogDescription>
-	  </DialogHeader>
-
-	  <div className="overflow-x-auto">
-	    <table className="w-full min-w-[40rem] table-fixed border-collapse text-sm">
-	      <thead className="border-b border-border">
-		<tr>
-		  <th className="p-2 text-left">操作</th>
-		  <th className="p-2 text-left">適用範囲</th>
-		  <th className="p-2 text-left">キー</th>
-		  <th className="p-2 text-left">競合</th>
-		</tr>
-	      </thead>
-	      <tbody>
-		{rows.map (row => (
-		    <tr key={row.id} className="border-b border-border/60 last:border-b-0">
-		      <td className="p-2">{row.label}</td>
-		      <td className="p-2">{SHORTCUT_SCOPE_LABELS[row.scope]}</td>
-		      <td className="p-2 font-mono">
-			{formatKeyBinding (effectiveBindings[row.id])}
-		      </td>
-		      <td className="p-2">
-			{conflictActionIds.has (row.id)
-			 ? <span className="text-red-600 dark:text-red-400">競合あり</span>
-			 : 'なし'}
-		      </td>
-		    </tr>))}
-	      </tbody>
-	    </table>
-	  </div>
-	</DialogContent>
-      </Dialog>)
-}
-
-export default ShortcutHelpDialog

frontend/src/index.css

@@ -10,10 +10,6 @@
   {
     --background: 0 0% 100%;
     --foreground: 222.2 84% 4.9%;
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 222.2 84% 4.9%;
 
     --primary: 222.2 47.4% 11.2%;
     --primary-foreground: 210 40% 98%;
@@ -33,40 +29,12 @@
     --border: 214.3 31.8% 91.4%;
     --input: 214.3 31.8% 91.4%;
     --ring: 222.2 84% 4.9%;
-    --theme-link: 221.2 83.2% 53.3%;
-    --top-nav-root-bg-mobile: #fef08a;
-    --top-nav-root-bg-desktop: #fefce8;
-    --top-nav-active-bg: #fef08a;
-    --top-nav-submenu-bg: #fef08a;
-    --top-nav-mobile-menu-bg: #fef08a;
-    --top-nav-mobile-active-bg: #fefce8;
-    --top-nav-brand-link: #db2777;
-    --top-nav-menu-link: #1d4ed8;
-
-    --tag-colour-deerjikist: #9f1239;
-    --tag-colour-deerjikist-hover: #b62a51;
-    --tag-colour-meme: #6b21a8;
-    --tag-colour-meme-hover: #8238bf;
-    --tag-colour-character: #4d7c0f;
-    --tag-colour-character-hover: #649326;
-    --tag-colour-general: #155e75;
-    --tag-colour-general-hover: #2c758c;
-    --tag-colour-material: #c2410c;
-    --tag-colour-material-hover: #d95823;
-    --tag-colour-meta: #a16207;
-    --tag-colour-meta-hover: #b8791e;
-    --tag-colour-nico: #4b5563;
-    --tag-colour-nico-hover: #626c7a;
   }
 
   .dark
   {
     --background: 222.2 84% 4.9%;
     --foreground: 210 40% 98%;
-    --card: 222.2 84% 4.9%;
-    --card-foreground: 210 40% 98%;
-    --popover: 222.2 84% 4.9%;
-    --popover-foreground: 210 40% 98%;
 
     --primary: 210 40% 98%;
     --primary-foreground: 222.2 47.4% 11.2%;
@@ -86,28 +54,20 @@
     --border: 217.2 32.6% 17.5%;
     --input: 217.2 32.6% 17.5%;
     --ring: 212.7 26.8% 83.9%;
-    --top-nav-root-bg-mobile: #230505;
-    --top-nav-root-bg-desktop: #230505;
-    --top-nav-active-bg: #450a0a;
-    --top-nav-submenu-bg: #450a0a;
-    --top-nav-mobile-menu-bg: #230505;
-    --top-nav-mobile-active-bg: #450a0a;
-    --top-nav-brand-link: #f9a8d4;
-    --top-nav-menu-link: #93c5fd;
   }
 
   body
   {
-    @apply overflow-x-clip bg-background text-foreground;
+    @apply overflow-x-clip;
   }
 
   a
   {
-    color: hsl(var(--theme-link));
+    @apply text-blue-700 dark:text-blue-300;
   }
   a:hover
   {
-    color: color-mix(in oklab, hsl(var(--theme-link)), white 18%);
+    @apply text-blue-500 dark:text-blue-100;
   }
 }
 
@@ -118,8 +78,8 @@
   font-weight: 400;
 
   color-scheme: light dark;
-  color: hsl(var(--foreground));
-  background-color: hsl(var(--background));
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
@@ -127,23 +87,6 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-:root[data-animation='reduced'] *,
-:root[data-animation='off'] *
-{
-  scroll-behavior: auto !important;
-}
-
-:root[data-animation='off'] *,
-:root[data-animation='off'] *::before,
-:root[data-animation='off'] *::after
-{
-  animation-duration: 0ms !important;
-  animation-delay: 0ms !important;
-  animation-iteration-count: 1 !important;
-  transition-duration: 0ms !important;
-  transition-delay: 0ms !important;
-}
-
 a
 {
   font-weight: 500;
@@ -154,15 +97,28 @@ body
 {
   margin: 0;
   min-width: 320px;
-  background: hsl(var(--background));
-  color: hsl(var(--foreground));
 }
 
 #root
 {
   min-height: 100dvh;
-  background: hsl(var(--background));
-  color: hsl(var(--foreground));
+}
+
+@media (prefers-color-scheme: light)
+{
+  :root
+  {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover
+  {
+    color: #747bff;
+  }
+  button
+  {
+    background-color: #f9f9f9;
+  }
 }
 
 @keyframes wiki-blink
@@ -182,73 +138,6 @@ body
   position: relative;
 }
 
-.tag-link-colour
-{
-  color: var(--tag-link-colour);
-}
-
-.tag-link-hover-colour:hover
-{
-  color: var(--tag-link-hover-colour) !important;
-}
-
-.top-nav-root
-{
-  background: var(--top-nav-root-bg-mobile);
-}
-
-@media (min-width: 768px)
-{
-  .top-nav-root
-  {
-    background: var(--top-nav-root-bg-desktop);
-  }
-}
-
-.top-nav-brand-link,
-.top-nav-mobile-toggle
-{
-  color: var(--top-nav-brand-link);
-}
-
-.top-nav-brand-link:hover,
-.top-nav-mobile-toggle:hover
-{
-  color: color-mix(in oklab, var(--top-nav-brand-link), white 18%);
-}
-
-.top-nav-menu-link,
-.top-nav-mobile-row
-{
-  color: var(--top-nav-menu-link);
-}
-
-.top-nav-menu-link:hover,
-.top-nav-mobile-row:hover
-{
-  color: color-mix(in oklab, var(--top-nav-menu-link), white 18%);
-}
-
-.top-nav-highlight
-{
-  background: var(--top-nav-active-bg);
-}
-
-.top-nav-submenu
-{
-  background: var(--top-nav-submenu-bg);
-}
-
-.top-nav-mobile-menu
-{
-  background: var(--top-nav-mobile-menu-bg);
-}
-
-.top-nav-mobile-active
-{
-  background: var(--top-nav-mobile-active-bg);
-}
-
 .tag-marquee__animated
 {
   position: absolute;

frontend/src/lib/clientAnimation.ts

@@ -1,34 +0,0 @@
-import type { Transition } from 'framer-motion'
-
-import type { ClientAnimationMode } from '@/lib/settings'
-
-type ClientAnimationTransitionOptions = {
-    normal:   Transition
-    reduced?: Transition
-    off?:     Transition }
-
-
-export const clientAnimationsOff = (
-    animationMode: ClientAnimationMode,
-): boolean =>
-    animationMode === 'off'
-
-
-export const clientAnimationTransition = (
-    animationMode: ClientAnimationMode,
-    { normal, reduced, off }: ClientAnimationTransitionOptions,
-): Transition => {
-  if (animationMode === 'off')
-    return off ?? { duration: 0 }
-
-  if (animationMode === 'reduced')
-    return reduced ?? { duration: .08, ease: 'linear' as const }
-
-  return normal
-}
-
-
-export const clientScrollBehaviour = (
-    animationMode: ClientAnimationMode,
-): ScrollBehavior =>
-    animationMode === 'off' ? 'auto' : 'smooth'

frontend/src/lib/keyboardShortcuts.test.ts

@@ -1,65 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { DEFAULT_KEY_BINDINGS,
-	 formatKeyBinding,
-	 getConflictingShortcutActionIds,
-	 isEditableEventTarget,
-	 keyBindingFromKeyboardEvent,
-	 resolveShortcutScope,
-	 SHORTCUT_DEFINITIONS_BY_ID } from '@/lib/keyboardShortcuts'
-
-describe ('keyboardShortcuts', () => {
-  it ('defines the default key bindings used by the settings screen', () => {
-    expect (SHORTCUT_DEFINITIONS_BY_ID['global.openShortcutHelp']).toMatchObject ({
-	label: 'ショートカット一覧を開く',
-	scope: 'global',
-	defaultBinding: { key: '?', shift: true } })
-    expect (DEFAULT_KEY_BINDINGS['global.focusSearch']).toEqual ({ key: '/' })
-    expect (DEFAULT_KEY_BINDINGS['navigation.posts']).toEqual ({ key: 'p' })
-    expect (DEFAULT_KEY_BINDINGS['pagination.next']).toEqual ({ key: 'ArrowRight' })
-    expect (DEFAULT_KEY_BINDINGS['settings.theme']).toEqual ({ key: '3' })
-  })
-
-  it ('formats key bindings for display', () => {
-    expect (formatKeyBinding ({ key: '?', shift: true })).toBe ('Shift + ?')
-    expect (formatKeyBinding ({ key: '/' })).toBe ('/')
-    expect (formatKeyBinding ({ key: 'p' })).toBe ('P')
-    expect (formatKeyBinding ({ key: 'ArrowRight' })).toBe ('ArrowRight')
-    expect (formatKeyBinding (null)).toBe ('未割当')
-  })
-
-  it ('normalises keyboard events without assigning space by default', () => {
-    const event = { key: 'P',
-		    ctrlKey: false,
-		    shiftKey: false,
-		    altKey: false,
-		    metaKey: false } as KeyboardEvent
-
-    expect (keyBindingFromKeyboardEvent (event)).toEqual ({ key: 'p' })
-    expect (DEFAULT_KEY_BINDINGS['pagination.next']).not.toEqual ({ key: ' ' })
-  })
-
-  it ('detects conflicting action bindings', () => {
-    const conflicts = getConflictingShortcutActionIds ({
-	...DEFAULT_KEY_BINDINGS,
-	'navigation.posts': { key: 'p' },
-	'navigation.tags': { key: 'p' } })
-
-    expect (conflicts.has ('navigation.posts')).toBe (true)
-    expect (conflicts.has ('navigation.tags')).toBe (true)
-    expect (conflicts.has ('navigation.wiki')).toBe (false)
-  })
-
-  it ('resolves route scopes and editable event targets', () => {
-    const input = document.createElement ('input')
-    const div = document.createElement ('div')
-    div.setAttribute ('role', 'textbox')
-
-    expect (resolveShortcutScope ('/posts/search')).toBe ('postSearch')
-    expect (resolveShortcutScope ('/users/settings')).toBe ('settings')
-    expect (resolveShortcutScope ('/materials/1')).toBe ('materials')
-    expect (isEditableEventTarget (input)).toBe (true)
-    expect (isEditableEventTarget (div)).toBe (true)
-    expect (isEditableEventTarget (document.createElement ('button'))).toBe (false)
-  })
-})

frontend/src/lib/keyboardShortcuts.ts

@@ -1,328 +0,0 @@
-export type ShortcutScope =
-    | 'global'
-    | 'posts'
-    | 'postSearch'
-    | 'tags'
-    | 'settings'
-    | 'wiki'
-    | 'materials'
-
-export type ShortcutActionId =
-    | 'global.openShortcutHelp'
-    | 'global.focusSearch'
-    | 'navigation.posts'
-    | 'navigation.tags'
-    | 'navigation.materials'
-    | 'navigation.wiki'
-    | 'pagination.next'
-    | 'pagination.previous'
-    | 'settings.account'
-    | 'settings.behavior'
-    | 'settings.theme'
-    | 'settings.keyboard'
-
-export type KeyBinding = {
-    key:    string
-    ctrl?:  boolean
-    shift?: boolean
-    alt?:   boolean
-    meta?:  boolean
-}
-
-export type ShortcutDefinition = {
-    id:              ShortcutActionId
-    label:           string
-    scope:           ShortcutScope
-    defaultBinding:  KeyBinding | null
-}
-
-export const SHORTCUT_SCOPE_LABELS: Record<ShortcutScope, string> = {
-    global:     '全画面',
-    posts:      '広場',
-    postSearch: '広場検索',
-    tags:       'タグ',
-    settings:   '設定',
-    wiki:       'Wiki',
-    materials:  '素材',
-}
-
-export const SHORTCUT_DEFINITIONS: ShortcutDefinition[] = [
-    {
-	id:              'global.openShortcutHelp',
-	label:           'ショートカット一覧を開く',
-	scope:           'global',
-	defaultBinding:  { key: '?', shift: true },
-    },
-    {
-	id:              'global.focusSearch',
-	label:           '検索欄へ移動',
-	scope:           'global',
-	defaultBinding:  { key: '/' },
-    },
-    {
-	id:              'navigation.posts',
-	label:           '広場へ移動',
-	scope:           'global',
-	defaultBinding:  { key: 'p' },
-    },
-    {
-	id:              'navigation.tags',
-	label:           'タグへ移動',
-	scope:           'global',
-	defaultBinding:  { key: 't' },
-    },
-    {
-	id:              'navigation.materials',
-	label:           '素材へ移動',
-	scope:           'global',
-	defaultBinding:  { key: 'm' },
-    },
-    {
-	id:              'navigation.wiki',
-	label:           'Wiki へ移動',
-	scope:           'global',
-	defaultBinding:  { key: 'w' },
-    },
-    {
-	id:              'pagination.next',
-	label:           '次のページへ移動',
-	scope:           'global',
-	defaultBinding:  { key: 'ArrowRight' },
-    },
-    {
-	id:              'pagination.previous',
-	label:           '前のページへ移動',
-	scope:           'global',
-	defaultBinding:  { key: 'ArrowLeft' },
-    },
-    {
-	id:              'settings.account',
-	label:           '設定: アカウント',
-	scope:           'settings',
-	defaultBinding:  { key: '1' },
-    },
-    {
-	id:              'settings.behavior',
-	label:           '設定: 動作',
-	scope:           'settings',
-	defaultBinding:  { key: '2' },
-    },
-    {
-	id:              'settings.theme',
-	label:           '設定: テーマ',
-	scope:           'settings',
-	defaultBinding:  { key: '3' },
-    },
-    {
-	id:              'settings.keyboard',
-	label:           '設定: キーボード',
-	scope:           'settings',
-	defaultBinding:  { key: '4' },
-    },
-]
-
-export const SHORTCUT_DEFINITIONS_BY_ID =
-    SHORTCUT_DEFINITIONS.reduce<Record<ShortcutActionId, ShortcutDefinition>> (
-	(definitions, definition) => {
-	    definitions[definition.id] = definition
-	    return definitions
-	},
-	{
-	    'global.openShortcutHelp': SHORTCUT_DEFINITIONS[0],
-	    'global.focusSearch': SHORTCUT_DEFINITIONS[1],
-	    'navigation.posts': SHORTCUT_DEFINITIONS[2],
-	    'navigation.tags': SHORTCUT_DEFINITIONS[3],
-	    'navigation.materials': SHORTCUT_DEFINITIONS[4],
-	    'navigation.wiki': SHORTCUT_DEFINITIONS[5],
-	    'pagination.next': SHORTCUT_DEFINITIONS[6],
-	    'pagination.previous': SHORTCUT_DEFINITIONS[7],
-	    'settings.account': SHORTCUT_DEFINITIONS[8],
-	    'settings.behavior': SHORTCUT_DEFINITIONS[9],
-	    'settings.theme': SHORTCUT_DEFINITIONS[10],
-	    'settings.keyboard': SHORTCUT_DEFINITIONS[11],
-	},
-    )
-
-export const DEFAULT_KEY_BINDINGS =
-    SHORTCUT_DEFINITIONS.reduce<Record<ShortcutActionId, KeyBinding | null>> (
-	(bindings, definition) => {
-	    bindings[definition.id] = definition.defaultBinding
-	    return bindings
-	},
-	{
-	    'global.openShortcutHelp': null,
-	    'global.focusSearch': null,
-	    'navigation.posts': null,
-	    'navigation.tags': null,
-	    'navigation.materials': null,
-	    'navigation.wiki': null,
-	    'pagination.next': null,
-	    'pagination.previous': null,
-	    'settings.account': null,
-	    'settings.behavior': null,
-	    'settings.theme': null,
-	    'settings.keyboard': null,
-	},
-    )
-
-const normaliseKey = (key: string): string => {
-  if (key === 'Spacebar')
-    return ' '
-  if (key.length === 1 && key !== ' ')
-    return key.toLowerCase ()
-  return key
-}
-
-const isModifierKey = (key: string): boolean =>
-    key === 'Shift'
-    || key === 'Control'
-    || key === 'Alt'
-    || key === 'Meta'
-
-export const normaliseKeyBinding = (value: unknown): KeyBinding | null => {
-  if (!(value) || typeof value !== 'object')
-    return null
-
-  const binding = value as Partial<KeyBinding>
-  if (typeof binding.key !== 'string')
-    return null
-
-  const key = normaliseKey (binding.key)
-  if (key.length === 0 || isModifierKey (key))
-    return null
-
-  return {
-      key,
-      ...(binding.ctrl ? { ctrl: true } : { }),
-      ...(binding.shift ? { shift: true } : { }),
-      ...(binding.alt ? { alt: true } : { }),
-      ...(binding.meta ? { meta: true } : { }),
-  }
-}
-
-export const serialiseKeyBinding = (binding: KeyBinding | null): string | null => {
-  if (binding == null)
-    return null
-
-  const parts = [
-      binding.ctrl ? 'Ctrl' : null,
-      binding.shift ? 'Shift' : null,
-      binding.alt ? 'Alt' : null,
-      binding.meta ? 'Meta' : null,
-      binding.key,
-  ].filter ((part): part is string => part != null)
-
-  return parts.join ('+')
-}
-
-const keyLabel = (key: string): string => {
-  switch (key)
-  {
-  case ' ':
-    return 'Space'
-
-  case 'ArrowLeft':
-    return 'ArrowLeft'
-
-  case 'ArrowRight':
-    return 'ArrowRight'
-
-  case 'ArrowUp':
-    return 'ArrowUp'
-
-  case 'ArrowDown':
-    return 'ArrowDown'
-
-  case 'Escape':
-    return 'Escape'
-
-  case 'Backspace':
-    return 'Backspace'
-
-  case 'Delete':
-    return 'Delete'
-
-  default:
-    return key.length === 1 ? key.toUpperCase () : key
-  }
-}
-
-export const formatKeyBinding = (binding: KeyBinding | null): string => {
-  if (binding == null)
-    return '未割当'
-
-  return [
-      binding.ctrl ? 'Ctrl' : null,
-      binding.shift ? 'Shift' : null,
-      binding.alt ? 'Alt' : null,
-      binding.meta ? 'Meta' : null,
-      keyLabel (binding.key),
-  ].filter ((part): part is string => part != null)
-      .join (' + ')
-}
-
-export const keyBindingFromKeyboardEvent = (
-    event: Pick<KeyboardEvent, 'key' | 'ctrlKey' | 'shiftKey' | 'altKey' | 'metaKey'>,
-): KeyBinding | null => {
-  const key = normaliseKey (event.key)
-  if (key.length === 0 || isModifierKey (key))
-    return null
-
-  return {
-      key,
-      ...(event.ctrlKey ? { ctrl: true } : { }),
-      ...(event.shiftKey ? { shift: true } : { }),
-      ...(event.altKey ? { alt: true } : { }),
-      ...(event.metaKey ? { meta: true } : { }),
-  }
-}
-
-export const isEditableEventTarget = (target: EventTarget | null): boolean => {
-  if (!(target instanceof Element))
-    return false
-
-  return target.closest (
-      'input, textarea, select, [contenteditable="true"], [role="textbox"]',
-  ) != null
-}
-
-export const getConflictingShortcutActionIds = (
-    bindings: Record<ShortcutActionId, KeyBinding | null>,
-): Set<ShortcutActionId> => {
-  const grouped = new Map<string, ShortcutActionId[]> ()
-
-  Object.entries (bindings).forEach (([actionId, binding]) => {
-      const serialised = serialiseKeyBinding (binding)
-      if (serialised == null)
-	return
-
-      const ids = grouped.get (serialised) ?? []
-      ids.push (actionId as ShortcutActionId)
-      grouped.set (serialised, ids)
-  })
-
-  return new Set (
-      [...grouped.values ()]
-	  .filter (actionIds => actionIds.length > 1)
-	  .flat (),
-  )
-}
-
-export const resolveShortcutScope = (pathname: string): ShortcutScope => {
-  if (pathname.startsWith ('/posts/search'))
-    return 'postSearch'
-  if (pathname.startsWith ('/posts'))
-    return 'posts'
-  if (pathname.startsWith ('/tags'))
-    return 'tags'
-  if (pathname.startsWith ('/users/settings'))
-    return 'settings'
-  if (pathname.startsWith ('/wiki'))
-    return 'wiki'
-  if (pathname.startsWith ('/materials'))
-    return 'materials'
-  return 'global'
-}
-
-export const isSpaceBinding = (binding: KeyBinding | null): boolean =>
-    binding?.key === ' '

frontend/src/lib/posts.test.ts

@@ -70,7 +70,6 @@ describe ('posts API functions', () => {
           id:                    5,
           title:                 'new title',
           tags:                  'tag',
-          duration:              null,
           parentPostIds:         '1 2',
           originalCreatedFrom:   null,
           originalCreatedBefore: '2026-01-02T00:00:00Z',
@@ -83,7 +82,6 @@ describe ('posts API functions', () => {
         {
           title:                   'new title',
           tags:                    'tag',
-          duration:                null,
           parent_post_ids:         '1 2',
           original_created_from:   null,
           original_created_before: '2026-01-02T00:00:00Z',

frontend/src/lib/posts.ts

@@ -44,7 +44,6 @@ export const updatePost = async (
     post: { id:                     number
 	    title:                  string | null
 	    tags:                   string
-	    duration:               string | null
 	    parentPostIds:          string
 	    originalCreatedFrom:    string | null
 	    originalCreatedBefore:  string | null },
@@ -56,7 +55,6 @@ export const updatePost = async (
 	`/posts/${ post.id }`,
 	{ title: post.title,
 	  tags: post.tags,
-	  duration: post.duration,
 	  parent_post_ids: post.parentPostIds,
 	  original_created_from: post.originalCreatedFrom,
 	  original_created_before: post.originalCreatedBefore },

frontend/src/lib/settings.test.ts

@@ -1,108 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-
-import { applyClientAnimationMode,
-	 applyThemeTokens,
-	 buildThemeTokens,
-	 CLIENT_SETTINGS_STORAGE_KEY,
-	 DARK_THEME_TOKENS,
-	 DEFAULT_POST_LIST_ORDER,
-	 getClientListLimit,
-	 getClientListOrder,
-	 getClientThemeMode,
-	 LIGHT_THEME_TOKENS,
-	 loadClientSettings,
-	 setClientListSettings,
-	 setClientThemeAppearance } from '@/lib/settings'
-
-import type { FetchPostsOrder } from '@/types'
-
-const installMatchMedia = (matches: boolean) => {
-  Object.defineProperty (window, 'matchMedia', {
-      configurable: true,
-      value: vi.fn ().mockImplementation (() => ({
-	  matches,
-	  addEventListener: vi.fn (),
-	  removeEventListener: vi.fn () })) })
-}
-
-describe ('settings', () => {
-  beforeEach (() => {
-    localStorage.clear ()
-    document.documentElement.removeAttribute ('data-animation')
-    document.documentElement.removeAttribute ('style')
-    document.documentElement.className = ''
-    installMatchMedia (false)
-  })
-
-  it ('stores list settings under the shared client settings key', () => {
-    setClientListSettings ('postSearch', {
-	limit: 50,
-	order: 'title:asc' })
-
-    expect (getClientListLimit ('postSearch')).toBe (50)
-    expect (getClientListOrder<FetchPostsOrder> ('postSearch')).toBe ('title:asc')
-    expect (JSON.parse (localStorage.getItem (CLIENT_SETTINGS_STORAGE_KEY) ?? '{}'))
-	.toMatchObject ({ lists: { postSearch: { limit: 50, order: 'title:asc' } } })
-  })
-
-  it ('ignores invalid list limits and keeps stored order strings', () => {
-    localStorage.setItem (
-	CLIENT_SETTINGS_STORAGE_KEY,
-	JSON.stringify ({ lists: { postList: { limit: 30, order: DEFAULT_POST_LIST_ORDER } } }))
-
-    expect (getClientListLimit ('postList')).toBeNull ()
-    expect (getClientListOrder<FetchPostsOrder> ('postList')).toBe (
-	DEFAULT_POST_LIST_ORDER)
-  })
-
-  it ('stores theme mode and light/dark slot selections in client settings', () => {
-    setClientThemeAppearance ({
-	themeMode: 'dark',
-	activeLightThemeSlotNo: 2,
-	activeDarkThemeSlotNo: 3 })
-
-    expect (getClientThemeMode ()).toBe ('dark')
-    expect (loadClientSettings ().appearance).toMatchObject ({
-	themeMode: 'dark',
-	activeLightThemeSlotNo: 2,
-	activeDarkThemeSlotNo: 3 })
-  })
-
-  it ('applies animation mode to the document dataset', () => {
-    applyClientAnimationMode ('off')
-    expect (document.documentElement.dataset.animation).toBe ('off')
-
-    applyClientAnimationMode ('reduced')
-    expect (document.documentElement.dataset.animation).toBe ('reduced')
-
-    applyClientAnimationMode ('normal')
-    expect (document.documentElement.dataset.animation).toBeUndefined ()
-  })
-
-  it ('normalises TopNav menu link tokens to complete CSS colours', () => {
-    const tokens = buildThemeTokens ('light', {
-	link: '221.2 83.2% 53.3%',
-	topNavMenuLink: '221.2 83.2% 53.3%' })
-
-    expect (tokens.link).toBe ('221.2 83.2% 53.3%')
-    expect (tokens.topNavMenuLink).toBe ('hsl(221.2 83.2% 53.3%)')
-  })
-
-  it ('derives TopNav colours without mixing mobile active backgrounds', () => {
-    expect (buildThemeTokens ('light', { }).topNavMobileActiveBackground).toBe (
-	LIGHT_THEME_TOKENS.topNavRootBackgroundDesktop)
-    expect (buildThemeTokens ('dark', { }).topNavMobileActiveBackground).toBe (
-	DARK_THEME_TOKENS.topNavActiveBackground)
-  })
-
-  it ('sets shadcn tokens and TopNav tokens with their different value formats', () => {
-    const tokens = buildThemeTokens ('dark', { link: '213.1 93.9% 67.8%' })
-
-    applyThemeTokens (tokens)
-
-    expect (document.documentElement.style.getPropertyValue ('--theme-link')).toBe (
-	'213.1 93.9% 67.8%')
-    expect (document.documentElement.style.getPropertyValue ('--top-nav-menu-link')).toBe (
-	'hsl(213.1 93.9% 67.8%)')
-  })
-})

frontend/src/lib/useClientBehaviourSettings.ts

@@ -1,26 +0,0 @@
-import { useEffect, useState } from 'react'
-
-import {
-    CLIENT_SETTINGS_EVENT,
-    getClientBehaviorSettings,
-} from '@/lib/settings'
-
-import type { ClientBehaviorSettings } from '@/lib/settings'
-
-
-export const useClientBehaviourSettings = (): ClientBehaviorSettings => {
-  const [settings, setSettings] =
-      useState<ClientBehaviorSettings> (() => getClientBehaviorSettings ())
-
-  useEffect (() => {
-    const handleClientSettingsChange = () => {
-      setSettings (getClientBehaviorSettings ())
-    }
-
-    window.addEventListener (CLIENT_SETTINGS_EVENT, handleClientSettingsChange)
-    return () =>
-	window.removeEventListener (CLIENT_SETTINGS_EVENT, handleClientSettingsChange)
-  }, [])
-
-  return settings
-}

frontend/src/lib/useKeyboardShortcuts.tsx

@@ -1,322 +0,0 @@
-import {
-    createContext,
-    useCallback,
-    useContext,
-    useEffect,
-    useMemo,
-    useRef,
-    useState,
-} from 'react'
-import { useLocation, useNavigate } from 'react-router-dom'
-
-import ShortcutHelpDialog from '@/components/users/ShortcutHelpDialog'
-import {
-    DEFAULT_KEY_BINDINGS,
-    getConflictingShortcutActionIds,
-    isEditableEventTarget,
-    keyBindingFromKeyboardEvent,
-    resolveShortcutScope,
-    serialiseKeyBinding,
-    SHORTCUT_DEFINITIONS,
-    SHORTCUT_SCOPE_LABELS,
-} from '@/lib/keyboardShortcuts'
-import {
-    getClientKeyboardSettings,
-    getEffectiveKeyBindings,
-    setClientKeyboardSettings,
-} from '@/lib/settings'
-import { useUnsavedChangesGuard } from '@/lib/useUnsavedChangesGuard'
-
-import type {
-    KeyBinding,
-    ShortcutActionId,
-    ShortcutScope,
-} from '@/lib/keyboardShortcuts'
-import type { ClientKeyboardSettings } from '@/lib/settings'
-import type { PropsWithChildren } from 'react'
-
-type ShortcutHandler = () => void
-type ShortcutHandlers = Partial<Record<ShortcutActionId, ShortcutHandler>>
-
-type KeyboardShortcutsContextValue = {
-    activeScope:           ShortcutScope
-    keyboardSettings:      ClientKeyboardSettings
-    effectiveBindings:     Record<ShortcutActionId, KeyBinding | null>
-    conflictActionIds:     Set<ShortcutActionId>
-    saveKeyboardSettings: (settings: ClientKeyboardSettings) => void
-    registerHandlers:      (handlers: ShortcutHandlers) => () => void
-}
-
-const KeyboardShortcutsContext =
-    createContext<KeyboardShortcutsContextValue | null> (null)
-
-
-const isFocusableShortcutTarget = (element: HTMLElement): boolean => {
-  if (element.closest ('[hidden], [aria-hidden="true"]') != null)
-    return false
-
-  if (
-      (element instanceof HTMLInputElement
-       || element instanceof HTMLButtonElement
-       || element instanceof HTMLSelectElement
-       || element instanceof HTMLTextAreaElement)
-      && element.disabled
-  )
-    return false
-
-  const style = window.getComputedStyle (element)
-  if (
-      style.display === 'none'
-      || style.visibility === 'hidden'
-      || style.pointerEvents === 'none'
-  )
-    return false
-
-  return element.getClientRects ().length > 0
-}
-
-
-const focusSearchTarget = (): void => {
-  const targets = [
-      ...document.querySelectorAll<HTMLElement> (
-	  '[data-shortcut-focus-search="true"]',
-      ),
-  ]
-  const target = targets.find (isFocusableShortcutTarget)
-
-  if (target == null)
-    return
-
-  target.focus ()
-
-  if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement)
-    target.select ()
-}
-
-
-export const KeyboardShortcutsProvider = ({ children }: PropsWithChildren) => {
-  const location = useLocation ()
-  const navigate = useNavigate ()
-  const { confirmDiscardNavigation } = useUnsavedChangesGuard ()
-
-  const [keyboardSettings, setKeyboardSettingsState] =
-      useState<ClientKeyboardSettings> (() => getClientKeyboardSettings ())
-  const [registeredHandlers, setRegisteredHandlers] =
-      useState<Record<number, ShortcutHandlers>> ({ })
-  const [shortcutHelpOpen, setShortcutHelpOpen] = useState (false)
-  const registrationIdRef = useRef (0)
-
-  const activeScope = useMemo<ShortcutScope> (
-      () => resolveShortcutScope (location.pathname),
-      [location.pathname],
-  )
-  const effectiveBindings = useMemo (
-      () => getEffectiveKeyBindings (keyboardSettings.bindings),
-      [keyboardSettings.bindings],
-  )
-  const conflictActionIds = useMemo (
-      () => getConflictingShortcutActionIds (effectiveBindings),
-      [effectiveBindings],
-  )
-  const mergedRegisteredHandlers = useMemo<ShortcutHandlers> (
-      () => Object.values (registeredHandlers).reduce<ShortcutHandlers> (
-	  (handlers, currentHandlers) => ({ ...handlers, ...currentHandlers }),
-	  { },
-      ),
-      [registeredHandlers],
-  )
-
-  const saveKeyboardSettings = useCallback ((settings: ClientKeyboardSettings) => {
-    const next = setClientKeyboardSettings (settings)
-    setKeyboardSettingsState (next)
-  }, [])
-
-  const registerHandlers = useCallback ((handlers: ShortcutHandlers) => {
-    const registrationId = ++registrationIdRef.current
-
-    setRegisteredHandlers (current => ({
-	...current,
-	[registrationId]: handlers,
-    }))
-
-    return () => {
-      setRegisteredHandlers (current => {
-	  const next = { ...current }
-	  delete next[registrationId]
-	  return next
-      })
-    }
-  }, [])
-
-  const guardedNavigate = useCallback ((path: string) => {
-    confirmDiscardNavigation ().then (confirmed => {
-      if (confirmed)
-	navigate (path)
-    })
-  }, [confirmDiscardNavigation, navigate])
-
-  const builtinHandlers = useMemo<ShortcutHandlers> (
-      () => ({
-	  'global.openShortcutHelp': () => {
-	    setShortcutHelpOpen (true)
-	  },
-	  'global.focusSearch': () => {
-	    focusSearchTarget ()
-	  },
-	  'navigation.posts': () => guardedNavigate ('/posts'),
-	  'navigation.tags': () => guardedNavigate ('/tags'),
-	  'navigation.materials': () => guardedNavigate ('/materials'),
-	  'navigation.wiki': () => guardedNavigate ('/wiki'),
-	  'settings.account': () => guardedNavigate ('/users/settings?tab=account'),
-	  'settings.theme': () => guardedNavigate ('/users/settings?tab=theme'),
-	  'settings.keyboard': () => guardedNavigate ('/users/settings?tab=keyboard'),
-	  'settings.behavior': () => guardedNavigate ('/users/settings?tab=behavior'),
-      }),
-      [guardedNavigate],
-  )
-
-  const availableActionIds = useMemo<Set<ShortcutActionId>> (
-      () => new Set (
-	  SHORTCUT_DEFINITIONS
-	      .filter (definition =>
-		  definition.scope === 'global' || definition.scope === activeScope)
-	      .filter (definition =>
-		  builtinHandlers[definition.id] != null
-		  || mergedRegisteredHandlers[definition.id] != null)
-	      .map (definition => definition.id),
-      ),
-      [activeScope, builtinHandlers, mergedRegisteredHandlers],
-  )
-
-  useEffect (() => {
-    const onKeyDown = (event: KeyboardEvent) => {
-      if (
-	  keyboardSettings.enabled === false
-	  || event.defaultPrevented
-	  || event.isComposing
-	  || event.key === 'Process'
-	  || event.repeat
-      )
-	return
-
-      if (isEditableEventTarget (event.target))
-	return
-
-      if (shortcutHelpOpen)
-	return
-
-      const binding = keyBindingFromKeyboardEvent (event)
-      if (binding == null)
-	return
-
-      const serialisedBinding = serialiseKeyBinding (binding)
-      if (serialisedBinding == null)
-	return
-
-      const candidates = SHORTCUT_DEFINITIONS.filter (definition => (
-	  definition.scope === 'global'
-	  || definition.scope === activeScope
-      )).filter (definition => {
-	  const currentBinding = effectiveBindings[definition.id]
-	  return (
-	      currentBinding != null
-	      && serialiseKeyBinding (currentBinding) === serialisedBinding
-	  )
-      }).filter (definition => !(conflictActionIds.has (definition.id)))
-
-      if (candidates.length !== 1)
-	return
-
-      const actionId = candidates[0].id
-      const handler = mergedRegisteredHandlers[actionId] ?? builtinHandlers[actionId]
-
-      if (handler == null)
-	return
-
-      event.preventDefault ()
-      handler ()
-    }
-
-    document.addEventListener ('keydown', onKeyDown)
-    return () => document.removeEventListener ('keydown', onKeyDown)
-  }, [
-      activeScope,
-      conflictActionIds,
-      effectiveBindings,
-      builtinHandlers,
-      keyboardSettings.enabled,
-      mergedRegisteredHandlers,
-      shortcutHelpOpen,
-  ])
-
-  const value = useMemo<KeyboardShortcutsContextValue> (() => ({
-      activeScope,
-      keyboardSettings,
-      effectiveBindings,
-      conflictActionIds,
-      saveKeyboardSettings,
-      registerHandlers,
-  }), [
-      activeScope,
-      conflictActionIds,
-      effectiveBindings,
-      keyboardSettings,
-      registerHandlers,
-      saveKeyboardSettings,
-  ])
-
-  return (
-      <KeyboardShortcutsContext.Provider value={value}>
-	{children}
-	<ShortcutHelpDialog
-	    open={shortcutHelpOpen}
-	    onOpenChange={setShortcutHelpOpen}
-	    activeScope={activeScope}
-	    effectiveBindings={effectiveBindings}
-	    conflictActionIds={conflictActionIds}
-	    availableActionIds={availableActionIds}/>
-      </KeyboardShortcutsContext.Provider>)
-}
-
-
-export const useKeyboardShortcutSettings = (): KeyboardShortcutsContextValue => {
-  const context = useContext (KeyboardShortcutsContext)
-
-  if (context == null)
-    throw new Error ('KeyboardShortcutsProvider が必要です．')
-
-  return context
-}
-
-
-export const useKeyboardShortcuts = (handlers: ShortcutHandlers): void => {
-  const { registerHandlers } = useKeyboardShortcutSettings ()
-  const handlersRef = useRef (handlers)
-  const actionIdsKey = Object.keys (handlers).sort ().join ('|')
-
-  useEffect (() => {
-    handlersRef.current = handlers
-  }, [handlers])
-
-  const stableHandlers = useMemo<ShortcutHandlers> (() => {
-    return actionIdsKey.split ('|').filter (actionId => actionId !== '')
-	.reduce<ShortcutHandlers> ((nextHandlers, actionId) => {
-	  const key = actionId as ShortcutActionId
-	  nextHandlers[key] = () => {
-	    handlersRef.current[key]?.()
-	  }
-	  return nextHandlers
-	}, { })
-  }, [actionIdsKey])
-
-  useEffect (
-      () => registerHandlers (stableHandlers),
-      [registerHandlers, stableHandlers],
-  )
-}
-
-export {
-    DEFAULT_KEY_BINDINGS,
-    SHORTCUT_DEFINITIONS,
-    SHORTCUT_SCOPE_LABELS,
-}

frontend/src/lib/useUnsavedChangesGuard.tsx

@@ -1,69 +0,0 @@
-import { createContext, useCallback, useContext, useMemo, useState } from 'react'
-
-import { useDialogue } from '@/components/dialogues/DialogueProvider'
-
-import type { FC, PropsWithChildren } from 'react'
-
-type UnsavedChangesSource = {
-    dirty:    boolean
-    discard:  () => void | Promise<void> }
-
-type UnsavedChangesGuardContextValue = {
-    hasUnsavedChanges:             boolean
-    registerUnsavedChangesSource:  (
-	source: UnsavedChangesSource | null,
-    ) => void
-    confirmDiscardNavigation:      () => Promise<boolean> }
-
-const UnsavedChangesGuardContext =
-    createContext<UnsavedChangesGuardContextValue | null> (null)
-
-
-export const UnsavedChangesGuardProvider: FC<PropsWithChildren> = ({ children }) => {
-  const dialogue = useDialogue ()
-  const [source, setSource] = useState<UnsavedChangesSource | null> (null)
-
-  const registerUnsavedChangesSource = useCallback ((
-      nextSource: UnsavedChangesSource | null,
-  ) => {
-    setSource (nextSource)
-  }, [])
-
-  const confirmDiscardNavigation = useCallback (async (): Promise<boolean> => {
-    if (!(source?.dirty))
-      return true
-
-    const confirmed = await dialogue.confirm ({
-	title: '未保存の変更があります',
-	description: 'このまま移動すると、保存していない変更は失われます。',
-	cancelText: 'このページに残る',
-	confirmText: '変更を破棄して移動',
-	variant: 'danger' })
-    if (!(confirmed))
-      return false
-
-    await source.discard ()
-    return true
-  }, [dialogue, source])
-
-  const value = useMemo<UnsavedChangesGuardContextValue> (() => ({
-      hasUnsavedChanges: source?.dirty === true,
-      registerUnsavedChangesSource,
-      confirmDiscardNavigation,
-  }), [confirmDiscardNavigation, registerUnsavedChangesSource, source?.dirty])
-
-  return (
-      <UnsavedChangesGuardContext.Provider value={value}>
-	{children}
-      </UnsavedChangesGuardContext.Provider>)
-}
-
-
-export const useUnsavedChangesGuard = (): UnsavedChangesGuardContextValue => {
-  const context = useContext (UnsavedChangesGuardContext)
-
-  if (context == null)
-    throw new Error ('UnsavedChangesGuardProvider が必要です．')
-
-  return context
-}

frontend/src/lib/utils.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 
-import { cn, msToTime, originalCreatedAtString, toDate } from '@/lib/utils'
+import { cn, originalCreatedAtString, toDate } from '@/lib/utils'
 
 describe ('utils', () => {
   it ('converts strings to dates and leaves date instances intact', () => {
@@ -26,14 +26,3 @@ describe ('utils', () => {
     ).toContain ('時刻不詳')
   })
 })
-
-describe ('msToTime', () => {
-  it ('keeps milliseconds when present', () => {
-    expect (msToTime (60_500)).toBe ('1:00.500')
-    expect (msToTime (60_001)).toBe ('1:00.001')
-  })
-
-  it ('omits milliseconds when they are zero', () => {
-    expect (msToTime (60_000)).toBe ('1:00')
-  })
-})

frontend/src/lib/utils.ts

@@ -71,22 +71,6 @@ export const originalCreatedAtString = (
 }
 
 
-export const msToTime = (ms: number): string => {
-  const totalS = Math.trunc (ms / 1_000)
-  const s = String (totalS % 60)
-  const min = String (Math.trunc (totalS / 60) % 60)
-  const h = Math.trunc (totalS / 3_600)
-  const remainderMs = ms % 1_000
-
-  const base =
-      (h > 0
-       ? `${ h }:${ min.padStart (2, '0') }:${ s.padStart (2, '0') }`
-       : `${ min }:${ s.padStart (2, '0') }`)
-
-  return remainderMs > 0 ? `${ base }.${ remainderMs.toString ().padStart (3, '0') }` : base
-}
-
-
 export const inputClass = (invalid?: boolean, className?: string): string =>
     cn ('w-full rounded border p-2',
 	(invalid

frontend/src/main.tsx

@@ -4,7 +4,6 @@ import { HelmetProvider } from 'react-helmet-async'
 
 import '@/index.css'
 import App from '@/App'
-import { applyClientAnimationMode, getClientAnimationMode } from '@/lib/settings'
 
 const helmetContext = { }
 
@@ -14,8 +13,6 @@ const client = new QueryClient ({
 		   gcTime:    30 * 60 * 1000,
 		   retry:     1 } } })
 
-applyClientAnimationMode (getClientAnimationMode ())
-
 createRoot (document.getElementById ('root')!).render (
     <HelmetProvider context={helmetContext}>
       <QueryClientProvider client={client}>

frontend/src/pages/GekanatorPage.tsx

@@ -24,11 +24,6 @@ import { recoverCandidatePosts } from '@/lib/gekanatorCandidateRecovery'
 import { isQuestionHardFilteredAfterAnswers,
 	 monthForCondition } from '@/lib/gekanatorQuestionFilters'
 import { gekanatorKeys } from '@/lib/queryKeys'
-import {
-  getClientGekanatorBackgroundMotion,
-  setClientGekanatorBackgroundMotion,
-} from '@/lib/settings'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
 import { cn } from '@/lib/utils'
 
 import type { FC } from 'react'
@@ -190,6 +185,7 @@ const softenedAnswerWeight = .35
 const confidenceTemperature = 6
 const gameStorageKey = 'gekanator:game:v1'
 const recentGamesStorageKey = 'gekanator:recent-games:v1'
+const backgroundMotionStorageKey = 'gekanator:background-motion:v1'
 const maxStoredRecentGames = 12
 const specialOriginalMonthDayLabels: Record<string, string> = {
     '1-1': '元日',
@@ -433,13 +429,18 @@ const storeRecentGameSummary = (
 
 
 const loadBackgroundMotionMode = (): BackgroundMotionMode => {
+  const fallbackMode = 'on'
   try
   {
-    return getClientGekanatorBackgroundMotion ()
+    const raw = localStorage.getItem (backgroundMotionStorageKey)
+    if (raw === 'off' || raw === 'calm' || raw === 'on')
+      return raw
+
+    return fallbackMode
   }
   catch
   {
-    return 'on'
+    return fallbackMode
   }
 }
 
@@ -3678,8 +3679,6 @@ const expectedAnswerFor = (
 
 
 const GekanatorPage: FC<{ user: User | null }> = ({ user }) => {
-  const behaviourSettings = useClientBehaviourSettings ()
-  const animationMode = behaviourSettings.animation ?? 'normal'
   const storedGame = useMemo (loadStoredGame, [])
   const hasStoredRestore = storedGame != null && isStoredPhase (storedGame.phase)
   const queryClient = useQueryClient ()
@@ -3917,7 +3916,7 @@ const GekanatorPage: FC<{ user: User | null }> = ({ user }) => {
   useEffect (() => {
     try
     {
-      setClientGekanatorBackgroundMotion (backgroundMotionMode)
+      localStorage.setItem (backgroundMotionStorageKey, backgroundMotionMode)
     }
     catch
     {
@@ -4072,12 +4071,9 @@ const GekanatorPage: FC<{ user: User | null }> = ({ user }) => {
     return reviewGuessedPostId === reviewCorrectPostId
   }) ()
   const effectiveBackgroundMotionMode = (() => {
-    if (animationMode === 'off')
-      return 'off'
-
     if (backgroundMotionMode === 'off')
       return 'off'
-    if (animationMode === 'reduced' || prefersReducedMotion)
+    if (prefersReducedMotion)
       return 'calm'
 
     return backgroundMotionMode

frontend/src/pages/materials/MaterialBasePage.tsx

@@ -6,11 +6,9 @@ import type { FC } from 'react'
 
 
 const MaterialBasePage: FC = () => (
-    <div
-	data-sidebar-container
-	className="md:flex md:flex-1 overflow-y-auto md:overflow-y-hidden">
+    <div className="md:flex md:flex-1 overflow-y-auto md:overflow-y-hidden">
       <MaterialSidebar/>
       <Outlet/>
     </div>)
 
-export default MaterialBasePage
+export default MaterialBasePage

frontend/src/pages/materials/MaterialHistoryPage.tsx

@@ -9,18 +9,14 @@ import PageTitle from '@/components/common/PageTitle'
 import Pagination from '@/components/common/Pagination'
 import MainArea from '@/components/layout/MainArea'
 import { SITE_TITLE } from '@/config'
-import { clientScrollBehaviour } from '@/lib/clientAnimation'
 import { fetchMaterialChanges } from '@/lib/materials'
 import { materialsKeys } from '@/lib/queryKeys'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
 import { dateString, inputClass } from '@/lib/utils'
 
 import type { FC, FormEvent } from 'react'
 
 
 const MaterialHistoryPage: FC = () => {
-  const behaviourSettings = useClientBehaviourSettings ()
-  const animationMode = behaviourSettings.animation ?? 'normal'
   const location = useLocation ()
   const navigate = useNavigate ()
   const query = new URLSearchParams (location.search)
@@ -59,9 +55,8 @@ const MaterialHistoryPage: FC = () => {
   const totalPages = data ? Math.ceil (data.count / limit) : 0
 
   useEffect (() => {
-    document.querySelector ('table')?.scrollIntoView ({
-	behavior: clientScrollBehaviour (animationMode) })
-  }, [animationMode, location.search])
+    document.querySelector ('table')?.scrollIntoView ({ behavior: 'smooth' })
+  }, [location.search])
 
   const handleSearch = (event: FormEvent) => {
     event.preventDefault ()

frontend/src/pages/materials/MaterialNewPage.tsx

@@ -79,7 +79,7 @@ const MaterialNewPage: FC = () => {
 	  <FieldError messages={baseErrors}/>
 
 	  {/* タグ */}
-	   <FormField label="タグ" messages={fieldErrors.tag}>
+	  <FormField label="タグ" messages={fieldErrors.tag}>
 	    {({ describedBy, invalid }) => (
 		<TagInput
 		    describedBy={describedBy}

frontend/src/pages/posts/PostDetailPage.tsx

@@ -15,7 +15,6 @@ import { SITE_TITLE } from '@/config'
 import { isApiError } from '@/lib/api'
 import { fetchPost, toggleViewedFlg } from '@/lib/posts'
 import { postsKeys, tagsKeys } from '@/lib/queryKeys'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
 import { canEditContent } from '@/lib/users'
 import { cn } from '@/lib/utils'
 import NotFound from '@/pages/NotFound'
@@ -30,17 +29,7 @@ type Props = { user: User | null }
 
 const PostDetailPage: FC<Props> = ({ user }) => {
   const editable = canEditContent (user)
-  const behaviourSettings = useClientBehaviourSettings ()
-  const thumbnailMode = behaviourSettings.thumbnailMode ?? 'normal'
-  const animationMode = behaviourSettings.animation ?? 'normal'
   const { id } = useParams ()
-  const heroLayoutId = animationMode === 'off' ? undefined : `page-${ id }`
-  const heroTransition =
-      animationMode === 'off'
-      ? { duration: 0 }
-      : animationMode === 'reduced'
-	? { duration: .08, ease: 'linear' as const }
-	: { duration: .2, ease: 'easeOut' as const }
   const postId = String (id ?? '')
   const postKey = postsKeys.show (postId)
 
@@ -103,16 +92,16 @@ const PostDetailPage: FC<Props> = ({ user }) => {
 		       : 'bg-gray-500 hover:bg-gray-600')
 
   return (
-      <div
-	  data-sidebar-container
-	  className="md:flex md:flex-1 overflow-y-auto md:overflow-y-hidden">
+      <div className="md:flex md:flex-1 overflow-y-auto md:overflow-y-hidden">
 	<Helmet>
 	  {(post?.thumbnail || post?.thumbnailBase) && (
 	      <meta name="thumbnail" content={post.thumbnail! || post.thumbnailBase!}/>)}
 	  {post && <title>{`${ post.title || post.url } | ${ SITE_TITLE }`}</title>}
 	</Helmet>
 
-	{post && <TagDetailSidebar post={post} className="hidden md:block"/>}
+	<div className="hidden md:block">
+	  {post && <TagDetailSidebar post={post}/>}
+	</div>
 
 	<MainArea className="relative">
 	  {post
@@ -145,19 +134,17 @@ const PostDetailPage: FC<Props> = ({ user }) => {
 		      </div>)
 		})}
 
-		{thumbnailMode !== 'off' && (post.thumbnail || post.thumbnailBase) && (
+		{(post.thumbnail || post.thumbnailBase) && (
 		    <motion.div
-			layoutId={heroLayoutId}
+			layoutId={`page-${ id }`}
 			className="absolute top-4 left-4 w-[min(640px,calc(100vw-2rem))] h-[360px]
 				   overflow-hidden rounded-xl pointer-events-none z-50"
 			initial={{ opacity: 1 }}
 			animate={{ opacity: 0 }}
-			transition={heroTransition}>
+			transition={{ duration: .2, ease: 'easeOut' }}>
 		      <img src={post.thumbnail || post.thumbnailBase || undefined}
 			   alt={post.title || post.url}
 			   title={post.title || post.url || undefined}
-			   loading={thumbnailMode === 'light' ? 'lazy' : 'eager'}
-			   decoding="async"
 			   className="object-cover w-full h-full"/>
 		    </motion.div>)}
 
@@ -192,7 +179,9 @@ const PostDetailPage: FC<Props> = ({ user }) => {
 	   : 'Loading...'}
 	</MainArea>
 
-	{post && <TagDetailSidebar post={post} sp className="md:hidden"/>}
+	<div className="md:hidden">
+	  {post && <TagDetailSidebar post={post} sp/>}
+	</div>
       </div>)
 }
 

frontend/src/pages/posts/PostHistoryPage.tsx

@@ -12,12 +12,9 @@ import { useDialogue } from '@/components/dialogues/DialogueProvider'
 import MainArea from '@/components/layout/MainArea'
 import { toast } from '@/components/ui/use-toast'
 import { SITE_TITLE } from '@/config'
-import { clientAnimationTransition,
-	 clientScrollBehaviour } from '@/lib/clientAnimation'
 import { fetchPostChanges, updatePost } from '@/lib/posts'
 import { postsKeys, tagsKeys } from '@/lib/queryKeys'
 import { fetchTag } from '@/lib/tags'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
 import { cn, dateString, originalCreatedAtString } from '@/lib/utils'
 
 import type { FC, MouseEvent } from 'react'
@@ -40,12 +37,6 @@ const renderDiff = (diff: { current: string | null; prev: string | null }) => (
 
 const PostHistoryPage: FC = () => {
   const dialogue = useDialogue ()
-  const behaviourSettings = useClientBehaviourSettings ()
-  const animationMode = behaviourSettings.animation ?? 'normal'
-  const layoutTransition = clientAnimationTransition (
-      animationMode,
-      { normal: { duration: .2, ease: 'easeOut' as const } },
-  )
 
   const location = useLocation ()
   const query = new URLSearchParams (location.search)
@@ -100,13 +91,9 @@ const PostHistoryPage: FC = () => {
 	  .filter (p => p.type !== 'removed')
 	  .map (p => p.id)
 	  .join (' ')
-      const duration =
-	  change.videoMs.current == null
-	  ? null
-	  : String (change.videoMs.current / 1_000)
       const originalCreatedFrom = change.originalCreatedFrom.current
       const originalCreatedBefore = change.originalCreatedBefore.current
-      await updatePost ({ id, title, tags, duration, parentPostIds,
+      await updatePost ({ id, title, tags, parentPostIds,
 			  originalCreatedFrom, originalCreatedBefore },
 		        { force: true })
 
@@ -122,9 +109,8 @@ const PostHistoryPage: FC = () => {
   }
 
   useEffect (() => {
-    document.querySelector ('table')?.scrollIntoView ({
-	behavior: clientScrollBehaviour (animationMode) })
-  }, [animationMode, location.search])
+    document.querySelector ('table')?.scrollIntoView ({ behavior: 'smooth' })
+  }, [location.search])
 
   const layoutIds: string[] = []
 
@@ -208,8 +194,8 @@ const PostHistoryPage: FC = () => {
 				    rowSpan={rowsCnt}>
 				  <PrefetchLink to={`/posts/${ change.postId }`}>
 				    <motion.div
-					layoutId={animationMode === 'off' ? undefined : layoutId}
-					transition={{ layout: layoutTransition }}>
+					layoutId={layoutId}
+					transition={{ layout: { duration: .2, ease: 'easeOut' } }}>
 				      <img src={change.thumbnail.current
 						|| change.thumbnailBase.current
 						|| undefined}

frontend/src/pages/posts/PostListPage.test.tsx

@@ -1,10 +1,9 @@
 import { fireEvent, screen, waitFor } from '@testing-library/react'
-import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
 
 import PostListPage from '@/pages/posts/PostListPage'
 import { buildPost, buildTag, buildWikiPage } from '@/test/factories'
 import { renderWithProviders } from '@/test/render'
-import { CLIENT_SETTINGS_STORAGE_KEY } from '@/lib/settings'
 
 const postsApi = vi.hoisted (() => ({
   fetchPosts: vi.fn (),
@@ -19,11 +18,6 @@ vi.mock ('@/lib/posts', () => postsApi)
 vi.mock ('@/lib/wiki', () => wikiApi)
 
 describe ('PostListPage', () => {
-  beforeEach (() => {
-    localStorage.clear ()
-    vi.clearAllMocks ()
-  })
-
   it ('loads posts from the current query and renders the plaza tab', async () => {
     const tag = buildTag ({ name: '虹夏' })
     postsApi.fetchPosts.mockResolvedValueOnce ({
@@ -42,7 +36,6 @@ describe ('PostListPage', () => {
             match: 'all',
             page:  2,
             limit: 20,
-            order: 'original_created_at:desc',
           }),
       )
     })
@@ -78,36 +71,4 @@ describe ('PostListPage', () => {
         '/wiki/%E8%99%B9%E5%A4%8F',
     )
   })
-
-  it ('uses stored list limit but keeps the fixed plaza order', async () => {
-    localStorage.setItem (
-        CLIENT_SETTINGS_STORAGE_KEY,
-        JSON.stringify ({ lists: { postList: { limit: 50, order: 'title:asc' } } }))
-    postsApi.fetchPosts.mockResolvedValueOnce ({ posts: [], count: 0 })
-
-    renderWithProviders (<PostListPage/>, { route: '/posts' })
-
-    await waitFor (() => {
-      expect (postsApi.fetchPosts).toHaveBeenCalledWith (
-          expect.objectContaining ({
-            limit: 50,
-            order: 'original_created_at:desc',
-          }),
-      )
-    })
-  })
-
-  it ('updates the limit from the tab right addon and resets to page 1', async () => {
-    postsApi.fetchPosts.mockResolvedValue ({ posts: [], count: 0 })
-
-    renderWithProviders (<PostListPage/>, { route: '/posts?page=3' })
-
-    fireEvent.change (await screen.findByLabelText ('件数'), { target: { value: '100' } })
-
-    await waitFor (() => {
-      expect (postsApi.fetchPosts).toHaveBeenLastCalledWith (
-          expect.objectContaining ({ page: 1, limit: 100 }),
-      )
-    })
-  })
 })

frontend/src/pages/posts/PostListPage.tsx

@@ -1,7 +1,7 @@
 import { useQuery } from '@tanstack/react-query'
-import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'
+import { useLayoutEffect, useMemo, useRef, useState } from 'react'
 import { Helmet } from 'react-helmet-async'
-import { useLocation, useNavigate } from 'react-router-dom'
+import { useLocation } from 'react-router-dom'
 
 import PostList from '@/components/PostList'
 import PrefetchLink from '@/components/PrefetchLink'
@@ -13,24 +13,12 @@ import MainArea from '@/components/layout/MainArea'
 import { SITE_TITLE } from '@/config'
 import { fetchPosts } from '@/lib/posts'
 import { postsKeys } from '@/lib/queryKeys'
-import {
-    DEFAULT_POST_LIST_LIMIT,
-    getClientListLimit,
-    LIST_LIMIT_OPTIONS,
-    setClientListSettings,
-} from '@/lib/settings'
-import { useKeyboardShortcuts } from '@/lib/useKeyboardShortcuts'
 import { fetchWikiPageByTitle } from '@/lib/wiki'
 
 import type { FC } from 'react'
 
 import type { WikiPage } from '@/types'
 
-const parseLimit = (value: string | null): 20 | 50 | 100 | null => {
-  const n = Number (value)
-  return n === 20 || n === 50 || n === 100 ? n : null
-}
-
 
 const PostListPage: FC = () => {
   const containerRef = useRef<HTMLDivElement | null> (null)
@@ -38,7 +26,6 @@ const PostListPage: FC = () => {
   const [wikiPage, setWikiPage] = useState<WikiPage | null> (null)
 
   const location = useLocation ()
-  const navigate = useNavigate ()
   const query = new URLSearchParams (location.search)
   const tagsQuery = query.get ('tags') ?? ''
   const anyFlg = query.get ('match') === 'any'
@@ -46,18 +33,13 @@ const PostListPage: FC = () => {
   const tags = useMemo (() => tagsQuery.split (' ').filter (e => e !== ''), [tagsQuery])
   const tagsKey = tags.join (' ')
   const page = Number (query.get ('page') ?? 1)
-  const limit = (
-      parseLimit (query.get ('limit'))
-      ?? getClientListLimit ('postList')
-      ?? DEFAULT_POST_LIST_LIMIT
-  )
-  const order = 'original_created_at:desc' as const
+  const limit = Number (query.get ('limit') ?? 20)
 
   const keys = {
       tags: tagsKey, match, page, limit,
       url: '', title: '', originalCreatedFrom: '', originalCreatedTo: '',
       createdFrom: '', createdTo: '', updatedFrom: '', updatedTo: '',
-      order } as const
+      order: 'original_created_at:desc' } as const
   const { data, isLoading: loading } = useQuery ({
       queryKey: postsKeys.index (keys),
       queryFn:  () => fetchPosts (keys) })
@@ -65,40 +47,6 @@ const PostListPage: FC = () => {
   const cursor = ''
   const totalPages = data ? Math.ceil (data.count / limit) : 0
 
-  useEffect (() => {
-    setClientListSettings ('postList', { limit })
-  }, [limit])
-
-  const updatePage = (nextPage: number) => {
-    const params = new URLSearchParams (location.search)
-    params.set ('page', String (Math.max (1, nextPage)))
-    navigate (`${ location.pathname }?${ params.toString () }`)
-  }
-
-  const updateListQuery = (next: { limit?: 20 | 50 | 100 }) => {
-    const params = new URLSearchParams (location.search)
-    params.set ('limit', String (next.limit ?? limit))
-    params.set ('page', '1')
-    navigate (`${ location.pathname }?${ params.toString () }`)
-  }
-
-  useKeyboardShortcuts (useMemo (() => ({
-      ...(page > 1
-	  ? {
-	      'pagination.previous': () => {
-		  updatePage (page - 1)
-	      },
-	  }
-	  : { }),
-      ...(totalPages > 0 && page < totalPages
-	  ? {
-	      'pagination.next': () => {
-		  updatePage (Math.min (page + 1, totalPages))
-	      },
-	  }
-	  : { }),
-  }), [page, totalPages, location.search]))
-
   useLayoutEffect (() => {
     scroll (0, 0)
 
@@ -122,7 +70,6 @@ const PostListPage: FC = () => {
 
   return (
       <div
-	  data-sidebar-container
 	  className="md:flex md:flex-1 overflow-y-auto md:overflow-y-hidden"
 	  ref={containerRef}>
 	<Helmet>
@@ -142,24 +89,7 @@ const PostListPage: FC = () => {
 	}}/>
 
 	<MainArea>
-	  <TabGroup
-	      rightAddon={
-		  <label className="flex items-center gap-2 text-xs text-muted-foreground">
-		    <span>件数</span>
-		    <select
-			className="rounded border border-border bg-background px-2 py-1 text-sm
-				   text-foreground"
-			value={limit}
-			onChange={ev => updateListQuery ({
-			    limit: Number (ev.target.value) as 20 | 50 | 100,
-			})}>
-		      {LIST_LIMIT_OPTIONS.map (value => (
-			  <option key={value} value={value}>
-			    {value}
-			  </option>))}
-		    </select>
-		  </label>
-	      }>
+	  <TabGroup>
 	    <Tab name="広場">
 	      {posts.length > 0
 	       ? (

frontend/src/pages/posts/PostNewPage.test.tsx

@@ -30,12 +30,16 @@ describe ('PostNewPage', () => {
     expect (screen.getByText ('403')).toBeInTheDocument ()
   })
 
-  it ('submits a new post with manual title and thumbnail fetch UI', async () => {
+  it ('submits a new post with manual title and thumbnail settings', async () => {
     api.apiPost.mockResolvedValueOnce ({})
     api.apiGet.mockResolvedValue ([])
 
     renderWithProviders (<PostNewPage user={buildUser ({ role: 'member' })}/>)
 
+    const checkboxes = screen.getAllByRole ('checkbox', { name: '自動' })
+    fireEvent.click (checkboxes[0])
+    fireEvent.click (checkboxes[1])
+
     const textboxes = screen.getAllByRole ('textbox')
     fireEvent.change (textboxes[0], { target: { value: 'https://example.com/post' } })
     fireEvent.change (textboxes[1], { target: { value: '投稿タイトル' } })
@@ -58,24 +62,6 @@ describe ('PostNewPage', () => {
     expect (toastApi.toast).toHaveBeenCalledWith ({ title: '投稿成功!' })
   })
 
-  it ('preserves duration while the video tag is temporarily removed', () => {
-    api.apiGet.mockResolvedValue ([])
-
-    renderWithProviders (<PostNewPage user={buildUser ({ role: 'member' })}/>)
-
-    const tags = screen.getAllByRole ('textbox')[3]
-    fireEvent.change (tags, { target: { value: '動画' } })
-    fireEvent.change (screen.getByRole ('spinbutton'), { target: { value: '180.5' } })
-
-    fireEvent.change (tags, { target: { value: 'general-tag' } })
-    expect (screen.queryByRole ('spinbutton')).not.toBeInTheDocument ()
-
-    fireEvent.change (tags, {
-      target: { value: '動画 general-tag' },
-    })
-    expect (screen.getByRole ('spinbutton')).toHaveValue (180.5)
-  })
-
   it ('shows 422 validation errors for post fields', async () => {
     api.apiGet.mockResolvedValue ([])
     api.isApiError.mockReturnValue (true)
@@ -93,6 +79,10 @@ describe ('PostNewPage', () => {
 
     renderWithProviders (<PostNewPage user={buildUser ({ role: 'member' })}/>)
 
+    const checkboxes = screen.getAllByRole ('checkbox', { name: '自動' })
+    fireEvent.click (checkboxes[0])
+    fireEvent.click (checkboxes[1])
+
     const textboxes = screen.getAllByRole ('textbox')
     fireEvent.change (textboxes[0], { target: { value: 'https://example.com/post' } })
     fireEvent.change (textboxes[1], { target: { value: '投稿タイトル' } })

frontend/src/pages/posts/PostNewPage.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useCallback, useEffect, useState, useRef } from 'react'
 import { Helmet } from 'react-helmet-async'
 import { useNavigate } from 'react-router-dom'
 
@@ -25,7 +25,7 @@ import type { User } from '@/types'
 type Props = { user: User | null }
 
 type PostFormField =
-    'url' | 'title' | 'tags' | 'parentPostIds' | 'videoMs' | 'originalCreatedAt' | 'thumbnail'
+    'url' | 'title' | 'tags' | 'parentPostIds' | 'originalCreatedAt' | 'thumbnail'
 
 
 const PostNewPage: FC<Props> = ({ user }) => {
@@ -40,18 +40,17 @@ const PostNewPage: FC<Props> = ({ user }) => {
   const [originalCreatedFrom, setOriginalCreatedFrom] = useState<string | null> (null)
   const [parentPostIds, setParentPostIds] = useState ('')
   const [tags, setTags] = useState ('')
-  const [duration, setDuration] = useState ('')
+  const [thumbnailAutoFlg, setThumbnailAutoFlg] = useState (true)
   const [thumbnailFile, setThumbnailFile] = useState<File | null> (null)
   const [thumbnailLoading, setThumbnailLoading] = useState (false)
   const [thumbnailPreview, setThumbnailPreview] = useState<string> ('')
   const [title, setTitle] = useState ('')
+  const [titleAutoFlg, setTitleAutoFlg] = useState (true)
   const [titleLoading, setTitleLoading] = useState (false)
   const [url, setURL] = useState ('')
 
+  const previousURLRef = useRef ('')
   const thumbnailPreviewRef = useRef ('')
-  const videoFlg =
-      useMemo (() => tags.split (/\s+/).some (tag => tag.replace (/\[.*\]$/, '') === '動画'),
-               [tags])
 
   const handleSubmit = async () => {
     clearValidationErrors ()
@@ -61,8 +60,6 @@ const PostNewPage: FC<Props> = ({ user }) => {
     formData.append ('url', url)
     formData.append ('tags', tags)
     formData.append ('parent_post_ids', parentPostIds)
-    if (videoFlg && duration !== '')
-      formData.append ('duration', duration)
     if (thumbnailFile)
       formData.append ('thumbnail', thumbnailFile)
     if (originalCreatedFrom)
@@ -83,17 +80,23 @@ const PostNewPage: FC<Props> = ({ user }) => {
     }
   }
 
+  const handleURLBlur = () => {
+    if (!(url) || url === previousURLRef.current)
+      return
+
+    if (titleAutoFlg)
+      fetchTitle ()
+    if (thumbnailAutoFlg)
+      fetchThumbnail ()
+    previousURLRef.current = url
+  }
+
   const fetchTitle = useCallback (async () => {
+    setTitle ('')
     setTitleLoading (true)
-    try
-    {
-      const data = await apiGet<{ title: string }> ('/preview/title', { params: { url } })
-      setTitle (data.title || '')
-    }
-    finally
-    {
-      setTitleLoading (false)
-    }
+    const data = await apiGet<{ title: string }> ('/preview/title', { params: { url } })
+    setTitle (data.title || '')
+    setTitleLoading (false)
   }, [url])
 
   const fetchThumbnail = useCallback (async () => {
@@ -102,26 +105,30 @@ const PostNewPage: FC<Props> = ({ user }) => {
     setThumbnailLoading (true)
     if (thumbnailPreviewRef.current)
       URL.revokeObjectURL (thumbnailPreviewRef.current)
-    try
-    {
-      const data = await apiGet<Blob> ('/preview/thumbnail',
-				       { params: { url }, responseType: 'blob' })
-      const imageURL = URL.createObjectURL (data)
-      setThumbnailPreview (imageURL)
-      setThumbnailFile (new File ([data],
-				  'thumbnail.png',
-				  { type: data.type || 'image/png' }))
-    }
-    finally
-    {
-      setThumbnailLoading (false)
-    }
+    const data = await apiGet<Blob> ('/preview/thumbnail',
+				     { params: { url }, responseType: 'blob' })
+    const imageURL = URL.createObjectURL (data)
+    setThumbnailPreview (imageURL)
+    setThumbnailFile (new File ([data],
+				'thumbnail.png',
+				{ type: data.type || 'image/png' }))
+    setThumbnailLoading (false)
   }, [url])
 
   useEffect (() => {
     thumbnailPreviewRef.current = thumbnailPreview
   }, [thumbnailPreview])
 
+  useEffect (() => {
+    if (titleAutoFlg && url)
+      fetchTitle ()
+  }, [fetchTitle, titleAutoFlg, url])
+
+  useEffect (() => {
+    if (thumbnailAutoFlg && url)
+      fetchThumbnail ()
+  }, [fetchThumbnail, thumbnailAutoFlg, url])
+
   if (!(editable))
     return <Forbidden/>
 
@@ -143,62 +150,59 @@ const PostNewPage: FC<Props> = ({ user }) => {
 		       onChange={e => setURL (e.target.value)}
 		       aria-describedby={describedBy}
 		       aria-invalid={invalid}
-		       className={inputClass (invalid)}/>)}
+		       className={inputClass (invalid)}
+		       onBlur={handleURLBlur}/>)}
 	  </FormField>
 
 	  {/* タイトル */}
-	  <FormField label="タイトル" messages={fieldErrors.title}>
+	  <FormField
+	      checkBox={{
+		  label:    '自動',
+		  checked:  titleAutoFlg,
+		  onChange: ev => setTitleAutoFlg (ev.target.checked)}}
+	      label="タイトル"
+	      messages={fieldErrors.title}>
 	    {({ describedBy, invalid }) => (
-		<div className="space-y-2">
-		  <input type="text"
-			 aria-describedby={describedBy}
-			 aria-invalid={invalid}
-			 className={inputClass (invalid)}
-			 value={title}
-			 placeholder={titleLoading ? 'Loading...' : ''}
-			 onChange={ev => setTitle (ev.target.value)}
-			 disabled={titleLoading}/>
-		  <div className="flex flex-wrap items-center gap-2 text-sm">
-		    <span>必要なタイミングで URL から取得できます．</span>
-		    <Button
-			type="button"
-			variant="outline"
-			onClick={() => void fetchTitle ()}
-			disabled={!(url) || titleLoading}>
-		      取得
-		    </Button>
-		  </div>
-		</div>)}
+		<input type="text"
+		       aria-describedby={describedBy}
+		       aria-invalid={invalid}
+		       className={inputClass (invalid)}
+		       value={title}
+		       placeholder={titleLoading ? 'Loading...' : ''}
+		       onChange={ev => setTitle (ev.target.value)}
+		       disabled={titleAutoFlg}/>)}
 	  </FormField>
 
 	  {/* サムネール */}
-	  <FormField label="サムネール" messages={fieldErrors.thumbnail}>
+	  <FormField
+	      checkBox={{
+		  label:    '自動',
+		  checked:  thumbnailAutoFlg,
+		  onChange: ev => setThumbnailAutoFlg (ev.target.checked)}}
+	      label="サムネール"
+	      messages={fieldErrors.thumbnail}>
 	    {({ describedBy, invalid }) => (
 		<>
-		  <div className="mb-2 flex flex-wrap items-center gap-2 text-sm">
-		    <span>必要なタイミングで URL から取得できます．</span>
-		    <Button
-			type="button"
-			variant="outline"
-			onClick={() => void fetchThumbnail ()}
-			disabled={!(url) || thumbnailLoading}>
-		      取得
-		    </Button>
-		  </div>
-		  {thumbnailLoading && (
-		      <p className="text-gray-500 text-sm">Loading...</p>)}
-		  <input type="file"
-			 accept="image/*"
-			 aria-describedby={describedBy}
-			 aria-invalid={invalid}
-			 onChange={e => {
-			   const file = e.target.files?.[0]
-			   if (file)
-			     {
-			       setThumbnailFile (file)
-			       setThumbnailPreview (URL.createObjectURL (file))
-			     }
-			 }}/>
+		  {thumbnailAutoFlg
+		   ? (thumbnailLoading
+		      ? <p className="text-gray-500 text-sm">Loading...</p>
+		      : !(thumbnailPreview) && (
+			  <p className="text-gray-500 text-sm">
+			    URL から自動取得されます。
+			  </p>))
+		   : (
+		      <input type="file"
+			     accept="image/*"
+			     aria-describedby={describedBy}
+			     aria-invalid={invalid}
+			     onChange={e => {
+			       const file = e.target.files?.[0]
+			       if (file)
+				 {
+				   setThumbnailFile (file)
+				   setThumbnailPreview (URL.createObjectURL (file))
+				 }
+			     }}/>)}
 		  {thumbnailPreview && (
 		      <img src={thumbnailPreview}
 			   alt="preview"
@@ -229,20 +233,6 @@ const PostNewPage: FC<Props> = ({ user }) => {
 	      setOriginalCreatedBefore={setOriginalCreatedBefore}
 	      errors={fieldErrors.originalCreatedAt}/>
 
-	  {/* 動画時間 */}
-	  {(videoFlg &&
-	      <FormField label="動画時間" messages={fieldErrors.videoMs}>
-		{({ invalid }) => (
-		    <input
-			type="number"
-			min="0.001"
-			step="0.001"
-			value={duration}
-			onChange={e => setDuration (e.target.value)}
-			aria-invalid={invalid}
-			className={inputClass (invalid)}/>)}
-	      </FormField>)}
-
 	  {/* 送信 */}
 	  <Button onClick={handleSubmit}
 		  className="px-4 py-2 bg-blue-600 text-white rounded disabled:bg-gray-400"

frontend/src/pages/posts/PostSearchPage.test.tsx

@@ -4,7 +4,6 @@ import { beforeEach, describe, expect, it, vi } from 'vitest'
 import PostSearchPage from '@/pages/posts/PostSearchPage'
 import { buildPost, buildTag } from '@/test/factories'
 import { renderWithProviders } from '@/test/render'
-import { CLIENT_SETTINGS_STORAGE_KEY } from '@/lib/settings'
 
 const postsApi = vi.hoisted (() => ({
   fetchPosts: vi.fn (),
@@ -19,7 +18,6 @@ vi.mock ('@/lib/api', () => api)
 
 describe ('PostSearchPage', () => {
   beforeEach (() => {
-    localStorage.clear ()
     vi.clearAllMocks ()
     api.apiGet.mockResolvedValue ([])
   })
@@ -42,7 +40,6 @@ describe ('PostSearchPage', () => {
             tags:  'x',
             match: 'any',
             page:  2,
-            limit: 20,
           }),
       )
     })
@@ -84,41 +81,4 @@ describe ('PostSearchPage', () => {
 
     expect (await screen.findByText ('結果ないよ（笑）')).toBeInTheDocument ()
   })
-
-  it ('uses URL limit before localStorage and stores the active list settings', async () => {
-    localStorage.setItem (
-        CLIENT_SETTINGS_STORAGE_KEY,
-        JSON.stringify ({ lists: { postSearch: { limit: 100, order: 'title:asc' } } }))
-    postsApi.fetchPosts.mockResolvedValueOnce ({ posts: [], count: 0 })
-
-    renderWithProviders (
-        <PostSearchPage/>,
-        { route: '/posts/search?limit=50&order=created_at%3Adesc' },
-    )
-
-    await waitFor (() => {
-      expect (postsApi.fetchPosts).toHaveBeenCalledWith (
-          expect.objectContaining ({ limit: 50, order: 'created_at:desc' }),
-      )
-    })
-    expect (JSON.parse (localStorage.getItem (CLIENT_SETTINGS_STORAGE_KEY) ?? '{}'))
-        .toMatchObject ({ lists: { postSearch: { limit: 50, order: 'created_at:desc' } } })
-  })
-
-  it ('moves the compact limit control outside the search form and resets page on change', async () => {
-    postsApi.fetchPosts.mockResolvedValue ({ posts: [], count: 0 })
-
-    renderWithProviders (<PostSearchPage/>, { route: '/posts/search?page=4' })
-
-    const limitSelect = await screen.findByLabelText ('件数')
-    expect (limitSelect.closest ('form')).toBeNull ()
-
-    fireEvent.change (limitSelect, { target: { value: '100' } })
-
-    await waitFor (() => {
-      expect (postsApi.fetchPosts).toHaveBeenLastCalledWith (
-          expect.objectContaining ({ page: 1, limit: 100 }),
-      )
-    })
-  })
 })

frontend/src/pages/posts/PostSearchPage.tsx

@@ -14,20 +14,8 @@ import Pagination from '@/components/common/Pagination'
 import TagInput from '@/components/common/TagInput'
 import MainArea from '@/components/layout/MainArea'
 import { SITE_TITLE } from '@/config'
-import { clientAnimationTransition,
-	 clientScrollBehaviour } from '@/lib/clientAnimation'
 import { fetchPosts } from '@/lib/posts'
 import { postsKeys } from '@/lib/queryKeys'
-import {
-    DEFAULT_POST_LIST_LIMIT,
-    DEFAULT_POST_LIST_ORDER,
-    getClientListLimit,
-    getClientListOrder,
-    LIST_LIMIT_OPTIONS,
-    setClientListSettings,
-} from '@/lib/settings'
-import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
-import { useKeyboardShortcuts } from '@/lib/useKeyboardShortcuts'
 import { dateString, inputClass, originalCreatedAtString } from '@/lib/utils'
 
 import type { FC, FormEvent } from 'react'
@@ -43,40 +31,8 @@ const setIf = (qs: URLSearchParams, k: string, v: string | null) => {
     qs.set (k, t)
 }
 
-const parseLimit = (value: string | null): 20 | 50 | 100 | null => {
-  const n = Number (value)
-  return n === 20 || n === 50 || n === 100 ? n : null
-}
-
-const parseOrder = (value: string | null): FetchPostsOrder | null => {
-  switch (value)
-  {
-  case 'title:asc':
-  case 'title:desc':
-  case 'url:asc':
-  case 'url:desc':
-  case 'original_created_at:asc':
-  case 'original_created_at:desc':
-  case 'created_at:asc':
-  case 'created_at:desc':
-  case 'updated_at:asc':
-  case 'updated_at:desc':
-    return value
-
-  default:
-    return null
-  }
-}
-
 
 const PostSearchPage: FC = () => {
-  const behaviourSettings = useClientBehaviourSettings ()
-  const animationMode = behaviourSettings.animation ?? 'normal'
-  const thumbnailTransition = clientAnimationTransition (
-      animationMode,
-      { normal: { type: 'spring', stiffness: 500, damping: 40, mass: .5 },
-	reduced: { duration: .08, ease: 'linear' as const } },
-  )
   const location = useLocation ()
 
   const navigate = useNavigate ()
@@ -85,11 +41,7 @@ const PostSearchPage: FC = () => {
 			 [location.search])
 
   const page = Number (query.get ('page') ?? 1)
-  const limit = (
-      parseLimit (query.get ('limit'))
-      ?? getClientListLimit ('postSearch')
-      ?? DEFAULT_POST_LIST_LIMIT
-  )
+  const limit = Number (query.get ('limit') ?? 20)
 
   const qURL = query.get ('url') ?? ''
   const qTitle = query.get ('title') ?? ''
@@ -101,11 +53,7 @@ const PostSearchPage: FC = () => {
   const qCreatedTo = query.get ('created_to') ?? ''
   const qUpdatedFrom = query.get ('updated_from') ?? ''
   const qUpdatedTo = query.get ('updated_to') ?? ''
-  const order = (
-      parseOrder (query.get ('order'))
-      ?? getClientListOrder<FetchPostsOrder> ('postSearch')
-      ?? DEFAULT_POST_LIST_ORDER
-  )
+  const order = (query.get ('order') || 'original_created_at:desc') as FetchPostsOrder
 
   const [createdFrom, setCreatedFrom] = useState<string | null> (null)
   const [createdTo, setCreatedTo] = useState<string | null> (null)
@@ -135,10 +83,6 @@ const PostSearchPage: FC = () => {
   const results = data?.posts ?? []
   const totalPages = data ? Math.ceil (data.count / limit) : 0
 
-  useEffect (() => {
-    setClientListSettings ('postSearch', { limit, order })
-  }, [limit, order])
-
   useEffect (() => {
     setURL (qURL ?? '')
     setTitle (qTitle ?? '')
@@ -151,11 +95,9 @@ const PostSearchPage: FC = () => {
     setUpdatedFrom (qUpdatedFrom)
     setUpdatedTo (qUpdatedTo)
 
-    document.querySelector ('table')?.scrollIntoView ({
-	behavior: clientScrollBehaviour (animationMode) })
-  }, [animationMode, location.search, qCreatedFrom, qCreatedTo, qMatch,
-      qOriginalCreatedFrom, qOriginalCreatedTo, qTags, qTitle, qUpdatedFrom,
-      qUpdatedTo, qURL])
+    document.querySelector ('table')?.scrollIntoView ({ behavior: 'smooth' })
+  }, [location.search, qCreatedFrom, qCreatedTo, qMatch, qOriginalCreatedFrom,
+      qOriginalCreatedTo, qTags, qTitle, qUpdatedFrom, qUpdatedTo, qURL])
 
   const search = async () => {
     const qs = new URLSearchParams ()
@@ -171,22 +113,6 @@ const PostSearchPage: FC = () => {
     qs.set ('match', matchType)
     qs.set ('page', '1')
     qs.set ('order', order)
-    qs.set ('limit', String (limit))
-    navigate (`${ location.pathname }?${ qs.toString () }`)
-  }
-
-  const updateListQuery = (next: { limit?: 20 | 50 | 100
-				   order?: FetchPostsOrder }) => {
-    const qs = new URLSearchParams (location.search)
-    qs.set ('limit', String (next.limit ?? limit))
-    qs.set ('order', next.order ?? order)
-    qs.set ('page', '1')
-    navigate (`${ location.pathname }?${ qs.toString () }`)
-  }
-
-  const updatePage = (nextPage: number) => {
-    const qs = new URLSearchParams (location.search)
-    qs.set ('page', String (Math.max (1, nextPage)))
     navigate (`${ location.pathname }?${ qs.toString () }`)
   }
 
@@ -195,23 +121,6 @@ const PostSearchPage: FC = () => {
     search ()
   }
 
-  useKeyboardShortcuts (useMemo (() => ({
-      ...(page > 1
-	  ? {
-	      'pagination.previous': () => {
-		  updatePage (page - 1)
-	      },
-	  }
-	  : { }),
-      ...(totalPages > 0 && page < totalPages
-	  ? {
-	      'pagination.next': () => {
-		  updatePage (Math.min (page + 1, totalPages))
-	      },
-	  }
-	  : { }),
-  }), [page, totalPages, location.search]))
-
   const defaultDirection = { title: 'asc',
 			     url: 'asc',
 			     original_created_at: 'desc',
@@ -225,24 +134,7 @@ const PostSearchPage: FC = () => {
 	</Helmet>
 
 	<div className="max-w-xl">
-	  <div className="flex flex-wrap items-center justify-between gap-3">
-	    <PageTitle>広場検索</PageTitle>
-	    <label className="flex items-center gap-2 text-xs text-muted-foreground">
-	      <span>件数</span>
-	      <select
-		  className="rounded border border-border bg-background px-2 py-1 text-sm
-			     text-foreground"
-		  value={limit}
-		  onChange={ev => updateListQuery ({
-		      limit: Number (ev.target.value) as 20 | 50 | 100,
-		  })}>
-		{LIST_LIMIT_OPTIONS.map (value => (
-		    <option key={value} value={value}>
-		      {value}
-		    </option>))}
-	      </select>
-	    </label>
-	  </div>
+	  <PageTitle>広場検索</PageTitle>
 
 	  <form onSubmit={handleSearch} className="space-y-2">
 	    {/* タイトル */}
@@ -250,7 +142,6 @@ const PostSearchPage: FC = () => {
 	      {({ invalid }) => (
 		  <input
 		      type="text"
-		      data-shortcut-focus-search="true"
 		      value={title}
 		      onChange={e => setTitle (e.target.value)}
 		      className={inputClass (invalid)}/>)}
@@ -270,7 +161,6 @@ const PostSearchPage: FC = () => {
 	    <FormField label="タグ">
 	      {() => (
 		  <TagInput
-		      includeNico={true}
 		      value={tagsStr}
 		      setValue={setTagsStr}/>)}
 	    </FormField>
@@ -406,16 +296,15 @@ const PostSearchPage: FC = () => {
 		  </thead>
 		  <tbody>
 		    {results.map (row => (
-			<tr
-			    key={row.id}
-			    className="even:bg-gray-100 dark:even:bg-gray-700">
+			<tr key={row.id} className="even:bg-gray-100 dark:even:bg-gray-700">
 			  <td className="p-2">
 			    <PrefetchLink to={`/posts/${ row.id }`} title={row.title || undefined}>
 			      <motion.div
-				  layoutId={animationMode === 'off'
-				      ? undefined
-				      : `page-${ row.id }`}
-				  transition={thumbnailTransition}>
+				  layoutId={`page-${ row.id }`}
+				  transition={{ type: 'spring',
+						stiffness: 500,
+						damping: 40,
+						mass: .5 }}>
 				<img src={row.thumbnail || row.thumbnailBase || undefined}
 				     alt={row.title || row.url}
 				     title={row.title || row.url || undefined}