#383

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 `)`.
@@ -259,11 +255,8 @@ 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
+- For user-facing Japanese text, prefer modern kana usage and natural current
-  《現代仮名遣い》 and avoid historical kana spellings unless the task
+  phrasing over historical spellings or awkward literal wording.
-  explicitly requires them.
-- For user-facing Japanese kanji spelling, do not normalize to
-  《当用漢字による書きかえ》; prefer original forms such as `編輯`.
 - For user-facing Japanese ellipses, prefer `……` over ASCII `...`.
 
 ### Frontend TSX style

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,
+                 tags: [:deerjikists, :materials, { tag_name: :wiki_page }])
-                                    { tag: [: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,
+                                  tags: [:deerjikists, :materials, { tag_name: :wiki_page }])
-                                                     { tag: [: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,
+                  tags: [:deerjikists, :materials, { tag_name: :wiki_page }])
-                                     { tag: [: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
@@ -150,27 +140,24 @@ class PostsController < ApplicationController
     original_created_from = params[:original_created_from]
     original_created_before = params[:original_created_before]
     parent_post_ids = parse_parent_post_ids
-    resized_thumbnail = thumbnail.present? ? Post.resized_thumbnail_attachment(thumbnail) : nil
 
     post = Post.new(title:, url:, thumbnail_base: nil, uploaded_user: current_user,
                     original_created_from:, original_created_before:)
-    post.thumbnail.attach(resized_thumbnail) if resized_thumbnail
+    post.thumbnail.attach(thumbnail) if thumbnail.present?
 
     ApplicationRecord.transaction do
       post.save!
 
-      Tag.normalise_tags!(tag_names, deny_deprecated: true, with_sections: true) =>
+      tags = Tag.normalise_tags!(tag_names, deny_deprecated: true)
-          { tags:, sections: }
       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)
+      sync_post_tags!(post, tags)
-      validate_video_sections!(post.video_ms, sections)
-      post.save!
-      sync_post_tags!(post, tags, sections)
 
       sync_parent_posts!(post, parent_post_ids)
 
+      post.resized_thumbnail!
+
       PostVersionRecorder.record!(post:, event_type: :create, created_by_user: current_user)
     end
 
@@ -180,12 +167,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
     render_validation_error fields: { parent_post_ids: [e.message] }
   rescue ActiveRecord::RecordInvalid => e
@@ -242,8 +223,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 +253,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 +357,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 +376,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
+  def build_tag_tree_for tags
-    post_tags = post.active_post_tags.reject { |post_tag| post_tag.tag.deprecated? }
+    tags = tags.reject(&:deprecated?).to_a
-    tags = post_tags.map(&:tag)
     tag_ids = tags.map(&:id)
 
     implications = TagImplication.where(parent_tag_id: tag_ids, tag_id: tag_ids)
@@ -430,9 +397,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 +404,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 +417,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 +486,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 +498,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 +505,16 @@ class PostsController < ApplicationController
   end
 
   def editable_tag_names_from_post post
-    post
+    post.tags.not_nico.where(deprecated_at: nil)
-        .post_tags
+        .joins(:tag_name).order('tag_names.name').pluck('tag_names.name')
-        .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
   end
 
   def post_incoming_snapshot title:, original_created_from:, original_created_before:,
-                             tag_names:, video_ms_param:, duration_param:, parent_post_ids:
+                             tag_names:, 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)
-
     { 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_names: incoming_tag_names_for_snapshot(tag_names),
-        "#{ tag.name }#{ sections[tag.id].to_a.map { section_literal(_1) }.join }"
-      }.sort,
       parent_post_ids: parent_post_ids.sort }
   end
 
@@ -602,8 +537,11 @@ class PostsController < ApplicationController
     value.to_s
   end
 
-  def section_literal section
+  def incoming_tag_names_for_snapshot raw_tag_names
-    "[#{ Post.ms_to_time(section[0]) }-#{ section[1] ? Post.ms_to_time(section[1]) : '' }]"
+    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 +562,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 +625,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,
+    editable_tags = Tag.normalise_tags!(snapshot[:tag_names], with_tagme: false,
-                                               deny_deprecated: true,
+                                                               deny_deprecated: true)
-                                               with_sections: true) =>
-        { tags: editable_tags, sections: }
     TagVersioning.record_tag_snapshots!(editable_tags, created_by_user: current_user)
 
     readonly_tags = post.tags.nico.to_a
@@ -704,17 +637,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
+    sync_post_tags!(post, tags)
-    validate_video_sections!(post.video_ms, sections)
-    post.save!
-    sync_post_tags!(post, tags, sections)
     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 +688,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/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/models/post.rb

@@ -1,19 +1,5 @@
 class Post < ApplicationRecord
   require 'mini_magick'
-  require 'stringio'
-
-  def self.resized_thumbnail_attachment(upload)
-    upload.rewind
-    image = MiniMagick::Image.read(upload.read)
-    image.resize '180x180'
-    image.format 'jpg'
-
-    { io: StringIO.new(image.to_blob),
-      filename: 'resized_thumbnail.jpg',
-      content_type: 'image/jpeg' }
-  ensure
-    upload.rewind
-  end
 
   belongs_to :uploaded_user, class_name: 'User', optional: true
 
@@ -60,7 +46,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 +69,7 @@ class Post < ApplicationRecord
     super(options).merge(thumbnail: nil)
   end
 
-  def snapshot_tag_names
+  def snapshot_tag_names = tags.joins(:tag_name).order('tag_names.name').pluck('tag_names.name')
-    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_parent_post_ids = parents.order(:id).pluck(:id)
 
@@ -137,7 +87,12 @@ class Post < ApplicationRecord
   def resized_thumbnail!
     return unless thumbnail.attached?
 
-    thumbnail.attach(self.class.resized_thumbnail_attachment(StringIO.new(thumbnail.download)))
+    image = MiniMagick::Image.read(thumbnail.download)
+    image.resize '180x180'
+    thumbnail.purge
+    thumbnail.attach(io:            File.open(image.path),
+                     filename:      'resized_thumbnail.jpg',
+                     content_type:  'image/jpeg')
   end
 
   private

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 :key, presence: true, length: { maximum: 255 }
-
+  validates :value, presence: 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
 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,
+                                      deny_deprecated: false
-                                      with_sections: 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 = TagName.canonicalise(name.sub(/\A#{ pf }/i, '')).first
-      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
-
       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)
+    tags.uniq(&:id)
-
-    if with_sections
-      { tags:, sections: }
-    else
-      tags
-    end
   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/tag_implication.rb

@@ -6,7 +6,6 @@ class TagImplication < ApplicationRecord
   validates :parent_tag_id, presence: true
 
   validate :parent_tag_mustnt_be_itself
-  validate :parent_tag_mustnt_create_cycle
 
   private
 
@@ -15,27 +14,4 @@ class TagImplication < ApplicationRecord
       errors.add :parent_tag_id, '親タグは子タグと同一であってはなりません．'
     end
   end
-
-  def parent_tag_mustnt_create_cycle
-    return if tag_id.blank? || parent_tag_id.blank?
-    return if errors[:parent_tag_id].present?
-
-    seen = { }
-    stack = [parent_tag_id]
-
-    until stack.empty?
-      current_id = stack.pop
-      next if seen[current_id]
-
-      seen[current_id] = true
-
-      if current_id == tag_id
-        errors.add :parent_tag_id, '親タグに子孫タグを指定すると循環します．'
-        errors.add :base, 'タグの親子関係が循環します．'
-        return
-      end
-
-      stack.concat(TagImplication.where(tag_id: current_id).pluck(:parent_tag_id))
-    end
-  end
 end

backend/app/models/user.rb

@@ -7,7 +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 :settings
   has_many :user_ips, dependent: :destroy
   has_many :ip_addresses, through: :user_ips
   has_many :user_post_views, dependent: :destroy

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
+  def tag_json tags
-    post
+    tags.reject(&:deprecated?).map { |tag| TagRepr.inline(tag) }
-        .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]))
-    }
   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/config/routes.rb

@@ -81,9 +81,6 @@ Rails.application.routes.draw do
     end
   end
 
-  get 'users/settings', to: 'user_settings#show'
-  patch 'users/settings', to: 'user_settings#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/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_04_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_04_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_04_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,23 +348,18 @@ ActiveRecord::Schema[8.0].define(version: 2026_07_04_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.index ["user_id"], name: "index_settings_on_user_id"
-    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 "tag_implications", charset: "utf8mb4", collation: "utf8mb4_0900_ai_ci", force: :cascade do |t|
@@ -699,8 +678,6 @@ ActiveRecord::Schema[8.0].define(version: 2026_07_04_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"

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/tag_implication_spec.rb

@@ -1,36 +0,0 @@
-require 'rails_helper'
-
-RSpec.describe TagImplication, type: :model do
-  it 'rejects a parent tag that would create a cycle' do
-    child = create(:tag, name: 'tag_implication_cycle_child')
-    parent = create(:tag, name: 'tag_implication_cycle_parent')
-
-    described_class.create!(tag: child, parent_tag: parent)
-
-    implication = described_class.new(tag: parent, parent_tag: child)
-
-    expect(implication).not_to be_valid
-    expect(implication.errors[:parent_tag_id]).to include(
-      '親タグに子孫タグを指定すると循環します．'
-    )
-    expect(implication.errors[:base]).to be_present
-  end
-
-  it 'terminates even when existing data already contains a cycle' do
-    child = create(:tag, name: 'tag_implication_existing_cycle_child')
-    parent = create(:tag, name: 'tag_implication_existing_cycle_parent')
-    ancestor = create(:tag, name: 'tag_implication_existing_cycle_ancestor')
-
-    described_class.create!(tag: parent, parent_tag: ancestor)
-    described_class.insert_all!(
-      [
-        { tag_id: ancestor.id, parent_tag_id: parent.id,
-          created_at: Time.current, updated_at: Time.current }
-      ]
-    )
-
-    implication = described_class.new(tag: child, parent_tag: parent)
-
-    expect(implication).to be_valid
-  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
@@ -143,17 +54,7 @@ RSpec.describe Tag, type: :model do
       first = create(:tag, name: 'expand_cycle_first')
       second = create(:tag, name: 'expand_cycle_second')
       TagImplication.create!(tag: first, parent_tag: second)
-      now = Time.current
+      TagImplication.create!(tag: second, parent_tag: first)
-      TagImplication.insert_all!(
-        [
-          {
-            tag_id: second.id,
-            parent_tag_id: first.id,
-            created_at: now,
-            updated_at: now
-          }
-        ]
-      )
 
       expect(described_class.expand_parent_tags([first])).to contain_exactly(first, second)
     end

backend/spec/requests/posts_spec.rb

@@ -1,5 +1,4 @@
 require 'rails_helper'
-require 'base64'
 require 'set'
 
 include ActiveSupport::Testing::TimeHelpers
@@ -9,11 +8,6 @@ RSpec.describe 'Posts API', type: :request do
   # resized_thumbnail! が MiniMagick 依存でコケやすいので request spec ではスタブしとくのが無難。
   before do
     allow_any_instance_of(Post).to receive(:resized_thumbnail!).and_return(true)
-    allow(Post).to receive(:resized_thumbnail_attachment).and_return(
-      io: StringIO.new('dummy'),
-      filename: 'resized_thumbnail.jpg',
-      content_type: 'image/jpeg'
-    )
   end
 
   def create_nico_tag!(name)
@@ -25,18 +19,6 @@ RSpec.describe 'Posts API', type: :request do
     Rack::Test::UploadedFile.new(StringIO.new('dummy'), 'image/jpeg', original_filename: 'dummy.jpg')
   end
 
-  def real_thumbnail_upload
-    gif =
-        Base64.decode64(
-            'R0lGODdhAQABAIABAP///wAAACwAAAAAAQABAAACAkQBADs=')
-
-    Rack::Test::UploadedFile.new(
-      StringIO.new(gif),
-      'image/gif',
-      original_filename: 'thumbnail.gif'
-    )
-  end
-
   def post_write_params params = { }
     { parent_post_ids: '' }.merge(params)
   end
@@ -54,7 +36,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 +127,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" }
@@ -731,66 +696,6 @@ RSpec.describe 'Posts API', type: :request do
       expect(json['tags'][0]).to have_key('name')
     end
 
-    it '201 when posting manually with a thumbnail' do
-      sign_in_as(member)
-      allow(Post).to receive(:resized_thumbnail_attachment).and_call_original
-
-      post '/posts', params: post_write_params(
-        title: 'thumbnail post',
-        url: 'https://example.com/thumbnail-post',
-        tags: 'spec_tag',
-        thumbnail: real_thumbnail_upload
-      )
-
-      expect(response).to have_http_status(:created)
-      post_record = Post.find(json.fetch('id'))
-      expect(post_record.thumbnail).to be_attached
-      expect(post_record.thumbnail.blob.content_type).to eq('image/jpeg')
-      expect { post_record.thumbnail.download }.not_to raise_error
-    end
-
-    it 'resizes the thumbnail before the create transaction begins' do
-      sign_in_as(member)
-
-      open_transactions = []
-      baseline_open_transactions = Post.connection.open_transactions
-      allow(Post).to receive(:resized_thumbnail_attachment) do |_upload|
-        open_transactions << Post.connection.open_transactions
-        { io: StringIO.new('dummy'),
-          filename: 'resized_thumbnail.jpg',
-          content_type: 'image/jpeg' }
-      end
-
-      post '/posts', params: post_write_params(
-        title: 'transaction post',
-        url: 'https://example.com/transaction-post',
-        tags: 'spec_tag',
-        thumbnail: dummy_upload
-      )
-
-      expect(response).to have_http_status(:created)
-      expect(open_transactions).to eq([baseline_open_transactions])
-    end
-
-    it 'returns 422 and does not create a post when thumbnail resize fails' do
-      sign_in_as(member)
-      allow(Post).to receive(:resized_thumbnail_attachment).and_raise(MiniMagick::Error)
-
-      expect {
-        post '/posts', params: post_write_params(
-          title: 'broken thumbnail post',
-          url: 'https://example.com/broken-thumbnail-post',
-          tags: 'spec_tag',
-          thumbnail: dummy_upload
-        )
-      }.not_to change(Post, :count)
-
-      expect(response).to have_http_status(:unprocessable_entity)
-      expect(json.fetch('errors')).to include(
-        'thumbnail' => ['サムネイル画像の変換に失敗しました．']
-      )
-    end
-
     it '201 and creates post + tags when member and tags have aliases' do
       sign_in_as(member)
 
@@ -862,198 +767,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/tag_children_spec.rb

@@ -56,17 +56,6 @@ RSpec.describe "TagChildren", type: :request do
 
         expect(response).to have_http_status(:no_content)
       end
-
-      it 'returns 422 and does not create relation when the new link makes a cycle' do
-        TagImplication.create!(tag: parent, parent_tag: child)
-
-        expect {
-          do_request
-        }.not_to change(TagImplication, :count)
-
-        expect(response).to have_http_status(:unprocessable_entity)
-        expect(TagImplication.where(tag: child, parent_tag: parent)).not_to exist
-      end
     end
 
     context "when Tag.find raises (invalid ids)" do

backend/spec/requests/tags_spec.rb

@@ -797,17 +797,7 @@ RSpec.describe 'Tags API', type: :request do
       )
       TagImplication.create!(tag: first, parent_tag: root_material)
       TagImplication.create!(tag: second, parent_tag: first)
-      now = Time.current
+      TagImplication.create!(tag: first, parent_tag: second)
-      TagImplication.insert_all!(
-        [
-          {
-            tag_id: first.id,
-            parent_tag_id: second.id,
-            created_at: now,
-            updated_at: now
-          }
-        ]
-      )
 
       get '/tags/with-depth', params: { parent: root_material.id }
 
@@ -1374,6 +1364,8 @@ RSpec.describe 'Tags API', type: :request do
       end
 
       it 'parent_tags に指定すると循環する tag は 422 にする' do
+        pending '#332 で対応予定'
+
         child = Tag.create!(
           tag_name: TagName.create!(name: 'put_cycle_child'),
           category: :general

frontend/src/App.tsx

@@ -6,18 +6,11 @@ import { BrowserRouter,
 	 Routes,
 	 useLocation } from 'react-router-dom'
 
-import DevModeWatermark from '@/components/DevModeWatermark'
 import RouteBlockerOverlay from '@/components/RouteBlockerOverlay'
 import TopNav from '@/components/TopNav'
 import DialogueProvider from '@/components/dialogues/DialogueProvider'
 import { Toaster } from '@/components/ui/toaster'
 import { apiPost, isApiError } from '@/lib/api'
-import {
-    applyClientAppearance,
-    fetchUserSettings,
-    getClientThemeMode,
-    seedClientThemeMode,
-} from '@/lib/settings'
 import DeerjikistDetailPage from '@/pages/deerjikists/DeerjikistDetailPage'
 import MaterialBasePage from '@/pages/materials/MaterialBasePage'
 import MaterialDetailPage from '@/pages/materials/MaterialDetailPage'
@@ -110,19 +103,6 @@ const App: FC = () => {
   const [user, setUser] = useState<User | null> (null)
   const [status, setStatus] = useState (200)
 
-  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 (() => {
     const createUser = async () => {
       const data = await apiPost<{ code: string; user: User }> ('/users')
@@ -156,23 +136,6 @@ const App: FC = () => {
       createUser ()
   }, [])
 
-  useEffect (() => {
-    if (!(user))
-      return
-
-    void (async () => {
-      try
-      {
-	const settings = await fetchUserSettings ()
-	seedClientThemeMode (settings.theme)
-	applyClientAppearance ()
-      }
-      catch
-      {
-      }
-    }) ()
-  }, [user])
-
   switch (status)
   {
   case 503:
@@ -182,7 +145,6 @@ const App: FC = () => {
   return (
       <>
 	<RouteBlockerOverlay/>
-	{import.meta.env.DEV && <DevModeWatermark/>}
 
 	<BrowserRouter>
 	  <DialogueProvider>
@@ -190,7 +152,7 @@ const App: FC = () => {
 	      <motion.div
 		  layout="position"
 		  transition={{ layout: { duration: .2, ease: 'easeOut' } }}
-		  className="relative flex flex-col h-dvh w-full overflow-y-hidden">
+		  className="flex flex-col h-dvh w-full overflow-y-hidden">
 		<TopNav user={user}/>
 		<RouteTransitionWrapper user={user} setUser={setUser}/>
 	      </motion.div>

frontend/src/components/DevModeWatermark.tsx

@@ -1,46 +0,0 @@
-import nikumaru from '@/assets/fonts/nikumaru.otf'
-
-import type { FC } from 'react'
-
-
-const ROW_COUNT = 8
-const COLUMN_COUNT = 12
-
-
-const DevModeWatermark: FC = () => {
-  return (
-      <div
-	  aria-hidden="true"
-	  className="pointer-events-none select-none fixed inset-0 overflow-hidden z-0">
-	<style>{`
-	  @font-face {
-	    font-family: 'Nikumaru';
-	    src: url(${nikumaru}) format('opentype');
-	  }
-	`}</style>
-	<div className="absolute -inset-32 flex flex-col justify-center gap-12 py-48">
-	  {Array.from ({ length: ROW_COUNT }, (_, rowIndex) => (
-	      <div
-		  key={rowIndex}
-		  className={
-		      'flex min-h-32 items-center gap-12 '
-		      + (rowIndex % 2 === 0 ? 'translate-x-0' : 'translate-x-32')
-		  }>
-		{Array.from ({ length: COLUMN_COUNT }, (_, columnIndex) => (
-		    <span
-			key={columnIndex}
-			className={
-			    'whitespace-nowrap text-3xl font-bold '
-			    + 'tracking-[0.3em] text-neutral-950/5 '
-			    + 'dark:text-white/10'
-			}
-			style={{ fontFamily: 'Nikumaru' }}>
-		      開発モード
-		    </span>))}
-	      </div>))}
-	</div>
-      </div>)
-}
-
-
-export default DevModeWatermark

frontend/src/components/DraggableDroppableTagRow.tsx

@@ -87,13 +87,10 @@ const DraggableDroppableTagRow: FC<Props> = ({ tag, nestLevel, pathKey, parentTa
 	    setDropRef (node)
 	  }}
 	  style={style}
-	  className={cn (
+	  className={cn ('rounded select-none', over && 'ring-2 ring-offset-2')}
-	      'min-w-0 max-w-full overflow-hidden rounded select-none',
-	      over && 'ring-2 ring-offset-2')}
 	  {...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}/>
@@ -101,4 +98,4 @@ const DraggableDroppableTagRow: FC<Props> = ({ tag, nestLevel, pathKey, parentTa
       </div>)
 }
 
-export default DraggableDroppableTagRow
+export default DraggableDroppableTagRow

frontend/src/components/MaterialSidebar.tsx

@@ -318,20 +318,12 @@ const MobileMaterialTreeNode: FC<{ depth?: number
 	    <TagLink
 		tag={sidebarTagToTag (tag)}
 		title={tag.name}
-		truncateOnMobile
 		withCount={false}
 		withWiki={false}
 		to={materialPath (tag.id, materialFilter)}
 		className="block overflow-hidden text-ellipsis whitespace-nowrap
 			   [max-inline-size:var(--tag-link-inline-size)]
-			   [max-height:var(--tag-link-inline-size)]
+			   [max-height:var(--tag-link-inline-size)]"/>
-			   [&_.tag-marquee]:block
-			   [&_.tag-marquee]:h-full
-			   [&_.tag-marquee]:overflow-hidden
-			   [&_.tag-marquee__static]:h-full
-			   [&_.tag-marquee__static]:overflow-hidden
-			   [&_.tag-marquee__static]:text-ellipsis
-			   [&_.tag-marquee__static]:[text-overflow:ellipsis]"/>
 	  </div>
 	  {tag.hasChildren && (
 	      <button

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'
+    'parentPostIds' | 'tags' | 'originalCreatedAt'
-
-const videoMsToDurationValue = (videoMs: number | null): string =>
-    videoMs == null ? '' : String (videoMs / 1_000)
 
 
-const tagsToStr = (tags: TagWithSections[]): string => {
+const tagsToStr = (tags: Tag[]): string => {
-  const result: Omit<TagWithSections, 'children'>[] = []
+  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 =>
+  return [...(new Set (result.map (t => t.name)))].join (' ')
-      `${ t.name }${ t.sections
-		     .map (s => `[${ msToTime (s.beginMs) }-${ s.endMs == null ? '' : msToTime (s.endMs) }]`)
-		     .join ('') }`)))].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))
+    setTags(tagsToStr (post.tags))
-    setDuration (videoMsToDurationValue (post.videoMs))
   }, [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/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: {
+    const data = await apiGet<Tag[]> ('/tags/autocomplete', { params: { q: token, nico: '0' } })
-	q: token,
+    setSuggestions (data.filter (t => t.postCount > 0))
-	nico: '0' } })
+    setSuggestionsVsbl (suggestions.length > 0)
-    const nextSuggestions = data.filter (t => t.postCount > 0)
-    setSuggestions (nextSuggestions)
-    setSuggestionsVsbl (nextSuggestions.length > 0)
   }
 
   return (

frontend/src/components/PostList.tsx

@@ -72,4 +72,4 @@ const PostList: FC<Props> = ({ posts, onClick }) => {
       </div>)
 }
 
-export default PostList
+export default PostList

frontend/src/components/ResponsiveMarqueeText.tsx

@@ -1,250 +0,0 @@
-import { cn } from '@/lib/utils'
-import { useEffect, useRef, useState } from 'react'
-
-import type { FC } from 'react'
-
-type Props = {
-    text:      string
-    className?: string
-    truncateOnMobile?: boolean
-    title?:    string }
-
-const DESKTOP_MARQUEE_MEDIA =
-    '(min-width: 768px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference)'
-const MARQUEE_START_DELAY_MS = 1600
-const MARQUEE_END_HOLD_MS = 2400
-const MARQUEE_SCROLL_PX_PER_SECOND = 43
-const MIN_MARQUEE_OVERFLOW_PX = 1
-
-
-const ResponsiveMarqueeText: FC<Props> = (
-    { text, className, truncateOnMobile = false, title },
-) => {
-  const outerRef = useRef<HTMLSpanElement | null> (null)
-  const staticRef = useRef<HTMLSpanElement | null> (null)
-  const animatedRef = useRef<HTMLSpanElement | null> (null)
-  const animationRef = useRef<Animation | null> (null)
-  const timeoutRef = useRef<number | null> (null)
-  const rafRef = useRef<number | null> (null)
-  const [overflowPx, setOverflowPx] = useState (0)
-  const [desktopMarqueeEnabled, setDesktopMarqueeEnabled] = useState (false)
-  const [active, setActive] = useState (false)
-  const [marqueeVisible, setMarqueeVisible] = useState (false)
-
-  useEffect (() => {
-    const outer = outerRef.current
-    const inner = staticRef.current
-
-    if (!(outer) || !(inner))
-      return
-
-    const measure = () => {
-      const nextOverflow = Math.max (0, Math.ceil (inner.scrollWidth - outer.clientWidth))
-      setOverflowPx (prev => Math.abs (prev - nextOverflow) <= 1 ? prev : nextOverflow)
-    }
-
-    measure ()
-
-    const resizeObserver =
-	typeof ResizeObserver === 'undefined'
-	? null
-	: new ResizeObserver (() => {
-	    measure ()
-	  })
-
-    resizeObserver?.observe (outer)
-    resizeObserver?.observe (inner)
-    addEventListener ('resize', measure)
-
-    return () => {
-      resizeObserver?.disconnect ()
-      removeEventListener ('resize', measure)
-    }
-  }, [text])
-
-  useEffect (() => {
-    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function')
-      return
-
-    const media = window.matchMedia (DESKTOP_MARQUEE_MEDIA)
-    const update = () => {
-      setDesktopMarqueeEnabled (media.matches)
-    }
-
-    update ()
-    media.addEventListener ('change', update)
-
-    return () => {
-      media.removeEventListener ('change', update)
-    }
-  }, [])
-
-  useEffect (() => {
-    const clearScheduled = () => {
-      if (timeoutRef.current != null)
-        {
-          clearTimeout (timeoutRef.current)
-          timeoutRef.current = null
-        }
-      if (rafRef.current != null)
-        {
-          cancelAnimationFrame (rafRef.current)
-          rafRef.current = null
-        }
-      animationRef.current?.cancel ()
-      animationRef.current = null
-    }
-
-    const animated = animatedRef.current
-    const canMarquee = (
-        active
-        && desktopMarqueeEnabled
-        && overflowPx >= MIN_MARQUEE_OVERFLOW_PX
-        && animated != null)
-
-    const resetAnimated = () => {
-      const node = animatedRef.current
-
-      animationRef.current?.cancel ()
-      animationRef.current = null
-      node?.getAnimations?.().forEach (animation => {
-        animation.cancel ()
-      })
-
-      if (!(node))
-        return
-
-      node.style.transition = 'none'
-      node.style.transform = 'translateX(0)'
-    }
-
-    if (!canMarquee)
-      {
-        clearScheduled ()
-        resetAnimated ()
-        setMarqueeVisible (false)
-        return
-      }
-
-    let cancelled = false
-
-    const sleep = (ms: number) =>
-	new Promise<void> (resolve => {
-	  timeoutRef.current = window.setTimeout (() => {
-	    timeoutRef.current = null
-	    resolve ()
-	  }, ms)
-	})
-
-    const runLoop = async () => {
-      while (!cancelled)
-        {
-          resetAnimated ()
-          setMarqueeVisible (true)
-
-          await sleep (MARQUEE_START_DELAY_MS)
-          if (cancelled || !(animatedRef.current))
-            break
-
-          const moveDurationMs =
-	      overflowPx / MARQUEE_SCROLL_PX_PER_SECOND * 1000
-          const node = animatedRef.current
-
-          if (typeof node.animate === 'function')
-            {
-              const animation = node.animate (
-		  [
-		    { transform: 'translateX(0)' },
-		    { transform: `translateX(-${ overflowPx }px)` },
-		  ],
-		  { duration: moveDurationMs, easing: 'linear', fill: 'forwards' })
-              animationRef.current = animation
-              try
-              {
-                await animation.finished
-              }
-              catch
-              {
-                break
-              }
-
-              node.style.transform = `translateX(-${ overflowPx }px)`
-              animation.cancel ()
-              if (animationRef.current === animation)
-                animationRef.current = null
-            }
-          else
-            {
-              node.style.transition = `transform ${ moveDurationMs }ms linear`
-              await new Promise<void> (resolve => {
-                rafRef.current = requestAnimationFrame (() => {
-                  rafRef.current = null
-                  node.style.transform = `translateX(-${ overflowPx }px)`
-                  resolve ()
-                })
-              })
-              await sleep (moveDurationMs)
-              node.style.transition = 'none'
-              node.style.transform = `translateX(-${ overflowPx }px)`
-            }
-
-          if (cancelled)
-            break
-
-          await sleep (MARQUEE_END_HOLD_MS)
-          if (cancelled)
-            break
-
-          resetAnimated ()
-        }
-    }
-
-    void runLoop ()
-
-    return () => {
-      cancelled = true
-      clearScheduled ()
-      resetAnimated ()
-      setMarqueeVisible (false)
-    }
-  }, [active, desktopMarqueeEnabled, overflowPx, text])
-
-  return (
-      <span
-	  ref={outerRef}
-	  title={title ?? text}
-	  onMouseEnter={() => setActive (true)}
-	  onMouseLeave={() => setActive (false)}
-	  onFocus={() => setActive (true)}
-	  onBlur={() => setActive (false)}
-	  className={cn (
-	      'tag-marquee inline-block max-w-full min-w-0 align-bottom',
-	      (truncateOnMobile
-	       ? 'overflow-hidden text-ellipsis whitespace-nowrap'
-	       : 'whitespace-normal [overflow-wrap:anywhere]'),
-	      'md:overflow-hidden md:whitespace-nowrap',
-	      className)}>
-	<span
-	    ref={staticRef}
-	    className={cn (
-		'tag-marquee__static block max-w-full',
-		(truncateOnMobile
-		 ? 'overflow-hidden text-ellipsis whitespace-nowrap'
-		 : 'whitespace-normal [overflow-wrap:anywhere]'),
-		'md:overflow-hidden md:text-ellipsis md:whitespace-nowrap',
-		marqueeVisible && 'md:opacity-0')}>
-	  {text}
-	</span>
-	{overflowPx >= MIN_MARQUEE_OVERFLOW_PX && (
-	    <span
-		ref={animatedRef}
-		aria-hidden="true"
-		className={cn (
-		    'tag-marquee__animated hidden md:block',
-		    marqueeVisible ? 'md:opacity-100' : 'md:opacity-0')}>
-	      {text}
-	    </span>)}
-      </span>)
-}
-
-export default ResponsiveMarqueeText

frontend/src/components/TagDetailSidebar.tsx

@@ -26,13 +26,13 @@ import { dateString, originalCreatedAtString } from '@/lib/utils'
 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[] }
+type TagByCategory = { [key in Category]: Tag[] }
 
 
 const renderTagTree = (
-    tag:              TagWithSections,
+    tag:              Tag,
     nestLevel:        number,
     path:             string,
     suppressClickRef: MutableRefObject<boolean>,
@@ -62,9 +62,8 @@ const renderTagTree = (
 
 
 const isDescendant = (
-    root:     TagWithSections,
+    root:     Tag,
-    targetId: number,
+    targetId: number): boolean => {
-): boolean => {
   if (!(root.children))
     return false
 
@@ -82,9 +81,8 @@ const isDescendant = (
 
 const findTag = (
     byCat:  TagByCategory,
-    id:     number,
+    id:     number): Tag | undefined => {
-): TagWithSections | undefined => {
+  const walk = (nodes: Tag[]): Tag | undefined => {
-  const walk = (nodes: TagWithSections[]): TagWithSections | undefined => {
     for (const t of nodes)
       {
 	if (t.id === id)
@@ -165,7 +163,7 @@ const TagDetailSidebar: FC<Props> = ({ 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])
@@ -375,4 +373,4 @@ const TagDetailSidebar: FC<Props> = ({ post, sp }) => {
       </SidebarComponent>)
 }
 
-export default TagDetailSidebar
+export default TagDetailSidebar

frontend/src/components/TagLink.tsx

@@ -1,15 +1,14 @@
 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'
 
 type CommonProps = { 
     tag:        Tag
     nestLevel?: number
-    truncateOnMobile?: boolean
     withWiki?:  boolean
     withCount?: boolean }
 
@@ -31,40 +30,29 @@ type Props =
 const TagLink: FC<Props> = ({ tag,
 			      nestLevel = 0,
 			      linkFlg   = true,
-			      truncateOnMobile = false,
 			      withWiki  = true,
 			      withCount = true,
 			      className,
-			      style,
-			      title,
 			      ...props }) => {
-  const colourStyle = {
+  const spanClass = cn (
-      '--tag-link-colour': `var(--tag-colour-${ tag.category })`,
+      `text-${ TAG_COLOUR[tag.category] }-${ LIGHT_COLOUR_SHADE }`,
-      '--tag-link-hover-colour': `var(--tag-colour-${ tag.category }-hover)`,
+      `dark:text-${ TAG_COLOUR[tag.category] }-${ DARK_COLOUR_SHADE }`)
-      ...style,
+  const linkClass = cn (
-  } as CSSProperties
+      spanClass,
-  const spanClass = 'tag-link-colour'
+      `hover:text-${ TAG_COLOUR[tag.category] }-${ LIGHT_COLOUR_SHADE - 200 }`,
-  const linkClass = 'tag-link-colour tag-link-hover-colour'
+      `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'
-  const markerWrapClass = 'shrink-0 self-start md:self-auto'
-  const countClass = 'shrink-0 self-end md:self-auto'
-  const textTitle = title
-      ?? (tag.matchedAlias == null ? tag.name : `${ tag.matchedAlias } → ${ tag.name }`)
 
   return (
-      <span className={rootClass}>
+      <>
 	{(linkFlg && withWiki) && (
-	    <span className={markerWrapClass}>
+	    <span className="mr-1">
 	      {(tag.materialId != null || tag.hasWiki || tag.hasDeerjikists)
 	       ? (
 		  tag.materialId == null && !(tag.hasDeerjikists)
 		  ? (
 		      <PrefetchLink
 			  to={`/wiki/${ encodeURIComponent (tag.name) }`}
-			  className={linkClass}
+			  className={linkClass}>
-			  style={colourStyle}>
 			?
 		      </PrefetchLink>)
 		  : (
@@ -72,15 +60,13 @@ const TagLink: FC<Props> = ({ tag,
 		      ? (
 			  <PrefetchLink
 			      to={`/materials/${ tag.materialId }`}
-			      className={linkClass}
+			      className={linkClass}>
-			      style={colourStyle}>
 			    ?
 			  </PrefetchLink>)
 		      : (
 			  <PrefetchLink
 			      to={`/tags/${ tag.id }/deerjikists`}
-			      className={linkClass}
+			      className={linkClass}>
-			      style={colourStyle}>
 			    ?
 			  </PrefetchLink>)))
 	       : (
@@ -114,51 +100,33 @@ const TagLink: FC<Props> = ({ tag,
 	    </span>)}
 	{nestLevel > 0 && (
 	    <span
-		className="ml-1 mr-1 shrink-0"
+		className="ml-1 mr-1"
 		style={{ paddingLeft: `${ (nestLevel - 1) }rem` }}>
 	      ↳
 	    </span>)}
 	{tag.matchedAlias != null && (
 	    <>
-	      <span
+	      <span className={cn (spanClass, className)} {...props}>
-		  title={textTitle}
+		{tag.matchedAlias}
-		  className={cn (spanClass, textClass, className)}
-		  style={colourStyle}
-		  {...props}>
-		<ResponsiveMarqueeText
-		    text={tag.matchedAlias}
-		    title={textTitle}
-		    truncateOnMobile={truncateOnMobile}/>
 	      </span>
-	      <span className="shrink-0"> → </span>
+	      <> → </>
 	    </>)}
 	{linkFlg
 	 ? (
 	    <PrefetchLink
 		to={`/posts?${ (new URLSearchParams ({ tags: tag.name })).toString () }`}
-		title={textTitle}
+		className={cn (linkClass, className)}
-		className={cn (linkClass, textClass, className)}
-		style={colourStyle}
 		{...props}>
-	      <ResponsiveMarqueeText
+	      {tag.name}
-		  text={tag.name}
-		  title={textTitle}
-		  truncateOnMobile={truncateOnMobile}/>
 	    </PrefetchLink>)
 	 : (
-	    <span
+	    <span className={cn (spanClass, className)}
-		  title={textTitle}
-		  className={cn (spanClass, textClass, className)}
-		  style={colourStyle}
 		  {...props}>
-	      <ResponsiveMarqueeText
+	      {tag.name}
-		  text={tag.name}
-		  title={textTitle}
-		  truncateOnMobile={truncateOnMobile}/>
 	    </span>)}
 	{withCount && (
-	    <span className={countClass}>{tag.postCount}</span>)}
+	    <span className="ml-1">{tag.postCount}</span>)}
-      </span>)
+      </>)
 }
 
 export default TagLink

frontend/src/components/TagSearchBox.tsx

@@ -20,14 +20,12 @@ const TagSearchBox: FC<Props> = ({ suggestions, activeIndex, onSelect }) => {
 		     rounded shadow">
 	{suggestions.map ((tag, i) => (
 	    <li key={tag.id}
-		className={cn ('min-w-0 overflow-hidden px-3 py-2 cursor-pointer hover:bg-gray-300 dark:hover:bg-gray-700',
+		className={cn ('px-3 py-2 cursor-pointer hover:bg-gray-300 dark:hover:bg-gray-700', 
 			       i === activeIndex && 'bg-gray-300 dark:bg-gray-700')}
 		onMouseDown={() => onSelect (tag)}>
-	      <div className="flex min-w-0 max-w-full items-baseline overflow-hidden">
+	      <TagLink tag={tag} linkFlg={false} withWiki={false}/>
-		<TagLink tag={tag} linkFlg={false} withWiki={false}/>
-	      </div>
 	    </li>))}
       </ul>)
 }
 
-export default TagSearchBox
+export default TagSearchBox

frontend/src/components/TagSidebar.tsx

@@ -64,9 +64,8 @@ const TagSidebar: FC<Props> = ({ posts, onClick }) => {
 	<ul>
 	  {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">
+		  <li key={tag.id} className="mb-1">
 		    <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}/>
@@ -129,4 +128,4 @@ const TagSidebar: FC<Props> = ({ posts, onClick }) => {
       </SidebarComponent>)
 }
 
-export default TagSidebar
+export default TagSidebar

frontend/src/components/common/TabGroup.tsx

@@ -7,15 +7,12 @@ type TabProps = { name:     string
 		  init?:    boolean
 		  children: React.ReactNode }
 
-type Props = {
+type Props = { children: React.ReactNode }
-    children:    React.ReactNode
-    rightAddon?: 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,23 +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 gap-4">
-	  <div className="flex min-w-0 gap-4">
+	  {tabs.map ((tab, i) => (
-	    {tabs.map ((tab, i) => (
+	      <a key={i}
-		<a key={i}
+		 href="#"
-		   href="#"
+		 className={cn (i === current && 'font-bold')}
-		   className={cn (i === current && 'font-bold')}
+		 onClick={ev => {
-		   onClick={ev => {
+		   ev.preventDefault ()
-		     ev.preventDefault ()
+		   setCurrent (i)
-		     setCurrent (i)
+		 }}>
-		   }}>
+		{tab.props.name}
-		  {tab.props.name}
+	      </a>))}
-		</a>))}
-	  </div>
-	  {rightAddon && (
-	      <div className="shrink-0">
-		{rightAddon}
-	      </div>)}
 	</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> = ({
+const TagInput: FC<Props> = ({ describedBy, invalid, value, setValue }) => {
-    includeNico = false,
-    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: {
+    const data = await apiGet<Tag[]> ('/tags/autocomplete', { params: { q } })
-	q,
+    setSuggestions (data.filter (t => t.postCount > 0))
-	nico: includeNico ? '1' : '0' } })
+    if (suggestions.length > 0)
-    const nextSuggestions = data.filter (t => t.postCount > 0)
+      setSuggestionsVsbl (true)
-    setSuggestions (nextSuggestions)
-    setSuggestionsVsbl (nextSuggestions.length > 0)
   }
 
   // TODO: TagSearch からのコピペのため，共通化を考へる．

frontend/src/components/users/UserSettingsProvider.tsx

@@ -1,97 +0,0 @@
-import { createContext, useContext, useEffect, useMemo, useState } from 'react'
-
-import {
-    applyClientAppearance,
-    DEFAULT_USER_SETTINGS,
-    fetchUserSettings,
-} from '@/lib/settings'
-
-import type { Dispatch, FC, ReactNode, SetStateAction } from 'react'
-
-import type { User } from '@/types'
-import type { UserSettings } from '@/lib/settings'
-
-type ContextValue = {
-    loaded:       boolean
-    error:        string | null
-    settings:     UserSettings
-    setSettings:  Dispatch<SetStateAction<UserSettings>> }
-
-const UserSettingsContext = createContext<ContextValue | null> (null)
-
-
-export const UserSettingsProvider: FC<{
-    children:  ReactNode
-    user:      User | null }> = ({ children, user }) => {
-  const [error, setError] = useState<string | null> (null)
-  const [loaded, setLoaded] = useState (false)
-  const [settings, setSettings] = useState<UserSettings> (DEFAULT_USER_SETTINGS)
-
-  useEffect (() => {
-    let cancelled = false
-
-    if (!(user))
-      {
-	setError (null)
-	setSettings (DEFAULT_USER_SETTINGS)
-	setLoaded (true)
-	return
-      }
-
-    setLoaded (false)
-    setError (null)
-
-    void (async () => {
-      try
-      {
-	const next = await fetchUserSettings ()
-	if (!(cancelled))
-	  {
-	    setError (null)
-	    setSettings (next)
-	    setLoaded (true)
-	  }
-      }
-      catch
-      {
-	if (!(cancelled))
-	  {
-	    setError ('設定を読み込めませんでした．既定値で表示しています．')
-	    setSettings (DEFAULT_USER_SETTINGS)
-	    setLoaded (true)
-	  }
-      }
-    }) ()
-
-    return () => {
-      cancelled = true
-    }
-  }, [user])
-
-  useEffect (() => {
-    void settings.theme
-    applyClientAppearance ()
-  }, [settings.theme])
-
-  const value = useMemo<ContextValue> (() => ({
-      error,
-      loaded,
-      settings,
-      setSettings,
-  }), [error, loaded, settings])
-
-  return (
-      <UserSettingsContext.Provider value={value}>
-	{children}
-      </UserSettingsContext.Provider>)
-}
-
-
-export const useUserSettings = (): ContextValue => {
-  const value = useContext (UserSettingsContext)
-
-  if (value == null)
-    throw new Error ('UserSettingsProvider is missing')
-
-  return value
-}

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,32 +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%;
-
-    --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%;
@@ -82,16 +58,16 @@
 
   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
   {
-    opacity: .85;
+    @apply text-blue-500 dark:text-blue-100;
   }
 }
 
@@ -102,8 +78,8 @@
   font-weight: 400;
 
   color-scheme: light dark;
-  color: hsl(var(--foreground));
+  color: rgba(255, 255, 255, 0.87);
-  background-color: hsl(var(--background));
+  background-color: #242424;
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
@@ -111,29 +87,6 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-:root[data-font-size='small']
-{
-  font-size: 14px;
-}
-
-:root[data-font-size='normal']
-{
-  font-size: 16px;
-}
-
-:root[data-font-size='large']
-{
-  font-size: 18px;
-}
-
-:root[data-display-density='compact'] input,
-:root[data-display-density='compact'] textarea,
-:root[data-display-density='compact'] select,
-:root[data-display-density='compact'] button
-{
-  line-height: 1.25;
-}
-
 a
 {
   font-weight: 500;
@@ -144,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
@@ -166,30 +132,3 @@ body
   0%, 100% { color: #f87171; }
   50% { color: #60a5fa; }
 }
-
-.tag-marquee
-{
-  position: relative;
-}
-
-.tag-link-colour
-{
-  color: var(--tag-link-colour);
-}
-
-.tag-link-hover-colour:hover
-{
-  color: var(--tag-link-hover-colour) !important;
-}
-
-.tag-marquee__animated
-{
-  position: absolute;
-  inset: 0 auto 0 0;
-  min-width: 100%;
-  width: max-content;
-  opacity: 0;
-  pointer-events: none;
-  white-space: nowrap;
-  will-change: transform;
-}

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.ts

@@ -1,843 +0,0 @@
-import { CATEGORIES } from '@/consts'
-import { apiGet, apiPatch } from '@/lib/api'
-
-import type { Category, FetchPostsOrder, FetchTagsOrder } from '@/types'
-
-export type UserSettings = {
-    theme:               'system' | 'light' | 'dark'
-    autoFetchTitle:      'auto' | 'manual' | 'off'
-    autoFetchThumbnail:  'auto' | 'manual' | 'off'
-    wikiEditorMode:      'split' | 'write' | 'preview' }
-
-export type ThemeTagColours = Record<Category, string>
-export type BuiltinThemeId = 'light' | 'dark'
-export type ThemeId = BuiltinThemeId | `custom:${ string }`
-export type ActiveThemeId = ThemeId | 'system'
-export type ResolvedTheme = 'light' | 'dark'
-export type ThemeTokens = {
-    background:             string
-    foreground:             string
-    card:                   string
-    cardForeground:         string
-    popover:                string
-    popoverForeground:      string
-    primary:                string
-    primaryForeground:      string
-    secondary:              string
-    secondaryForeground:    string
-    muted:                  string
-    mutedForeground:        string
-    accent:                 string
-    accentForeground:       string
-    destructive:            string
-    destructiveForeground:  string
-    border:                 string
-    input:                  string
-    ring:                   string
-    link:                   string
-    tagColours:             ThemeTagColours
-}
-export type ClientTheme = {
-    id:         ThemeId
-    name:       string
-    builtin:    boolean
-    baseTheme:  BuiltinThemeId
-    tokens:     ThemeTokens }
-export type CustomClientTheme =
-    ClientTheme & { builtin: false }
-
-export type TheatreLayoutMode = 'threeColumns' | 'tagsBottom' | 'commentsBottom'
-export type TheatreTagFlow = 'vertical' | 'horizontal'
-export type GekanatorBackgroundMotionMode = 'on' | 'calm' | 'off'
-export type ClientPaneBreakpoint = 'desktop' | 'tablet'
-export type ClientListKey = 'postList' | 'postSearch' | 'tagList'
-export type ClientListLimit = 20 | 50 | 100
-
-type ClientPaneSettings = {
-    widthPxByBreakpoint?: Partial<Record<ClientPaneBreakpoint, number>>
-    collapsed?:           boolean }
-
-type ClientListSettings = {
-    limit?: ClientListLimit
-    order?: string }
-
-export type ClientAppearanceSettings = {
-    activeThemeId?: ActiveThemeId
-    customThemes?:  Record<string, CustomClientTheme>
-    // Legacy fields kept for migration from the earlier appearance model.
-    theme?:         UserSettings['theme']
-    tagColours?:    Partial<ThemeTagColours> }
-
-// DB-backed settings. At present only `theme` is surfaced in `/users/settings`.
-// The remaining fields are retained for existing backend work and are not wired
-// to the common settings UI yet.
-export const DEFAULT_USER_SETTINGS: UserSettings = {
-    theme:               'system',
-    autoFetchTitle:      'manual',
-    autoFetchThumbnail:  'manual',
-    wikiEditorMode:      'split' }
-
-// Browser-local settings only. These are device or screen specific.
-export type ClientSettings = {
-    appearance?:    ClientAppearanceSettings
-    panes?:         Record<string, ClientPaneSettings>
-    lists?:         Partial<Record<ClientListKey, ClientListSettings>>
-    theatre?:       {
-	layoutMode?: TheatreLayoutMode
-	tagFlow?:    TheatreTagFlow
-    }
-    gekanator?:    {
-	backgroundMotion?: GekanatorBackgroundMotionMode
-    }
-    reducedMotion?: string
-    embedAutoLoad?: string
-    thumbnailMode?: string }
-
-export const CLIENT_SETTINGS_STORAGE_KEY = 'btrc_hub.client_settings'
-export const THEME_OPTIONS = ['system', 'light', 'dark'] as const
-export const LIST_LIMIT_OPTIONS = [20, 50, 100] as const
-export const POST_LIST_ORDER_OPTIONS = [
-    'title:asc',
-    'title:desc',
-    'url:asc',
-    'url:desc',
-    'original_created_at:asc',
-    'original_created_at:desc',
-    'created_at:asc',
-    'created_at:desc',
-    'updated_at:asc',
-    'updated_at:desc',
-] as const satisfies readonly FetchPostsOrder[]
-export const TAG_LIST_ORDER_OPTIONS = [
-    'name:asc',
-    'name:desc',
-    'category:asc',
-    'category:desc',
-    'post_count:asc',
-    'post_count:desc',
-    'created_at:asc',
-    'created_at:desc',
-    'updated_at:asc',
-    'updated_at:desc',
-] as const satisfies readonly FetchTagsOrder[]
-export const DEFAULT_POST_LIST_LIMIT: ClientListLimit = 20
-export const DEFAULT_POST_LIST_ORDER: FetchPostsOrder = 'original_created_at:desc'
-export const DEFAULT_TAG_LIST_ORDER: FetchTagsOrder = 'post_count:desc'
-export const DEFAULT_LIGHT_THEME_TAG_COLOURS: ThemeTagColours = {
-    deerjikist: '#9f1239',
-    meme:       '#6b21a8',
-    character:  '#4d7c0f',
-    general:    '#155e75',
-    material:   '#c2410c',
-    meta:       '#a16207',
-    nico:       '#4b5563',
-}
-export const DEFAULT_DARK_THEME_TAG_COLOURS: ThemeTagColours = {
-    deerjikist: '#fb7185',
-    meme:       '#d8b4fe',
-    character:  '#bef264',
-    general:    '#67e8f9',
-    material:   '#fdba74',
-    meta:       '#fde047',
-    nico:       '#e5e7eb',
-}
-export const DEFAULT_THEME_TAG_COLOURS = DEFAULT_LIGHT_THEME_TAG_COLOURS
-export const LIGHT_THEME_TOKENS: ThemeTokens = {
-    background:            '0 0% 100%',
-    foreground:            '222.2 84% 4.9%',
-    card:                  '0 0% 100%',
-    cardForeground:        '222.2 84% 4.9%',
-    popover:               '0 0% 100%',
-    popoverForeground:     '222.2 84% 4.9%',
-    primary:               '222.2 47.4% 11.2%',
-    primaryForeground:     '210 40% 98%',
-    secondary:             '210 40% 96.1%',
-    secondaryForeground:   '222.2 47.4% 11.2%',
-    muted:                 '210 40% 96.1%',
-    mutedForeground:       '215.4 16.3% 46.9%',
-    accent:                '210 40% 96.1%',
-    accentForeground:      '222.2 47.4% 11.2%',
-    destructive:           '0 72.2% 50.6%',
-    destructiveForeground: '210 40% 98%',
-    border:                '214.3 31.8% 91.4%',
-    input:                 '214.3 31.8% 91.4%',
-    ring:                  '222.2 84% 4.9%',
-    link:                  '221.2 83.2% 53.3%',
-    tagColours:            DEFAULT_LIGHT_THEME_TAG_COLOURS,
-}
-export const DARK_THEME_TOKENS: ThemeTokens = {
-    background:            '222.2 84% 4.9%',
-    foreground:            '210 40% 98%',
-    card:                  '222.2 84% 4.9%',
-    cardForeground:        '210 40% 98%',
-    popover:               '222.2 84% 4.9%',
-    popoverForeground:     '210 40% 98%',
-    primary:               '210 40% 98%',
-    primaryForeground:     '222.2 47.4% 11.2%',
-    secondary:             '217.2 32.6% 17.5%',
-    secondaryForeground:   '210 40% 98%',
-    muted:                 '217.2 32.6% 17.5%',
-    mutedForeground:       '215 20.2% 65.1%',
-    accent:                '217.2 32.6% 17.5%',
-    accentForeground:      '210 40% 98%',
-    destructive:           '0 62.8% 45%',
-    destructiveForeground: '210 40% 98%',
-    border:                '217.2 32.6% 17.5%',
-    input:                 '217.2 32.6% 17.5%',
-    ring:                  '212.7 26.8% 83.9%',
-    link:                  '213.1 93.9% 67.8%',
-    tagColours:            DEFAULT_DARK_THEME_TAG_COLOURS,
-}
-export const BUILTIN_THEMES: Record<BuiltinThemeId, ClientTheme> = {
-    light: {
-	id:         'light',
-	name:       'ライト・モード',
-	builtin:    true,
-	baseTheme:  'light',
-	tokens:     LIGHT_THEME_TOKENS,
-    },
-    dark: {
-	id:         'dark',
-	name:       'ダーク・モード',
-	builtin:    true,
-	baseTheme:  'dark',
-	tokens:     DARK_THEME_TOKENS,
-    },
-}
-
-const LEGACY_THEATRE_LAYOUT_STORAGE_KEY = 'theatre-layout-mode'
-const LEGACY_THEATRE_TAG_FLOW_STORAGE_KEY = 'theatre-tag-flow'
-const LEGACY_GEKANATOR_BACKGROUND_MOTION_STORAGE_KEY =
-    'gekanator:background-motion:v1'
-const LEGACY_MIGRATED_THEME_ID = 'custom:legacy-migrated'
-
-
-export const fetchUserSettings = async (): Promise<UserSettings> => {
-  const raw = await apiGet<{
-      theme:               UserSettings['theme']
-      auto_fetch_title:      UserSettings['autoFetchTitle']
-      auto_fetch_thumbnail:  UserSettings['autoFetchThumbnail']
-      wiki_editor_mode:      UserSettings['wikiEditorMode']
-  }> ('/users/settings')
-
-  return {
-      theme:               raw.theme,
-      autoFetchTitle:      raw.auto_fetch_title,
-      autoFetchThumbnail:  raw.auto_fetch_thumbnail,
-      wikiEditorMode:      raw.wiki_editor_mode,
-  }
-}
-
-
-export const updateUserSettings = async (
-    settings: Partial<{ theme: UserSettings['theme'] }>,
-): Promise<UserSettings> => {
-  const raw = await apiPatch<{
-      theme:               UserSettings['theme']
-      auto_fetch_title:      UserSettings['autoFetchTitle']
-      auto_fetch_thumbnail:  UserSettings['autoFetchThumbnail']
-      wiki_editor_mode:      UserSettings['wikiEditorMode']
-  }> ('/users/settings', settings)
-
-  return {
-      theme:               raw.theme,
-      autoFetchTitle:      raw.auto_fetch_title,
-      autoFetchThumbnail:  raw.auto_fetch_thumbnail,
-      wikiEditorMode:      raw.wiki_editor_mode,
-  }
-}
-
-
-const safeParseClientSettings = (raw: string | null): ClientSettings => {
-  if (!(raw))
-    return { }
-
-  try
-  {
-    const parsed = JSON.parse (raw)
-    return parsed && typeof parsed === 'object' ? parsed as ClientSettings : { }
-  }
-  catch
-  {
-    return { }
-  }
-}
-
-
-export const loadClientSettings = (): ClientSettings =>
-    safeParseClientSettings (localStorage.getItem (CLIENT_SETTINGS_STORAGE_KEY))
-
-
-export const saveClientSettings = (settings: ClientSettings): void => {
-  localStorage.setItem (CLIENT_SETTINGS_STORAGE_KEY, JSON.stringify (settings))
-}
-
-
-export const updateClientSettings = (
-    updater: (settings: ClientSettings) => ClientSettings,
-): ClientSettings => {
-  const next = updater (loadClientSettings ())
-  saveClientSettings (next)
-  return next
-}
-
-
-const validListLimit = (value: unknown): ClientListLimit | null =>
-    value === 20 || value === 50 || value === 100 ? value : null
-
-
-const normaliseHexColour = (value: string): string | null =>
-    /^#[0-9a-fA-F]{6}$/.test (value) ? value.toLowerCase () : null
-
-
-const isBuiltinThemeId = (value: string): value is BuiltinThemeId =>
-    value === 'light' || value === 'dark'
-
-
-const isCustomThemeId = (value: string): value is `custom:${ string }` =>
-    value.startsWith ('custom:')
-
-
-const themeCopyName = (baseTheme: BuiltinThemeId): string =>
-    `${ BUILTIN_THEMES[baseTheme].name }のコピー`
-
-
-const appearanceFromSettings = (): ClientAppearanceSettings =>
-    loadClientSettings ().appearance ?? { }
-
-
-export const hasStoredClientThemeSelection = (): boolean => {
-  const appearance = appearanceFromSettings ()
-  return (
-      appearance.activeThemeId != null
-      || appearance.customThemes != null
-      || appearance.theme != null
-      || appearance.tagColours != null
-  )
-}
-
-
-const mixHexColour = (
-    source:  string,
-    target:  string,
-    ratio:   number,
-): string => {
-  const clampedRatio = Math.max (0, Math.min (1, ratio))
-  const src = source.slice (1)
-  const dst = target.slice (1)
-  const channels = [0, 2, 4].map (offset => {
-      const srcValue = parseInt (src.slice (offset, offset + 2), 16)
-      const dstValue = parseInt (dst.slice (offset, offset + 2), 16)
-      const mixed = Math.round (
-	  srcValue + (dstValue - srcValue) * clampedRatio,
-      )
-      return mixed.toString (16).padStart (2, '0')
-  })
-
-  return `#${ channels.join ('') }`
-}
-
-
-export const getClientThemeMode = (): UserSettings['theme'] =>
-    (() => {
-      const appearance = appearanceFromSettings ()
-      const customThemes = getClientCustomThemes ()
-
-      if (appearance.activeThemeId === 'system')
-	return 'system'
-      if (appearance.activeThemeId === 'light' || appearance.activeThemeId === 'dark')
-	return appearance.activeThemeId
-      if (
-	  typeof appearance.activeThemeId === 'string'
-	  && customThemes[appearance.activeThemeId] != null
-      )
-	return customThemes[appearance.activeThemeId].baseTheme
-
-      return appearance.theme ?? DEFAULT_USER_SETTINGS.theme
-    }) ()
-
-
-export const setClientThemeMode = (theme: UserSettings['theme']): void => {
-  updateClientSettings (settings => ({
-      ...settings,
-      appearance: {
-	  ...(settings.appearance ?? { }),
-	  activeThemeId: theme,
-	  theme,
-      },
-  }))
-}
-
-
-export const seedClientThemeMode = (theme: UserSettings['theme']): void => {
-  if (hasStoredClientThemeSelection ())
-    return
-
-  setClientThemeMode (theme)
-}
-
-
-const prefersDarkTheme = (): boolean =>
-    window.matchMedia ('(prefers-color-scheme: dark)').matches
-
-
-export const resolveThemeMode = (
-    theme: UserSettings['theme'],
-): ResolvedTheme =>
-    theme === 'system'
-    ? (prefersDarkTheme () ? 'dark' : 'light')
-    : theme
-
-
-export const defaultThemeTagColoursFor = (
-    theme: ResolvedTheme,
-): ThemeTagColours =>
-    theme === 'dark'
-    ? DEFAULT_DARK_THEME_TAG_COLOURS
-    : DEFAULT_LIGHT_THEME_TAG_COLOURS
-
-
-const normaliseThemeTagColours = (
-    input:     Partial<ThemeTagColours> | null | undefined,
-    fallback:  ThemeTagColours,
-): ThemeTagColours =>
-    CATEGORIES.reduce<ThemeTagColours> (
-	(colours, category) => {
-	    const candidate = input?.[category]
-	    colours[category] =
-		typeof candidate === 'string' && normaliseHexColour (candidate) != null
-		? candidate
-		: fallback[category]
-	    return colours
-	},
-	{ ...fallback },
-    )
-
-
-const normaliseCustomTheme = (
-    rawTheme:    unknown,
-): CustomClientTheme | null => {
-  if (!(rawTheme) || typeof rawTheme !== 'object')
-    return null
-
-  const theme = rawTheme as Record<string, unknown>
-  const id = typeof theme.id === 'string' ? theme.id : null
-  const name = typeof theme.name === 'string' ? theme.name : null
-  const baseTheme = typeof theme.baseTheme === 'string' ? theme.baseTheme : null
-  if (
-      id == null
-      || !(isCustomThemeId (id))
-      || name == null
-      || baseTheme == null
-      || !(isBuiltinThemeId (baseTheme))
-  )
-    return null
-
-  return {
-      id,
-      name,
-      builtin: false,
-      baseTheme,
-      tokens: {
-	  ...(
-	      baseTheme === 'dark'
-	      ? DARK_THEME_TOKENS
-	      : LIGHT_THEME_TOKENS
-	  ),
-	  ...(theme.tokens && typeof theme.tokens === 'object'
-	      ? theme.tokens as Partial<ThemeTokens>
-	      : { }),
-	  tagColours: normaliseThemeTagColours (
-	      (
-		  theme.tokens
-		  && typeof theme.tokens === 'object'
-		  && 'tagColours' in theme.tokens
-	      )
-	      ? (theme.tokens as { tagColours?: Partial<ThemeTagColours> }).tagColours
-	      : theme.tagColours as Partial<ThemeTagColours> | undefined,
-	      defaultThemeTagColoursFor (baseTheme),
-	  ),
-      },
-  }
-}
-
-
-export const getClientCustomThemes = (): Record<string, CustomClientTheme> => {
-  const appearance = appearanceFromSettings ()
-  const customThemes = appearance.customThemes
-
-  if (customThemes && typeof customThemes === 'object')
-    {
-      return Object.entries (customThemes).reduce<Record<string, CustomClientTheme>> (
-	  (themes, [key, rawTheme]) => {
-	      const theme = normaliseCustomTheme (rawTheme)
-	      if (theme != null)
-		themes[key] = theme
-	      return themes
-	  },
-	  { },
-      )
-    }
-
-  const legacyTagColours = appearance.tagColours
-  if (!(legacyTagColours) || Object.keys (legacyTagColours).length === 0)
-    return { }
-
-  const baseTheme = resolveThemeMode (appearance.theme ?? DEFAULT_USER_SETTINGS.theme)
-  return {
-      [LEGACY_MIGRATED_THEME_ID]: {
-	  id: LEGACY_MIGRATED_THEME_ID,
-	  name: themeCopyName (baseTheme),
-	  builtin: false,
-	  baseTheme,
-	  tokens: {
-	      ...(baseTheme === 'dark' ? DARK_THEME_TOKENS : LIGHT_THEME_TOKENS),
-	      tagColours: normaliseThemeTagColours (
-		  legacyTagColours,
-		  defaultThemeTagColoursFor (baseTheme),
-	      ),
-	  },
-      },
-  }
-}
-
-
-export const getClientActiveThemeId = (): ActiveThemeId => {
-  const appearance = appearanceFromSettings ()
-  const customThemes = getClientCustomThemes ()
-
-  if (
-      typeof appearance.activeThemeId === 'string'
-      && (
-	  appearance.activeThemeId === 'system'
-	  || isBuiltinThemeId (appearance.activeThemeId)
-	  || customThemes[appearance.activeThemeId] != null
-      )
-  )
-    return appearance.activeThemeId
-
-  if (
-      Object.keys (customThemes).length > 0
-      && appearance.tagColours != null
-      && Object.keys (appearance.tagColours).length > 0
-  )
-    return LEGACY_MIGRATED_THEME_ID
-
-  if (typeof appearance.theme === 'string' && (
-      appearance.theme === 'system'
-      || appearance.theme === 'light'
-      || appearance.theme === 'dark'
-  ))
-    return appearance.theme
-
-  return DEFAULT_USER_SETTINGS.theme
-}
-
-
-export const getThemeById = (
-    themeId:       ThemeId,
-    customThemes:  Record<string, CustomClientTheme>,
-): ClientTheme =>
-    isBuiltinThemeId (themeId)
-    ? BUILTIN_THEMES[themeId]
-    : (customThemes[themeId] ?? BUILTIN_THEMES.light)
-
-
-export const getResolvedThemeFromSelection = (
-    activeThemeId: ActiveThemeId,
-    customThemes:  Record<string, CustomClientTheme>,
-): ClientTheme =>
-    activeThemeId === 'system'
-    ? BUILTIN_THEMES[resolveThemeMode ('system')]
-    : getThemeById (activeThemeId, customThemes)
-
-
-export const deriveUserThemeModeFromSelection = (
-    activeThemeId: ActiveThemeId,
-    customThemes:  Record<string, CustomClientTheme>,
-): UserSettings['theme'] => {
-  if (activeThemeId === 'system')
-    return 'system'
-
-  return getThemeById (activeThemeId, customThemes).baseTheme
-}
-
-
-export const createCustomThemeFromBase = (
-    baseTheme:   BuiltinThemeId,
-    tokens?:     ThemeTokens,
-): CustomClientTheme => {
-  const id = `custom:${ crypto.randomUUID () }` as ThemeId
-  return {
-      id,
-      name: themeCopyName (baseTheme),
-      builtin: false,
-      baseTheme,
-      tokens: tokens ?? {
-	  ...(baseTheme === 'dark' ? DARK_THEME_TOKENS : LIGHT_THEME_TOKENS),
-      },
-  }
-}
-
-
-export const getClientThemeTagColours = (
-    activeThemeId: ActiveThemeId = getClientActiveThemeId (),
-    customThemes:  Record<string, CustomClientTheme> = getClientCustomThemes (),
-): ThemeTagColours => {
-  return {
-      ...getResolvedThemeFromSelection (activeThemeId, customThemes).tokens.tagColours,
-  }
-}
-
-
-export const setClientAppearanceThemes = (
-    activeThemeId: ActiveThemeId,
-    customThemes:  Record<string, CustomClientTheme>,
-): void => {
-  updateClientSettings (settings => ({
-      ...settings,
-      appearance: {
-	  ...(settings.appearance ?? { }),
-	  activeThemeId,
-	  customThemes,
-	  theme: undefined,
-	  tagColours: undefined,
-      },
-  }))
-}
-
-
-export const setClientThemeTagColours = (
-    tagColours:     ThemeTagColours,
-    activeThemeId:  ActiveThemeId = getClientActiveThemeId (),
-    customThemes:   Record<string, CustomClientTheme> = getClientCustomThemes (),
-): void => {
-  if (activeThemeId === 'system' || isBuiltinThemeId (activeThemeId))
-    return
-
-  setClientAppearanceThemes (
-      activeThemeId,
-      {
-	  ...customThemes,
-	  [activeThemeId]: {
-	      ...customThemes[activeThemeId],
-	      tokens: {
-		  ...customThemes[activeThemeId].tokens,
-		  tagColours,
-	      },
-	  },
-      },
-  )
-}
-
-
-export const applyThemeMode = (theme: UserSettings['theme']): void => {
-  const root = document.documentElement
-  const resolvedTheme = resolveThemeMode (theme)
-
-  root.classList.toggle ('dark', resolvedTheme === 'dark')
-  root.style.colorScheme = resolvedTheme
-}
-
-
-export const applyThemeTagColours = (tagColours: ThemeTagColours): void => {
-  const root = document.documentElement
-
-  CATEGORIES.forEach (category => {
-      const colour = tagColours[category]
-      root.style.setProperty (`--tag-colour-${ category }`, colour)
-      root.style.setProperty (
-	  `--tag-colour-${ category }-hover`,
-	  mixHexColour (colour, '#ffffff', .18),
-      )
-  })
-}
-
-
-export const applyThemeTokens = (tokens: ThemeTokens): void => {
-  const root = document.documentElement
-
-  root.style.setProperty ('--background', tokens.background)
-  root.style.setProperty ('--foreground', tokens.foreground)
-  root.style.setProperty ('--card', tokens.card)
-  root.style.setProperty ('--card-foreground', tokens.cardForeground)
-  root.style.setProperty ('--popover', tokens.popover)
-  root.style.setProperty ('--popover-foreground', tokens.popoverForeground)
-  root.style.setProperty ('--primary', tokens.primary)
-  root.style.setProperty ('--primary-foreground', tokens.primaryForeground)
-  root.style.setProperty ('--secondary', tokens.secondary)
-  root.style.setProperty ('--secondary-foreground', tokens.secondaryForeground)
-  root.style.setProperty ('--muted', tokens.muted)
-  root.style.setProperty ('--muted-foreground', tokens.mutedForeground)
-  root.style.setProperty ('--accent', tokens.accent)
-  root.style.setProperty ('--accent-foreground', tokens.accentForeground)
-  root.style.setProperty ('--destructive', tokens.destructive)
-  root.style.setProperty ('--destructive-foreground', tokens.destructiveForeground)
-  root.style.setProperty ('--border', tokens.border)
-  root.style.setProperty ('--input', tokens.input)
-  root.style.setProperty ('--ring', tokens.ring)
-  root.style.setProperty ('--theme-link', tokens.link)
-
-  applyThemeTagColours (tokens.tagColours)
-}
-
-
-export const applyThemeSelection = (
-    activeThemeId: ActiveThemeId,
-    customThemes:  Record<string, CustomClientTheme>,
-): void => {
-  const theme = getResolvedThemeFromSelection (activeThemeId, customThemes)
-  applyThemeMode (theme.baseTheme)
-  applyThemeTokens (theme.tokens)
-}
-
-
-export const applyClientAppearance = (): void => {
-  applyThemeSelection (getClientActiveThemeId (), getClientCustomThemes ())
-}
-
-
-export const getClientListLimit = (
-    listKey: ClientListKey,
-): ClientListLimit | null => {
-  const value = loadClientSettings ().lists?.[listKey]?.limit
-  return validListLimit (value)
-}
-
-
-export const getClientListOrder = <T extends string>(
-    listKey: ClientListKey,
-): T | null => {
-  const value = loadClientSettings ().lists?.[listKey]?.order
-  return typeof value === 'string' ? value as T : null
-}
-
-
-export const setClientListSettings = (
-    listKey: ClientListKey,
-    { limit, order }: { limit?: ClientListLimit
-			order?: string },
-): void => {
-  updateClientSettings (settings => ({
-      ...settings,
-      lists: {
-	  ...(settings.lists ?? { }),
-	  [listKey]: {
-	      ...(settings.lists?.[listKey] ?? { }),
-	      ...(limit == null ? { } : { limit }),
-	      ...(order == null ? { } : { order }),
-	  },
-      },
-  }))
-}
-
-
-const legacyTheatreLayoutMode = (): TheatreLayoutMode | null => {
-  const value = localStorage.getItem (LEGACY_THEATRE_LAYOUT_STORAGE_KEY)
-  return (
-      value === 'threeColumns'
-      || value === 'tagsBottom'
-      || value === 'commentsBottom'
-  ) ? value : null
-}
-
-
-const legacyTheatreTagFlow = (): TheatreTagFlow | null => {
-  const value = localStorage.getItem (LEGACY_THEATRE_TAG_FLOW_STORAGE_KEY)
-  return (value === 'vertical' || value === 'horizontal') ? value : null
-}
-
-
-const legacyGekanatorBackgroundMotion = (): GekanatorBackgroundMotionMode | null => {
-  const value = localStorage.getItem (LEGACY_GEKANATOR_BACKGROUND_MOTION_STORAGE_KEY)
-  return (value === 'on' || value === 'calm' || value === 'off') ? value : null
-}
-
-
-export const getClientTheatreLayoutMode = (): TheatreLayoutMode =>
-    loadClientSettings ().theatre?.layoutMode
-    ?? legacyTheatreLayoutMode ()
-    ?? 'threeColumns'
-
-
-export const setClientTheatreLayoutMode = (layoutMode: TheatreLayoutMode): void => {
-  updateClientSettings (settings => ({
-      ...settings,
-      theatre: { ...(settings.theatre ?? { }), layoutMode } }))
-}
-
-
-export const getClientTheatreTagFlow = (): TheatreTagFlow =>
-    loadClientSettings ().theatre?.tagFlow
-    ?? legacyTheatreTagFlow ()
-    ?? 'vertical'
-
-
-export const setClientTheatreTagFlow = (tagFlow: TheatreTagFlow): void => {
-  updateClientSettings (settings => ({
-      ...settings,
-      theatre: { ...(settings.theatre ?? { }), tagFlow } }))
-}
-
-
-export const getClientGekanatorBackgroundMotion =
-    (): GekanatorBackgroundMotionMode =>
-	loadClientSettings ().gekanator?.backgroundMotion
-	?? legacyGekanatorBackgroundMotion ()
-	?? 'on'
-
-
-export const setClientGekanatorBackgroundMotion = (
-    backgroundMotion: GekanatorBackgroundMotionMode,
-): void => {
-  updateClientSettings (settings => ({
-      ...settings,
-      gekanator: { ...(settings.gekanator ?? { }), backgroundMotion } }))
-}
-
-
-export const getClientPaneWidthPx = (
-    paneKey:      string,
-    breakpoint:   ClientPaneBreakpoint,
-): number | null => {
-  const value = loadClientSettings ().panes?.[paneKey]?.widthPxByBreakpoint?.[breakpoint]
-  return typeof value === 'number' ? value : null
-}
-
-
-export const setClientPaneWidthPx = (
-    paneKey:      string,
-    breakpoint:   ClientPaneBreakpoint,
-    widthPx:      number,
-): void => {
-  updateClientSettings (settings => ({
-      ...settings,
-      panes: {
-	  ...(settings.panes ?? { }),
-	  [paneKey]: {
-	      ...(settings.panes?.[paneKey] ?? { }),
-	      widthPxByBreakpoint: {
-		  ...(settings.panes?.[paneKey]?.widthPxByBreakpoint ?? { }),
-		  [breakpoint]: widthPx,
-	      },
-	  },
-      },
-  }))
-}
-
-
-export const setClientPaneCollapsed = (
-    paneKey:      string,
-    collapsed:    boolean,
-): void => {
-  updateClientSettings (settings => ({
-      ...settings,
-      panes: {
-	  ...(settings.panes ?? { }),
-	  [paneKey]: {
-	      ...(settings.panes?.[paneKey] ?? { }),
-	      collapsed,
-	  },
-      },
-  }))
-}

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/pages/GekanatorPage.tsx

@@ -24,10 +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 { cn } from '@/lib/utils'
 
 import type { FC } from 'react'
@@ -189,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': '元日',
@@ -432,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
   }
 }
 
@@ -3914,7 +3916,7 @@ const GekanatorPage: FC<{ user: User | null }> = ({ user }) => {
   useEffect (() => {
     try
     {
-      setClientGekanatorBackgroundMotion (backgroundMotionMode)
+      localStorage.setItem (backgroundMotionStorageKey, backgroundMotionMode)
     }
     catch
     {

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/PostHistoryPage.tsx

@@ -91,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 })
 

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,23 +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 { 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)
@@ -37,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'
@@ -45,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 = (
+  const limit = Number (query.get ('limit') ?? 20)
-      parseLimit (query.get ('limit'))
-      ?? getClientListLimit ('postList')
-      ?? DEFAULT_POST_LIST_LIMIT
-  )
-  const order = 'original_created_at:desc' as const
 
   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) })
@@ -64,17 +47,6 @@ const PostListPage: FC = () => {
   const cursor = ''
   const totalPages = data ? Math.ceil (data.count / limit) : 0
 
-  useEffect (() => {
-    setClientListSettings ('postList', { limit })
-  }, [limit])
-
-  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 () }`)
-  }
-
   useLayoutEffect (() => {
     scroll (0, 0)
 
@@ -117,24 +89,7 @@ const PostListPage: FC = () => {
 	}}/>
 
 	<MainArea>
-	  <TabGroup
+	  <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>
-	      }>
 	    <Tab name="広場">
 	      {posts.length > 0
 	       ? (

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

@@ -62,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)

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 || '')
-      const data = await apiGet<{ title: string }> ('/preview/title', { params: { url } })
+    setTitleLoading (false)
-      setTitle (data.title || '')
-    }
-    finally
-    {
-      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 data = await apiGet<Blob> ('/preview/thumbnail',
+    const imageURL = URL.createObjectURL (data)
-				       { params: { url }, responseType: 'blob' })
+    setThumbnailPreview (imageURL)
-      const imageURL = URL.createObjectURL (data)
+    setThumbnailFile (new File ([data],
-      setThumbnailPreview (imageURL)
+				'thumbnail.png',
-      setThumbnailFile (new File ([data],
+				{ type: data.type || 'image/png' }))
-				  'thumbnail.png',
+    setThumbnailLoading (false)
-				  { type: data.type || 'image/png' }))
-    }
-    finally
-    {
-      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"
-		  <input type="text"
+		       aria-describedby={describedBy}
-			 aria-describedby={describedBy}
+		       aria-invalid={invalid}
-			 aria-invalid={invalid}
+		       className={inputClass (invalid)}
-			 className={inputClass (invalid)}
+		       value={title}
-			 value={title}
+		       placeholder={titleLoading ? 'Loading...' : ''}
-			 placeholder={titleLoading ? 'Loading...' : ''}
+		       onChange={ev => setTitle (ev.target.value)}
-			 onChange={ev => setTitle (ev.target.value)}
+		       disabled={titleAutoFlg}/>)}
-			 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>)}
 	  </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">
+		  {thumbnailAutoFlg
-		    <span>必要なタイミングで URL から取得できます．</span>
+		   ? (thumbnailLoading
-		    <Button
+		      ? <p className="text-gray-500 text-sm">Loading...</p>
-			type="button"
+		      : !(thumbnailPreview) && (
-			variant="outline"
+			  <p className="text-gray-500 text-sm">
-			onClick={() => void fetchThumbnail ()}
+			    URL から自動取得されます。
-			disabled={!(url) || thumbnailLoading}>
+			  </p>))
-		      取得
+		   : (
-		    </Button>
+		      <input type="file"
-		  </div>
+			     accept="image/*"
-		  {thumbnailLoading && (
+			     aria-describedby={describedBy}
-		      <p className="text-gray-500 text-sm">Loading...</p>)}
+			     aria-invalid={invalid}
-		  <input type="file"
+			     onChange={e => {
-			 accept="image/*"
+			       const file = e.target.files?.[0]
-			 aria-describedby={describedBy}
+			       if (file)
-			 aria-invalid={invalid}
+				 {
-			 onChange={e => {
+				   setThumbnailFile (file)
-			   const file = e.target.files?.[0]
+				   setThumbnailPreview (URL.createObjectURL (file))
-			   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.tsx

@@ -16,14 +16,6 @@ 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,
-    DEFAULT_POST_LIST_ORDER,
-    getClientListLimit,
-    getClientListOrder,
-    LIST_LIMIT_OPTIONS,
-    setClientListSettings,
-} from '@/lib/settings'
 import { dateString, inputClass, originalCreatedAtString } from '@/lib/utils'
 
 import type { FC, FormEvent } from 'react'
@@ -39,31 +31,6 @@ 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 location = useLocation ()
@@ -74,11 +41,7 @@ const PostSearchPage: FC = () => {
 			 [location.search])
 
   const page = Number (query.get ('page') ?? 1)
-  const limit = (
+  const limit = Number (query.get ('limit') ?? 20)
-      parseLimit (query.get ('limit'))
-      ?? getClientListLimit ('postSearch')
-      ?? DEFAULT_POST_LIST_LIMIT
-  )
 
   const qURL = query.get ('url') ?? ''
   const qTitle = query.get ('title') ?? ''
@@ -90,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 = (
+  const order = (query.get ('order') || 'original_created_at:desc') as FetchPostsOrder
-      parseOrder (query.get ('order'))
-      ?? getClientListOrder<FetchPostsOrder> ('postSearch')
-      ?? DEFAULT_POST_LIST_ORDER
-  )
 
   const [createdFrom, setCreatedFrom] = useState<string | null> (null)
   const [createdTo, setCreatedTo] = useState<string | null> (null)
@@ -124,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 ?? '')
@@ -158,16 +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 () }`)
   }
 
@@ -189,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>
-	    <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>
 
 	  <form onSubmit={handleSearch} className="space-y-2">
 	    {/* タイトル */}
@@ -233,7 +161,6 @@ const PostSearchPage: FC = () => {
 	    <FormField label="タグ">
 	      {() => (
 		  <TagInput
-		      includeNico={true}
 		      value={tagsStr}
 		      setValue={setTagsStr}/>)}
 	    </FormField>
@@ -369,9 +296,7 @@ const PostSearchPage: FC = () => {
 		  </thead>
 		  <tbody>
 		    {results.map (row => (
-			<tr
+			<tr key={row.id} className="even:bg-gray-100 dark:even:bg-gray-700">
-			    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

frontend/src/pages/tags/TagListPage.tsx

@@ -14,14 +14,6 @@ import MainArea from '@/components/layout/MainArea'
 import { SITE_TITLE } from '@/config'
 import { CATEGORIES, CATEGORY_NAMES } from '@/consts'
 import { tagsKeys } from '@/lib/queryKeys'
-import {
-    DEFAULT_POST_LIST_LIMIT,
-    DEFAULT_TAG_LIST_ORDER,
-    getClientListLimit,
-    getClientListOrder,
-    LIST_LIMIT_OPTIONS,
-    setClientListSettings,
-} from '@/lib/settings'
 import { fetchTags } from '@/lib/tags'
 import { dateString, inputClass } from '@/lib/utils'
 
@@ -43,31 +35,6 @@ const boolFromQuery = (value: string | null): boolean =>
 
 const tagStateLabel = (deprecatedAt: string | null) => deprecatedAt ? '廃止' : ''
 
-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): FetchTagsOrder | null => {
-  switch (value)
-  {
-  case 'name:asc':
-  case 'name:desc':
-  case 'category:asc':
-  case 'category:desc':
-  case 'post_count:asc':
-  case 'post_count:desc':
-  case 'created_at:asc':
-  case 'created_at:desc':
-  case 'updated_at:asc':
-  case 'updated_at:desc':
-    return value
-
-  default:
-    return null
-  }
-}
-
 
 const TagListPage: FC = () => {
   const location = useLocation ()
@@ -77,11 +44,7 @@ const TagListPage: FC = () => {
   const query = useMemo (() => new URLSearchParams (location.search), [location.search])
 
   const page = Number (query.get ('page') ?? 1)
-  const limit = (
+  const limit = Number (query.get ('limit') ?? 20)
-      parseLimit (query.get ('limit'))
-      ?? getClientListLimit ('tagList')
-      ?? DEFAULT_POST_LIST_LIMIT
-  )
 
   const qName = query.get ('name') ?? ''
   const qCategory = (query.get ('category') || null) as Category | null
@@ -95,11 +58,7 @@ const TagListPage: FC = () => {
   const qDeprecated = query.has ('deprecated')
       ? boolFromQuery (query.get ('deprecated'))
       : null
-  const order = (
+  const order = (query.get ('order') || 'post_count:desc') as FetchTagsOrder
-      parseOrder (query.get ('order'))
-      ?? getClientListOrder<FetchTagsOrder> ('tagList')
-      ?? DEFAULT_TAG_LIST_ORDER
-  )
 
   const [name, setName] = useState ('')
   const [category, setCategory] = useState<Category | null> (null)
@@ -129,10 +88,6 @@ const TagListPage: FC = () => {
   const results = data?.tags ?? []
   const totalPages = data ? Math.ceil (data.count / limit) : 0
 
-  useEffect (() => {
-    setClientListSettings ('tagList', { limit, order })
-  }, [limit, order])
-
   useEffect (() => {
     setName (qName)
     setCategory (qCategory)
@@ -166,20 +121,10 @@ const TagListPage: FC = () => {
       qs.set ('deprecated', deprecated ? '1' : '0')
     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?: FetchTagsOrder }) => {
-    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 defaultDirection = { name: 'asc',
 			     category: 'asc',
 			     post_count: 'desc',
@@ -193,24 +138,7 @@ const TagListPage: FC = () => {
 	</Helmet>
 
 	<div className="max-w-xl">
-	  <div className="flex flex-wrap items-center justify-between gap-3">
+	  <PageTitle>タグ</PageTitle>
-	    <PageTitle>タグ</PageTitle>
-	    <label className="flex items-center gap-2 text-xs text-muted-foreground">
-	      <span>件数</span>
-	      <select
-		  value={limit}
-		  onChange={ev => updateListQuery ({
-		      limit: Number (ev.target.value) as 20 | 50 | 100,
-		  })}
-		  className="rounded border border-border bg-background px-2 py-1 text-sm
-			     text-foreground">
-		{LIST_LIMIT_OPTIONS.map (value => (
-		    <option key={value} value={value}>
-		      {value}
-		    </option>))}
-	      </select>
-	    </label>
-	  </div>
 
 	  <form onSubmit={handleSearch} className="space-y-2">
 	    {/* 名前 */}

frontend/src/pages/theatres/TheatreDetailPage.test.tsx

@@ -1,10 +1,9 @@
-import { act, fireEvent, screen, waitFor, within } from '@testing-library/react'
+import { act, fireEvent, screen, waitFor } from '@testing-library/react'
 import { Route, Routes } from 'react-router-dom'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 
 import TheatreDetailPage from '@/pages/theatres/TheatreDetailPage'
 import { buildPost,
-	 buildTag,
 	 buildTheatre,
 	 buildTheatreComment,
 	 buildTheatreInfo,
@@ -88,10 +87,6 @@ const weights = buildTheatrePostSelectionWeights ({
     tags:    [],
   }],
 })
-const watchingUsers = [
-  { id: 1, name: 'tester' },
-  { id: 2, name: 'another' },
-]
 
 const renderPage = (user = buildUser ({ id: 1, role: 'member' })) =>
   renderWithProviders (
@@ -101,9 +96,6 @@ const renderPage = (user = buildUser ({ id: 1, role: 'member' })) =>
       { route: '/theatres/7' },
   )
 
-const tagSection = (): HTMLElement =>
-  screen.getAllByRole ('heading', { name: 'タグ' })[0].closest ('section')!
-
 const mockDefaultApi = () => {
   api.apiGet.mockImplementation ((path: string) => {
     switch (path)
@@ -140,11 +132,11 @@ const mockDefaultApi = () => {
         postId:        currentPost.id,
         postStartedAt: '2026-01-02T03:04:05.000Z',
         postElapsedMs: 1_000,
-        watchingUsers,
+        watchingUsers: [{ id: 1, name: 'tester' }],
         skipVote:      {
           votesCount:         0,
           requiredCount:      2,
-          watchingUsersCount: watchingUsers.length,
+          watchingUsersCount: 1,
           voted:              false,
         },
       }))
@@ -154,11 +146,11 @@ const mockDefaultApi = () => {
         postId:        currentPost.id,
         postStartedAt: '2026-01-02T03:04:05.000Z',
         postElapsedMs: 2_000,
-        watchingUsers,
+        watchingUsers: [{ id: 1, name: 'tester' }],
         skipVote:      {
           votesCount:         1,
           requiredCount:      2,
-          watchingUsersCount: watchingUsers.length,
+          watchingUsersCount: 1,
           voted:              true,
         },
       }))
@@ -253,53 +245,6 @@ describe ('TheatreDetailPage', () => {
     expect (postEmbed.seek).not.toHaveBeenCalledWith (0)
   })
 
-  it ('shows child tags from the post tag tree in both vertical and horizontal layouts', async () => {
-    const childTag = buildTag ({ id: 12, name: '子タグ', category: 'general' })
-    const parentTag = buildTag ({
-      id:       11,
-      name:     '親タグ',
-      category: 'general',
-      children: [childTag],
-    })
-    const duplicateParentTag = buildTag ({
-      id:       13,
-      name:     '別親タグ',
-      category: 'general',
-      children: [childTag],
-    })
-
-    postsApi.fetchPost.mockResolvedValueOnce (buildPost ({
-      ...currentPost,
-      tags: [parentTag, duplicateParentTag],
-    }))
-
-    renderPage ()
-
-    await screen.findByText ('Embed:上映中の投稿')
-
-    expect (within (tagSection ()).getByRole ('link', { name: '親タグ' }))
-      .toBeInTheDocument ()
-    expect (within (tagSection ()).getByRole ('link', { name: '別親タグ' }))
-      .toBeInTheDocument ()
-    expect (within (tagSection ()).getAllByRole ('link', { name: '子タグ' })[0])
-      .toBeInTheDocument ()
-    expect (within (tagSection ()).getAllByText ('↳').length).toBeGreaterThan (0)
-
-    fireEvent.click (screen.getByRole ('button', { name: '2 列 A 型' }))
-    fireEvent.click (screen.getAllByRole ('button', { name: '横並び' })[0])
-
-    await waitFor (() => {
-      expect (within (tagSection ()).getByRole ('link', { name: '親タグ' }))
-	.toBeInTheDocument ()
-      expect (within (tagSection ()).getByRole ('link', { name: '別親タグ' }))
-	.toBeInTheDocument ()
-      expect (within (tagSection ()).getByRole ('link', { name: '子タグ' }))
-	.toBeInTheDocument ()
-      expect (within (tagSection ()).getAllByRole ('link', { name: '子タグ' }))
-	.toHaveLength (1)
-    })
-  })
-
   it ('does not advance host post while video length is unknown', async () => {
     api.apiPut.mockImplementation ((path: string) => {
       switch (path)

frontend/src/pages/theatres/TheatreDetailPage.tsx

@@ -15,12 +15,6 @@ import { SITE_TITLE } from '@/config'
 import { CATEGORIES, CATEGORY_NAMES } from '@/consts'
 import { apiDelete, apiGet, apiPatch, apiPost, apiPut, isApiError } from '@/lib/api'
 import { fetchPost } from '@/lib/posts'
-import {
-  getClientTheatreLayoutMode,
-  getClientTheatreTagFlow,
-  setClientTheatreLayoutMode,
-  setClientTheatreTagFlow,
-} from '@/lib/settings'
 import { canEditContent } from '@/lib/users'
 import { cn, dateString, inputClass } from '@/lib/utils'
 import { useValidationErrors } from '@/lib/useValidationErrors'
@@ -56,6 +50,9 @@ const INITIAL_THEATRE_INFO: TheatreInfo =
 const INITIAL_WEIGHTS: TheatrePostSelectionWeights =
     { tagPenalties: [], lightestPosts: [], heaviestPosts: [] }
 
+const LAYOUT_STORAGE_KEY = 'theatre-layout-mode'
+const TAG_FLOW_STORAGE_KEY = 'theatre-tag-flow'
+
 const LAYOUT_LABELS: Record<TheatreLayoutMode, string> = {
     threeColumns:   '3 列',
     tagsBottom:     '2 列 A 型',
@@ -105,28 +102,6 @@ const compareTagName = (a: Tag, b: Tag): number =>
     a.name === b.name ? 0 : (a.name < b.name ? -1 : 1)
 
 
-const flattenTags = (tags: Tag[]): Tag[] => {
-  const flattened: Tag[] = []
-  const seen = new Set<number> ()
-
-  const visit = (tag: Tag) => {
-    if (seen.has (tag.id))
-      return
-
-    seen.add (tag.id)
-    flattened.push (tag)
-
-    for (const child of tag.children ?? [])
-      visit (child)
-  }
-
-  for (const tag of tags)
-    visit (tag)
-
-  return flattened
-}
-
-
 const tagsByCategory = (tags: Tag[]): Partial<Record<Category, Tag[]>> => {
   const grouped: Partial<Record<Category, Tag[]>> = { }
 
@@ -143,39 +118,15 @@ const tagsByCategory = (tags: Tag[]): Partial<Record<Category, Tag[]>> => {
 }
 
 
-const renderReadonlyTagTree = (
-    tag:       Tag,
-    nestLevel: number,
-    path:      string,
-    ancestors: Set<number> = new Set<number> (),
-): ReactNode[] => {
-  const key = `${ path }-${ tag.id }`
-  const nextAncestors = new Set (ancestors)
-  nextAncestors.add (tag.id)
-
-  return [
-      (
-	  <li key={key} className="text-left leading-tight">
-	    <TagLink tag={tag} nestLevel={nestLevel} withCount={false}/>
-	  </li>),
-      ...((tag.children ?? [])
-	  .filter (child => !(nextAncestors.has (child.id)))
-	  .sort (compareTagName)
-	  .flatMap (child =>
-	      renderReadonlyTagTree (child, nestLevel + 1, key, nextAncestors)))]
-}
-
-
 const TagList: FC<{ tags: Tag[]; compact?: boolean; flow?: TagFlow }> = (
     { tags, compact, flow = 'vertical' }) => {
-  const horizontalGrouped = tagsByCategory (flattenTags (tags))
+  const grouped = tagsByCategory (tags)
-  const verticalGrouped = tagsByCategory (tags)
 
   if (flow === 'horizontal')
     {
       return (
 	  <ul className={cn ('flex flex-wrap gap-x-3 gap-y-1', compact && 'text-sm')}>
-	    {CATEGORIES.flatMap (cat => horizontalGrouped[cat] ?? []).map (tag => (
+	    {CATEGORIES.flatMap (cat => grouped[cat] ?? []).map (tag => (
 		<li key={tag.id} className="text-left leading-tight">
 		  <TagLink tag={tag} withCount={false}/>
 		</li>))}
@@ -185,7 +136,7 @@ const TagList: FC<{ tags: Tag[]; compact?: boolean; flow?: TagFlow }> = (
   return (
       <div className="space-y-3">
 	{CATEGORIES.map (cat => {
-	  const rows = verticalGrouped[cat] ?? []
+	  const rows = grouped[cat] ?? []
 	  if (rows.length === 0)
 	    return null
 
@@ -195,8 +146,10 @@ const TagList: FC<{ tags: Tag[]; compact?: boolean; flow?: TagFlow }> = (
 		  {CATEGORY_NAMES[cat]}
 		</div>
 		<ul className={cn ('space-y-1', compact && 'text-sm')}>
-		  {rows.flatMap (tag =>
+		  {rows.map (tag => (
-		      renderReadonlyTagTree (tag, 0, `cat-${ cat }`))}
+		      <li key={tag.id} className="text-left leading-tight">
+			<TagLink tag={tag} withCount={false}/>
+		      </li>))}
 		</ul>
 	      </div>)
 	})}
@@ -231,20 +184,32 @@ const TheatreDetailPage: FC<Props> = ({ user }: Props) => {
   const [post, setPost] = useState<Post | null> (null)
   const [videoLength, setVideoLength] = useState (0)
   const [weights, setWeights] = useState<TheatrePostSelectionWeights> (INITIAL_WEIGHTS)
-  const [layoutMode, setLayoutMode] =
+  const [layoutMode, setLayoutMode] = useState<TheatreLayoutMode> (() => {
-      useState<TheatreLayoutMode> (() => getClientTheatreLayoutMode ())
+    const stored = localStorage.getItem (LAYOUT_STORAGE_KEY)
-  const [tagFlow, setTagFlow] = useState<TagFlow> (() => getClientTheatreTagFlow ())
+    return (
+	((['threeColumns', 'tagsBottom', 'commentsBottom'] as TheatreLayoutMode[])
+	 .includes (stored as TheatreLayoutMode))
+	? (stored as TheatreLayoutMode)
+	: 'threeColumns')
+  })
+  const [tagFlow, setTagFlow] = useState<TagFlow> (() => {
+    const stored = localStorage.getItem (TAG_FLOW_STORAGE_KEY)
+    return (
+	(['vertical', 'horizontal'] as TagFlow[]).includes (stored as TagFlow)
+	? (stored as TagFlow)
+	: 'vertical')
+  })
   const { fieldErrors, clearValidationErrors, applyValidationError } =
       useValidationErrors<TheatreCommentField> ()
 
   const changeLayoutMode = (mode: TheatreLayoutMode) => {
     setLayoutMode (mode)
-    setClientTheatreLayoutMode (mode)
+    localStorage.setItem (LAYOUT_STORAGE_KEY, mode)
   }
 
   const changeTagFlow = (flow: TagFlow) => {
     setTagFlow (flow)
-    setClientTheatreTagFlow (flow)
+    localStorage.setItem (TAG_FLOW_STORAGE_KEY, flow)
   }
 
   const applyTheatreInfo = useCallback ((nextInfo: TheatreInfo) => {

frontend/src/pages/users/SettingPage.tsx

@@ -1,553 +1,43 @@
-import type { CSSProperties, Dispatch, FC, KeyboardEvent, SetStateAction } from 'react'
+import type { FC } from 'react'
 
-import { useEffect, useMemo, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { Helmet } from 'react-helmet-async'
-import { useLocation, useNavigate } from 'react-router-dom'
 
 import FieldError from '@/components/common/FieldError'
+import Form from '@/components/common/Form'
 import FormField from '@/components/common/FormField'
 import Label from '@/components/common/Label'
 import PageTitle from '@/components/common/PageTitle'
 import MainArea from '@/components/layout/MainArea'
-import TagLink from '@/components/TagLink'
 import InheritDialogue from '@/components/users/InheritDialogue'
 import UserCodeDialogue from '@/components/users/UserCodeDialogue'
-import { CATEGORY_NAMES, CATEGORIES } from '@/consts'
 import { Button } from '@/components/ui/button'
 import { toast } from '@/components/ui/use-toast'
 import { SITE_TITLE } from '@/config'
 import { apiPut } from '@/lib/api'
-import {
+import { inputClass } from '@/lib/utils'
-    applyThemeSelection,
-    BUILTIN_THEMES,
-    createCustomThemeFromBase,
-    defaultThemeTagColoursFor,
-    DEFAULT_USER_SETTINGS,
-    deriveUserThemeModeFromSelection,
-    fetchUserSettings,
-    hasStoredClientThemeSelection,
-    getClientActiveThemeId,
-    getClientCustomThemes,
-    getResolvedThemeFromSelection,
-    setClientAppearanceThemes,
-    updateUserSettings,
-} from '@/lib/settings'
-import { cn, inputClass } from '@/lib/utils'
 import { useValidationErrors } from '@/lib/useValidationErrors'
 
-import type { Category, Tag, User } from '@/types'
+import type { User } from '@/types'
-import type {
-    ActiveThemeId,
-    ClientTheme,
-    CustomClientTheme,
-    ThemeTagColours,
-    UserSettings,
-} from '@/lib/settings'
 
-type Props = {
+type Props = { user:    User | null
-    user:     User | null
+	       setUser: React.Dispatch<React.SetStateAction<User | null>> }
-    setUser:  Dispatch<SetStateAction<User | null>>
-}
 
 type UserFormField = 'name'
-type SettingsFormField = 'theme'
-type SettingsTab = 'account' | 'theme' | 'keyboard'
-
-type TabSpec = {
-    id:     SettingsTab
-    label:  string }
-
-type SharedSectionProps = {
-    user:                  User
-    name:                  string
-    onNameChange:          (value: string) => void
-    onInheritOpen:         () => void
-    onUserCodeOpen:        () => void
-    onUserSubmit:          () => void
-    userBaseErrors:        string[]
-    userFieldErrors:       Partial<Record<UserFormField, string[]>>
-    draftActiveThemeId:    ActiveThemeId
-    draftCustomThemes:     Record<string, CustomClientTheme>
-    selectedTheme:         ClientTheme
-    draftTagColours:       ThemeTagColours
-    onThemeChange:         (themeId: ActiveThemeId) => void
-    onTagColourChange:     (category: Category, colour: string) => void
-    onResetAllTagColours:  () => void
-    onResetTagColour:      (category: Category) => void
-    onThemeSubmit:         () => void
-    settingsBaseErrors:    string[]
-    settingsFieldErrors:   Partial<Record<SettingsFormField, string[]>>
-}
-
-const tabs: TabSpec[] = [
-    { id: 'account', label: 'アカウント' },
-    { id: 'theme', label: 'テーマ' },
-    { id: 'keyboard', label: 'キーボード' },
-]
-
-const sectionClassName =
-    'space-y-4 rounded-xl border border-border bg-background/80 p-4'
-
-const themeLabel: Record<UserSettings['theme'], string> = {
-    system: 'システム設定に従う',
-    light:  'ライト・モード',
-    dark:   'ダーク・モード',
-}
-
-const builtinThemeLabel: Record<'light' | 'dark', string> = {
-    light: 'ライト・モード',
-    dark:  'ダーク・モード',
-}
-
-const keyboardShortcutRows = [
-    {
-	action:   '投稿詳細を開く',
-	key:      'Enter',
-	scope:    '一覧・検索結果',
-	conflict: 'なし',
-    },
-    {
-	action:   '候補タグを選ぶ',
-	key:      '↑ / ↓ / Enter',
-	scope:    'タグ入力',
-	conflict: 'なし',
-    },
-    {
-	action:   '候補タグを閉じる',
-	key:      'Escape',
-	scope:    'タグ入力',
-	conflict: 'なし',
-    },
-]
-
-const previewTag = (
-    id:         number,
-    name:       string,
-    category:   Category,
-    postCount:  number,
-    hasWiki:    boolean,
-    options?:   { hasDeerjikists?: boolean },
-): Tag => ({
-    id,
-    name,
-    category,
-    deprecatedAt: null,
-    aliases: [],
-    parents: [],
-    postCount,
-    createdAt: '',
-    updatedAt: '',
-    hasWiki,
-    materialId: null,
-    hasDeerjikists: options?.hasDeerjikists ?? false,
-    children: [],
-})
-
-const previewTags: Record<Category, Tag> = {
-    deerjikist: previewTag (1, 'にじらー', 'deerjikist', 12, true, { hasDeerjikists: true }),
-    meme: previewTag (2, 'ミーム', 'meme', 34, true),
-    character: previewTag (3, 'キャラクター', 'character', 56, false),
-    general: previewTag (4, '一般', 'general', 78, true),
-    material: previewTag (5, '素材', 'material', 90, false),
-    meta: previewTag (6, 'メタ', 'meta', 21, true),
-    nico: previewTag (7, 'nico:sm9', 'nico', 43, false),
-}
-
-
-const parseTab = (search: string): SettingsTab => {
-  const tab = new URLSearchParams (search).get ('tab')
-  return tabs.some (candidate => candidate.id === tab)
-    ? tab as SettingsTab
-    : 'account'
-}
-
-
-const tabButtonId = (tab: SettingsTab): string => `settings-tab-${ tab }`
-const tabPanelId = (tab: SettingsTab): string => `settings-panel-${ tab }`
-
-
-const themePreviewStyle = (tagColours: ThemeTagColours): CSSProperties =>
-    Object.fromEntries (
-	CATEGORIES.flatMap (category => [
-	    [`--tag-colour-${ category }`, tagColours[category]],
-	    [`--tag-colour-${ category }-hover`, tagColours[category]],
-	]),
-    ) as CSSProperties
-
-
-const themeLabelById = (
-    themeId:       ActiveThemeId,
-    customThemes:  Record<string, CustomClientTheme>,
-): string => {
-  if (themeId === 'system')
-    return themeLabel.system
-  if (themeId === 'light' || themeId === 'dark')
-    return builtinThemeLabel[themeId]
-  return (customThemes[themeId] ?? BUILTIN_THEMES.light).name
-}
-
-
-const AccountSection: FC<SharedSectionProps> = ({
-    name,
-    onInheritOpen,
-    onNameChange,
-    onUserCodeOpen,
-    onUserSubmit,
-    user,
-    userBaseErrors,
-    userFieldErrors,
-}) => (
-    <section className={sectionClassName}>
-      <h2 className="text-xl font-bold">アカウント</h2>
-      <FieldError messages={userBaseErrors}/>
-
-      <FormField label="表示名" messages={userFieldErrors.name}>
-	{({ describedBy, invalid }) => (
-	    <>
-	      <input
-		  type="text"
-		  aria-describedby={describedBy}
-		  aria-invalid={invalid}
-		  className={inputClass (invalid)}
-		  value={name}
-		  placeholder="名もなきニジラー"
-		  onChange={ev => onNameChange (ev.target.value)}/>
-	      {!(user.name) && (
-		  <p className="mt-1 text-sm text-red-500">
-		    名前が未設定のアカウントは 30 日間アクセスしないと削除されます!!!!
-		  </p>)}
-	    </>)}
-      </FormField>
-
-      <div className="flex flex-wrap gap-2">
-	<Button type="button" onClick={onUserSubmit}>
-	  表示名を更新
-	</Button>
-      </div>
-
-      <div className="space-y-2">
-	<Label>引継ぎ</Label>
-	<div className="flex flex-wrap gap-2">
-	  <Button
-	      type="button"
-	      onClick={onUserCodeOpen}
-	      className="bg-gray-600 text-white"
-	      disabled={!(user)}>
-	    引継ぎコードを表示
-	  </Button>
-	  <Button
-	      type="button"
-	      onClick={onInheritOpen}
-	      className="bg-red-600 text-white"
-	      disabled={!(user)}>
-	    ほかのブラウザから引継ぐ
-	  </Button>
-	</div>
-      </div>
-    </section>)
-
-
-const ThemeSection: FC<SharedSectionProps> = ({
-    draftActiveThemeId,
-    draftCustomThemes,
-    selectedTheme,
-    draftTagColours,
-    onResetAllTagColours,
-    onResetTagColour,
-    onTagColourChange,
-    onThemeChange,
-    onThemeSubmit,
-    settingsBaseErrors,
-    settingsFieldErrors,
-}) => (
-    <section className={sectionClassName}>
-      <h2 className="text-xl font-bold">テーマ</h2>
-      <FieldError messages={settingsBaseErrors}/>
-
-      <FormField label="基本テーマ" messages={settingsFieldErrors.theme}>
-	{() => (
-	    <select
-		className={inputClass (Boolean (settingsFieldErrors.theme?.length))}
-		value={draftActiveThemeId}
-		onChange={ev => onThemeChange (ev.target.value as ActiveThemeId)}>
-	      <option value="system">{themeLabel.system}</option>
-	      <option value="light">{builtinThemeLabel.light}</option>
-	      <option value="dark">{builtinThemeLabel.dark}</option>
-	      {Object.values (draftCustomThemes).length > 0 && (
-		  <optgroup label="カスタムテーマ">
-		    {Object.values (draftCustomThemes).map (theme => (
-			<option key={theme.id} value={theme.id}>
-			  {theme.name}
-			</option>))}
-		  </optgroup>)}
-	    </select>)}
-      </FormField>
-
-      <div className="space-y-2 rounded-lg border border-dashed border-border/70 p-3 text-sm">
-	<p>
-	  テーマの選択状態は現在のブラウザに保存し，背景・文字色はそのテーマの base に従います．
-	</p>
-	<p className="text-muted-foreground">
-	  backend には system / light / dark の mode だけ保存します．
-	  カスタムテーマ本体は今は browser-local です．
-	</p>
-	<p className="text-muted-foreground">
-	  将来は themes テーブルなどへ移して，端末間同期できる構造に拡張できます．
-	</p>
-      </div>
-
-      <div className="space-y-3">
-	<div className="flex flex-wrap items-center justify-between gap-2">
-	  <div>
-	  <h3 className="font-medium">タグカテゴリ色</h3>
-	  <p className="text-sm text-muted-foreground">
-	    {selectedTheme.builtin || draftActiveThemeId === 'system'
-	     ? '組み込みテーマは直接変更されません．色を変更するとカスタムテーマを作成します．'
-	     : `現在の編輯対象: ${ selectedTheme.name }`}
-	  </p>
-	  </div>
-	  <Button
-	      type="button"
-	      variant="outline"
-	      onClick={onResetAllTagColours}
-	      disabled={selectedTheme.builtin || draftActiveThemeId === 'system'}>
-	    すべてのタグ色を既定に戻す
-	  </Button>
-	</div>
-
-	<div className="grid gap-3 sm:grid-cols-2">
-	  {CATEGORIES.map (category => {
-	      const resolvedDefaults =
-		  defaultThemeTagColoursFor (selectedTheme.baseTheme)
-	      const isDefault =
-		  draftTagColours[category] === resolvedDefaults[category]
-
-	      return (
-		  <div
-		      key={category}
-		      className="space-y-2 rounded-lg border border-border/70 px-3 py-2">
-		    <div className="flex items-center justify-between gap-3">
-		      <span className="text-sm">{CATEGORY_NAMES[category]}</span>
-		      <input
-			  type="color"
-			  value={draftTagColours[category]}
-			  onChange={ev => onTagColourChange (category, ev.target.value)}
-			  className="h-10 w-16 cursor-pointer rounded border border-border
-				     bg-transparent p-1"/>
-		    </div>
-		    <div className="flex justify-end">
-		      <Button
-			  type="button"
-			  variant="ghost"
-			  className="h-auto px-0 py-0 text-xs"
-			  onClick={() => onResetTagColour (category)}
-			  disabled={
-			      isDefault
-			      || selectedTheme.builtin
-			      || draftActiveThemeId === 'system'
-			  }>
-			既定に戻す
-		      </Button>
-		    </div>
-		  </div>)
-	  })}
-	</div>
-      </div>
-
-      <div className="space-y-2 rounded-lg border border-border bg-background p-3
-		      text-foreground shadow-sm transition-colors">
-	<p className="text-sm font-medium">プレビュー</p>
-	<p className="text-xs text-muted-foreground">
-	  現在の表示テーマ: {themeLabelById (draftActiveThemeId, draftCustomThemes)}
-	</p>
-	<div className="flex flex-wrap gap-3" style={themePreviewStyle (draftTagColours)}>
-	  {CATEGORIES.map (category => (
-	      <TagLink
-		  key={category}
-		  tag={previewTags[category]}
-		  linkFlg={false}
-		  truncateOnMobile
-		  withWiki={false}/>))}
-	</div>
-      </div>
-
-      <div className="space-y-2 rounded-lg border border-dashed border-border/70 p-3 text-sm">
-	<p className="font-medium">既存 backend 設定について</p>
-	<p>
-	  auto_fetch_title、auto_fetch_thumbnail、wiki_editor_mode は backend 側に
-	  保持したままです．この共通設定画面にはまだ接続していません．
-	</p>
-      </div>
-
-      <Button type="button" onClick={onThemeSubmit}>
-	テーマを保存
-      </Button>
-    </section>)
-
-
-const KeyboardSection: FC = () => (
-    <section className={sectionClassName}>
-      <h2 className="text-xl font-bold">キーボード</h2>
-
-      <p className="text-sm text-muted-foreground">
-	現段階では一覧表示のみです．将来は action / key / scope / conflict を持つ
-	key bind 設定へ拡張できる形にしています．
-      </p>
-
-      <div className="overflow-x-auto">
-	<table className="w-full min-w-[28rem] 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>
-	    {keyboardShortcutRows.map (row => (
-		<tr key={row.action} className="border-b border-border/60 last:border-b-0">
-		  <td className="p-2">{row.action}</td>
-		  <td className="p-2 font-mono">{row.key}</td>
-		  <td className="p-2">{row.scope}</td>
-		  <td className="p-2">{row.conflict}</td>
-		</tr>))}
-	  </tbody>
-	</table>
-      </div>
-    </section>)
 
 
 const SettingPage: FC<Props> = ({ user, setUser }) => {
-  const location = useLocation ()
-  const navigate = useNavigate ()
-
-  const [inheritVsbl, setInheritVsbl] = useState (false)
-  const [loading, setLoading] = useState (true)
   const [name, setName] = useState ('')
-  const [settingsError, setSettingsError] = useState<string | null> (null)
-  const [, setDraftSettings] = useState<UserSettings> (DEFAULT_USER_SETTINGS)
-  const [savedActiveThemeId, setSavedActiveThemeId] =
-      useState<ActiveThemeId> (getClientActiveThemeId ())
-  const [savedCustomThemes, setSavedCustomThemes] =
-      useState<Record<string, CustomClientTheme>> (getClientCustomThemes ())
-  const [draftActiveThemeId, setDraftActiveThemeId] =
-      useState<ActiveThemeId> (getClientActiveThemeId ())
-  const [draftCustomThemes, setDraftCustomThemes] =
-      useState<Record<string, CustomClientTheme>> (getClientCustomThemes ())
   const [userCodeVsbl, setUserCodeVsbl] = useState (false)
-  const {
+  const [inheritVsbl, setInheritVsbl] = useState (false)
-    baseErrors: userBaseErrors,
+  const { baseErrors, fieldErrors, clearValidationErrors, applyValidationError } =
-    fieldErrors: userFieldErrors,
+      useValidationErrors<UserFormField> ()
-    clearValidationErrors: clearUserValidationErrors,
-    applyValidationError: applyUserValidationError,
-  } = useValidationErrors<UserFormField> ()
-  const {
-    baseErrors: settingsBaseErrors,
-    fieldErrors: settingsFieldErrors,
-    clearValidationErrors: clearSettingsValidationErrors,
-    applyValidationError: applySettingsValidationError,
-  } = useValidationErrors<SettingsFormField> ()
 
-  const activeTab = useMemo<SettingsTab> (() => parseTab (location.search), [location.search])
+  const handleSubmit = async () => {
-  const selectedTheme = useMemo<ClientTheme> (
-      () => getResolvedThemeFromSelection (draftActiveThemeId, draftCustomThemes),
-      [draftActiveThemeId, draftCustomThemes],
-  )
-  const draftTagColours = selectedTheme.tokens.tagColours
-
-  const setActiveTab = (tab: SettingsTab) => {
-    const params = new URLSearchParams (location.search)
-    params.set ('tab', tab)
-    navigate (
-	`${ location.pathname }?${ params.toString () }`,
-	{ replace: true },
-    )
-  }
-
-  const settingsTabErrors = useMemo<Record<SettingsTab, boolean>> (() => ({
-      account: Boolean (userFieldErrors.name?.length),
-      theme: Boolean (settingsFieldErrors.theme?.length),
-      keyboard: false,
-  }), [settingsFieldErrors.theme, userFieldErrors.name])
-
-  const applyDraftThemeSelection = (
-      activeThemeId: ActiveThemeId,
-      customThemes:  Record<string, CustomClientTheme>,
-  ) => {
-    setDraftActiveThemeId (activeThemeId)
-    setDraftCustomThemes (customThemes)
-    setDraftSettings (current => ({
-	...current,
-	theme: deriveUserThemeModeFromSelection (activeThemeId, customThemes),
-    }))
-    applyThemeSelection (activeThemeId, customThemes)
-  }
-
-  const ensureEditableCustomTheme = (): {
-      activeThemeId: ActiveThemeId
-      customThemes:  Record<string, CustomClientTheme>
-  } => {
-    if (draftActiveThemeId !== 'system' && draftCustomThemes[draftActiveThemeId] != null)
-      {
-	return {
-	    activeThemeId: draftActiveThemeId,
-	    customThemes: draftCustomThemes,
-	}
-      }
-
-    const customTheme = createCustomThemeFromBase (
-	selectedTheme.baseTheme,
-	{
-	    ...selectedTheme.tokens,
-	    tagColours: { ...selectedTheme.tokens.tagColours },
-	},
-    )
-    const nextCustomThemes = {
-	...draftCustomThemes,
-	[customTheme.id]: customTheme,
-    }
-
-    return {
-	activeThemeId: customTheme.id,
-	customThemes: nextCustomThemes,
-    }
-  }
-
-  const handleTabKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {
-    const currentIndex = tabs.findIndex (tab => tab.id === activeTab)
-
-    switch (event.key)
-    {
-    case 'ArrowDown':
-    case 'ArrowRight':
-      event.preventDefault ()
-      setActiveTab (tabs[(currentIndex + 1) % tabs.length].id)
-      break
-
-    case 'ArrowUp':
-    case 'ArrowLeft':
-      event.preventDefault ()
-      setActiveTab (tabs[(currentIndex - 1 + tabs.length) % tabs.length].id)
-      break
-
-    case 'Home':
-      event.preventDefault ()
-      setActiveTab (tabs[0].id)
-      break
-
-    case 'End':
-      event.preventDefault ()
-      setActiveTab (tabs[tabs.length - 1].id)
-      break
-    }
-  }
-
-  const handleUserSubmit = async () => {
     if (!(user))
       return
 
-    clearUserValidationErrors ()
+    clearValidationErrors ()
 
     const formData = new FormData
     formData.append ('name', name)
@@ -557,35 +47,13 @@ const SettingPage: FC<Props> = ({ user, setUser }) => {
       const data = await apiPut<User> (
 	  `/users/${ user.id }`, formData,
 	  { headers: { 'Content-Type': 'multipart/form-data' } })
-      setUser (currentUser => ({ ...currentUser, ...data }))
+      setUser (user => ({ ...user, ...data }))
-      toast ({ title: '表示名を更新しました．' })
+      toast ({ title: '設定を更新しました．' })
     }
-    catch (submitError)
+    catch (e)
     {
-      applyUserValidationError (submitError)
+      applyValidationError (e)
-      toast ({ title: '表示名を更新できませんでした．' })
+      toast ({ title: 'しっぱい……' })
-    }
-  }
-
-  const handleThemeSubmit = async () => {
-    clearSettingsValidationErrors ()
-
-    try
-    {
-      const themeMode =
-	  deriveUserThemeModeFromSelection (draftActiveThemeId, draftCustomThemes)
-      const data = await updateUserSettings ({ theme: themeMode })
-      setDraftSettings ({ ...data, theme: themeMode })
-      setSavedActiveThemeId (draftActiveThemeId)
-      setSavedCustomThemes (draftCustomThemes)
-      setClientAppearanceThemes (draftActiveThemeId, draftCustomThemes)
-      applyThemeSelection (draftActiveThemeId, draftCustomThemes)
-      toast ({ title: 'テーマ設定を保存しました．' })
-    }
-    catch (submitError)
-    {
-      applySettingsValidationError (submitError)
-      toast ({ title: 'テーマ設定を保存できませんでした．' })
     }
   }
 
@@ -596,152 +64,6 @@ const SettingPage: FC<Props> = ({ user, setUser }) => {
     setName (user.name ?? '')
   }, [user])
 
-  useEffect (() => {
-    if (!(user))
-      return
-
-    let cancelled = false
-
-    void (async () => {
-      setLoading (true)
-
-      try
-      {
-	const data = await fetchUserSettings ()
-	if (cancelled)
-	  return
-
-	const customThemes = getClientCustomThemes ()
-	const activeThemeId = hasStoredClientThemeSelection ()
-	    ? getClientActiveThemeId ()
-	    : data.theme
-	const themeMode = deriveUserThemeModeFromSelection (activeThemeId, customThemes)
-
-	setDraftSettings ({ ...data, theme: themeMode })
-	setSavedActiveThemeId (activeThemeId)
-	setSavedCustomThemes (customThemes)
-	setDraftActiveThemeId (activeThemeId)
-	setDraftCustomThemes (customThemes)
-	setSettingsError (null)
-      }
-      catch
-      {
-	if (cancelled)
-	  return
-
-	setSettingsError ('設定の読込みに失敗しました．')
-      }
-      finally
-      {
-	if (!(cancelled))
-	  setLoading (false)
-      }
-    }) ()
-
-    return () => {
-      cancelled = true
-    }
-  }, [user])
-
-  useEffect (() => {
-    if (userFieldErrors.name?.length)
-      setActiveTab ('account')
-  }, [location.pathname, location.search, userFieldErrors.name])
-
-  useEffect (() => {
-    if (settingsFieldErrors.theme?.length)
-      setActiveTab ('theme')
-  }, [location.pathname, location.search, settingsFieldErrors.theme])
-
-  useEffect (() => {
-    applyThemeSelection (draftActiveThemeId, draftCustomThemes)
-
-    return () => {
-      applyThemeSelection (savedActiveThemeId, savedCustomThemes)
-    }
-  }, [draftActiveThemeId, draftCustomThemes, savedActiveThemeId, savedCustomThemes])
-
-  const sectionProps: SharedSectionProps | null = user ? {
-      user,
-      name,
-      onNameChange: setName,
-      onInheritOpen: () => setInheritVsbl (true),
-      onUserCodeOpen: () => setUserCodeVsbl (true),
-      onUserSubmit: handleUserSubmit,
-      userBaseErrors,
-      userFieldErrors,
-      draftActiveThemeId,
-      draftCustomThemes,
-      selectedTheme,
-      draftTagColours,
-      onThemeChange: themeId => {
-	  applyDraftThemeSelection (themeId, draftCustomThemes)
-      },
-      onTagColourChange: (category, colour) => {
-	  const editable = ensureEditableCustomTheme ()
-	  const editableTheme = editable.customThemes[editable.activeThemeId]
-	  const nextCustomThemes = {
-	      ...editable.customThemes,
-	      [editable.activeThemeId]: {
-		  ...editableTheme,
-		  tokens: {
-		      ...editableTheme.tokens,
-		      tagColours: {
-			  ...editableTheme.tokens.tagColours,
-			  [category]: colour,
-		      },
-		  },
-	      },
-	  }
-	  applyDraftThemeSelection (editable.activeThemeId, nextCustomThemes)
-      },
-      onResetAllTagColours: () => {
-	  if (selectedTheme.builtin || draftActiveThemeId === 'system')
-	    return
-
-	  applyDraftThemeSelection (
-	      draftActiveThemeId,
-	      {
-		  ...draftCustomThemes,
-		  [draftActiveThemeId]: {
-		      ...draftCustomThemes[draftActiveThemeId],
-		      tokens: {
-			  ...draftCustomThemes[draftActiveThemeId].tokens,
-			  tagColours: {
-			      ...defaultThemeTagColoursFor (selectedTheme.baseTheme),
-			  },
-		      },
-		  },
-	      },
-	  )
-      },
-      onResetTagColour: category => {
-	  if (selectedTheme.builtin || draftActiveThemeId === 'system')
-	    return
-
-	  applyDraftThemeSelection (
-	      draftActiveThemeId,
-	      {
-		  ...draftCustomThemes,
-		  [draftActiveThemeId]: {
-		      ...draftCustomThemes[draftActiveThemeId],
-		      tokens: {
-			  ...draftCustomThemes[draftActiveThemeId].tokens,
-			  tagColours: {
-			      ...draftCustomThemes[draftActiveThemeId].tokens.tagColours,
-			      [category]:
-				  defaultThemeTagColoursFor (selectedTheme.baseTheme)[category],
-			  },
-		      },
-		  },
-	      },
-	  )
-      },
-      onThemeSubmit: handleThemeSubmit,
-      settingsBaseErrors,
-      settingsFieldErrors,
-  } : null
-
   return (
       <MainArea>
 	<Helmet>
@@ -749,80 +71,62 @@ const SettingPage: FC<Props> = ({ user, setUser }) => {
 	  <title>設定 | {SITE_TITLE}</title>
 	</Helmet>
 
-	<div className="mx-auto max-w-xl space-y-4 p-4 md:hidden">
+	<Form>
 	  <PageTitle>設定</PageTitle>
-	  <FieldError messages={settingsError ? [settingsError] : []}/>
+
-	  {loading ? 'Loading...' : (
+	  {user ? (
 	      <>
-		{sectionProps && (
+		<FieldError messages={baseErrors}/>
-		    <>
-		      <AccountSection {...sectionProps}/>
-		      <ThemeSection {...sectionProps}/>
-		      <KeyboardSection/>
-		    </>)}
-	      </>)}
-	</div>
 
-	<div className="hidden md:flex md:justify-center md:px-4">
+		{/* 名前 */}
-	  <div className="grid w-full max-w-[58rem] grid-cols-[12rem_minmax(0,1fr)] gap-6">
+		<FormField label="表示名" messages={fieldErrors.name}>
-	    <div
+		  {({ describedBy, invalid }) => (
-		role="tablist"
+		      <>
-		aria-label="設定区分"
+		  <input type="text"
-		aria-orientation="vertical"
+			 aria-describedby={describedBy}
-		className="sticky top-4 flex h-fit flex-col gap-2">
+			 aria-invalid={invalid}
-	      {tabs.map (tab => (
+			 className={inputClass (invalid)}
-		  <button
+			 value={name}
-		      key={tab.id}
+			 placeholder="名もなきニジラー"
-		      id={tabButtonId (tab.id)}
+			 onChange={ev => setName (ev.target.value)}/>
-		      type="button"
+		  {(user && !(user.name)) && (
-		      role="tab"
+		      <p className="mt-1 text-sm text-red-500">
-		      aria-selected={activeTab === tab.id}
+			名前が未設定のアカウントは 30 日間アクセスしないと削除されます!!!!
-		      aria-controls={tabPanelId (tab.id)}
+		      </p>)}
-		      tabIndex={activeTab === tab.id ? 0 : -1}
+		      </>)}
-		      className={cn (
+		</FormField>
-			  'rounded-xl border px-4 py-3 text-left text-sm font-medium',
-			  activeTab === tab.id
-			  ? ['border-slate-900 bg-slate-900 text-white',
-			     'dark:border-slate-100 dark:bg-slate-100 dark:text-slate-900']
-			  : ['border-slate-300 bg-white text-slate-700',
-			     'dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100'],
-		      )}
-		      onClick={() => setActiveTab (tab.id)}
-		      onKeyDown={handleTabKeyDown}>
-		    {tab.label}
-		    {settingsTabErrors[tab.id] ? ' ⚠' : ''}
-		  </button>))}
-	    </div>
 
-	    <div className="w-full max-w-xl justify-self-center space-y-4">
+		{/* 送信 */}
-	      <PageTitle>設定</PageTitle>
+		<Button onClick={handleSubmit}
-	      <FieldError messages={settingsError ? [settingsError] : []}/>
+			className="px-4 py-2 bg-blue-600 text-white rounded disabled:bg-gray-400">
-	      {loading ? 'Loading...' : (
+		  更新
-		  <div
+		</Button>
-		      id={tabPanelId (activeTab)}
-		      role="tabpanel"
-		      aria-labelledby={tabButtonId (activeTab)}>
-		    {sectionProps && (
-			<>
-			  {activeTab === 'account' && <AccountSection {...sectionProps}/>}
-			  {activeTab === 'theme' && <ThemeSection {...sectionProps}/>}
-			  {activeTab === 'keyboard' && <KeyboardSection/>}
-			</>)}
-		  </div>)}
-	    </div>
-	  </div>
-	</div>
 
-	<UserCodeDialogue
+		{/* 引継ぎ */}
-	    visible={userCodeVsbl}
+		<div>
-	    onVisibleChange={setUserCodeVsbl}
+		  <Label>引継ぎ</Label>
-	    user={user}
+		  <Button onClick={() => setUserCodeVsbl (true)}
-	    setUser={setUser}/>
+			  className="px-4 py-2 bg-gray-600 text-white rounded disabled:bg-gray-400"
+			  disabled={!(user)}>
+		    引継ぎコードを表示
+		  </Button>
+		  <Button onClick={() => setInheritVsbl (true)}
+			  className="ml-2 px-4 py-2 bg-red-600 text-white rounded disabled:bg-gray-400"
+			  disabled={!(user)}>
+		    ほかのブラウザから引継ぐ
+		  </Button>
+		</div>
+	      </>) : 'Loading...'}
+	</Form>
 
-	<InheritDialogue
+	<UserCodeDialogue visible={userCodeVsbl}
-	    visible={inheritVsbl}
+			  onVisibleChange={setUserCodeVsbl}
-	    onVisibleChange={setInheritVsbl}
+			  user={user}
-	    setUser={setUser}/>
+			  setUser={setUser}/>
+
+	<InheritDialogue visible={inheritVsbl}
+			 onVisibleChange={setInheritVsbl}
+			 setUser={setUser}/>
       </MainArea>)
 }
 

frontend/src/pages/wiki/WikiEditPage.tsx

@@ -24,11 +24,6 @@ import type { FC } from 'react'
 import type { User, WikiPage } from '@/types'
 
 const mdParser = new MarkdownIt
-const FIXED_WIKI_EDITOR_VIEW = { menu: true, md: true, html: true } as const
-
-// `wiki_editor_mode` is still kept in backend settings, but the common
-// settings screen does not expose it at present. Until that UI returns, the
-// editor stays on the fixed split view here.
 
 type Props = { user: User | null }
 
@@ -119,7 +114,6 @@ const WikiEditPage: FC<Props> = ({ user }) => {
 		  {() => (
 		      <MdEditor value={body}
 				style={{ height: '500px' }}
-				config={{ view: FIXED_WIKI_EDITOR_VIEW }}
 				renderHTML={text => mdParser.render (text)}
 				onChange={({ text }) => setBody (text)}/>)}
 		</FormField>

frontend/src/pages/wiki/WikiNewPage.tsx

@@ -22,11 +22,6 @@ import 'react-markdown-editor-lite/lib/index.css'
 import type { User, WikiPage } from '@/types'
 
 const mdParser = new MarkdownIt
-const FIXED_WIKI_EDITOR_VIEW = { menu: true, md: true, html: true } as const
-
-// `wiki_editor_mode` is still kept in backend settings, but the common
-// settings screen does not expose it at present. Until that UI returns, the
-// editor stays on the fixed split view here.
 
 type Props = { user: User | null }
 
@@ -97,7 +92,6 @@ const WikiNewPage: FC<Props> = ({ user }) => {
 	    {() => (
 		<MdEditor value={body}
 			  style={{ height: '500px' }}
-			  config={{ view: FIXED_WIKI_EDITOR_VIEW }}
 			  renderHTML={text => mdParser.render (text)}
 			  onChange={({ text }) => setBody (text)}/>)}
 	  </FormField>

frontend/src/test/factories.ts

@@ -1,6 +1,6 @@
 import type { Material,
 	      Post,
-	      TagWithSections,
+	      Tag,
 	      Theatre,
 	      TheatreComment,
 	      TheatreInfo,
@@ -9,7 +9,7 @@ import type { Material,
 	      User,
 	      WikiPage } from '@/types'
 
-export const buildTag = (overrides: Partial<TagWithSections> = {}): TagWithSections => ({
+export const buildTag = (overrides: Partial<Tag> = {}): Tag => ({
   id:             1,
   name:           'テストタグ',
   category:       'general',
@@ -23,8 +23,6 @@ export const buildTag = (overrides: Partial<TagWithSections> = {}): TagWithSecti
   materialId:     null,
   hasDeerjikists: false,
   matchedAlias:   null,
-  sections:       [],
-  children:       [],
   ...overrides,
 })
 
@@ -35,7 +33,6 @@ export const buildPost = (overrides: Partial<Post> = {}): Post => ({
   title:                 'テスト投稿',
   thumbnail:             'https://example.com/thumb.jpg',
   thumbnailBase:         null,
-  videoMs:               null,
   tags:                  [buildTag ()],
   parentPosts:           [],
   childPosts:            [],

frontend/src/types.ts

@@ -288,12 +288,11 @@ export type Post = {
     title:                  string | null
     thumbnail:              string | null
     thumbnailBase:          string | null
-    videoMs:                number | null
     postSimilarityEdges?:   {
 			      targetPostId: number
 			      cos:          number
 			  }[]
-    tags:                   TagWithSections[]
+    tags:                   Tag[]
     parentPosts?:           Post[]
     childPosts?:            Post[]
     siblingPosts?:          Record<`${ number }`, Post[]>
@@ -321,7 +320,6 @@ export type PostVersion = {
     url:                    { current: string; prev: string | null }
     thumbnail:              { current: string | null; prev: string | null }
     thumbnailBase:          { current: string | null; prev: string | null }
-    videoMs:                { current: number | null; prev: number | null }
     tags:                   { name: string
 			      type: 'context' | 'added' | 'removed' }[]
     parentPosts:            { id: number
@@ -371,10 +369,6 @@ export type TagVersion = {
     createdAt:              string
     createdByUser:          { id: number; name: string | null } | null }
 
-export type TagWithSections = Omit<Tag, 'children'> & { sections: { beginMs:  number
-								    endMs:    number | null }[]
-					              children: TagWithSections[] }
-
 export type Theatre = {
     id:             number
     name:           string | null

frontend/tailwind.config.js

@@ -8,7 +8,6 @@ import { DARK_COLOUR_SHADE,
 const colours = Object.values (TAG_COLOUR)
 
 export default {
-    darkMode: 'class',
     content: ['./src/**/*.{html,js,ts,jsx,tsx,mdx}'],
     safelist: [...colours.map (c => `text-${ c }-${ LIGHT_COLOUR_SHADE }`),
 	       ...colours.map (c => `hover:text-${ c }-${ LIGHT_COLOUR_SHADE - 200 }`),