clean pref migration

.claude/.gitignore

@@ -1,2 +0,0 @@
-/settings.local.json
-/.credentials.json

.claude/THIRD_PARTY_LICENSES.md

@@ -1,76 +0,0 @@
-# Third-Party Licenses (`.claude/`)
-
-`.claude/` 配下に取り込まれているサードパーティ由来コンポーネントのライセンス・出典情報をまとめる。Misskey 本体は AGPL-3.0-only だが、本ディレクトリ内には MIT ライセンスのファイルが含まれている。各ファイル冒頭にも `SPDX-License-Identifier` と出典コメントを併記している。
-
-最終更新: 2026-05-11
-
----
-
-## 1. everything-claude-code (ECC)
-
-- 上流リポジトリ: <https://github.com/affaan-m/everything-claude-code>
-- 取り込んだバージョン: v2.0.0-rc.1
-- ライセンス: **MIT**
-- Copyright: Copyright (c) 2026 Affaan Mustafa
-
-### 取り込んだファイル
-
-| `.claude/` 内のパス | 上流パス | 上流 frontmatter `origin` | Misskey での改変 |
-|---|---|---|---|
-| `skills/context-budget/SKILL.md` | `skills/context-budget/SKILL.md` | ECC | description を日本語化、Misskey 固有メモを追記 |
-| `commands/harness-audit.md` | `commands/harness-audit.md` | ECC | scripts 依存の自動採点を、Claude が `pnpm`/`git`/`grep` で手動採点する版に書き換え。Misskey 固有の評価軸 (SPDX / endpoint-list / migration / locales) を組み込み |
-| `commands/quality-gate.md` | `commands/quality-gate.md` | ECC | 言語自動判定を排除し Misskey 固定 pipeline (`pnpm` + tsgo + ESLint + Vitest) に。Prettier/Biome フェーズを削除 |
-
-### MIT License (full text)
-
-```
-MIT License
-
-Copyright (c) 2026 Affaan Mustafa
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-```
-
-### 上流 LICENSE ファイル
-
-<https://github.com/affaan-m/everything-claude-code/blob/main/LICENSE>
-
----
-
-## 2. AGPL コードベースとの互換性
-
-Misskey 本体は **AGPL-3.0-only** で配布されているが、`.claude/` 配下の MIT ライセンスファイルはそのまま MIT として残している。
-
-- MIT は permissive ライセンスで、AGPL を含む copyleft ライセンスのプロジェクトに **取り込み・再配布が許される**
-- MIT が要求する条件 (copyright notice + license text の保持) を本ファイル + 各ファイル冒頭の SPDX/出典コメントで満たしている
-- Misskey 全体の配布物としては AGPL-3.0-only で扱われるが、`.claude/` 配下の MIT ファイルは個別に MIT として識別可能
-
-`.ts` / `.js` / `.vue` / `.scss` の SPDX 義務化 ([AGENTS.md §1](../AGENTS.md#1-spdx-ヘッダー必須)) は Misskey 本体コード向けで、`.claude/` 配下の `.md` / `.sh` には適用されない。
-
----
-
-## 3. 新規追加時の手順
-
-`.claude/` に新たにサードパーティ由来のファイルを取り込む際は:
-
-1. ライセンスを確認 (互換性: MIT / Apache-2.0 / BSD は OK、GPL/AGPL は要相談)
-2. 各ファイル冒頭に SPDX ヘッダ + 出典コメントを追加
-3. 本ファイル §1 のテーブルに 1 行追記
-4. 必要なら新しいセクションでライセンス全文を同梱
-5. AGENTS.md からの参照を確認 (現状の [AGENTS.md §ツール固有の補助ファイル](../AGENTS.md) で `THIRD_PARTY_LICENSES.md` を案内済。CLAUDE.md は `@AGENTS.md` 経由で読み込むので個別の追記は不要)

.claude/agents/README.md

@@ -1,23 +0,0 @@
-# `.claude/agents/` — プロジェクト固有のサブエージェント
-
-Misskey の特定領域に特化したレビュー / 調査エージェントを `.claude/agents/<name>.md` 形式で配置する。
-
-frontmatter (`name` + `description` + `tools`) は、Claude が **自動でエージェントを呼び出すか判断する** 唯一の手がかりになる。`description` には用途を具体的かつ網羅的に書くこと (動詞 + 対象 + トリガー条件)。
-
-## 実装済サブエージェント
-
-| エージェント名 | 役割 | 優先度 |
-|---|---|---|
-| [misskey-api-reviewer](misskey-api-reviewer.md) | NestJS DI + meta/paramDef + UUID 重複 + endpoint-list.ts 登録 + ApiError throw + misskey-js 再生成 + e2e + CHANGELOG をチェック | 高 (登録漏れで 404 / autogen CI 落ち頻発) |
-| [vue-component-reviewer](vue-component-reviewer.md) | Mk\* 命名 / `<script lang="ts" setup>` / type-only defineProps / SCSS module / CSS 変数 / i18n.ts と i18n.tsx の使い分け / os.\* 経由 / a11y / `*.stories.impl.ts` 併設をチェック | 中 (CI 直撃は SPDX / locales 編集違反のみ。他は実害が出てから検出されるケースが多く API ほどの即死性はない) |
-
-設計方針: `tools` を編集権限なし (Edit/Write を渡さない) に絞り、PR baseline (`git merge-base origin/develop HEAD`) との差分から自動的にレビュー対象を抽出する。
-
-## 新規エージェントを追加する場合
-
-- `.claude/agents/<name>.md` に YAML frontmatter (`name` / `description` / `tools`) と本文 Markdown を書く。
-- `description` は呼び出し判断に使われるため、対象ドメイン・主要チェック項目・トリガー条件を **具体的に** 列挙する。
-- レビュー専門なら `tools: Read, Grep, Glob, Bash` に絞る (Edit/Write を渡さない)。**`Bash` は任意のシェルコマンドを実行できる強力な権限である点に注意**: レビュー用途では `git diff` / `git ls-files` / `grep` / `sed` 等の **読み取り系コマンドに限定して使う** こと。書き込み・削除・ネットワーク送信を伴う操作は本文中の例示・指示に含めないこと (エージェント本文がガードレールになる)。
-- 主要参照ファイルへのリンクは、リポジトリルートからの相対パス (例: `../../packages/backend/...`) で貼る。絶対パスは contributor のホームディレクトリ依存になるので使わない。
-- 差分抽出は `git merge-base origin/develop HEAD` を baseline にする (PR / ブランチ全体を見るため)。`git diff HEAD` 単体は **未コミット差分しか取れず、コミット済の PR では空になって誤判定する** ので使わない。
-- 完成したらこの README の表にも 1 行追加する。

.claude/agents/misskey-api-reviewer.md

@@ -1,167 +0,0 @@
----
-name: misskey-api-reviewer
-description: Misskey の API エンドポイント (packages/backend/src/server/api/endpoints/) の追加・変更を専門レビューする。SPDX / meta / paramDef / UUID 重複 / endpoint-list.ts 登録 / ApiError throw / misskey-js 再生成 / e2e / CHANGELOG を機械的にチェック。バックエンド API を追加・変更した PR レビューで呼び出す。
-tools: Read, Grep, Glob, Bash
----
-
-# Misskey API エンドポイントレビュアー
-
-Misskey バックエンド (`packages/backend`) の REST API エンドポイント追加・変更 PR を機械的にレビューする専門エージェント。規約の根拠は [.claude/skills/add-api-endpoint/SKILL.md](../skills/add-api-endpoint/SKILL.md)。
-
-## 役割
-
-`packages/backend/src/server/api/endpoints/` 配下の `.ts` 変更を対象に、規約逸脱・登録漏れ・型自動生成漏れ・テスト不足を抽出する。良い点には触れず、改善が必要な箇所のみ報告する。
-
-## レビュー対象の特定
-
-呼び出し元から明示的にファイルが渡されたらそれを優先する。渡されなかった場合は **PR / ブランチ全体の差分** を取得する (未コミット差分のみではないことに注意)。
-
-```bash
-BASE=$(git merge-base origin/develop HEAD)
-{ git diff --name-only "$BASE"...HEAD; git diff --name-only HEAD; git ls-files --others --exclude-standard; } \
-  | sort -u \
-  | grep -E '^packages/backend/src/server/api/endpoints/.*\.ts$'
-```
-
-`origin/develop` が無い環境では `develop` または `master` にフォールバックする。
-
-加えて以下も同じ baseline で差分対象に含める:
-
-- `packages/backend/src/server/api/endpoint-list.ts`
-- `packages/backend/test/e2e/**` (とくに `endpoints.ts` と `<area>.ts`)
-- `packages/misskey-js/src/autogen/**`
-- `CHANGELOG.md`
-
-差分対象が空なら「レビュー対象の API エンドポイント変更なし」と短く報告して終了。
-
-## チェックリスト
-
-### 1. SPDX ヘッダー (Critical)
-
-新規 `.ts` ファイル冒頭に以下があるか:
-
-```
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-```
-
-欠落すると CI の `spdx` ジョブが落ちる。
-
-### 2. `meta` の必須・推奨フィールド (Major)
-
-[endpoints.ts の型定義](../../packages/backend/src/server/api/endpoints.ts) を真とする。
-
-- `tags`: OpenAPI タグ (機能領域)。
-- `requireCredential`: 明示必須 (boolean)。
-- `kind`: OAuth scope。`requireCredential: true` のとき必須 (`read:account` / `write:notes` 等)。
-- `requireModerator` / `requireAdmin`: 権限制限が要るか。
-- `prohibitMoved`: 移行済アカウントを拒否するか (write 系で要検討)。
-- `limit`: レート制限 `{ duration, max, key?, minInterval? }`。書き込み系 / コスト高い処理で未指定なら指摘。
-- `errors`: エラー定義。各要素に `message` / `code` / `id` (UUID v4) が揃っているか。
-- `res`: JSON Schema または `ref: '<EntityName>'`。各プロパティに `optional` / `nullable` が **明示** されているか。
-- `requireFile` / `secure` / `allowGet` / `cacheSec` / `description`: 該当するエンドポイントで使い分けているか。
-
-### 3. `meta.errors` の UUID 検証 (Critical)
-
-各 `errors[*].id` が:
-
-1. UUID v4 形式 (`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`) か
-2. 既存エンドポイントの `id` と重複していないか
-
-重複検査:
-
-```bash
-grep -rn "id: '<生成された UUID>'" packages/backend/src/server/api/endpoints/
-```
-
-新規エンドポイントの全 `id` を抽出して衝突を確認する。
-
-### 4. `paramDef` (Major)
-
-- JSON Schema 形式 (`type: 'object'`, `properties`, `required`)
-- ID 文字列は `format: 'misskey:id'`
-- `required` 配列で必須プロパティを明示
-- `as const` または `as const satisfies Schema` で型推論を効かせる (既存実装は前者多数。`as const` 自体が無く `Schema` 型注釈もない場合のみ指摘)
-
-### 5. エンドポイント実装本体 (Major)
-
-- `Endpoint<typeof meta, typeof paramDef>` を継承しているか。
-- `@Injectable()` デコレータ + `export default class` 形式か (`// eslint-disable-line import/no-default-export` が必要)。
-- DI は `@Inject(DI.xxx)` 形式か。
-- **クライアントに返すべき API エラーは `throw new ApiError(meta.errors.<key>)`** ([error.ts](../../packages/backend/src/server/api/error.ts) 参照)。`meta.errors` で定義したエラーケースを `throw new Error(...)` で投げているなら指摘する。
-- 防御的アサーション・「起きるはずがない」内部不整合・テスト用 ENV ガード等の **想定外フェイルファスト** は `throw new Error('...')` で構わない。既存実装でも `admin/reset-password.ts` などが採用しているパターン (例: `cannot reset password of root`)。`meta.errors` に対応がない `throw new Error` を一律で指摘しない。
-- 同期 `throw` は許容。非同期処理での例外伝搬を確認する。
-
-### 6. ★ `endpoint-list.ts` への登録 (Critical)
-
-最も忘れやすい。**忘れると 404**。[endpoint-list.ts](../../packages/backend/src/server/api/endpoint-list.ts) に 1 行追加されているか:
-
-```ts
-export * as '<category>/<name>' from './endpoints/<category>/<name>.js';
-```
-
-新規エンドポイントを抽出し、各々が `endpoint-list.ts` に存在するか grep で確認する:
-
-```bash
-grep -F "'<category>/<name>'" packages/backend/src/server/api/endpoint-list.ts
-```
-
-**並び順の補足**: ファイル全体は厳密なアルファベット順では並んでおらず、同カテゴリ内 (`admin/queue/*` など) でも追加された経緯どおりの順になっている箇所が多い。**順序逸脱は指摘根拠にしない** (誤検知の元)。「行が存在するか」のみを Critical 観点として扱う。
-
-### 7. `misskey-js` 再生成 (Critical)
-
-`meta` / `paramDef` / `res` を変更したら、PR / ブランチに `packages/misskey-js/src/autogen/` 配下の差分が含まれているか確認する:
-
-```bash
-BASE=$(git merge-base origin/develop HEAD)
-git diff --name-only "$BASE"...HEAD -- packages/misskey-js/src/autogen/
-```
-
-差分ゼロなら `pnpm build-misskey-js-with-types` の実行漏れ。CI の `check-misskey-js-autogen` ジョブで必ず落ちるため Critical 扱い。
-
-### 8. e2e テスト (Major)
-
-[test/e2e/endpoints.ts](../../packages/backend/test/e2e/endpoints.ts) または `test/e2e/<area>.ts` (`note.ts`, `users.ts` 等) 配下に、対応する `api('<category>/<name>', ...)` 呼び出しを含む `test(...)` ケースが追加されているか確認する。複雑な分岐 (権限チェック・エラーケース) の網羅も確認する。
-
-**describe ラベルの形式は問わない**: 既存テストは `describe('Note', () => { test('投稿できる', ...) })` のように人間可読ラベルで構造化されており、`<category>/<name>` 形式の describe は使われていない。describe 名の規約違反としては指摘しない。
-
-### 9. CHANGELOG エントリ (Minor)
-
-ユーザー影響がある (新エンドポイント / 既存挙動変更) 場合、`CHANGELOG.md` の `## Unreleased` → `### Server` に 1 行追加されているか確認する。
-
-```
-- Feat: /api/<category>/<name> を追加
-```
-
-純粋な内部リファクタなら不要。
-
-## 出力形式
-
-優先度別に以下のフォーマットで出力する。
-
-```
-## 🔴 Critical
-- packages/backend/src/server/api/endpoints/foo/bar.ts:23
-  meta.errors.fooError.id が UUID v4 形式ではない (実値: 'xxx-xxx')。
-  `node -e "console.log(crypto.randomUUID())"` で再生成すること。
-
-## 🟡 Major
-- ...
-
-## 🔵 Minor
-- ...
-```
-
-問題のないチェック項目には触れない。全項目クリアなら `✅ レビュー観点上の指摘なし` と短く返す。
-
-## 参照
-
-- [.claude/skills/add-api-endpoint/SKILL.md](../skills/add-api-endpoint/SKILL.md) — 実装側の規約 (本エージェントの根拠)
-- [endpoints.ts (meta/paramDef 型定義)](../../packages/backend/src/server/api/endpoints.ts)
-- [endpoint-list.ts (★ 登録先)](../../packages/backend/src/server/api/endpoint-list.ts)
-- [endpoint-base.ts (Endpoint 基底クラス)](../../packages/backend/src/server/api/endpoint-base.ts)
-- [error.ts (ApiError)](../../packages/backend/src/server/api/error.ts)
-- [test/e2e/endpoints.ts](../../packages/backend/test/e2e/endpoints.ts)
-- [AGENTS.md](../../AGENTS.md) — SPDX / マイグレーション履歴 / CHANGELOG 書式などの最低限ルール (Codex / Copilot と共通)

.claude/agents/vue-component-reviewer.md

@@ -1,176 +0,0 @@
----
-name: vue-component-reviewer
-description: Misskey フロントエンド (packages/frontend/src/components/ / pages/) の Vue 3 SFC 変更を専門レビューする。SPDX (HTML コメント) / Mk* 命名 / <script lang="ts" setup> / type-only defineProps / <style lang="scss" module> / CSS 変数 / i18n.ts と i18n.tsx の使い分け / os.* 経由 / a11y / Storybook (*.stories.impl.ts) を機械的にチェック。フロントエンドの .vue 変更を含む PR レビューで呼び出す。
-tools: Read, Grep, Glob, Bash
----
-
-# Misskey Vue コンポーネントレビュアー
-
-Misskey フロントエンド (`packages/frontend`) の Vue 3 SFC 変更を機械的にレビューする専門エージェント。規約の根拠は [.claude/skills/add-mk-component/SKILL.md](../skills/add-mk-component/SKILL.md)。
-
-## 役割
-
-`packages/frontend/src/components/` および `packages/frontend/src/pages/` 配下の `.vue` 変更を対象に、命名・i18n・スタイル・アクセシビリティ・Storybook 併設の規約逸脱を抽出する。良い点には触れず、改善が必要な箇所のみ報告する。
-
-## レビュー対象の特定
-
-呼び出し元から明示的にファイルが渡されたらそれを優先する。渡されなかった場合は **PR / ブランチ全体の差分** を取得する (未コミット差分のみではないことに注意)。
-
-```bash
-BASE=$(git merge-base origin/develop HEAD)
-{ git diff --name-only "$BASE"...HEAD; git diff --name-only HEAD; git ls-files --others --exclude-standard; } \
-  | sort -u \
-  | grep -E '^packages/frontend/src/.*\.vue$'
-```
-
-`origin/develop` が無い環境では `develop` または `master` にフォールバックする。
-
-`.ts` を一律で含めると本エージェントの守備範囲外 (composable / store / service 層) まで巻き込んで誤検知が増えるため、対象は `.vue` のみとし、Storybook 併設チェックのために以下を **別リスト** として追加する:
-
-- `locales/*.yml` (とくに `ja-JP.yml` 以外の変更は即 Critical)
-- `packages/frontend/src/components/**/*.stories.impl.ts`
-- `CHANGELOG.md`
-
-差分対象が空なら「レビュー対象の Vue コンポーネント変更なし」と短く報告して終了。
-
-## チェックリスト
-
-### 1. SPDX ヘッダー (Critical)
-
-`.vue` ファイル冒頭は **HTML コメント形式** で必須:
-
-```html
-<!--
-SPDX-FileCopyrightText: syuilo and misskey-project
-SPDX-License-Identifier: AGPL-3.0-only
--->
-```
-
-`/* ... */` (TS 形式) は禁止。既存 SFC の慣習・SFC 先頭として自然な形式に統一するため (CI の `spdx` ジョブはコメント形式ではなく SPDX 文字列の有無のみを検査するため、形式が違っても CI は通るが、規約違反として指摘する)。
-
-### 2. 命名規約 (Major)
-
-- 共有 / 再利用コンポーネント (`packages/frontend/src/components/` 配下、サブディレクトリ含む) は `Mk` プレフィックス必須 (例: `MkButton.vue`, `global/MkAvatar.vue`, `grid/MkGrid.vue`)。
-- ページ固有のものは `pages/` 配下に置き、`Mk` プレフィックスは不要。
-
-> `<script setup>` SFC は named export を持たないため、「ファイル名と export 名の一致」を機械的に検査することはできない。SFC のデフォルトエクスポートはコンパイラ生成なので、ファイル名規約のみを基準にする。
-
-### 3. `<script>` タグ (Major)
-
-- `<script lang="ts" setup>` または `<script setup lang="ts">` のどちらでもよい (既存コードは多数派が前者だが、後者も `MkThemePreview.vue` 等で使われている)。属性順は指摘しない。`lang="ts"` が **無い** ものは指摘する。
-- 型ジェネリックが必要なら `generic="T extends ..."` 属性を加える (順序問わず)。
-- `defineProps<{ ... }>()` / `defineEmits<{ ... }>()` は **type-only** 形式。runtime の object 形式 (`defineProps({ ... })`) は使わない。
-- Options API (`export default { data() { ... } }`) は禁止。
-
-### 4. i18n の使い分け (Critical)
-
-- 文字列リテラルの直書き禁止 (テンプレート / JS 両方)。
-- 引数なし: `i18n.ts.<path>` (例: `i18n.ts.deleted`)。
-- 引数あり: `i18n.tsx.<path>(...)` (関数呼び出し、例: `i18n.tsx.takeOverConfirm({ name })`)。
-- 新規 i18n キーは `locales/ja-JP.yml` **のみ** に追加。
-- **`locales/ja-JP.yml` 以外の `.yml` 変更があれば即 Critical** (`en-US.yml` 等は Crowdin 自動配信先で、手動編集すると上書き喪失する)。
-
-差分検出:
-
-```bash
-BASE=$(git merge-base origin/develop HEAD)
-git diff --name-only "$BASE"...HEAD -- 'locales/*.yml' | grep -v 'ja-JP.yml'
-```
-
-### 5. スタイル (Major)
-
-- `<style lang="scss" module>` を既定とし、`:class="$style.foo"` で参照する。
-- 新規で `<style scoped>` (module なし) は使わない (legacy)。
-- **CSS 変数の使用必須** (色・余白・角丸など):
-  - テーマ色: `var(--MI_THEME-*)` (例: `var(--MI_THEME-panel)`)
-  - UI 共通: `var(--MI-*)` (例: `var(--MI-radius)`)
-  - 直接の `#fff` / `rgb(...)` / `rgba(...)` ハードコードは禁止
-
-ハードコード検出:
-
-```bash
-BASE=$(git merge-base origin/develop HEAD)
-git diff "$BASE"...HEAD -- 'packages/frontend/src/**/*.vue' \
-  | grep -E '^\+' | grep -E '#[0-9a-fA-F]{3,8}\b|rgba?\('
-```
-
-### 6. UI 操作は `os.*` 経由 (Critical)
-
-- 直接の `alert()` / `confirm()` / `window.prompt()` / `window.alert()` は禁止。
-- `os.alert` / `os.confirm` / `os.popup` / `os.toast` / `os.popupMenu` / `os.contextMenu` / `os.form` / `os.apiWithDialog` を使う ([os.ts](../../packages/frontend/src/os.ts) 参照)。
-
-検出:
-
-```bash
-BASE=$(git merge-base origin/develop HEAD)
-git diff "$BASE"...HEAD -- 'packages/frontend/src/**/*.vue' \
-  | grep -E '^\+' | grep -E '\b(alert|confirm|prompt)\s*\('
-```
-
-### 7. アクセシビリティ (Major)
-
-- クリック可能要素は `<button>` か、`role="button"` + `tabindex="0"` + キーボードハンドラ (`@keydown.enter` 等) を実装する。
-- 装飾以外の `<div @click>` で a11y 配慮がないものは指摘する。
-- フォーム要素には対応する `<label>` または `aria-label` を付ける。
-- `:disabled` バインドや `aria-disabled` の整合性を確認する。
-
-### 8. Storybook 併設 (Major)
-
-- 共有 `Mk*` コンポーネントを新規追加した場合、`Mk<Name>.stories.impl.ts` が同階層に併設されているか (サブディレクトリ含む。例: `components/global/MkAvatar.stories.impl.ts`, `components/grid/MkGrid.stories.impl.ts`)。
-- **ファイル名は `.stories.impl.ts` 固定** (`.stories.ts` は誤り)。
-- 既存 [MkButton.stories.impl.ts](../../packages/frontend/src/components/MkButton.stories.impl.ts) を雛形例として参照する。
-
-検出 (新規追加された `Mk*.vue` をサブディレクトリ含めて拾う):
-
-```bash
-BASE=$(git merge-base origin/develop HEAD)
-git diff --name-only --diff-filter=A "$BASE"...HEAD -- \
-  'packages/frontend/src/components/**/Mk*.vue' \
-  | sed 's/\.vue$/.stories.impl.ts/' \
-  | xargs -I {} sh -c 'test -f {} || echo "missing: {}"'
-```
-
-### 9. アイコン (Minor)
-
-- アイコンは Tabler icons クラス (`<i class="ti ti-info-circle">` 等) を使う。
-- インライン SVG や別アイコンセットは原則使わない (既存パターンに合わせる)。
-
-### 10. CHANGELOG エントリ (Minor)
-
-ユーザー影響がある変更なら、`CHANGELOG.md` の `## Unreleased` → `### Client` に 1 行追加されているか確認する。
-
-```
-- Enhance: <component> の <挙動> を改善
-- Fix: <component> の <不具合> を修正
-```
-
-純粋な内部リファクタなら不要。
-
-## 出力形式
-
-優先度別に以下のフォーマットで出力する。
-
-```
-## 🔴 Critical
-- packages/frontend/src/components/MkFoo.vue:1
-  SPDX ヘッダーが HTML コメント形式ではなく TS 形式になっている。
-  `<!-- ... -->` で書き直すこと。
-
-## 🟡 Major
-- ...
-
-## 🔵 Minor
-- ...
-```
-
-問題のないチェック項目には触れない。全項目クリアなら `✅ レビュー観点上の指摘なし` と短く返す。
-
-## 参照
-
-- [.claude/skills/add-mk-component/SKILL.md](../skills/add-mk-component/SKILL.md) — 実装側の規約 (本エージェントの根拠)
-- [.claude/skills/add-i18n-key/SKILL.md](../skills/add-i18n-key/SKILL.md) — i18n キー追加のルール
-- [os.ts](../../packages/frontend/src/os.ts) — UI 操作 API
-- [MkButton.vue](../../packages/frontend/src/components/MkButton.vue)
-- [MkInput.vue](../../packages/frontend/src/components/MkInput.vue) — generic SFC 例
-- [MkButton.stories.impl.ts](../../packages/frontend/src/components/MkButton.stories.impl.ts) — Storybook 雛形
-- [AGENTS.md](../../AGENTS.md) — SPDX / locales 編集制限 / CHANGELOG 書式などの最低限ルール (Codex / Copilot と共通)

.claude/commands/README.md

@@ -1,38 +0,0 @@
-# `.claude/commands/` — プロジェクト固有のスラッシュコマンド
-
-Misskey 開発で繰り返し使うワークフローを `/command-name` で呼び出せるよう、`.claude/commands/<name>.md` 形式で配置している。
-
-## 実装済みコマンド
-
-### Misskey オリジナル
-
-| コマンド | 用途 | 典型ユースケース |
-| --- | --- | --- |
-| [`/check-misskey-js`](./check-misskey-js.md) | `pnpm build-misskey-js-with-types` を走らせ、`packages/misskey-js/src/autogen/` の差分を報告 | backend の API endpoint を追加・変更した直後 |
-| [`/changelog-add`](./changelog-add.md) | `CHANGELOG.md` の `## Unreleased` 配下、対応するサブセクションに 1 行追記 | ユーザー影響のある変更をコミットする直前 |
-| [`/migrate-new`](./migrate-new.md) | TypeORM `migration:create` の薄いラッパー (拡張子変換 + SPDX 付与 + `check-migrations` で pending DDL 検出) | 手書き SQL / データ移行用に空雛形が欲しい時 |
-
-### ECC ([everything-claude-code](https://github.com/affaan-m/everything-claude-code)) 由来 (MIT)
-
-ECC の MIT ライセンスファイルを Misskey の規約に合わせて再構成したもの。出典は [.claude/THIRD_PARTY_LICENSES.md](../THIRD_PARTY_LICENSES.md) を参照。
-
-| コマンド | 用途 | 典型ユースケース |
-| --- | --- | --- |
-| [`/quality-gate`](./quality-gate.md) | `pnpm lint` + 各パッケージの unit test を順次実行する軽量品質ゲート | 完了前の軽量チェック (重い E2E は CI 側に委譲) |
-| [`/harness-audit`](./harness-audit.md) | `.claude/` ハーネスを 7 カテゴリで採点し改善優先度を提示 | 設定の点検 / 新しい skill / agent / hook を入れた後 |
-
-## 使い分け
-
-- **`/migrate-new` vs [`create-migration` skill](../skills/create-migration/SKILL.md)**:
-  - 雛形だけ素早く欲しい → `/migrate-new`
-  - エンティティ差分から自動生成、または CONCURRENTLY などの注意点を含めて完全に誘導してほしい → `create-migration` skill (`migration:generate`)
-- **`/changelog-add` vs 手動編集**:
-  - サブセクションの placeholder `-` 置換や、過去リリースセクションへの誤編集を避けるため、原則コマンドを使う。
-- **`/quality-gate` のスコープ**:
-  - 編集途中の軽量チェック (lint + unit test) は `/quality-gate` で十分。重い e2e / federation / Cypress は CI 側で実行されるため、ローカルでは原則回さない。
-
-## 新規追加時の方針
-
-- 既存の `superpowers` / `pr-review-toolkit` などのプラグイン提供スラッシュコマンドで足りる場合は新規追加しない。
-- frontmatter には最低限 `description` を指定し、引数を取るなら `argument-hint`、可能なら `allowed-tools` も指定する (permission prompt を最小化するため)。
-- 長時間ビルド (2 分超) を伴うコマンドはインライン `` !`<cmd>` `` を使わず、本文で `Bash` ツール呼び出し時の `timeout` を指示する。

.claude/commands/changelog-add.md

@@ -1,49 +0,0 @@
----
-description: CHANGELOG.md の Unreleased セクションに 1 行追記する
-argument-hint: <general|client|server> <Prefix>: <description>
-allowed-tools: Bash(awk:*), Bash(git diff:*), Read, Edit
----
-
-## 引数
-
-引数: `$ARGUMENTS`
-
-## 現在の Unreleased セクション
-
-!`awk '/^## Unreleased/,/^## [0-9]/' CHANGELOG.md`
-
-## タスク
-
-1. **引数の解析**
-   `$ARGUMENTS` を以下の形式として解釈する:
-   - 第 1 トークン: scope = `general` / `client` / `server` のいずれか (case-insensitive)
-   - 残り: エントリ本文。`Enhance:` / `Fix:` / `Feat:` のいずれかで始まる前提
-   - 不正な scope や、Prefix が見当たらない場合はエラー終了し、ユーザーに `argument-hint` の書式を提示する
-
-   scope は次のように見出しに変換する: `general` → `### General` / `client` → `### Client` / `server` → `### Server`。
-
-2. **対象サブセクションの状態判定**
-   上の context (現在の Unreleased セクション) を見て、対象サブセクションが以下のどちらかを判定する:
-   - **空 (placeholder のみ)**: 見出し直下に `-` 単独行のみがある状態
-   - **既存エントリあり**: `- Enhance: ...` / `- Fix: ...` / `- Feat: ...` の行が 1 つ以上ある状態
-
-3. **CHANGELOG.md の編集**
-   `Read` で CHANGELOG.md 全体を確認した後、`Edit` ツールで以下のように更新する:
-
-   - **空の場合**: 該当サブセクションの placeholder `-` 行を `- <整形済みエントリ>` で置換する。例: `### General\n-\n` → `### General\n- Enhance: 新しい機能\n`
-   - **既存ありの場合**: 既存エントリ群の **末尾** (次の空行直前) に新エントリを **append** する。順序入れ替えはしない。
-
-   `Edit` の `old_string` には、置換対象のサブセクション付近のユニークな文脈 (見出し + 直後の数行) を含め、誤マッチを防ぐ。
-
-4. **不可侵の徹底**
-   - `## Unreleased` 以下の対象サブセクションのみ編集する。
-   - `## 2026.x.x` 以下の過去リリースセクションは絶対に変更しない ([AGENTS.md §CHANGELOG](../../AGENTS.md#changelog) 参照)。
-
-5. **結果確認**
-   `git diff CHANGELOG.md` を実行し、想定通り 1 行のみ追加されていることを表示して、ユーザーに確認させる。
-
-## 例
-
-- `/changelog-add server Fix: 通知が遅延する問題を修正` → `### Server` 末尾に追記
-- `/changelog-add client Enhance: ノートの表示を改善` → `### Client` 末尾に追記
-- `/changelog-add general Feat: 新機能の追加` → `### General` 末尾に追記 (placeholder 置換)

.claude/commands/check-misskey-js.md

@@ -1,42 +0,0 @@
----
-description: backend の API 変更後に misskey-js を再生成し、生成物の差分を報告する
-allowed-tools: Bash(pnpm build-misskey-js-with-types:*), Bash(git status:*), Bash(git diff:*), Bash(git branch:*)
----
-
-## 概要
-
-backend の API endpoint やスキーマを変更した後、`packages/misskey-js/src/autogen/` の自動生成型を最新化するためのコマンド。内部で `pnpm build-misskey-js-with-types` (backend build → `api.json` 生成 → misskey-js 型生成 → ビルド → API extractor) を一括実行する。
-
-## 現在の状態 (再生成前)
-
-- 現ブランチ: !`git branch --show-current`
-- 既存の misskey-js 関連変更: !`git status --short -- packages/misskey-js/`
-
-## タスク
-
-以下の手順を順番に実行してください。
-
-1. **再生成の実行**
-   `Bash` ツールで以下のコマンドを `timeout: 600000` (10 分) を指定して実行する。内部で backend ビルドと型再生成を行うため、デフォルトの 2 分タイムアウトでは不足する。
-
-   ```bash
-   pnpm build-misskey-js-with-types
-   ```
-
-2. **差分の確認**
-   完了後、以下を実行して `packages/misskey-js/src/autogen/` の差分を確認する (`built/` は `.gitignore` 対象なので追跡対象外):
-
-   ```bash
-   git status --short -- packages/misskey-js/
-   git diff --stat -- packages/misskey-js/src/autogen/
-   ```
-
-3. **結果報告**
-   - **差分なし** → 「backend の変更は misskey-js の公開型に影響していません」と報告する。追加コミットは不要。
-   - **差分あり** → 変更ファイル一覧をユーザーに示し、`git add packages/misskey-js/src/autogen/` で再生成物もコミット対象に含めるよう案内する。`api.json` の差分が大きい場合は、API endpoint 側の `meta` / `paramDef` / `res` 定義を確認するよう促す。
-
-## 注意
-
-- このコマンドは **backend 編集後の確認** が目的。backend を変更していないのに走らせると、ビルドキャッシュ次第で no-op になる。
-- 実行中は `packages/backend/built/` や `packages/misskey-js/built/` などの中間生成物が更新されるが、これらは `.gitignore` 対象。
-- 生成物以外 (`packages/misskey-js/src/` のうち `autogen/` 以外) に予期せぬ差分が出た場合は、ローカルの編集が混入している可能性があるため、一旦中止して原因を調査する。

.claude/commands/harness-audit.md

@@ -1,146 +0,0 @@
----
-description: Misskey の .claude/ ハーネス (skills/agents/commands) を 7 カテゴリで採点する確定的な監査。
-argument-hint: "[repo|skills|commands|agents]"
----
-
-<!--
-SPDX-License-Identifier: MIT
-SPDX-FileCopyrightText: 2026 Affaan Mustafa and everything-claude-code contributors
-
-出典 (upstream): https://github.com/affaan-m/everything-claude-code (v2.0.0-rc.1)
-upstream path: commands/harness-audit.md
-upstream license: MIT — https://github.com/affaan-m/everything-claude-code/blob/main/LICENSE
-project-level notice: see .claude/THIRD_PARTY_LICENSES.md (Misskey 内サードパーティ一覧 + MIT 全文)
-
-Imported into Misskey .claude/ on 2026-05-10. The 7-category rubric and output contract are derived from the upstream ECC version (MIT). The runtime layer was substantially reimplemented for Misskey: the upstream relies on scripts/harness-audit.js to mechanically score, while this version asks Claude to score directly with pnpm/git/grep, and adds Misskey-specific evaluation axes (SPDX coverage / endpoint-list 登録漏れ / migration 順序 / ja-JP.yml 整合).
-
-note: 元 ECC 版は scripts/harness-audit.js (専用 Node スクリプト) で機械採点していたが、Misskey は ECC plugin runtime に依存しない方針なので、Claude が直接ファイルを読んで採点する手動運用版に書き換えた。Misskey 固有の重要観点 (SPDX 適用率 / endpoint-list 登録漏れ / migration 順序 / ja-JP.yml 整合) を評価軸として明示的に組み込んでいる。
--->
-
-# /harness-audit — Misskey ハーネス監査
-
-Misskey リポジトリの `.claude/` 構成を 7 カテゴリで採点し、改善優先度を提示する。
-
-## Usage
-
-`/harness-audit [scope]`
-
-- `scope` (任意): `repo` (default) / `skills` / `commands` / `agents`
-
-## 評価カテゴリ (各 0-10)
-
-| # | カテゴリ | 評価軸 |
-| --- | --- | --- |
-| 1 | Tool Coverage | skill / agent / command の数、欠けているワークフロー段、重複なし |
-| 2 | Context Efficiency | frontmatter description の冗長度、SKILL.md の長さ分布、重複情報、CLAUDE.md の肥大化 |
-| 3 | Quality Gates | Stop / PreToolUse / PostToolUse hook の整備、`/quality-gate` 等の完了前ゲートの有無、自動 lint/typecheck |
-| 4 | Memory Persistence | docs/* の同期状態を評価。プロジェクト側 `.claude/memory/` は未採用方針 (auto-memory はユーザーホーム側で自動運用) のため、ここを採点起点にせず既定 5/10 から開始する |
-| 5 | Eval Coverage | testing.md の網羅、Misskey 固有の e2e/fed/Storybook/Cypress 適用ガイド |
-| 6 | Security Guardrails | SPDX 規約適用、migration 不変性ルール、ja-JP.yml 限定編集ルール、secrets 検出 |
-| 7 | Cost Efficiency | enabledPlugins の重複・過剰、context-budget の整備、MCP 過剰登録なし |
-
-## Misskey 固有の確認項目 (採点根拠コマンド)
-
-採点時に以下を実コマンドで確認する。各項目の **属するカテゴリ** は項目内に明記する (#1-#3 は Security Guardrails、#4 は Tool Coverage、#5 は Quality Gates):
-
-```bash
-# 1. [Security Guardrails] SPDX 適用率 (新規ファイル想定の汎用チェック)
-#    - node_modules を prune で除外
-#    - packages/misskey-js は MIT サブパッケージなので AGPL ヘッダーを持たない (AGENTS.md §1) → 除外
-#    - built/ なども除外
-#    候補にはなお *.config.{ts,js} / *eslint* / *.d.ts のような CI 上 SPDX 対象外
-#    (.github/workflows/check-spdx-license-id.yml の exclude 参照) も混ざるため、
-#    上位に出たファイルが「新規追加した実コード」かどうかは目視判定する。
-find packages \
-  \( -type d \( -name node_modules -o -name built -o -name dist -o -path 'packages/misskey-js' \) -prune \) \
-  -o -type f \( -name '*.ts' -o -name '*.js' -o -name '*.vue' -o -name '*.scss' \) -print \
-  | xargs -r grep -L 'SPDX-License-Identifier: AGPL-3.0-only' | head -20
-# → 上位に新規実コードが無ければ満点
-
-# 2. [Security Guardrails] ja-JP.yml 以外の locales が直近で手動編集されていないか
-#    --pretty=format: でコミットヘッダ行を抑止し、ファイル名行のみを残してから grep する。
-#    Crowdin の自動同期 commit でも他言語 yml は更新されるため、出力が 0 行になることは少ない。
-#    出力があった場合は、author / commit message を確認し Crowdin 由来か手動編集かを判定する:
-#    git log --since='30 days ago' --pretty=format:'%h %an %s' -- locales/<file>.yml
-git log --since='30 days ago' --pretty=format: --name-only -- 'locales/*.yml' \
-  | grep -v '^$' | grep -v 'ja-JP.yml' | sort -u
-# → 出力が無い、または全て Crowdin 由来 commit なら満点
-
-# 3. [Security Guardrails] migration の pending DDL 検査 (TypeORM schema builder)
-pnpm --filter backend check-migrations
-# → 0 errors (= "All migrations are clean.") なら満点
-
-# 4. [Tool Coverage] endpoint-list.ts 登録漏れ (新規 endpoint がリストにない場合)
-#    endpoints/ は再帰構造 (notes/create.ts, admin/announcements/create.ts 等) で 400+ ファイルあるため、
-#    endpoint-list.ts も `export * as '<category>/<name>' from './endpoints/<category>/<name>.js';` 形式で
-#    1 ファイル 1 行登録される。両者の行数を「再帰 .ts 数」と「export * as 行数」で比較する。
-#    e2e / 単体テストは endpoint ではないので *.test.ts を除外する。
-endpoint_files=$(find packages/backend/src/server/api/endpoints -type f -name '*.ts' ! -name '*.test.ts' | wc -l)
-list_entries=$(grep -cE "^export \* as " packages/backend/src/server/api/endpoint-list.ts)
-echo "endpoints (recursive): $endpoint_files / endpoint-list.ts entries: $list_entries"
-# 差分が 0 なら満点。差分が出たら、登録漏れの具体特定:
-comm -23 \
-  <(find packages/backend/src/server/api/endpoints -type f -name '*.ts' ! -name '*.test.ts' \
-    | sed -E 's|.*/endpoints/||;s|\.ts$||' | sort -u) \
-  <(grep -oE "^export \* as '[^']+'" packages/backend/src/server/api/endpoint-list.ts \
-    | sed -E "s/^export \* as '([^']+)'/\1/" | sort -u)
-# 出力された行が登録漏れの endpoint。0 行なら満点。
-
-# 5. [Quality Gates] console.log の混入
-grep -rn 'console\.\(log\|debug\)' packages/backend/src packages/frontend/src 2>/dev/null \
-  | grep -v 'node_modules\|test\|.spec\.\|.test\.' | wc -l
-# → 0 が理想
-```
-
-## 出力契約
-
-以下を返す:
-
-1. `overall_score` / `max_score` (repo は 70 点満点)
-2. カテゴリごとのスコア + 具体的な根拠
-3. 失敗チェック項目と該当ファイルパス
-4. Top 3 改善アクション
-5. 次に適用を推奨する skill / 手順
-
-## サンプル出力
-
-```text
-Harness Audit (repo): 55/70
-
-Tool Coverage:        9/10   (skills 5, agents 2, commands 5 — 偏りなし)
-Context Efficiency:   8/10   (description 平均 3-5 行、肥大なし)
-Quality Gates:        5/10   (Stop hook 共有設定に未登録 / `/quality-gate` あり)
-Memory Persistence:   5/10   (プロジェクト側 memory/ 未採用方針 = 既定値)
-Eval Coverage:        7/10   (testing.md 網羅、Storybook 一部抜け)
-Security Guardrails:  10/10  (SPDX 100%, locales OK, migrations clean)
-Cost Efficiency:      8/10   (context-budget 導入済 / MCP 0)
-
-Failed Checks:
-- packages/frontend/src/.../X.vue で SPDX 欠落 (Security Guardrails)
-- console.log が backend に 3 件 (Quality Gates)
-- 共有 Stop hook なし (Quality Gates) — 各 contributor が `.claude/settings.local.json` で opt-in する方針なら減点しなくて良い
-
-Top 3 Actions:
-1) [Security Guardrails] SPDX 欠落 1 ファイルを修正:
-   packages/frontend/src/.../X.vue
-2) [Quality Gates] backend の console.log 3 件を logger に置換。
-   git grep "console\.log" packages/backend/src
-3) [Cost Efficiency] enabledPlugins から未使用のものを外す。
-   .claude/docs/plugins.md と照合。
-
-Suggested next skills to apply:
-- /quality-gate で完了前に lint + unit test を回す
-- context-budget で plugin 由来の overhead を確認
-```
-
-## 採点の信頼性
-
-- 確定的: 同じ commit / 同じ `.claude/` 構成なら同じスコア
-- ヒューリスティクス: 「description の冗長度」のような主観項目は同一基準で機械的に判定
-- スクリプト不要: `pnpm` と `git`、`grep`/`find` 等の標準ツールのみ
-
-## 参考: ECC オリジナルとの差分
-
-- ECC 版は `node scripts/harness-audit.js` を直叩きする運用で、ECC リポジトリ全体に閉じた採点だった。
-- Misskey 版は **Misskey の規約 (SPDX/migration/locales/endpoint-list)** を Security 採点に組み込み、`pnpm` ベースの実コマンドで根拠を取る方式に再設計。
-- 結果として ECC への依存はゼロ。

.claude/commands/migrate-new.md

@@ -1,81 +0,0 @@
----
-description: TypeORM migration の空雛形を生成する。スキーマ差分から自動生成したい時は create-migration skill を使うこと
-argument-hint: <PascalCaseName>
-allowed-tools: Bash(pnpm:*), Bash(ls:*), Bash(test:*), Bash(head:*), Read, Edit
----
-
-## 引数
-
-引数: `$ARGUMENTS`
-
-## タスク
-
-1. **PascalCaseName の検証**
-   `$ARGUMENTS` が `^[A-Z][A-Za-z0-9]+$` に一致するか確認する。一致しない場合はエラー終了し、`AddFooBar` / `BirthdayIndex` のような形式を案内する。
-
-2. **既存ファイルの存在確認**
-
-   ```bash
-   ls packages/backend/migration/*$ARGUMENTS.{js,ts} 2>/dev/null
-   ```
-
-   既に同名 (タイムスタンプ違い) のファイルが存在する場合、上書きせずユーザーに別名を促す。
-
-3. **TypeORM 公式 CLI で空雛形を生成 (`-o --esm` 必須)**
-   `create-migration` skill の方針に従い、`Date.now()` を手書きするのではなく TypeORM CLI を使う。`-o --esm` で **最初から JS(ESM) を生成** させ、後続の `.ts → .js` 変換や `import { MigrationInterface }` 削除といった TS 固有構文の除去を不要にする (`-o --esm` を付けないと `.ts` + CommonJS / `implements MigrationInterface` 付きで生成され、Misskey の `ormconfig.js` (`migration/*.js` のみロード) と既存 migration スタイルに合わない):
-
-   ```bash
-   pnpm --filter backend exec typeorm migration:create -o --esm migration/$ARGUMENTS
-   ```
-
-   出力: `packages/backend/migration/<UnixMs>-<PascalCaseName>.js`
-
-4. **生成ファイルパスの取得**
-   後続ステップで使うパスを変数に受ける (`<ms>` を手書きしない):
-
-   ```bash
-   dst=$(ls -t packages/backend/migration/*$ARGUMENTS.js | head -1)
-   ```
-
-   以降のステップでは `$dst` を編集対象として扱う。完成後の典型的な形は次のようになる (参考: [packages/backend/migration/1767169026317-birthday-index.js](../../packages/backend/migration/1767169026317-birthday-index.js)):
-
-   ```js
-   export class <PascalCaseName><ms> {
-       name = '<PascalCaseName><ms>'
-
-       async up(queryRunner) {
-       }
-
-       async down(queryRunner) {
-       }
-   }
-   ```
-
-5. **SPDX ヘッダーの追加**
-   `Edit` ツールで、ファイル冒頭に以下を挿入する。CI の `spdx` ジョブが失敗するため必須:
-
-   ```js
-   /*
-    * SPDX-FileCopyrightText: syuilo and misskey-project
-    * SPDX-License-Identifier: AGPL-3.0-only
-    */
-   ```
-
-6. **migration の pending DDL 検査**
-
-   ```bash
-   pnpm --filter backend check-migrations
-   ```
-
-   TypeORM schema builder で pending DDL を検出する検査 ([scripts/check_migrations_clean.js](../../packages/backend/scripts/check_migrations_clean.js))。空雛形を作っただけの段階ではエンティティ差分との不整合が残る場合があるため、`up`/`down` を埋めた後にも再実行して 0 件になるか確認する。
-
-7. **結果報告**
-   - 生成ファイルパスを示す。
-   - `up()` / `down()` の中身が空であることを伝え、SQL を書く必要があると案内する。
-   - `down()` を空のまま放置すると本番ロールバック時に詰むため、必ず `up` の完全な巻き戻しを実装するよう促す。
-   - 詳細な手順 (`migration:generate` を使うべきケース、CONCURRENTLY などの注意点) は `create-migration` skill を参照するよう案内する。
-
-## 注意
-
-- このコマンドは **空雛形を素早く出して手書きする** 用途。エンティティ (`packages/backend/src/models/*.ts`) を変更した差分から SQL を自動生成したい場合は、このコマンドではなく `create-migration` skill 経由で `migration:generate` を使うこと。
-- マージ済み migration ファイルは絶対に編集しない ([AGENTS.md §3](../../AGENTS.md#3-マージ済み-migration-を絶対に編集しない))。

.claude/commands/quality-gate.md

@@ -1,122 +0,0 @@
----
-description: Misskey の lint / typecheck / 高速テストを順に実行して品質ゲートを通すコマンド。完了前の軽量検証用。
-argument-hint: "[repo|backend|frontend|<path/to/file.ts>]"
----
-
-<!--
-SPDX-License-Identifier: MIT
-SPDX-FileCopyrightText: 2026 Affaan Mustafa and everything-claude-code contributors
-
-出典 (upstream): https://github.com/affaan-m/everything-claude-code (v2.0.0-rc.1)
-upstream path: commands/quality-gate.md
-upstream license: MIT — https://github.com/affaan-m/everything-claude-code/blob/main/LICENSE
-project-level notice: see .claude/THIRD_PARTY_LICENSES.md (Misskey 内サードパーティ一覧 + MIT 全文)
-
-Imported into Misskey .claude/ on 2026-05-10. Pipeline 概念 (lint → typecheck → test) は upstream ECC 版から借用 (MIT)。実コマンド層は Misskey の pnpm + tsgo + ESLint + Vitest に固定し、formatter (Prettier/Biome) フェーズは削除した。
-
-note: 元 ECC 版は言語自動判定 + format/lint/type のジェネリック版だったが、Misskey 専用に pnpm + tsgo + ESLint + Vitest の組み合わせに固定。重い test:e2e / test:fed は含まない (CI 側で実行される)。
--->
-
-# /quality-gate — Misskey 軽量品質ゲート
-
-`/quality-gate [scope]`
-
-完了前の **軽量** 品質チェック。重い E2E / 連合テスト (test:e2e / test:fed / Cypress) は CI 側で実行されるため、本コマンドには含めない。
-
-## Scope
-
-- `repo` (default) — 全パッケージ
-- `backend` — `packages/backend` のみ
-- `frontend` — `packages/frontend` のみ
-- `path/to/file.ts` — 単一ファイルへの ESLint --fix のみ
-
-## Pipeline
-
-### Repo scope (全部)
-
-各パッケージの `lint` スクリプト実体は `pnpm typecheck && pnpm eslint` ([packages/backend/package.json](../../packages/backend/package.json), [packages/frontend/package.json](../../packages/frontend/package.json)) で、ルートの `pnpm lint` は `pnpm --no-bail -r lint` (= 全パッケージで lint を `--no-bail` で実行)。**typecheck は lint に含まれている**ため、通常はこの 2 コマンドで十分:
-
-```bash
-# 1. Lint (= typecheck + ESLint、全パッケージ。--no-bail で最初の失敗で止まらず全結果を集める)
-pnpm lint
-
-# 2. Unit test (高速、e2e は含まない)
-pnpm --filter backend test
-pnpm --filter frontend test
-```
-
-#### 詳細を分けて見たい時のみ (optional)
-
-lint がまとめて失敗していて typecheck の結果だけ単独で見たい場合は、以下を個別に回す。**通常は不要** (lint の出力を読めば足りる):
-
-```bash
-pnpm --filter backend typecheck    # tsgo 単体
-pnpm --filter frontend typecheck   # vue-tsc 単体 (Vue SFC の型を見るため)
-```
-
-### Backend scope
-
-`pnpm --filter backend lint` は内部で `pnpm typecheck && pnpm eslint` を実行する ([packages/backend/package.json](../../packages/backend/package.json)) ので、`lint` を回せば typecheck も終わる。軽量ゲートでは typecheck の二重実行を避けるため `lint` + `test` のみ:
-
-```bash
-pnpm --filter backend lint
-pnpm --filter backend test
-```
-
-`tsgo` の出力を単独で見たい時のみ optional で `pnpm --filter backend typecheck` を別途回す。
-
-### Frontend scope
-
-`pnpm --filter frontend lint` も内部で `pnpm typecheck && pnpm eslint` を実行する ([packages/frontend/package.json](../../packages/frontend/package.json)) ため、軽量ゲートでは Backend 同様に `lint` + `test` のみ:
-
-```bash
-pnpm --filter frontend lint
-pnpm --filter frontend test
-```
-
-`vue-tsc` の出力を単独で見たい時のみ optional で `pnpm --filter frontend typecheck` を別途回す。
-
-### Single file scope
-
-```bash
-pnpm exec eslint --fix <path>
-```
-
-## Output
-
-実行したフェーズの pass/fail と件数を集計する。標準パイプラインは `pnpm lint` (typecheck 内包) と unit test のみなので、デフォルトの出力は以下のようになる:
-
-```text
-Quality Gate (repo):
-
-Lint:        PASS  (0 errors, 2 warnings)
-Backend ut:  PASS  (412/412)
-Frontend ut: PASS  (87/87)
-
-→ 完了前の軽量チェック OK。重い e2e / 連合テストは CI 側で実行される。
-```
-
-`#### 詳細を分けて見たい時のみ (optional)` で個別 typecheck (`pnpm --filter backend typecheck` / `pnpm --filter frontend typecheck`) も回した場合のみ、その結果を追加行として表示する:
-
-```text
-Quality Gate (repo):
-
-Lint:        PASS  (0 errors, 2 warnings)
-Backend tc:  PASS  (0 errors)        # optional 実行時のみ
-Frontend tc: PASS  (0 errors)        # optional 実行時のみ
-Backend ut:  PASS  (412/412)
-Frontend ut: PASS  (87/87)
-```
-
-失敗時は最初に落ちたフェーズで停止して詳細を見せる。
-
-## 関連 skill / コマンド
-
-- `/check-misskey-js` コマンド — API 変更時の misskey-js 再生成
-- [AGENTS.md §必須コマンド](../../AGENTS.md#必須コマンド) — pnpm コマンド一覧の正典
-
-## 元 ECC 版との差分
-
-- ジェネリックな言語自動判定を排除し、Misskey 固定 pipeline に。
-- formatter フェーズなし (Misskey は ESLint --fix のみ採用)。
-- e2e / federation / Cypress は重いため除外し CI 側に委譲。

.claude/docs/README.md

@@ -1,18 +0,0 @@
-# Misskey – Claude Code 補助ドキュメント
-
-ルート `CLAUDE.md` には書かれていないが、開発時に参照すると便利な情報を分野別にまとめている。**Claude は必要になったタイミングで該当ファイルを Read すれば良い** (auto-load しない)。
-
-## 索引
-
-| ファイル | いつ読むか |
-|---|---|
-| [architecture.md](./architecture.md) | パッケージ構成・ビルド構造を把握したい時 / 新パッケージを跨ぐ変更を計画する時 |
-| [backend.md](./backend.md) | `packages/backend` を編集する時 (NestJS / TypeORM / API endpoint / migration) |
-| [frontend.md](./frontend.md) | `packages/frontend` を編集する時 (Vue 3 / Mk* / i18n / SCSS Modules / `os.ts`) |
-| [testing.md](./testing.md) | テストを書く・走らせる時 (Vitest 構成、Cypress、Storybook) |
-| [plugins.md](./plugins.md) | 有効化済の Claude Code プラグインの用途を確認したい時 |
-
-## 補足: ルール vs ドキュメント
-
-- 事故直結ルール (SPDX / locales / migration) と必須コマンド・CHANGELOG 書式は、リポジトリルートの [AGENTS.md](../../AGENTS.md) に集約されている。Claude Code は CLAUDE.md からの `@AGENTS.md` で常時コンテキストに乗せる。Codex / Copilot も同じファイルを読む。
-- `.claude/docs/*.md` (このディレクトリ) は **オンデマンド参照**。Claude が「知っておいた方が良いが常に持つ必要はない」内容をここに置く。

.claude/docs/architecture.md

@@ -1,47 +0,0 @@
-# アーキテクチャ概要
-
-## モノレポ構成 (pnpm workspaces)
-
-pnpm workspace の正は [pnpm-workspace.yaml](../../pnpm-workspace.yaml) で、以下 11 パッケージと、`packages/misskey-js` 内の sub-workspace `packages/misskey-js/generator` (型生成用の内部ジェネレータ。直接編集しない) で構成される。`package.json` の `workspaces` 配列も併記しているが、実体は pnpm-workspace.yaml が読まれる:
-
-| パッケージ | 役割 |
-|---|---|
-| `packages/backend` | NestJS 11 + Fastify 5 + TypeORM 0.3 (PostgreSQL) + Redis。HTTP/WebSocket/ActivityPub サーバー本体。 |
-| `packages/frontend` | Vue 3.5 + Vite。Web クライアント本体。 |
-| `packages/frontend-embed` | 埋め込み専用ビュー (ノート単体プレビュー等)。 |
-| `packages/frontend-shared` | frontend と frontend-embed で共有するユーティリティ・コンポーネント。 |
-| `packages/frontend-builder` | フロントエンドビルド支援 (Vite plugin など)。 |
-| `packages/sw` | Service Worker。 |
-| `packages/misskey-js` | JS/TS クライアント SDK (MIT サブパッケージ)。`src/autogen/` 配下のみ backend の OpenAPI から `pnpm build-misskey-js-with-types` で自動生成され、それ以外 (`src/index.ts` / `src/api.ts` 等) は手書き保守する。autogen 配下を直接編集しないこと。 |
-| `packages/misskey-reversi` | 内蔵リバーシゲームのロジック。 |
-| `packages/misskey-bubble-game` | 内蔵バブルゲームのロジック。 |
-| `packages/i18n` | locales 読み込み/型生成のサポート。 |
-| `packages/icons-subsetter` | アイコンのサブセット化ツール。 |
-
-その他に `packages/shared` (workspaces には含まれないが共有ファイル置き場) もある。
-
-## 重要な依存関係
-
-```
-frontend ── misskey-js (auto-generated) ── backend (OpenAPI)
-                ▲
-                └── frontend-embed, sw も依存
-```
-
-- backend の API (meta / paramDef / response) を変更したら **必ず** `pnpm build-misskey-js-with-types` を実行し、misskey-js の生成物を更新する。忘れると CI の `check-misskey-js-autogen` ジョブが落ちる。
-
-## ビルドツール
-
-- **Backend**: `rolldown` (Rust 製・Rollup 互換 API のバンドラ) でバンドル。型チェックは `tsgo` (TypeScript native preview)。
-- **Frontend**: Vite。型チェックは `vue-tsc`。
-- **Lint**: ESLint 9 (Flat Config) + `@misskey-dev/eslint-plugin`。
-
-## 国際化
-
-- `locales/` 直下に 40 言語の YAML (ja-JP.yml + 他 39 言語)。
-- **`ja-JP.yml` のみ手動編集可** (Crowdin 経由で他言語へ自動配信)。
-- フロントエンドからの参照は引数なしか引数ありかで使い分ける。詳細は [frontend.md](./frontend.md#国際化-i18n)。
-
-## ライセンス
-
-リポジトリ本体は AGPL-3.0-only。**AGPL-3.0-only 管轄かつ SPDX CI 対象ディレクトリ** の新規 `.ts` / `.js` / `.cjs` / `.mjs` / `.vue` / `.scss` / `.html` ファイルには冒頭に SPDX ヘッダー必須。`packages/misskey-js` は MIT サブパッケージなので AGPL ヘッダーを一律に付けない。条件と除外の詳細は [AGENTS.md §1](../../AGENTS.md#1-spdx-ヘッダー必須) 参照。

.claude/docs/backend.md

@@ -1,124 +0,0 @@
-# Backend (`packages/backend`) 規約
-
-NestJS 11 + Fastify 5 + TypeORM 0.3 (PostgreSQL) + Redis。
-
-## アーキテクチャ
-
-- **DI コンテナ**: NestJS の `@Injectable()` サービス + Repository (TypeORM) パターン。
-- **DI トークン**: `@/di-symbols.js` の `DI` から `@Inject(DI.xxx)` で注入。
-- **ビルド**: `rolldown -c` で `built/` にバンドル。型チェックは `tsgo`。
-
-## API エンドポイント
-
-### 配置
-
-`packages/backend/src/server/api/endpoints/<category>/<name>.ts` (一部はトップ直下)。
-
-### 三点セット (`endpoints/ping.ts` 参照)
-
-各エンドポイントファイルは以下の 3 つを export する:
-
-```ts
-export const meta = {
-    tags: ['<tag>'],
-    requireCredential: true,           // または false (必ず明示)
-    requireModerator: false,           // 必要なら true
-    kind: 'read:account',              // OAuth scope
-    res: {
-        type: 'object',
-        optional: false, nullable: false,
-        properties: { /* ... */ },
-    },
-    errors: {
-        sampleError: {
-            message: 'Sample error message.',
-            code: 'SAMPLE_ERROR',
-            id: 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx', // UUID v4 (`x`=hex, `y`=8/9/a/b)。`crypto.randomUUID()` で生成し、他エンドポイントと重複させない
-        },
-    },
-} as const;
-
-export const paramDef = {
-    type: 'object',
-    properties: { /* JSON Schema */ },
-    required: [],
-} as const;
-
-@Injectable()
-export default class extends Endpoint<typeof meta, typeof paramDef> { // eslint-disable-line import/no-default-export
-    constructor(
-        // @Inject(DI.xxx) private xxxRepository: XxxRepository,
-    ) {
-        super(meta, paramDef, async (ps, me) => {
-            // 実装。エラーは throw new ApiError(meta.errors.xxx);
-        });
-    }
-}
-```
-
-### 注意点
-
-- **公開 API エラーとしてクライアントに返したいものは `throw new ApiError(meta.errors.<key>)` を使う**。`meta.errors` に列挙して `ApiError` でラップしないと misskey-js 側の型に出ず、レスポンスも 500 になる。
-- 一方で **想定外の例外 (DB 不整合 / 下層サービスの bug 等) は握り潰さず再 throw する**。既存 endpoint も「期待される業務エラーは `ApiError` に変換し、それ以外は `throw err;` で再 throw」の二段構え (例: [`endpoints/i/pin.ts`](../../packages/backend/src/server/api/endpoints/i/pin.ts) の `catch` 節)。生 `throw` を全面禁止すると未知例外が 200 で潰れて debug 困難になる。
-- `meta.errors.<key>.id` は **UUID** 形式。新規追加時は他エンドポイントと重複しないよう確認する。
-- `requireCredential` は `true` / `false` を必ず明示する。
-- 新規エンドポイント追加後は **`pnpm build-misskey-js-with-types`** を実行する (`misskey-js` の自動生成ファイルを更新)。
-
-### ルート登録
-
-エンドポイントは **glob 自動収集されない**。新規ファイルを `endpoints/<category>/<name>.ts` に置いただけでは API ルーティングに乗らず、404 になる。`packages/backend/src/server/api/endpoint-list.ts` にアルファベット順で 1 行追加するのが必須:
-
-```ts
-export * as '<category>/<name>' from './endpoints/<category>/<name>.js';
-```
-
-`EndpointsModule.ts` がこのファイルの全エクスポートを `Object.entries()` で反復し、NestJS の provider (`provide: 'ep:<path>'`) を生成する。詳細は [.claude/skills/add-api-endpoint/SKILL.md](../skills/add-api-endpoint/SKILL.md) のステップ 4 を参照。
-
-## モデル / Repository
-
-- エンティティ: `packages/backend/src/models/<Name>.ts` (`@Entity` + `@Column`)。
-- DI 経由で注入される Repository を経由してアクセス。
-
-## Migration
-
-詳細手順 (手書き方式 = AGENTS.md §3 と整合):
-
-> エンティティ差分からの自動生成や `CREATE INDEX CONCURRENTLY` 等のオプションを使いたい場合は [.claude/skills/create-migration/SKILL.md](../skills/create-migration/SKILL.md) の TypeORM CLI 手順を使う。手書き / CLI どちらでも `check-migrations` (pending DDL 検出) さえ通せば等価。
-
-1. **タイムスタンプ取得**: `node -e "console.log(Date.now())"`
-2. **ファイル名**: `packages/backend/migration/{timestamp}-{PascalCaseName}.js` (拡張子は `.js`)
-3. **雛形**:
-
-   ```js
-   /*
-    * SPDX-FileCopyrightText: syuilo and misskey-project
-    * SPDX-License-Identifier: AGPL-3.0-only
-    */
-
-   export class PascalCaseName1234567890123 {
-       name = 'PascalCaseName1234567890123'
-
-       async up(queryRunner) {
-           // 前進マイグレーション
-       }
-
-       async down(queryRunner) {
-           // up を完全に巻き戻す
-       }
-   }
-   ```
-
-4. **検証**:
-   - `pnpm --filter backend check-migrations` (TypeORM schema builder で pending DDL を検出する。エンティティと migration の不一致が残っているとここで非ゼロ終了する。実体は [scripts/check_migrations_clean.js](../../packages/backend/scripts/check_migrations_clean.js))
-   - `pnpm migrate` (ローカル DB に適用)
-   - `pnpm revert` (ロールバック確認)
-5. **エンティティとの整合性**: 関連する `src/models/*.ts` の `@Column` / `@Entity` も同時に更新する。
-
-> マージ済み migration の編集は **絶対禁止** ([AGENTS.md §3](../../AGENTS.md#3-マージ済み-migration-を絶対に編集しない))。
-
-## テスト
-
-- Unit: `pnpm --filter backend test` (`vitest.config.unit.ts`)
-- E2E: `pnpm --filter backend test:e2e` (`vitest.config.e2e.ts`)
-- Federation: `pnpm --filter backend test:fed` (`vitest.config.fed.ts`)
-- 配置: `packages/backend/test/` 配下。

.claude/docs/frontend.md

@@ -1,76 +0,0 @@
-# Frontend (`packages/frontend`) 規約
-
-Vue 3.5 + Vite + Storybook + Cypress E2E。
-
-## コンポーネント命名
-
-- 共有 / 再利用コンポーネントは **`Mk` プレフィックス** (例: `MkButton.vue`, `MkInput.vue`, `MkAbuseReport.vue`)。
-- ページ単位のものは `packages/frontend/src/pages/` 配下に置く。
-
-## SFC スタイル
-
-Composition API + `<script setup lang="ts">` を基本とする (Options API は新規導入しない)。型宣言や module スコープのユーティリティを置きたい時は、setup ブロックと**併用**する形で追加の `<script lang="ts">` ブロックを置いて構わない (例: [`MkInput.vue`](../../packages/frontend/src/components/MkInput.vue) は `SupportedTypes` 型を別ブロックで宣言してから setup を書いている)。SCSS は **CSS Modules** で書き、`<style lang="scss" module>` を使う:
-
-```vue
-<!--
-SPDX-FileCopyrightText: syuilo and misskey-project
-SPDX-License-Identifier: AGPL-3.0-only
--->
-
-<template>
-  <div :class="$style.root">
-    <!-- ... -->
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-// ...
-</script>
-
-<style lang="scss" module>
-.root {
-  /* ... */
-}
-</style>
-```
-
-## 国際化 (i18n)
-
-- 文字列リテラルを直書きしない。
-- 引数なし: `i18n.ts.<path>` で参照する (例: `i18n.ts.deleted`)。
-- 引数あり: `i18n.tsx.<path>(...)` で関数呼び出しする (例: `i18n.tsx.takeOverConfirm({ name })`)。
-- 新規キーは **`locales/ja-JP.yml` のみ** に追加する (他言語は Crowdin で自動配信)。
-- `i18n` は `packages/frontend/src/i18n.ts` (または共有モジュール) から import する。
-
-## モーダル / 通知
-
-- `os.ts` (`packages/frontend/src/os.ts`) 経由で呼ぶ。
-- `os.alert(...)` / `os.confirm(...)` / `os.popup(...)` / `os.success(...)` など。
-- ブラウザ標準の `window.alert()` / `window.confirm()` を **直接呼ばない**。
-
-## アクセシビリティ (PR レビューで指摘されやすい点)
-
-- クリックハンドラを付けるなら `<button>` を使うか、`role="button"` + `tabindex` を付ける。
-- フォーム要素には `<label>` または `aria-label` を付ける。
-- キーボード操作可能であること。
-
-## Storybook
-
-新規共有コンポーネントには `<ComponentName>.stories.impl.ts` を併設するのが慣習 (`MkButton.stories.impl.ts` 等の例多数)。
-
-```bash
-pnpm --filter frontend storybook-dev    # localhost:6006
-```
-
-## ビルド・開発
-
-- 開発: `pnpm dev` (ルート) で backend + frontend が watch で立ち上がる。
-- ビルド: `pnpm --filter frontend build`
-- 型チェック: `pnpm --filter frontend typecheck` (vue-tsc)
-- ESLint: `pnpm --filter frontend eslint`
-
-## テスト
-
-- Unit (Vitest): `pnpm --filter frontend test`
-- Cypress E2E: `pnpm e2e` (ルートから; `start-server-and-test` で起動)

.claude/docs/plugins.md

@@ -1,28 +0,0 @@
-# 有効化済 Claude Code プラグイン
-
-`.claude/settings.json` で 14 プラグインが有効化されている。それぞれの典型的な利用シーンを 1 行で示す。
-
-| プラグイン | 用途 |
-| --- | --- |
-| `frontend-design` | UI コンポーネント / ページの設計・デザイン作業 (Vue 3 編集に有効) |
-| `superpowers` | TDD・debugging・brainstorming・planning 等のメタスキル群 |
-| `context7` | OSS ドキュメントの取得 (Vue 3, NestJS, TypeORM, Vitest 等) — 訓練データの古さを補う |
-| `code-review` | コードレビュー (`/code-review`) |
-| `code-simplifier` | コード整理 (`code-simplifier:code-simplifier` サブエージェント経由) |
-| `github` | GitHub PR / Issue 操作 (gh ベースだが補助コマンドあり) |
-| `skill-creator` | 新スキルの作成・改善・評価 |
-| `feature-dev` | 機能開発ガイド (`/feature-dev:feature-dev` / 内部に `code-architect` / `code-explorer` / `code-reviewer` サブエージェント) |
-| `claude-md-management` | CLAUDE.md の作成・改善 (`/claude-md-management:revise-claude-md` / `claude-md-improver` エージェント) |
-| `typescript-lsp` | TypeScript LSP 連携 (型情報を活用) |
-| `security-guidance` | セキュリティレビュー (`/security-review`) |
-| `pr-review-toolkit` | PR レビュー一式。サブエージェント: `code-reviewer` / `code-simplifier` / `comment-analyzer` / `pr-test-analyzer` / `silent-failure-hunter` / `type-design-analyzer` |
-| `claude-code-setup` | Claude Code 自動化セットアップ提案 |
-| `playwright` | ブラウザ自動操作 (フロントエンド動作確認時に有用) |
-
-## 使い分けの指針
-
-- **API 関連の調査**: `context7` で対象ライブラリのドキュメントを取得 → 編集。
-- **PR 作成前**: `pr-review-toolkit` の各エージェント (code-reviewer / silent-failure-hunter 等) を並列で走らせる。
-- **新機能の設計**: `feature-dev` → brainstorming → 実装の流れ。
-- **UI 確認**: `playwright` で `pnpm dev` の画面を直接操作。
-- **将来追加検討**: PostgreSQL MCP — TypeORM + 342 migration の調査効率化。read-only ロールで登録し、接続先 (`misskey` DB) と権限分離に注意する。

.claude/docs/testing.md

@@ -1,69 +0,0 @@
-# テスト構成
-
-## Backend 全般の前提: `.config/test.yml`
-
-backend のテストスクリプト (`test` / `test:e2e` / `test:fed`) はすべて内部で `cross-env NODE_ENV=test pnpm compile-config` を実行し、`.config/test.yml` を読み込む ([packages/backend/package.json](../../packages/backend/package.json), [packages/backend/scripts/compile_config.js](../../packages/backend/scripts/compile_config.js))。**未作成だとテスト自体が起動しない。**
-
-未作成なら以下を 1 回だけ手動コピーする (どちらでも可):
-
-```bash
-ncp .github/misskey/test.yml .config/test.yml
-# または
-cp .github/misskey/test.yml .config/test.yml
-```
-
-補足:
-
-- ルートの `pnpm start:test` (Cypress 用にテストサーバーを起動するコマンド) を使う経路では実行時に `ncp` で自動コピーされる ([package.json](../../package.json))。それ以外で backend テストを直接走らせる時は上記の手動コピーが必要。
-- すでに `.config/test.yml` があれば各テストスクリプトの内部 `compile-config` で十分なので、追加で `pnpm --filter backend compile-config` を叩く必要はない。
-- `pnpm start:test` は backend e2e テスト (`pnpm --filter backend test:e2e`) の前提ではない (ポート競合の元になるため使わないこと)。
-
-## Backend (Vitest 4, 3 設定)
-
-| 種別 | 設定ファイル | 実行コマンド |
-| --- | --- | --- |
-| Unit | `packages/backend/vitest.config.unit.ts` | `pnpm --filter backend test` |
-| E2E (HTTP / DB) | `packages/backend/vitest.config.e2e.ts` | `pnpm --filter backend test:e2e` |
-| Federation | `packages/backend/vitest.config.fed.ts` | `pnpm --filter backend test:fed` |
-
-- 配置: `packages/backend/test/`
-- 事前準備は [§Backend 全般の前提: `.config/test.yml`](#backend-全般の前提-configtestyml) を参照。
-- カバレッジ: `pnpm --filter backend test-and-coverage`
-
-## Frontend (Vitest)
-
-```bash
-pnpm --filter frontend test                # 1 回実行
-pnpm --filter frontend test-and-coverage   # カバレッジ付き
-```
-
-- 主な配置: `packages/frontend/test/*.test.ts` (例: `i18n.test.ts`, `theme.test.ts`, `is-birthday.test.ts`)。
-- ビルドツール周りなど対象コードと隣接させた方が分かりやすいテストは、コードと同じディレクトリに `*.test.ts` として置く (例: [`packages/frontend/lib/rollup-plugin-unwind-css-module-class-name.test.ts`](../../packages/frontend/lib/rollup-plugin-unwind-css-module-class-name.test.ts))。
-- 共有コンポーネント (`MkX.vue`) のユニットテストは現状少なく、`*.spec.ts` / `__tests__/` 形式は採用していない (Storybook + Cypress でカバー)。
-
-## E2E (Cypress)
-
-ルートから実行する:
-
-```bash
-pnpm e2e                # start:test サーバーを立てて Cypress run
-pnpm cy:open            # 対話的に開く
-```
-
-- 設定: ルート `cypress.config.ts`。テスト本体は `cypress/` 配下。
-
-## Storybook (frontend)
-
-```bash
-pnpm --filter frontend storybook-dev      # http://localhost:6006
-pnpm --filter frontend build-storybook    # 静的ビルド
-```
-
-- 各コンポーネント横に `*.stories.impl.ts` を併設する慣習 (例: `MkButton.stories.impl.ts`)。
-- Chromatic (`pnpm --filter frontend chromatic`) で視覚回帰チェック。
-
-## ローカル DB / Redis (テスト・開発共通)
-
-```bash
-docker compose -f compose.local-db.yml up -d
-```

.claude/settings.json

@@ -1,18 +0,0 @@
-{
-  "enabledPlugins": {
-    "frontend-design@claude-plugins-official": true,
-    "superpowers@claude-plugins-official": true,
-    "context7@claude-plugins-official": true,
-    "code-review@claude-plugins-official": true,
-    "code-simplifier@claude-plugins-official": true,
-    "github@claude-plugins-official": true,
-    "skill-creator@claude-plugins-official": true,
-    "feature-dev@claude-plugins-official": true,
-    "claude-md-management@claude-plugins-official": true,
-    "typescript-lsp@claude-plugins-official": true,
-    "security-guidance@claude-plugins-official": true,
-    "pr-review-toolkit@claude-plugins-official": true,
-    "claude-code-setup@claude-plugins-official": true,
-    "playwright@claude-plugins-official": true
-  }
-}

.claude/skills/README.md

@@ -1,33 +0,0 @@
-# `.claude/skills/` — プロジェクト固有のカスタムスキル
-
-Misskey 固有の繰り返しタスクを Claude にスムーズに実行させるための **カスタムスキル** を `.claude/skills/<name>/SKILL.md` 形式で配置する。
-
-frontmatter (`name` + `description`) は、Claude が **自動でスキルを呼び出すか判断する** 唯一の手がかりになる。`description` には用途を具体的かつ網羅的に書く (動詞 + 対象 + トリガー条件)。
-
-## 実装済スキル
-
-### Misskey 固有 (本リポジトリ向け書き起こし)
-
-| スキル名 | 役割 | 優先度 |
-| --- | --- | --- |
-| [create-migration](create-migration/SKILL.md) | TypeORM CLI (`migration:generate` / `migration:create`) でマイグレーションを生成し、SPDX / up-down / `check-migrations` まで誘導 | 高 (342 既存 / 規約厳しい) |
-| [add-api-endpoint](add-api-endpoint/SKILL.md) | NestJS DI + meta/paramDef 規約で API エンドポイント追加。`endpoint-list.ts` 登録と `misskey-js` 再生成を含む | 高 |
-| [add-i18n-key](add-i18n-key/SKILL.md) | `locales/ja-JP.yml` のみ編集する補助。型は `packages/i18n` が自動再生成 | 中 |
-| [add-mk-component](add-mk-component/SKILL.md) | `Mk*` 命名 + SPDX (HTML) + SCSS module + `*.stories.impl.ts` 併設の Vue コンポーネントを一括スキャフォールド | 中 |
-
-### ECC (everything-claude-code) 由来 — MIT セレクトインポート
-
-[.claude/THIRD_PARTY_LICENSES.md](../THIRD_PARTY_LICENSES.md) §1 に出典・改変メモ・MIT 全文を集約。
-
-| スキル名 | 役割 | 優先度 |
-| --- | --- | --- |
-| [context-budget](context-budget/SKILL.md) | agents / skills / MCP / CLAUDE.md の token overhead を見える化し、肥大コンポーネントを検出 | 中 |
-
-設計方針: `create-migration` は手動の `Date.now()` 命名ではなく TypeORM 公式 CLI (`migration:generate` / `migration:create`) を採用。Storybook ファイル名は `*.stories.impl.ts` 規約に準拠する。
-
-## 新規スキルを追加する場合
-
-- `.claude/skills/<name>/SKILL.md` に YAML frontmatter (`name` + `description`) と本文 Markdown を書く。
-- `disable-model-invocation: true` は付けない (auto-invoke させたいため)。
-- 主要参照ファイルへのリンクは、リポジトリルートからの相対パス (例: `../../packages/backend/...`) で貼る。絶対パスは contributor のホームディレクトリ依存になるので使わない。
-- 完成したらこの README の表にも 1 行追加する。

.claude/skills/add-api-endpoint/SKILL.md

@@ -1,253 +0,0 @@
----
-name: add-api-endpoint
-description: Misskey の REST API エンドポイント (/api/<category>/<name>) を NestJS DI + meta/paramDef 規約で追加する。バックエンドに新しい API ルートを足す時に必ず使う。endpoint-list.ts への手動登録、e2e テスト、misskey-js 再生成、CHANGELOG までの一連の手順を含む。
----
-
-# Misskey API エンドポイント追加スキル
-
-`packages/backend/src/server/api/endpoints/<category>/<name>.ts` に新規エンドポイントを追加するためのワークフロー。**手順 4 (endpoint-list.ts 登録) を忘れると 404 になる** 点に最大の注意を払う。
-
-## 最重要事実 (見落とすと壊れる)
-
-1. エンドポイントは **glob 自動収集されない**。[packages/backend/src/server/api/endpoint-list.ts](../../../packages/backend/src/server/api/endpoint-list.ts) への 1 行追加が必須。
-2. `meta` / `paramDef` を変えたら **misskey-js の再生成が必須**。`pnpm build-misskey-js-with-types` を忘れると CI の `check-misskey-js-autogen` で必ず落ちる。
-3. `meta.errors` の各 `id` は **UUID**。重複させない (既存全 UUID と衝突確認)。
-
-## ステップ 1: ファイル配置と SPDX
-
-`packages/backend/src/server/api/endpoints/<category>/<name>.ts` に新規作成する。`<category>` は機能領域 (例: `notes`, `users`, `admin/announcements`)。
-
-冒頭に SPDX ヘッダーを必ず付ける:
-
-```ts
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-```
-
-## ステップ 2: 最小テンプレート (シンプル read 系)
-
-[endpoints/ping.ts](../../../packages/backend/src/server/api/endpoints/ping.ts) をベースに書く。認証不要・パラメータなし・小さなレスポンスの例:
-
-```ts
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-
-import { Injectable } from '@nestjs/common';
-import { Endpoint } from '@/server/api/endpoint-base.js';
-
-export const meta = {
-	tags: ['<tag>'],
-	requireCredential: false,
-
-	res: {
-		type: 'object',
-		optional: false, nullable: false,
-		properties: {
-			// ...
-		},
-	},
-} as const;
-
-export const paramDef = {
-	type: 'object',
-	properties: {},
-	required: [],
-} as const;
-
-@Injectable()
-export default class extends Endpoint<typeof meta, typeof paramDef> { // eslint-disable-line import/no-default-export
-	constructor(
-	) {
-		super(meta, paramDef, async (ps, me) => {
-			// 実装
-		});
-	}
-}
-```
-
-## ステップ 3: 認証付き / DI / errors を含むテンプレート
-
-[endpoints/notes/create.ts](../../../packages/backend/src/server/api/endpoints/notes/create.ts) を参照する。要点:
-
-```ts
-import { Inject, Injectable } from '@nestjs/common';
-import { Endpoint } from '@/server/api/endpoint-base.js';
-import { ApiError } from '@/server/api/error.js';
-import { DI } from '@/di-symbols.js';
-// import ms from 'ms'; // limit.duration に ms('1hour') 等を渡すとき (default import)
-
-export const meta = {
-	tags: ['notes'],
-	requireCredential: true,        // 認証必須なら true
-	prohibitMoved: false,            // moved user を拒否するか
-	kind: 'write:notes',             // OAuth scope (requireCredential 時に必須)
-	limit: {
-		duration: 3600000,           // ms('1hour')
-		max: 300,
-	},
-	errors: {
-		noSuchNote: {
-			message: 'No such note.',
-			code: 'NO_SUCH_NOTE',
-			id: 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx', // ★ UUID v4 を必ず生成 (`x`=hex, `y`=8/9/a/b)。下の「UUID 生成」を参照
-		},
-	},
-	res: {
-		type: 'object',
-		optional: false, nullable: false,
-		ref: 'Note',                 // packed entity に揃える場合
-	},
-} as const;
-
-export const paramDef = {
-	type: 'object',
-	properties: {
-		noteId: { type: 'string', format: 'misskey:id' },
-	},
-	required: ['noteId'],
-} as const;
-
-@Injectable()
-export default class extends Endpoint<typeof meta, typeof paramDef> { // eslint-disable-line import/no-default-export
-	constructor(
-		@Inject(DI.notesRepository)
-		private notesRepository: NotesRepository,
-	) {
-		super(meta, paramDef, async (ps, me) => {
-			const note = await this.notesRepository.findOneBy({ id: ps.noteId });
-			if (note == null) throw new ApiError(meta.errors.noSuchNote);
-			// 実装
-		});
-	}
-}
-```
-
-### meta フィールド早見表
-
-| フィールド | 用途 |
-|---|---|
-| `tags` | OpenAPI タグ (機能領域) |
-| `requireCredential` | 認証必須か |
-| `requireModerator` / `requireAdmin` | 権限制限 |
-| `prohibitMoved` | アカウント移行済ユーザーを拒否 |
-| `kind` | OAuth scope (`read:notes` / `write:notes` 等)。`requireCredential: true` 時必須 |
-| `limit` | レート制限 (`{ duration, max, key?, minInterval? }`) |
-| `errors` | エラー定義。各要素に `message` / `code` / `id` (UUID v4) 必須 |
-| `res` | JSON Schema or `ref: '<EntityName>'` (packed entity 参照) |
-| `requireFile` | ファイルアップロード必須 |
-| `secure` | secure cookie 必要 |
-| `allowGet` | GET メソッド許可 |
-| `cacheSec` | レスポンスキャッシュ秒数 |
-| `description` | OpenAPI 説明 |
-
-詳細は [endpoints.ts](../../../packages/backend/src/server/api/endpoints.ts) の型定義 (lines 11-125) を参照。
-
-### paramDef の特殊フォーマット
-
-JSON Schema (AJV) ベースだが、Misskey 拡張を使える:
-
-- `format: 'misskey:id'` — ID 文字列バリデーション
-- `allOf` / `anyOf` / `oneOf` — 複合条件
-- `default` — デフォルト値
-
-詳細は [endpoint-base.ts](../../../packages/backend/src/server/api/endpoint-base.ts) を参照。
-
-### エラー throw
-
-**「公開 API エラーとして API クライアントに返したいもの」は必ず `throw new ApiError(meta.errors.<key>)` を使う**。`meta.errors` に列挙した上で `ApiError` でラップしないと、misskey-js 側の型情報に出ず、レスポンスも 500 になる。第 2 引数で追加情報を渡せる:
-
-```ts
-throw new ApiError(meta.errors.invalidParam, { reason: 'too short' });
-```
-
-一方で、**想定外の例外 (DB 不整合 / 下層サービスの bug など) を握り潰すために `try/catch` で `ApiError` に変換するのは避ける**。既存 endpoint も「期待される業務エラーは `ApiError` に変換し、それ以外は `throw err;` で再 throw する」という二段構えになっている。`packages/backend/src/server/api/endpoints/notes/create.ts` の `catch` 節 (末尾の `throw err;`) を参照。生の `throw` を全面禁止すると未知例外も 200 で潰れて debug が困難になるので、このバランスを保つ。
-
-詳細は [error.ts](../../../packages/backend/src/server/api/error.ts) の `ApiError` クラスを参照。
-
-### UUID 生成
-
-```bash
-node -e "console.log(crypto.randomUUID())"
-```
-
-その UUID が他のエンドポイントの `id` と衝突していないか必ず確認:
-
-```bash
-grep -r "id: '<生成した UUID>'" packages/backend/src/server/api/endpoints/
-```
-
-## ステップ 4: ★必須 — endpoint-list.ts に登録
-
-[packages/backend/src/server/api/endpoint-list.ts](../../../packages/backend/src/server/api/endpoint-list.ts) の同カテゴリ末尾に 1 行追加する（既存の並びを崩さない）:
-
-```ts
-export * as '<category>/<name>' from './endpoints/<category>/<name>.js';
-```
-
-ファイル冒頭のコメント (`When you add new endpoint, you should add it to this file.`) の通り、このリストが API ルーティングの単一の真実。**忘れると 404**。
-
-`EndpointsModule.ts` がこのファイルの全エクスポートを `Object.entries()` で反復し、NestJS provider (`provide: 'ep:<path>'`) を生成する。
-
-## ステップ 5: e2e テスト追加
-
-[packages/backend/test/e2e/endpoints.ts](../../../packages/backend/test/e2e/endpoints.ts) に対応する `describe` / `test` を追加する。`api()` ヘルパーで叩く:
-
-```ts
-describe('<category>/<name>', () => {
-	test('正常系', async () => {
-		const res = await api('<category>/<name>', { /* params */ }, alice);
-		assert.strictEqual(res.status, 200);
-	});
-});
-```
-
-実行: `pnpm --filter backend test:e2e`
-
-## ステップ 6: misskey-js 再生成 (★必須)
-
-`meta` / `paramDef` / `res` を変えたら必ず実行する:
-
-```bash
-pnpm build-misskey-js-with-types
-```
-
-これで以下が更新される:
-
-- `packages/backend/built/api.json` (OpenAPI spec)
-- `packages/misskey-js/generator/api.json`
-- `packages/misskey-js/src/autogen/*.ts` (TypeScript 型)
-
-PR に `packages/misskey-js/src/autogen/` 配下の差分が含まれていないと、CI の `check-misskey-js-autogen` で落ちる。
-
-## ステップ 7: Lint と typecheck
-
-```bash
-pnpm --filter backend lint
-```
-
-(typecheck = `tsgo --noEmit` / ESLint = `eslint`)
-
-## ステップ 8: CHANGELOG
-
-ユーザー影響がある (新機能 / 既存挙動変更) なら、`CHANGELOG.md` の `## Unreleased` → `### Server` に 1 行追加する ([AGENTS.md §CHANGELOG](../../../AGENTS.md#changelog) 参照):
-
-```
-- Feat: /api/<category>/<name> を追加
-```
-
-純粋なリファクタや内部用なら不要。
-
-## 参照ファイル
-
-- [endpoints.ts (meta/paramDef 型定義)](../../../packages/backend/src/server/api/endpoints.ts)
-- [endpoint-base.ts (Endpoint 基底クラス)](../../../packages/backend/src/server/api/endpoint-base.ts)
-- [endpoint-list.ts (★ ここに登録)](../../../packages/backend/src/server/api/endpoint-list.ts)
-- [error.ts (ApiError)](../../../packages/backend/src/server/api/error.ts)
-- [endpoints/ping.ts (最小例)](../../../packages/backend/src/server/api/endpoints/ping.ts)
-- [endpoints/notes/create.ts (DI + errors の典型)](../../../packages/backend/src/server/api/endpoints/notes/create.ts)
-- [test/e2e/endpoints.ts (テスト例)](../../../packages/backend/test/e2e/endpoints.ts)
-- [scripts/generate_api_json.js (misskey-js 生成元)](../../../packages/backend/scripts/generate_api_json.js)

.claude/skills/add-i18n-key/SKILL.md

@@ -1,115 +0,0 @@
----
-name: add-i18n-key
-description: Misskey の i18n キーを追加・修正する。locales/ja-JP.yml のみ編集可能で、他言語ファイル (en-US.yml 等 39 言語) は Crowdin の自動配信先のため絶対に触らない。型は packages/i18n が ja-JP.yml から自動再生成する。frontend からは i18n.ts.<key> または i18n.tsx.<key>(...) で参照する。
----
-
-# Misskey i18n キー追加スキル
-
-UI 文言の追加・変更を行う際の規約。**手動編集して良いのは `locales/ja-JP.yml` のみ。**
-
-## 大前提 (絶対 NG)
-
-- **`locales/<lang>.yml` (ja-JP.yml 以外) の編集は禁止**。これらは Crowdin の自動配信先で、手動編集すると次の同期で上書き喪失する ([locales/README.md](../../../locales/README.md), [crowdin.yml](../../../crowdin.yml))。
-- 文字列リテラルを SFC に直書きしない (`<span>こんにちは</span>` 等)。必ず `i18n.ts.<key>` を経由する。
-- 既存キーの破壊的リネームは Crowdin 翻訳資産も道連れになるので慎重に。追加・改名併用 (新キー追加 → 移行 → 旧キー削除) を検討する。
-
-## ステップ 1: ja-JP.yml にキーを追加
-
-[locales/ja-JP.yml](../../../locales/ja-JP.yml) を編集する。YAML の階層構造を維持し、関連するセクションに配置する:
-
-```yaml
-# トップレベル単純キー
-save: "保存"
-
-# ネストしたカテゴリ (アンダースコア接頭辞は内部カテゴリ)
-_settings:
-  general: "全般"
-  appearance: "外観"
-
-# パラメータ付き (ICU MessageFormat 互換)
-greeting: "こんにちは、{name}さん"
-```
-
-### 命名のお作法
-
-- 単純キー: lowerCamelCase (例: `saveChanges`, `confirmDelete`)。
-- カテゴリ: アンダースコア接頭辞 (例: `_settings`, `_abuseUserReport`)。
-- 既存セクション内に置く場合はアルファベット順を維持する (新セクション全体を末尾に追加するのは可)。
-
-## ステップ 2: 型定義の自動再生成
-
-`packages/i18n/build.ts` が `ja-JP.yml` を解析し、TypeScript インターフェースを [packages/i18n/src/autogen/locale.ts](../../../packages/i18n/src/autogen/locale.ts) に出力する。
-
-### 自動 (推奨)
-
-`pnpm dev` 実行中なら、`packages/i18n` の watch スクリプトが yml の変更を検知して自動再生成する。
-
-### 手動
-
-```bash
-pnpm --filter i18n generate
-```
-
-実体は `tsx scripts/generateLocaleInterface.ts`。
-
-### 失敗パターン
-
-これを実行せずに frontend 側で `i18n.ts.<newKey>` を参照すると、`Locale` インターフェースに追加されていないため、typecheck で「Property '<newKey>' does not exist on type 'Locale'」というエラーになる。`pnpm --filter frontend lint` で発覚する。
-
-## ステップ 3: frontend での参照
-
-```ts
-import { i18n } from '@/i18n.js';
-```
-
-| 用途 | 書き方 |
-|---|---|
-| 単純文字列 | `i18n.ts.save` |
-| ネスト | `i18n.ts._settings.general` |
-| パラメータ付き | `i18n.tsx.greeting({ name: userName })` |
-| Vue テンプレート内 | `{{ i18n.ts.save }}` / `{{ i18n.tsx.greeting({ name }) }}` |
-
-`i18n.ts` は型付き文字列、`i18n.tsx` は MessageFormat 関数。
-
-## ステップ 4: 検証
-
-```bash
-# i18n パッケージの型再生成 + typecheck
-pnpm --filter i18n lint
-
-# frontend で新キー参照箇所の型チェック
-pnpm --filter frontend lint
-```
-
-## 例: 「ノートを削除しますか？」確認ダイアログを追加する
-
-1. `locales/ja-JP.yml`:
-   ```yaml
-   _notes:
-     deleteConfirm: "このノートを削除しますか？"
-   ```
-2. `pnpm --filter i18n generate` (または `pnpm dev` で watch 中)
-3. SFC:
-   ```vue
-   <script setup lang="ts">
-   import { i18n } from '@/i18n.js';
-   import * as os from '@/os.js';
-
-   async function onDelete() {
-     const { canceled } = await os.confirm({
-       type: 'warning',
-       text: i18n.ts._notes.deleteConfirm,
-     });
-     if (canceled) return;
-     // 削除処理
-   }
-   </script>
-   ```
-
-## 参照ファイル
-
-- [locales/README.md (★ 編集ポリシー根拠)](../../../locales/README.md)
-- [locales/ja-JP.yml](../../../locales/ja-JP.yml)
-- [packages/i18n/build.ts](../../../packages/i18n/build.ts)
-- [packages/i18n/src/autogen/locale.ts (生成物)](../../../packages/i18n/src/autogen/locale.ts)
-- [packages/frontend/src/i18n.ts](../../../packages/frontend/src/i18n.ts)

.claude/skills/add-mk-component/SKILL.md

@@ -1,174 +0,0 @@
----
-name: add-mk-component
-description: Misskey フロントエンドの新規 Vue 3 コンポーネントを追加する。Mk* 命名 / SPDX (HTML コメント) / <script setup lang="ts"> / <style lang="scss" module> / *.stories.impl.ts 併設の規約をまとめて適用する。新しい共有 UI コンポーネントを packages/frontend/src/components/ に作る時に使う。
----
-
-# Misskey Vue コンポーネント追加スキル
-
-`packages/frontend/src/components/` に新しい共有コンポーネントを追加するための規約。
-
-## 大前提
-
-- 共有 / 再利用コンポーネントは **必ず `Mk` プレフィックス** (例: `MkButton`, `MkInput`)。ページ固有部品など `Mk` プレフィックスでないものは原則 `pages/` 側に置く。
-- 新規では `<style lang="scss" module>` (CSS Modules) を既定とする。古い `scoped` 形式が混在しているが、新規では使わない。
-- 文字列リテラルの直書きは禁止。文言は必ず `i18n.ts.<key>` 経由で参照する (新キーは `add-i18n-key` スキルを参照)。
-- `alert()` / `confirm()` / `window.prompt()` は使わない。`os.alert` / `os.confirm` / `os.popup` などを使う。
-
-## ステップ 1: ファイル配置
-
-`packages/frontend/src/components/Mk<Name>.vue` に新規作成する。
-
-ストーリーが必要 (= ほぼ常に必要) なら、同階層に `Mk<Name>.stories.impl.ts` も作る。Storybook の規約は `*.stories.impl.ts` であって、`*.stories.ts` ではない。
-
-## ステップ 2: SPDX ヘッダー (HTML コメント形式)
-
-`.vue` ファイル冒頭に必須:
-
-```html
-<!--
-SPDX-FileCopyrightText: syuilo and misskey-project
-SPDX-License-Identifier: AGPL-3.0-only
--->
-```
-
-`/* ... */` (TS / JS 形式) ではなく **HTML コメント** で書くこと。既存の `.vue` ファイルがすべて HTML コメント形式を使っており、SFC の先頭として自然な形式に統一するため (CI の `spdx` ジョブはコメント形式ではなく SPDX 文字列の有無のみを検査する)。
-
-## ステップ 3: 最小テンプレート
-
-[MkInfo.vue](../../../packages/frontend/src/components/MkInfo.vue) をベースにする (シンプルな表示コンポーネント):
-
-```vue
-<!--
-SPDX-FileCopyrightText: syuilo and misskey-project
-SPDX-License-Identifier: AGPL-3.0-only
--->
-
-<template>
-<div :class="$style.root">
-	<slot></slot>
-</div>
-</template>
-
-<script lang="ts" setup>
-const props = defineProps<{
-	variant?: 'primary' | 'secondary';
-}>();
-
-const emit = defineEmits<{
-	(ev: 'click'): void;
-}>();
-</script>
-
-<style lang="scss" module>
-.root {
-	padding: 12px 14px;
-	border-radius: var(--MI-radius);
-	background: var(--MI_THEME-panel);
-}
-</style>
-```
-
-### 規約ポイント
-
-| 項目 | 規約 |
-|---|---|
-| `<script>` | `<script lang="ts" setup>`。型パラメータが必要なら `generic="T extends ..."` を付ける ([MkInput.vue 参照](../../../packages/frontend/src/components/MkInput.vue)) |
-| `defineProps` / `defineEmits` | **type-only** (`<{ ... }>`) 形式。runtime の object 形式は使わない |
-| `<style>` | `lang="scss" module` を既定。クラス参照は `:class="$style.foo"` |
-| CSS 変数 | `var(--MI_THEME-...)` (テーマ) / `var(--MI-radius)` (UI 共通) — ハードコードしない |
-| アイコン | Tabler icons のクラス (`<i class="ti ti-info-circle">`) を使う |
-
-## ステップ 4: i18n と os の利用
-
-```vue
-<script lang="ts" setup>
-import { i18n } from '@/i18n.js';
-import * as os from '@/os.js';
-
-async function onClick() {
-	const { canceled } = await os.confirm({
-		type: 'warning',
-		text: i18n.ts._notes.deleteConfirm,
-	});
-	if (canceled) return;
-	os.toast(i18n.ts.deleted);
-}
-</script>
-```
-
-### `os` の主なヘルパー (詳細は [os.ts](../../../packages/frontend/src/os.ts))
-
-| 関数 | 用途 |
-|---|---|
-| `os.alert({ type, title?, text })` | 単方向アラート |
-| `os.confirm({ type, title, text })` | yes/no 確認 (`{ canceled }` を返す) |
-| `os.toast(message)` | 一時通知 |
-| `os.popup(component, props, handlers)` | 任意コンポーネントの非同期ポップアップ |
-| `os.popupMenu(items, anchor?)` | コンテキストメニュー |
-| `os.form(title, fields)` | フォームダイアログ |
-| `os.apiWithDialog(endpoint, data)` | API 呼出し + エラー時ダイアログ表示 |
-
-## ステップ 5: Storybook ストーリー併設
-
-[MkButton.stories.impl.ts](../../../packages/frontend/src/components/MkButton.stories.impl.ts) を雛形として参考にする。`.stories.impl.ts` も `packages/frontend/src/` 配下の `.ts` ファイルなので [AGENTS.md §1 SPDX ヘッダー必須](../../../AGENTS.md#1-spdx-ヘッダー必須) の対象であり、冒頭に SPDX ヘッダーを必ず付ける (HTML コメント形式ではなく `/* */` 形式)。形式 (以下の `MkXxx` は実際のコンポーネント名に置換する):
-
-```ts
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-
-/* eslint-disable @typescript-eslint/explicit-function-return-type */
-/* eslint-disable import/no-default-export */
-import type { StoryObj } from '@storybook/vue3';
-import MkXxx from './MkXxx.vue';
-
-export const Default = {
-	render(args) {
-		return {
-			components: { MkXxx },
-			setup() {
-				return { args };
-			},
-			template: '<MkXxx v-bind="args">slot content</MkXxx>',
-		};
-	},
-	args: {
-		variant: 'primary',
-	},
-	parameters: {
-		layout: 'centered',
-	},
-} satisfies StoryObj<typeof MkXxx>;
-```
-
-`Vue` SFC は default export なので、`import MkXxx from './MkXxx.vue';` のように名前付き import ではなく default import で書く。実行確認は `pnpm --filter frontend storybook-dev`。
-
-## ステップ 6: Lint と typecheck
-
-```bash
-pnpm --filter frontend lint
-```
-
-(typecheck = vue-tsc 等、ESLint = `@misskey-dev/eslint-plugin` 含む)
-
-ESLint --fix をピンポイントで:
-
-```bash
-pnpm exec eslint --fix packages/frontend/src/components/Mk<Name>.vue
-```
-
-## ステップ 7: 既存コンポーネントとの整合性確認
-
-- 似た用途の既存 `Mk*` コンポーネントを参考に、スタイルやプロップ命名を揃える。
-- `_button` / `_panel` / `_selectable` などの **共通 utility class** (グローバルスタイルにある) を活用できるか確認する。
-- 大きな機能なら、Storybook stories で各バリエーションを網羅する。
-
-## 参照ファイル
-
-- [MkInfo.vue (シンプル例)](../../../packages/frontend/src/components/MkInfo.vue)
-- [MkButton.vue (汎用ボタン例)](../../../packages/frontend/src/components/MkButton.vue)
-- [MkInput.vue (generics + 多機能例)](../../../packages/frontend/src/components/MkInput.vue)
-- [MkButton.stories.impl.ts (Storybook 雛形)](../../../packages/frontend/src/components/MkButton.stories.impl.ts)
-- [packages/frontend/src/os.ts](../../../packages/frontend/src/os.ts)
-- [packages/frontend/src/i18n.ts](../../../packages/frontend/src/i18n.ts)

.claude/skills/context-budget/SKILL.md

@@ -1,148 +0,0 @@
----
-name: context-budget
-description: Claude Code セッションのコンテキスト窓消費を agents/skills/MCP/rules/CLAUDE.md ごとに見える化し、肥大化と冗長コンポーネントを検出して節約候補を提示する。"コンテキスト消費を見せて"、"context budget"、"context audit"、"トークン内訳"、"これ以上 MCP 入る？" 等の発話で起動する。
----
-
-<!--
-SPDX-License-Identifier: MIT
-SPDX-FileCopyrightText: 2026 Affaan Mustafa and everything-claude-code contributors
-
-出典 (upstream): https://github.com/affaan-m/everything-claude-code (v2.0.0-rc.1)
-upstream path: skills/context-budget/SKILL.md
-upstream origin frontmatter: ECC
-upstream license: MIT — https://github.com/affaan-m/everything-claude-code/blob/main/LICENSE
-project-level notice: see .claude/THIRD_PARTY_LICENSES.md (Misskey 内サードパーティ一覧 + MIT 全文)
-
-Imported into Misskey .claude/ on 2026-05-10 as a standalone copy (no dependency on the ECC plugin runtime). description was rewritten in Japanese and a "Misskey 固有メモ" section was appended; body content remains MIT-licensed.
-
-note: Misskey の skills/agents 数は少ないので、MCP / CLAUDE.md / プラグイン由来の overhead が支配的になりやすい点に留意。
--->
-
-# Context Budget
-
-セッション内に読み込まれるコンポーネント (agents / skills / rules / MCP servers / CLAUDE.md) の token overhead を分析し、空き context を回復する具体策を提示する。
-
-## 使う場面
-
-- セッションが重い・出力品質が落ちてきた感覚がある
-- 直近で skills / agents / MCP server を多数追加した
-- 残りの context headroom を知りたい
-- 追加コンポーネントを入れる前に空きを確認したい
-- 「context-budget」「token 内訳」等のキーワードでユーザーが明示的に要請した時 (Misskey リポジトリにはこの名前のスラッシュコマンドは登録していない — 本 skill は名前 / description マッチで auto-invoke される想定。実装済の slash command 一覧は [.claude/commands/](../../commands/) を参照)
-
-## 仕組み
-
-### Phase 1: Inventory
-
-各コンポーネントを走査して token を推定する。
-
-**Agents** (`.claude/agents/*.md`)
-- 行数とトークン数 (`words × 1.3`) を計算
-- frontmatter `description` の長さを抽出
-- フラグ: 200 行超 (重い)、description 30 word 超 (frontmatter 肥大)
-
-**Skills** (`.claude/skills/*/SKILL.md`)
-- SKILL.md ごとに token を計算
-- フラグ: 400 行超
-- `.agents/skills/` 等の重複コピーは除外
-
-**Rules** (リポジトリルートの `AGENTS.md` + `.claude/` から `@-import` されるファイル)
-- ファイル単位で token 計算
-- フラグ: 100 行超
-- 同一言語モジュール内の内容重複を検出
-
-**MCP Servers** (`.mcp.json` または有効 MCP 設定)
-- server 数と総 tool 数
-- schema overhead をツールあたり ~500 token で見積もる
-- フラグ: 20 tool 超のサーバー、`gh` / `git` / `npm` 等の CLI を単純ラップしただけのサーバー
-
-**CLAUDE.md** (project + user-level)
-- ファイルごとに token を計算
-- フラグ: 合計 300 行超
-
-### Phase 2: Classify
-
-| バケット           | 判定基準                                                    | 行動                              |
-|--------------------|-------------------------------------------------------------|-----------------------------------|
-| **Always needed**  | CLAUDE.md から参照されている / 有効コマンドの裏 / 現プロジェクトと一致 | 維持                              |
-| **Sometimes needed** | ドメイン依存 (例: 言語パターン)、CLAUDE.md 参照なし          | オンデマンド有効化を検討          |
-| **Rarely needed**  | コマンド参照なし、内容重複、明確な用途なし                  | 削除または lazy-load              |
-
-### Phase 3: Detect Issues
-
-- **Bloated agent description** — frontmatter description が 30 word 超だと、Task ツール起動のたびに毎回ロードされる
-- **Heavy agents** — 200 行超は Task ツールの context を毎回膨らませる
-- **Redundant components** — agent ロジックを重複する skill、CLAUDE.md と重複する rule
-- **MCP over-subscription** — 10 server 超、または CLI 代用可能なサーバー
-- **CLAUDE.md bloat** — 冗長説明、古いセクション、rule に移すべき指示
-
-### Phase 4: Report
-
-```
-Context Budget Report
-═══════════════════════════════════════
-
-Total estimated overhead: ~XX,XXX tokens
-Context model: <現在モデル名> (<window>K window)   ← 例: Claude Opus 4.7 (1M), Claude Sonnet (200K)
-Effective available context: ~XXX,XXX tokens (XX%)
-
-Component Breakdown:
-┌─────────────────┬────────┬───────────┐
-│ Component       │ Count  │ Tokens    │
-├─────────────────┼────────┼───────────┤
-│ Agents          │ N      │ ~X,XXX    │
-│ Skills          │ N      │ ~X,XXX    │
-│ Rules           │ N      │ ~X,XXX    │
-│ MCP tools       │ N      │ ~XX,XXX   │
-│ CLAUDE.md       │ N      │ ~X,XXX    │
-└─────────────────┴────────┴───────────┘
-
-WARNING: Issues Found (N):
-[token 節約量の降順]
-
-Top 3 Optimizations:
-1. [action] → save ~X,XXX tokens
-2. [action] → save ~X,XXX tokens
-3. [action] → save ~X,XXX tokens
-
-Potential savings: ~XX,XXX tokens (XX% of current overhead)
-```
-
-verbose mode ではさらにファイルごとの token 内訳、最重ファイルの行単位ブレークダウン、重複行の対比、MCP tool 一覧 + tool ごとの schema サイズ推定を出す。
-
-## 例
-
-**基本監査**
-```
-User: コンテキスト消費を見せて
-Skill: 16 agents (12,400 tokens), 28 skills (6,200), 87 MCP tools (43,500), 2 CLAUDE.md (1,200)
-       Flags: 重い agent 3 個、CLI 代用可能な MCP 3 個
-       Top saving: MCP 3 個削除 → -27,500 tokens (overhead の 47% 削減)
-```
-
-**Verbose**
-```
-User: トークン内訳をファイル単位で
-Skill: 上記レポートに加えて、planner.md (213 lines, 1,840 tokens) のような
-       per-file 行内訳、MCP tool ごとのサイズ、rule の重複行を side-by-side で表示
-```
-
-**追加前チェック**
-```
-User: MCP server を 5 個追加したいが、空きある？
-Skill: 現状 33% → 5 server (≈ 50 tools) 追加で +25,000 tokens → 45% に到達
-       推奨: CLI 代用可能な server 2 個を先に外して 40% 以下を維持
-```
-
-## ベストプラクティス
-
-- **トークン推定**: prose は `words × 1.3`、code 主体は `chars / 4`
-- **MCP は最大のレバー**: tool あたり ~500 token、30-tool server ひとつで全 skill より大きい
-- **agent description は常時ロード**: 呼ばれない agent でも description は毎 Task 投入
-- **verbose は debug 用**: 普段は使わない
-- **変更後は監査**: agent/skill/MCP 追加直後に走らせて creep を早期発見
-
-## Misskey 固有メモ
-
-- Misskey は MCP server をプロジェクトで明示登録していないため (`.mcp.json` 不在)、現状 overhead の支配項は CLAUDE.md と公式プラグイン群の skills / agents description である。
-- ECC プラグインがユーザースコープで `installed_plugins.json` に存在するため、プロジェクトで `enabledPlugins` に追加していなくても system reminder に 200+ skill が現れる。これらは description が短いので個別 overhead は小さいが、合計値の確認に本 skill を使う。

.claude/skills/create-migration/SKILL.md

@@ -1,156 +0,0 @@
----
-name: create-migration
-description: Misskey の TypeORM マイグレーションを公式 CLI (migration:generate / migration:create) で正しく生成し、SPDX ヘッダー付与・up/down 整合・check-migrations 確認まで誘導する。エンティティのスキーマ変更を含むあらゆる DB 変更、または手書き SQL によるデータ移行が必要な時に使用する。
----
-
-# Misskey マイグレーション作成スキル
-
-`packages/backend/migration/` に新規 TypeORM マイグレーションを追加するためのワークフロー。
-
-## 大前提 (絶対 NG)
-
-- **既にマージ済み (develop / master) のマイグレーションファイルを編集しない** ([AGENTS.md §3](../../../AGENTS.md#3-マージ済み-migration-を絶対に編集しない))。本番履歴の改変は深刻なデータ不整合を引き起こす。スキーマ変更は **常に新しいタイムスタンプで新規ファイル** を作る。
-- ファイル名のタイムスタンプ部分を後から書き換えない (順序が壊れる)。
-
-> 作り方は AGENTS.md §3 の「`Date.now()` で UNIX ms を取得 → `{ms}-{PascalName}.js` を手書き」が最低ライン。エンティティ差分から自動生成したい (= TypeORM の `migration:generate` を使う) 場合は本 skill の手順に従う。**どちらでも構わない**が、エンティティ変更を伴う時は CLI 経由のほうが取り漏れが減るので推奨。
-
-## ステップ 1: どちらの方式を使うか決める
-
-| 状況 | 方式 |
-|---|---|
-| エンティティ (`packages/backend/src/models/*.ts`) を `@Column` / `@Index` / `@Entity` 等で先に変更し、差分から自動生成したい | `typeorm migration:generate` (本 skill の手順) |
-| 手書き SQL / データ移行 / `CREATE INDEX CONCURRENTLY` など、エンティティ差分では表現できない変更 | `typeorm migration:create` で空雛形を作るか、`migrate-new` command で手書き雛形を作る |
-| 列追加 1 本のような小規模変更で、既存ファイルをコピーした方が速い | AGENTS.md §3 の手順 (`Date.now()` + 手書き) でよい |
-
-迷ったら **まずエンティティを変更 → `migration:generate`** が原則。既存 342 ファイルのほぼすべてが `queryRunner.query(\`SQL...\`)` の raw SQL なので、CLI 出力でも手書きでもスタイルは揃う。
-
-## ステップ 2: CLI 実行
-
-ルートディレクトリから以下を実行する。`<PascalName>` は変更内容を表す PascalCase (例: `AddBirthdayIndex`, `AddCategoryToAvatarDecorations`)。
-
-### 2-A. エンティティ差分から生成
-
-[CONTRIBUTING.md §Migration作成方法](../../../CONTRIBUTING.md#migration作成方法) に記載の基本形:
-
-```bash
-# packages/backend ディレクトリで実行する場合 (CONTRIBUTING.md 記載形式)
-pnpm dlx typeorm migration:generate -d ormconfig.js -o --esm <PascalName>
-```
-
-**リポジトリルートから実行する場合** (AI が使う推奨形式。`pnpm --filter backend exec` を使うと backend の TypeORM バージョンと一致するため確実):
-
-```bash
-pnpm --filter backend exec typeorm migration:generate -d ormconfig.js -o --esm migration/<PascalName>
-```
-
-> **`--esm` について**: `-o` / `--outputJs` は「TS ではなく JS を出力する」オプション、`--esm` は「ESM 形式 (`export class ...`) で出力する」オプション。Misskey の既存 migration はすべて ESM JS であるため **両方が必須**。`--esm` を省略すると CommonJS 形式の JS が生成されスタイルが揃わない。
-
-事前準備:
-
-- `pnpm build-pre` を実行して `built/meta.json` を生成する (`loadConfig()` が `built/meta.json` を必須とするため。`pnpm build` 済みであれば不要)。
-- `.config/default.yml` が存在すること (なければ `.config/example.yml` を参考に作成する)。
-- `pnpm --filter backend compile-config` を実行して `built/.config.json` を生成する (`ormconfig.js` が `loadConfig()` 経由で必須とする。未実行だと "Compiled configuration file not found." エラーになる)。
-- `pnpm --filter backend build` でエンティティを最新ビルド (CLI は `built/` を読む)。
-- ローカル DB を起動する (`docker compose -f compose.local-db.yml up -d`)。
-
-### 2-B. 空の手書きマイグレーション
-
-```bash
-pnpm --filter backend exec typeorm migration:create -o --esm migration/<PascalName>
-```
-
-ローカル DB の起動とビルドは不要。空の `up` / `down` だけが生成される。
-
-> `-o --esm` を **必ず付ける**。これが無いと `<UnixMs>-<PascalName>.ts` (CommonJS / TS 出力) が生成されるが、Misskey の `ormconfig.js` は `migration/*.js` だけを読み、既存の他 migration も全て `export class ... { async up(queryRunner) {...} }` の ESM JS 形式なので、後で手作業で `.ts → .js` リネーム + `import { MigrationInterface }` 削除 + `class ... implements MigrationInterface` 削除をしないと走らない。`-o --esm` を付ければそのまま `.js` ESM で出るので、後処理は SPDX ヘッダー付与 (ステップ 3) だけで済む。
-
-## ステップ 3: SPDX ヘッダー付与
-
-CLI 出力には SPDX ヘッダーが含まれない。**必ず冒頭に追加する** (CI の `spdx` ジョブが失敗するため)。
-
-```js
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-```
-
-## ステップ 4: up / down の整合確認
-
-- `up()` の各ステートメントに対し、`down()` で完全に巻き戻せること。
-- 列追加 (`ADD COLUMN`) ↔ 列削除 (`DROP COLUMN`)、テーブル作成 ↔ テーブル削除、
-  FK 追加 ↔ FK 削除、インデックス作成 ↔ インデックス削除 を必ずペアで書く。
-- `down()` を空のまま残さない。本番ロールバック時に詰む。
-
-### インデックス追加時の注意 (CREATE INDEX CONCURRENTLY)
-
-大規模テーブルへの `CREATE INDEX` は本番で長時間ロックする恐れがある。`CONCURRENTLY` で発行するときは **migration 側にも対応が必要**: PostgreSQL は `CREATE INDEX CONCURRENTLY` を transaction 内で実行できないため、migration class に以下を仕込んで TypeORM に「この migration は transaction を張らない」と指示する。
-
-参照実装: [packages/backend/migration/1745378064470-composite-note-index.js](../../../packages/backend/migration/1745378064470-composite-note-index.js)。
-
-```js
-const isConcurrentIndexMigrationEnabled = process.env.MISSKEY_MIGRATION_CREATE_INDEX_CONCURRENTLY === '1';
-
-export class CompositeNoteIndex1745378064470 {
-    name = 'CompositeNoteIndex1745378064470';
-    transaction = isConcurrentIndexMigrationEnabled ? false : undefined;
-
-    async up(queryRunner) {
-        const concurrently = isConcurrentIndexMigrationEnabled;
-        if (concurrently) {
-            // CREATE INDEX CONCURRENTLY ...
-        } else {
-            // CREATE INDEX ...
-        }
-    }
-
-    async down(queryRunner) {
-        // 同様に環境変数で分岐
-    }
-}
-```
-
-要点:
-
-- **`transaction = isConcurrentIndexMigrationEnabled ? false : undefined;`** が必須。これがないと `CREATE INDEX CONCURRENTLY` が transaction 内で実行されて `ERROR:  CREATE INDEX CONCURRENTLY cannot run inside a transaction block` で失敗する。
-- 環境変数 `MISSKEY_MIGRATION_CREATE_INDEX_CONCURRENTLY=1` がデフォルト OFF。OFF のときは普通の `CREATE INDEX` (transaction 内) で動く必要がある。`up`/`down` 双方を環境変数で分岐させる。
-- `ormconfig.js` の `migrationsTransactionMode` は **環境変数で切り替わる**: `MISSKEY_MIGRATION_CREATE_INDEX_CONCURRENTLY=1` のときだけ `'each'` (各 migration が個別 transaction)、未設定時は `'all'` (全 migration を 1 つの transaction でラップ) ([ormconfig.js:19](../../../packages/backend/ormconfig.js#L19))。普段は `'all'` 前提なので、CONCURRENTLY を使う migration を書く時だけこのフラグの存在を意識すれば良い。
-
-### 関連エンティティとの一致
-
-`migration:generate` を使った場合、エンティティ側の `@Column` / `@Entity` 修正と DB スキーマが食い違うとビルド全体がズレる。生成後に該当エンティティと SQL の対応を目視確認すること。
-
-## ステップ 5: 検証
-
-ルートから実行:
-
-```bash
-# 未反映の差分が無いか (新規 migration が生成すべき DDL を取り逃していないか)
-pnpm --filter backend check-migrations
-
-# ローカル DB に適用
-pnpm migrate
-
-# ロールバック (down が壊れていないか)
-pnpm revert
-
-# 再適用 (順方向にもう一度通す)
-pnpm migrate
-```
-
-`check-migrations` の実体は [scripts/check_migrations_clean.js](../../../packages/backend/scripts/check_migrations_clean.js)。TypeORM の `dataSource.driver.createSchemaBuilder().log()` で pending DDL を取得し、`upQueries` / `downQueries` のいずれかが残っていれば非ゼロ終了する。**順序検査ではなく**「エンティティと migration が同期しているか」の検査。
-
-## ステップ 6: 既存ファイル参照テンプレ
-
-新規ファイルを書くときは、変更パターンが近い既存ファイルを **必ずひとつ開いて並べて書く**。スタイルが激しくズレた PR は差し戻されやすい。
-
-| パターン | 参照ファイル |
-|---|---|
-| インデックス追加 + 関数定義 | [packages/backend/migration/1767169026317-birthday-index.js](../../../packages/backend/migration/1767169026317-birthday-index.js) |
-| 列追加のみ | [packages/backend/migration/1766652173085-add-category-to-avatar-decorations.js](../../../packages/backend/migration/1766652173085-add-category-to-avatar-decorations.js) |
-| テーブル新規作成 + FK | [packages/backend/migration/1761569941833-add-channel-muting.js](../../../packages/backend/migration/1761569941833-add-channel-muting.js) |
-
-クラス命名規則は **PascalCase 名 + 13 桁タイムスタンプ** (例: `class BirthdayIndex1767169026317`)。`name` プロパティもクラス名と同一文字列にする。
-
-## ステップ 7: CHANGELOG (ユーザー影響がある場合)
-
-スキーマ変更がユーザーに見える挙動を生む場合のみ、`CHANGELOG.md` の `## Unreleased` → `### Server` または `### General` に 1 行追加する ([AGENTS.md §CHANGELOG](../../../AGENTS.md#changelog) 参照)。内部リファクタや純粋なインデックス追加は不要。

.config/cypress-devcontainer.yml

@@ -182,9 +182,6 @@ id: 'aidx'
 # Number of worker processes
 #clusterLimit: 1
 
-# Number of threads of extra thread pool for CPU-intensive tasks (per worker)
-#threadPoolSize: 1
-
 # Job concurrency per worker
 # deliverJobConcurrency: 128
 # inboxJobConcurrency: 16

.config/docker_example.yml

@@ -194,9 +194,6 @@ id: 'aidx'
 # Number of worker processes
 #clusterLimit: 1
 
-# Number of threads of extra thread pool for CPU-intensive tasks (per worker)
-#threadPoolSize: 1
-
 # Job concurrency per worker
 # deliverJobConcurrency: 128
 # inboxJobConcurrency: 16

.config/example.yml

@@ -328,9 +328,6 @@ id: 'aidx'
 # Number of worker processes
 #clusterLimit: 1
 
-# Number of threads of extra thread pool for CPU-intensive tasks (per worker)
-#threadPoolSize: 1
-
 # Job concurrency per worker
 #deliverJobConcurrency: 128
 #inboxJobConcurrency: 16

.devcontainer/devcontainer.yml

@@ -169,9 +169,6 @@ id: 'aidx'
 # Number of worker processes
 #clusterLimit: 1
 
-# Number of threads of extra thread pool for CPU-intensive tasks (per worker)
-#threadPoolSize: 1
-
 # Job concurrency per worker
 # deliverJobConcurrency: 128
 # inboxJobConcurrency: 16

.github/copilot-instructions.md

@@ -1,54 +1,3 @@
 # Copilot Instructions for Misskey
 
-このファイルは GitHub Copilot の repository-wide instructions として使われる。Copilot code review では `AGENTS.md` が読まれない環境があるため、レビューや軽微な実装判断に必要な規約はこのファイル単体で満たすこと。
-
-このリポジトリは Misskey の pnpm workspace モノレポ。主要な実装は `packages/backend` (NestJS / TypeORM) と `packages/frontend` (Vue 3) にある。より詳しいガイドはリポジトリルートの `AGENTS.md` を参照してよいが、このファイルの要件を省略してそちらへの参照だけで済ませないこと。
-
-## Always follow
-
-- AGPL-3.0-only 管轄かつ SPDX CI 対象ディレクトリに新規 `.ts` / `.js` / `.cjs` / `.mjs` / `.scss` ファイルを追加する場合は、必ず次の SPDX ヘッダーを付ける。詳細な対象判定は `AGENTS.md` と `.github/workflows/check-spdx-license-id.yml` を参照すること。
-
-```text
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-```
-
-- AGPL-3.0-only 管轄かつ SPDX CI 対象ディレクトリに新規 `.vue` / `.html` ファイルを追加する場合は、必ず次の SPDX ヘッダーを付ける。
-
-```text
-<!--
-SPDX-FileCopyrightText: syuilo and misskey-project
-SPDX-License-Identifier: AGPL-3.0-only
--->
-```
-
-`packages/misskey-js` は MIT ライセンスのサブパッケージなので、この AGPL ヘッダーを一律に付けない。サブパッケージ固有の `package.json` / `LICENSE` / 既存ファイルのヘッダーに従う。
-
-- `locales/` 配下の YAML は `ja-JP.yml` のみ手動編集してよい。他言語は Crowdin の自動配信先なので手動編集しないこと。
-- `packages/backend/migration/{timestamp}-*.js` のうち、既にマージ済みの migration は絶対に編集しない。スキーマ変更が必要な場合は新しい timestamp で migration を追加し、`up()` と `down()` の両方を実装すること。
-- ユーザー影響のある変更は `CHANGELOG.md` の `## Unreleased` 配下の `### General` / `### Client` / `### Server` のいずれかに 1 行追加する。内部リファクタのみなら不要。
-- API 変更時は `pnpm build-misskey-js-with-types` の実行が必要になる。
-
-## Validation
-
-- 全体ビルド: `pnpm build`
-- 全体 lint / typecheck: `pnpm lint`
-- Backend unit test: `pnpm --filter backend test`
-- Backend e2e test: `pnpm --filter backend test:e2e`
-- Backend federation test: `pnpm --filter backend test:fed`
-- Frontend test: `pnpm --filter frontend test`
-- Migration 差分検査: `pnpm --filter backend check-migrations`
-
-> **backend テスト (`test` / `test:e2e` / `test:fed`) 実行前に `.config/test.yml` が必要。** 未作成の場合は `ncp .github/misskey/test.yml .config/test.yml` (または `cp .github/misskey/test.yml .config/test.yml`) を実行してから走らせる。各テストスクリプトが内部で `cross-env NODE_ENV=test pnpm compile-config` を呼ぶため、コピー済みであれば追加の compile-config は不要。
-
-変更範囲に応じて最も近いコマンドから優先して検証し、必要なら全体コマンドに広げること。
-
-## Editing hints
-
-- Backend の API / migration / TypeORM 変更は `packages/backend` を見る。
-- Frontend の Vue コンポーネントやページ変更は `packages/frontend` を見る。
-- `AGENTS.md` 内の相対リンクはリポジトリルート起点で解決する想定。
-
-> `AGENTS.md` はより詳細な正典だが、Copilot code review ではこのファイルが主な入口になる。両方が読まれる環境では `AGENTS.md` を補助情報として使ってよい。
+- en-US.yml を編集しないでください。

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "fluent-emojis"]
+	path = fluent-emojis
+	url = https://github.com/misskey-dev/emojis.git

AGENTS.md

@@ -1,139 +0,0 @@
-# Misskey – AI Agent Guide
-
-このファイルは Misskey リポジトリで動く AI コーディングエージェント (Claude Code / OpenAI Codex / GitHub Copilot 等) が共通で参照する **最低限のルールと索引**。次の 3 経路から参照・読み込みされる:
-
-- **Claude Code**: ルート `CLAUDE.md` から `@AGENTS.md` で取り込まれる
-- **OpenAI Codex**: ルート `AGENTS.md` を直接読み込む
-- **GitHub Copilot**: `.github/copilot-instructions.md` (本ファイルを参照しつつ、Copilot code review 向けに必須規約を再掲するファイル) 経由で参照する
-
-人間 contributor 向けの一般規約 (Issue / PR の出し方、ActivityPub 拡張など) は [CONTRIBUTING.md](CONTRIBUTING.md) を参照。本ファイルは AI が **コードを書く・直す** 際に踏み外してはいけない事項に絞っている。
-
----
-
-## 事故直結ルール (必ず守る)
-
-違反すると CI 失敗または本番事故になる。順守すること。
-
-### 1. SPDX ヘッダー必須
-
-AGPL-3.0-only 管轄かつ SPDX CI 対象ディレクトリに新規 `.ts` / `.js` / `.cjs` / `.mjs` / `.vue` / `.scss` / `.html` ファイルを追加する場合、冒頭に以下を必ず付ける。欠落すると CI (`spdx` ジョブ) が失敗する。CI の対象判定は [.github/workflows/check-spdx-license-id.yml](.github/workflows/check-spdx-license-id.yml) の `directories` 配列を参照 (`*.config.{ts,js,cjs,mjs}` と `*eslint*` は除外)。
-
-`packages/misskey-js` は MIT ライセンスのサブパッケージなので、この AGPL ヘッダーを一律に付けない。サブパッケージ固有の `package.json` / `LICENSE` / 既存ファイルのヘッダーに従う。
-
-`.ts` / `.js` / `.cjs` / `.mjs` / `.scss`:
-
-```text
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-```
-
-`.vue` / `.html` (HTML コメント形式):
-
-```text
-<!--
-SPDX-FileCopyrightText: syuilo and misskey-project
-SPDX-License-Identifier: AGPL-3.0-only
--->
-```
-
-### 2. locales/*.yml は `ja-JP.yml` のみ編集可
-
-`locales/` 配下の YAML は **`ja-JP.yml` のみ手動編集してよい**。他言語ファイル (`en-US.yml` 等) は Crowdin の自動配信先で、手動編集すると上書きで失われる。根拠: `locales/README.md` (ja-JP.yml 以外を手動編集しない運用) と `crowdin.yml` (`ja-JP.yml` → `locales/%locale%.yml` の同期設定)。
-
-### 3. マージ済み migration を絶対に編集しない
-
-`packages/backend/migration/{unixMs}-{PascalName}.js` のうち、既に `develop` / `master` にマージ済みのファイルは **絶対に変更しない**。本番環境で履歴改変が起きると深刻なデータ不整合を引き起こす。
-
-スキーマ変更が必要な場合は **新しいタイムスタンプで新規ファイル** を作成する:
-
-- ファイル名: `node -e "console.log(Date.now())"` で UNIX ms を取得し、`{ms}-<descriptive-name>.js` として置く。命名スタイルは既存履歴で混在しており (`1716129964060-ChannelIdDenormalizedForMiPoll.js` のような PascalCase、`1721666053703-fixDriveUrl.js` のような camelCase、`1672704136584-remove-latestStatus.js` のような kebab-case)、変更を表す単一の英語名であれば良い。クラス名側は PascalCase + 13 桁タイムスタンプ (`class FixDriveUrl1721666053703 { ... }`) を必ず守ること。
-- `up()` と `down()` の両方を必ず実装する (`down` は `up` の完全な巻き戻し)。
-- `pnpm --filter backend check-migrations` を通す。これは **TypeORM schema builder で pending DDL を検出する** 検査 ([packages/backend/scripts/check_migrations_clean.js](packages/backend/scripts/check_migrations_clean.js))。エンティティの `@Column` / `@Entity` 変更が migration に取り込まれていないとここで検出される。タイムスタンプの順序自体を直接検査するわけではない (順序が壊れた場合の失敗は別経路で出る)。
-
-エンティティ差分から TypeORM CLI で自動生成したい / `CREATE INDEX CONCURRENTLY` 等のオプションを使いたい場合は [.claude/skills/create-migration/SKILL.md](.claude/skills/create-migration/SKILL.md) を参照。手書き / CLI どちらの方式でも上記 3 点 (履歴改変禁止 / `up`+`down` / `check-migrations`) が満たせれば良い。
-
----
-
-## 必須コマンド
-
-| 用途 | コマンド |
-| --- | --- |
-| 全体ビルド | `pnpm build` |
-| 開発サーバー (backend + frontend watch) | `pnpm dev` |
-| Lint (typecheck + eslint, 全パッケージ) | `pnpm lint` (= `pnpm --no-bail -r lint`。最初の失敗で止まらず全パッケージの結果を収集する) |
-| Backend unit test (Vitest) | `pnpm --filter backend test` |
-| Backend e2e test | `pnpm --filter backend test:e2e` |
-| Backend federation test | `pnpm --filter backend test:fed` |
-| Frontend test (Vitest) | `pnpm --filter frontend test` |
-| Cypress E2E (要 `start:test`) | `pnpm e2e` |
-| Storybook dev (frontend) | `pnpm --filter frontend storybook-dev` |
-| Migration 適用 | `pnpm migrate` |
-| Migration ロールバック | `pnpm revert` |
-| Migration の pending DDL 検査 (エンティティ差分の取り込み漏れ検出) | `pnpm --filter backend check-migrations` |
-| `misskey-js` 再生成 (API 変更後必須) | `pnpm build-misskey-js-with-types` |
-
-> Backend の TypeScript 型チェックは `pnpm --filter backend typecheck` (tsgo)。
-> 個別ファイルへの ESLint --fix は `pnpm exec eslint --fix <path>`。
-> **backend テスト (`test` / `test:e2e` / `test:fed`) 実行前に `.config/test.yml` が必要** (未作成だとテスト自体が起動しない)。コピー手順と詳細は [.claude/docs/testing.md §Backend 全般の前提](.claude/docs/testing.md#backend-全般の前提-configtestyml) を参照。
-
----
-
-## CHANGELOG
-
-ユーザー影響のある変更 (機能追加・修正・改善) は `CHANGELOG.md` の冒頭 `## Unreleased` セクションに 1 行追加する。リファクタリング等の内部変更は不要。
-
-### セクション構造
-
-`## Unreleased` 配下に **3 つのサブセクション** が用意されている:
-
-- `### General` — 共通 / 横断的な変更
-- `### Client` — `packages/frontend` 系
-- `### Server` — `packages/backend` 系
-
-### エントリ書式
-
-該当サブセクションに `- <Prefix>: <概要>` の形式で追加。Prefix は先頭大文字。
-
-```text
-- Enhance: ノートの詳細表示での公開範囲の表示を改善
-- Fix: 通知が約10秒遅延する問題を修正
-- Feat: 新機能の追加
-```
-
-### 触ってはいけない範囲
-
-- `## Unreleased` **以外** のセクション (過去リリース) は変更しない。
-- `## Unreleased` の見出しと 3 つの空サブセクション骨格自体は維持する (リリーススクリプトが期待する構造)。
-
-> 参考: コミットメッセージ側は `enhance(frontend): ...` / `fix(backend): ...` の小文字 + スコープ形式 ([CONTRIBUTING.md](CONTRIBUTING.md) 参照)。CHANGELOG とは書式が異なる点に注意。
-
----
-
-## オンデマンド参照 (必要時に Read すること)
-
-以下は AI が **作業対象に応じて必要なときだけ** 開く詳細ドキュメント。常時コンテキストには載せない。
-
-| 何をしたい時 | 参照先 |
-| --- | --- |
-| パッケージ構成・依存関係を把握したい | [.claude/docs/architecture.md](.claude/docs/architecture.md) |
-| `packages/backend` を編集する (NestJS / TypeORM / migration / API endpoint) | [.claude/docs/backend.md](.claude/docs/backend.md) |
-| `packages/frontend` を編集する (Vue 3 / Mk* / i18n / SCSS module / `os.ts`) | [.claude/docs/frontend.md](.claude/docs/frontend.md) |
-| テストを書く・走らせる (Vitest / Cypress / Storybook) | [.claude/docs/testing.md](.claude/docs/testing.md) |
-| 有効化済 Claude Code プラグインの用途を確認 | [.claude/docs/plugins.md](.claude/docs/plugins.md) |
-
----
-
-## ツール固有の補助ファイル
-
-`.claude/` 配下は Claude Code 固有の skills / agents / slash commands を集約している (Codex / Copilot は読み飛ばしてよい):
-
-- `.claude/skills/` — 繰り返しタスク用の skill 定義 (例: `add-api-endpoint`, `create-migration`)
-- `.claude/agents/` — 専門レビューエージェント (例: `misskey-api-reviewer`, `vue-component-reviewer`)
-- `.claude/commands/` — Claude Code のスラッシュコマンド (例: `/check-misskey-js`, `/changelog-add`)
-- `.claude/docs/` — オンデマンド参照ドキュメント (上記の表で示したもの。Codex / Copilot からも内容自体は読める)
-- `.claude/settings.json` — Claude Code の有効プラグイン (`enabledPlugins`) のみを記載した共有設定。hook は意図的に登録しない (各 contributor が `.claude/settings.local.json` で opt-in する方針)
-- `.claude/settings.local.json` — 個人ローカル設定 (`.gitignore` 済)
-
-サードパーティ由来 (everything-claude-code 由来の MIT ライセンスファイル等) の出典は [.claude/THIRD_PARTY_LICENSES.md](.claude/THIRD_PARTY_LICENSES.md) を参照。

CHANGELOG.md

@@ -1,27 +1,14 @@
-## 2026.5.2
-
-### Note
-- config に `threadPoolSize` オプションが追加されました。
-  - デフォルトは `1` で、ワーカーごとに指定した数のスレッドが作成されます。
-  - スレッドプールは CPU バウンドな処理をオフロードするために使用されるため、みだりに大きな値を指定しないでください。
+## Unreleased
 
 ### General
-- Enhance: Unicode 17.0 に収録されている絵文字の処理・表示に対応
-  - Fluent Emojiや端末ネイティブの絵文字を利用している場合は、最新の絵文字に対応しておらず正しく表示できない可能性があります。絵文字が表示できない場合は、表示に使用する絵文字をTwemojiに切り替えてご利用ください。
-- 投稿通知設定したユーザーをリストで見ることができるように
+-
 
 ### Client
-- Enhance: テーマのプレビュー時、リロードせずにもとのテーマに戻せるように
-- Enhance: Fluent Emojiを更新し、Unicode 15+相当の絵文字の表示に対応
-- Fix: テーマエディター使用時に、最初の変更のみ適用される問題を修正
-- Fix: テーマのプレビュー時、既存のテーマとIDが被っている場合にプレビューできない問題を修正
-- Fix: テーマのインストールエラーの表示を改善
-- Fix: リスト編集画面におけるユーザー追加時のユーザー選択ダイアログにおいて、自身のアカウントが検索結果の一覧に表示されない問題を修正
-- Fix: デッキのカラムから開いたアンテナ・リストの編集ウィンドウを、"ポップアウト"、"新しいタブで表示"、"リンクをコピー"した場合に誤ったリンクが与えられる問題を修正
-- Fix: チャンネルの作成ロールポリシーにて、ヘッダーにロールポリシーの値が表示されない問題を修正
+- 2025.4.0 以前の設定情報の移行処理が削除されました
+	- 2025.4.0 から直接 2026.6.0 以上にアップデートする場合は設定が移行されませんので注意してください。移行したい場合は一度 2026.5.1 を経由してください。
 
 ### Server
-- Enhance: RSA 署名処理のオフロード
+-
 
 
 ## 2026.5.1

CLAUDE.md

@@ -1,7 +0,0 @@
-# Misskey – Claude Code Guide
-
-ルール本体は [AGENTS.md](AGENTS.md) (Codex / Copilot と共有する単一ソース)。本ファイルは Claude Code 用の薄いラッパーで、`@AGENTS.md` 構文で本体規約をセッション開始時にコンテキストへ展開する。
-
-Claude Code 固有の補助 (skills / agents / slash commands / docs) は `.claude/` 配下にコミット済。個人ローカル設定は `.claude/settings.local.json` に、MCP 認証情報は `.claude/.credentials.json` に置く (いずれも `.gitignore` 済)。
-
-@AGENTS.md

CONTRIBUTING.md

@@ -575,12 +575,11 @@ enumの列挙の内容の削除は、その値をもつレコードを全て削
 ### Migration作成方法
 packages/backendで:
 ```sh
-pnpm dlx typeorm migration:generate -d ormconfig.js -o --esm <migration name>
+pnpm dlx typeorm migration:generate -d ormconfig.js -o <migration name>
 ```
 
 - 生成後、ファイルをmigration下に移してください
 - 作成されたスクリプトは不必要な変更を含むため除去してください
-- `-o` (`--outputJs`) で JS 形式、`--esm` で ESM 形式に生成する。Misskey の既存 migration はすべて ESM JS なので両方のオプションが必要
 
 ### コネクションには`markRaw`せよ
 **Vueのコンポーネントのdataオプションとして**misskey.jsのコネクションを設定するとき、必ず`markRaw`でラップしてください。インスタンスが不必要にリアクティブ化されることで、misskey.js内の処理で不具合が発生するとともに、パフォーマンス上の問題にも繋がる。なお、Composition APIを使う場合はこの限りではない(リアクティブ化はマニュアルなため)。

COPYING

@@ -3,6 +3,13 @@ Copyright © 2014-2026 syuilo and contributors
 
 And is distributed under The GNU Affero General Public License Version 3, you should have received a copy of the license file as LICENSE.
 
+
+Misskey includes several third-party Open-Source softwares.
+
+Emoji keywords for Unicode 11 and below by Mu-An Chiou
+License: MIT
+https://github.com/muan/emojilib/blob/master/LICENSE
+
 RsaSignature2017 implementation by Transmute Industries Inc
 License: MIT
 https://github.com/transmute-industries/RsaSignature2017/blob/master/LICENSE

Dockerfile

@@ -103,6 +103,7 @@ COPY --chown=misskey:misskey --from=native-builder /misskey/packages/misskey-rev
 COPY --chown=misskey:misskey --from=native-builder /misskey/packages/misskey-bubble-game/built ./packages/misskey-bubble-game/built
 COPY --chown=misskey:misskey --from=native-builder /misskey/packages/backend/built ./packages/backend/built
 COPY --chown=misskey:misskey --from=native-builder /misskey/packages/i18n/built ./packages/i18n/built
+COPY --chown=misskey:misskey --from=native-builder /misskey/fluent-emojis /misskey/fluent-emojis
 COPY --chown=misskey:misskey . ./
 
 ENV LD_PRELOAD=/usr/local/lib/libjemalloc.so

chart/files/default.yml

@@ -190,9 +190,6 @@ id: "aidx"
 # Number of worker processes
 #clusterLimit: 1
 
-# Number of threads of extra thread pool for CPU-intensive tasks (per worker)
-#threadPoolSize: 1
-
 # Job concurrency per worker
 # deliverJobConcurrency: 128
 # inboxJobConcurrency: 16

locales/ja-JP.yml

@@ -1217,7 +1217,6 @@ keepScreenOn: "デバイスの画面を常にオンにする"
 verifiedLink: "このリンク先の所有者であることが確認されました"
 notifyNotes: "投稿を通知"
 unnotifyNotes: "投稿の通知を解除"
-notifyUsers: "投稿通知を設定したユーザー"
 authentication: "認証"
 authenticationRequiredToContinue: "続けるには認証を行ってください"
 dateAndTime: "日時"
@@ -1359,14 +1358,11 @@ information: "情報"
 chat: "チャット"
 directMessage: "ダイレクトメッセージ"
 directMessage_short: "メッセージ"
-migrateOldSettings: "旧設定情報を移行"
-migrateOldSettings_description: "通常これは自動で行われていますが、何らかの理由により上手く移行されなかった場合は手動で移行処理をトリガーできます。現在の設定情報は上書きされます。"
 compress: "圧縮"
 right: "右"
 bottom: "下"
 top: "上"
 embed: "埋め込み"
-settingsMigrating: "設定を移行しています。しばらくお待ちください... (後ほど、設定→その他→旧設定情報を移行 で手動で移行することもできます)"
 readonly: "読み取り専用"
 goToDeck: "デッキへ戻る"
 federationJobs: "連合ジョブ"
@@ -1410,8 +1406,6 @@ presets: "プリセット"
 zeroPadding: "ゼロ埋め"
 nothingToConfigure: "設定項目はありません"
 viewRenotedChannel: "リノート先のチャンネルを見る"
-previewingTheme: "テーマのプレビュー中"
-previewingThemeRestore: "元に戻す"
 
 _imageEditing:
   _vars:

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "misskey",
-	"version": "2026.5.2-beta.0",
+	"version": "2026.5.1",
 	"codename": "nasubi",
 	"repository": {
 		"type": "git",

packages/backend/package.json

@@ -37,24 +37,25 @@
 		"@tensorflow/tfjs": "4.22.0",
 		"@tensorflow/tfjs-node": "4.22.0",
 		"bufferutil": "4.1.0",
-		"slacc-android-arm-eabi": "0.1.5",
-		"slacc-android-arm64": "0.1.5",
-		"slacc-darwin-arm64": "0.1.5",
-		"slacc-darwin-universal": "0.1.5",
-		"slacc-darwin-x64": "0.1.5",
-		"slacc-freebsd-x64": "0.1.5",
-		"slacc-linux-arm-gnueabihf": "0.1.5",
-		"slacc-linux-arm64-gnu": "0.1.5",
-		"slacc-linux-arm64-musl": "0.1.5",
-		"slacc-linux-x64-gnu": "0.1.5",
-		"slacc-linux-x64-musl": "0.1.5",
-		"slacc-win32-arm64-msvc": "0.1.5",
-		"slacc-win32-x64-msvc": "0.1.5",
+		"slacc-android-arm-eabi": "0.0.10",
+		"slacc-android-arm64": "0.0.10",
+		"slacc-darwin-arm64": "0.0.10",
+		"slacc-darwin-universal": "0.0.10",
+		"slacc-darwin-x64": "0.0.10",
+		"slacc-freebsd-x64": "0.0.10",
+		"slacc-linux-arm-gnueabihf": "0.0.10",
+		"slacc-linux-arm64-gnu": "0.0.10",
+		"slacc-linux-arm64-musl": "0.0.10",
+		"slacc-linux-x64-gnu": "0.0.10",
+		"slacc-linux-x64-musl": "0.0.10",
+		"slacc-win32-arm64-msvc": "0.0.10",
+		"slacc-win32-x64-msvc": "0.0.10",
 		"utf-8-validate": "6.0.6"
 	},
 	"dependencies": {
 		"@aws-sdk/client-s3": "3.1037.0",
 		"@aws-sdk/lib-storage": "3.1037.0",
+		"@discordapp/twemoji": "16.0.1",
 		"@fastify/accepts": "5.0.4",
 		"@fastify/cors": "11.2.0",
 		"@fastify/express": "4.0.5",
@@ -62,8 +63,6 @@
 		"@fastify/multipart": "10.0.0",
 		"@fastify/static": "9.1.3",
 		"@kitajs/html": "4.2.13",
-		"@misskey-dev/emoji-assets": "17.0.3",
-		"@misskey-dev/emoji-data": "17.0.3",
 		"@misskey-dev/sharp-read-bmp": "1.2.0",
 		"@misskey-dev/summaly": "5.3.0",
 		"@napi-rs/canvas": "0.1.100",
@@ -77,6 +76,7 @@
 		"@simplewebauthn/server": "13.3.0",
 		"@sinonjs/fake-timers": "15.3.2",
 		"@smithy/node-http-handler": "4.6.1",
+		"@twemoji/parser": "16.0.0",
 		"accepts": "1.3.8",
 		"ajv": "8.20.0",
 		"archiver": "7.0.1",
@@ -111,7 +111,7 @@
 		"jsonld": "9.0.0",
 		"juice": "11.1.1",
 		"meilisearch": "0.57.0",
-		"mfm-js": "0.26.0",
+		"mfm-js": "0.25.0",
 		"mime-types": "3.0.2",
 		"misskey-js": "workspace:*",
 		"misskey-reversi": "workspace:*",
@@ -142,7 +142,7 @@
 		"secure-json-parse": "4.1.0",
 		"semver": "7.7.4",
 		"sharp": "0.33.5",
-		"slacc": "0.1.5",
+		"slacc": "0.0.10",
 		"strict-event-emitter-types": "2.0.0",
 		"stringz": "2.1.0",
 		"systeminformation": "5.31.5",

packages/backend/src/boot/common.ts

@@ -4,21 +4,7 @@
  */
 
 import { NestFactory } from '@nestjs/core';
-import { init } from 'slacc';
 import { NestLogger } from '@/NestLogger.js';
-import type { Config } from '@/config.js';
-
-let slaccInitialized = false;
-
-export function initExtraThreadPool(config: Config) {
-	if (slaccInitialized) return;
-
-	const threadPoolSize = Math.max(config.threadPoolSize ?? 1, 1);
-
-	init(threadPoolSize);
-
-	slaccInitialized = true;
-}
 
 export async function server() {
 	const { MainModule } = await import('../MainModule.js');

packages/backend/src/boot/master.ts

@@ -13,7 +13,7 @@ import { loadConfig } from '@/config.js';
 import type { Config } from '@/config.js';
 import { showMachineInfo } from '@/misc/show-machine-info.js';
 import { envOption } from '@/env.js';
-import { initExtraThreadPool, jobQueue, server } from './common.js';
+import { jobQueue, server } from './common.js';
 
 const logger = new Logger('core', 'cyan');
 const bootLogger = logger.createSubLogger('boot', 'magenta');
@@ -64,8 +64,6 @@ export async function masterMain() {
 
 	bootLogger.succ('Misskey initialized');
 
-	initExtraThreadPool(config);
-
 	if (config.sentryForBackend) {
 		const Sentry = await import('@sentry/node');
 		const { nodeProfilingIntegration } = await import('@sentry/profiling-node');

packages/backend/src/boot/worker.ts

@@ -6,7 +6,7 @@
 import cluster from 'node:cluster';
 import { envOption } from '@/env.js';
 import { loadConfig } from '@/config.js';
-import { initExtraThreadPool, jobQueue, server } from './common.js';
+import { jobQueue, server } from './common.js';
 
 /**
  * Init worker process
@@ -14,8 +14,6 @@ import { initExtraThreadPool, jobQueue, server } from './common.js';
 export async function workerMain() {
 	const config = loadConfig();
 
-	initExtraThreadPool(config);
-
 	if (config.sentryForBackend) {
 		const Sentry = await import('@sentry/node');
 		const { nodeProfilingIntegration } = await import('@sentry/profiling-node');

packages/backend/src/config.ts

@@ -85,7 +85,6 @@ type Source = {
 	maxFileSize?: number;
 
 	clusterLimit?: number;
-	threadPoolSize?: number;
 
 	id: string;
 
@@ -159,7 +158,6 @@ export type Config = {
 	allowedPrivateNetworks: string[] | undefined;
 	maxFileSize: number;
 	clusterLimit: number | undefined;
-	threadPoolSize: number;
 	id: string;
 	outgoingAddress: string | undefined;
 	outgoingAddressFamily: 'ipv4' | 'ipv6' | 'dual' | undefined;
@@ -315,7 +313,6 @@ export function loadConfig(): Config {
 		allowedPrivateNetworks: config.allowedPrivateNetworks,
 		maxFileSize: config.maxFileSize ?? 262144000,
 		clusterLimit: config.clusterLimit,
-		threadPoolSize: config.threadPoolSize ?? 1,
 		outgoingAddress: config.outgoingAddress,
 		outgoingAddressFamily: config.outgoingAddressFamily,
 		deliverJobConcurrency: config.deliverJobConcurrency,

packages/backend/src/core/activitypub/ApRequestService.ts

@@ -5,10 +5,8 @@
 
 import * as crypto from 'node:crypto';
 import { URL } from 'node:url';
-import { promisify } from 'node:util';
 import { Inject, Injectable } from '@nestjs/common';
 import * as htmlParser from 'node-html-parser';
-import { RsaKeyPair } from 'slacc';
 import { DI } from '@/di-symbols.js';
 import type { Config } from '@/config.js';
 import type { MiUser } from '@/models/User.js';
@@ -41,7 +39,7 @@ type PrivateKey = {
 };
 
 export class ApRequestCreator {
-	static async createSignedPost(args: { key: PrivateKey, url: string, body: string, digest?: string, additionalHeaders: Record<string, string> }): Promise<Signed> {
+	static createSignedPost(args: { key: PrivateKey, url: string, body: string, digest?: string, additionalHeaders: Record<string, string> }): Signed {
 		const u = new URL(args.url);
 		const digestHeader = args.digest ?? this.createDigest(args.body);
 
@@ -56,7 +54,7 @@ export class ApRequestCreator {
 			}, args.additionalHeaders),
 		};
 
-		const result = await this.#signToRequest(request, args.key, ['(request-target)', 'date', 'host', 'digest']);
+		const result = this.#signToRequest(request, args.key, ['(request-target)', 'date', 'host', 'digest']);
 
 		return {
 			request,
@@ -70,7 +68,7 @@ export class ApRequestCreator {
 		return `SHA-256=${crypto.createHash('sha256').update(body).digest('base64')}`;
 	}
 
-	static async createSignedGet(args: { key: PrivateKey, url: string, additionalHeaders: Record<string, string> }): Promise<Signed> {
+	static createSignedGet(args: { key: PrivateKey, url: string, additionalHeaders: Record<string, string> }): Signed {
 		const u = new URL(args.url);
 
 		const request: Request = {
@@ -83,7 +81,7 @@ export class ApRequestCreator {
 			}, args.additionalHeaders),
 		};
 
-		const result = await this.#signToRequest(request, args.key, ['(request-target)', 'date', 'host']);
+		const result = this.#signToRequest(request, args.key, ['(request-target)', 'date', 'host']);
 
 		return {
 			request,
@@ -93,10 +91,9 @@ export class ApRequestCreator {
 		};
 	}
 
-	static async #signToRequest(request: Request, key: PrivateKey, includeHeaders: string[]): Promise<Signed> {
+	static #signToRequest(request: Request, key: PrivateKey, includeHeaders: string[]): Signed {
 		const signingString = this.#genSigningString(request, includeHeaders);
-		const sign = promisify(RsaKeyPair.prototype.sign).bind(RsaKeyPair.fromPem(key.privateKeyPem));
-		const signature = (await sign(Buffer.from(signingString))).toString('base64');
+		const signature = crypto.sign('sha256', Buffer.from(signingString), key.privateKeyPem).toString('base64');
 		const signatureHeader = `keyId="${key.keyId}",algorithm="rsa-sha256",headers="${includeHeaders.join(' ')}",signature="${signature}"`;
 
 		request.headers = this.#objectAssignWithLcKey(request.headers, {
@@ -163,7 +160,7 @@ export class ApRequestService {
 
 		const keypair = await this.userKeypairService.getUserKeypair(user.id);
 
-		const req = await ApRequestCreator.createSignedPost({
+		const req = ApRequestCreator.createSignedPost({
 			key: {
 				privateKeyPem: keypair.privateKey,
 				keyId: `${this.config.url}/users/${user.id}#main-key`,
@@ -192,7 +189,7 @@ export class ApRequestService {
 		const _followAlternate = followAlternate ?? true;
 		const keypair = await this.userKeypairService.getUserKeypair(user.id);
 
-		const req = await ApRequestCreator.createSignedGet({
+		const req = ApRequestCreator.createSignedGet({
 			key: {
 				privateKeyPem: keypair.privateKey,
 				keyId: `${this.config.url}/users/${user.id}#main-key`,

packages/backend/src/core/activitypub/JsonLdService.ts

@@ -4,9 +4,7 @@
  */
 
 import * as crypto from 'node:crypto';
-import { promisify } from 'node:util';
 import { Injectable } from '@nestjs/common';
-import { RsaKeyPair } from 'slacc';
 import { HttpRequestService } from '@/core/HttpRequestService.js';
 import { bindThis } from '@/decorators.js';
 import { CONTEXT, PRELOADED_CONTEXTS } from './misc/contexts.js';
@@ -47,9 +45,11 @@ class JsonLd {
 
 		const toBeSigned = await this.createVerifyData(data, options);
 
-		const sign = promisify(RsaKeyPair.prototype.sign).bind(RsaKeyPair.fromPem(privateKey));
+		const signer = crypto.createSign('sha256');
+		signer.update(toBeSigned);
+		signer.end();
 
-		const signature = await sign(Buffer.from(toBeSigned));
+		const signature = signer.sign(privateKey);
 
 		return {
 			...data,

packages/backend/src/server/api/endpoint-list.ts

@@ -391,7 +391,6 @@ export * as 'users/featured-notes' from './endpoints/users/featured-notes.js';
 export * as 'users/flashs' from './endpoints/users/flashs.js';
 export * as 'users/followers' from './endpoints/users/followers.js';
 export * as 'users/following' from './endpoints/users/following.js';
-export * as 'users/notify/list' from './endpoints/users/notify/list.js';
 export * as 'users/get-following-users-by-birthday' from './endpoints/users/get-following-users-by-birthday.js';
 export * as 'users/gallery/posts' from './endpoints/users/gallery/posts.js';
 export * as 'users/get-frequently-replied-users' from './endpoints/users/get-frequently-replied-users.js';

packages/backend/src/server/api/endpoints/users/notify/list.ts

@@ -1,66 +0,0 @@
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-
-import { Inject, Injectable } from '@nestjs/common';
-import { UserEntityService } from '@/core/entities/UserEntityService.js';
-import type { FollowingsRepository } from '@/models/_.js';
-import { Endpoint } from '@/server/api/endpoint-base.js';
-import { QueryService } from '@/core/QueryService.js';
-import { DI } from '@/di-symbols.js';
-
-export const meta = {
-	tags: ['users'],
-
-	requireCredential: true,
-	kind: 'read:following',
-	description: 'List of following users with notification enabled.',
-
-	res: {
-		type: 'array',
-		optional: false, nullable: false,
-		items: {
-			type: 'object',
-			optional: false, nullable: false,
-			ref: 'UserDetailed',
-		},
-	},
-} as const;
-
-export const paramDef = {
-	type: 'object',
-	properties: {
-		sinceId: { type: 'string', format: 'misskey:id' },
-		untilId: { type: 'string', format: 'misskey:id' },
-		sinceDate: { type: 'integer' },
-		untilDate: { type: 'integer' },
-		limit: { type: 'integer', minimum: 1, maximum: 100, default: 10 },
-	},
-} as const;
-
-@Injectable()
-export default class extends Endpoint<typeof meta, typeof paramDef> { // eslint-disable-line import/no-default-export
-	constructor(
-		@Inject(DI.followingsRepository)
-		private followingsRepository: FollowingsRepository,
-
-		private userEntityService: UserEntityService,
-		private queryService: QueryService,
-	) {
-		super(meta, paramDef, async (ps, me) => {
-			const query = this.queryService.makePaginationQuery(this.followingsRepository.createQueryBuilder('following'), ps.sinceId, ps.untilId, ps.sinceDate, ps.untilDate)
-				.innerJoinAndSelect('following.followee', 'followee')
-				.andWhere('following.followerId = :userId', { userId: me.id })
-				.andWhere('following.notify IS NOT NULL');
-
-			const followings = await query
-				.limit(ps.limit)
-				.getMany();
-
-			const users = followings.map(f => f.followee!);
-
-			return await this.userEntityService.packMany(users, me, { schema: 'UserDetailed' });
-		});
-	}
-}

packages/backend/src/server/web/ClientServerService.ts

@@ -71,7 +71,7 @@ export class ClientServerService {
 	private readonly clientAssets: string;
 	private readonly assets: string;
 	private readonly swAssets: string;
-	private readonly fluentEmojiDir: string;
+	private readonly fluentEmojisDir: string;
 	private readonly twemojiDir: string;
 	private readonly frontendViteOut: string;
 	private readonly frontendEmbedViteOut: string;
@@ -135,8 +135,8 @@ export class ClientServerService {
 		this.clientAssets = resolve(frontendRootdir, 'assets');
 		this.assets = resolve(this.config.rootDir, 'built/_frontend_dist_');
 		this.swAssets = resolve(this.config.rootDir, 'built/_sw_dist_');
-		this.fluentEmojiDir = resolve(backendRootdir, 'node_modules/@misskey-dev/emoji-assets/built/fluent-emoji');
-		this.twemojiDir = resolve(backendRootdir, 'node_modules/@misskey-dev/emoji-assets/built/twemoji');
+		this.fluentEmojisDir = resolve(this.config.rootDir, 'fluent-emojis/dist');
+		this.twemojiDir = resolve(backendRootdir, 'node_modules/@discordapp/twemoji/dist/svg');
 		this.frontendViteOut = resolve(this.config.rootDir, 'built/_frontend_vite_');
 		this.frontendEmbedViteOut = resolve(this.config.rootDir, 'built/_frontend_embed_vite_');
 		this.tarball = resolve(this.config.rootDir, 'built/tarball');
@@ -306,7 +306,7 @@ export class ClientServerService {
 
 			reply.header('Content-Security-Policy', 'default-src \'none\'; style-src \'unsafe-inline\'');
 
-			return reply.sendFile(path, this.fluentEmojiDir, {
+			return reply.sendFile(path, this.fluentEmojisDir, {
 				maxAge: ms('30 days'),
 			});
 		});

packages/backend/test/e2e/note-notify.ts

@@ -1,131 +0,0 @@
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-
-import * as assert from 'node:assert';
-import { setTimeout } from 'node:timers/promises';
-import { describe, beforeAll, test } from 'vitest';
-import { api, signup } from '../utils.js';
-import type * as misskey from 'misskey-js';
-
-describe('users/notify/list', () => {
-	let alice: misskey.entities.SignupResponse;
-	let bob: misskey.entities.SignupResponse;
-	let carol: misskey.entities.SignupResponse;
-
-	beforeAll(async () => {
-		alice = await signup({ username: 'alice' });
-		bob = await signup({ username: 'bob' });
-		carol = await signup({ username: 'carol' });
-	}, 1000 * 60 * 2);
-
-	test('通知設定なしのフォローのみの場合、空配列が返る', async () => {
-		// alice が bob を普通にフォロー（通知設定なし）
-		await api('following/create', { userId: bob.id }, alice);
-
-		const res = await api('users/notify/list', {}, alice);
-
-		assert.strictEqual(res.status, 200);
-		assert.strictEqual(Array.isArray(res.body), true);
-		assert.strictEqual(res.body.length, 0);
-	});
-
-	test('通知設定ありのフォローがある場合、そのユーザーが返る', async () => {
-		// alice が carol をフォローして通知ON
-		await api('following/create', { userId: carol.id, withReplies: false }, alice);
-		await api('following/update', { userId: carol.id, notify: 'normal' }, alice);
-
-		const res = await api('users/notify/list', {}, alice);
-
-		assert.strictEqual(res.status, 200);
-		assert.strictEqual(res.body.length, 1);
-		assert.strictEqual(res.body[0].id, carol.id);
-	});
-
-	test('複数ユーザーで通知設定ありの場合、全員返る', async () => {
-		// bob にも通知設定をON
-		await api('following/update', { userId: bob.id, notify: 'normal' }, alice);
-
-		const res = await api('users/notify/list', {}, alice);
-
-		assert.strictEqual(res.status, 200);
-		assert.strictEqual(res.body.length, 2);
-
-		const ids = res.body.map((u: { id: string }) => u.id).sort();
-		assert.deepStrictEqual(ids, [bob.id, carol.id].sort());
-	});
-
-	test('通知設定をOFF（none）にすると一覧から外れる', async () => {
-		await api('following/update', { userId: bob.id, notify: 'none' }, alice);
-
-		const res = await api('users/notify/list', {}, alice);
-
-		assert.strictEqual(res.status, 200);
-		assert.strictEqual(res.body.length, 1);
-		assert.strictEqual(res.body[0].id, carol.id);
-	});
-
-	test('他のユーザーの通知対象は見えない', async () => {
-		// bob が carol をフォローして通知ON
-		await api('following/create', { userId: carol.id }, bob);
-		await api('following/update', { userId: carol.id, notify: 'normal' }, bob);
-
-		// alice の一覧には bob の通知設定は反映されない
-		const aliceRes = await api('users/notify/list', {}, alice);
-		const aliceIds = aliceRes.body.map((u: { id: string }) => u.id);
-		assert.strictEqual(aliceIds.includes(bob.id), false);
-
-		// bob の一覧には carol だけが含まれる
-		const bobRes = await api('users/notify/list', {}, bob);
-		assert.strictEqual(bobRes.body.length, 1);
-		assert.strictEqual(bobRes.body[0].id, carol.id);
-
-		// 後片付け: bob → carol のフォローを解除
-		await api('following/delete', { userId: carol.id }, bob);
-	});
-
-	test('normal通知設定時、投稿で通知が届く', async () => {
-		await api('following/update', { userId: bob.id, notify: 'normal' }, alice);
-
-		await api('notifications/mark-all-as-read', {}, alice);
-		const textOnlyRes = await api('notes/create', {
-			text: 'ファイルなしの投稿',
-		}, bob);
-		assert.strictEqual(textOnlyRes.status, 200);
-		// redisに追加されるのを待つ
-		await setTimeout(100);
-
-		const beforeRes = await api('i/notifications', {}, alice);
-		assert.strictEqual(beforeRes.status, 200);
-		const noteNotif = beforeRes.body.filter((n: { type: string; note?: { id: string } }) =>
-			n.type === 'note' && n.note?.id === textOnlyRes.body.createdNote.id,
-		);
-
-		assert.strictEqual(noteNotif.length, 1, '投稿の通知が届かなかった');
-
-		// 後片付け
-		await api('following/update', { userId: bob.id, notify: 'none' }, alice);
-		await api('notifications/mark-all-as-read', {}, alice);
-	});
-
-	test('limit パラメータが効く', async () => {
-		// limit テスト用に bob を再度ONにして2件状態を作る
-		await api('following/update', { userId: bob.id, notify: 'normal' }, alice);
-
-		// limitなしだと2件返ることを確認
-		const allRes = await api('users/notify/list', {}, alice);
-		assert.strictEqual(allRes.status, 200);
-		assert.strictEqual(allRes.body.length, 2);
-
-		// limit:1 で1件に絞られることを確認
-		const res = await api('users/notify/list', { limit: 1 }, alice);
-		assert.strictEqual(res.status, 200);
-		assert.strictEqual(res.body.length, 1);
-	});
-
-	test('未認証の場合はエラー', async () => {
-		const res = await api('users/notify/list', {});
-		assert.strictEqual(res.status, 401);
-	});
-});

packages/backend/test/environment.unit.ts

@@ -1,10 +0,0 @@
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-import { init } from 'slacc';
-import { builtinEnvironments } from 'vitest/runtime';
-
-init(1);
-
-export default builtinEnvironments.node;

packages/backend/test/unit/ap-request.ts

@@ -42,7 +42,7 @@ describe('ap-request', () => {
 			'User-Agent': 'UA',
 		};
 
-		const req = await ApRequestCreator.createSignedPost({ key, url, body, additionalHeaders: headers });
+		const req = ApRequestCreator.createSignedPost({ key, url, body, additionalHeaders: headers });
 
 		const parsed = buildParsedSignature(req.signingString, req.signature, 'rsa-sha256');
 
@@ -58,7 +58,7 @@ describe('ap-request', () => {
 			'User-Agent': 'UA',
 		};
 
-		const req = await ApRequestCreator.createSignedGet({ key, url, additionalHeaders: headers });
+		const req = ApRequestCreator.createSignedGet({ key, url, additionalHeaders: headers });
 
 		const parsed = buildParsedSignature(req.signingString, req.signature, 'rsa-sha256');
 

packages/backend/vitest.config.unit.ts

@@ -6,7 +6,6 @@ export default mergeConfig(
 	defineConfig({
 		test: {
 			globalSetup: './test/setup.unit.ts',
-			environment: './test/environment.unit.ts',
 			include: ['test/unit/**/*.ts', 'src/**/*.test.ts'],
 		},
 	}),

packages/frontend-embed/package.json

@@ -10,8 +10,10 @@
 		"lint": "pnpm typecheck && pnpm eslint"
 	},
 	"dependencies": {
+		"@discordapp/twemoji": "16.0.1",
 		"@rollup/plugin-json": "6.1.0",
 		"@rollup/pluginutils": "5.3.0",
+		"@twemoji/parser": "16.0.0",
 		"@vitejs/plugin-vue": "6.0.6",
 		"buraha": "0.0.1",
 		"estree-walker": "3.0.3",
@@ -19,7 +21,7 @@
 		"i18n": "workspace:*",
 		"icons-subsetter": "workspace:*",
 		"json5": "2.2.3",
-		"mfm-js": "0.26.0",
+		"mfm-js": "0.25.0",
 		"misskey-js": "workspace:*",
 		"punycode.js": "2.3.1",
 		"rollup": "4.60.2",
@@ -29,7 +31,6 @@
 		"vue": "3.5.33"
 	},
 	"devDependencies": {
-		"@misskey-dev/emoji-assets": "17.0.3",
 		"@misskey-dev/summaly": "5.3.0",
 		"@tabler/icons-webfont": "3.35.0",
 		"@testing-library/vue": "8.1.0",

packages/frontend-embed/src/boot.ts

@@ -28,7 +28,7 @@ import { postMessageToParentWindow, setIframeId } from '@/post-message.js';
 import { serverContext } from '@/server-context.js';
 import { i18n } from '@/i18n.js';
 
-import type { Theme } from '@@/js/theme.js';
+import type { Theme } from '@/theme.js';
 
 console.log('Misskey Embed');
 

packages/frontend-embed/src/style.scss

@@ -21,7 +21,7 @@ html {
 	accent-color: var(--MI_THEME-accent);
 	overflow: clip;
 	overflow-wrap: break-word;
-	font-family: 'Hiragino Maru Gothic Pro', "BIZ UDGothic", Roboto, HelveticaNeue, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+	font-family: 'Hiragino Maru Gothic Pro', "BIZ UDGothic", Roboto, HelveticaNeue, Arial, sans-serif;
 	font-size: 14px;
 	line-height: 1.35;
 	text-size-adjust: 100%;

packages/frontend-embed/src/theme.ts

@@ -5,10 +5,26 @@
 
 // TODO: (可能な部分を)sharedに抽出して frontend と共通化
 
+import tinycolor from 'tinycolor2';
 import lightTheme from '@@/themes/_light.json5';
 import darkTheme from '@@/themes/_dark.json5';
-import { compile } from '@@/js/theme.js';
-import type { Theme } from '@@/js/theme.js';
+import type { BundledTheme } from 'shiki/themes';
+
+export type Theme = {
+	id: string;
+	name: string;
+	author: string;
+	desc?: string;
+	base?: 'dark' | 'light';
+	props: Record<string, string>;
+	codeHighlighter?: {
+		base: BundledTheme;
+		overrides?: Record<string, any>;
+	} | {
+		base: '_none_';
+		overrides: Record<string, any>;
+	};
+};
 
 let timeout: number | null = null;
 
@@ -16,7 +32,7 @@ export function assertIsTheme(theme: Record<string, unknown>): theme is Theme {
 	return typeof theme === 'object' && theme !== null && 'id' in theme && 'name' in theme && 'author' in theme && 'props' in theme;
 }
 
-export function applyTheme(theme: Theme) {
+export function applyTheme(theme: Theme, persist = true) {
 	if (timeout) window.clearTimeout(timeout);
 
 	window.document.documentElement.classList.add('_themeChanging_');
@@ -52,3 +68,48 @@ export function applyTheme(theme: Theme) {
 
 	// iframeを正常に透過させるために、cssのcolor-schemeは `light dark;` 固定にしてある。style.scss参照
 }
+
+function compile(theme: Theme): Record<string, string> {
+	function getColor(val: string): tinycolor.Instance {
+		if (val[0] === '@') { // ref (prop)
+			return getColor(theme.props[val.substring(1)]);
+		} else if (val[0] === '$') { // ref (const)
+			return getColor(theme.props[val]);
+		} else if (val[0] === ':') { // func
+			const parts = val.split('<');
+			const funcTxt = parts.shift();
+			const argTxt = parts.shift();
+
+			if (funcTxt && argTxt) {
+				const func = funcTxt.substring(1);
+				const arg = parseFloat(argTxt);
+				const color = getColor(parts.join('<'));
+
+				switch (func) {
+					case 'darken': return color.darken(arg);
+					case 'lighten': return color.lighten(arg);
+					case 'alpha': return color.setAlpha(arg);
+					case 'hue': return color.spin(arg);
+					case 'saturate': return color.saturate(arg);
+				}
+			}
+		}
+
+		// other case
+		return tinycolor(val);
+	}
+
+	const props = {};
+
+	for (const [k, v] of Object.entries(theme.props)) {
+		if (k.startsWith('$')) continue; // ignore const
+
+		props[k] = v.startsWith('"') ? v.replace(/^"\s*/, '') : genValue(getColor(v));
+	}
+
+	return props;
+}
+
+function genValue(c: tinycolor.Instance): string {
+	return c.toRgbString();
+}

packages/frontend-embed/vite.config.ts

@@ -98,8 +98,7 @@ export function getConfig(): UserConfig {
 				'@/': __dirname + '/src/',
 				'@@/': __dirname + '/../frontend-shared/',
 				'/client-assets/': __dirname + '/assets/',
-				'/static-assets/': __dirname + '/../backend/assets/',
-				'/fluent-emoji/': '@misskey-dev/emoji-assets/fluent-emoji/',
+				'/static-assets/': __dirname + '/../backend/assets/'
 			},
 		},
 

packages/frontend-shared/@types/theme.d.ts

@@ -1,13 +0,0 @@
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-
-declare module '@@/themes/*.json5' {
-	import { Theme } from '@@/js/theme.js';
-
-	const theme: Theme;
-
-	// eslint-disable-next-line import/no-default-export
-	export default theme;
-}

packages/frontend-shared/build.js

@@ -0,0 +1,109 @@
+import fs from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import { dirname } from 'node:path';
+import * as esbuild from 'esbuild';
+import { build } from 'esbuild';
+import { execa } from 'execa';
+
+const _filename = fileURLToPath(import.meta.url);
+const _dirname = dirname(_filename);
+const _package = JSON.parse(fs.readFileSync(_dirname + '/package.json', 'utf-8'));
+
+const entryPoints = fs.globSync('./js/**/**.{ts,tsx}');
+
+/** @type {import('esbuild').BuildOptions} */
+const options = {
+	entryPoints,
+	minify: process.env.NODE_ENV === 'production',
+	outdir: './js-built',
+	target: 'es2022',
+	platform: 'browser',
+	format: 'esm',
+	sourcemap: 'linked',
+};
+
+const args = process.argv.slice(2).map(arg => arg.toLowerCase());
+
+// js-built配下をすべて削除する
+if (!args.includes('--no-clean')) {
+	fs.rmSync('./js-built', { recursive: true, force: true });
+}
+
+if (args.includes('--watch')) {
+	await watchSrc();
+} else {
+	await buildSrc();
+}
+
+async function buildSrc() {
+	console.log(`[${_package.name}] start building...`);
+
+	await build(options)
+		.then(() => {
+			console.log(`[${_package.name}] build succeeded.`);
+		})
+		.catch((err) => {
+			process.stderr.write(err.stderr);
+			process.exit(1);
+		});
+
+	if (process.env.NODE_ENV === 'production') {
+		console.log(`[${_package.name}] skip building d.ts because NODE_ENV is production.`);
+	} else {
+		await buildDts();
+	}
+
+	fs.copyFileSync('./js/emojilist.json', './js-built/emojilist.json');
+
+	console.log(`[${_package.name}] finish building.`);
+}
+
+function buildDts() {
+	return execa(
+		'tsgo',
+		[
+			'--project', 'tsconfig.json',
+			'--outDir', 'js-built',
+			'--declaration', 'true',
+			'--emitDeclarationOnly', 'true',
+		],
+		{
+			stdout: process.stdout,
+			stderr: process.stderr,
+		},
+	);
+}
+
+async function watchSrc() {
+	const plugins = [{
+		name: 'gen-dts',
+		setup(build) {
+			build.onStart(() => {
+				console.log(`[${_package.name}] detect changed...`);
+			});
+			build.onEnd(async result => {
+				if (result.errors.length > 0) {
+					console.error(`[${_package.name}] watch build failed:`, result);
+					return;
+				}
+				await buildDts();
+			});
+		},
+	}];
+
+	console.log(`[${_package.name}] start watching...`);
+
+	const context = await esbuild.context({ ...options, plugins });
+	await context.watch();
+
+	await new Promise((resolve, reject) => {
+		process.on('SIGHUP', resolve);
+		process.on('SIGINT', resolve);
+		process.on('SIGTERM', resolve);
+		process.on('uncaughtException', reject);
+		process.on('exit', resolve);
+	}).finally(async () => {
+		await context.dispose();
+		console.log(`[${_package.name}] finish watching.`);
+	});
+}

packages/frontend-shared/js/emoji-base.ts

@@ -19,7 +19,7 @@ export function char2fluentEmojiFilePath(char: string): string {
 	// Fluent Emojiは国旗非対応 https://github.com/microsoft/fluentui-emoji/issues/25
 	if (codes[0]?.startsWith('1f1')) return char2twemojiFilePath(char);
 	if (!codes.includes('200d')) codes = codes.filter(x => x !== 'fe0f');
-	codes = codes.filter(x => x && x.length);
-	const fileName = codes.join('-');
+	codes = codes.filter(x => x != null && x.length > 0);
+	const fileName = (codes as string[]).map(x => x.padStart(4, '0')).join('-');
 	return `${fluentEmojiPngBase}/${fileName}.png`;
 }

packages/frontend-shared/js/emojilist.ts

@@ -11,7 +11,8 @@ export type UnicodeEmojiDef = {
 	category: typeof unicodeEmojiCategories[number];
 };
 
-import _emojilist from '@misskey-dev/emoji-data/emojilist.json';
+// initial converted from https://github.com/muan/emojilib/commit/242fe68be86ed6536843b83f7e32f376468b38fb
+import _emojilist from './emojilist.json' with { type: 'json' };
 
 export const emojilist: UnicodeEmojiDef[] = _emojilist.map(x => ({
 	name: x[1] as string,

packages/frontend-shared/js/theme.ts

@@ -1,126 +0,0 @@
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-
-import tinycolor from 'tinycolor2';
-import JSON5 from 'json5';
-import lightTheme from '@@/themes/_light.json5';
-import type { BundledTheme } from 'shiki/themes';
-
-export type Theme = {
-	id: string;
-	name: string;
-	author: string;
-	desc?: string;
-	base?: 'dark' | 'light';
-	kind?: 'dark' | 'light'; // legacy
-	props: Record<string, string>;
-	codeHighlighter?: {
-		base: BundledTheme;
-		// eslint-disable-next-line @typescript-eslint/no-explicit-any
-		overrides?: Record<string, any>;
-	} | {
-		base: '_none_';
-		// eslint-disable-next-line @typescript-eslint/no-explicit-any
-		overrides: Record<string, any>;
-	};
-};
-
-export type CompiledTheme = Record<string, string>;
-
-export const themeProps = Object.keys(lightTheme.props).filter(key => !key.startsWith('X'));
-
-export const getBuiltinThemes = () => Promise.all(
-	[
-		'l-light',
-		'l-coffee',
-		'l-apricot',
-		'l-rainy',
-		'l-botanical',
-		'l-vivid',
-		'l-cherry',
-		'l-sushi',
-		'l-u0',
-
-		'd-dark',
-		'd-persimmon',
-		'd-astro',
-		'd-future',
-		'd-botanical',
-		'd-green-lime',
-		'd-green-orange',
-		'd-cherry',
-		'd-ice',
-		'd-u0',
-	].map(name => import(`@@/themes/${name}.json5`).then(({ default: _default }): Theme => _default)),
-);
-
-export function compile(theme: Theme): CompiledTheme {
-	function getColor(val: string): tinycolor.Instance {
-		if (val[0] === '@') { // ref (prop)
-			return getColor(theme.props[val.substring(1)]);
-		} else if (val[0] === '$') { // ref (const)
-			return getColor(theme.props[val]);
-		} else if (val[0] === ':') { // func
-			const parts = val.split('<');
-			const funcTxt = parts.shift();
-			const argTxt = parts.shift();
-
-			if (funcTxt && argTxt) {
-				const func = funcTxt.substring(1);
-				const arg = parseFloat(argTxt);
-				const color = getColor(parts.join('<'));
-
-				switch (func) {
-					case 'darken': return color.darken(arg);
-					case 'lighten': return color.lighten(arg);
-					case 'alpha': return color.setAlpha(arg);
-					case 'hue': return color.spin(arg);
-					case 'saturate': return color.saturate(arg);
-				}
-			}
-		}
-
-		// other case
-		return tinycolor(val);
-	}
-
-	const props = {} as CompiledTheme;
-
-	for (const [k, v] of Object.entries(theme.props)) {
-		if (k.startsWith('$')) continue; // ignore const
-
-		props[k] = v.startsWith('"') ? v.replace(/^"\s*/, '') : genValue(getColor(v));
-	}
-
-	return props;
-}
-
-function genValue(c: tinycolor.Instance): string {
-	return c.toRgbString();
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function validateTheme(theme: Record<string, any>): boolean {
-	if (theme.id == null || typeof theme.id !== 'string') return false;
-	if (theme.name == null || typeof theme.name !== 'string') return false;
-	if (theme.base == null || !['light', 'dark'].includes(theme.base)) return false;
-	if (theme.props == null || typeof theme.props !== 'object') return false;
-	return true;
-}
-
-export function parseThemeCode(code: string): Theme {
-	let theme;
-
-	try {
-		theme = JSON5.parse(code);
-	} catch (_) {
-		throw new Error('Failed to parse theme json');
-	}
-	if (!validateTheme(theme)) {
-		throw new Error('This theme is invaild');
-	}
-
-	return theme;
-}

packages/frontend-shared/package.json

@@ -1,30 +1,40 @@
 {
 	"name": "frontend-shared",
 	"type": "module",
-	"private": true,
+	"main": "./js-built/index.js",
+	"types": "./js-built/index.d.ts",
+	"exports": {
+		".": {
+			"import": "./js-built/index.js",
+			"types": "./js-built/index.d.ts"
+		},
+		"./*": {
+			"import": "./js-built/*",
+			"types": "./js-built/*"
+		}
+	},
 	"scripts": {
+		"build": "node ./build.js",
+		"watch": "nodemon -w package.json -e json --exec \"node ./build.js --watch\"",
 		"eslint": "eslint './**/*.{js,jsx,ts,tsx}'",
 		"typecheck": "tsgo --noEmit",
 		"lint": "pnpm typecheck && pnpm eslint"
 	},
 	"devDependencies": {
 		"@types/node": "24.12.2",
-		"@types/tinycolor2": "1.4.6",
 		"@typescript-eslint/eslint-plugin": "8.59.0",
 		"@typescript-eslint/parser": "8.59.0",
+		"esbuild": "0.28.0",
 		"eslint-plugin-vue": "10.9.0",
+		"nodemon": "3.1.14",
 		"vue-eslint-parser": "10.4.0"
 	},
 	"files": [
 		"js-built"
 	],
 	"dependencies": {
-		"@misskey-dev/emoji-data": "17.0.3",
 		"i18n": "workspace:*",
-		"json5": "2.2.3",
 		"misskey-js": "workspace:*",
-		"shiki": "4.0.2",
-		"tinycolor2": "1.6.0",
 		"vue": "3.5.33"
 	}
 }

packages/frontend/.storybook/changes.ts

@@ -51,6 +51,7 @@ await fs.readFile(
 	if (
 		micromatch(Array.from(modules), [
 			'../../assets/**',
+			'../../fluent-emojis/**',
 			'../../locales/ja-JP.yml',
 			'assets/**',
 			'public/**',

packages/frontend/.storybook/mocks.ts

@@ -7,7 +7,7 @@ import { type SharedOptions, http, HttpResponse } from 'msw';
 
 export const onUnhandledRequest = ((req, print) => {
 	const url = new URL(req.url);
-	if (url.hostname !== 'localhost' || /^\/(?:client-assets\/|fluent-emoji\/|iframe.html$|node_modules\/|src\/|sb-|static-assets\/|vite\/)/.test(url.pathname)) {
+	if (url.hostname !== 'localhost' || /^\/(?:client-assets\/|fluent-emojis?\/|iframe.html$|node_modules\/|src\/|sb-|static-assets\/|vite\/)/.test(url.pathname)) {
 		return
 	}
 	print.warning()
@@ -16,7 +16,16 @@ export const onUnhandledRequest = ((req, print) => {
 export const commonHandlers = [
 	http.get('/fluent-emoji/:codepoints.png', async ({ params }) => {
 		const { codepoints } = params;
-		const value = await fetch(`https://unpkg.com/@misskey-dev/emoji-assets@17.0.3/built/fluent-emoji/${codepoints}.png`).then((response) => response.blob());
+		const value = await fetch(`https://raw.githubusercontent.com/misskey-dev/emojis/main/dist/${codepoints}.png`).then((response) => response.blob());
+		return new HttpResponse(value, {
+			headers: {
+				'Content-Type': 'image/png',
+			},
+		});
+	}),
+	http.get('/fluent-emojis/:codepoints.png', async ({ params }) => {
+		const { codepoints } = params;
+		const value = await fetch(`https://raw.githubusercontent.com/misskey-dev/emojis/main/dist/${codepoints}.png`).then((response) => response.blob());
 		return new HttpResponse(value, {
 			headers: {
 				'Content-Type': 'image/png',
@@ -25,7 +34,7 @@ export const commonHandlers = [
 	}),
 	http.get('/twemoji/:codepoints.svg', async ({ params }) => {
 		const { codepoints } = params;
-		const value = await fetch(`https://unpkg.com/@misskey-dev/emoji-assets@17.0.3/built/twemoji/${codepoints}.svg`).then((response) => response.blob());
+		const value = await fetch(`https://unpkg.com/@discordapp/twemoji@16.0.1/dist/svg/${codepoints}.svg`).then((response) => response.blob());
 		return new HttpResponse(value, {
 			headers: {
 				'Content-Type': 'image/svg+xml',

packages/frontend/.storybook/preview.ts

@@ -20,13 +20,13 @@ let moduleInitialized = false;
 let unobserve = () => {};
 let misskeyOS = null;
 
-function loadTheme(themeMaganer: typeof import('../src/theme')['themeManager']) {
+function loadTheme(applyTheme: typeof import('../src/theme')['applyTheme']) {
 	unobserve();
 	const theme = themes[window.document.documentElement.dataset.misskeyTheme];
 	if (theme) {
-		themeMaganer.updateTheme(themes[window.document.documentElement.dataset.misskeyTheme]);
+		applyTheme(themes[window.document.documentElement.dataset.misskeyTheme]);
 	} else {
-		themeMaganer.updateTheme(themes['l-light']);
+		applyTheme(themes['l-light']);
 	}
 	const observer = new MutationObserver((entries) => {
 		for (const entry of entries) {
@@ -34,7 +34,7 @@ function loadTheme(themeMaganer: typeof import('../src/theme')['themeManager'])
 				const target = entry.target as HTMLElement;
 				const theme = themes[target.dataset.misskeyTheme];
 				if (theme) {
-					themeMaganer.updateTheme(themes[target.dataset.misskeyTheme]);
+					applyTheme(themes[target.dataset.misskeyTheme]);
 				} else {
 					target.removeAttribute('style');
 				}

packages/frontend/package.json

@@ -17,13 +17,14 @@
 	},
 	"dependencies": {
 		"@analytics/google-analytics": "1.1.0",
+		"@discordapp/twemoji": "16.0.1",
 		"@mcaptcha/core-glue": "0.1.0-alpha-5",
 		"@misskey-dev/browser-image-resizer": "2024.1.0",
-		"@misskey-dev/emoji-data": "17.0.3",
 		"@sentry/vue": "10.50.0",
 		"@simplewebauthn/browser": "13.3.0",
 		"@syuilo/aiscript": "1.2.1",
 		"@syuilo/aiscript-0-19-0": "npm:@syuilo/aiscript@^0.19.0",
+		"@twemoji/parser": "16.0.0",
 		"@vitejs/plugin-vue": "6.0.6",
 		"aiscript-vscode": "github:aiscript-dev/aiscript-vscode#v0.1.16",
 		"analytics": "0.8.19",
@@ -52,7 +53,7 @@
 		"json5": "2.2.3",
 		"matter-js": "0.20.0",
 		"mediabunny": "1.41.0",
-		"mfm-js": "0.26.0",
+		"mfm-js": "0.25.0",
 		"misskey-bubble-game": "workspace:*",
 		"misskey-js": "workspace:*",
 		"misskey-reversi": "workspace:*",
@@ -71,7 +72,6 @@
 		"wanakana": "5.3.1"
 	},
 	"devDependencies": {
-		"@misskey-dev/emoji-assets": "17.0.3",
 		"@misskey-dev/summaly": "5.3.0",
 		"@rollup/plugin-json": "6.1.0",
 		"@rollup/pluginutils": "5.3.0",

packages/frontend/src/boot/common.ts

@@ -13,7 +13,7 @@ import type { App } from 'vue';
 import widgets from '@/widgets/index.js';
 import directives from '@/directives/index.js';
 import components from '@/components/index.js';
-import { themeManager } from '@/theme.js';
+import { applyTheme } from '@/theme.js';
 import { isDeviceDarkmode } from '@/utility/is-device-darkmode.js';
 import { i18n } from '@/i18n.js';
 import { refreshCurrentAccount, login } from '@/accounts.js';
@@ -161,7 +161,7 @@ export async function common(createVue: () => Promise<App<Element>>) {
 
 	// NOTE: この処理は必ずクライアント更新チェック処理より後に来ること(テーマ再構築のため)
 	// NOTE: この処理は必ずダークモード判定処理より後に来ること(初回のテーマ適用のため)
-	// NOTE: この処理は必ずサーバーテーマ適用処理より後に来ること(二重発火を防ぐため)
+	// NOTE: この処理は必ずサーバーテーマ適用処理より後に来ること(二重applyTheme発火を防ぐため)
 	// see: https://github.com/misskey-dev/misskey/issues/16562
 	watch(store.r.darkMode, (darkMode) => {
 		const theme = (() => {
@@ -172,7 +172,7 @@ export async function common(createVue: () => Promise<App<Element>>) {
 			}
 		})();
 
-		themeManager.updateTheme(theme);
+		applyTheme(theme);
 	}, { immediate: true });
 
 	window.document.documentElement.dataset.colorScheme = store.s.darkMode ? 'dark' : 'light';
@@ -180,13 +180,13 @@ export async function common(createVue: () => Promise<App<Element>>) {
 	if (!isSafeMode) {
 		watch(prefer.r.darkTheme, (theme) => {
 			if (store.s.darkMode) {
-				themeManager.updateTheme(theme ?? defaultDarkTheme);
+				applyTheme(theme ?? defaultDarkTheme);
 			}
 		});
 
 		watch(prefer.r.lightTheme, (theme) => {
 			if (!store.s.darkMode) {
-				themeManager.updateTheme(theme ?? defaultLightTheme);
+				applyTheme(theme ?? defaultLightTheme);
 			}
 		});
 	}

packages/frontend/src/boot/main-boot.ts

@@ -27,7 +27,6 @@ import { makeHotkey } from '@/utility/hotkey.js';
 import { addCustomEmoji, removeCustomEmojis, updateCustomEmojis } from '@/custom-emojis.js';
 import { prefer } from '@/preferences.js';
 import { updateCurrentAccountPartial } from '@/accounts.js';
-import { migrateOldSettings } from '@/pref-migrate.js';
 import { unisonReload } from '@/utility/unison-reload.js';
 import { isBirthday } from '@/utility/is-birthday.js';
 
@@ -69,14 +68,6 @@ export async function mainBoot() {
 		const { dispose } = popup(defineAsyncComponent(() => import('@/components/MkUpdated.vue')), {}, {
 			closed: () => dispose(),
 		});
-
-		// prefereces migration
-		// TODO: そのうち消す
-		if (lastVersion && (compareVersions('2025.3.2-alpha.0', lastVersion) === 1)) {
-			console.log('Preferences migration');
-
-			migrateOldSettings();
-		}
 	}
 
 	try {

packages/frontend/src/components/MkAnalogClock.vue

@@ -81,7 +81,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import { computed, onMounted, onBeforeUnmount, ref } from 'vue';
 import tinycolor from 'tinycolor2';
-import { themeManager } from '@/theme.js';
+import { globalEvents } from '@/events.js';
 import { defaultIdlingRenderScheduler } from '@/utility/idle-render.js';
 
 // https://stackoverflow.com/questions/1878907/how-can-i-find-the-difference-between-two-angles
@@ -192,13 +192,13 @@ function tick() {
 tick();
 
 function calcColors() {
-	const themeValue = themeManager.currentCompiledTheme!;
-	const dark = tinycolor(themeValue.bg).isDark();
-	const accent = tinycolor(themeValue.accent).toHexString();
+	const computedStyle = getComputedStyle(window.document.documentElement);
+	const dark = tinycolor(computedStyle.getPropertyValue('--MI_THEME-bg')).isDark();
+	const accent = tinycolor(computedStyle.getPropertyValue('--MI_THEME-accent')).toHexString();
 	majorGraduationColor.value = dark ? 'rgba(255, 255, 255, 0.3)' : 'rgba(0, 0, 0, 0.3)';
 	//minorGraduationColor = dark ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.2)';
 	sHandColor.value = dark ? 'rgba(255, 255, 255, 0.5)' : 'rgba(0, 0, 0, 0.3)';
-	mHandColor.value = tinycolor(themeValue.fg).toHexString();
+	mHandColor.value = tinycolor(computedStyle.getPropertyValue('--MI_THEME-fg')).toHexString();
 	hHandColor.value = accent;
 	nowColor.value = accent;
 }
@@ -207,13 +207,13 @@ calcColors();
 
 onMounted(() => {
 	defaultIdlingRenderScheduler.add(tick);
-	themeManager.on('themeChanged', calcColors);
+	globalEvents.on('themeChanged', calcColors);
 });
 
 onBeforeUnmount(() => {
 	enabled = false;
 	defaultIdlingRenderScheduler.delete(tick);
-	themeManager.off('themeChanged', calcColors);
+	globalEvents.off('themeChanged', calcColors);
 });
 </script>
 

packages/frontend/src/components/MkCropperDialog.vue

@@ -34,7 +34,7 @@ import * as Misskey from 'misskey-js';
 import Cropper from 'cropperjs';
 import tinycolor from 'tinycolor2';
 import MkModalWindow from '@/components/MkModalWindow.vue';
-import { themeManager } from '@/theme.js';
+import * as os from '@/os.js';
 import { i18n } from '@/i18n.js';
 
 const props = defineProps<{
@@ -105,10 +105,10 @@ onMounted(() => {
 	cropper = new Cropper(imgEl.value, {
 	});
 
-	const themeValue = themeManager.currentCompiledTheme!;
+	const computedStyle = getComputedStyle(window.document.documentElement);
 
 	const selection = cropper.getCropperSelection()!;
-	selection.themeColor = tinycolor(themeValue.accent).toHexString();
+	selection.themeColor = tinycolor(computedStyle.getPropertyValue('--MI_THEME-accent')).toHexString();
 	if (props.aspectRatio != null) selection.aspectRatio = props.aspectRatio;
 	selection.initialAspectRatio = props.aspectRatio ?? 1;
 	selection.outlined = true;

packages/frontend/src/components/MkFoldableSection.vue

@@ -34,7 +34,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 import { onBeforeUnmount, onMounted, ref, useTemplateRef, watch } from 'vue';
 import { miLocalStorage } from '@/local-storage.js';
 import { prefer } from '@/preferences.js';
-import { themeManager } from '@/theme.js';
+import { globalEvents } from '@/events.js';
 import { getBgColor } from '@/utility/get-bg-color.js';
 
 const miLocalStoragePrefix = 'ui:folder:' as const;
@@ -92,11 +92,11 @@ function updateBgColor() {
 
 onMounted(() => {
 	updateBgColor();
-	themeManager.on('themeChanging', updateBgColor);
+	globalEvents.on('themeChanging', updateBgColor);
 });
 
 onBeforeUnmount(() => {
-	themeManager.off('themeChanging', updateBgColor);
+	globalEvents.off('themeChanging', updateBgColor);
 });
 </script>
 

packages/frontend/src/components/MkFolder.vue

@@ -100,7 +100,6 @@ import { nextTick, onMounted, ref, useTemplateRef, watch } from 'vue';
 import { prefer } from '@/preferences.js';
 import { getBgColor } from '@/utility/get-bg-color.js';
 import { pageFolderTeleportCount, popup } from '@/os.js';
-import { themeManager } from '@/theme.js';
 import MkFolderPage from '@/components/MkFolderPage.vue';
 import { deviceKind } from '@/utility/device-kind.js';
 
@@ -193,9 +192,9 @@ async function toggle(ev: PointerEvent) {
 }
 
 onMounted(() => {
-	const themeValue = themeManager.currentCompiledTheme!;
+	const computedStyle = getComputedStyle(window.document.documentElement);
 	const parentBg = getBgColor(rootEl.value?.parentElement) ?? 'transparent';
-	const myBg = themeValue.panel;
+	const myBg = computedStyle.getPropertyValue('--MI_THEME-panel');
 	bgSame.value = parentBg === myBg;
 });
 

packages/frontend/src/components/MkInput.vue

@@ -53,7 +53,7 @@ type ModelValueType<T extends SupportedTypes> =
 
 <script lang="ts" setup generic="T extends SupportedTypes = 'text'">
 import { onMounted, onUnmounted, nextTick, ref, useTemplateRef, watch, computed, toRefs } from 'vue';
-import { throttle, debounce } from 'throttle-debounce';
+import { debounce } from 'throttle-debounce';
 import { useInterval } from '@@/js/use-interval.js';
 import type { InputHTMLAttributes } from 'vue';
 import type { SuggestionType } from '@/utility/autocomplete.js';
@@ -81,8 +81,7 @@ const props = defineProps<{
 	min?: number;
 	max?: number;
 	inline?: boolean;
-	debounce?: boolean | number;
-	throttle?: boolean | number;
+	debounce?: boolean;
 	manualSave?: boolean;
 	small?: boolean;
 	large?: boolean;
@@ -136,8 +135,7 @@ const updated = () => {
 	}
 };
 
-const throttledUpdated = throttle(typeof props.throttle === 'number' ? props.throttle : 1000, updated);
-const debouncedUpdated = debounce(typeof props.debounce === 'number' ? props.debounce : 1000, updated);
+const debouncedUpdated = debounce(1000, updated);
 
 watch(modelValue, newValue => {
 	v.value = newValue;
@@ -145,9 +143,7 @@ watch(modelValue, newValue => {
 
 watch(v, () => {
 	if (!props.manualSave) {
-		if (props.throttle === true || typeof props.throttle === 'number') {
-			throttledUpdated();
-		} else if (props.debounce === true || typeof props.debounce === 'number') {
+		if (props.debounce) {
 			debouncedUpdated();
 		} else {
 			updated();

packages/frontend/src/components/MkInstanceStats.vue

@@ -73,7 +73,6 @@ import MkRetentionHeatmap from '@/components/MkRetentionHeatmap.vue';
 import MkRetentionLineChart from '@/components/MkRetentionLineChart.vue';
 import { initChart } from '@/utility/init-chart.js';
 import { useMkSelect } from '@/composables/use-mkselect.js';
-import { themeManager } from '@/theme.js';
 
 initChart();
 
@@ -187,7 +186,7 @@ function createDoughnut(chartEl: HTMLCanvasElement, tooltip: ReturnType<typeof u
 			labels: data.map(x => x.name),
 			datasets: [{
 				backgroundColor: data.map(x => x.color),
-				borderColor: themeManager.currentCompiledTheme!.panel,
+				borderColor: getComputedStyle(window.document.documentElement).getPropertyValue('--MI_THEME-panel'),
 				borderWidth: 2,
 				hoverOffset: 0,
 				data: data.map(x => x.value),

packages/frontend/src/components/MkMiniChart.vue

@@ -33,7 +33,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import { watch, ref } from 'vue';
 import { genId } from '@/utility/id.js';
-import { themeManager } from '@/theme.js';
 import tinycolor from 'tinycolor2';
 import { useInterval } from '@@/js/use-interval.js';
 
@@ -48,7 +47,8 @@ const polylinePoints = ref('');
 const polygonPoints = ref('');
 const headX = ref<number | null>(null);
 const headY = ref<number | null>(null);
-const accent = tinycolor(themeManager.currentCompiledTheme!.accent);
+const clock = ref<number | null>(null);
+const accent = tinycolor(getComputedStyle(window.document.documentElement).getPropertyValue('--MI_THEME-accent'));
 const color = accent.toRgbString();
 
 function draw(): void {

packages/frontend/src/components/MkRetentionLineChart.vue

@@ -13,7 +13,6 @@ import { Chart } from 'chart.js';
 import type { ScatterDataPoint } from 'chart.js';
 import tinycolor from 'tinycolor2';
 import { store } from '@/store.js';
-import { themeManager } from '@/theme.js';
 import { useChartTooltip } from '@/composables/use-chart-tooltip.js';
 import { chartVLine } from '@/utility/chart-vline.js';
 import { alpha } from '@/utility/color.js';
@@ -52,7 +51,7 @@ onMounted(async () => {
 
 	const vLineColor = store.s.darkMode ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.2)';
 
-	const accent = tinycolor(themeManager.currentCompiledTheme!.accent);
+	const accent = tinycolor(getComputedStyle(window.document.documentElement).getPropertyValue('--MI_THEME-accent'));
 	const color = accent.toHex();
 
 	if (chartEl.value == null) return;

packages/frontend/src/components/MkTagCloud.vue

@@ -16,11 +16,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <script lang="ts" setup>
 import { onMounted, watch, onBeforeUnmount, ref, useTemplateRef } from 'vue';
-import { themeManager } from '@/theme.js';
 import tinycolor from 'tinycolor2';
 
 const loaded = !!window.TagCanvas;
 const SAFE_FOR_HTML_ID = 'abcdefghijklmnopqrstuvwxyz';
+const computedStyle = getComputedStyle(window.document.documentElement);
 const idForCanvas = Array.from({ length: 16 }, () => SAFE_FOR_HTML_ID[Math.floor(Math.random() * SAFE_FOR_HTML_ID.length)]).join('');
 const idForTags = Array.from({ length: 16 }, () => SAFE_FOR_HTML_ID[Math.floor(Math.random() * SAFE_FOR_HTML_ID.length)]).join('');
 const available = ref(false);
@@ -33,7 +33,7 @@ watch(available, () => {
 	try {
 		window.TagCanvas.Start(idForCanvas, idForTags, {
 			textColour: '#ffffff',
-			outlineColour: tinycolor(themeManager.currentCompiledTheme!.accent).toHexString(),
+			outlineColour: tinycolor(computedStyle.getPropertyValue('--MI_THEME-accent')).toHexString(),
 			outlineRadius: 10,
 			initial: [-0.030, -0.010],
 			frontSelect: true,

packages/frontend/src/components/MkThemePreview.vue

@@ -43,8 +43,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 import { ref, watch } from 'vue';
 import lightTheme from '@@/themes/_light.json5';
 import darkTheme from '@@/themes/_dark.json5';
-import type { Theme } from '@@/js/theme.js';
-import { compile } from '@@/js/theme.js';
+import type { Theme } from '@/theme.js';
+import { compile } from '@/theme.js';
 import { deepClone } from '@/utility/clone.js';
 
 const props = defineProps<{

packages/frontend/src/components/MkVisitorDashboard.ActiveUsersChart.vue

@@ -15,9 +15,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import { onMounted, useTemplateRef, ref, nextTick } from 'vue';
 import { Chart } from 'chart.js';
+import gradient from 'chartjs-plugin-gradient';
 import tinycolor from 'tinycolor2';
 import { misskeyApi } from '@/utility/misskey-api.js';
-import { themeManager } from '@/theme.js';
 import { store } from '@/store.js';
 import { useChartTooltip } from '@/composables/use-chart-tooltip.js';
 import { chartVLine } from '@/utility/chart-vline.js';
@@ -61,7 +61,8 @@ async function renderChart() {
 
 	const vLineColor = store.s.darkMode ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.2)';
 
-	const accent = tinycolor(themeManager.currentCompiledTheme!.accent).toHexString();
+	const computedStyle = getComputedStyle(window.document.documentElement);
+	const accent = tinycolor(computedStyle.getPropertyValue('--MI_THEME-accent')).toHexString();
 
 	const colorRead = accent;
 	const colorWrite = '#2ecc71';

packages/frontend/src/components/MkWindow.vue

@@ -324,9 +324,8 @@ function onTopHandlePointerdown(evt: PointerEvent) {
 	if (main == null) return;
 
 	const base = getPositionY(evt);
-	const computedStyle = getComputedStyle(main, '');
-	const height = parseInt(computedStyle.height, 10);
-	const top = parseInt(computedStyle.top, 10);
+	const height = parseInt(getComputedStyle(main, '').height, 10);
+	const top = parseInt(getComputedStyle(main, '').top, 10);
 
 	// 動かした時
 	dragListen(me => {
@@ -354,9 +353,8 @@ function onRightHandlePointerdown(evt: PointerEvent) {
 	if (main == null) return;
 
 	const base = getPositionX(evt);
-	const computedStyle = getComputedStyle(main, '');
-	const width = parseInt(computedStyle.width, 10);
-	const left = parseInt(computedStyle.left, 10);
+	const width = parseInt(getComputedStyle(main, '').width, 10);
+	const left = parseInt(getComputedStyle(main, '').left, 10);
 	const browserWidth = window.innerWidth;
 
 	// 動かした時
@@ -382,9 +380,8 @@ function onBottomHandlePointerdown(evt: PointerEvent) {
 	if (main == null) return;
 
 	const base = getPositionY(evt);
-	const computedStyle = getComputedStyle(main, '');
-	const height = parseInt(computedStyle.height, 10);
-	const top = parseInt(computedStyle.top, 10);
+	const height = parseInt(getComputedStyle(main, '').height, 10);
+	const top = parseInt(getComputedStyle(main, '').top, 10);
 	const browserHeight = window.innerHeight;
 
 	// 動かした時
@@ -410,9 +407,8 @@ function onLeftHandlePointerdown(evt: PointerEvent) {
 	if (main == null) return;
 
 	const base = getPositionX(evt);
-	const computedStyle = getComputedStyle(main, '');
-	const width = parseInt(computedStyle.width, 10);
-	const left = parseInt(computedStyle.left, 10);
+	const width = parseInt(getComputedStyle(main, '').width, 10);
+	const left = parseInt(getComputedStyle(main, '').left, 10);
 
 	// 動かした時
 	dragListen(me => {

packages/frontend/src/directives/adaptive-border.ts

@@ -5,7 +5,7 @@
 
 import type { Directive } from 'vue';
 import { getBgColor } from '@/utility/get-bg-color.js';
-import { themeManager } from '@/theme.js';
+import { globalEvents } from '@/events.js';
 
 const handlerMap = new WeakMap<HTMLElement, () => void>();
 
@@ -27,10 +27,10 @@ export const adaptiveBorderDirective = {
 
 		calc();
 
-		themeManager.on('themeChanged', calc);
+		globalEvents.on('themeChanged', calc);
 	},
 
 	unmounted(src) {
-		themeManager.off('themeChanged', handlerMap.get(src));
+		globalEvents.off('themeChanged', handlerMap.get(src));
 	},
 } as Directive<HTMLElement>;

packages/frontend/src/directives/panel.ts

@@ -4,14 +4,13 @@
  */
 
 import type { Directive } from 'vue';
-import { themeManager } from '@/theme.js';
 import { getBgColor } from '@/utility/get-bg-color.js';
 
 export const panelDirective = {
 	mounted(src) {
 		const parentBg = getBgColor(src.parentElement) ?? 'transparent';
 
-		const myBg = themeManager.currentCompiledTheme!.panel;
+		const myBg = getComputedStyle(window.document.documentElement).getPropertyValue('--MI_THEME-panel');
 
 		if (parentBg === myBg) {
 			src.style.backgroundColor = 'var(--MI_THEME-bg)';

packages/frontend/src/events.ts

@@ -8,6 +8,8 @@ import * as Misskey from 'misskey-js';
 import { onBeforeUnmount } from 'vue';
 
 type Events = {
+	themeChanging: () => void;
+	themeChanged: () => void;
 	clientNotification: (notification: Misskey.entities.Notification) => void;
 	notePosted: (note: Misskey.entities.Note) => void;
 	noteDeleted: (noteId: Misskey.entities.Note['id']) => void;

packages/frontend/src/pages/about-misskey.vue

@@ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						<div class="version">v{{ version }}</div>
 						<span v-for="emoji in easterEggEmojis" :key="emoji.id" class="emoji" :data-physics-x="emoji.left" :data-physics-y="emoji.top" :class="{ _physics_circle_: !emoji.emoji.startsWith(':') }">
 							<MkCustomEmoji v-if="emoji.emoji[0] === ':'" class="emoji" :name="emoji.emoji" :normal="true" :noStyle="true" :fallbackToImage="true"/>
-							<MkEmoji v-else class="emoji unicode" :emoji="emoji.emoji" :normal="true" :noStyle="true"/>
+							<MkEmoji v-else class="emoji" :emoji="emoji.emoji" :normal="true" :noStyle="true"/>
 						</span>
 					</div>
 					<button v-if="thereIsTreasure" class="_button treasure" @click="getTreasure"><img src="/fluent-emoji/1f3c6.png" class="treasureImg"></button>
@@ -560,10 +560,6 @@ definePage(() => ({
 					pointer-events: none;
 					font-size: 24px;
 					width: 24px;
-
-					&.unicode {
-						height: 24px;
-					}
 				}
 			}
 		}

packages/frontend/src/pages/admin/overview.pie.vue

@@ -10,7 +10,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import { onMounted, useTemplateRef } from 'vue';
 import { Chart } from 'chart.js';
-import { themeManager } from '@/theme.js';
 import { useChartTooltip } from '@/composables/use-chart-tooltip.js';
 import { initChart } from '@/utility/init-chart.js';
 
@@ -44,7 +43,7 @@ onMounted(() => {
 			labels: props.data.map(x => x.name),
 			datasets: [{
 				backgroundColor: props.data.map(x => x.color ?? '#000'),
-				borderColor: themeManager.currentCompiledTheme!.panel,
+				borderColor: getComputedStyle(window.document.documentElement).getPropertyValue('--MI_THEME-panel'),
 				borderWidth: 2,
 				hoverOffset: 0,
 				data: props.data.map(x => x.value),

packages/frontend/src/pages/admin/roles.policy-editor.vue

@@ -163,7 +163,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 		<XFolder v-if="matchQuery([i18n.ts._role._options.canCreateChannel, 'canCreateChannel'])" v-model:policyMeta="policyMetaModel.canCreateChannel" :isBaseRole="isBaseRole" :readonly="readonly">
 			<template #label>{{ i18n.ts._role._options.canCreateChannel }}</template>
-			<template #valueText>{{ valuesModel.canCreateChannel ? i18n.ts.yes : i18n.ts.no }}</template>
+			<template #suffix>{{ valuesModel.canCreateChannel ? i18n.ts.yes : i18n.ts.no }}</template>
 			<template #default="{ disabled }">
 				<MkSwitch v-model="valuesModel.canCreateChannel" :disabled="disabled">
 					<template #label>{{ i18n.ts.enable }}</template>

packages/frontend/src/pages/install-extensions.vue

@@ -53,8 +53,7 @@ import FormSection from '@/components/form/section.vue';
 import * as os from '@/os.js';
 import { misskeyApi } from '@/utility/misskey-api.js';
 import { parsePluginMeta, installPlugin } from '@/plugin.js';
-import { installTheme } from '@/theme.js';
-import { parseThemeCode } from '@@/js/theme.js';
+import { parseThemeCode, installTheme } from '@/theme.js';
 import { unisonReload } from '@/utility/unison-reload.js';
 import { i18n } from '@/i18n.js';
 import { definePage } from '@/page.js';

packages/frontend/src/pages/my-lists/list.vue

@@ -99,7 +99,7 @@ function fetchList() {
 }
 
 function addUser() {
-	os.selectUser({ includeSelf: true }).then(user => {
+	os.selectUser().then(user => {
 		if (!list.value) return;
 		os.apiWithDialog('users/lists/push', {
 			listId: list.value.id,

packages/frontend/src/pages/settings/notifications.vue

@@ -36,28 +36,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 				</MkFolder>
 			</div>
 		</FormSection>
-
-		<FormSection>
-			<SearchMarker
-				:keywords="['notify', 'hide', 'user']"
-			>
-				<MkFolder>
-					<template #label><SearchLabel>{{ i18n.ts.notifyUsers }}</SearchLabel></template>
-					<MkPagination v-slot="{items}" :paginator="notifyUserPaginator" withControl>
-						<div class="_gaps_s">
-							<div v-for="item in items" :key="item.id" :class="[$style.userItem ]">
-								<div :class="$style.userItemMain">
-									<MkA :class="$style.userItemMainBody" :to="userPage(item)">
-										<MkUserCardMini :user="item"/>
-									</MkA>
-									<button class="_button" :class="$style.notifyMenu" @click="showNotifyMenu(item, $event)"><i class="ti ti-dots"></i></button>
-								</div>
-							</div>
-						</div>
-					</MkPagination>
-				</MkFolder>
-			</SearchMarker>
-		</FormSection>
 		<FormSection>
 			<div class="_gaps_m">
 				<FormLink to="/settings/sounds">{{ i18n.ts.notificationSoundSettings }}</FormLink>
@@ -86,9 +64,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
-import { useTemplateRef, computed, ref, markRaw } from 'vue';
+import { useTemplateRef, computed } from 'vue';
 import { notificationTypes } from 'misskey-js';
-import * as Misskey from 'misskey-js';
 import XNotificationConfig from './notifications.notification-config.vue';
 import type { NotificationConfig } from './notifications.notification-config.vue';
 import FormLink from '@/components/form/link.vue';
@@ -103,32 +80,9 @@ import { i18n } from '@/i18n.js';
 import { definePage } from '@/page.js';
 import MkPushNotificationAllowButton from '@/components/MkPushNotificationAllowButton.vue';
 import MkFeatureBanner from '@/components/MkFeatureBanner.vue';
-import { Paginator } from '@/utility/paginator.js';
-import MkPagination from '@/components/MkPagination.vue';
-import { userPage } from '@/filters/user.js';
-import MkUserCardMini from '@/components/MkUserCardMini.vue';
 
 const $i = ensureSignin();
 
-async function showNotifyMenu(user: Misskey.entities.UserDetailed, ev: PointerEvent) {
-	os.popupMenu([{
-		text: (user.notify === 'normal') ? i18n.ts.unnotifyNotes : i18n.ts.notifyNotes,
-		icon: (user.notify === 'normal') ? 'ti ti-x' : 'ti ti-plus',
-		action: async () => {
-			await os.apiWithDialog('following/update', {
-				userId: user.id,
-				notify: user.notify === 'normal' ? 'none' : 'normal',
-			}).then(() => {
-				user.notify = user.notify === 'normal' ? 'none' : 'normal';
-			});
-		},
-	}], ev.currentTarget ?? ev.target);
-}
-
-const notifyUserPaginator = markRaw(new Paginator('users/notify/list', {
-	limit: 10,
-}));
-
 const nonConfigurableNotificationTypes = ['note', 'roleAssigned', 'followRequestAccepted', 'test', 'exportCompleted'] as const satisfies (typeof notificationTypes[number])[];
 
 const configurableNotificationTypes = notificationTypes.filter(type => !nonConfigurableNotificationTypes.includes(type as any)) as Exclude<typeof notificationTypes[number], typeof nonConfigurableNotificationTypes[number]>[];
@@ -191,25 +145,3 @@ definePage(() => ({
 	icon: 'ti ti-bell',
 }));
 </script>
-
-<style lang="scss" module>
-.userItemMain {
-	display: flex;
-}
-
-.userItemMainBody {
-	flex: 1;
-	min-width: 0;
-	margin-right: 8px;
-
-	&:hover {
-		text-decoration: none;
-	}
-}
-
-.notifyMenu {
-	width: 32px;
-	height: 32px;
-	align-self: center;
-}
-</style>

packages/frontend/src/pages/settings/other.vue

@@ -145,11 +145,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<MkButton v-if="storagePersistenceSupported && !storagePersisted" @click="enableStoragePersistence">{{ i18n.ts._settings.settingsPersistence_title }}</MkButton>
 
 		<MkButton @click="forceCloudBackup">{{ i18n.ts._preferencesBackup.forceBackup }}</MkButton>
-
-		<FormSlot>
-			<MkButton danger @click="migrate"><i class="ti ti-refresh"></i> {{ i18n.ts.migrateOldSettings }}</MkButton>
-			<template #caption>{{ i18n.ts.migrateOldSettings_description }}</template>
-		</FormSlot>
 	</div>
 </SearchMarker>
 </template>
@@ -173,7 +168,6 @@ import FormSection from '@/components/form/section.vue';
 import { prefer } from '@/preferences.js';
 import MkRolePreview from '@/components/MkRolePreview.vue';
 import { signout } from '@/signout.js';
-import { migrateOldSettings } from '@/pref-migrate.js';
 import { hideAllTips as _hideAllTips, resetAllTips as _resetAllTips } from '@/tips.js';
 import { suggestReload } from '@/utility/reload-suggest.js';
 import { cloudBackup } from '@/preferences/utility.js';
@@ -219,10 +213,6 @@ async function deleteAccount() {
 	await signout();
 }
 
-function migrate() {
-	migrateOldSettings();
-}
-
 function resetAllTips() {
 	_resetAllTips();
 	os.success();

packages/frontend/src/pages/settings/preferences.vue

@@ -1040,9 +1040,9 @@ function downloadEmojiIndex(lang: typeof emojiIndexLangs[number]) {
 
 		function download() {
 			switch (lang) {
-				case 'en-US': return import('@misskey-dev/emoji-data/indexes/en-US.json').then(x => x.default);
-				case 'ja-JP': return import('@misskey-dev/emoji-data/indexes/ja-JP.json').then(x => x.default);
-				case 'ja-JP_hira': return import('@misskey-dev/emoji-data/indexes/ja-JP_hira.json').then(x => x.default);
+				case 'en-US': return import('../../unicode-emoji-indexes/en-US.json').then(x => x.default);
+				case 'ja-JP': return import('../../unicode-emoji-indexes/ja-JP.json').then(x => x.default);
+				case 'ja-JP_hira': return import('../../unicode-emoji-indexes/ja-JP_hira.json').then(x => x.default);
 				default: throw new Error('unrecognized lang: ' + lang);
 			}
 		}

packages/frontend/src/pages/settings/theme.install.vue

@@ -20,8 +20,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 import { ref, computed } from 'vue';
 import MkCodeEditor from '@/components/MkCodeEditor.vue';
 import MkButton from '@/components/MkButton.vue';
-import { themeManager, installTheme, handleThemeInstallError } from '@/theme.js';
-import { parseThemeCode } from '@@/js/theme.js';
+import { parseThemeCode, previewTheme, installTheme } from '@/theme.js';
 import * as os from '@/os.js';
 import { i18n } from '@/i18n.js';
 import { definePage } from '@/page.js';
@@ -30,19 +29,6 @@ import { useRouter } from '@/router.js';
 const router = useRouter();
 const installThemeCode = ref<string | null>(null);
 
-function previewTheme(code: string): void {
-	try {
-		const theme = parseThemeCode(code);
-		themeManager.previewTheme(theme);
-	} catch (err) {
-		os.alert({
-			type: 'error',
-			text: i18n.ts._theme.invalid,
-		});
-		console.error(err);
-	}
-}
-
 async function install(code: string): Promise<void> {
 	try {
 		const theme = parseThemeCode(code);
@@ -54,7 +40,22 @@ async function install(code: string): Promise<void> {
 		installThemeCode.value = null;
 		router.push('/settings/theme');
 	} catch (err: any) {
-		handleThemeInstallError(err);
+		switch (err.message.toLowerCase()) {
+			case 'this theme is already installed':
+				os.alert({
+					type: 'info',
+					text: i18n.ts._theme.alreadyInstalled,
+				});
+				break;
+
+			default:
+				os.alert({
+					type: 'error',
+					text: i18n.ts._theme.invalid,
+				});
+				break;
+		}
+		console.error(err);
 	}
 }
 

packages/frontend/src/pages/settings/theme.manage.vue

@@ -27,27 +27,21 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import { computed, ref } from 'vue';
 import JSON5 from 'json5';
-import type { Theme } from '@@/js/theme.js';
+import type { Theme } from '@/theme.js';
 import MkTextarea from '@/components/MkTextarea.vue';
 import MkSelect from '@/components/MkSelect.vue';
 import MkInput from '@/components/MkInput.vue';
 import MkButton from '@/components/MkButton.vue';
-import { removeTheme } from '@/theme.js';
-import { getBuiltinThemes } from '@@/js/theme.js';
+import { getBuiltinThemesRef, getThemesRef, removeTheme } from '@/theme.js';
 import { copyToClipboard } from '@/utility/copy-to-clipboard.js';
 import * as os from '@/os.js';
 import { i18n } from '@/i18n.js';
 import { definePage } from '@/page.js';
 import { useMkSelect } from '@/composables/use-mkselect.js';
 import type { MkSelectItem } from '@/components/MkSelect.vue';
-import { prefer } from '@/preferences';
-
-const installedThemes = prefer.r.themes;
-const builtinThemes = ref<Theme[]>([]);
-getBuiltinThemes().then(themes => {
-	builtinThemes.value = themes;
-});
 
+const installedThemes = getThemesRef();
+const builtinThemes = getBuiltinThemesRef();
 const {
 	model: selectedThemeId,
 	def: selectedThemeIdDef,

packages/frontend/src/pages/settings/theme.vue

@@ -210,7 +210,7 @@ import JSON5 from 'json5';
 import defaultLightTheme from '@@/themes/l-light.json5';
 import defaultDarkTheme from '@@/themes/d-green-lime.json5';
 import { isSafeMode } from '@@/js/config.js';
-import type { Theme } from '@@/js/theme.js';
+import type { Theme } from '@/theme.js';
 import * as os from '@/os.js';
 import MkSwitch from '@/components/MkSwitch.vue';
 import FormSection from '@/components/form/section.vue';
@@ -218,8 +218,7 @@ import FormLink from '@/components/form/link.vue';
 import MkFolder from '@/components/MkFolder.vue';
 import MkThemePreview from '@/components/MkThemePreview.vue';
 import MkInfo from '@/components/MkInfo.vue';
-import { handleThemeInstallError, installTheme, removeTheme } from '@/theme.js';
-import { getBuiltinThemes } from '@@/js/theme.js';
+import { getBuiltinThemesRef, getThemesRef, installTheme, parseThemeCode, removeTheme } from '@/theme.js';
 import { isDeviceDarkmode } from '@/utility/is-device-darkmode.js';
 import { store } from '@/store.js';
 import { i18n } from '@/i18n.js';
@@ -230,11 +229,8 @@ import { prefer } from '@/preferences.js';
 import { copyToClipboard } from '@/utility/copy-to-clipboard.js';
 import { checkDragDataType, getDragData, getPlainDragData, setDragData, setPlainDragData } from '@/drag-and-drop.js';
 
-const installedThemes = prefer.r.themes;
-const builtinThemes = ref<Theme[]>([]);
-getBuiltinThemes().then(themes => {
-	builtinThemes.value = themes;
-});
+const installedThemes = getThemesRef();
+const builtinThemes = getBuiltinThemesRef();
 
 const instanceDarkTheme = computed<Theme | null>(() => instance.defaultDarkTheme ? JSON5.parse(instance.defaultDarkTheme) : null);
 const installedDarkThemes = computed(() => installedThemes.value.filter(t => t.base === 'dark' || t.kind === 'dark'));
@@ -357,7 +353,7 @@ async function onDrop(ev: DragEvent) {
 		try {
 			await installTheme(code);
 		} catch (err) {
-			handleThemeInstallError(err);
+			// nop
 		}
 	}
 }

packages/frontend/src/pages/theme-editor.vue

@@ -79,15 +79,14 @@ import JSON5 from 'json5';
 import lightTheme from '@@/themes/_light.json5';
 import darkTheme from '@@/themes/_dark.json5';
 import { host } from '@@/js/config.js';
-import type { Theme } from '@@/js/theme.js';
+import type { Theme } from '@/theme.js';
 import { genId } from '@/utility/id.js';
 import MkButton from '@/components/MkButton.vue';
 import MkCodeEditor from '@/components/MkCodeEditor.vue';
 import MkTextarea from '@/components/MkTextarea.vue';
 import MkFolder from '@/components/MkFolder.vue';
 import { ensureSignin } from '@/i.js';
-import { addTheme, themeManager } from '@/theme.js';
-import { deepClone } from '@/utility/clone.js';
+import { addTheme, applyTheme } from '@/theme.js';
 import * as os from '@/os.js';
 import { store } from '@/store.js';
 import { i18n } from '@/i18n.js';
@@ -131,7 +130,7 @@ const theme = ref<Theme>({
 	name: 'untitled',
 	author: `@${$i.username}@${toUnicode(host)}`,
 	base: 'light',
-	props: deepClone(lightTheme.props),
+	props: lightTheme.props,
 });
 const description = ref<string | null>(null);
 const themeCode = ref<string>('');
@@ -171,7 +170,7 @@ function setFgColor(color: typeof fgColors[number]) {
 
 function apply() {
 	themeCode.value = JSON5.stringify(theme.value, null, '\t');
-	themeManager.previewTheme(theme.value);
+	applyTheme(theme.value, false);
 	changed.value = true;
 }
 
@@ -202,7 +201,7 @@ async function saveAs() {
 	theme.value.name = name;
 	if (description.value) theme.value.desc = description.value;
 	await addTheme(theme.value);
-	themeManager.updateTheme(theme.value);
+	applyTheme(theme.value);
 	if (store.s.darkMode) {
 		prefer.commit('darkTheme', theme.value);
 	} else {