wip

.claude/THIRD_PARTY_LICENSES.md

@@ -19,7 +19,7 @@
 |---|---|---|---|
 | `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` + tsc + ESLint + Vitest) に。Prettier/Biome フェーズを削除 |
+| `commands/quality-gate.md` | `commands/quality-gate.md` | ECC | 言語自動判定を排除し Misskey 固定 pipeline (`pnpm` + tsgo + ESLint + Vitest) に。Prettier/Biome フェーズを削除 |
 
 ### MIT License (full text)
 

.claude/commands/harness-audit.md

@@ -35,7 +35,7 @@ Misskey リポジトリの `.claude/` 構成を 7 カテゴリで採点し、改
 | 2 | Context Efficiency | frontmatter description の冗長度、SKILL.md の長さ分布、重複情報、CLAUDE.md の肥大化 |
 | 3 | Quality Gates | Stop / PreToolUse / PostToolUse hook の整備、`/quality-gate` 等の完了前ゲートの有無、自動 lint/typecheck |
 | 4 | Memory Persistence | `.claude/skills/*/SKILL.md` と `references/` の同期状態を評価。プロジェクト側 `.claude/memory/` は未採用方針 (auto-memory はユーザーホーム側で自動運用) のため、ここを採点起点にせず既定 5/10 から開始する |
-| 5 | Eval Coverage | `working-on-backend` / `working-on-frontend` の testing リファレンス (backend-testing.md / frontend-testing.md) の網羅、Misskey 固有の e2e/fed/Storybook/Playwright 適用ガイド |
+| 5 | Eval Coverage | `working-on-backend` / `working-on-frontend` の testing リファレンス (backend-testing.md / frontend-testing.md) の網羅、Misskey 固有の e2e/fed/Storybook/Cypress 適用ガイド |
 | 6 | Security Guardrails | SPDX 規約適用、migration 不変性ルール、ja-JP.yml 限定編集ルール、secrets 検出 |
 | 7 | Cost Efficiency | enabledPlugins の重複・過剰、context-budget の整備、MCP 過剰登録なし |
 

.claude/commands/quality-gate.md

@@ -12,16 +12,16 @@ 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 + tsc + ESLint + Vitest に固定し、formatter (Prettier/Biome) フェーズは削除した。
+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 + tsc + ESLint + Vitest の組み合わせに固定。重い test:e2e / test:fed は含まない (CI 側で実行される)。
+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 / Playwright) は CI 側で実行されるため、本コマンドには含めない。
+完了前の **軽量** 品質チェック。重い E2E / 連合テスト (test:e2e / test:fed / Cypress) は CI 側で実行されるため、本コマンドには含めない。
 
 ## Scope
 
@@ -50,7 +50,7 @@ pnpm --filter frontend test
 lint がまとめて失敗していて typecheck の結果だけ単独で見たい場合は、以下を個別に回す。**通常は不要** (lint の出力を読めば足りる):
 
 ```bash
-pnpm --filter backend typecheck    # tsc 単体
+pnpm --filter backend typecheck    # tsgo 単体
 pnpm --filter frontend typecheck   # vue-tsc 単体 (Vue SFC の型を見るため)
 ```
 
@@ -63,7 +63,7 @@ pnpm --filter backend lint
 pnpm --filter backend test
 ```
 
-`tsc` の出力を単独で見たい時のみ optional で `pnpm --filter backend typecheck` を別途回す。
+`tsgo` の出力を単独で見たい時のみ optional で `pnpm --filter backend typecheck` を別途回す。
 
 ### Frontend scope
 
@@ -120,4 +120,4 @@ Frontend ut: PASS  (87/87)
 
 - ジェネリックな言語自動判定を排除し、Misskey 固定 pipeline に。
 - formatter フェーズなし (Misskey は ESLint --fix のみ採用)。
-- e2e / federation / Playwright は重いため除外し CI 側に委譲。
+- e2e / federation / Cypress は重いため除外し CI 側に委譲。

.claude/skills/working-on-backend/references/knowledge/backend-testing.md

@@ -26,7 +26,7 @@ cp .github/misskey/test.yml .config/test.yml
 
 補足:
 
-- ルートの `pnpm start:test` (Playwright 用にテストサーバーを起動するコマンド) を使う経路では実行時に `ncp` で自動コピーされる ([package.json](../../../../../package.json))。それ以外で backend テストを直接走らせる時は上記の手動コピーが必要
+- ルートの `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`) の前提ではない (ポート競合の元になるため使わないこと)
 

.claude/skills/working-on-backend/references/knowledge/nestjs-di.md

@@ -6,7 +6,7 @@ Misskey の backend は NestJS 11 + Fastify 5 + TypeORM 1 (PostgreSQL) + Redis
 
 - **DI コンテナ**: NestJS の `@Injectable()` サービス + Repository (TypeORM) パターン
 - **DI トークン**: [`@/di-symbols.js`](../../../../../packages/backend/src/di-symbols.ts) の `DI` から `@Inject(DI.xxx)` で注入
-- **ビルド**: `rolldown -c` で `built/` にバンドル。型チェックは `tsc`
+- **ビルド**: `rolldown -c` で `built/` にバンドル。型チェックは `tsgo`
 
 ## エンドポイント内での DI
 

.claude/skills/working-on-backend/references/tasks/adding-api-endpoint.md

@@ -236,7 +236,7 @@ pnpm --filter backend test:e2e
 ```bash
 # 個別ファイルを高速にチェック
 pnpm exec eslint --fix packages/backend/src/server/api/endpoints/<category>/<name>.ts
-pnpm --filter backend typecheck      # tsc --noEmit (backend のみ)
+pnpm --filter backend typecheck      # tsgo --noEmit (backend のみ)
 
 # 一括 (PR 提出前)
 pnpm --filter backend lint

.claude/skills/working-on-frontend/SKILL.md

@@ -27,7 +27,7 @@ SKILL.md 本体は references への索引だけ。具体的な手順や規約
 - SCSS Modules / `--MI_THEME-*` `--MI-*` CSS 変数 / グローバル utility class (`_button` 等) → [references/knowledge/scss-modules.md](references/knowledge/scss-modules.md)
 - `os.alert` / `os.confirm` / `os.popup` 等 UI ヘルパー (ブラウザ標準 `alert()` 直呼びは禁止) → [references/knowledge/os-api.md](references/knowledge/os-api.md)
 - `*.stories.impl.ts` 併設規則 + 複数 story / argTypes / layout / action パターン → [references/knowledge/storybook.md](references/knowledge/storybook.md)
-- frontend Vitest / Playwright E2E の書き方と前提 → [references/knowledge/frontend-testing.md](references/knowledge/frontend-testing.md)
+- frontend Vitest / Cypress E2E の書き方と前提 → [references/knowledge/frontend-testing.md](references/knowledge/frontend-testing.md)
 
 ## 必ず最後に通る場所
 

.claude/skills/working-on-frontend/references/knowledge/frontend-testing.md

@@ -1,4 +1,4 @@
-# Frontend テスト (Vitest / Playwright)
+# Frontend テスト (Vitest / Cypress)
 
 Misskey frontend のテスト構成。
 
@@ -13,11 +13,11 @@ 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 + Playwright でカバー)
+- 共有コンポーネント (`MkX.vue`) のユニットテストは現状少なく、`*.spec.ts` / `__tests__/` 形式は採用していない (Storybook + Cypress でカバー)
 
-## Playwright E2E
+## Cypress E2E
 
-Playwright は **起動済みのテストサーバー** に対して走るため、unit より前提が多い。[.github/workflows/test-frontend.yml](../../../../../.github/workflows/test-frontend.yml) の `e2e` ジョブと同じ手順をローカルで踏む:
+Cypress は **起動済みのテストサーバー** に対して走るため、unit より前提が多い。[.github/workflows/test-frontend.yml](../../../../../.github/workflows/test-frontend.yml) の `e2e` ジョブと同じ手順をローカルで踏む:
 
 ```bash
 # 1. テスト用 DB / Redis を起動 (テスト用ポート。開発用の compose.local-db.yml ではない)
@@ -29,14 +29,15 @@ cp .github/misskey/test.yml .config/test.yml
 # 3. 全体ビルド
 pnpm build
 
-# 4. テストサーバー起動 + Playwright 実行 (いずれもルートから)
-pnpm e2e                # 内部で pnpm start:test を起動し http://localhost:61812 を待って Playwright を実行
+# 4. テストサーバー起動 + Cypress 実行 (いずれもルートから)
+pnpm e2e                # 内部で pnpm start:test を起動し http://localhost:61812 を待って Cypress run
+pnpm cy:open            # 対話的に開く (サーバーは別途 pnpm start:test で起動しておく)
 ```
 
-- 設定: ルート [packages/frontend/playwright.config.ts](../../../../../packages/frontend/playwright.config.ts) で、`packages/frontend/test/e2e/` 配下の `*.spec.ts` を対象にする
-- テスト本体は [packages/frontend/test/e2e/](../../../../../packages/frontend/test/e2e/) 配下に配置する。
+- 設定: ルート [cypress.config.ts](../../../../../cypress.config.ts)
+- テスト本体は [cypress/](../../../../../cypress/) 配下
 
-新規 frontend 機能の E2E は Playwright に書くのが基本。ただし対象は主要 UI フロー (login / post / drive etc) に限定し、細かい単位テストは Vitest または Storybook で代替する慣習。
+新規 frontend 機能の E2E は Cypress に書くのが基本。ただし対象は主要 UI フロー (login / post / drive etc) に限定し、細かい単位テストは Vitest または Storybook で代替する慣習。
 
 ## Storybook (視覚確認 + Chromatic 視覚回帰)
 
@@ -54,6 +55,6 @@ pnpm --filter frontend build-storybook    # 静的ビルド
 frontend のテスト種別で DB / Redis の要否が違う:
 
 - **Vitest (unit)** — DB 不要。ロジック / コンポーネント単体のテストで backend に繋がない (CI の `vitest` ジョブにも `services:` は無い)
-- **Playwright (E2E)** — テストサーバー (`pnpm start:test`) 経由で backend に繋ぐため DB / Redis が必要。**テスト用ポートの [packages/backend/test/compose.yml](../../../../../packages/backend/test/compose.yml)** を使う (上記 Playwright E2E の手順を参照)
+- **Cypress (E2E)** — テストサーバー (`pnpm start:test`) 経由で backend に繋ぐため DB / Redis が必要。**テスト用ポートの [packages/backend/test/compose.yml](../../../../../packages/backend/test/compose.yml)** を使う (上記 Cypress E2E の手順を参照)
 
 開発用の `compose.local-db.yml` (db `5432` / redis `6379`) は **テストには使わない**。テスト用の `packages/backend/test/compose.yml` (`54312` / `56312`) とはポートが異なり、混同すると接続できない。

.coderabbit.yaml

@@ -1,34 +0,0 @@
-language: "ja-JP"
-tone_instructions: "常に丁寧語（です・ます調）を用い、敬意のある表現で応答してください。人格や能力への評価、皮肉、威圧的・高圧的・命令的な表現は避けてください。指摘では問題点と影響を明確にし、理由を簡潔に説明したうえで、具体的な改善案を提案してください。不確実な事項は推測と明示し、確認を促してください。重大なバグやセキュリティ上の懸念は重要度と根拠を明確に伝えてください。"
-reviews:
-  profile: "chill"
-  high_level_summary: false
-  poem: true
-  auto_review:
-    enabled: true
-    drafts: false
-    base_branches:
-      - "develop"
-    ignore_title_keywords:
-      - "New Crowdin updates"
-    ignore_usernames:
-      - "dependabot[bot]"
-      - "renovate[bot]"
-      - "github-actions[bot]"
-  path_instructions:
-    - path: "**/*"
-      instructions: |
-        【レビュー対象外】
-        - フォーマット違反、型エラー、SPDXヘッダーの記載漏れ等、静的解析で検出可能な問題については、別Workflow（CI/CD）でチェックされるため、レビュー対象外として無視してください。
-
-        【特別な対応を要するレビュー】
-        - プルリクエストで変更されていない部分において、プルリクエストのタイトルや説明文に照らしてスコープ外であるが修正すべき点を見つけた場合は、このプルリクエストで修正させるのではなく、別のプルリクエストを開いてそれを修正するように指示してください。\
-          なお、当該プルリクエストで行が追加/削除されたことによりスコープ外の問題が起こりうる場合は、例外的にこのプルリクエストで修正させてください。
-        
-        【注力してほしい観点】
-        - ビジネスロジックの不備、セキュリティ、パフォーマンス、設計パターンの適切性などに焦点を当ててレビューしてください。
-        - プルリクエストのタイトルや説明文に照らしてスコープ外の変更が含まれていないかをレビューしてください。なお、明らかにスコープ外であると確信できるもの（例: 全く関係ないファイルを編集している等）のみを対象とし、スコープ外かどうかの判断に困る場合は指摘しないでください。\
-          スコープ外の変更が含まれていた場合は指摘し、その部分について、このプルリクエストに含めずに別のプルリクエストを開いて変更するように指示してください。
-  path_filters:
-    - "!CHANGELOG.md"
-    - "!**/__snapshots__/**"

.config/cypress-devcontainer.yml

@@ -218,8 +218,9 @@ proxyBypassHosts:
 # Media Proxy
 #mediaProxy: https://example.com/proxy
 
-allowedPrivateNetworks:
- - '127.0.0.1/32'
+allowedPrivateNetworks: [
+  '127.0.0.1/32'
+]
 
 # Upload or download file size limits (bytes)
 #maxFileSize: 262144000

.config/docker_example.yml

@@ -233,37 +233,15 @@ proxyBypassHosts:
 # For security reasons, uploading attachments from the intranet is prohibited,
 # but exceptions can be made from the following settings. Default value is "undefined".
 # Read changelog to learn more (Improvements of 12.90.0 (2021/09/04)).
-#allowedPrivateNetworks:
-#  - '127.0.0.1/32'
+#allowedPrivateNetworks: [
+#  '127.0.0.1/32'
+#]
 
 # Upload or download file size limits (bytes)
 #maxFileSize: 262144000
 
 # Log settings
 # logging:
-#   # Log output format. "json" outputs one-line JSON; defaults to "pretty".
-#   format: pretty
-#   # Minimum level for all loggers. Defaults to info in production and debug otherwise.
-#   level: info
-#   # The longest matching logger domain takes precedence over the global level.
-#   domains:
-#     core.boot: info
-#     queue: error
-#     queue.deliver: debug
-#     db.sql: off
-#   # HTTP status classes to record in the access log. No output when unspecified.
-#   access:
-#     statusClasses:
-#       - '2xx'
-#       - '3xx'
-#       - '4xx'
-#       - '5xx'
-#     # Enable body logging explicitly only during development.
-#     bodies:
-#       request: false
-#       response: false
-#       # 16 KiB by default, up to 128 KiB.
-#       maxBytes: 16384
 #   sql:
 #     # Outputs query parameters during SQL execution to the log.
 #     # default: false

.config/example.yml

@@ -303,88 +303,8 @@ id: 'aidx'
 
 #sentryForBackend:
 #  enableNodeProfiling: true
-#  # Specify Sentry integration names to disable individual auto-instrumentation.
-#  # The names are integration .name values, not factory function names.
-#  # To check enabled names, set `options.debug: true` and see
-#  # "Integration installed: <name>" in the Sentry logs.
-#  #
-#  # As of 2026-07-07 / @sentry/node 10.62.0, useful names for Misskey include:
-#  #   Postgres  ... DB queries (when pg is externalized)
-#  #   Redis     ... ioredis commands
-#  #   Fastify   ... inbound HTTP routes
-#  #   Http      ... inbound/outbound HTTP; disabling this can also affect request isolation
-#  #   NodeFetch ... fetch/undici requests
-#  disabledIntegrations: ['Postgres']
 #  options:
 #    dsn: 'https://examplePublicKey@o0.ingest.sentry.io/0'
-#    # By default, Misskey prevents Sentry trace headers (`sentry-trace` and
-#    # `baggage`) from being sent to remote ActivityPub/Webhook/etc. hosts.
-#    # To intentionally propagate distributed traces to trusted internal services,
-#    # list only those internal URL patterns here.
-#    # Avoid broad patterns that match remote servers unless you intentionally
-#    # want to restore Sentry's legacy behavior of propagating traces to all
-#    # outbound HTTP requests.
-#    #tracePropagationTargets: []
-#    # Internal allowlist example:
-#    #tracePropagationTargets:
-#    #  - 'internal-service.example'
-
-#   ┌─────────┐
-#───┘ Tracing └────────────────────────────────────────────────
-# OpenTelemetry distributed tracing (Traces only, opt-in).
-# Existing API and Queue spans are exported to an OTLP http/protobuf endpoint.
-#
-# Standard OTEL_* environment variables are honored for values omitted below:
-# OTEL_EXPORTER_OTLP_TRACES_ENDPOINT, OTEL_EXPORTER_OTLP_ENDPOINT,
-# OTEL_EXPORTER_OTLP_HEADERS, OTEL_TRACES_SAMPLER, OTEL_TRACES_SAMPLER_ARG, etc.
-#
-# When this is enabled together with sentryForBackend, Misskey shares Sentry's
-# TracerProvider and adds an OTLP SpanProcessor to it. In that mode:
-# - sampleRate below is ignored; sampling follows sentryForBackend.options
-#   tracesSampleRate / tracesSampler.
-# - resourceAttributes below is ignored; set OTEL_SERVICE_NAME and
-#   OTEL_RESOURCE_ATTRIBUTES in the environment if you need to override them.
-# - spans produced by Sentry integrations are exported to both Sentry and OTLP.
-# - sentry-trace / baggage propagation to outbound remote requests is disabled
-#   by default while OTel is enabled. Set propagateTraceToRemote: true only if
-#   you intentionally want Sentry trace propagation for your deployment.
-
-#otelForBackend:
-#  endpoint: 'http://localhost:4318/v1/traces'
-#  #headers:
-#  #  authorization: 'Bearer xxxxx'
-#  #sampleRate: 1.0
-#  # Record PostgreSQL query spans. Disabled by default to avoid instrumentation
-#  # overhead when database-level diagnostics are not needed.
-#  #capturePgSpans: false
-#  # Include raw SQL text in PostgreSQL spans. Requires capturePgSpans and is
-#  # disabled by default because non-parameterized queries can expose values to
-#  # the OTLP Collector.
-#  #capturePgStatement: false
-#  # Include PostgreSQL connection-pool spans with an existing parent span.
-#  # Requires capturePgSpans and is disabled by default to avoid noisy spans
-#  # from connection churn.
-#  #capturePgConnectionSpans: false
-#  # Record Redis command spans. Disabled by default because subscribing to the
-#  # ioredis diagnostics channel adds work to every Redis command, including
-#  # commands without a parent span. Enable for development diagnostics or when
-#  # the added overhead is acceptable in production.
-#  #captureRedisCommandSpans: false
-#  # Include Redis startup/reconnect spans. Disabled by default to avoid noisy
-#  # connection churn; these spans are recorded even without an HTTP or job
-#  # parent span.
-#  #captureRedisConnectionSpans: false
-#  # Record Redis commands without an HTTP or job parent span. Disabled by
-#  # default because queue polling and background work can produce many root
-#  # traces; only applies when captureRedisCommandSpans is enabled.
-#  #captureRedisRootSpans: false
-#  #resourceAttributes:
-#  #  deployment.environment: 'production'
-#  #propagateTraceToRemote: false
-#  # Queue worker spans are independent traces linked to their enqueuer by default.
-#  # Set to 'parent' to make them child spans instead. This can create very large
-#  # traces for high-fan-out queues such as federation delivery.
-#  #jobTraceContextMode: 'link'
 
 #sentryForFrontend:
 #  vueIntegration:
@@ -463,8 +383,9 @@ proxyBypassHosts:
 # For security reasons, uploading attachments from the intranet is prohibited,
 # but exceptions can be made from the following settings. Default value is "undefined".
 # Read changelog to learn more (Improvements of 12.90.0 (2021/09/04)).
-#allowedPrivateNetworks:
-#  - '127.0.0.1/32'
+#allowedPrivateNetworks: [
+#  '127.0.0.1/32'
+#]
 
 # Upload or download file size limits (bytes)
 #maxFileSize: 262144000
@@ -474,29 +395,6 @@ proxyBypassHosts:
 
 # Log settings
 # logging:
-#   # Log output format. "json" outputs one-line JSON; defaults to "pretty".
-#   format: pretty
-#   # Minimum level for all loggers. Defaults to info in production and debug otherwise.
-#   level: info
-#   # The longest matching logger domain takes precedence over the global level.
-#   domains:
-#     core.boot: info
-#     queue: error
-#     queue.deliver: debug
-#     db.sql: off
-#   # HTTP status classes to record in the access log. No output when unspecified.
-#   access:
-#     statusClasses:
-#       - '2xx'
-#       - '3xx'
-#       - '4xx'
-#       - '5xx'
-#     # Enable body logging explicitly only during development.
-#     bodies:
-#       request: false
-#       response: false
-#       # 16 KiB by default, up to 128 KiB.
-#       maxBytes: 16384
 #   sql:
 #     # Outputs query parameters during SQL execution to the log.
 #     # default: false

.devcontainer/devcontainer.json

@@ -5,7 +5,7 @@
 	"workspaceFolder": "/workspace",
 	"features": {
 		"ghcr.io/devcontainers/features/node:1": {
-			"version": "22.23.1"
+			"version": "22.15.0"
 		},
 		"ghcr.io/devcontainers-extra/features/pnpm:2": {
 			"version": "10.10.0"

.devcontainer/devcontainer.yml

@@ -205,8 +205,9 @@ proxyBypassHosts:
 # Media Proxy
 #mediaProxy: https://example.com/proxy
 
-allowedPrivateNetworks:
- - '127.0.0.1/32'
+allowedPrivateNetworks: [
+  '127.0.0.1/32'
+]
 
 # Upload or download file size limits (bytes)
 #maxFileSize: 262144000

.devcontainer/init.sh

@@ -12,4 +12,4 @@ pnpm install --frozen-lockfile
 cp .devcontainer/devcontainer.yml .config/default.yml
 pnpm build
 pnpm migrate
-pnpm --filter frontend exec playwright install --with-deps chromium
+pnpm exec cypress install

.github/labeler.yml

@@ -16,7 +16,7 @@
 'packages/frontend:test':
 - any:
   - changed-files:
-    - any-glob-to-any-file: ['packages/frontend/test/**/*']
+    - any-glob-to-any-file: ['cypress/**/*']
 
 'packages/sw':
 - any:

.github/min.node-version

@@ -1 +1 @@
-22.22.2
+22.15.0

.github/scripts/backend-js-footprint-loader.mjs

@@ -0,0 +1,46 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import { appendFileSync, statSync } from 'node:fs';
+import { extname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const traceFile = process.env.MK_BACKEND_JS_FOOTPRINT_TRACE;
+const jsExtensions = new Set(['.js', '.mjs', '.cjs']);
+
+function recordLoadedFile(kind, url, format) {
+	if (traceFile == null || !url.startsWith('file:')) return;
+
+	let filePath;
+	try {
+		filePath = fileURLToPath(url);
+	} catch {
+		return;
+	}
+
+	const extension = extname(filePath);
+	if (!jsExtensions.has(extension)) return;
+
+	let size = null;
+	try {
+		size = statSync(filePath).size;
+	} catch {
+		return;
+	}
+
+	appendFileSync(traceFile, `${JSON.stringify({
+		kind,
+		format,
+		path: filePath,
+		size,
+		timestamp: Date.now(),
+	})}\n`);
+}
+
+export async function load(url, context, nextLoad) {
+	const result = await nextLoad(url, context);
+	recordLoadedFile('esm', url, result.format ?? context.format ?? null);
+	return result;
+}

.github/scripts/backend-js-footprint-require.cjs

@@ -0,0 +1,46 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+'use strict';
+
+const { appendFileSync, statSync } = require('node:fs');
+const Module = require('node:module');
+const { extname } = require('node:path');
+
+const traceFile = process.env.MK_BACKEND_JS_FOOTPRINT_TRACE;
+const jsExtensions = new Set(['.js', '.mjs', '.cjs']);
+
+function recordLoadedFile(kind, filePath, request) {
+	if (traceFile == null || typeof filePath !== 'string') return;
+
+	const extension = extname(filePath);
+	if (!jsExtensions.has(extension) && extension !== '.node') return;
+
+	let size = null;
+	try {
+		size = statSync(filePath).size;
+	} catch {
+		return;
+	}
+
+	appendFileSync(traceFile, `${JSON.stringify({
+		kind,
+		format: extension === '.node' ? 'native' : 'commonjs',
+		path: filePath,
+		request,
+		size,
+		timestamp: Date.now(),
+	})}\n`);
+}
+
+const originalLoad = Module._load;
+const originalResolveFilename = Module._resolveFilename;
+
+Module._load = function load(request, parent, isMain) {
+	const resolved = originalResolveFilename.call(this, request, parent, isMain);
+	const result = originalLoad.apply(this, arguments);
+	recordLoadedFile('cjs', resolved, request);
+	return result;
+};

.github/scripts/backend-js-footprint.mjs

@@ -0,0 +1,473 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import { fork, spawn } from 'node:child_process';
+import { createRequire } from 'node:module';
+import { cpus, tmpdir } from 'node:os';
+import { dirname, extname, join, relative, resolve, sep } from 'node:path';
+import { setTimeout } from 'node:timers/promises';
+import { fileURLToPath, pathToFileURL } from 'node:url';
+import { gzipSync } from 'node:zlib';
+import * as fs from 'node:fs/promises';
+import * as fsSync from 'node:fs';
+import * as http from 'node:http';
+import * as util from './utility.mts';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const [repoDirArg, outputFileArg] = process.argv.slice(2);
+
+const STARTUP_TIMEOUT = util.readIntegerEnv('MK_JS_FOOTPRINT_STARTUP_TIMEOUT_MS', 120000, 1);
+const SETTLE_TIME = util.readIntegerEnv('MK_JS_FOOTPRINT_SETTLE_TIME_MS', 10000, 0);
+const REQUEST_COUNT = util.readIntegerEnv('MK_JS_FOOTPRINT_REQUEST_COUNT', 10, 0);
+
+const repoDir = resolve(repoDirArg);
+const outputFile = resolve(outputFileArg);
+const backendDir = join(repoDir, 'packages/backend');
+const backendBuiltDir = join(backendDir, 'built');
+const traceFile = join(tmpdir(), `misskey-backend-js-footprint-${process.pid}-${Date.now()}.jsonl`);
+const require = createRequire(join(repoDir, 'package.json'));
+const ts = require('typescript');
+const jsExtensions = new Set(['.js', '.mjs', '.cjs']);
+const fileMetricCache = new Map();
+const packageInfoCache = new Map();
+const nativePackageNames = new Set();
+
+function isInside(parent, child) {
+	const rel = relative(parent, child);
+	return rel === '' || (!rel.startsWith('..') && !rel.includes(`..${sep}`));
+}
+
+function bytesToKiB(value) {
+	return Math.round(value / 1024);
+}
+
+async function resetState() {
+	const backendRequire = createRequire(join(backendDir, 'package.json'));
+	const pg = backendRequire('pg');
+	const Redis = backendRequire('ioredis');
+
+	const postgres = new pg.Client({
+		host: '127.0.0.1',
+		port: 54312,
+		database: 'postgres',
+		user: 'postgres',
+	});
+
+	await postgres.connect();
+	try {
+		await postgres.query('DROP DATABASE IF EXISTS "test-misskey" WITH (FORCE)');
+		await postgres.query('CREATE DATABASE "test-misskey"');
+	} finally {
+		await postgres.end();
+	}
+
+	const redis = new Redis({ host: '127.0.0.1', port: 56312 });
+	try {
+		await redis.flushall();
+	} finally {
+		redis.disconnect();
+	}
+}
+
+function createRequest() {
+	return new Promise((resolvePromise, reject) => {
+		const req = http.request({
+			host: 'localhost',
+			port: 61812,
+			path: '/api/meta',
+			method: 'POST',
+		}, res => {
+			res.on('data', () => { });
+			res.on('end', () => resolvePromise());
+		});
+		req.on('error', reject);
+		req.end();
+	});
+}
+
+async function waitForServerReady(serverProcess) {
+	let serverReady = false;
+	serverProcess.on('message', message => {
+		if (message === 'ok') serverReady = true;
+	});
+
+	const startupStartTime = Date.now();
+	while (!serverReady) {
+		if (Date.now() - startupStartTime > STARTUP_TIMEOUT) {
+			serverProcess.kill('SIGTERM');
+			throw new Error('Server startup timeout');
+		}
+		await setTimeout(100);
+	}
+}
+
+async function stopServer(serverProcess) {
+	serverProcess.kill('SIGTERM');
+
+	let exited = false;
+	await new Promise(resolvePromise => {
+		serverProcess.on('exit', () => {
+			exited = true;
+			resolvePromise(undefined);
+		});
+
+		setTimeout(10000).then(() => {
+			if (!exited) serverProcess.kill('SIGKILL');
+			resolvePromise(undefined);
+		});
+	});
+}
+
+function getPackageNameFromPath(filePath) {
+	const normalized = util.normalizePath(filePath);
+	const marker = '/node_modules/';
+	const index = normalized.lastIndexOf(marker);
+	if (index === -1) return null;
+
+	const rest = normalized.slice(index + marker.length).split('/');
+	if (rest[0] === '.pnpm') {
+		const nestedNodeModulesIndex = rest.indexOf('node_modules');
+		if (nestedNodeModulesIndex === -1) return null;
+		const packageParts = rest.slice(nestedNodeModulesIndex + 1);
+		if (packageParts.length === 0) return null;
+		return packageParts[0].startsWith('@') ? packageParts.slice(0, 2).join('/') : packageParts[0];
+	}
+
+	return rest[0]?.startsWith('@') ? rest.slice(0, 2).join('/') : rest[0] ?? null;
+}
+
+function findPackageDir(filePath, packageName) {
+	const normalizedPackageName = packageName.split('/').join(sep);
+	let current = dirname(filePath);
+
+	while (current !== dirname(current)) {
+		if (current.endsWith(`${sep}${normalizedPackageName}`) && fsSync.existsSync(join(current, 'package.json'))) {
+			return current;
+		}
+
+		const parent = dirname(current);
+		if (parent === current) break;
+		current = parent;
+	}
+
+	return null;
+}
+
+function readPackageInfo(filePath) {
+	const externalPackageName = getPackageNameFromPath(filePath);
+	if (externalPackageName != null) {
+		const packageDir = findPackageDir(filePath, externalPackageName);
+		const cacheKey = packageDir ?? externalPackageName;
+		if (packageInfoCache.has(cacheKey)) return packageInfoCache.get(cacheKey);
+
+		let version = null;
+		if (packageDir != null) {
+			try {
+				const packageJson = JSON.parse(fsSync.readFileSync(join(packageDir, 'package.json'), 'utf8'));
+				version = typeof packageJson.version === 'string' ? packageJson.version : null;
+			} catch { }
+		}
+
+		const info = {
+			category: 'external',
+			name: externalPackageName,
+			version,
+			dir: packageDir,
+		};
+		packageInfoCache.set(cacheKey, info);
+		return info;
+	}
+
+	if (isInside(backendBuiltDir, filePath)) {
+		return {
+			category: 'internal',
+			name: 'backend',
+			version: null,
+			dir: backendDir,
+		};
+	}
+
+	return {
+		category: 'internal',
+		name: 'workspace',
+		version: null,
+		dir: repoDir,
+	};
+}
+
+function analyzeSource(filePath, source) {
+	const sourceFile = ts.createSourceFile(filePath, source, ts.ScriptTarget.Latest, true, ts.ScriptKind.JS);
+	const metrics = {
+		astNodeCount: 0,
+		functionCount: 0,
+		classCount: 0,
+		stringLiteralBytes: 0,
+	};
+
+	function visit(node) {
+		metrics.astNodeCount += 1;
+
+		if (
+			ts.isFunctionDeclaration(node) ||
+			ts.isFunctionExpression(node) ||
+			ts.isArrowFunction(node) ||
+			ts.isMethodDeclaration(node) ||
+			ts.isConstructorDeclaration(node) ||
+			ts.isGetAccessorDeclaration(node) ||
+			ts.isSetAccessorDeclaration(node)
+		) {
+			metrics.functionCount += 1;
+		} else if (ts.isClassDeclaration(node) || ts.isClassExpression(node)) {
+			metrics.classCount += 1;
+		} else if (ts.isStringLiteral(node) || ts.isNoSubstitutionTemplateLiteral(node)) {
+			metrics.stringLiteralBytes += Buffer.byteLength(node.text);
+		}
+
+		ts.forEachChild(node, visit);
+	}
+
+	visit(sourceFile);
+	return metrics;
+}
+
+function readFileMetrics(filePath) {
+	if (fileMetricCache.has(filePath)) return fileMetricCache.get(filePath);
+
+	const source = fsSync.readFileSync(filePath);
+	const sourceText = source.toString('utf8');
+	const astMetrics = analyzeSource(filePath, sourceText);
+	const packageInfo = readPackageInfo(filePath);
+	const metric = {
+		path: filePath,
+		displayPath: util.normalizePath(relative(repoDir, filePath)),
+		sourceBytes: source.byteLength,
+		gzipBytes: gzipSync(source).byteLength,
+		...astMetrics,
+		package: packageInfo,
+	};
+
+	fileMetricCache.set(filePath, metric);
+	return metric;
+}
+
+async function readTraceRecords() {
+	let content = '';
+	try {
+		content = await fs.readFile(traceFile, 'utf8');
+	} catch (err) {
+		if (err.code === 'ENOENT') return [];
+		throw err;
+	}
+
+	const records = [];
+	for (const line of content.split('\n')) {
+		if (line.trim() === '') continue;
+		try {
+			records.push(JSON.parse(line));
+		} catch { }
+	}
+	return records;
+}
+
+function emptyTotals() {
+	return {
+		loadedJsModules: 0,
+		loadedJsSourceBytes: 0,
+		loadedJsGzipBytes: 0,
+		astNodeCount: 0,
+		functionCount: 0,
+		classCount: 0,
+		stringLiteralBytes: 0,
+		externalPackageCount: 0,
+		nativeAddonPackageCount: 0,
+	};
+}
+
+function addFileMetrics(target, metric) {
+	target.loadedJsModules += 1;
+	target.loadedJsSourceBytes += metric.sourceBytes;
+	target.loadedJsGzipBytes += metric.gzipBytes;
+	target.astNodeCount += metric.astNodeCount;
+	target.functionCount += metric.functionCount;
+	target.classCount += metric.classCount;
+	target.stringLiteralBytes += metric.stringLiteralBytes;
+}
+
+function summarizeRecords(records, phase) {
+	const jsPaths = new Set();
+	const nativePaths = new Set();
+
+	for (const record of records) {
+		if (typeof record.path !== 'string') continue;
+
+		const extension = extname(record.path);
+		if (jsExtensions.has(extension)) {
+			jsPaths.add(resolve(record.path));
+		} else if (extension === '.node') {
+			nativePaths.add(resolve(record.path));
+		}
+	}
+
+	for (const nativePath of nativePaths) {
+		const packageInfo = readPackageInfo(nativePath);
+		if (packageInfo.category === 'external') nativePackageNames.add(packageInfo.name);
+	}
+
+	const totals = emptyTotals();
+	const packages = new Map();
+	const modules = [];
+
+	for (const filePath of [...jsPaths].toSorted()) {
+		let metric;
+		try {
+			metric = readFileMetrics(filePath);
+		} catch (err) {
+			process.stderr.write(`Failed to analyze ${filePath}: ${err.message}\n`);
+			continue;
+		}
+
+		addFileMetrics(totals, metric);
+
+		const packageKey = metric.package.name;
+		if (!packages.has(packageKey)) {
+			packages.set(packageKey, {
+				name: metric.package.name,
+				version: metric.package.version,
+				category: metric.package.category,
+				sourceBytes: 0,
+				gzipBytes: 0,
+				modules: 0,
+				astNodeCount: 0,
+				functionCount: 0,
+				classCount: 0,
+				stringLiteralBytes: 0,
+				nativeAddon: false,
+			});
+		}
+
+		const packageSummary = packages.get(packageKey);
+		packageSummary.sourceBytes += metric.sourceBytes;
+		packageSummary.gzipBytes += metric.gzipBytes;
+		packageSummary.modules += 1;
+		packageSummary.astNodeCount += metric.astNodeCount;
+		packageSummary.functionCount += metric.functionCount;
+		packageSummary.classCount += metric.classCount;
+		packageSummary.stringLiteralBytes += metric.stringLiteralBytes;
+
+		modules.push({
+			path: metric.displayPath,
+			package: metric.package.name,
+			category: metric.package.category,
+			sourceBytes: metric.sourceBytes,
+			gzipBytes: metric.gzipBytes,
+			astNodeCount: metric.astNodeCount,
+			functionCount: metric.functionCount,
+			classCount: metric.classCount,
+			stringLiteralBytes: metric.stringLiteralBytes,
+		});
+	}
+
+	for (const packageName of nativePackageNames) {
+		const packageSummary = packages.get(packageName);
+		if (packageSummary != null) packageSummary.nativeAddon = true;
+	}
+
+	const externalPackages = [...packages.values()].filter(packageSummary => packageSummary.category === 'external');
+	totals.externalPackageCount = externalPackages.length;
+	totals.nativeAddonPackageCount = externalPackages.filter(packageSummary => packageSummary.nativeAddon).length;
+
+	return {
+		totals: {
+			...totals,
+			loadedJsSourceKiB: bytesToKiB(totals.loadedJsSourceBytes),
+			loadedJsGzipKiB: bytesToKiB(totals.loadedJsGzipBytes),
+			stringLiteralKiB: bytesToKiB(totals.stringLiteralBytes),
+		},
+		packages: [...packages.values()].toSorted((a, b) => b.sourceBytes - a.sourceBytes),
+		modules: modules.toSorted((a, b) => b.sourceBytes - a.sourceBytes),
+	};
+}
+
+async function measureFootprint() {
+	await fs.writeFile(traceFile, '');
+
+	process.stderr.write('Resetting database and Redis\n');
+	await resetState();
+
+	process.stderr.write('Running migrations\n');
+	await util.run('pnpm', ['--filter', 'backend', 'migrate'], {
+		cwd: repoDir,
+		env: process.env,
+		logStdout: true,
+	});
+
+	const serverProcess = fork(join(backendBuiltDir, 'entry.js'), [], {
+		cwd: backendDir,
+		env: {
+			...process.env,
+			NODE_ENV: 'production',
+			MK_DISABLE_CLUSTERING: '1',
+			MK_ONLY_SERVER: '1',
+			MK_NO_DAEMONS: '1',
+			MK_BACKEND_JS_FOOTPRINT_TRACE: traceFile,
+		},
+		stdio: ['pipe', 'pipe', 'pipe', 'ipc'],
+		execArgv: [
+			'--require',
+			join(__dirname, 'backend-js-footprint-require.cjs'),
+			'--experimental-loader',
+			pathToFileURL(join(__dirname, 'backend-js-footprint-loader.mjs')).href,
+		],
+	});
+
+	serverProcess.stdout?.on('data', data => {
+		process.stderr.write(`[server stdout] ${data}`);
+	});
+
+	serverProcess.stderr?.on('data', data => {
+		process.stderr.write(`[server stderr] ${data}`);
+	});
+
+	serverProcess.on('error', err => {
+		process.stderr.write(`[server error] ${err}\n`);
+	});
+
+	try {
+		await waitForServerReady(serverProcess);
+		await setTimeout(SETTLE_TIME);
+
+		//const startup = summarizeRecords(await readTraceRecords(), 'startup');
+
+		await Promise.all(
+			Array.from({ length: REQUEST_COUNT }).map(() => createRequest()),
+		);
+		await setTimeout(1000);
+
+		const afterRequest = summarizeRecords(await readTraceRecords(), 'afterRequest');
+
+		return {
+			timestamp: new Date().toISOString(),
+			measurement: {
+				strategy: 'runtime-loader-trace',
+				startupTimeoutMs: STARTUP_TIMEOUT,
+				settleTimeMs: SETTLE_TIME,
+				requestCount: REQUEST_COUNT,
+				cpus: cpus().length,
+			},
+			phases: {
+				//startup,
+				afterRequest,
+			},
+		};
+	} finally {
+		await stopServer(serverProcess);
+		await fs.rm(traceFile, { force: true });
+	}
+}
+
+const result = await measureFootprint();
+await fs.writeFile(outputFile, `${JSON.stringify(result, null, 2)}\n`);

.github/scripts/backend-memory-report.mts

@@ -0,0 +1,429 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import { readFile, writeFile } from 'node:fs/promises';
+import * as util from './utility.mts';
+import * as heapSnapshotUtil from './heap-snapshot-util.mts';
+import type { MemoryReport } from './measure-backend-memory-comparison.mts';
+
+const [baseFile, headFile, outputFile, baseJsFootprintFile, headJsFootprintFile] = process.argv.slice(2);
+
+type RuntimeLoadedJsFootprintReport = {
+	phases: Record<'afterRequest', {
+		totals: {
+			loadedJsModules: number;
+			loadedJsSourceBytes: number;
+			loadedJsGzipBytes: number;
+			astNodeCount: number;
+			functionCount: number;
+			classCount: number;
+			stringLiteralBytes: number;
+			externalPackageCount: number;
+			nativeAddonPackageCount: number;
+		};
+		modules: {
+			path: string;
+			package: string;
+			category: string;
+			sourceBytes: number;
+			gzipBytes: number;
+			astNodeCount: number;
+			functionCount: number;
+			classCount: number;
+			stringLiteralBytes: number;
+		}[];
+	}>;
+};
+
+const memoryReportPhases = [
+	{
+		key: 'afterGc',
+		title: 'After GC',
+	},
+] as const;
+
+const metrics = [
+	'HeapUsed',
+	'Pss',
+	'Private_Dirty',
+	'VmRSS',
+	'External',
+] as const;
+
+function formatMemoryMb(valueKiB: number | null | undefined) {
+	if (valueKiB == null) return '-';
+	return `${util.formatNumber(valueKiB / 1024)} MB`;
+}
+
+function getMemoryValue(report: MemoryReport, phase: typeof memoryReportPhases[number]['key'], metric: typeof metrics[number]) {
+	return report.summary[phase].memoryUsage[metric];
+}
+
+function getMemoryValueFromSample(sample: MemoryReport['samples'][number], phase: typeof memoryReportPhases[number]['key'], metric: typeof metrics[number]) {
+	return sample.phases[phase].memoryUsage[metric];
+}
+
+function getSampleSpread(report: MemoryReport, phase: typeof memoryReportPhases[number]['key'], metric: typeof metrics[number]) {
+	const values = report.samples.map(sample => getMemoryValueFromSample(sample, phase, metric));
+	if (values.length < 2) return null;
+
+	const center = util.median(values);
+	return util.median(values.map(value => Math.abs(value - center)));
+}
+
+function renderMainTableForPhase(base: MemoryReport, head: MemoryReport, phase: typeof memoryReportPhases[number]['key']) {
+	const lines = [
+		'| Metric | Base | Head | Δ median | Δ MAD | Δ min | Δ max |',
+		'| --- | ---: | ---: | ---: | ---: | ---: | ---: |',
+	];
+
+	function formatDeltaMemory(diffKiB: number) {
+		return util.formatColoredDelta(formatMemoryMb(Math.abs(diffKiB)), diffKiB);
+	}
+
+	for (const metric of metrics) {
+		const baseValue = getMemoryValue(base, phase, metric);
+		const headValue = getMemoryValue(head, phase, metric);
+
+		const baseSpread = getSampleSpread(base, phase, metric);
+		const headSpread = getSampleSpread(head, phase, metric);
+		const summary = util.pairedDeltaSummary(base.samples, head.samples, (sample) => getMemoryValueFromSample(sample, phase, metric));
+		const percent = summary.median * 100 / baseValue;
+		const deltaMedian = summary == null ? '-' : `${formatDeltaMemory(summary.median)}<br>${util.formatDeltaPercent(percent).replaceAll('\\%', '\\\\%')}`;
+
+		lines.push(`| **${metric}** | ${formatMemoryMb(baseValue)} <br> ± ${formatMemoryMb(baseSpread)} | ${formatMemoryMb(headValue)} <br> ± ${formatMemoryMb(headSpread)} | ${deltaMedian} | ${summary?.mad == null ? '-' : formatMemoryMb(summary.mad)} | ${summary == null ? '-' : formatDeltaMemory(summary.min)} | ${summary == null ? '-' : formatDeltaMemory(summary.max)} |`);
+	}
+
+	return lines.join('\n');
+}
+
+/*
+function measurementSummary(base, head) {
+	const baseCount = base?.sampleCount;
+	const headCount = head?.sampleCount;
+	const strategy = base?.comparison?.strategy;
+	if (baseCount == null || headCount == null) return null;
+
+	if (strategy === 'interleaved-pairs') {
+		const rounds = base?.comparison?.rounds ?? baseCount;
+		const warmupRounds = base?.comparison?.warmupRounds ?? 0;
+		return `_Measured as ${rounds} interleaved base/head pairs after ${warmupRounds} warmup pair(s). Values are medians; ± is median absolute deviation._`;
+	}
+
+	return `_Sample count: base ${baseCount}, head ${headCount}. Values are medians; ± is median absolute deviation._`;
+}
+*/
+
+function renderHeapSnapshotSection(base: MemoryReport, head: MemoryReport) {
+	const baseHeapSnapshotReport = {
+		summary: base.summary.afterGc.heapSnapshot!,
+		samples: base.samples.map(sample => ({
+			round: sample.round,
+			data: sample.phases.afterGc.heapSnapshot!,
+		})),
+	};
+
+	const headHeapSnapshotReport = {
+		summary: head.summary.afterGc.heapSnapshot!,
+		samples: head.samples.map(sample => ({
+			round: sample.round,
+			data: sample.phases.afterGc.heapSnapshot!,
+		})),
+	};
+
+	const table = heapSnapshotUtil.renderHeapSnapshotTable(baseHeapSnapshotReport, headHeapSnapshotReport);
+	if (table == null) return null;
+
+	const lines = [
+		'### V8 Heap Snapshot Statistics',
+		'',
+		table,
+		'',
+	];
+
+	for (const graph of [
+		//heapSnapshotUtil.renderHeapSnapshotSankey(baseHeapSnapshotReport, 'Base'),
+		heapSnapshotUtil.renderHeapSnapshotSankey(headHeapSnapshotReport, 'Head'),
+	]) {
+		if (graph == null) continue;
+		lines.push(graph);
+		lines.push('');
+	}
+
+	return lines.join('\n');
+}
+
+function getJsFootprintValue(report: RuntimeLoadedJsFootprintReport, phase: 'afterRequest', key: keyof RuntimeLoadedJsFootprintReport['phases'][typeof phase]['totals']) {
+	const value = report.phases[phase].totals[key];
+	return Number.isFinite(value) ? value : null;
+}
+
+function renderJsFootprintMetricTable(base: RuntimeLoadedJsFootprintReport, head: RuntimeLoadedJsFootprintReport) {
+	const metricRows = [
+		['Loaded JS modules', 'loadedJsModules', util.formatNumber],
+		['Loaded JS source', 'loadedJsSourceBytes', util.formatBytes],
+		//['Loaded JS gzip estimate', 'loadedJsGzipBytes', util.formatBytes],
+		//['AST nodes', 'astNodeCount', util.formatNumber],
+		//['Functions', 'functionCount', util.formatNumber],
+		//['Classes', 'classCount', util.formatNumber],
+		//['String literals', 'stringLiteralBytes', util.formatBytes],
+		['External packages loaded', 'externalPackageCount', util.formatNumber],
+		['Native addon packages', 'nativeAddonPackageCount', util.formatNumber],
+	] as const;
+
+	const lines = [
+		'| Metric | Base | Head | Δ | Δ (%) |',
+		'| --- | ---: | ---: | ---: | ---: |',
+	];
+
+	for (const [title, key, formatter] of metricRows) {
+		const baseValue = getJsFootprintValue(base, 'afterRequest', key);
+		const headValue = getJsFootprintValue(head, 'afterRequest', key);
+		if (baseValue == null || headValue == null) continue;
+
+		lines.push(`| **${title}** | ${formatter(baseValue)} | ${formatter(headValue)} | ${util.formatColoredDelta(formatter(headValue - baseValue), headValue - baseValue)} | ${util.calcAndFormatDeltaPercent(baseValue, headValue).replaceAll('\\%', '\\\\%')} |`);
+	}
+
+	return lines.join('\n');
+}
+
+/*
+function renderJsFootprintPhaseTable(base, head) {
+	const lines = [
+		'| Phase | Base modules | Head modules | Δ modules | Base source | Head source | Δ source |',
+		'| --- | ---: | ---: | ---: | ---: | ---: | ---: |',
+	];
+
+	for (const [phase, title] of [['startup', 'Startup'], ['afterRequest', 'After warmup requests']]) {
+		const baseModules = getJsFootprintValue(base, phase, 'loadedJsModules');
+		const headModules = getJsFootprintValue(head, phase, 'loadedJsModules');
+		const baseSource = getJsFootprintValue(base, phase, 'loadedJsSourceBytes');
+		const headSource = getJsFootprintValue(head, phase, 'loadedJsSourceBytes');
+		if (baseModules == null || headModules == null || baseSource == null || headSource == null) continue;
+
+		lines.push(`| ${title} | ${util.formatNumber(baseModules)} | ${util.formatNumber(headModules)} | ${formatPlainDelta(baseModules, headModules)} | ${util.formatBytes(baseSource)} | ${util.formatBytes(headSource)} | ${formatPlainDelta(baseSource, headSource, util.formatBytes)} |`);
+	}
+
+	return lines.join('\n');
+}
+*/
+
+function packageMap(report: RuntimeLoadedJsFootprintReport) {
+	const map = new Map();
+	for (const packageSummary of report.phases.afterRequest.packages) {
+		if (packageSummary?.category !== 'external' || typeof packageSummary.name !== 'string') continue;
+		map.set(packageSummary.name, packageSummary);
+	}
+	return map;
+}
+
+function packageDisplayName(packageSummary: { name: string; version?: string | null }) {
+	if (packageSummary.version == null) return packageSummary.name;
+	return `${packageSummary.name} ${packageSummary.version}`;
+}
+
+function renderNewExternalPackages(base: RuntimeLoadedJsFootprintReport, head: RuntimeLoadedJsFootprintReport) {
+	const basePackages = packageMap(base);
+	const headPackages = packageMap(head);
+	const newPackages = [...headPackages.values()]
+		.filter(packageSummary => !basePackages.has(packageSummary.name))
+		.toSorted((a, b) => b.sourceBytes - a.sourceBytes)
+		.slice(0, 10);
+
+	if (newPackages.length === 0) return null;
+
+	const lines = [
+		'#### Newly Loaded External Packages',
+		'',
+		'| Package | Loaded JS | Modules | Notes |',
+		'| --- | ---: | ---: | --- |',
+	];
+
+	for (const packageSummary of newPackages) {
+		lines.push(`| ${packageDisplayName(packageSummary)} | ${util.formatBytes(packageSummary.sourceBytes)} | ${util.formatNumber(packageSummary.modules)} | ${packageSummary.nativeAddon ? 'native addon' : ''} |`);
+	}
+
+	return lines.join('\n');
+}
+
+function renderLargestPackageIncreases(base: RuntimeLoadedJsFootprintReport, head: RuntimeLoadedJsFootprintReport) {
+	const basePackages = packageMap(base);
+	const headPackages = packageMap(head);
+	const increases = [...headPackages.values()]
+		.map(headPackage => {
+			const basePackage = basePackages.get(headPackage.name);
+			const baseSourceBytes = basePackage?.sourceBytes ?? 0;
+			const baseModules = basePackage?.modules ?? 0;
+			return {
+				...headPackage,
+				baseSourceBytes,
+				baseModules,
+				sourceDiff: headPackage.sourceBytes - baseSourceBytes,
+				moduleDiff: headPackage.modules - baseModules,
+			};
+		})
+		.filter(packageSummary => packageSummary.sourceDiff > 0)
+		.toSorted((a, b) => b.sourceDiff - a.sourceDiff)
+		.slice(0, 10);
+
+	if (increases.length === 0) return null;
+
+	const lines = [
+		'#### Largest Package Increases',
+		'',
+		'| Package | Base | Head | Δ | Modules Δ |',
+		'| --- | ---: | ---: | ---: | ---: |',
+	];
+
+	for (const packageSummary of increases) {
+		lines.push(`| ${packageDisplayName(packageSummary)} | ${util.formatBytes(packageSummary.baseSourceBytes)} | ${util.formatBytes(packageSummary.sourceBytes)} | ${util.formatColoredDelta(util.formatBytes(packageSummary.sourceBytes - packageSummary.baseSourceBytes), packageSummary.sourceBytes - packageSummary.baseSourceBytes)} | ${util.formatColoredDelta(util.formatNumber(packageSummary.modules - packageSummary.baseModules), packageSummary.modules - packageSummary.baseModules)} |`);
+	}
+
+	return lines.join('\n');
+}
+
+function renderNewLoadedModules(base: RuntimeLoadedJsFootprintReport, head: RuntimeLoadedJsFootprintReport) {
+	function moduleMap(report: RuntimeLoadedJsFootprintReport) {
+		const map = new Map();
+		for (const moduleSummary of report.phases.afterRequest.modules) {
+			if (typeof moduleSummary.path !== 'string') continue;
+			map.set(moduleSummary.path, moduleSummary);
+		}
+		return map;
+	}
+
+	const baseModules = moduleMap(base);
+	const headModules = moduleMap(head);
+	const newModules = [...headModules.values()]
+		.filter(moduleSummary => !baseModules.has(moduleSummary.path))
+		.toSorted((a, b) => b.sourceBytes - a.sourceBytes)
+		.slice(0, 10);
+
+	if (newModules.length === 0) return null;
+
+	const lines = [
+		'#### Largest Newly Loaded Modules',
+		'',
+		'| Module | Package | Loaded JS |',
+		'| --- | --- | ---: |',
+	];
+
+	for (const moduleSummary of newModules) {
+		lines.push(`| \`${moduleSummary.path}\` | ${moduleSummary.package} | ${util.formatBytes(moduleSummary.sourceBytes)} |`);
+	}
+
+	return lines.join('\n');
+}
+
+function renderJsFootprintSection(base: RuntimeLoadedJsFootprintReport, head: RuntimeLoadedJsFootprintReport) {
+	const lines = [
+		'### Runtime Loaded JS Footprint',
+		'',
+		'<details><summary>Click to show</summary>',
+		'',
+		renderJsFootprintMetricTable(base, head),
+		'',
+		//'#### Load Phase Breakdown',
+		//'',
+		//renderJsFootprintPhaseTable(base, head),
+		//'',
+	];
+
+	for (const block of [
+		renderNewExternalPackages(base, head),
+		renderLargestPackageIncreases(base, head),
+		renderNewLoadedModules(base, head),
+	]) {
+		if (block == null) continue;
+		lines.push(block);
+		lines.push('');
+	}
+
+	lines.push('</details>');
+	lines.push('');
+
+	return lines.join('\n');
+}
+
+const base = JSON.parse(await readFile(baseFile, 'utf8')) as MemoryReport;
+const head = JSON.parse(await readFile(headFile, 'utf8')) as MemoryReport;
+const baseJsFootprint = JSON.parse(await readFile(baseJsFootprintFile, 'utf8')) as RuntimeLoadedJsFootprintReport;
+const headJsFootprint = JSON.parse(await readFile(headJsFootprintFile, 'utf8')) as RuntimeLoadedJsFootprintReport;
+const lines = [
+	'## ⚙️ Backend Memory Usage Report',
+	'',
+];
+
+//const summary = measurementSummary(base, head);
+//if (summary != null) {
+//	lines.push(summary);
+//	lines.push('');
+//}
+
+for (const phase of memoryReportPhases) {
+	lines.push(`### ${phase.title}`);
+	lines.push(renderMainTableForPhase(base, head, phase.key));
+	lines.push('');
+}
+
+const heapSnapshotSection = renderHeapSnapshotSection(base, head);
+if (heapSnapshotSection != null) {
+	lines.push(heapSnapshotSection);
+	lines.push('');
+}
+
+const artifactUrl = process.env.MK_MEMORY_HEAP_SNAPSHOT_ARTIFACT_URL_HEAD!.trim();
+lines.push(`[Download representative V8 heap snapshot (head)](${artifactUrl})`);
+lines.push('');
+
+const jsFootprintSection = renderJsFootprintSection(baseJsFootprint, headJsFootprint);
+if (jsFootprintSection != null) {
+	lines.push(jsFootprintSection);
+	lines.push('');
+}
+
+function getWarningMetric(base: MemoryReport, head: MemoryReport) {
+	for (const metric of ['Pss', 'Private_Dirty', 'VmRSS'] as const) {
+		if (getMemoryValue(base, 'afterGc', metric) != null && getMemoryValue(head, 'afterGc', metric) != null) {
+			return metric;
+		}
+	}
+	return null;
+}
+
+function getDiffPercent(base: MemoryReport, head: MemoryReport, phase: typeof memoryReportPhases[number]['key'], metric: typeof metrics[number]) {
+	const baseValue = getMemoryValue(base, phase, metric);
+	const headValue = getMemoryValue(head, phase, metric);
+	if (baseValue == null || headValue == null || baseValue <= 0) return null;
+
+	return ((headValue - baseValue) * 100) / baseValue;
+}
+
+function isBeyondSampleNoise(base: MemoryReport, head: MemoryReport, phase: typeof memoryReportPhases[number]['key'], metric: typeof metrics[number]) {
+	const baseValue = getMemoryValue(base, phase, metric);
+	const headValue = getMemoryValue(head, phase, metric);
+	if (baseValue == null || headValue == null) return false;
+
+	const diff = headValue - baseValue;
+	if (diff <= 0) return false;
+
+	const baseSpread = getSampleSpread(base, phase, metric);
+	const headSpread = getSampleSpread(head, phase, metric);
+	if (baseSpread == null || headSpread == null) return true;
+
+	const combinedSpread = Math.hypot(baseSpread, headSpread);
+	return diff > combinedSpread * 3;
+}
+
+const warningMetric = getWarningMetric(base, head);
+const warningDiffPercent = warningMetric == null ? null : getDiffPercent(base, head, 'afterGc', warningMetric);
+if (warningMetric != null && warningDiffPercent != null && warningDiffPercent > 5 && isBeyondSampleNoise(base, head, 'afterGc', warningMetric)) {
+	lines.push(`⚠️ **Warning**: Memory usage (${warningMetric}) has increased by more than 5% and exceeds the observed sample noise. Please verify this is not an unintended change.`);
+	lines.push('');
+}
+
+//lines.push(`[See workflow logs for details](https://github.com/${process.env.GITHUB_REPOSITORY}/actions/runs/${process.env.GITHUB_RUN_ID})`);
+
+await writeFile(outputFile, `${lines.join('\n')}\n`);

.github/scripts/frontend-browser-report.mts

@@ -0,0 +1,271 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import * as util from './utility.mts';
+import * as heapSnapshotUtil from './heap-snapshot-util.mts';
+import type { HeapSnapshotData } from './heap-snapshot-util.mts';
+
+export type BrowserMeasurement = {
+	label: string;
+	timestamp: string;
+	url: string;
+	scenario: string;
+	durationMs: number;
+	network: {
+		requestCount: number;
+		finishedRequestCount: number;
+		failedRequestCount: number;
+		cachedRequestCount: number;
+		serviceWorkerRequestCount: number;
+		totalEncodedBytes: number;
+		totalDecodedBodyBytes: number;
+		sameOriginEncodedBytes: number;
+		thirdPartyEncodedBytes: number;
+		byResourceType: Record<string, {
+			requests: number;
+			encodedBytes: number;
+			decodedBodyBytes: number;
+		}>;
+		largestRequests: {
+			url: string;
+			method: string;
+			resourceType: string;
+			status?: number;
+			encodedBytes: number;
+			decodedBodyBytes: number;
+		}[];
+		failedRequests: {
+			url: string;
+			method: string;
+			resourceType: string;
+			errorText?: string;
+			status?: number;
+		}[];
+	};
+	performance: {
+		cdpMetrics: Record<string, number>;
+		runtimeHeap?: {
+			usedSize: number;
+			totalSize: number;
+		};
+		webVitals: {
+			firstPaintMs?: number;
+			firstContentfulPaintMs?: number;
+			domContentLoadedEventEndMs?: number;
+			loadEventEndMs?: number;
+			longTaskCount: number;
+			longTaskDurationMs: number;
+			maxLongTaskDurationMs: number;
+			resourceEntryCount: number;
+			domElements: number;
+		};
+	};
+	heapSnapshot: HeapSnapshotData;
+};
+
+function escapeCell(value: string) {
+	return String(value).replaceAll('|', '\\|').replaceAll('\n', '<br>');
+}
+
+function truncate(value: string, maxLength = 140) {
+	if (value.length <= maxLength) return value;
+	return `${value.slice(0, maxLength - 3)}...`;
+}
+
+function formatMs(value: number | null | undefined) {
+	if (value == null || !Number.isFinite(value)) return '-';
+	if (value >= 1_000) return `${util.formatNumber(value / 1_000)} s`;
+	return `${util.formatNumber(value)} ms`;
+}
+
+function formatSecondsAsMs(value: number | null | undefined) {
+	if (value == null || !Number.isFinite(value)) return '-';
+	return formatMs(value * 1_000);
+}
+
+function formatDelta(value: number, formatter: (value: number) => string) {
+	if (value === 0) return formatter(0);
+	return util.formatColoredDelta(formatter(Math.abs(value)), value);
+}
+
+function metricRow(label: string, baseValue: number | null | undefined, headValue: number | null | undefined, formatter: (value: number) => string) {
+	if (baseValue == null || headValue == null || !Number.isFinite(baseValue) || !Number.isFinite(headValue)) return null;
+	const delta = headValue - baseValue;
+	return `| **${label}** | ${formatter(baseValue)} | ${formatter(headValue)} | ${formatDelta(delta, formatter)} | ${util.calcAndFormatDeltaPercent(baseValue, headValue).replaceAll('\\%', '\\\\%')} |`;
+}
+
+function resourceTypeBytes(report: BrowserMeasurement, resourceTypes: string[]) {
+	return resourceTypes.reduce((sum, resourceType) => sum + (report.network.byResourceType[resourceType]?.encodedBytes ?? 0), 0);
+}
+
+function getMetric(report: BrowserMeasurement, key: string) {
+	return report.performance.cdpMetrics[key];
+}
+
+function renderSummaryTable(base: BrowserMeasurement, head: BrowserMeasurement) {
+	const rows = [
+		metricRow('Scenario duration', base.durationMs, head.durationMs, formatMs),
+		metricRow('Requests', base.network.requestCount, head.network.requestCount, util.formatNumber),
+		metricRow('Failed requests', base.network.failedRequestCount, head.network.failedRequestCount, util.formatNumber),
+		metricRow('Encoded network', base.network.totalEncodedBytes, head.network.totalEncodedBytes, util.formatBytes),
+		metricRow('Decoded body', base.network.totalDecodedBodyBytes, head.network.totalDecodedBodyBytes, util.formatBytes),
+		metricRow('Same-origin encoded', base.network.sameOriginEncodedBytes, head.network.sameOriginEncodedBytes, util.formatBytes),
+		metricRow('Third-party encoded', base.network.thirdPartyEncodedBytes, head.network.thirdPartyEncodedBytes, util.formatBytes),
+		metricRow('Script encoded', resourceTypeBytes(base, ['Script']), resourceTypeBytes(head, ['Script']), util.formatBytes),
+		metricRow('Stylesheet encoded', resourceTypeBytes(base, ['Stylesheet']), resourceTypeBytes(head, ['Stylesheet']), util.formatBytes),
+		metricRow('Fetch/XHR encoded', resourceTypeBytes(base, ['Fetch', 'XHR']), resourceTypeBytes(head, ['Fetch', 'XHR']), util.formatBytes),
+		metricRow('Image encoded', resourceTypeBytes(base, ['Image']), resourceTypeBytes(head, ['Image']), util.formatBytes),
+		metricRow('Font encoded', resourceTypeBytes(base, ['Font']), resourceTypeBytes(head, ['Font']), util.formatBytes),
+		metricRow('First contentful paint', base.performance.webVitals.firstContentfulPaintMs, head.performance.webVitals.firstContentfulPaintMs, formatMs),
+		metricRow('Load event end', base.performance.webVitals.loadEventEndMs, head.performance.webVitals.loadEventEndMs, formatMs),
+		metricRow('Long tasks', base.performance.webVitals.longTaskCount, head.performance.webVitals.longTaskCount, util.formatNumber),
+		metricRow('Long task duration', base.performance.webVitals.longTaskDurationMs, head.performance.webVitals.longTaskDurationMs, formatMs),
+		metricRow('Max long task', base.performance.webVitals.maxLongTaskDurationMs, head.performance.webVitals.maxLongTaskDurationMs, formatMs),
+		metricRow('JS heap used', base.performance.runtimeHeap?.usedSize ?? getMetric(base, 'JSHeapUsedSize'), head.performance.runtimeHeap?.usedSize ?? getMetric(head, 'JSHeapUsedSize'), util.formatBytes),
+		metricRow('JS heap total', base.performance.runtimeHeap?.totalSize ?? getMetric(base, 'JSHeapTotalSize'), head.performance.runtimeHeap?.totalSize ?? getMetric(head, 'JSHeapTotalSize'), util.formatBytes),
+		metricRow('V8 heap snapshot total', base.heapSnapshot.categories.total, head.heapSnapshot.categories.total, util.formatBytes),
+		metricRow('DOM elements', base.performance.webVitals.domElements, head.performance.webVitals.domElements, util.formatNumber),
+		metricRow('CDP nodes', getMetric(base, 'Nodes'), getMetric(head, 'Nodes'), util.formatNumber),
+		metricRow('JS event listeners', getMetric(base, 'JSEventListeners'), getMetric(head, 'JSEventListeners'), util.formatNumber),
+		metricRow('Layout count', getMetric(base, 'LayoutCount'), getMetric(head, 'LayoutCount'), util.formatNumber),
+		metricRow('Recalc style count', getMetric(base, 'RecalcStyleCount'), getMetric(head, 'RecalcStyleCount'), util.formatNumber),
+		metricRow('Script duration', getMetric(base, 'ScriptDuration'), getMetric(head, 'ScriptDuration'), formatSecondsAsMs),
+		metricRow('Task duration', getMetric(base, 'TaskDuration'), getMetric(head, 'TaskDuration'), formatSecondsAsMs),
+	].filter(row => row != null);
+
+	return [
+		'| Metric | Base | Head | Δ | Δ (%) |',
+		'| --- | ---: | ---: | ---: | ---: |',
+		...rows,
+	].join('\n');
+}
+
+function renderResourceTypeTable(base: BrowserMeasurement, head: BrowserMeasurement) {
+	const preferredOrder = ['Document', 'Script', 'Stylesheet', 'Fetch', 'XHR', 'Image', 'Font', 'Media', 'WebSocket', 'EventSource', 'Other'];
+	const keys = [...new Set([
+		...preferredOrder,
+		...Object.keys(base.network.byResourceType),
+		...Object.keys(head.network.byResourceType),
+	])].filter(key => base.network.byResourceType[key] != null || head.network.byResourceType[key] != null);
+
+	const lines = [
+		'| Type | Base reqs | Head reqs | Δ reqs | Base encoded | Head encoded | Δ encoded |',
+		'| --- | ---: | ---: | ---: | ---: | ---: | ---: |',
+	];
+
+	for (const key of keys) {
+		const baseRow = base.network.byResourceType[key] ?? { requests: 0, encodedBytes: 0 };
+		const headRow = head.network.byResourceType[key] ?? { requests: 0, encodedBytes: 0 };
+		lines.push(`| **${key}** | ${util.formatNumber(baseRow.requests)} | ${util.formatNumber(headRow.requests)} | ${formatDelta(headRow.requests - baseRow.requests, util.formatNumber)} | ${util.formatBytes(baseRow.encodedBytes)} | ${util.formatBytes(headRow.encodedBytes)} | ${formatDelta(headRow.encodedBytes - baseRow.encodedBytes, util.formatBytes)} |`);
+	}
+
+	return lines.join('\n');
+}
+
+function renderHeapSnapshotTable(base: BrowserMeasurement, head: BrowserMeasurement) {
+	const lines = [
+		'| Category | Base | Head | Δ | Δ (%) | Base nodes | Head nodes |',
+		'| --- | ---: | ---: | ---: | ---: | ---: | ---: |',
+	];
+
+	for (const category of Object.keys(heapSnapshotUtil.heapSnapshotCategory) as (keyof typeof heapSnapshotUtil.heapSnapshotCategory)[]) {
+		const baseValue = base.heapSnapshot.categories[category];
+		const headValue = head.heapSnapshot.categories[category];
+		const baseNodeCount = base.heapSnapshot.nodeCounts[category];
+		const headNodeCount = head.heapSnapshot.nodeCounts[category];
+		const categoryInfo = heapSnapshotUtil.heapSnapshotCategory[category];
+		const metricText = `$\\color{${categoryInfo.color}}{\\rule{8pt}{8pt}}$ **${categoryInfo.label}**`;
+		lines.push(`| ${metricText} | ${util.formatBytes(baseValue)} | ${util.formatBytes(headValue)} | ${formatDelta(headValue - baseValue, util.formatBytes)} | ${util.calcAndFormatDeltaPercent(baseValue, headValue).replaceAll('\\%', '\\\\%')} | ${util.formatNumber(baseNodeCount)} | ${util.formatNumber(headNodeCount)} |`);
+	}
+
+	return lines.join('\n');
+}
+
+function renderLargestRequests(report: BrowserMeasurement, title: string) {
+	if (report.network.largestRequests.length === 0) return null;
+
+	const lines = [
+		`<details><summary>${title}</summary>`,
+		'',
+		'| Resource | Type | Status | Encoded | Decoded |',
+		'| --- | --- | ---: | ---: | ---: |',
+	];
+
+	for (const request of report.network.largestRequests.slice(0, 10)) {
+		lines.push(`| \`${escapeCell(truncate(request.url))}\` | ${escapeCell(request.resourceType)} | ${request.status ?? '-'} | ${util.formatBytes(request.encodedBytes)} | ${util.formatBytes(request.decodedBodyBytes)} |`);
+	}
+
+	lines.push('', '</details>');
+	return lines.join('\n');
+}
+
+function renderFailedRequests(report: BrowserMeasurement, title: string) {
+	if (report.network.failedRequests.length === 0) return null;
+
+	const lines = [
+		`<details><summary>${title}</summary>`,
+		'',
+		'| Resource | Type | Status | Error |',
+		'| --- | --- | ---: | --- |',
+	];
+
+	for (const request of report.network.failedRequests.slice(0, 20)) {
+		lines.push(`| \`${escapeCell(truncate(request.url))}\` | ${escapeCell(request.resourceType)} | ${request.status ?? '-'} | ${escapeCell(request.errorText ?? '')} |`);
+	}
+
+	lines.push('', '</details>');
+	return lines.join('\n');
+}
+
+function renderHeadHeapSankey(head: BrowserMeasurement) {
+	return heapSnapshotUtil.renderHeapSnapshotSankey({
+		summary: head.heapSnapshot,
+		samples: [{
+			round: 1,
+			data: head.heapSnapshot,
+		}],
+	}, 'Head browser');
+}
+
+export function renderFrontendBrowserReport(base: BrowserMeasurement, head: BrowserMeasurement, options: {
+	headHeapSnapshotUrl?: string;
+} = {}) {
+	const headHeapSnapshotUrl = options.headHeapSnapshotUrl;
+	const lines = [
+		'## Frontend Browser Metrics',
+		'',
+		renderSummaryTable(base, head),
+		'',
+		'_Measured once per side with a fresh headless Chrome profile, browser cache disabled, service workers bypassed, and a forced V8 GC before the heap snapshot. Scenario: sign up, dismiss the initial account setup dialog, create the first timeline note, then wait until that note is visible._',
+		'',
+		'<details>',
+		'<summary>Requests by resource type</summary>',
+		'',
+		renderResourceTypeTable(base, head),
+		'',
+		'</details>',
+		'',
+		'<details>',
+		'<summary>V8 heap snapshot statistics</summary>',
+		'',
+		renderHeapSnapshotTable(base, head),
+		'',
+		...(headHeapSnapshotUrl != null && headHeapSnapshotUrl !== '' ? [`[Download head heap snapshot](${headHeapSnapshotUrl})`, ''] : []),
+		'</details>',
+		'',
+	];
+
+	for (const section of [
+		renderHeadHeapSankey(head),
+		renderLargestRequests(head, 'Largest head requests'),
+		renderFailedRequests(base, 'Failed base requests'),
+		renderFailedRequests(head, 'Failed head requests'),
+	]) {
+		if (section == null) continue;
+		lines.push(section, '');
+	}
+
+	return lines.join('\n').trimEnd() + '\n';
+}

.github/scripts/frontend-js-size.mts

@@ -0,0 +1,514 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import { promises as fs } from 'node:fs';
+import path from 'node:path';
+import * as util from './utility.mts';
+import { renderFrontendBrowserReport, type BrowserMeasurement } from './frontend-browser-report.mts';
+
+const marker = '<!-- misskey-frontend-js-size -->';
+
+const locale = process.env.FRONTEND_JS_SIZE_LOCALE ?? 'ja-JP';
+
+//function sharePercent(value, total) {
+//	if (total === 0) return '0%';
+//	return Math.round((value / total) * 100) + '%';
+//}
+
+function escapeCell(value: string) {
+	return String(value).replaceAll('|', '\\|').replaceAll('\n', '<br>');
+}
+
+//function tableCell(value) {
+//	return String(value).replaceAll('|', '\\|').replaceAll('\r', ' ').replaceAll('\n', ' ');
+//}
+
+//function code(value) {
+//	const sanitized = String(value).replaceAll('\r', ' ').replaceAll('\n', ' ');
+//	const backtickRuns = sanitized.match(/`+/g) ?? [];
+//	const fenceLength = Math.max(1, ...backtickRuns.map((run) => run.length + 1));
+//	const fence = '`'.repeat(fenceLength);
+//	const padding = sanitized.startsWith('`') || sanitized.endsWith('`') ? ' ' : '';
+//
+//	return `${fence}${padding}${sanitized}${padding}${fence}`;
+//}
+
+//function tableCode(value) {
+//	return tableCell(code(value));
+//}
+
+type Manifest = Record<string, { file?: string; src?: string; name?: string; isEntry?: boolean; imports?: string[] }>;
+
+type FileEntry = {
+	key: string;
+	displayName: string;
+	file: string;
+	size: number;
+};
+
+function entryDisplayName(entry: FileEntry) {
+	if (!entry) return '';
+	return entry.displayName || entry.file;
+}
+
+function findEntryKey(manifest: Manifest) {
+	const entries = Object.entries(manifest);
+	return entries.find(([key, chunk]) => key === 'src/_boot_.ts' || chunk.src === 'src/_boot_.ts')?.[0]
+		?? entries.find(([, chunk]) => chunk.name === 'entry' && chunk.isEntry)?.[0]
+		?? entries.find(([, chunk]) => chunk.isEntry)?.[0]
+		?? null;
+}
+
+function stableChunkKey(manifestKey: string, chunk: Manifest[string]) {
+	return chunk.src ?? (chunk.name ? `chunk:${chunk.name}` : manifestKey);
+}
+
+function collectStartupKeys(manifest: Manifest) {
+	const entryKey = findEntryKey(manifest);
+	const keys = new Set<string>();
+	if (entryKey == null) return keys;
+
+	function visit(key: string) {
+		if (keys.has(key)) return;
+		const chunk = manifest[key];
+		if (!chunk || !chunk.file?.endsWith('.js')) return;
+		keys.add(stableChunkKey(key, chunk));
+		for (const importKey of chunk.imports ?? []) {
+			visit(importKey);
+		}
+	}
+
+	visit(entryKey);
+	return keys;
+}
+
+async function resolveBuiltFile(outDir: string, file: string) {
+	if (file.startsWith('scripts/')) {
+		const localizedFile = file.slice('scripts/'.length);
+		const localizedPath = path.join(outDir, locale, localizedFile);
+		if (await util.fileExists(localizedPath)) {
+			return {
+				absolutePath: localizedPath,
+				relativePath: `${locale}/${localizedFile}`,
+			};
+		}
+
+		throw new Error(`Expected ${locale} localized chunk for ${file}, but ${localizedPath} was not found.`);
+	}
+	return {
+		absolutePath: path.join(outDir, file),
+		relativePath: file,
+	};
+}
+
+async function collectReport(repoDir: string) {
+	const outDir = path.join(repoDir, 'built/_frontend_vite_');
+	const manifestPath = path.join(outDir, 'manifest.json');
+	const manifest = JSON.parse(await fs.readFile(manifestPath, 'utf8')) as Manifest;
+	const byKey = new Map<string, FileEntry>();
+	const byFile = new Set<string>();
+
+	for (const [key, chunk] of Object.entries(manifest)) {
+		if (!chunk.file?.endsWith('.js')) continue;
+		const builtFile = await resolveBuiltFile(outDir, chunk.file);
+		const size = await util.fileSize(builtFile.absolutePath);
+		const stableKey = stableChunkKey(key, chunk);
+		const displayName = chunk.src ?? chunk.name ?? key;
+		byKey.set(stableKey, {
+			key: stableKey,
+			displayName,
+			file: builtFile.relativePath,
+			size,
+		});
+		byFile.add(builtFile.relativePath);
+	}
+
+	const localeDir = path.join(outDir, locale);
+	if (await util.fileExists(localeDir)) {
+		for await (const fullPath of util.traverseDirectory(localeDir)) {
+			if (!fullPath.endsWith('.js')) continue;
+			const relativePath = util.normalizePath(path.relative(outDir, fullPath));
+			if (byFile.has(relativePath)) continue;
+			const size = await util.fileSize(fullPath);
+			byKey.set(relativePath, {
+				key: relativePath,
+				displayName: relativePath,
+				file: relativePath,
+				size,
+			});
+		}
+	}
+
+	return {
+		manifest,
+		chunks: Object.fromEntries(byKey),
+		startupKeys: [...collectStartupKeys(manifest)],
+	};
+}
+
+type VisualizerReport = {
+	nodeParts?: Record<string, {
+		renderedLength: number;
+		gzipLength: number;
+		brotliLength: number;
+	}>;
+	nodeMetas?: Record<string, {
+		id: string;
+		isEntry?: boolean;
+		isExternal?: boolean;
+		importedBy?: string[];
+		imported?: { id: string; dynamic?: boolean }[];
+		moduleParts?: Record<string, string>;
+		renderedLength: number;
+		gzipLength: number;
+		brotliLength: number;
+	}>;
+	options?: Record<string, unknown>;
+};
+
+
+function collectVisualizerReport(data: VisualizerReport) {
+	const nodeParts = data.nodeParts ?? {};
+	const nodeMetas = Object.values(data.nodeMetas ?? {});
+	const moduleRows = [];
+	const bundleMap = new Map();
+
+	for (const meta of nodeMetas) {
+		const row = {
+			id: meta.id,
+			bundles: 0,
+			renderedLength: 0,
+			gzipLength: 0,
+			brotliLength: 0,
+			importedByCount: meta.importedBy?.length ?? 0,
+			importedCount: meta.imported?.length ?? 0,
+		};
+
+		for (const [bundleId, partUid] of Object.entries(meta.moduleParts ?? {})) {
+			const part = nodeParts[partUid];
+			if (part == null) continue;
+
+			row.bundles += 1;
+			row.renderedLength += part.renderedLength;
+			row.gzipLength += part.gzipLength;
+			row.brotliLength += part.brotliLength;
+
+			const bundle = bundleMap.get(bundleId) ?? {
+				id: bundleId,
+				modules: 0,
+				renderedLength: 0,
+				gzipLength: 0,
+				brotliLength: 0,
+			};
+			bundle.modules += 1;
+			bundle.renderedLength += part.renderedLength;
+			bundle.gzipLength += part.gzipLength;
+			bundle.brotliLength += part.brotliLength;
+			bundleMap.set(bundleId, bundle);
+		}
+
+		if (row.bundles > 0) {
+			moduleRows.push(row);
+		}
+	}
+
+	let staticImports = 0;
+	let dynamicImports = 0;
+	for (const meta of nodeMetas) {
+		for (const imported of meta.imported ?? []) {
+			if (imported.dynamic) {
+				dynamicImports += 1;
+			} else {
+				staticImports += 1;
+			}
+		}
+	}
+
+	const bundleRows = [...bundleMap.values()].sort((a, b) => b.renderedLength - a.renderedLength);
+	const hotModules = [...moduleRows].sort((a, b) => b.renderedLength - a.renderedLength);
+	const totalRendered = moduleRows.reduce((sum, row) => sum + row.renderedLength, 0);
+	const totalGzip = moduleRows.reduce((sum, row) => sum + row.gzipLength, 0);
+	const totalBrotli = moduleRows.reduce((sum, row) => sum + row.brotliLength, 0);
+
+	return {
+		options: data.options ?? {},
+		summary: {
+			bundles: bundleRows.length,
+			modules: moduleRows.length,
+			entries: nodeMetas.filter((meta) => meta.isEntry).length,
+			externals: nodeMetas.filter((meta) => meta.isExternal).length,
+			staticImports,
+			dynamicImports,
+		},
+		metrics: {
+			renderedLength: totalRendered,
+			gzipLength: totalGzip,
+			brotliLength: totalBrotli,
+		},
+		hotModules,
+	};
+}
+
+function renderVisualizerSummaryTable(before: ReturnType<typeof collectVisualizerReport>, after: ReturnType<typeof collectVisualizerReport>) {
+	const summary = [
+		'bundles',
+		'modules',
+		'entries',
+		//'externals',
+		'staticImports',
+		'dynamicImports',
+	] as const;
+
+	const metrics = [
+		'renderedLength',
+		'gzipLength',
+		'brotliLength',
+	] as const;
+
+	return [
+		`<table>`,
+		`<thead>`,
+		`<tr>`,
+		`<th rowspan="2"></th>`,
+		`<th rowspan="2">Bundles</th>`,
+		`<th rowspan="2">Modules</th>`,
+		`<th rowspan="2">Entries</th>`,
+		`<th colspan="2">Imports</th>`,
+		`<th colspan="3">Size</th>`,
+		`</tr>`,
+		`<tr>`,
+		`<th>Static</th>`,
+		`<th>Dynamic</th>`,
+		`<th>Rendered</th>`,
+		`<th>Gzip</th>`,
+		`<th>Brotli</th>`,
+		`</tr>`,
+		`</thead>`,
+		`<tbody>`,
+		`<tr>`,
+		`<th><b>Before</b></th>`,
+		...summary.map((key) => `<td>${util.formatNumber(before.summary[key])}</td>`),
+		...metrics.map((key) => `<td>${util.formatBytes(before.metrics[key])}</td>`),
+		`</tr>`,
+		`<tr>`,
+		`<th><b>After</b></th>`,
+		...summary.map((key) => `<td>${util.formatNumber(after.summary[key])}</td>`),
+		...metrics.map((key) => `<td>${util.formatBytes(after.metrics[key])}</td>`),
+		`</tr>`,
+		`<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>`,
+		`<tr>`,
+		`<th><b>Δ</b></th>`,
+		...summary.map((key) => `<td>${util.calcAndFormatDeltaNumber(before.summary[key], after.summary[key])}</td>`),
+		...metrics.map((key) => `<td>${util.calcAndFormatDeltaBytes(before.metrics[key], after.metrics[key])}</td>`),
+		`</tr>`,
+		`<tr>`,
+		`<th><b>Δ (%)</b></th>`,
+		...summary.map((key) => `<td>${util.calcAndFormatDeltaPercent(before.summary[key], after.summary[key])}</td>`),
+		...metrics.map((key) => `<td>${util.calcAndFormatDeltaPercent(before.metrics[key], after.metrics[key])}</td>`),
+		`</tr>`,
+		`</tbody>`,
+		`</table>`,
+	];
+}
+
+function getChunkComparisonRows(keys: string[], before: Awaited<ReturnType<typeof collectReport>>, after: Awaited<ReturnType<typeof collectReport>>) {
+	return keys.map((key) => {
+		const beforeEntry = before.chunks[key];
+		const afterEntry = after.chunks[key];
+		const beforeSize = beforeEntry?.size ?? 0;
+		const afterSize = afterEntry?.size ?? 0;
+		return {
+			key,
+			name: entryDisplayName(beforeEntry ?? afterEntry),
+			chunkFile: beforeEntry?.file ?? afterEntry?.file,
+			beforeSize,
+			afterSize,
+			changeType: beforeEntry == null ? 'added' : afterEntry == null ? 'removed' : beforeSize !== afterSize ? 'updated' : 'unchanged',
+			sortSize: Math.max(beforeSize, afterSize),
+		};
+	});
+}
+
+function summarizeChunkChanges(rows: ReturnType<typeof getChunkComparisonRows>) {
+	return {
+		updated: rows.filter((row) => row.changeType === 'updated').length,
+		added: rows.filter((row) => row.changeType === 'added').length,
+		removed: rows.filter((row) => row.changeType === 'removed').length,
+	};
+}
+
+function formatChunkChangeSummary(label: string, summary: ReturnType<typeof summarizeChunkChanges>) {
+	return `${label} (${summary.updated} updated, ${summary.added} added, ${summary.removed} removed)`;
+}
+
+function compareChunkComparisonRows(a: ReturnType<typeof getChunkComparisonRows>[number], b: ReturnType<typeof getChunkComparisonRows>[number]) {
+	return Math.abs(b.afterSize - b.beforeSize) - Math.abs(a.afterSize - a.beforeSize)
+		|| (b.afterSize - b.beforeSize) - (a.afterSize - a.beforeSize)
+		|| b.sortSize - a.sortSize
+		|| a.name.localeCompare(b.name);
+}
+
+function chunkMarkdownTable(rows: ReturnType<typeof getChunkComparisonRows>, total?: { beforeSize: number; afterSize: number }) {
+	if (rows.length === 0) return '_No data_';
+
+	const lines = [
+		'| Chunk | Before | After | Δ | Δ (%) |',
+		'| --- | ---: | ---: | ---: | ---: |',
+	];
+	if (total != null) {
+		lines.push(`| (total) | ${util.formatBytes(total.beforeSize)} | ${util.formatBytes(total.afterSize)} | ${util.calcAndFormatDeltaBytes(total.beforeSize, total.afterSize)} | ${util.calcAndFormatDeltaPercent(total.beforeSize, total.afterSize).replaceAll('\\%', '\\\\%')} |`);
+		lines.push('| | | | | |');
+	}
+	for (const row of rows) {
+		if (row.changeType === 'added') {
+			lines.push(`| <details><summary>\`${escapeCell(row.name)}\`</summary> \`${escapeCell(row.chunkFile)}\` </details> | ${util.formatBytes(row.beforeSize)} | ${util.formatBytes(row.afterSize)} | ${util.calcAndFormatDeltaBytes(row.beforeSize, row.afterSize)} | $\\color{orange}{\\text{(+)}}$ |`);
+		} else if (row.changeType === 'removed') {
+			lines.push(`| <details><summary>\`${escapeCell(row.name)}\`</summary> \`${escapeCell(row.chunkFile)}\` </details> | ${util.formatBytes(row.beforeSize)} | ${util.formatBytes(row.afterSize)} | ${util.calcAndFormatDeltaBytes(row.beforeSize, row.afterSize)} | $\\color{green}{\\text{(-)}}$ |`);
+		} else {
+			lines.push(`| <details><summary>\`${escapeCell(row.name)}\`</summary> \`${escapeCell(row.chunkFile)}\` </details> | ${util.formatBytes(row.beforeSize)} | ${util.formatBytes(row.afterSize)} | ${util.calcAndFormatDeltaBytes(row.beforeSize, row.afterSize)} | ${util.calcAndFormatDeltaPercent(row.beforeSize, row.afterSize).replaceAll('\\%', '\\\\%')} |`);
+		}
+	}
+	return lines.join('\n');
+}
+
+function renderFrontendChunkReport(before: Awaited<ReturnType<typeof collectReport>>, after: Awaited<ReturnType<typeof collectReport>>) {
+	const commonChunkKeys = Object.keys(before.chunks).filter((key) => after.chunks[key] != null);
+	const addedChunkKeys = Object.keys(after.chunks).filter((key) => before.chunks[key] == null);
+	const removedChunkKeys = Object.keys(before.chunks).filter((key) => after.chunks[key] == null);
+	const allChunkKeys = [
+		...commonChunkKeys,
+		...addedChunkKeys,
+		...removedChunkKeys,
+	];
+	//const comparisonRows = getChunkComparisonRows(commonChunkKeys, before, after);
+	const allComparisonRows = getChunkComparisonRows(allChunkKeys, before, after);
+
+	const changedRows = allComparisonRows.filter((row) => row.changeType !== 'unchanged');
+	const diffSummary = summarizeChunkChanges(changedRows);
+	const diffTotal = {
+		beforeSize: allComparisonRows.reduce((sum, row) => sum + row.beforeSize, 0),
+		afterSize: allComparisonRows.reduce((sum, row) => sum + row.afterSize, 0),
+	};
+	const diffRows = changedRows.sort(compareChunkComparisonRows).slice(0, 30); // TODO: 実際に30を超えて切り捨てられたrowがあった場合はその旨をmarkdown内に表示するようにする
+
+	const startupKeys = new Set([
+		...before.startupKeys,
+		...after.startupKeys,
+	]);
+	const startupComparisonRows = getChunkComparisonRows([...startupKeys], before, after);
+	const startupRows = startupComparisonRows.sort(compareChunkComparisonRows);
+	const startupSummary = summarizeChunkChanges(startupComparisonRows);
+	const startupTotal = {
+		beforeSize: startupComparisonRows.reduce((sum, row) => sum + row.beforeSize, 0),
+		afterSize: startupComparisonRows.reduce((sum, row) => sum + row.afterSize, 0),
+	};
+
+	//const largeRows = comparisonRows
+	//	.sort((a, b) => b.sortSize - a.sortSize || a.name.localeCompare(b.name))
+	//	.slice(0, 30);
+
+	return [
+		'<details open>',
+		`<summary>${formatChunkChangeSummary('Chunk size diff', diffSummary)}</summary>`,
+		'',
+		chunkMarkdownTable(diffRows, diffTotal),
+		'',
+		'</details>',
+		'',
+		'<details>',
+		`<summary>${formatChunkChangeSummary('Startup chunk size', startupSummary)}</summary>`,
+		'',
+		chunkMarkdownTable(startupRows, startupTotal),
+		'',
+		`_Startup chunks are the Vite entry for \`src/_boot_.ts\` and its static imports._`,
+		'',
+		'</details>',
+		'',
+		//'<details>',
+		//`<summary>Largest</summary>`,
+		//'',
+		//markdownTable(largeRows),
+		//'',
+		//'</details>',
+		//'',
+	].join('\n');
+}
+
+function renderFrontendBundleReport(before: ReturnType<typeof collectVisualizerReport>, after: ReturnType<typeof collectVisualizerReport>) {
+	const lines = [
+		...renderVisualizerSummaryTable(before, after),
+		'',
+		//'<details>',
+		//'<summary>Top 10</summary>',
+		//'',
+	];
+
+	/*
+	for (const row of after.hotModules.slice(0, 10)) {
+		lines.push(`- ${code(row.id)}: ${sharePercent(row.renderedLength, after.metrics.renderedLength)} (${formatBytes(row.renderedLength)})`);
+	}
+
+	lines.push(
+		'',
+		'</details>',
+	);
+
+	lines.push(
+		'',
+		'<details>',
+		'<summary>Hot Modules (Self Size)</summary>',
+		'',
+		'| Module | Bundles | Rendered | Share | Gzip | Brotli | Imports | Imported By |',
+		'|---|---:|---:|---:|---:|---:|---:|---:|',
+	);
+
+	for (const row of after.hotModules.slice(0, 15)) {
+		lines.push(`| ${tableCode(row.id)} | ${row.bundles} | ${formatBytes(row.renderedLength)} | ${sharePercent(row.renderedLength, after.metrics.renderedLength)} | ${formatBytes(row.gzipLength)} | ${formatBytes(row.brotliLength)} | ${row.importedCount} | ${row.importedByCount} |`);
+	}
+
+	lines.push(
+		'',
+		'</details>',
+	);
+	*/
+
+	return lines.join('\n');
+}
+
+const args = process.argv.slice(2);
+const [beforeDir, afterDir, beforeStatsFile, afterStatsFile, beforeBrowserMetricsFile, afterBrowserMetricsFile, outFile] = args;
+if (beforeDir == null || afterDir == null || beforeStatsFile == null || afterStatsFile == null || beforeBrowserMetricsFile == null || afterBrowserMetricsFile == null || outFile == null) {
+	throw new Error('Usage: node frontend-js-size.mts <before-dir> <after-dir> <before-stats.json> <after-stats.json> <before-browser.json> <after-browser.json> <output.md>');
+}
+
+const before = await collectReport(beforeDir);
+const after = await collectReport(afterDir);
+const beforeStats = JSON.parse(await fs.readFile(beforeStatsFile, 'utf8')) as VisualizerReport;
+const afterStats = JSON.parse(await fs.readFile(afterStatsFile, 'utf8')) as VisualizerReport;
+const beforeBrowserMetrics = JSON.parse(await fs.readFile(beforeBrowserMetricsFile, 'utf8')) as BrowserMeasurement;
+const afterBrowserMetrics = JSON.parse(await fs.readFile(afterBrowserMetricsFile, 'utf8')) as BrowserMeasurement;
+const beforeVisualizerReport = collectVisualizerReport(beforeStats);
+const afterVisualizerReport = collectVisualizerReport(afterStats);
+const visualizerArtifactLink = `[Open treemap HTML](${process.env.FRONTEND_BUNDLE_REPORT_ARTIFACT_URL})`;
+
+const body = [
+	marker,
+	'',
+	`## 📦 Frontend Bundle Report`,
+	'',
+	renderFrontendChunkReport(before, after),
+	'',
+	'## Bundle Stats',
+	'',
+	renderFrontendBundleReport(beforeVisualizerReport, afterVisualizerReport),
+	'',
+	renderFrontendBrowserReport(beforeBrowserMetrics, afterBrowserMetrics, {
+		headHeapSnapshotUrl: process.env.FRONTEND_BROWSER_HEAD_HEAP_SNAPSHOT_ARTIFACT_URL,
+	}),
+	'',
+	visualizerArtifactLink,
+].join('\n');
+
+await fs.writeFile(outFile, body);

.github/scripts/heap-snapshot-util.mts

@@ -0,0 +1,200 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+// NOTE: このファイルはworkflow上でバックエンドからも参照されるため、side effectがあってはならない
+
+import * as util from './utility.mts';
+
+export const heapSnapshotCategory = {
+	total: { label: 'Total', color: 'gray', colorHex: '#888888' },
+	code: { label: 'Code', color: 'orange', colorHex: '#f28e2c' },
+	strings: { label: 'Strings', color: 'red', colorHex: '#e15759' },
+	jsArrays: { label: 'JS arrays', color: 'cyan', colorHex: '#76b7b2' },
+	typedArrays: { label: 'Typed arrays', color: 'green', colorHex: '#59a14f' },
+	systemObjects: { label: 'System objects', color: 'yellow', colorHex: '#edc949' },
+	otherJsObjects: { label: 'Other JS objs', color: 'violet', colorHex: '#af7aa1' },
+	otherNonJsObjects: { label: 'Other non-JS objs', color: 'pink', colorHex: '#ff9da7' },
+} as const satisfies Record<string, { label: string; color: string; colorHex: string }>;
+
+export type HeapSnapshotData = {
+	categories: Record<keyof typeof heapSnapshotCategory, number>;
+	nodeCounts: Record<keyof typeof heapSnapshotCategory, number>;
+	breakdowns?: Record<keyof typeof heapSnapshotCategory, Record<string, number>>;
+};
+
+export type HeapSnapshotReport = {
+	summary: HeapSnapshotData;
+	samples: {
+		round: number;
+		data: HeapSnapshotData;
+	}[];
+};
+
+function getHeapSnapshotCategoryValue(report: HeapSnapshotReport, category: keyof typeof heapSnapshotCategory) {
+	return report.summary.categories[category];
+}
+
+export function renderHeapSnapshotTable(base: HeapSnapshotReport, head: HeapSnapshotReport) {
+	const lines = [
+		'| Metric | Base | Head | Δ median | Δ MAD | Δ min | Δ max |',
+		'| --- | ---: | ---: | ---: | ---: | ---: | ---: |',
+	];
+	const baseTotal = getHeapSnapshotCategoryValue(base, 'total');
+	const headTotal = getHeapSnapshotCategoryValue(head, 'total');
+
+	function getHeapSnapshotSampleSpread(report: HeapSnapshotReport, category: keyof typeof heapSnapshotCategory) {
+		const values = report.samples
+			.map(sample => sample.data.categories[category])
+			.filter(value => Number.isFinite(value)) as number[];
+		if (values.length < 2) throw new Error(`Not enough samples for category ${category}`);
+
+		const center = util.median(values);
+		return util.median(values.map(value => Math.abs(value - center)));
+	}
+
+	for (const category of Object.keys(heapSnapshotCategory) as (keyof typeof heapSnapshotCategory)[]) {
+		const baseValue = getHeapSnapshotCategoryValue(base, category);
+		const headValue = getHeapSnapshotCategoryValue(head, category);
+		const baseSpread = getHeapSnapshotSampleSpread(base, category);
+		const headSpread = getHeapSnapshotSampleSpread(head, category);
+		const summary = util.pairedDeltaSummary(base.samples, head.samples, (sample) => sample.data.categories[category]);
+		const percent = summary.median * 100 / baseValue;
+
+		if (category === 'total') {
+			const deltaMedian = `${util.formatDeltaBytes(summary.median)}<br>${util.formatDeltaPercent(percent).replaceAll('\\%', '\\\\%')}`;
+			const baseText = `${util.formatBytes(baseValue)} <br> ± ${util.formatBytes(baseSpread)}`;
+			const headText = `${util.formatBytes(headValue)} <br> ± ${util.formatBytes(headSpread)}`;
+			const metricText = `$\\color{${heapSnapshotCategory[category].color}}{\\rule{8pt}{8pt}}$ **${heapSnapshotCategory[category].label}**`;
+			lines.push(`| ${metricText} | ${baseText} | ${headText} | ${deltaMedian} | ${util.formatBytes(summary.mad)} | ${util.formatDeltaBytes(summary.min)} | ${util.formatDeltaBytes(summary.max)} |`);
+			lines.push('| | | | | | | |');
+		} else {
+			const deltaMedian = util.formatDeltaBytes(summary.median);
+			const baseText = util.formatBytes(baseValue);
+			const headText = util.formatBytes(headValue);
+			const basePercent = util.formatPercent((baseValue * 100) / baseTotal);
+			const headPercent = util.formatPercent((headValue * 100) / headTotal);
+			const metricText = `<details><summary>$\\color{${heapSnapshotCategory[category].color}}{\\rule{8pt}{8pt}}$ **${heapSnapshotCategory[category].label}**</summary>${basePercent} → ${headPercent}</details>`;
+			lines.push(`| ${metricText} | ${baseText} | ${headText} | ${deltaMedian} | ${util.formatBytes(summary.mad)} | ${util.formatDeltaBytes(summary.min)} | ${util.formatDeltaBytes(summary.max)} |`);
+		}
+	}
+
+	if (lines.length === 2) return null;
+	return lines.join('\n');
+}
+
+const heapSnapshotSankeyChildMinRatio = 0.3;
+const heapSnapshotSankeyParentMinPercent = 10;
+
+function escapeCsvValue(value: string) {
+	return `"${String(value).replaceAll('"', '""')}"`;
+}
+
+export function renderHeapSnapshotSankey(report: HeapSnapshotReport, title: string) {
+	const total = getHeapSnapshotCategoryValue(report, 'total');
+	if (total == null || total <= 0) return null;
+
+	function getHeapSnapshotBreakdownEntries(category: keyof typeof heapSnapshotCategory) {
+		const breakdown = report.summary.breakdowns?.[category];
+		if (breakdown == null || typeof breakdown !== 'object') return [];
+
+		return Object.entries(breakdown)
+			.filter(([, value]) => Number.isFinite(value) && value > 0)
+			.toSorted((a, b) => b[1] - a[1]);
+	}
+
+	function formatHeapSnapshotSankeyChildLabel(label: string) {
+		return String(label).replace(/^[^:]+:\s*/, '');
+	}
+
+	function formatSankeyPercentValue(value: number) {
+		const rounded = Math.round(value * 100) / 100;
+		if (rounded === 0 && value > 0) return '0.01';
+		if (Number.isInteger(rounded)) return String(rounded);
+		return rounded.toFixed(2).replace(/0+$/, '').replace(/\.$/, '');
+	}
+
+	const categories = (Object.keys(heapSnapshotCategory) as (keyof typeof heapSnapshotCategory)[])
+		.filter(category => category !== 'total')
+		.map(category => {
+			const value = getHeapSnapshotCategoryValue(report, category);
+			if (value == null || value <= 0) return null;
+			const breakdownEntries = getHeapSnapshotBreakdownEntries(category);
+			const breakdownTotal = breakdownEntries.reduce((sum, [, childValue]) => sum + childValue, 0);
+			const percent = (value * 100) / total;
+			const childEntries = [];
+			let otherPercent = 0;
+
+			if (breakdownTotal > 0 && percent > heapSnapshotSankeyParentMinPercent) {
+				for (const [childName, childValue] of breakdownEntries) {
+					const childRatio = childValue / breakdownTotal;
+					const childPercent = percent * childRatio;
+					if (childRatio >= heapSnapshotSankeyChildMinRatio) {
+						childEntries.push([formatHeapSnapshotSankeyChildLabel(childName), childPercent]);
+					} else {
+						otherPercent += childPercent;
+					}
+				}
+
+				if (childEntries.length > 0 && otherPercent > 0) {
+					childEntries.push(['Other', otherPercent]);
+				}
+			}
+
+			return {
+				category,
+				percent,
+				childEntries,
+			};
+		})
+		.filter(value => value != null);
+
+	if (categories.length === 0) return null;
+
+	const nodeColors = {
+		[title]: heapSnapshotCategory.total.colorHex,
+	} as Record<string, string>;
+	for (const { category, childEntries } of categories) {
+		const categoryColor = heapSnapshotCategory[category].colorHex;
+		nodeColors[category] = categoryColor;
+
+		for (const [childName] of childEntries) {
+			nodeColors[childName] = categoryColor;
+		}
+	}
+
+	const lines = [
+		`<details><summary>${title} heap snapshot composition</summary>`,
+		'',
+		'```mermaid',
+		`%%{init: ${JSON.stringify({
+			sankey: {
+				showValues: false,
+				linkColor: 'target',
+				labelStyle: 'outlined',
+				nodeAlignment: 'center',
+				nodePadding: 10,
+				nodeColors: {
+					...nodeColors,
+					'Other': '#888888',
+				},
+			},
+		})}}%%`,
+		'sankey-beta',
+	];
+
+	for (const { category, percent, childEntries } of categories) {
+		lines.push(`${escapeCsvValue(title)},${escapeCsvValue(heapSnapshotCategory[category].label)},${formatSankeyPercentValue(percent)}`);
+
+		for (const [childName, childPercent] of childEntries) {
+			lines.push(`${escapeCsvValue(heapSnapshotCategory[category].label)},${escapeCsvValue(childName)},${formatSankeyPercentValue(childPercent)}`);
+		}
+	}
+
+	lines.push('```');
+	lines.push('');
+	lines.push('</details>');
+
+	return lines.join('\n');
+}

.github/scripts/measure-backend-memory-comparison.mts

@@ -0,0 +1,309 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import { createRequire } from 'node:module';
+import { copyFile, rm, writeFile } from 'node:fs/promises';
+import { join, resolve } from 'node:path';
+import * as util from './utility.mts';
+import * as heapSnapshotUtil from './heap-snapshot-util.mts';
+import type { MemoryReportRaw } from '../../packages/backend/scripts/measure-memory.mts';
+
+const phases = ['afterGc'] as const;
+
+export type MemoryReport = {
+	timestamp: string;
+	sampleCount: any;
+	aggregation: string;
+	measurement: {
+		startupTimeoutMs: any;
+		memorySettleTimeMs: any;
+		ipcTimeoutMs: any;
+		requestCount: any;
+		heapSnapshot: {
+			enabled: any;
+			timeoutMs: any;
+			breakdownTopN: any;
+		};
+	};
+	summary: Record<typeof phases[number], {
+		memoryUsage: Record<string, number>;
+		heapSnapshot?: heapSnapshotUtil.HeapSnapshotData;
+	}>;
+	samples: (MemoryReportRaw['samples'][number] & {
+		round: number;
+	})[];
+};
+
+const [baseDirArg, headDirArg, baseOutputArg, headOutputArg] = process.argv.slice(2);
+
+const HEAP_SNAPSHOT_BREAKDOWN_TOP_N = util.readIntegerEnv('MK_MEMORY_HEAP_SNAPSHOT_BREAKDOWN_TOP_N', 6, 1);
+const HEAD_HEAP_SNAPSHOT_WORK_DIR = resolve('head-heap-snapshots');
+const HEAD_HEAP_SNAPSHOT_OUTPUT_PATH = resolve('head-heap-snapshot.heapsnapshot');
+
+async function resetState(repoDir: string) {
+	const require = createRequire(join(repoDir, 'packages/backend/package.json'));
+	const pg = require('pg');
+	const Redis = require('ioredis');
+
+	const postgres = new pg.Client({
+		host: '127.0.0.1',
+		port: 54312,
+		database: 'postgres',
+		user: 'postgres',
+	});
+
+	await postgres.connect();
+	try {
+		await postgres.query('DROP DATABASE IF EXISTS "test-misskey" WITH (FORCE)');
+		await postgres.query('CREATE DATABASE "test-misskey"');
+	} finally {
+		await postgres.end();
+	}
+
+	const redis = new Redis({ host: '127.0.0.1', port: 56312 });
+	try {
+		await redis.flushall();
+	} finally {
+		redis.disconnect();
+	}
+}
+
+function summarizeHeapSnapshotBreakdowns(samples: MemoryReport['samples'], phase: typeof phases[number]) {
+	const breakdowns = {} as Record<keyof typeof heapSnapshotUtil.heapSnapshotCategory, Record<string, number>>;
+
+	for (const category of Object.keys(heapSnapshotUtil.heapSnapshotCategory) as (keyof typeof heapSnapshotUtil.heapSnapshotCategory)[]) {
+		if (category === 'total') continue;
+
+		const childKeys = new Set<string>();
+		for (const sample of samples) {
+			for (const childKey of Object.keys(sample.phases[phase].heapSnapshot?.breakdowns?.[category] ?? {})) {
+				childKeys.add(childKey);
+			}
+		}
+
+		const categoryBreakdown = {} as Record<string, number>;
+		for (const childKey of childKeys) {
+			const values = samples
+				.map(sample => sample.phases[phase].heapSnapshot?.breakdowns?.[category]?.[childKey])
+				.filter(value => Number.isFinite(value)) as number[];
+
+			if (values.length > 0) categoryBreakdown[childKey] = util.median(values);
+		}
+
+		if (Object.keys(categoryBreakdown).length > 0) {
+			breakdowns[category] = collapseHeapSnapshotBreakdown(categoryBreakdown);
+		}
+	}
+
+	return breakdowns;
+}
+
+function collapseHeapSnapshotBreakdown(breakdown: Record<string, number>) {
+	const entries = Object.entries(breakdown)
+		.filter(([, value]) => value > 0)
+		.toSorted((a, b) => b[1] - a[1]);
+
+	const topEntries = entries.slice(0, HEAP_SNAPSHOT_BREAKDOWN_TOP_N);
+	const otherValue = entries
+		.slice(HEAP_SNAPSHOT_BREAKDOWN_TOP_N)
+		.reduce((sum, [, value]) => sum + value, 0);
+
+	const collapsed = Object.fromEntries(topEntries);
+	if (otherValue > 0) collapsed.Other = otherValue;
+	return collapsed;
+}
+
+function summarizeSamples(samples: MemoryReport['samples']) {
+	const summary = {} as MemoryReport['summary'];
+
+	for (const phase of phases) {
+		summary[phase] = {
+			memoryUsage: {},
+		};
+
+		const metricKeys = new Set<string>();
+		for (const sample of samples) {
+			for (const key of Object.keys(sample.phases[phase].memoryUsage)) {
+				metricKeys.add(key);
+			}
+		}
+
+		for (const key of metricKeys) {
+			const values = samples.map(sample => sample.phases[phase].memoryUsage[key]);
+			summary[phase].memoryUsage[key] = util.median(values);
+		}
+
+		const heapSnapshotCategoryValues = {} as Record<keyof typeof heapSnapshotUtil.heapSnapshotCategory, number>;
+		for (const category of Object.keys(heapSnapshotUtil.heapSnapshotCategory) as (keyof typeof heapSnapshotUtil.heapSnapshotCategory)[]) {
+			const values = samples
+				.map(sample => sample.phases[phase].heapSnapshot?.categories?.[category])
+				.filter(value => Number.isFinite(value)) as number[];
+
+			if (values.length > 0) heapSnapshotCategoryValues[category] = util.median(values);
+		}
+
+		const heapSnapshotNodeCountValues = {} as Record<keyof typeof heapSnapshotUtil.heapSnapshotCategory, number>;
+		for (const category of Object.keys(heapSnapshotUtil.heapSnapshotCategory) as (keyof typeof heapSnapshotUtil.heapSnapshotCategory)[]) {
+			const values = samples
+				.map(sample => sample.phases[phase].heapSnapshot?.nodeCounts?.[category])
+				.filter(value => Number.isFinite(value)) as number[];
+
+			if (values.length > 0) heapSnapshotNodeCountValues[category] = util.median(values);
+		}
+
+		if (Object.keys(heapSnapshotCategoryValues).length > 0) {
+			const heapSnapshotBreakdowns = summarizeHeapSnapshotBreakdowns(samples, phase);
+
+			summary[phase].heapSnapshot = {
+				categories: heapSnapshotCategoryValues,
+				nodeCounts: heapSnapshotNodeCountValues,
+				...(Object.keys(heapSnapshotBreakdowns).length > 0 ? { breakdowns: heapSnapshotBreakdowns } : {}),
+			};
+		}
+	}
+
+	return summary;
+}
+
+async function measureRepo(label: string, repoDir: string, round: number, options: { heapSnapshotSavePath?: string } = {}) {
+	process.stderr.write(`[${label}] Resetting database and Redis\n`);
+	await resetState(repoDir);
+
+	process.stderr.write(`[${label}] Running migrations\n`);
+	await util.run('pnpm', ['--filter', 'backend', 'migrate'], {
+		cwd: repoDir,
+		env: process.env,
+		logStdout: true,
+	});
+
+	process.stderr.write(`[${label}] Measuring memory\n`);
+	const measureEnv = {
+		...process.env,
+		MK_MEMORY_SAMPLE_COUNT: '1',
+	} as NodeJS.ProcessEnv;
+	if (round <= 0) measureEnv.MK_MEMORY_HEAP_SNAPSHOT = '0';
+	if (options.heapSnapshotSavePath != null) measureEnv.MK_MEMORY_HEAP_SNAPSHOT_SAVE_PATH = options.heapSnapshotSavePath;
+
+	const stdout = await util.run('node', ['packages/backend/scripts/measure-memory.mts'], {
+		cwd: repoDir,
+		env: measureEnv,
+	});
+
+	const report = JSON.parse(stdout) as MemoryReportRaw;
+	const sample = report.samples[0];
+
+	return sample;
+}
+
+function headHeapSnapshotPath(round: number) {
+	return join(HEAD_HEAP_SNAPSHOT_WORK_DIR, `round-${round}.heapsnapshot`);
+}
+
+function selectRepresentativeHeadHeapSnapshotRound(samples: MemoryReport['samples'], summary: MemoryReport['summary']) {
+	const medianTotal = summary.afterGc.heapSnapshot?.categories?.total;
+	if (medianTotal == null || !Number.isFinite(medianTotal)) return null;
+
+	let selected: { round: number; distance: number } | null = null;
+	for (const sample of samples) {
+		const total = sample.phases.afterGc.heapSnapshot?.categories?.total;
+		if (total == null || !Number.isFinite(total)) continue;
+
+		const distance = Math.abs(total - medianTotal);
+		if (selected == null || distance < selected.distance || (distance === selected.distance && sample.round < selected.round)) {
+			selected = {
+				round: sample.round,
+				distance,
+			};
+		}
+	}
+
+	return selected?.round ?? null;
+}
+
+async function saveRepresentativeHeadHeapSnapshot(samples: MemoryReport['samples'], summary: MemoryReport['summary']) {
+	const round = selectRepresentativeHeadHeapSnapshotRound(samples, summary);
+	if (round == null) return;
+
+	await copyFile(headHeapSnapshotPath(round), HEAD_HEAP_SNAPSHOT_OUTPUT_PATH);
+	process.stderr.write(`Selected head heap snapshot round ${round} for artifact\n`);
+	await rm(HEAD_HEAP_SNAPSHOT_WORK_DIR, { recursive: true, force: true });
+}
+
+async function main() {
+	const baseDir = resolve(baseDirArg);
+	const headDir = resolve(headDirArg);
+	const baseOutput = resolve(baseOutputArg);
+	const headOutput = resolve(headOutputArg);
+	const rounds = util.readIntegerEnv('MK_MEMORY_COMPARE_ROUNDS', 5, 1);
+	const warmupRounds = util.readIntegerEnv('MK_MEMORY_COMPARE_WARMUP_ROUNDS', 1, 0);
+	const startedAt = new Date().toISOString();
+
+	await rm(HEAD_HEAP_SNAPSHOT_WORK_DIR, { recursive: true, force: true });
+	await rm(HEAD_HEAP_SNAPSHOT_OUTPUT_PATH, { force: true });
+
+	const reports = {
+		base: {
+			dir: baseDir,
+			samples: [] as MemoryReport['samples'],
+		},
+		head: {
+			dir: headDir,
+			samples: [] as MemoryReport['samples'],
+		},
+	};
+
+	for (let round = 1; round <= warmupRounds; round++) {
+		process.stderr.write(`Starting warmup round ${round}/${warmupRounds}\n`);
+		for (const label of ['base', 'head'] as const) {
+			await measureRepo(label, reports[label].dir, -round);
+		}
+	}
+
+	for (let round = 1; round <= rounds; round++) {
+		const order = round % 2 === 1 ? ['base', 'head'] as const : ['head', 'base'] as const;
+		process.stderr.write(`Starting measurement round ${round}/${rounds}: ${order.join(' -> ')}\n`);
+
+		for (const label of order) {
+			const shouldSaveHeadHeapSnapshot = label === 'head';
+			const options = shouldSaveHeadHeapSnapshot
+				? { heapSnapshotSavePath: headHeapSnapshotPath(round) }
+				: {};
+			const sample = await measureRepo(label, reports[label].dir, round, options);
+			reports[label].samples.push({
+				...sample,
+				round,
+			});
+		}
+	}
+
+	const summaries = {
+		base: summarizeSamples(reports.base.samples),
+		head: summarizeSamples(reports.head.samples),
+	};
+	await saveRepresentativeHeadHeapSnapshot(reports.head.samples, summaries.head);
+
+	for (const label of ['base', 'head'] as const) {
+		const report = {
+			timestamp: new Date().toISOString(),
+			sampleCount: reports[label].samples.length,
+			aggregation: 'median',
+			comparison: {
+				strategy: 'interleaved-pairs',
+				rounds,
+				warmupRounds,
+				startedAt,
+			},
+			summary: summaries[label],
+			samples: reports[label].samples,
+		};
+
+		await writeFile(label === 'base' ? baseOutput : headOutput, `${JSON.stringify(report, null, 2)}\n`);
+	}
+}
+
+main().catch(err => {
+	console.error(err);
+	process.exit(1);
+});

.github/scripts/measure-frontend-browser-comparison.mts

@@ -0,0 +1,841 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import { spawn, spawnSync, type ChildProcessWithoutNullStreams } from 'node:child_process';
+import { mkdtemp, rm, writeFile } from 'node:fs/promises';
+import { tmpdir } from 'node:os';
+import { join, resolve } from 'node:path';
+import * as util from './utility.mts';
+import { heapSnapshotCategory, type HeapSnapshotData } from './heap-snapshot-util.mts';
+
+const [baseDirArg, headDirArg, baseOutputArg, headOutputArg, headHeapSnapshotOutputArg] = process.argv.slice(2);
+
+const baseUrl = process.env.FRONTEND_BROWSER_METRICS_URL ?? 'http://127.0.0.1:61812';
+const serverReadyTimeoutMs = util.readIntegerEnv('FRONTEND_BROWSER_METRICS_SERVER_READY_TIMEOUT_MS', 120_000, 1);
+const scenarioTimeoutMs = util.readIntegerEnv('FRONTEND_BROWSER_METRICS_SCENARIO_TIMEOUT_MS', 90_000, 1);
+const settleMs = util.readIntegerEnv('FRONTEND_BROWSER_METRICS_SETTLE_MS', 1_000, 0);
+const heapSnapshotBreakdownTopN = util.readIntegerEnv('FRONTEND_BROWSER_HEAP_SNAPSHOT_BREAKDOWN_TOP_N', 8, 1);
+
+type ChromeHandle = {
+	process: ChildProcessWithoutNullStreams;
+	port: number;
+	userDataDir: string;
+};
+
+type CdpResponse<T = any> = {
+	id?: number;
+	method?: string;
+	params?: any;
+	result?: T;
+	error?: {
+		code: number;
+		message: string;
+	};
+};
+
+type NetworkRequest = {
+	requestId: string;
+	url: string;
+	method: string;
+	resourceType: string;
+	startedAt: number;
+	status?: number;
+	mimeType?: string;
+	encodedDataLength: number;
+	decodedBodyLength: number;
+	fromDiskCache: boolean;
+	fromServiceWorker: boolean;
+	finished: boolean;
+	failed: boolean;
+	errorText?: string;
+};
+
+type NetworkSummary = {
+	requestCount: number;
+	finishedRequestCount: number;
+	failedRequestCount: number;
+	cachedRequestCount: number;
+	serviceWorkerRequestCount: number;
+	totalEncodedBytes: number;
+	totalDecodedBodyBytes: number;
+	sameOriginEncodedBytes: number;
+	thirdPartyEncodedBytes: number;
+	byResourceType: Record<string, {
+		requests: number;
+		encodedBytes: number;
+		decodedBodyBytes: number;
+	}>;
+	largestRequests: {
+		url: string;
+		method: string;
+		resourceType: string;
+		status?: number;
+		encodedBytes: number;
+		decodedBodyBytes: number;
+	}[];
+	failedRequests: {
+		url: string;
+		method: string;
+		resourceType: string;
+		errorText?: string;
+		status?: number;
+	}[];
+};
+
+type BrowserMeasurement = {
+	label: string;
+	timestamp: string;
+	url: string;
+	scenario: string;
+	durationMs: number;
+	network: NetworkSummary;
+	performance: {
+		cdpMetrics: Record<string, number>;
+		runtimeHeap?: {
+			usedSize: number;
+			totalSize: number;
+		};
+		webVitals: {
+			firstPaintMs?: number;
+			firstContentfulPaintMs?: number;
+			domContentLoadedEventEndMs?: number;
+			loadEventEndMs?: number;
+			longTaskCount: number;
+			longTaskDurationMs: number;
+			maxLongTaskDurationMs: number;
+			resourceEntryCount: number;
+			domElements: number;
+		};
+	};
+	heapSnapshot: HeapSnapshotData;
+};
+
+class CdpClient {
+	private nextId = 1;
+	private callbacks = new Map<number, {
+		resolve: (value: any) => void;
+		reject: (error: Error) => void;
+	}>();
+	private eventHandlers = new Map<string, Set<(params: any) => void>>();
+	private ws: WebSocket;
+
+	private constructor(ws: WebSocket) {
+		this.ws = ws;
+		ws.addEventListener('message', event => {
+			const message = JSON.parse(String(event.data)) as CdpResponse;
+			if (message.id != null) {
+				const callback = this.callbacks.get(message.id);
+				if (callback == null) return;
+				this.callbacks.delete(message.id);
+				if (message.error != null) {
+					callback.reject(new Error(`${message.error.message} (${message.error.code})`));
+				} else {
+					callback.resolve(message.result);
+				}
+				return;
+			}
+
+			if (message.method != null) {
+				for (const handler of this.eventHandlers.get(message.method) ?? []) {
+					handler(message.params);
+				}
+			}
+		});
+
+		ws.addEventListener('close', () => {
+			for (const callback of this.callbacks.values()) {
+				callback.reject(new Error('CDP websocket closed'));
+			}
+			this.callbacks.clear();
+		});
+	}
+
+	static async connect(wsUrl: string) {
+		const ws = new WebSocket(wsUrl);
+		await new Promise<void>((resolvePromise, reject) => {
+			ws.addEventListener('open', () => resolvePromise(), { once: true });
+			ws.addEventListener('error', () => reject(new Error(`Failed to connect to ${wsUrl}`)), { once: true });
+		});
+		return new CdpClient(ws);
+	}
+
+	on(method: string, handler: (params: any) => void) {
+		const handlers = this.eventHandlers.get(method) ?? new Set();
+		handlers.add(handler);
+		this.eventHandlers.set(method, handlers);
+	}
+
+	send<T = any>(method: string, params: Record<string, unknown> = {}): Promise<T> {
+		const id = this.nextId++;
+		this.ws.send(JSON.stringify({ id, method, params }));
+
+		return new Promise<T>((resolvePromise, reject) => {
+			this.callbacks.set(id, {
+				resolve: resolvePromise,
+				reject,
+			});
+		});
+	}
+
+	close() {
+		this.ws.close();
+	}
+}
+
+function sleep(ms: number) {
+	return new Promise(resolvePromise => setTimeout(resolvePromise, ms));
+}
+
+async function fetchJson<T>(url: string, options?: RequestInit) {
+	const response = await fetch(url, options);
+	if (!response.ok) {
+		throw new Error(`${url} returned ${response.status}: ${await response.text()}`);
+	}
+	return await response.json() as T;
+}
+
+function findChrome() {
+	const envChrome = process.env.CHROME_BIN ?? process.env.GOOGLE_CHROME_BIN;
+	if (envChrome != null && envChrome !== '') return envChrome;
+
+	const candidates = process.platform === 'win32'
+		? [
+			'chrome.exe',
+			'msedge.exe',
+		]
+		: [
+			'google-chrome',
+			'google-chrome-stable',
+			'chromium',
+			'chromium-browser',
+		];
+
+	for (const candidate of candidates) {
+		const result = spawnSync(candidate, ['--version'], {
+			stdio: 'ignore',
+			shell: process.platform === 'win32',
+		});
+		if (result.status === 0) return candidate;
+	}
+
+	throw new Error('Could not find Chrome or Chromium. Set CHROME_BIN to the browser executable.');
+}
+
+async function launchChrome(label: string): Promise<ChromeHandle> {
+	const chrome = findChrome();
+	const port = label === 'base' ? 9222 : 9223;
+	const userDataDir = await mkdtemp(join(tmpdir(), `misskey-browser-metrics-${label}-`));
+	const child = spawn(chrome, [
+		'--headless=new',
+		'--disable-gpu',
+		'--disable-dev-shm-usage',
+		'--disable-background-networking',
+		'--disable-default-apps',
+		'--disable-extensions',
+		'--disable-sync',
+		'--metrics-recording-only',
+		'--no-first-run',
+		'--no-default-browser-check',
+		'--no-sandbox',
+		`--remote-debugging-port=${port}`,
+		`--user-data-dir=${userDataDir}`,
+		'about:blank',
+	], {
+		stdio: ['ignore', 'pipe', 'pipe'],
+	});
+
+	child.stdout.on('data', data => process.stderr.write(`[chrome:${label}] ${data}`));
+	child.stderr.on('data', data => process.stderr.write(`[chrome:${label}] ${data}`));
+
+	const startedAt = Date.now();
+	while (Date.now() - startedAt < 30_000) {
+		if (child.exitCode != null) throw new Error(`Chrome exited early with code ${child.exitCode}`);
+		try {
+			await fetchJson(`http://127.0.0.1:${port}/json/version`);
+			return {
+				process: child,
+				port,
+				userDataDir,
+			};
+		} catch {
+			await sleep(250);
+		}
+	}
+
+	throw new Error('Timed out waiting for Chrome DevTools Protocol');
+}
+
+async function closeChrome(handle: ChromeHandle) {
+	handle.process.kill();
+	await new Promise<void>(resolvePromise => {
+		if (handle.process.exitCode != null) {
+			resolvePromise();
+			return;
+		}
+		handle.process.once('exit', () => resolvePromise());
+		setTimeout(() => {
+			handle.process.kill('SIGKILL');
+			resolvePromise();
+		}, 5_000).unref();
+	});
+	await rm(handle.userDataDir, { recursive: true, force: true });
+}
+
+async function connectPage(port: number) {
+	const page = await fetchJson<{ webSocketDebuggerUrl: string }>(
+		`http://127.0.0.1:${port}/json/new?${encodeURIComponent('about:blank')}`,
+		{ method: 'PUT' },
+	).catch(async () => await fetchJson<{ webSocketDebuggerUrl: string }>(
+		`http://127.0.0.1:${port}/json/new?${encodeURIComponent('about:blank')}`,
+	));
+	return await CdpClient.connect(page.webSocketDebuggerUrl);
+}
+
+function startServer(label: string, repoDir: string) {
+	process.stderr.write(`[${label}] Starting Misskey test server\n`);
+	const child = spawn(util.commandName('pnpm'), ['start:test'], {
+		cwd: repoDir,
+		env: process.env,
+		stdio: ['ignore', 'pipe', 'pipe'],
+		detached: process.platform !== 'win32',
+	});
+	child.stdout.on('data', data => process.stderr.write(`[server:${label}] ${data}`));
+	child.stderr.on('data', data => process.stderr.write(`[server:${label}] ${data}`));
+	return child;
+}
+
+async function stopServer(child: ChildProcessWithoutNullStreams) {
+	if (child.exitCode != null) return;
+
+	if (process.platform === 'win32') {
+		spawnSync('taskkill', ['/pid', String(child.pid), '/t', '/f'], { stdio: 'ignore' });
+	} else if (child.pid != null) {
+		try {
+			process.kill(-child.pid, 'SIGTERM');
+		} catch {
+			child.kill('SIGTERM');
+		}
+	}
+
+	await new Promise<void>(resolvePromise => {
+		if (child.exitCode != null) {
+			resolvePromise();
+			return;
+		}
+		child.once('exit', () => resolvePromise());
+		setTimeout(() => {
+			if (child.pid != null) {
+				try {
+					if (process.platform === 'win32') {
+						spawnSync('taskkill', ['/pid', String(child.pid), '/t', '/f'], { stdio: 'ignore' });
+					} else {
+						process.kill(-child.pid, 'SIGKILL');
+					}
+				} catch {
+					child.kill('SIGKILL');
+				}
+			}
+			resolvePromise();
+		}, 10_000).unref();
+	});
+}
+
+async function waitForServer(child: ChildProcessWithoutNullStreams) {
+	const startedAt = Date.now();
+	while (Date.now() - startedAt < serverReadyTimeoutMs) {
+		if (child.exitCode != null) throw new Error(`Misskey server exited early with code ${child.exitCode}`);
+		try {
+			const response = await fetch(`${baseUrl}/`, { redirect: 'manual' });
+			if (response.status < 500) return;
+		} catch {
+			// retry
+		}
+		await sleep(1_000);
+	}
+	throw new Error(`Timed out waiting for ${baseUrl}`);
+}
+
+async function api(endpoint: string, body: Record<string, unknown>) {
+	const response = await fetch(`${baseUrl}/api/${endpoint}`, {
+		method: 'POST',
+		headers: {
+			'content-type': 'application/json',
+		},
+		body: JSON.stringify(body),
+	});
+	if (!response.ok) {
+		throw new Error(`/api/${endpoint} returned ${response.status}: ${await response.text()}`);
+	}
+	if (response.status === 204) return null;
+	return await response.json();
+}
+
+async function prepareInstance() {
+	await api('reset-db', {});
+	await api('admin/accounts/create', {
+		username: 'admin',
+		password: 'admin1234',
+		setupPassword: 'example_password_please_change_this_or_you_will_get_hacked',
+	});
+}
+
+function installNetworkTracker(cdp: CdpClient): NetworkRequest[] {
+	const requests = new Map<string, NetworkRequest>();
+	const requestRows: NetworkRequest[] = [];
+
+	cdp.on('Network.requestWillBeSent', params => {
+		if (params.request?.url == null) return;
+		const row: NetworkRequest = {
+			requestId: params.requestId,
+			url: params.request.url,
+			method: params.request.method ?? 'GET',
+			resourceType: params.type ?? 'Other',
+			startedAt: params.timestamp ?? 0,
+			encodedDataLength: 0,
+			decodedBodyLength: 0,
+			fromDiskCache: false,
+			fromServiceWorker: false,
+			finished: false,
+			failed: false,
+		};
+		requests.set(params.requestId, row);
+		requestRows.push(row);
+	});
+
+	cdp.on('Network.responseReceived', params => {
+		const row = requests.get(params.requestId);
+		if (row == null) return;
+		row.status = params.response?.status;
+		row.mimeType = params.response?.mimeType;
+		row.fromDiskCache = params.response?.fromDiskCache === true;
+		row.fromServiceWorker = params.response?.fromServiceWorker === true;
+	});
+
+	cdp.on('Network.dataReceived', params => {
+		const row = requests.get(params.requestId);
+		if (row == null) return;
+		row.decodedBodyLength += params.dataLength ?? 0;
+		row.encodedDataLength += params.encodedDataLength ?? 0;
+	});
+
+	cdp.on('Network.loadingFinished', params => {
+		const row = requests.get(params.requestId);
+		if (row == null) return;
+		row.finished = true;
+		row.encodedDataLength = Math.max(row.encodedDataLength, params.encodedDataLength ?? 0);
+	});
+
+	cdp.on('Network.loadingFailed', params => {
+		const row = requests.get(params.requestId);
+		if (row == null) return;
+		row.failed = true;
+		row.finished = true;
+		row.errorText = params.errorText;
+	});
+
+	return requestRows;
+}
+
+function isMeasurableRequest(row: NetworkRequest) {
+	return !row.url.startsWith('data:') && !row.url.startsWith('blob:') && !row.url.startsWith('devtools:');
+}
+
+function summarizeNetwork(requestRows: NetworkRequest[]): NetworkSummary {
+	const origin = new URL(baseUrl).origin;
+	const rows = requestRows.filter(isMeasurableRequest);
+	const byResourceType = {} as NetworkSummary['byResourceType'];
+
+	for (const row of rows) {
+		const summary = byResourceType[row.resourceType] ?? {
+			requests: 0,
+			encodedBytes: 0,
+			decodedBodyBytes: 0,
+		};
+		summary.requests += 1;
+		summary.encodedBytes += row.encodedDataLength;
+		summary.decodedBodyBytes += row.decodedBodyLength;
+		byResourceType[row.resourceType] = summary;
+	}
+
+	function isSameOrigin(url: string) {
+		try {
+			return new URL(url).origin === origin;
+		} catch {
+			return false;
+		}
+	}
+
+	return {
+		requestCount: rows.length,
+		finishedRequestCount: rows.filter(row => row.finished).length,
+		failedRequestCount: rows.filter(row => row.failed).length,
+		cachedRequestCount: rows.filter(row => row.fromDiskCache).length,
+		serviceWorkerRequestCount: rows.filter(row => row.fromServiceWorker).length,
+		totalEncodedBytes: rows.reduce((sum, row) => sum + row.encodedDataLength, 0),
+		totalDecodedBodyBytes: rows.reduce((sum, row) => sum + row.decodedBodyLength, 0),
+		sameOriginEncodedBytes: rows
+			.filter(row => isSameOrigin(row.url))
+			.reduce((sum, row) => sum + row.encodedDataLength, 0),
+		thirdPartyEncodedBytes: rows
+			.filter(row => !isSameOrigin(row.url))
+			.reduce((sum, row) => sum + row.encodedDataLength, 0),
+		byResourceType,
+		largestRequests: rows
+			.toSorted((a, b) => b.encodedDataLength - a.encodedDataLength)
+			.slice(0, 15)
+			.map(row => ({
+				url: row.url,
+				method: row.method,
+				resourceType: row.resourceType,
+				status: row.status,
+				encodedBytes: row.encodedDataLength,
+				decodedBodyBytes: row.decodedBodyLength,
+			})),
+		failedRequests: rows
+			.filter(row => row.failed)
+			.map(row => ({
+				url: row.url,
+				method: row.method,
+				resourceType: row.resourceType,
+				errorText: row.errorText,
+				status: row.status,
+			})),
+	};
+}
+
+async function evaluate<T>(cdp: CdpClient, expression: string, timeoutMs = 30_000): Promise<T> {
+	const result = await cdp.send<{
+		result: { value: T };
+		exceptionDetails?: unknown;
+	}>('Runtime.evaluate', {
+		expression,
+		awaitPromise: true,
+		returnByValue: true,
+		timeout: timeoutMs,
+	});
+
+	if (result.exceptionDetails != null) {
+		throw new Error(`Runtime.evaluate failed: ${JSON.stringify(result.exceptionDetails)}`);
+	}
+
+	return result.result.value;
+}
+
+function selectorReadyExpression(selector: string, options: { visible?: boolean; enabled?: boolean } = {}) {
+	return `(() => {
+		const el = document.querySelector(${JSON.stringify(selector)});
+		if (el == null) return false;
+		const style = window.getComputedStyle(el);
+		const rect = el.getBoundingClientRect();
+		if (${options.visible === true ? 'true' : 'false'} && (style.visibility === 'hidden' || style.display === 'none' || rect.width === 0 || rect.height === 0)) return false;
+		if (${options.enabled === true ? 'true' : 'false'} && (el.disabled || el.getAttribute('aria-disabled') === 'true')) return false;
+		return true;
+	})()`;
+}
+
+async function waitForSelector(cdp: CdpClient, selector: string, options: { timeoutMs?: number; visible?: boolean; enabled?: boolean } = {}) {
+	const startedAt = Date.now();
+	const timeoutMs = options.timeoutMs ?? scenarioTimeoutMs;
+	while (Date.now() - startedAt < timeoutMs) {
+		const ready = await evaluate<boolean>(cdp, selectorReadyExpression(selector, options), 5_000);
+		if (ready) return true;
+		await sleep(250);
+	}
+	return false;
+}
+
+async function waitForAnySelector(cdp: CdpClient, selectors: string[], options: { timeoutMs?: number; visible?: boolean; enabled?: boolean } = {}) {
+	const startedAt = Date.now();
+	const timeoutMs = options.timeoutMs ?? scenarioTimeoutMs;
+	while (Date.now() - startedAt < timeoutMs) {
+		for (const selector of selectors) {
+			const ready = await evaluate<boolean>(cdp, selectorReadyExpression(selector, options), 5_000);
+			if (ready) return selector;
+		}
+		await sleep(250);
+	}
+	return null;
+}
+
+async function click(cdp: CdpClient, selector: string) {
+	const found = await waitForSelector(cdp, selector, { visible: true, enabled: true });
+	if (!found) throw new Error(`Selector was not clickable: ${selector}`);
+	await evaluate<void>(cdp, `(() => {
+		const el = document.querySelector(${JSON.stringify(selector)});
+		if (el == null) throw new Error('Element not found');
+		el.scrollIntoView({ block: 'center', inline: 'center' });
+		el.click();
+	})()`);
+}
+
+async function maybeClick(cdp: CdpClient, selector: string, timeoutMs = 3_000) {
+	if (await waitForSelector(cdp, selector, { visible: true, enabled: true, timeoutMs })) {
+		await click(cdp, selector);
+		return true;
+	}
+	return false;
+}
+
+async function setValue(cdp: CdpClient, selector: string, value: string) {
+	const found = await waitForSelector(cdp, selector, { visible: true, enabled: true });
+	if (!found) throw new Error(`Selector was not editable: ${selector}`);
+	await evaluate<void>(cdp, `(() => {
+		const el = document.querySelector(${JSON.stringify(selector)});
+		if (el == null) throw new Error('Element not found');
+		el.scrollIntoView({ block: 'center', inline: 'center' });
+		el.focus();
+		const proto = Object.getPrototypeOf(el);
+		const descriptor = Object.getOwnPropertyDescriptor(proto, 'value');
+		if (descriptor?.set != null) {
+			descriptor.set.call(el, ${JSON.stringify(value)});
+		} else {
+			el.value = ${JSON.stringify(value)};
+		}
+		el.dispatchEvent(new InputEvent('input', { bubbles: true, inputType: 'insertText', data: ${JSON.stringify(value)} }));
+		el.dispatchEvent(new Event('change', { bubbles: true }));
+	})()`);
+}
+
+async function waitForText(cdp: CdpClient, text: string, timeoutMs = scenarioTimeoutMs) {
+	const startedAt = Date.now();
+	while (Date.now() - startedAt < timeoutMs) {
+		const found = await evaluate<boolean>(cdp, `document.body?.innerText?.includes(${JSON.stringify(text)}) === true`, 5_000);
+		if (found) return true;
+		await sleep(250);
+	}
+	return false;
+}
+
+async function runSignupAndPostScenario(cdp: CdpClient) {
+	const noteText = `Frontend browser metrics ${Date.now()}`;
+
+	await cdp.send('Page.navigate', { url: `${baseUrl}/` });
+	const initialSelector = await waitForAnySelector(cdp, ['[data-cy-signup]', '[data-cy-open-post-form]'], { visible: true, timeoutMs: scenarioTimeoutMs });
+	if (initialSelector == null) throw new Error('Timed out waiting for the signup or timeline entry point');
+
+	if (await waitForSelector(cdp, '[data-cy-signup]', { visible: true, enabled: true, timeoutMs: 5_000 })) {
+		await click(cdp, '[data-cy-signup]');
+
+		if (await waitForSelector(cdp, '[data-cy-signup-rules-continue]', { visible: true, timeoutMs: 5_000 })) {
+			await click(cdp, '[data-cy-signup-rules-notes-agree] [data-cy-switch-toggle]');
+			await maybeClick(cdp, '[data-cy-modal-dialog-ok]', 5_000);
+			await click(cdp, '[data-cy-signup-rules-continue]');
+		}
+
+		await setValue(cdp, '[data-cy-signup-username] input', 'alice');
+		await setValue(cdp, '[data-cy-signup-password] input', 'alice1234');
+		await setValue(cdp, '[data-cy-signup-password-retype] input', 'alice1234');
+		if (await waitForSelector(cdp, '[data-cy-signup-invitation-code] input', { visible: true, enabled: true, timeoutMs: 2_000 })) {
+			await setValue(cdp, '[data-cy-signup-invitation-code] input', 'test-invitation-code');
+		}
+		await click(cdp, '[data-cy-signup-submit]');
+	}
+
+	const firstReadySelector = await waitForAnySelector(cdp, [
+		'[data-cy-user-setup] [data-cy-modal-window-close]',
+		'[data-cy-open-post-form]',
+	], { visible: true, enabled: true, timeoutMs: scenarioTimeoutMs });
+	if (firstReadySelector == null) throw new Error('Timed out waiting for signed-in home timeline');
+
+	if (firstReadySelector === '[data-cy-user-setup] [data-cy-modal-window-close]') {
+		await click(cdp, '[data-cy-user-setup] [data-cy-modal-window-close]');
+		await maybeClick(cdp, '[data-cy-modal-dialog-ok]', 5_000);
+	}
+
+	await click(cdp, '[data-cy-open-post-form]');
+	await setValue(cdp, '[data-cy-post-form-text]', noteText);
+	await click(cdp, '[data-cy-open-post-form-submit]');
+
+	if (!await waitForText(cdp, noteText, scenarioTimeoutMs)) {
+		throw new Error('The first timeline note did not appear');
+	}
+
+	await sleep(settleMs);
+}
+
+async function collectPerformance(cdp: CdpClient): Promise<BrowserMeasurement['performance']> {
+	const cdpMetricsResult = await cdp.send<{ metrics: { name: string; value: number }[] }>('Performance.getMetrics');
+	const cdpMetrics = Object.fromEntries(cdpMetricsResult.metrics.map(metric => [metric.name, metric.value]));
+	const runtimeHeap = await cdp.send<{ usedSize: number; totalSize: number }>('Runtime.getHeapUsage').catch(() => undefined);
+	const webVitals = await evaluate<BrowserMeasurement['performance']['webVitals']>(cdp, `(() => {
+		const navigation = performance.getEntriesByType('navigation')[0];
+		const paintEntries = Object.fromEntries(performance.getEntriesByType('paint').map(entry => [entry.name, entry.startTime]));
+		const longTasks = performance.getEntriesByType('longtask');
+		const resourceEntries = performance.getEntriesByType('resource');
+		return {
+			firstPaintMs: paintEntries['first-paint'],
+			firstContentfulPaintMs: paintEntries['first-contentful-paint'],
+			domContentLoadedEventEndMs: navigation?.domContentLoadedEventEnd,
+			loadEventEndMs: navigation?.loadEventEnd,
+			longTaskCount: longTasks.length,
+			longTaskDurationMs: longTasks.reduce((sum, entry) => sum + entry.duration, 0),
+			maxLongTaskDurationMs: longTasks.reduce((max, entry) => Math.max(max, entry.duration), 0),
+			resourceEntryCount: resourceEntries.length,
+			domElements: document.getElementsByTagName('*').length,
+		};
+	})()`);
+
+	return {
+		cdpMetrics,
+		runtimeHeap,
+		webVitals,
+	};
+}
+
+function emptyHeapSnapshotData(): HeapSnapshotData {
+	const categories = {} as HeapSnapshotData['categories'];
+	const nodeCounts = {} as HeapSnapshotData['nodeCounts'];
+	for (const category of Object.keys(heapSnapshotCategory) as (keyof typeof heapSnapshotCategory)[]) {
+		categories[category] = 0;
+		nodeCounts[category] = 0;
+	}
+	return {
+		categories,
+		nodeCounts,
+		breakdowns: {} as HeapSnapshotData['breakdowns'],
+	};
+}
+
+function categorizeHeapNode(type: string, name: string): keyof typeof heapSnapshotCategory {
+	if (/^(ArrayBuffer|SharedArrayBuffer|DataView|(?:Big)?(?:Int|Uint|Float)(?:8|16|32|64)?(?:Clamped)?Array)$/u.test(name)) return 'typedArrays';
+	if (type === 'code' || type === 'closure') return 'code';
+	if (type === 'string' || type === 'concatenated string' || type === 'sliced string' || type === 'symbol') return 'strings';
+	if (type === 'array') return 'jsArrays';
+	if (type === 'hidden' || type === 'synthetic' || type === 'object shape') return 'systemObjects';
+	if (type === 'native') return 'otherNonJsObjects';
+	if (type === 'object' || type === 'regexp' || type === 'number' || type === 'bigint') return 'otherJsObjects';
+	return 'otherNonJsObjects';
+}
+
+function collapseBreakdown(entries: Map<string, number>) {
+	const sorted = [...entries]
+		.filter(([, value]) => value > 0)
+		.toSorted((a, b) => b[1] - a[1]);
+	const topEntries = sorted.slice(0, heapSnapshotBreakdownTopN);
+	const otherValue = sorted
+		.slice(heapSnapshotBreakdownTopN)
+		.reduce((sum, [, value]) => sum + value, 0);
+	const collapsed = Object.fromEntries(topEntries);
+	if (otherValue > 0) collapsed.Other = otherValue;
+	return collapsed;
+}
+
+function summarizeHeapSnapshot(snapshot: any): HeapSnapshotData {
+	const result = emptyHeapSnapshotData();
+	const nodeFields = snapshot.snapshot.meta.node_fields as string[];
+	const nodeTypes = snapshot.snapshot.meta.node_types as unknown[][];
+	const nodes = snapshot.nodes as number[];
+	const strings = snapshot.strings as string[];
+	const fieldCount = nodeFields.length;
+	const typeOffset = nodeFields.indexOf('type');
+	const nameOffset = nodeFields.indexOf('name');
+	const selfSizeOffset = nodeFields.indexOf('self_size');
+	const typeNames = nodeTypes[typeOffset] as string[];
+	const breakdownMaps = {} as Record<keyof typeof heapSnapshotCategory, Map<string, number>>;
+
+	for (const category of Object.keys(heapSnapshotCategory) as (keyof typeof heapSnapshotCategory)[]) {
+		if (category !== 'total') breakdownMaps[category] = new Map();
+	}
+
+	for (let offset = 0; offset < nodes.length; offset += fieldCount) {
+		const type = typeNames[nodes[offset + typeOffset]] ?? 'unknown';
+		const name = strings[nodes[offset + nameOffset]] ?? '';
+		const selfSize = nodes[offset + selfSizeOffset] ?? 0;
+		const category = categorizeHeapNode(type, name);
+
+		result.categories.total += selfSize;
+		result.nodeCounts.total += 1;
+		result.categories[category] += selfSize;
+		result.nodeCounts[category] += 1;
+
+		const label = `${type}: ${name || '(anonymous)'}`;
+		breakdownMaps[category].set(label, (breakdownMaps[category].get(label) ?? 0) + selfSize);
+	}
+
+	result.breakdowns = {} as HeapSnapshotData['breakdowns'];
+	for (const [category, entries] of Object.entries(breakdownMaps) as [keyof typeof heapSnapshotCategory, Map<string, number>][]) {
+		const collapsed = collapseBreakdown(entries);
+		if (Object.keys(collapsed).length > 0) {
+			result.breakdowns[category] = collapsed;
+		}
+	}
+
+	return result;
+}
+
+async function takeHeapSnapshot(cdp: CdpClient, savePath?: string) {
+	const chunks: string[] = [];
+	cdp.on('HeapProfiler.addHeapSnapshotChunk', params => {
+		chunks.push(params.chunk);
+	});
+
+	await cdp.send('HeapProfiler.enable');
+	await cdp.send('HeapProfiler.collectGarbage');
+	await cdp.send('HeapProfiler.takeHeapSnapshot', { reportProgress: false });
+
+	const content = chunks.join('');
+	if (savePath != null) {
+		await writeFile(savePath, content);
+	}
+
+	return summarizeHeapSnapshot(JSON.parse(content));
+}
+
+async function measureRepo(label: 'base' | 'head', repoDir: string, outputPath: string, heapSnapshotSavePath?: string) {
+	let server: ChildProcessWithoutNullStreams | null = null;
+	let chrome: ChromeHandle | null = null;
+	let cdp: CdpClient | null = null;
+
+	try {
+		server = startServer(label, repoDir);
+		await waitForServer(server);
+		await prepareInstance();
+
+		chrome = await launchChrome(label);
+		cdp = await connectPage(chrome.port);
+
+		const networkRequests = installNetworkTracker(cdp);
+		await cdp.send('Network.enable');
+		await cdp.send('Network.setCacheDisabled', { cacheDisabled: true });
+		await cdp.send('Network.setBypassServiceWorker', { bypass: true });
+		await cdp.send('Page.enable');
+		await cdp.send('Runtime.enable');
+		await cdp.send('Performance.enable');
+
+		const startedAt = Date.now();
+		await runSignupAndPostScenario(cdp);
+		const durationMs = Date.now() - startedAt;
+		const performance = await collectPerformance(cdp);
+		const heapSnapshot = await takeHeapSnapshot(cdp, heapSnapshotSavePath);
+		const measurement: BrowserMeasurement = {
+			label,
+			timestamp: new Date().toISOString(),
+			url: baseUrl,
+			scenario: 'fresh browser signup, first timeline note, after the note becomes visible',
+			durationMs,
+			network: summarizeNetwork(networkRequests),
+			performance,
+			heapSnapshot,
+		};
+
+		await writeFile(outputPath, JSON.stringify(measurement, null, '\t'));
+		process.stderr.write(`[${label}] Wrote browser measurement to ${outputPath}\n`);
+	} finally {
+		cdp?.close();
+		if (chrome != null) await closeChrome(chrome);
+		if (server != null) await stopServer(server);
+	}
+}
+
+async function main() {
+	if (baseDirArg == null || headDirArg == null || baseOutputArg == null || headOutputArg == null) {
+		throw new Error('Usage: node measure-frontend-browser-comparison.mts <base-dir> <head-dir> <base-output.json> <head-output.json> [head-heap-snapshot.heapsnapshot]');
+	}
+
+	await measureRepo('base', resolve(baseDirArg), resolve(baseOutputArg));
+	await measureRepo('head', resolve(headDirArg), resolve(headOutputArg), headHeapSnapshotOutputArg == null ? undefined : resolve(headHeapSnapshotOutputArg));
+}
+
+await main();

.github/scripts/utility.mts

@@ -0,0 +1,204 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+// NOTE: このファイルはworkflow上でバックエンドからも参照されるため、side effectがあってはならない
+
+import { spawn } from 'node:child_process';
+import { promises as fs } from 'node:fs';
+import path from 'node:path';
+
+export function median(values: number[]) {
+	const sorted = values.toSorted((a, b) => a - b);
+	const center = Math.floor(sorted.length / 2);
+	if (sorted.length % 2 === 1) return sorted[center];
+	return Math.round((sorted[center - 1] + sorted[center]) / 2);
+}
+
+export function mad(values: number[]) {
+	if (values.length < 2) throw new Error('Not enough samples to calculate MAD');
+
+	const center = median(values);
+	return median(values.map(value => Math.abs(value - center)));
+}
+
+function getSamplesByRound<T extends { round: number; }[]>(samples: T) {
+	const samplesByRound = new Map<number, T[number]>();
+	for (const sample of samples) {
+		if (sample.round <= 0) continue;
+		samplesByRound.set(sample.round, sample);
+	}
+	return samplesByRound;
+}
+
+export function pairedDeltaSummary<T extends { round: number; }[]>(baseSamples: T, headSamples: T, getValue: (sample: T[number]) => number | null) {
+	const baseSamplesByRound = getSamplesByRound(baseSamples);
+	const headSamplesByRound = getSamplesByRound(headSamples);
+	const values = [];
+
+	for (const [round, baseSample] of baseSamplesByRound) {
+		const headSample = headSamplesByRound.get(round);
+		if (headSample == null) continue;
+
+		const baseValue = getValue(baseSample);
+		const headValue = getValue(headSample);
+		if (baseValue == null || headValue == null) continue;
+
+		values.push(headValue - baseValue);
+	}
+
+	return {
+		median: median(values),
+		mad: mad(values),
+		min: Math.min(...values),
+		max: Math.max(...values),
+		samples: values.length,
+	};
+}
+
+export function normalizePath(filePath: string) {
+	return filePath.split(path.sep).join('/');
+}
+
+export async function fileExists(filePath: string) {
+	try {
+		await fs.access(filePath);
+		return true;
+	} catch {
+		return false;
+	}
+}
+
+export async function fileSize(filePath: string) {
+	const stat = await fs.stat(filePath);
+	return stat.size;
+}
+
+export async function* traverseDirectory(dir: string): AsyncGenerator<string> {
+	for (const entry of await fs.readdir(dir, { withFileTypes: true })) {
+		const fullPath = path.join(dir, entry.name);
+		if (entry.isDirectory()) {
+			yield* traverseDirectory(fullPath);
+		} else if (entry.isFile()) {
+			yield fullPath;
+		}
+	}
+}
+
+export function escapeLatex(text: string) {
+	return text
+		.replaceAll('\\', '\\\\')
+		.replaceAll('{', '\\{')
+		.replaceAll('}', '\\}')
+		.replaceAll('%', '\\%');
+}
+
+export function formatColoredDelta(text: string, delta: number) {
+	if (delta === 0) return text;
+	const color = delta > 0 ? 'orange' : 'green';
+	const sign = delta > 0 ? '+' : '-';
+	return `$\\color{${color}}{\\text{${sign}${escapeLatex(text)}}}$`;
+}
+
+const numberFormatter = new Intl.NumberFormat('en-US', {
+	maximumFractionDigits: 1,
+});
+
+export function formatNumber(value: number) {
+	return numberFormatter.format(value);
+}
+
+export function formatBytes(value: number) {
+	if (value === 0) return '0 B';
+	const units = ['B', 'KB', 'MB', 'GB'];
+	let unitIndex = 0;
+	let size = value;
+	while (size >= 1024 && unitIndex < units.length - 1) {
+		size /= 1024;
+		unitIndex += 1;
+	}
+
+	const maximumFractionDigits = size >= 10 || unitIndex === 0 ? 0 : 1;
+	return `${numberFormatter.format(Number(size.toFixed(maximumFractionDigits)))} ${units[unitIndex]}`;
+}
+
+export function calcAndFormatDeltaNumber(before: number, after: number) {
+	if (before == null || after == null) return '-';
+	const delta = after - before;
+	return formatColoredDelta(formatNumber(Math.abs(delta)), delta);
+}
+
+export function formatDeltaBytes(deltaBytes: number) {
+	return formatColoredDelta(formatBytes(Math.abs(deltaBytes)), deltaBytes);
+}
+
+export function calcAndFormatDeltaBytes(before: number, after: number) {
+	if (before == null || after == null) return '-';
+	const delta = after - before;
+	return formatDeltaBytes(delta);
+}
+
+export function formatPercent(value: number) {
+	return `${formatNumber(value)}%`;
+}
+
+export function formatDeltaPercent(deltaPercent: number) {
+	if (deltaPercent === 0) return '0%';
+	return formatColoredDelta(formatPercent(Math.abs(deltaPercent)), deltaPercent);
+}
+
+export function calcAndFormatDeltaPercent(before: number, after: number) {
+	if (before == null || before === 0 || after == null || after === 0) return '-';
+	const delta = after - before;
+	return formatDeltaPercent(delta / before * 100);
+}
+
+export function commandName(command: string) {
+	if (process.platform !== 'win32') return command;
+	if (command === 'pnpm') return 'pnpm.cmd';
+	return command;
+}
+
+export function readIntegerEnv(name: string, defaultValue: number, min: number) {
+	const rawValue = process.env[name];
+	if (rawValue == null || rawValue === '') return defaultValue;
+	if (!/^\d+$/.test(rawValue)) throw new Error(`${name} must be an integer`);
+
+	const value = Number(rawValue);
+	if (!Number.isSafeInteger(value) || value < min) throw new Error(`${name} must be >= ${min}`);
+	return value;
+}
+
+export function run(command: string, args: string[], options: { cwd?: string; env?: NodeJS.ProcessEnv; logStdout?: boolean } = {}) {
+	return new Promise<string>((resolvePromise, reject) => {
+		const child = spawn(commandName(command), args, {
+			cwd: options.cwd,
+			env: options.env,
+			stdio: ['ignore', 'pipe', 'pipe'],
+		});
+
+		let stdout = '';
+		let stderr = '';
+
+		child.stdout.on('data', data => {
+			stdout += data;
+			if (options.logStdout) process.stderr.write(data);
+		});
+
+		child.stderr.on('data', data => {
+			stderr += data;
+			process.stderr.write(data);
+		});
+
+		child.on('error', reject);
+
+		child.on('close', code => {
+			if (code === 0) {
+				resolvePromise(stdout);
+			} else {
+				reject(new Error(`${command} ${args.join(' ')} failed with exit code ${code}\n${stderr}`));
+			}
+		});
+	});
+}

.github/workflows/api-misskey-js.yml

@@ -16,10 +16,10 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v6.0.3
+        uses: actions/checkout@v6.0.2
 
       - name: Setup pnpm
-        uses: pnpm/action-setup@v6.0.9
+        uses: pnpm/action-setup@v6.0.3
 
       - name: Setup Node.js
         uses: actions/setup-node@v6.4.0

.github/workflows/changelog-check.yml

@@ -12,16 +12,11 @@ jobs:
 
     steps:
       - name: Checkout head
-        uses: actions/checkout@v6.0.3
-
-      - name: setup pnpm
-        uses: pnpm/action-setup@v6
-
-      - name: setup node
+        uses: actions/checkout@v6.0.2
+      - name: Setup Node.js
         uses: actions/setup-node@v6.4.0
         with:
           node-version-file: '.node-version'
-          cache: pnpm
 
       - name: Checkout base
         run: |
@@ -32,16 +27,17 @@ jobs:
           git checkout origin/${{ github.base_ref }} CHANGELOG.md
 
       - name: Copy to Checker directory for CHANGELOG-base.md
-        run: cp _base/CHANGELOG.md packages-private/changelog-checker/CHANGELOG-base.md
+        run: cp _base/CHANGELOG.md scripts/changelog-checker/CHANGELOG-base.md
       - name: Copy to Checker directory for CHANGELOG-head.md
-        run: cp CHANGELOG.md packages-private/changelog-checker/CHANGELOG-head.md
+        run: cp CHANGELOG.md scripts/changelog-checker/CHANGELOG-head.md
       - name: diff
         continue-on-error: true
         run: diff -u CHANGELOG-base.md CHANGELOG-head.md
-        working-directory: packages-private/changelog-checker
-
-      - name: Install dependencies
-        run: pnpm --filter changelog-checker... install --frozen-lockfile
+        working-directory: scripts/changelog-checker
 
+      - name: Setup Checker
+        run: npm install
+        working-directory: scripts/changelog-checker
       - name: Run Checker
-        run: pnpm --filter changelog-checker check
+        run: npm run run
+        working-directory: scripts/changelog-checker

.github/workflows/check-misskey-js-autogen.yml

@@ -18,7 +18,7 @@ jobs:
     if: ${{ github.event.pull_request.mergeable == null || github.event.pull_request.mergeable == true }}
     steps:
       - name: checkout
-        uses: actions/checkout@v6.0.3
+        uses: actions/checkout@v6.0.2
         with:
           submodules: true
           persist-credentials: false
@@ -66,7 +66,7 @@ jobs:
     if: ${{ github.event.pull_request.mergeable == null || github.event.pull_request.mergeable == true }}
     steps:
       - name: checkout
-        uses: actions/checkout@v6.0.3
+        uses: actions/checkout@v6.0.2
         with:
           submodules: true
           persist-credentials: false

.github/workflows/check-misskey-js-version.yml

@@ -20,7 +20,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v6.0.3
+        uses: actions/checkout@v6.0.2
       - name: Check version
         run: |
           if [ "$(jq -r '.version' package.json)" != "$(jq -r '.version' packages/misskey-js/package.json)" ]; then

.github/workflows/check-spdx-license-id.yml

@@ -12,7 +12,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v6.0.3
+        uses: actions/checkout@v6.0.2
       - name: Check
         run: |
           counter=0
@@ -44,6 +44,7 @@ jobs:
           }
 
           directories=(
+            "cypress/e2e"
             "packages/backend/migration"
             "packages/backend/src"
             "packages/backend/test"

.github/workflows/check_copyright_year.yml

@@ -10,7 +10,7 @@ jobs:
   check_copyright_year:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v6.0.3
+    - uses: actions/checkout@v6.0.2
     - run: |
         if [ "$(grep Copyright COPYING | sed -e 's/.*2014-\([0-9]*\) .*/\1/g')" -ne "$(date +%Y)" ]; then
           echo "Please change copyright year!"

.github/workflows/docker-develop.yml

@@ -27,7 +27,7 @@ jobs:
           platform=${{ matrix.platform }}
           echo "PLATFORM_PAIR=${platform//\//-}" >> $GITHUB_ENV
       - name: Check out the repo
-        uses: actions/checkout@v6.0.3
+        uses: actions/checkout@v6.0.2
       - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v4
       - name: Log in to Docker Hub

.github/workflows/docker.yml

@@ -32,7 +32,7 @@ jobs:
           platform=${{ matrix.platform }}
           echo "PLATFORM_PAIR=${platform//\//-}" >> $GITHUB_ENV
       - name: Check out the repo
-        uses: actions/checkout@v6.0.3
+        uses: actions/checkout@v6.0.2
       - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v4
       - name: Docker meta

.github/workflows/dockle.yml

@@ -17,7 +17,7 @@ jobs:
       DOCKLE_VERSION: 0.4.15
 
     steps:
-      - uses: actions/checkout@v6.0.3
+      - uses: actions/checkout@v6.0.2
 
       - name: Download and install dockle v${{ env.DOCKLE_VERSION }}
         run: |

.github/workflows/frontend-bundle-report-comment.yml

@@ -0,0 +1,319 @@
+name: frontend-bundle-report-comment
+
+on:
+  workflow_run:
+    workflows:
+      - frontend-bundle-report
+    types:
+      - completed
+  pull_request_target:
+    types:
+      - opened
+      - synchronize
+      - reopened
+      - ready_for_review
+    paths:
+      - packages/frontend/**
+      - packages/frontend-shared/**
+      - packages/frontend-builder/**
+      - packages/i18n/**
+      - packages/icons-subsetter/**
+      - packages/misskey-js/**
+      - packages/misskey-reversi/**
+      - packages/misskey-bubble-game/**
+      - package.json
+      - pnpm-lock.yaml
+      - pnpm-workspace.yaml
+      - .node-version
+      - .github/scripts/utility.mts
+      - .github/scripts/frontend-js-size.mts
+      - .github/scripts/frontend-browser-report.mts
+      - .github/scripts/heap-snapshot-util.mts
+      - .github/scripts/measure-frontend-browser-comparison.mts
+      - .github/workflows/frontend-bundle-report.yml
+      - .github/workflows/frontend-bundle-report-comment.yml
+
+permissions:
+  actions: read
+  contents: read
+  issues: write
+  pull-requests: write
+
+jobs:
+  comment:
+    name: Comment frontend bundle report
+    if: github.event_name == 'pull_request_target' || (github.event.workflow_run.event == 'pull_request' && github.event.workflow_run.conclusion == 'success')
+    runs-on: ubuntu-latest
+    concurrency:
+      group: frontend-bundle-report-comment-${{ github.event.pull_request.number || github.event.workflow_run.id }}
+      cancel-in-progress: true
+    steps:
+      - name: Find bundle report run
+        if: github.event_name == 'pull_request_target'
+        id: find-report-run
+        uses: actions/github-script@v9
+        with:
+          script: |
+            const workflow_id = 'frontend-bundle-report.yml';
+            const artifactName = 'frontend-bundle-report';
+            const headSha = context.payload.pull_request.head.sha;
+            const prNumber = context.payload.pull_request.number;
+            const pollIntervalMs = 30_000;
+            const timeoutMs = 90 * 60_000;
+            const startedAt = Date.now();
+            const { owner, repo } = context.repo;
+
+            async function listReportWorkflowRuns() {
+              const runsForHead = await github.paginate(github.rest.actions.listWorkflowRuns, {
+                owner,
+                repo,
+                workflow_id,
+                event: 'pull_request',
+                head_sha: headSha,
+                per_page: 100,
+              });
+
+              if (runsForHead.length > 0) {
+                return runsForHead;
+              }
+
+              const recentRuns = await github.paginate(github.rest.actions.listWorkflowRuns, {
+                owner,
+                repo,
+                workflow_id,
+                event: 'pull_request',
+                per_page: 100,
+              });
+              return recentRuns.filter((run) =>
+                run.pull_requests?.some((pullRequest) => pullRequest.number === prNumber));
+            }
+
+            async function findReportRun() {
+              const runs = (await listReportWorkflowRuns())
+                .sort((a, b) => new Date(b.updated_at) - new Date(a.updated_at));
+
+              for (const run of runs) {
+                if (run.status !== 'completed') continue;
+                if (run.conclusion !== 'success') {
+                  core.warning(`Frontend bundle report run ${run.id} completed with conclusion: ${run.conclusion}`);
+                  return { done: true, run: null };
+                }
+
+                const artifacts = await github.paginate(github.rest.actions.listWorkflowRunArtifacts, {
+                  owner,
+                  repo,
+                  run_id: run.id,
+                  per_page: 100,
+                });
+                const report = artifacts.find((artifact) => artifact.name === artifactName && !artifact.expired);
+                if (report) return { done: true, run };
+
+                core.info(`Frontend bundle report run ${run.id} did not produce ${artifactName}.`);
+                return { done: true, run: null };
+              }
+
+              return { done: false, run: null };
+            }
+
+            while (Date.now() - startedAt < timeoutMs) {
+              const { done, run } = await findReportRun();
+              if (run) {
+                core.info(`Found frontend bundle report on workflow run ${run.id}.`);
+                core.setOutput('run-id', String(run.id));
+                return;
+              }
+              if (done) {
+                return;
+              }
+
+              core.info('Waiting for frontend bundle report artifact...');
+              await new Promise((resolve) => setTimeout(resolve, pollIntervalMs));
+            }
+
+            core.warning(`Timed out waiting for ${artifactName} from ${workflow_id} for ${headSha}.`);
+
+      - name: Find bundle report artifact
+        if: github.event_name == 'workflow_run'
+        id: find-report-artifact
+        uses: actions/github-script@v9
+        with:
+          script: |
+            const artifactName = 'frontend-bundle-report';
+            const { owner, repo } = context.repo;
+            const artifacts = await github.paginate(github.rest.actions.listWorkflowRunArtifacts, {
+              owner,
+              repo,
+              run_id: context.payload.workflow_run.id,
+              per_page: 100,
+            });
+            const report = artifacts.find((artifact) => artifact.name === artifactName && !artifact.expired);
+            if (report) {
+              core.setOutput('exists', 'true');
+            } else {
+              core.info(`Workflow run ${context.payload.workflow_run.id} did not produce ${artifactName}.`);
+              core.setOutput('exists', 'false');
+            }
+
+      - name: Download bundle report from workflow_run
+        if: github.event_name == 'workflow_run' && steps.find-report-artifact.outputs.exists == 'true'
+        uses: actions/download-artifact@v8
+        with:
+          name: frontend-bundle-report
+          path: ${{ runner.temp }}/frontend-bundle-report
+          github-token: ${{ github.token }}
+          repository: ${{ github.repository }}
+          run-id: ${{ github.event.workflow_run.id }}
+
+      - name: Download bundle report from pull_request_target
+        if: github.event_name == 'pull_request_target' && steps.find-report-run.outputs.run-id != ''
+        uses: actions/download-artifact@v8
+        with:
+          name: frontend-bundle-report
+          path: ${{ runner.temp }}/frontend-bundle-report
+          github-token: ${{ github.token }}
+          repository: ${{ github.repository }}
+          run-id: ${{ steps.find-report-run.outputs.run-id }}
+
+      - name: Comment on pull request
+        if: (github.event_name == 'workflow_run' && steps.find-report-artifact.outputs.exists == 'true') || steps.find-report-run.outputs.run-id != ''
+        uses: actions/github-script@v9
+        with:
+          github-token: ${{ secrets.FRONTEND_BUNDLE_REPORT_COMMENT_TOKEN || secrets.FRONTEND_JS_SIZE_COMMENT_TOKEN || secrets.FRONTEND_BUNDLE_VISUALIZER_COMMENT_TOKEN || github.token }}
+          script: |
+            const fs = require('node:fs');
+            const path = require('node:path');
+
+            const jsSizeMarker = '<!-- misskey-frontend-js-size -->';
+            const reportDir = path.join(process.env.RUNNER_TEMP, 'frontend-bundle-report');
+            const jsSizeReportPath = path.join(reportDir, 'frontend-js-size-report.md');
+            const prNumberPath = path.join(reportDir, 'pr-number.txt');
+            const headShaPath = path.join(reportDir, 'head-sha.txt');
+            const workflowRun = context.payload.workflow_run;
+            const pullRequest = context.payload.pull_request;
+            const eventHeadSha = workflowRun?.head_sha ?? pullRequest?.head?.sha ?? null;
+            const { owner, repo } = context.repo;
+
+            if (!fs.existsSync(jsSizeReportPath)) {
+              core.setFailed('The frontend bundle report artifact does not contain frontend-js-size-report.md.');
+              return;
+            }
+
+            const artifactHeadSha = fs.existsSync(headShaPath)
+              ? fs.readFileSync(headShaPath, 'utf8').trim()
+              : null;
+            if (eventHeadSha != null && artifactHeadSha != null && artifactHeadSha !== eventHeadSha) {
+              core.info(`The artifact head SHA (${artifactHeadSha}) differs from the event head SHA (${eventHeadSha}). Using artifact metadata for PR validation.`);
+            }
+            const reportHeadSha = artifactHeadSha ?? eventHeadSha;
+
+            const artifactPrNumber = fs.existsSync(prNumberPath)
+              ? Number(fs.readFileSync(prNumberPath, 'utf8').trim())
+              : null;
+            let issue_number = null;
+            if (pullRequest != null) {
+              issue_number = pullRequest.number;
+              if (Number.isInteger(artifactPrNumber) && artifactPrNumber !== issue_number) {
+                core.setFailed(`The artifact pull request number (${artifactPrNumber}) does not match the event pull request number (${issue_number}).`);
+                return;
+              }
+            } else if (workflowRun != null) {
+              const associatedPullRequests = new Map();
+              for (const pullRequest of workflowRun.pull_requests ?? []) {
+                if (Number.isInteger(pullRequest.number)) {
+                  associatedPullRequests.set(pullRequest.number, pullRequest);
+                }
+              }
+
+              if (reportHeadSha != null) {
+                const pullRequestsForCommit = await github.paginate(github.rest.repos.listPullRequestsAssociatedWithCommit, {
+                  owner,
+                  repo,
+                  commit_sha: reportHeadSha,
+                  per_page: 100,
+                });
+                for (const pullRequest of pullRequestsForCommit) {
+                  associatedPullRequests.set(pullRequest.number, pullRequest);
+                }
+              }
+
+              if (Number.isInteger(artifactPrNumber) && associatedPullRequests.has(artifactPrNumber)) {
+                issue_number = artifactPrNumber;
+              } else if (Number.isInteger(artifactPrNumber) && associatedPullRequests.size === 0) {
+                issue_number = artifactPrNumber;
+              } else if (!Number.isInteger(artifactPrNumber) && associatedPullRequests.size === 1) {
+                issue_number = [...associatedPullRequests.keys()][0];
+              } else if (Number.isInteger(artifactPrNumber)) {
+                core.setFailed(`The artifact pull request number (${artifactPrNumber}) is not associated with ${reportHeadSha}.`);
+                return;
+              } else {
+                core.setFailed(`Could not determine the pull request associated with ${reportHeadSha}.`);
+                return;
+              }
+            } else {
+              core.setFailed('Could not determine the pull request event for this report.');
+              return;
+            }
+
+            const currentPullRequest = await github.rest.pulls.get({
+              owner,
+              repo,
+              pull_number: issue_number,
+            });
+            const currentHeadSha = currentPullRequest.data.head?.sha;
+            if (reportHeadSha != null && currentHeadSha != null && reportHeadSha !== currentHeadSha) {
+              core.info(`The report head SHA (${reportHeadSha}) is not the current pull request head SHA (${currentHeadSha}). Skipping stale frontend bundle report.`);
+              return;
+            }
+
+            const jsSizeReport = fs.readFileSync(jsSizeReportPath, 'utf8').trim();
+            if (!jsSizeReport.includes(jsSizeMarker)) {
+              core.setFailed('The frontend JS size report is missing the expected marker.');
+              return;
+            }
+            let body = `${jsSizeReport}\n`;
+
+            const maxCommentLength = 65_000;
+            if (body.length > maxCommentLength) {
+              const reportLocation = workflowRun?.html_url != null
+                ? `[workflow run](${workflowRun.html_url})`
+                : 'workflow artifact';
+              const footer = [
+                '',
+                '',
+                `_Report truncated because it exceeded ${maxCommentLength.toLocaleString('en-US')} characters. See the ${reportLocation} for the full report._`,
+              ].join('\n');
+              body = `${body.slice(0, maxCommentLength - footer.length)}${footer}`;
+            }
+
+            const comments = await github.paginate(github.rest.issues.listComments, {
+              owner,
+              repo,
+              issue_number,
+              per_page: 100,
+            });
+            const previousReports = comments.filter((comment) =>
+              comment.user?.type === 'Bot' && comment.body?.includes(jsSizeMarker));
+
+            if (previousReports.length > 0) {
+              const [previous, ...duplicates] = previousReports;
+              await github.rest.issues.updateComment({
+                owner,
+                repo,
+                comment_id: previous.id,
+                body,
+              });
+              for (const duplicate of duplicates) {
+                await github.rest.issues.deleteComment({
+                  owner,
+                  repo,
+                  comment_id: duplicate.id,
+                });
+              }
+            } else {
+              await github.rest.issues.createComment({
+                owner,
+                repo,
+                issue_number,
+                body,
+              });
+            }

.github/workflows/frontend-bundle-report.yml

@@ -0,0 +1,300 @@
+name: frontend-bundle-report
+
+on:
+  pull_request:
+    types:
+      - opened
+      - synchronize
+      - reopened
+      - ready_for_review
+    paths:
+      - packages/frontend/**
+      - packages/frontend-shared/**
+      - packages/frontend-builder/**
+      - packages/i18n/**
+      - packages/icons-subsetter/**
+      - packages/misskey-js/**
+      - packages/misskey-reversi/**
+      - packages/misskey-bubble-game/**
+      - package.json
+      - pnpm-lock.yaml
+      - pnpm-workspace.yaml
+      - .node-version
+      - .github/scripts/utility.mts
+      - .github/scripts/frontend-js-size.mts
+      - .github/scripts/frontend-browser-report.mts
+      - .github/scripts/heap-snapshot-util.mts
+      - .github/scripts/measure-frontend-browser-comparison.mts
+      - .github/workflows/frontend-bundle-report.yml
+      - .github/workflows/frontend-bundle-report-comment.yml
+
+permissions:
+  actions: read
+  contents: read
+  pull-requests: read
+
+concurrency:
+  group: frontend-bundle-report-${{ github.event.pull_request.number }}
+  cancel-in-progress: true
+
+jobs:
+  report:
+    name: Build frontend bundle report
+    needs:
+      - browser-report
+    runs-on: ubuntu-latest
+    outputs:
+      supported: ${{ steps.check-base-visualizer.outputs.supported }}
+    env:
+      FRONTEND_JS_SIZE_LOCALE: ja-JP
+    steps:
+      - name: Checkout base
+        uses: actions/checkout@v6.0.2
+        with:
+          repository: ${{ github.event.pull_request.base.repo.full_name }}
+          ref: ${{ github.event.pull_request.base.sha }}
+          path: before
+          submodules: true
+
+      - name: Checkout pull request
+        uses: actions/checkout@v6.0.2
+        with:
+          repository: ${{ github.event.pull_request.head.repo.full_name }}
+          ref: ${{ github.event.pull_request.head.sha }}
+          path: after
+          submodules: true
+
+      - name: Check base visualizer support
+        id: check-base-visualizer
+        shell: bash
+        run: |
+          if grep -q 'FRONTEND_BUNDLE_VISUALIZER' before/packages/frontend/vite.config.ts; then
+            echo 'supported=true' >> "$GITHUB_OUTPUT"
+          else
+            echo 'supported=false' >> "$GITHUB_OUTPUT"
+            echo 'Base commit does not support frontend bundle visualizer. Skipping frontend bundle report.' >> "$GITHUB_STEP_SUMMARY"
+          fi
+
+      - name: Setup pnpm
+        if: steps.check-base-visualizer.outputs.supported == 'true'
+        uses: pnpm/action-setup@v6.0.3
+        with:
+          package_json_file: after/package.json
+
+      - name: Setup Node.js
+        if: steps.check-base-visualizer.outputs.supported == 'true'
+        uses: actions/setup-node@v6.4.0
+        with:
+          node-version-file: after/.node-version
+          cache: pnpm
+          cache-dependency-path: |
+            before/pnpm-lock.yaml
+            after/pnpm-lock.yaml
+
+      - name: Install dependencies for base
+        if: steps.check-base-visualizer.outputs.supported == 'true'
+        working-directory: before
+        run: pnpm i --frozen-lockfile
+
+      - name: Build frontend dependencies for base
+        if: steps.check-base-visualizer.outputs.supported == 'true'
+        working-directory: before
+        run: pnpm --filter "frontend^..." run build
+
+      - name: Prepare report output
+        if: steps.check-base-visualizer.outputs.supported == 'true'
+        run: mkdir -p "$RUNNER_TEMP/frontend-bundle-report"
+
+      - name: Build frontend report for base
+        if: steps.check-base-visualizer.outputs.supported == 'true'
+        working-directory: before
+        env:
+          FRONTEND_BUNDLE_VISUALIZER: 'true'
+          FRONTEND_BUNDLE_VISUALIZER_FILE: ${{ runner.temp }}/frontend-bundle-report/before-stats.json
+        run: pnpm --filter frontend run build
+
+      - name: Install dependencies for pull request
+        if: steps.check-base-visualizer.outputs.supported == 'true'
+        working-directory: after
+        run: pnpm i --frozen-lockfile
+
+      - name: Build frontend dependencies for pull request
+        if: steps.check-base-visualizer.outputs.supported == 'true'
+        working-directory: after
+        run: pnpm --filter "frontend^..." run build
+
+      - name: Build frontend report for pull request
+        if: steps.check-base-visualizer.outputs.supported == 'true'
+        working-directory: after
+        env:
+          FRONTEND_BUNDLE_VISUALIZER: 'true'
+          FRONTEND_BUNDLE_VISUALIZER_FILE: ${{ runner.temp }}/frontend-bundle-report/after-stats.json
+          FRONTEND_BUNDLE_VISUALIZER_HTML_FILE: ${{ runner.temp }}/frontend-bundle-report/frontend-bundle-visualizer.html
+        run: pnpm --filter frontend run build
+
+      - name: Upload bundle visualizer
+        if: steps.check-base-visualizer.outputs.supported == 'true'
+        id: upload-bundle-visualizer
+        uses: actions/upload-artifact@v7
+        with:
+          name: frontend-bundle-visualizer
+          path: ${{ runner.temp }}/frontend-bundle-report/frontend-bundle-visualizer.html
+          if-no-files-found: error
+          archive: false
+          retention-days: 7
+
+      - name: Download browser metrics
+        if: steps.check-base-visualizer.outputs.supported == 'true'
+        uses: actions/download-artifact@v8
+        with:
+          name: frontend-browser-report-part
+          path: ${{ runner.temp }}/frontend-browser-report
+
+      - name: Generate report markdown
+        if: steps.check-base-visualizer.outputs.supported == 'true'
+        shell: bash
+        env:
+          BASE_SHA: ${{ github.event.pull_request.base.sha }}
+          HEAD_SHA: ${{ github.event.pull_request.head.sha }}
+          PR_NUMBER: ${{ github.event.pull_request.number }}
+          FRONTEND_BUNDLE_REPORT_ARTIFACT_URL: ${{ steps.upload-bundle-visualizer.outputs.artifact-url }}
+          FRONTEND_BROWSER_HEAD_HEAP_SNAPSHOT_ARTIFACT_URL: ${{ needs.browser-report.outputs.head-heap-snapshot-url }}
+        run: |
+          REPORT_DIR="$RUNNER_TEMP/frontend-bundle-report"
+          BROWSER_REPORT_DIR="$RUNNER_TEMP/frontend-browser-report"
+          test -s "$BROWSER_REPORT_DIR/before-browser.json"
+          test -s "$BROWSER_REPORT_DIR/after-browser.json"
+          node after/.github/scripts/frontend-js-size.mts before after "$REPORT_DIR/before-stats.json" "$REPORT_DIR/after-stats.json" "$BROWSER_REPORT_DIR/before-browser.json" "$BROWSER_REPORT_DIR/after-browser.json" "$REPORT_DIR/frontend-js-size-report.md"
+          printf '%s\n' "$PR_NUMBER" > "$REPORT_DIR/pr-number.txt"
+          printf '%s\n' "$BASE_SHA" > "$REPORT_DIR/base-sha.txt"
+          printf '%s\n' "$HEAD_SHA" > "$REPORT_DIR/head-sha.txt"
+          printf '%s\n' "${{ github.event.pull_request.html_url }}" > "$REPORT_DIR/pr-url.txt"
+
+      - name: Check report
+        if: steps.check-base-visualizer.outputs.supported == 'true'
+        run: |
+          REPORT_DIR="$RUNNER_TEMP/frontend-bundle-report"
+          test -s "$REPORT_DIR/before-stats.json"
+          test -s "$REPORT_DIR/after-stats.json"
+          test -s "$REPORT_DIR/frontend-js-size-report.md"
+          cat "$REPORT_DIR/frontend-js-size-report.md" >> "$GITHUB_STEP_SUMMARY"
+
+      - name: Upload bundle report
+        if: steps.check-base-visualizer.outputs.supported == 'true'
+        uses: actions/upload-artifact@v7
+        with:
+          name: frontend-bundle-report
+          path: ${{ runner.temp }}/frontend-bundle-report/
+          if-no-files-found: error
+          retention-days: 7
+
+  browser-report:
+    name: Measure frontend browser metrics
+    runs-on: ubuntu-latest
+    timeout-minutes: 75
+    outputs:
+      head-heap-snapshot-url: ${{ steps.upload-browser-head-heap-snapshot.outputs.artifact-url }}
+
+    services:
+      postgres:
+        image: postgres:18
+        ports:
+          - 54312:5432
+        env:
+          POSTGRES_DB: test-misskey
+          POSTGRES_HOST_AUTH_METHOD: trust
+      redis:
+        image: redis:8
+        ports:
+          - 56312:6379
+
+    steps:
+      - name: Checkout base
+        uses: actions/checkout@v6.0.2
+        with:
+          repository: ${{ github.event.pull_request.base.repo.full_name }}
+          ref: ${{ github.event.pull_request.base.sha }}
+          path: before
+          submodules: true
+
+      - name: Checkout pull request
+        uses: actions/checkout@v6.0.2
+        with:
+          repository: ${{ github.event.pull_request.head.repo.full_name }}
+          ref: ${{ github.event.pull_request.head.sha }}
+          path: after
+          submodules: true
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v6.0.3
+        with:
+          package_json_file: after/package.json
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v6.4.0
+        with:
+          node-version-file: after/.node-version
+          cache: pnpm
+          cache-dependency-path: |
+            before/pnpm-lock.yaml
+            after/pnpm-lock.yaml
+
+      - name: Install dependencies for base
+        working-directory: before
+        run: pnpm i --frozen-lockfile
+
+      - name: Configure base
+        working-directory: before
+        run: cp .github/misskey/test.yml .config
+
+      - name: Build base
+        working-directory: before
+        run: pnpm build
+
+      - name: Install dependencies for pull request
+        working-directory: after
+        run: pnpm i --frozen-lockfile
+
+      - name: Configure pull request
+        working-directory: after
+        run: cp .github/misskey/test.yml .config
+
+      - name: Build pull request
+        working-directory: after
+        run: pnpm build
+
+      - name: Measure frontend browser metrics
+        shell: bash
+        env:
+          FRONTEND_BROWSER_METRICS_SCENARIO_TIMEOUT_MS: 120000
+          FRONTEND_BROWSER_METRICS_SETTLE_MS: 1000
+        run: |
+          REPORT_DIR="$RUNNER_TEMP/frontend-browser-report"
+          mkdir -p "$REPORT_DIR"
+          node after/.github/scripts/measure-frontend-browser-comparison.mts before after "$REPORT_DIR/before-browser.json" "$REPORT_DIR/after-browser.json" "$REPORT_DIR/head-heap-snapshot.heapsnapshot"
+
+      - name: Upload browser head heap snapshot
+        id: upload-browser-head-heap-snapshot
+        uses: actions/upload-artifact@v7
+        with:
+          name: frontend-browser-head-heap-snapshot
+          path: ${{ runner.temp }}/frontend-browser-report/head-heap-snapshot.heapsnapshot
+          if-no-files-found: error
+          retention-days: 7
+
+      - name: Check browser metrics
+        shell: bash
+        run: |
+          REPORT_DIR="$RUNNER_TEMP/frontend-browser-report"
+          test -s "$REPORT_DIR/before-browser.json"
+          test -s "$REPORT_DIR/after-browser.json"
+
+      - name: Upload browser report part
+        uses: actions/upload-artifact@v7
+        with:
+          name: frontend-browser-report-part
+          path: |
+            ${{ runner.temp }}/frontend-browser-report/before-browser.json
+            ${{ runner.temp }}/frontend-browser-report/after-browser.json
+          if-no-files-found: error
+          retention-days: 7

.github/workflows/frontend-diagnostics.comment.yml

@@ -1,75 +0,0 @@
-name: Frontend diagnostics (comment)
-
-on:
-  workflow_run:
-    workflows:
-      - Frontend diagnostics (inspect)
-    types:
-      - completed
-
-permissions:
-  actions: read
-  contents: read
-  issues: write
-  pull-requests: write
-
-jobs:
-  comment:
-    name: Comment frontend diagnostics report
-    if: github.event.workflow_run.event == 'pull_request' && github.event.workflow_run.conclusion == 'success'
-    runs-on: ubuntu-latest
-    concurrency:
-      group: frontend-diagnostics-report-${{ github.event.workflow_run.id }}
-      cancel-in-progress: true
-    steps:
-      - name: Download frontend diagnostics report
-        uses: actions/download-artifact@v8
-        with:
-          name: frontend-diagnostics
-          path: ${{ runner.temp }}/frontend-diagnostics
-          github-token: ${{ github.token }}
-          repository: ${{ github.repository }}
-          run-id: ${{ github.event.workflow_run.id }}
-
-      - name: Resolve current pull request
-        id: resolve-pr
-        uses: actions/github-script@v9
-        env:
-          PR_NUMBER_FILE: ${{ runner.temp }}/frontend-diagnostics/pr-number.txt
-        with:
-          script: |
-            const fs = require('fs/promises');
-            const { owner, repo } = context.repo;
-            const workflowRun = context.payload.workflow_run;
-            const pullRequestNumberText = (await fs.readFile(process.env.PR_NUMBER_FILE, 'utf8')).trim();
-            if (!/^[1-9]\d*$/.test(pullRequestNumberText)) {
-              throw new Error('Invalid pull request number in frontend diagnostics artifact.');
-            }
-
-            const pullRequestNumber = Number(pullRequestNumberText);
-            if (!Number.isSafeInteger(pullRequestNumber)) {
-              throw new Error('Pull request number in frontend diagnostics artifact is not a safe integer.');
-            }
-
-            const { data: currentPullRequest } = await github.rest.pulls.get({
-              owner,
-              repo,
-              pull_number: pullRequestNumber,
-            });
-
-            if (currentPullRequest.state !== 'open' || currentPullRequest.head.sha !== workflowRun.head_sha) {
-              core.notice(`Skipping stale frontend diagnostics report for pull request #${pullRequestNumber}.`);
-              core.setOutput('is-current', 'false');
-              return;
-            }
-
-            core.setOutput('is-current', 'true');
-            core.setOutput('pr-number', String(pullRequestNumber));
-
-      - name: Comment on pull request
-        if: steps.resolve-pr.outputs.is-current == 'true'
-        uses: thollander/actions-comment-pull-request@v3
-        with:
-          pr-number: ${{ steps.resolve-pr.outputs.pr-number }}
-          comment-tag: frontend-diagnostics
-          file-path: ${{ runner.temp }}/frontend-diagnostics/frontend-diagnostics.md

.github/workflows/frontend-diagnostics.inspect.yml

@@ -1,246 +0,0 @@
-name: Frontend diagnostics (inspect)
-
-on:
-  pull_request:
-    types:
-      - opened
-      - synchronize
-      - reopened
-      - ready_for_review
-    paths:
-      - packages/frontend/**
-      - packages/frontend-shared/**
-      - packages/frontend-builder/**
-      - packages/backend/**
-      - packages/i18n/**
-      - packages/icons-subsetter/**
-      - packages/misskey-js/**
-      - packages/misskey-reversi/**
-      - packages/misskey-bubble-game/**
-      - package.json
-      - pnpm-lock.yaml
-      - pnpm-workspace.yaml
-      - .node-version
-      - .github/misskey/test.yml
-      - packages-private/diagnostics-shared/**
-      - packages-private/diagnostics-frontend/**
-      - .github/workflows/frontend-diagnostics.inspect.yml
-      - .github/workflows/frontend-diagnostics.comment.yml
-
-permissions:
-  contents: read
-  pull-requests: read
-
-concurrency:
-  group: frontend-diagnostics-inspect-${{ github.event.pull_request.number }}
-  cancel-in-progress: true
-
-jobs:
-  report:
-    name: Measure frontend diagnostics
-    runs-on: ubuntu-latest
-    timeout-minutes: 90
-
-    services:
-      postgres:
-        image: postgres:18
-        ports:
-          - 54312:5432
-        env:
-          POSTGRES_DB: test-misskey
-          POSTGRES_HOST_AUTH_METHOD: trust
-      redis:
-        image: redis:8
-        ports:
-          - 56312:6379
-
-    steps:
-      - name: Checkout base
-        uses: actions/checkout@v6.0.3
-        with:
-          persist-credentials: false
-          repository: ${{ github.event.pull_request.base.repo.full_name }}
-          ref: ${{ github.event.pull_request.base.sha }}
-          path: base
-          submodules: true
-
-      - name: Checkout head
-        uses: actions/checkout@v6.0.3
-        with:
-          persist-credentials: false
-          repository: ${{ github.event.pull_request.head.repo.full_name }}
-          ref: ${{ github.event.pull_request.head.sha }}
-          path: head
-          submodules: true
-
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v6.0.9
-        with:
-          package_json_file: head/package.json
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v6.4.0
-        with:
-          node-version-file: head/.node-version
-          cache: pnpm
-          cache-dependency-path: |
-            base/pnpm-lock.yaml
-            head/pnpm-lock.yaml
-
-      - name: Prepare report output
-        shell: bash
-        run: mkdir -p "$RUNNER_TEMP/frontend-diagnostics"
-
-      - name: Install dependencies for base
-        working-directory: base
-        run: pnpm i --frozen-lockfile
-
-      - name: Configure base
-        working-directory: base
-        run: cp .github/misskey/test.yml .config
-
-      - name: Build base
-        working-directory: base
-        env:
-          FRONTEND_BUNDLE_VISUALIZER: 'true'
-          FRONTEND_BUNDLE_VISUALIZER_FILE: ${{ runner.temp }}/frontend-diagnostics/base-bundle-stats.json
-        run: pnpm build
-
-      - name: Install dependencies for head
-        working-directory: head
-        run: pnpm i --frozen-lockfile
-
-      - name: Configure head
-        working-directory: head
-        run: cp .github/misskey/test.yml .config
-
-      - name: Build head
-        working-directory: head
-        env:
-          FRONTEND_BUNDLE_VISUALIZER: 'true'
-          FRONTEND_BUNDLE_VISUALIZER_FILE: ${{ runner.temp }}/frontend-diagnostics/head-bundle-stats.json
-          FRONTEND_BUNDLE_VISUALIZER_HTML_FILE: ${{ runner.temp }}/frontend-diagnostics/frontend-bundle-visualizer.html
-        run: pnpm build
-
-      - name: Upload bundle visualizer
-        id: upload-bundle-visualizer
-        uses: actions/upload-artifact@v7
-        with:
-          name: frontend-bundle-visualizer
-          path: ${{ runner.temp }}/frontend-diagnostics/frontend-bundle-visualizer.html
-          if-no-files-found: error
-          archive: false
-          retention-days: 7
-
-      - name: Install Playwright browsers
-        working-directory: head/packages-private/diagnostics-frontend
-        run: pnpm exec playwright install --with-deps --no-shell chromium
-
-      - name: Measure frontend browser metrics
-        shell: bash
-        working-directory: head
-        env:
-          FRONTEND_BROWSER_METRICS_SAMPLE_COUNT: 5
-          MK_ENABLE_CROSS_ORIGIN_ISOLATION: "true"
-          # 計測ハーネスはhead側のものを両方に使うが、成果物はrunnerのworkspace直下に出す
-          FRONTEND_BROWSER_HEAP_SNAPSHOT_OUTPUT_DIR: ${{ github.workspace }}
-        run: |
-          REPORT_DIR="$RUNNER_TEMP/frontend-diagnostics"
-          pnpm --filter diagnostics-frontend run inspect-browser \
-            "$GITHUB_WORKSPACE/base" "$GITHUB_WORKSPACE/head" \
-            "$REPORT_DIR/base-browser.json" "$REPORT_DIR/head-browser.json"
-
-      - name: Upload browser base heap snapshot
-        id: upload-browser-base-heap-snapshot
-        uses: actions/upload-artifact@v7
-        with:
-          name: frontend-browser-base-heap-snapshot
-          path: base-heap-snapshot.heapsnapshot
-          archive: false
-          if-no-files-found: error
-          retention-days: 7
-
-      - name: Upload browser head heap snapshot
-        id: upload-browser-head-heap-snapshot
-        uses: actions/upload-artifact@v7
-        with:
-          name: frontend-browser-head-heap-snapshot
-          path: head-heap-snapshot.heapsnapshot
-          archive: false
-          if-no-files-found: error
-          retention-days: 7
-
-      - name: Generate browser detailed html
-        shell: bash
-        working-directory: head
-        run: |
-          REPORT_DIR="$RUNNER_TEMP/frontend-diagnostics"
-          test -s "$REPORT_DIR/base-browser.json"
-          test -s "$REPORT_DIR/head-browser.json"
-          pnpm --filter diagnostics-frontend run render-browser-html \
-            "$REPORT_DIR/base-browser.json" "$REPORT_DIR/head-browser.json" \
-            "$REPORT_DIR/frontend-browser-detailed-html.html"
-
-      - name: Upload browser detailed html
-        id: upload-browser-detailed-html
-        uses: actions/upload-artifact@v7
-        with:
-          name: frontend-browser-metrics-detailed-html
-          path: ${{ runner.temp }}/frontend-diagnostics/frontend-browser-detailed-html.html
-          if-no-files-found: error
-          archive: false
-          retention-days: 7
-
-      - name: Generate frontend diagnostics report
-        shell: bash
-        working-directory: head
-        env:
-          BASE_SHA: ${{ github.event.pull_request.base.sha }}
-          HEAD_SHA: ${{ github.event.pull_request.head.sha }}
-          PR_NUMBER: ${{ github.event.pull_request.number }}
-          FRONTEND_BUNDLE_REPORT_ARTIFACT_URL: ${{ steps.upload-bundle-visualizer.outputs.artifact-url }}
-          FRONTEND_BROWSER_BASE_HEAP_SNAPSHOT_ARTIFACT_URL: ${{ steps.upload-browser-base-heap-snapshot.outputs.artifact-url }}
-          FRONTEND_BROWSER_HEAD_HEAP_SNAPSHOT_ARTIFACT_URL: ${{ steps.upload-browser-head-heap-snapshot.outputs.artifact-url }}
-          FRONTEND_BROWSER_DETAILED_HTML_ARTIFACT_URL: ${{ steps.upload-browser-detailed-html.outputs.artifact-url }}
-        run: |
-          REPORT_DIR="$RUNNER_TEMP/frontend-diagnostics"
-          test -s "$REPORT_DIR/base-bundle-stats.json"
-          test -s "$REPORT_DIR/head-bundle-stats.json"
-          test -s "$REPORT_DIR/base-browser.json"
-          test -s "$REPORT_DIR/head-browser.json"
-          pnpm --filter diagnostics-frontend run render-md \
-            "$GITHUB_WORKSPACE/base" "$GITHUB_WORKSPACE/head" \
-            "$REPORT_DIR/base-bundle-stats.json" "$REPORT_DIR/head-bundle-stats.json" \
-            "$REPORT_DIR/base-browser.json" "$REPORT_DIR/head-browser.json" \
-            "$REPORT_DIR/frontend-diagnostics.md"
-          printf '%s\n' "$PR_NUMBER" > "$REPORT_DIR/pr-number.txt"
-          printf '%s\n' "$BASE_SHA" > "$REPORT_DIR/base-sha.txt"
-          printf '%s\n' "$HEAD_SHA" > "$REPORT_DIR/head-sha.txt"
-          printf '%s\n' "${{ github.event.pull_request.html_url }}" > "$REPORT_DIR/pr-url.txt"
-
-      - name: Check frontend diagnostics report
-        shell: bash
-        run: |
-          REPORT_DIR="$RUNNER_TEMP/frontend-diagnostics"
-          test -s "$REPORT_DIR/frontend-diagnostics.md"
-          test -s "$REPORT_DIR/frontend-browser-detailed-html.html"
-          test -s "$REPORT_DIR/pr-number.txt"
-          test -s "$REPORT_DIR/head-sha.txt"
-          cat "$REPORT_DIR/frontend-diagnostics.md" >> "$GITHUB_STEP_SUMMARY"
-
-      - name: Upload frontend diagnostics report
-        uses: actions/upload-artifact@v7
-        with:
-          name: frontend-diagnostics
-          path: |
-            ${{ runner.temp }}/frontend-diagnostics/base-bundle-stats.json
-            ${{ runner.temp }}/frontend-diagnostics/head-bundle-stats.json
-            ${{ runner.temp }}/frontend-diagnostics/base-browser.json
-            ${{ runner.temp }}/frontend-diagnostics/head-browser.json
-            ${{ runner.temp }}/frontend-diagnostics/frontend-diagnostics.md
-            ${{ runner.temp }}/frontend-diagnostics/pr-number.txt
-            ${{ runner.temp }}/frontend-diagnostics/base-sha.txt
-            ${{ runner.temp }}/frontend-diagnostics/head-sha.txt
-            ${{ runner.temp }}/frontend-diagnostics/pr-url.txt
-          if-no-files-found: error
-          retention-days: 7

.github/workflows/get-api-diff.yml

@@ -25,12 +25,12 @@ jobs:
             ref: refs/pull/${{ github.event.number }}/merge
 
     steps:
-    - uses: actions/checkout@v6.0.3
+    - uses: actions/checkout@v6.0.2
       with:
         ref: ${{ matrix.ref }}
         submodules: true
     - name: Setup pnpm
-      uses: pnpm/action-setup@v6.0.9
+      uses: pnpm/action-setup@v6.0.3
     - name: Use Node.js
       uses: actions/setup-node@v6.4.0
       with:

.github/workflows/get-backend-memory.yml

@@ -1,5 +1,5 @@
-# this name is used in backend-diagnostics.comment.yml so be careful when change name
-name: Backend diagnostics (inspect)
+# this name is used in report-backend-memory.yml so be careful when change name
+name: Get backend memory usage
 
 on:
   pull_request:
@@ -9,10 +9,14 @@ on:
     paths:
       - packages/backend/**
       - packages/misskey-js/**
-      - packages-private/diagnostics-shared/**
-      - packages-private/diagnostics-backend/**
-      - .github/workflows/backend-diagnostics.inspect.yml
-      - .github/workflows/backend-diagnostics.comment.yml
+      - .github/scripts/utility.mts
+      - .github/scripts/backend-memory-report.mts
+      - .github/scripts/measure-backend-memory-comparison.mts
+      - .github/scripts/backend-js-footprint.mjs
+      - .github/scripts/backend-js-footprint-loader.mjs
+      - .github/scripts/backend-js-footprint-require.cjs
+      - .github/workflows/get-backend-memory.yml
+      - .github/workflows/report-backend-memory.yml
 
 jobs:
   get-memory-usage:
@@ -35,19 +39,19 @@ jobs:
 
     steps:
     - name: Checkout base
-      uses: actions/checkout@v6.0.3
+      uses: actions/checkout@v6.0.2
       with:
         ref: ${{ github.base_ref }}
         path: base
         submodules: true
     - name: Checkout head
-      uses: actions/checkout@v6.0.3
+      uses: actions/checkout@v6.0.2
       with:
         ref: refs/pull/${{ github.event.number }}/merge
         path: head
         submodules: true
     - name: Setup pnpm
-      uses: pnpm/action-setup@v6.0.9
+      uses: pnpm/action-setup@v6.0.3
       with:
         package_json_file: head/package.json
     - name: Use Node.js
@@ -87,32 +91,22 @@ jobs:
       working-directory: head
       run: pnpm build
     - name: Measure backend memory usage
-      working-directory: head
       env:
-        MK_MEMORY_COMPARE_ROUNDS: 15
+        MK_MEMORY_COMPARE_ROUNDS: 5
         MK_MEMORY_COMPARE_WARMUP_ROUNDS: 1
         MK_MEMORY_HEAP_SNAPSHOT: 1
-        MK_MEMORY_HEAP_SNAPSHOT_ROUNDS: 3
-        # 計測ハーネスはhead側のものを両方に使うが、成果物はrunnerのworkspace直下に出す
-        MK_MEMORY_HEAP_SNAPSHOT_OUTPUT_DIR: ${{ github.workspace }}
-      run: >-
-        pnpm --filter diagnostics-backend run inspect
-        "$GITHUB_WORKSPACE/base" "$GITHUB_WORKSPACE/head"
-        "$GITHUB_WORKSPACE/memory-base.json" "$GITHUB_WORKSPACE/memory-head.json"
-    - name: Upload base heap snapshot
-      uses: actions/upload-artifact@v7
-      with:
-        path: base-heap-snapshot.heapsnapshot
-        archive: false
-        if-no-files-found: error
-        retention-days: 7
+      run: node head/.github/scripts/measure-backend-memory-comparison.mts base head memory-base.json memory-head.json
     - name: Upload head heap snapshot
       uses: actions/upload-artifact@v7
       with:
+        name: backend-memory-head-heap-snapshot
         path: head-heap-snapshot.heapsnapshot
-        archive: false
         if-no-files-found: error
         retention-days: 7
+    - name: Measure backend loaded JS footprint
+      run: |
+        node head/.github/scripts/backend-js-footprint.mjs base js-footprint-base.json
+        node head/.github/scripts/backend-js-footprint.mjs head js-footprint-head.json
     - name: Upload Artifact
       uses: actions/upload-artifact@v7
       with:
@@ -120,6 +114,8 @@ jobs:
         path: |
           memory-base.json
           memory-head.json
+          js-footprint-base.json
+          js-footprint-head.json
 
   save-pr-number:
     runs-on: ubuntu-latest

.github/workflows/lint.yml

@@ -17,9 +17,7 @@ on:
       - packages/misskey-bubble-game/**
       - packages/misskey-reversi/**
       - packages/shared/eslint.config.js
-      - scripts/check-dts*.mjs
       - .github/workflows/lint.yml
-      - package.json
   pull_request:
     paths:
       - packages/backend/**
@@ -33,19 +31,17 @@ on:
       - packages/misskey-bubble-game/**
       - packages/misskey-reversi/**
       - packages/shared/eslint.config.js
-      - scripts/check-dts*.mjs
       - .github/workflows/lint.yml
-      - package.json
 jobs:
   pnpm_install:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v6.0.3
+    - uses: actions/checkout@v6.0.2
       with:
         fetch-depth: 0
         submodules: true
     - name: Setup pnpm
-      uses: pnpm/action-setup@v6.0.9
+      uses: pnpm/action-setup@v6.0.3
     - uses: actions/setup-node@v6.4.0
       with:
         node-version-file: '.node-version'
@@ -73,12 +69,12 @@ jobs:
       eslint-cache-version: v1
       eslint-cache-path: ${{ github.workspace }}/node_modules/.cache/eslint-${{ matrix.workspace }}
     steps:
-    - uses: actions/checkout@v6.0.3
+    - uses: actions/checkout@v6.0.2
       with:
         fetch-depth: 0
         submodules: true
     - name: Setup pnpm
-      uses: pnpm/action-setup@v6.0.9
+      uses: pnpm/action-setup@v6.0.3
     - uses: actions/setup-node@v6.4.0
       with:
         node-version-file: '.node-version'
@@ -104,12 +100,12 @@ jobs:
         - sw
         - misskey-js
     steps:
-    - uses: actions/checkout@v6.0.3
+    - uses: actions/checkout@v6.0.2
       with:
         fetch-depth: 0
         submodules: true
     - name: Setup pnpm
-      uses: pnpm/action-setup@v6.0.9
+      uses: pnpm/action-setup@v6.0.3
     - uses: actions/setup-node@v6.4.0
       with:
         node-version-file: '.node-version'
@@ -117,22 +113,3 @@ jobs:
     - run: pnpm i --frozen-lockfile
     - run: pnpm --filter "${{ matrix.workspace }}^..." run build
     - run: pnpm --filter ${{ matrix.workspace }} run typecheck
-
-  check-dts:
-    needs: [pnpm_install]
-    runs-on: ubuntu-latest
-    continue-on-error: true
-    steps:
-    - uses: actions/checkout@v6.0.3
-      with:
-        fetch-depth: 0
-        submodules: true
-    - name: Setup pnpm
-      uses: pnpm/action-setup@v6.0.9
-    - uses: actions/setup-node@v6.4.0
-      with:
-        node-version-file: '.node-version'
-        cache: 'pnpm'
-    - run: pnpm i --frozen-lockfile
-    - run: node --test scripts/check-dts.test.mjs
-    - run: pnpm check-dts

.github/workflows/locale.yml

@@ -1,4 +1,4 @@
-name: Locale
+name: Lint
 
 on:
   push:
@@ -16,12 +16,12 @@ jobs:
     runs-on: ubuntu-latest
     continue-on-error: true
     steps:
-      - uses: actions/checkout@v6.0.3
+      - uses: actions/checkout@v6.0.2
         with:
           fetch-depth: 0
           submodules: true
       - name: Setup pnpm
-        uses: pnpm/action-setup@v6.0.9
+        uses: pnpm/action-setup@v6.0.3
       - uses: actions/setup-node@v6.4.0
         with:
           node-version-file: ".node-version"

.github/workflows/on-release-created.yml

@@ -16,11 +16,11 @@ jobs:
       id-token: write
 
     steps:
-      - uses: actions/checkout@v6.0.3
+      - uses: actions/checkout@v6.0.2
         with:
           submodules: true
       - name: Setup pnpm
-        uses: pnpm/action-setup@v6.0.9
+        uses: pnpm/action-setup@v6.0.3
       - name: Use Node.js
         uses: actions/setup-node@v6.4.0
         with:

.github/workflows/packages-private.yml

@@ -1,52 +0,0 @@
-name: Lint and test packages-private
-
-on:
-  push:
-    branches:
-      - master
-      - develop
-    paths:
-      - packages-private/**
-      - packages/shared/eslint.config.js
-      - package.json
-      - pnpm-workspace.yaml
-      - pnpm-lock.yaml
-      - .github/workflows/packages-private.yml
-  pull_request:
-    paths:
-      - packages-private/**
-      - packages/shared/eslint.config.js
-      - package.json
-      - pnpm-workspace.yaml
-      - pnpm-lock.yaml
-      - .github/workflows/packages-private.yml
-
-permissions:
-  contents: read
-
-jobs:
-  check:
-    runs-on: ubuntu-latest
-    strategy:
-      fail-fast: false
-      matrix:
-        workspace:
-          - diagnostics-shared
-          - diagnostics-backend
-          - diagnostics-frontend
-          - changelog-checker
-    steps:
-      - uses: actions/checkout@v6.0.3
-        with:
-          persist-credentials: false
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v6.0.9
-      - uses: actions/setup-node@v6.4.0
-        with:
-          node-version-file: '.node-version'
-          cache: 'pnpm'
-      - run: pnpm --filter ${{ matrix.workspace }}... install --frozen-lockfile
-      # lint = typecheck + eslint
-      - run: pnpm --filter ${{ matrix.workspace }} run lint
-      # 各パッケージは必ず test スクリプトを持たせる (無いと ERR_PNPM_RECURSIVE_RUN_NO_SCRIPT で落ちる)
-      - run: pnpm --filter ${{ matrix.workspace }} run test

.github/workflows/report-api-diff.yml

@@ -65,7 +65,7 @@ jobs:
             echo '```diff' >> ./output.md
             cat ./api.json.diff >> ./output.md
             echo '```' >> ./output.md
-            echo '</details>' >> .output.md
+            echo '</details>' >> ./output.md
           fi
 
           echo "$FOOTER" >> ./output.md

.github/workflows/report-backend-memory.yml

@@ -1,10 +1,10 @@
-name: Backend diagnostics (comment)
+name: Report backend memory
 
 on:
   workflow_run:
     types: [completed]
     workflows:
-      - Backend diagnostics (inspect) # backend-diagnostics.inspect.yml
+      - Get backend memory usage # get-backend-memory.yml
 
 jobs:
   compare-memory:
@@ -17,17 +17,7 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v6.0.3
-
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v6.0.9
-      - name: Use Node.js
-        uses: actions/setup-node@v6.4.0
-        with:
-          node-version-file: '.node-version'
-          cache: 'pnpm'
-      - name: Install dependencies
-        run: pnpm --filter diagnostics-backend... install --frozen-lockfile
+        uses: actions/checkout@v6.0.2
 
       - name: Download artifacts
         uses: actions/download-artifact@v8
@@ -43,9 +33,9 @@ jobs:
       - name: Load PR Number
         id: load-pr-num
         run: echo "pr-number=$(cat artifacts/pr_number)" >> "$GITHUB_OUTPUT"
-      - name: Find heap snapshot artifacts
-        id: find-heap-snapshot-artifacts
-        uses: actions/github-script@v9
+      - name: Find head heap snapshot artifact
+        id: find-heap-snapshot-artifact
+        uses: actions/github-script@v8
         with:
           script: |
             const { owner, repo } = context.repo;
@@ -55,26 +45,15 @@ jobs:
               repo,
               run_id,
             });
-            const artifactNames = {
-              base: 'base-heap-snapshot.heapsnapshot',
-              head: 'head-heap-snapshot.heapsnapshot',
-            };
-            for (const [label, artifactName] of Object.entries(artifactNames)) {
-              const artifact = artifacts.find(artifact => artifact.name === artifactName);
-              if (artifact == null) throw new Error(`Artifact not found: ${artifactName}`);
-              core.setOutput(`${label}-url`, `https://github.com/${owner}/${repo}/actions/runs/${run_id}/artifacts/${artifact.id}`);
-            }
+            const artifact = artifacts.find(artifact => artifact.name === 'backend-memory-head-heap-snapshot');
+            if (artifact == null) return;
+            core.setOutput('url', `https://github.com/${owner}/${repo}/actions/runs/${run_id}/artifacts/${artifact.id}`);
 
       - id: build-comment
         name: Build memory comment
         env:
-          MK_MEMORY_HEAP_SNAPSHOT_ARTIFACT_URL_BASE: ${{ steps.find-heap-snapshot-artifacts.outputs.base-url }}
-          MK_MEMORY_HEAP_SNAPSHOT_ARTIFACT_URL_HEAD: ${{ steps.find-heap-snapshot-artifacts.outputs.head-url }}
-        run: >-
-          pnpm --filter diagnostics-backend run render-md
-          "$GITHUB_WORKSPACE/artifacts/memory-base.json"
-          "$GITHUB_WORKSPACE/artifacts/memory-head.json"
-          "$GITHUB_WORKSPACE/output.md"
+          MK_MEMORY_HEAP_SNAPSHOT_ARTIFACT_URL_HEAD: ${{ steps.find-heap-snapshot-artifact.outputs.url }}
+        run: node .github/scripts/backend-memory-report.mts ./artifacts/memory-base.json ./artifacts/memory-head.json ./output.md ./artifacts/js-footprint-base.json ./artifacts/js-footprint-head.json
       - uses: thollander/actions-comment-pull-request@v3
         with:
           pr-number: ${{ steps.load-pr-num.outputs.pr-number }}
@@ -85,6 +64,6 @@ jobs:
         if: failure() && steps.load-pr-num.outputs.pr-number
         with:
           pr-number: ${{ steps.load-pr-num.outputs.pr-number }}
-          comment-tag: show_memory_diff
+          comment-tag: show_memory_diff_error
           message: |
             An error occurred while comparing backend memory usage. See [workflow logs](https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}) for details.

.github/workflows/storybook.yml

@@ -22,12 +22,12 @@ jobs:
       NODE_OPTIONS: "--max_old_space_size=7168"
 
     steps:
-    - uses: actions/checkout@v6.0.3
+    - uses: actions/checkout@v6.0.2
       if: github.event_name != 'pull_request_target'
       with:
         fetch-depth: 0
         submodules: true
-    - uses: actions/checkout@v6.0.3
+    - uses: actions/checkout@v6.0.2
       if: github.event_name == 'pull_request_target'
       with:
         fetch-depth: 0
@@ -37,7 +37,7 @@ jobs:
       if: github.event_name == 'pull_request_target'
       run: git checkout "$(git rev-list --parents -n1 HEAD | cut -d" " -f3)"
     - name: Setup pnpm
-      uses: pnpm/action-setup@v6.0.9
+      uses: pnpm/action-setup@v6.0.3
     - name: Use Node.js
       uses: actions/setup-node@v6.4.0
       with:

.github/workflows/test-backend.yml

@@ -43,7 +43,7 @@ jobs:
         ports:
           - 56312:6379
       meilisearch:
-        image: getmeili/meilisearch:v1.48.1
+        image: getmeili/meilisearch:v1.42.1
         ports:
           - 57712:7700
         env:
@@ -51,11 +51,11 @@ jobs:
           MEILI_ENV: development
 
     steps:
-    - uses: actions/checkout@v6.0.3
+    - uses: actions/checkout@v6.0.2
       with:
         submodules: true
     - name: Setup pnpm
-      uses: pnpm/action-setup@v6.0.9
+      uses: pnpm/action-setup@v6.0.3
     - name: Install FFmpeg
       run: |
         sudo apt install -y ffmpeg
@@ -103,11 +103,11 @@ jobs:
           - 56312:6379
 
     steps:
-      - uses: actions/checkout@v6.0.3
+      - uses: actions/checkout@v6.0.2
         with:
           submodules: true
       - name: Setup pnpm
-        uses: pnpm/action-setup@v6.0.9
+        uses: pnpm/action-setup@v6.0.3
       - name: Use Node.js
         uses: actions/setup-node@v6.4.0
         with:
@@ -147,11 +147,11 @@ jobs:
           POSTGRES_HOST_AUTH_METHOD: trust
 
     steps:
-      - uses: actions/checkout@v6.0.3
+      - uses: actions/checkout@v6.0.2
         with:
           submodules: true
       - name: Setup pnpm
-        uses: pnpm/action-setup@v6.0.9
+        uses: pnpm/action-setup@v6.0.3
       - name: Get current date
         id: current-date
         run: echo "today=$(date +'%Y-%m-%d')" >> $GITHUB_OUTPUT

.github/workflows/test-federation.yml

@@ -30,7 +30,7 @@ jobs:
         with:
           submodules: true
       - name: Setup pnpm
-        uses: pnpm/action-setup@v6.0.9
+        uses: pnpm/action-setup@v6.0.3
       - name: Install FFmpeg
         run: |
           sudo apt install -y ffmpeg

.github/workflows/test-frontend.yml

@@ -28,11 +28,11 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v6.0.3
+    - uses: actions/checkout@v6.0.2
       with:
         submodules: true
     - name: Setup pnpm
-      uses: pnpm/action-setup@v6.0.9
+      uses: pnpm/action-setup@v6.0.3
     - name: Use Node.js
       uses: actions/setup-node@v6.4.0
       with:
@@ -57,6 +57,11 @@ jobs:
     name: E2E tests (frontend)
     runs-on: ubuntu-latest
 
+    strategy:
+      fail-fast: false
+      matrix:
+        browser: [chrome]
+
     services:
       postgres:
         image: postgres:18
@@ -71,11 +76,17 @@ jobs:
           - 56312:6379
 
     steps:
-    - uses: actions/checkout@v6.0.3
+    - uses: actions/checkout@v6.0.2
       with:
         submodules: true
+    # https://github.com/cypress-io/cypress-docker-images/issues/150
+    #- name: Install mplayer for FireFox
+    #  run: sudo apt install mplayer -y
+    #  if: ${{ matrix.browser == 'firefox' }}
+    #- uses: browser-actions/setup-firefox@latest
+    #  if: ${{ matrix.browser == 'firefox' }}
     - name: Setup pnpm
-      uses: pnpm/action-setup@v6.0.9
+      uses: pnpm/action-setup@v6.0.3
     - name: Use Node.js
       uses: actions/setup-node@v6.4.0
       with:
@@ -86,14 +97,29 @@ jobs:
       run: cp .github/misskey/test.yml .config
     - name: Build
       run: pnpm build
-    - name: Playwright install
-      working-directory: packages/frontend
-      run: pnpm exec playwright install --with-deps chromium
-    - name: Test
-      run: pnpm start-server-and-test start:test http://localhost:61812 "pnpm --filter frontend test:e2e"
+    # https://github.com/cypress-io/cypress/issues/4351#issuecomment-559489091
+    - name: ALSA Env
+      run: echo -e 'pcm.!default {\n type hw\n card 0\n}\n\nctl.!default {\n type hw\n card 0\n}' > ~/.asoundrc
+    # XXX: This tries reinstalling Cypress if the binary is not cached
+    # Remove this when the cache issue is fixed
+    - name: Cypress install
+      run: pnpm exec cypress install
+    - name: Cypress run
+      uses: cypress-io/github-action@v7.1.9
       timeout-minutes: 15
+      with:
+        install: false
+        start: pnpm start:test
+        wait-on: 'http://localhost:61812'
+        headed: true
+        browser: ${{ matrix.browser }}
     - uses: actions/upload-artifact@v7
       if: failure()
       with:
-        name: playwright-e2e-artifacts
-        path: packages/frontend/test/e2e/artifacts
+        name: ${{ matrix.browser }}-cypress-screenshots
+        path: cypress/screenshots
+    - uses: actions/upload-artifact@v7
+      if: always()
+      with:
+        name: ${{ matrix.browser }}-cypress-videos
+        path: cypress/videos

.github/workflows/test-misskey-js.yml

@@ -22,10 +22,10 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v6.0.3
+        uses: actions/checkout@v6.0.2
 
       - name: Setup pnpm
-        uses: pnpm/action-setup@v6.0.9
+        uses: pnpm/action-setup@v6.0.3
 
       - name: Setup Node.js
         uses: actions/setup-node@v6.4.0

.github/workflows/test-production.yml

@@ -16,11 +16,11 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v6.0.3
+    - uses: actions/checkout@v6.0.2
       with:
         submodules: true
     - name: Setup pnpm
-      uses: pnpm/action-setup@v6.0.9
+      uses: pnpm/action-setup@v6.0.3
     - name: Use Node.js
       uses: actions/setup-node@v6.4.0
       with:

.github/workflows/validate-api-json.yml

@@ -17,11 +17,11 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v6.0.3
+    - uses: actions/checkout@v6.0.2
       with:
         submodules: true
     - name: Setup pnpm
-      uses: pnpm/action-setup@v6.0.9
+      uses: pnpm/action-setup@v6.0.3
     - name: Use Node.js
       uses: actions/setup-node@v6.4.0
       with:

.gitignore

@@ -23,8 +23,9 @@ packages/sw/.yarn/cache
 # pnpm
 .pnpm-store
 
-# Playwright
-packages/frontend/test/e2e/artifacts
+# Cypress
+cypress/screenshots
+cypress/videos
 
 # Coverage
 coverage
@@ -34,7 +35,7 @@ coverage
 !/.config/example.yml
 !/.config/docker_example.yml
 !/.config/docker_example.env
-!/.config/playwright-devcontainer.yml
+!/.config/cypress-devcontainer.yml
 docker-compose.yml
 ./compose.yml
 .devcontainer/compose.yml

.node-version

@@ -1 +1 @@
-26.4.0
+22.18.0

.okteto/okteto-pipeline.yml

@@ -0,0 +1,6 @@
+build:
+  misskey:
+    args:
+      - NODE_ENV=development
+deploy:
+  - helm upgrade --install misskey chart --set image=${OKTETO_BUILD_MISSKEY_IMAGE} --set url="https://misskey-$(kubectl config view --minify -o jsonpath='{..namespace}').cloud.okteto.net" --set environment=development

CHANGELOG.md

@@ -1,75 +1,21 @@
-## 2026.7.0
+## 2026.6.1
 
 ### Note
-
-**今回のリリースではMisskeyの各種動作要件が変更されます。必ずアップグレード前にお使いの環境をご確認ください。**
-
 - センシティブメディアの判定 (NSFW検出) が、本体に内蔵された nsfwjs による推論から、外部サービス [sensitive-detector](https://github.com/misskey-dev/sensitive-detector) への HTTP 呼び出し方式に変更されました。
 	- これに伴い、本体から `nsfwjs` / `@tensorflow/tfjs` / `@tensorflow/tfjs-node` および同梱の NSFW 判定モデルが削除され、インストール要件 (ネイティブ ML スタック) が緩和されました。
 	- **センシティブ判定機能を利用しているサーバーは対応が必要です。** 別途 [sensitive-detector](https://github.com/misskey-dev/sensitive-detector) サービスを立ち上げ、コントロールパネルの「モデレーション > センシティブなメディアの検出」で接続先 URL を設定してください。接続先が未設定の場合、センシティブ判定は行われません (すべて非センシティブ扱い)。
 	- 画像の正規化・動画フレームの抽出・しきい値判定・集約は引き続き本体側で行われ、外部サービスには正規化済み画像の推論のみを委譲します。
-- Node.js v24, v26 をサポートしました。**Node.js v22 でも動作しますが、今後のリリースで v22 のサポートを終了する予定**ですので、Node.js のアップデートをご検討ください。
-  - Node.js のセキュリティアップデートに伴い、最低動作バージョンを 22.22.2 / 24.17.0 / 26.4.0 に引き上げました。
-  - Docker Image は Node.js 26.4.0-trixie に更新されています。
-- バックエンドで画像処理に用いているライブラリ sharp のシステム要件の変更により、**SSE4.2 命令セットをサポートしていない x86_64 CPU では Misskey が正しく動作しなくなります**。仮想マシンに Misskey をデプロイしている場合や、古いハードウェアをお使いの場合は、アップデート前にお使いの環境をご確認ください。なお、ARM64 など x86_64 ではない環境においてはこの変更による影響はありません。
 
 ### General
 - Feat: コントロールパネルから二要素認証を解除できるように
-- Feat: 条件に一致したURLプレビューのサムネイルを隠すことができるように  
-  (Based on https://github.com/MisskeyIO/misskey/pull/214)
 
 ### Client
 - 2025.4.0 以前の設定情報の移行処理が削除されました
 	- 2025.4.0 から直接 2026.6.0 以上にアップデートする場合は設定が移行されませんので注意してください。移行したい場合は一度 2026.5.1 を経由してください。
-- Enhance: 画像ビューワーを独自実装に変更・動画プレイヤーを統合
-  - 操作性の改善
-  - ビューワーとMisskeyの各種機能との統合を強化
-  - パフォーマンスの向上
-  - Enhance: マウスホイールで拡大縮小できるように
-  - Fix: 幅が狭い画面で動画の再生が困難な問題を修正
-  - Fix: 一部の画像のみセンシティブなとき、ビューワー内で画像を切り替えるとセンシティブな画像がそのまま表示される問題を修正
-  - Fix: 一部の画像をビューワーで読み込んだ際に正しく表示されない問題を修正
-- Enhance: タイムラインの読み込みパフォーマンスを改善
-- Enhance: タブがバックグラウンドの間は必要ない定期更新処理を停止するように
-- Fix: 「画像を新しいタブで開く」が機能しなくなっていた問題を修正
-- Fix: デバイスタイプをスマートフォンに固定している状態で画面幅が広いとき、画面左上のアイコンが表示されない問題を修正
-- Fix: チャットでIMEの変換を確定するEnterでメッセージが送信されてしまうことがある問題を修正
-- Fix: 自分へのメンションに対する色分けで、判定が大文字/小文字を区別していた問題を修正
-- Fix: いくつかのイベントリスナーが正しく解除されない問題を修正（メモリ使用量の改善）
-- Fix: 非ログイン時トップページをスクロール操作できないことがある問題を修正
-- Fix: ローカルユーザーへのホスト付きメンションが本文に含まれる指名ノートの作成時、投稿フォームにて、当該ユーザーが宛先に含まれていても正しく認識されない問題を修正
-- Fix: チャートの描画終了後にリソースが解放されない問題を修正
-- Fix: ドライブの「このファイルからノートを作成」やギャラリーの「ノートで共有」、誕生日ウィジェットからのノート作成において、通常投稿の下書きが表示される問題を修正
-- Fix: QRコードリーダーがページを離れても停止しない問題を修正
-- Fix: ノートの詳細表示で削除された引用元が表示されない問題を修正
 
 ### Server
-- Feat: OpenTelemetryサポート
-  - 詳細な設定はconfigファイルを参照してください。
-  - Sentryとの併用も可能です。Sentry併用時は、PostgreSQL Query と Redis command は Sentry で計装されます。
-  - 以下の自動計装をサポートしています。（計装対象にする項目は設定可能）
-    - PostgreSQL query
-    - Redis command
-    - 全ての受信HTTPリクエスト
-    - 全ての送信HTTPリクエスト
-    - ジョブキュー（エンキュー元のトレースを含む）
-- Feat: ログ基盤の刷新
-  - API内部エラーのログに構造化属性と正規化したエラー情報を付与し、認証情報を自動的に秘匿するように（従来形式の表示は維持）
-  - ログ全体の既定出力レベルとドメインごとの出力レベルを設定できるように
-  - バックエンドのログを1行JSON形式で出力できるように
-  - OpenTelemetryのTrace ContextをJSON形式のログへ関連付けられるように
-  - HTTPのAccess logをstatus class単位で出力できるように（開発時のリクエスト・レスポンス本文、OpenTelemetryのTrace Contextにも対応）
-- Enhance: Sentry バックエンドの自動計装を `sentryForBackend.disabledIntegrations` で個別に無効化できるように
 - Enhance: センシティブメディアの判定を外部サービス ([sensitive-detector](https://github.com/misskey-dev/sensitive-detector)) に分離し、`nsfwjs` / `@tensorflow/tfjs(-node)` の同梱と NSFW 判定モデルを廃止 (#16804)
-- Enhance: Node.js 22.22.2以降、24.17.0以降、26.4.0以降をサポートするように
-- Enhance: Docker Image の Node.js を 26.4.0 に、Debian を trixie (v13) に更新
-- Enhance: URLプレビューの結果を内部でキャッシュするように
-- Fix: `/stats` API のレスポンス型が正しくない問題を修正
-- Fix: ハッシュタグに関連するデータを更新する際のエラーハンドリングを修正
-- Fix: Sentry 使用環境下にて、Misskey が発行した SQL クエリが span に含まれない問題を修正
-- Fix: Sentry 使用環境下にて、外部送信リクエストへ `sentry-trace` / `baggage` ヘッダーが既定で付与されないように
-- Fix: フォロワー限定投稿へのリプライをホーム投稿に出来る問題を修正
-- Fix: ファイルをアップロードするAPIにて、処理終了後に一時ファイルが削除されないことがある問題を修正
+
 
 ## 2026.6.0
 

CONTRIBUTING.md

@@ -600,90 +600,6 @@ TypeScriptでjsonをimportすると、tscでコンパイルするときにその
 コンポーネント自身がmarginを設定するのは問題の元となることはよく知られている
 marginはそのコンポーネントを使う側が設定する
 
-### 命名規則
-
-本来それが略称であっても、通常それでひとつのワードとして用いられるものは、略称として扱わない。
-
-#### 例: IP address
-
-Good: `ipAddress` / `IpAddress`
-
-Bad: `IPAddress`
-
-#### 例: User ID
-
-Good: `userId` / `UserId`
-
-Bad: `userID` / `UserID`
-
-#### 例: XMLなHTTPのRequest
-
-Good: `xmlHttpRequest` / `XmlHttpRequest`
-
-Bad: `XMLHttpRequest` / `XMLHTTPRequest`
-
-### 関数化の基準
-
-汎用性が低く(例えばそれを関数化したとしてもその呼び出しが元の場所一か所しか存在しない)、内容も短い処理(例えば10行以下)は、かえって読みにくくなるため、関数化しない。
-
-また、関数化する場合でも、呼び出しがある特定のスコープに限られる場合は、そのスコープ内に閉じ込めた方が分かりやすく簡潔になる場合がある(ただし本来その処理に不要であっても、構造上親のスコープにある関係のない変数や引数にもアクセスできるようになるため、必ずしもそうすれば設計上綺麗になるというわけでもない。状況に応じて判断すべし)。
-
-Bad:
-
-``` ts
-function withBrankets(x) {
-	return `(${x})`;
-}
-
-function formatPercent(x) {
-	return `${x}%`;
-}
-
-function formatValue(x) {
-	return withBrankets(formatPercent(x));
-}
-
-function showData(a, b) {
-	console.log(formatValue(a));
-	console.log(formatValue(b));
-}
-```
-
-Good:
-
-``` ts
-function formatValue(x) {
-	return `(${x}%)`;
-}
-
-function showData(a, b) {
-	console.log(formatValue(a));
-	console.log(formatValue(b));
-}
-```
-
-or
-
-``` ts
-function showData(a, b) {
-	function formatValue(x) {
-		return `(${x}%)`;
-	}
-
-	console.log(formatValue(a));
-	console.log(formatValue(b));
-}
-```
-
-or
-
-``` ts
-function showData(a, b) {
-	console.log(`(${a}%)`);
-	console.log(`(${b}%)`);
-}
-```
-
 ## その他
 ### HTMLのクラス名で follow という単語は使わない
 広告ブロッカーで誤ってブロックされる

Dockerfile

@@ -1,6 +1,6 @@
 # syntax = docker/dockerfile:1.23
 
-ARG NODE_VERSION=26.4.0-trixie
+ARG NODE_VERSION=22.22.2-bookworm
 
 # build assets & compile TypeScript
 

chart/Chart.yaml

@@ -0,0 +1,4 @@
+apiVersion: v2
+name: misskey
+version: 0.0.0
+description: This chart is created for the purpose of previewing Pull Requests. Do not use this for production use.

chart/files/default.yml

@@ -0,0 +1,232 @@
+#━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+# Misskey configuration
+#━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+#   ┌─────┐
+#───┘ URL └─────────────────────────────────────────────────────
+
+# Final accessible URL seen by a user.
+# url: https://example.tld/
+
+# ONCE YOU HAVE STARTED THE INSTANCE, DO NOT CHANGE THE
+# URL SETTINGS AFTER THAT!
+
+#   ┌───────────────────────┐
+#───┘ Port and TLS settings └───────────────────────────────────
+
+#
+# Misskey supports two deployment options for public.
+#
+
+# Option 1: With Reverse Proxy
+#
+#                 +----- https://example.tld/ ------------+
+#   +------+      |+-------------+      +----------------+|
+#   | User | ---> || Proxy (443) | ---> | Misskey (3000) ||
+#   +------+      |+-------------+      +----------------+|
+#                 +---------------------------------------+
+#
+#   You need to setup reverse proxy. (eg. nginx)
+#   You do not define 'https' section.
+
+# Option 2: Standalone
+#
+#                 +- https://example.tld/ -+
+#   +------+      |   +---------------+    |
+#   | User | ---> |   | Misskey (443) |    |
+#   +------+      |   +---------------+    |
+#                 +------------------------+
+#
+#   You need to run Misskey as root.
+#   You need to set Certificate in 'https' section.
+
+# To use option 1, uncomment below line.
+port: 3000 # A port that your Misskey server should listen.
+
+# To use option 2, uncomment below lines.
+#port: 443
+
+#https:
+#  # path for certification
+#  key: /etc/letsencrypt/live/example.tld/privkey.pem
+#  cert: /etc/letsencrypt/live/example.tld/fullchain.pem
+
+#   ┌──────────────────────────┐
+#───┘ PostgreSQL configuration └────────────────────────────────
+
+db:
+  host: localhost
+  port: 5432
+
+  # Database name
+  db: misskey
+
+  # Auth
+  user: example-misskey-user
+  pass: example-misskey-pass
+
+  # Whether disable Caching queries
+  #disableCache: true
+
+  # Extra Connection options
+  #extra:
+  #  ssl: true
+
+dbReplications: false
+
+# You can configure any number of replicas here
+#dbSlaves:
+#  -
+#    host:
+#    port:
+#    db:
+#    user:
+#    pass:
+#  -
+#    host:
+#    port:
+#    db:
+#    user:
+#    pass:
+
+#   ┌─────────────────────┐
+#───┘ Redis configuration └─────────────────────────────────────
+
+redis:
+  host: localhost
+  port: 6379
+  #family: 0  # 0=Both, 4=IPv4, 6=IPv6
+  #pass: example-pass
+  #prefix: example-prefix
+  #db: 1
+
+#redisForPubsub:
+#  host: localhost
+#  port: 6379
+#  #family: 0  # 0=Both, 4=IPv4, 6=IPv6
+#  #pass: example-pass
+#  #prefix: example-prefix
+#  #db: 1
+
+#redisForJobQueue:
+#  host: localhost
+#  port: 6379
+#  #family: 0  # 0=Both, 4=IPv4, 6=IPv6
+#  #pass: example-pass
+#  #prefix: example-prefix
+#  #db: 1
+
+#redisForTimelines:
+#  host: redis
+#  port: 6379
+#  #family: 0  # 0=Both, 4=IPv4, 6=IPv6
+#  #pass: example-pass
+#  #prefix: example-prefix
+#  #db: 1
+
+#redisForReactions:
+#  host: redis
+#  port: 6379
+#  #family: 0  # 0=Both, 4=IPv4, 6=IPv6
+#  #pass: example-pass
+#  #prefix: example-prefix
+#  #db: 1
+
+#   ┌───────────────────────────┐
+#───┘ MeiliSearch configuration └─────────────────────────────
+
+#meilisearch:
+#  host: localhost
+#  port: 7700
+#  apiKey: ''
+#  ssl: true
+#  index: ''
+
+#   ┌───────────────┐
+#───┘ ID generation └───────────────────────────────────────────
+
+# You can select the ID generation method.
+# You don't usually need to change this setting, but you can
+# change it according to your preferences.
+
+# Available methods:
+# aid ... Short, Millisecond accuracy
+# aidx ... Millisecond accuracy
+# meid ... Similar to ObjectID, Millisecond accuracy
+# ulid ... Millisecond accuracy
+# objectid ... This is left for backward compatibility
+
+# ONCE YOU HAVE STARTED THE INSTANCE, DO NOT CHANGE THE
+# ID SETTINGS AFTER THAT!
+
+id: "aidx"
+
+#   ┌────────────────┐
+#───┘ Error tracking └──────────────────────────────────────────
+
+# Sentry is available for error tracking.
+# See the Sentry documentation for more details on options.
+
+#sentryForBackend:
+#  enableNodeProfiling: true
+#  options:
+#    dsn: 'https://examplePublicKey@o0.ingest.sentry.io/0'
+
+#sentryForFrontend:
+#  vueIntegration:
+#    tracingOptions:
+#      trackComponents: true
+#  browserTracingIntegration:
+#  replayIntegration:
+#  options:
+#    dsn: 'https://examplePublicKey@o0.ingest.sentry.io/0'
+
+#   ┌─────────────────────┐
+#───┘ Other configuration └─────────────────────────────────────
+
+# Whether disable HSTS
+#disableHsts: true
+
+# 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
+
+# Job rate limiter
+# deliverJobPerSec: 128
+# inboxJobPerSec: 32
+
+# Job attempts
+# deliverJobMaxAttempts: 12
+# inboxJobMaxAttempts: 8
+
+# IP address family used for outgoing request (ipv4, ipv6 or dual)
+#outgoingAddressFamily: ipv4
+
+# Proxy for HTTP/HTTPS
+#proxy: http://127.0.0.1:3128
+
+#proxyBypassHosts: [
+#  'example.com',
+#  '192.0.2.8'
+#]
+
+# Proxy for SMTP/SMTPS
+#proxySmtp: http://127.0.0.1:3128   # use HTTP/1.1 CONNECT
+#proxySmtp: socks4://127.0.0.1:1080 # use SOCKS4
+#proxySmtp: socks5://127.0.0.1:1080 # use SOCKS5
+
+# Media Proxy
+#mediaProxy: https://example.com/proxy
+
+#allowedPrivateNetworks: [
+#  '127.0.0.1/32'
+#]
+
+# Upload or download file size limits (bytes)
+#maxFileSize: 262144000

chart/templates/ConfigMap.yml

@@ -0,0 +1,8 @@
+apiVersion: v1
+kind: ConfigMap
+metadata:
+  name: {{ include "misskey.fullname" . }}-configuration
+data:
+  default.yml: |-
+    {{ .Files.Get "files/default.yml"|nindent 4 }}
+    url: {{ .Values.url }}

chart/templates/Deployment.yml

@@ -0,0 +1,47 @@
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: {{ include "misskey.fullname" . }}
+  labels:
+    {{- include "misskey.labels" . | nindent 4 }}
+spec:
+  selector:
+    matchLabels:
+      {{- include "misskey.selectorLabels" . | nindent 6 }}
+  replicas: 1
+  template:
+    metadata:
+      labels:
+        {{- include "misskey.selectorLabels" . | nindent 8 }}
+    spec:
+      containers:
+        - name: misskey
+          image: {{ .Values.image }}
+          env:
+            - name: NODE_ENV
+              value: {{ .Values.environment }}
+          volumeMounts:
+            - name: {{ include "misskey.fullname" . }}-configuration
+              mountPath: /misskey/.config
+              readOnly: true
+          ports:
+            - containerPort: 3000
+        - name: postgres
+          image: postgres:18-alpine
+          env:
+            - name: POSTGRES_USER
+              value: "example-misskey-user"
+            - name: POSTGRES_PASSWORD
+              value: "example-misskey-pass"
+            - name: POSTGRES_DB
+              value: "misskey"
+          ports:
+            - containerPort: 5432
+        - name: redis
+          image: redis:7-alpine
+          ports:
+            - containerPort: 6379
+      volumes:
+        - name: {{ include "misskey.fullname" . }}-configuration
+          configMap:
+            name: {{ include "misskey.fullname" . }}-configuration

chart/templates/Service.yml

@@ -0,0 +1,14 @@
+apiVersion: v1
+kind: Service
+metadata:
+  name: {{ include "misskey.fullname" . }}
+  annotations:
+    dev.okteto.com/auto-ingress: "true"
+spec:
+  type: ClusterIP
+  ports:
+    - port: 3000
+      protocol: TCP
+      name: http
+  selector:
+    {{- include "misskey.selectorLabels" . | nindent 4 }}

chart/templates/_helpers.tpl

@@ -0,0 +1,62 @@
+{{/*
+Expand the name of the chart.
+*/}}
+{{- define "misskey.name" -}}
+{{- default .Chart.Name .Values.nameOverride | trunc 63 | trimSuffix "-" }}
+{{- end }}
+
+{{/*
+Create a default fully qualified app name.
+We truncate at 63 chars because some Kubernetes name fields are limited to this (by the DNS naming spec).
+If release name contains chart name it will be used as a full name.
+*/}}
+{{- define "misskey.fullname" -}}
+{{- if .Values.fullnameOverride }}
+{{- .Values.fullnameOverride | trunc 63 | trimSuffix "-" }}
+{{- else }}
+{{- $name := default .Chart.Name .Values.nameOverride }}
+{{- if contains $name .Release.Name }}
+{{- .Release.Name | trunc 63 | trimSuffix "-" }}
+{{- else }}
+{{- printf "%s-%s" .Release.Name $name | trunc 63 | trimSuffix "-" }}
+{{- end }}
+{{- end }}
+{{- end }}
+
+{{/*
+Create chart name and version as used by the chart label.
+*/}}
+{{- define "misskey.chart" -}}
+{{- printf "%s-%s" .Chart.Name .Chart.Version | replace "+" "_" | trunc 63 | trimSuffix "-" }}
+{{- end }}
+
+{{/*
+Common labels
+*/}}
+{{- define "misskey.labels" -}}
+helm.sh/chart: {{ include "misskey.chart" . }}
+{{ include "misskey.selectorLabels" . }}
+{{- if .Chart.AppVersion }}
+app.kubernetes.io/version: {{ .Chart.AppVersion | quote }}
+{{- end }}
+app.kubernetes.io/managed-by: {{ .Release.Service }}
+{{- end }}
+
+{{/*
+Selector labels
+*/}}
+{{- define "misskey.selectorLabels" -}}
+app.kubernetes.io/name: {{ include "misskey.name" . }}
+app.kubernetes.io/instance: {{ .Release.Name }}
+{{- end }}
+
+{{/*
+Create the name of the service account to use
+*/}}
+{{- define "misskey.serviceAccountName" -}}
+{{- if .Values.serviceAccount.create }}
+{{- default (include "misskey.fullname" .) .Values.serviceAccount.name }}
+{{- else }}
+{{- default "default" .Values.serviceAccount.name }}
+{{- end }}
+{{- end }}

chart/values.yml

@@ -0,0 +1,3 @@
+url: https://example.tld/
+image: okteto.dev/misskey
+environment: production

cypress.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:61812',
+  },
+})

cypress/e2e/basic.cy.ts

@@ -0,0 +1,265 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+describe('Before setup instance', () => {
+	beforeEach(() => {
+		cy.resetState();
+	});
+
+	afterEach(() => {
+		// テスト終了直前にページ遷移するようなテストケース(例えばアカウント作成)だと、たぶんCypressのバグでブラウザの内容が次のテストケースに引き継がれてしまう(例えばアカウントが作成し終わった段階からテストが始まる)。
+		// waitを入れることでそれを防止できる
+		cy.wait(1000);
+	});
+
+  it('successfully loads', () => {
+    cy.visitHome();
+  });
+
+	it('setup instance', () => {
+    cy.visitHome();
+
+		cy.intercept('POST', '/api/admin/accounts/create').as('signup');
+
+		cy.get('[data-cy-admin-initial-password] input').type('example_password_please_change_this_or_you_will_get_hacked');
+		cy.get('[data-cy-admin-username] input').type('admin');
+		cy.get('[data-cy-admin-password] input').type('admin1234');
+		cy.get('[data-cy-admin-ok]').click();
+
+		// なぜか動かない
+		//cy.wait('@signup').should('have.property', 'response.statusCode');
+		cy.wait('@signup');
+
+		cy.intercept('POST', '/api/admin/update-meta').as('update-meta');
+
+		cy.get('[data-cy-next]').click();
+		cy.get('[data-cy-server-name] input').type('Testskey');
+		cy.get('[data-cy-server-setup-wizard-apply]').click();
+
+		cy.wait('@update-meta');
+  });
+});
+
+describe('After setup instance', () => {
+	beforeEach(() => {
+		cy.resetState();
+
+		// インスタンス初期セットアップ
+		cy.registerUser('admin', 'pass', true);
+	});
+
+	afterEach(() => {
+		// テスト終了直前にページ遷移するようなテストケース(例えばアカウント作成)だと、たぶんCypressのバグでブラウザの内容が次のテストケースに引き継がれてしまう(例えばアカウントが作成し終わった段階からテストが始まる)。
+		// waitを入れることでそれを防止できる
+		cy.wait(1000);
+	});
+
+  it('successfully loads', () => {
+    cy.visitHome();
+  });
+
+	it('signup', () => {
+		cy.visitHome();
+
+		cy.intercept('POST', '/api/signup').as('signup');
+
+		cy.get('[data-cy-signup]').click();
+		cy.get('[data-cy-signup-rules-continue]').should('be.disabled');
+		cy.get('[data-cy-signup-rules-notes-agree] [data-cy-switch-toggle]').click();
+		cy.get('[data-cy-modal-dialog-ok]').click();
+		cy.get('[data-cy-signup-rules-continue]').should('not.be.disabled');
+		cy.get('[data-cy-signup-rules-continue]').click();
+
+		cy.get('[data-cy-signup-submit]').should('be.disabled');
+		cy.get('[data-cy-signup-username] input').type('alice');
+		cy.get('[data-cy-signup-submit]').should('be.disabled');
+		cy.get('[data-cy-signup-password] input').type('alice1234');
+		cy.get('[data-cy-signup-submit]').should('be.disabled');
+		cy.get('[data-cy-signup-password-retype] input').type('alice1234');
+		cy.get('[data-cy-signup-submit]').should('be.disabled');
+		cy.get('[data-cy-signup-invitation-code] input').type('test-invitation-code');
+		cy.get('[data-cy-signup-submit]').should('not.be.disabled');
+		cy.get('[data-cy-signup-submit]').click();
+
+		cy.wait('@signup');
+  });
+
+  it('signup with duplicated username', () => {
+		cy.registerUser('alice', 'alice1234');
+
+		cy.visitHome();
+
+		// ユーザー名が重複している場合の挙動確認
+		cy.get('[data-cy-signup]').click();
+		cy.get('[data-cy-signup-rules-continue]').should('be.disabled');
+		cy.get('[data-cy-signup-rules-notes-agree] [data-cy-switch-toggle]').click();
+		cy.get('[data-cy-modal-dialog-ok]').click();
+		cy.get('[data-cy-signup-rules-continue]').should('not.be.disabled');
+		cy.get('[data-cy-signup-rules-continue]').click();
+
+		cy.get('[data-cy-signup-username] input').type('alice');
+		cy.get('[data-cy-signup-password] input').type('alice1234');
+		cy.get('[data-cy-signup-password-retype] input').type('alice1234');
+		cy.get('[data-cy-signup-submit]').should('be.disabled');
+  });
+});
+
+describe('After user signup', () => {
+	beforeEach(() => {
+		cy.resetState();
+
+		// インスタンス初期セットアップ
+		cy.registerUser('admin', 'pass', true);
+
+		// ユーザー作成
+		cy.registerUser('alice', 'alice1234');
+	});
+
+	afterEach(() => {
+		// テスト終了直前にページ遷移するようなテストケース(例えばアカウント作成)だと、たぶんCypressのバグでブラウザの内容が次のテストケースに引き継がれてしまう(例えばアカウントが作成し終わった段階からテストが始まる)。
+		// waitを入れることでそれを防止できる
+		cy.wait(1000);
+	});
+
+  it('successfully loads', () => {
+    cy.visitHome();
+  });
+
+	it('signin', () => {
+		cy.visitHome();
+
+		cy.intercept('POST', '/api/signin-flow').as('signin');
+
+		cy.get('[data-cy-signin]').click();
+
+		cy.get('[data-cy-signin-page-input]').should('be.visible', { timeout: 1000 });
+		// Enterキーで続行できるかの確認も兼ねる
+		cy.get('[data-cy-signin-username] input').type('alice{enter}');
+
+		cy.get('[data-cy-signin-page-password]').should('be.visible', { timeout: 10000 });
+		// Enterキーで続行できるかの確認も兼ねる
+		cy.get('[data-cy-signin-password] input').type('alice1234{enter}');
+
+		cy.wait('@signin');
+  });
+
+	it('suspend', function() {
+		cy.request('POST', '/api/admin/suspend-user', {
+			i: this.admin.token,
+			userId: this.alice.id,
+		});
+
+		cy.visitHome();
+
+		cy.get('[data-cy-signin]').click();
+
+		cy.get('[data-cy-signin-page-input]').should('be.visible', { timeout: 1000 });
+		cy.get('[data-cy-signin-username] input').type('alice{enter}');
+
+		// TODO: cypressにブラウザの言語指定できる機能が実装され次第英語のみテストするようにする
+		cy.contains(/アカウントが凍結されています|This account has been suspended due to/gi);
+	});
+});
+
+describe('After user signed in', () => {
+	beforeEach(() => {
+		cy.resetState();
+
+		// インスタンス初期セットアップ
+		cy.registerUser('admin', 'pass', true);
+
+		// ユーザー作成
+		cy.registerUser('alice', 'alice1234');
+
+		cy.login('alice', 'alice1234');
+	});
+
+	afterEach(() => {
+		// テスト終了直前にページ遷移するようなテストケース(例えばアカウント作成)だと、たぶんCypressのバグでブラウザの内容が次のテストケースに引き継がれてしまう(例えばアカウントが作成し終わった段階からテストが始まる)。
+		// waitを入れることでそれを防止できる
+		cy.wait(1000);
+	});
+
+  it('successfully loads', () => {
+		// 表示に時間がかかるのでデフォルト秒数だとタイムアウトする
+		cy.get('[data-cy-user-setup-continue]', { timeout: 30000 }).should('be.visible');
+  });
+
+	it('account setup wizard', () => {
+		// 表示に時間がかかるのでデフォルト秒数だとタイムアウトする
+		cy.get('[data-cy-user-setup-continue]', { timeout: 30000 }).click();
+
+		cy.get('[data-cy-user-setup-user-name] input').type('ありす');
+		cy.get('[data-cy-user-setup-user-description] textarea').type('ほげ');
+		// TODO: アイコン設定テスト
+
+		cy.get('[data-cy-user-setup-continue]').click();
+
+		// プライバシー設定
+
+		cy.get('[data-cy-user-setup-continue]').click();
+
+		// フォローはスキップ
+
+		cy.get('[data-cy-user-setup-continue]').click();
+
+		// プッシュ通知設定はスキップ
+
+		cy.get('[data-cy-user-setup-continue]').click();
+
+		cy.get('[data-cy-user-setup-continue]').click();
+  });
+});
+
+describe('After user setup', () => {
+	beforeEach(() => {
+		cy.resetState();
+
+		// インスタンス初期セットアップ
+		cy.registerUser('admin', 'pass', true);
+
+		// ユーザー作成
+		cy.registerUser('alice', 'alice1234');
+
+		cy.login('alice', 'alice1234');
+
+		// アカウント初期設定ウィザード
+		// 表示に時間がかかるのでデフォルト秒数だとタイムアウトする
+		cy.get('[data-cy-user-setup] [data-cy-modal-window-close]', { timeout: 30000 }).click();
+		cy.get('[data-cy-modal-dialog-ok]').click();
+	});
+
+	afterEach(() => {
+		// テスト終了直前にページ遷移するようなテストケース(例えばアカウント作成)だと、たぶんCypressのバグでブラウザの内容が次のテストケースに引き継がれてしまう(例えばアカウントが作成し終わった段階からテストが始まる)。
+		// waitを入れることでそれを防止できる
+		cy.wait(1000);
+	});
+
+	it('note', () => {
+		cy.get('[data-cy-open-post-form]').should('be.visible');
+		cy.get('[data-cy-open-post-form]').click();
+		cy.get('[data-cy-post-form-text]').type('Hello, Misskey!');
+		cy.get('[data-cy-open-post-form-submit]').click();
+
+		cy.contains('Hello, Misskey!', { timeout: 15000 });
+  });
+
+	it('open note form with hotkey', () => {
+		// Wait until the page loads
+		cy.get('[data-cy-open-post-form]').should('be.visible');
+		// Use trigger() to give different `code` to test if hotkeys also work on non-QWERTY keyboards.
+		cy.document().trigger("keydown", { eventConstructor: 'KeyboardEvent', key: "n", code: "KeyL" });
+		// See if the form is opened
+		cy.get('[data-cy-post-form-text]').should('be.visible');
+		// Close it
+		cy.focused().trigger("keydown", { eventConstructor: 'KeyboardEvent', key: "Escape", code: "Escape" });
+		// See if the form is closed
+		cy.get('[data-cy-post-form-text]').should('not.be.visible');
+  });
+});
+
+// TODO: 投稿フォームの公開範囲指定のテスト
+// TODO: 投稿フォームのファイル添付のテスト
+// TODO: 投稿フォームのハッシュタグ保持フィールドのテスト

cypress/e2e/router.cy.ts

@@ -0,0 +1,35 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+describe('Router transition', () => {
+	describe('Redirect', () => {
+		// サーバの初期化。ルートのテストに関しては各describeごとに1度だけ実行で十分だと思う（使いまわした方が早い）
+		before(() => {
+			cy.resetState();
+
+			// インスタンス初期セットアップ
+			cy.registerUser('admin', 'pass', true);
+
+			// ユーザー作成
+			cy.registerUser('alice', 'alice1234');
+
+			cy.login('alice', 'alice1234');
+
+			// アカウント初期設定ウィザード
+			// 表示に時間がかかるのでデフォルト秒数だとタイムアウトする
+			cy.get('[data-cy-user-setup] [data-cy-modal-window-close]', { timeout: 30000 }).click();
+			cy.wait(500);
+			cy.get('[data-cy-modal-dialog-ok]').click();
+		});
+
+		it('redirect to user profile', () => {
+			// テストのためだけに用意されたリダイレクト用ルートに飛ぶ
+			cy.visit('/redirect-test');
+
+			// プロフィールページのURLであることを確認する
+			cy.url().should('include', '/@alice')
+		});
+	});
+});

cypress/e2e/widgets.cy.ts

@@ -0,0 +1,76 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+/* flaky
+describe('After user signed in', () => {
+	beforeEach(() => {
+		cy.resetState();
+		cy.viewport('macbook-16');
+
+		// インスタンス初期セットアップ
+		cy.registerUser('admin', 'pass', true);
+
+		// ユーザー作成
+		cy.registerUser('alice', 'alice1234');
+
+		cy.login('alice', 'alice1234');
+
+		// アカウント初期設定ウィザード
+		cy.get('[data-cy-user-setup] [data-cy-modal-window-close]').click();
+		cy.get('[data-cy-modal-dialog-ok]').click();
+	});
+
+	afterEach(() => {
+		// テスト終了直前にページ遷移するようなテストケース(例えばアカウント作成)だと、たぶんCypressのバグでブラウザの内容が次のテストケースに引き継がれてしまう(例えばアカウントが作成し終わった段階からテストが始まる)。
+		// waitを入れることでそれを防止できる
+		cy.wait(1000);
+	});
+
+  it('widget edit toggle is visible', () => {
+		cy.get('[data-cy-widget-edit]').should('be.visible');
+  });
+
+	it('widget select should be visible in edit mode', () => {
+		cy.get('[data-cy-widget-edit]').click();
+		cy.get('[data-cy-widget-select]').should('be.visible');
+  });
+
+	it('first widget should be removed', () => {
+		cy.get('[data-cy-widget-edit]').click();
+		cy.get('[data-cy-customize-container]:first-child [data-cy-customize-container-remove]._button').click();
+		cy.get('[data-cy-customize-container]').should('have.length', 2);
+	});
+
+	function buildWidgetTest(widgetName) {
+		it(`${widgetName} widget should get added`, () => {
+			cy.get('[data-cy-widget-edit]').click();
+			cy.get('[data-cy-widget-select] select').select(widgetName, { force: true });
+			cy.get('[data-cy-bg]._modalBg[data-cy-transparent]').click({ multiple: true, force: true });
+			cy.get('[data-cy-widget-add]').click({ force: true });
+			cy.get(`[data-cy-mkw-${widgetName}]`).should('exist');
+		});
+	}
+
+	buildWidgetTest('memo');
+	buildWidgetTest('notifications');
+	buildWidgetTest('timeline');
+	buildWidgetTest('calendar');
+	buildWidgetTest('rss');
+	buildWidgetTest('trends');
+	buildWidgetTest('clock');
+	buildWidgetTest('activity');
+	buildWidgetTest('photos');
+	buildWidgetTest('digitalClock');
+	buildWidgetTest('federation');
+	buildWidgetTest('postForm');
+	buildWidgetTest('slideshow');
+	buildWidgetTest('serverMetric');
+	buildWidgetTest('onlineUsers');
+	buildWidgetTest('jobQueue');
+	buildWidgetTest('button');
+	buildWidgetTest('aiscript');
+	buildWidgetTest('aichan');
+});
+*/

cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}

cypress/support/commands.ts

@@ -0,0 +1,67 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+
+Cypress.Commands.add('visitHome', () => {
+	cy.visit('/');
+	cy.get('button', { timeout: 30000 }).should('be.visible');
+})
+
+Cypress.Commands.add('resetState', () => {
+	// iframe.contentWindow.indexedDB.deleteDatabase() がchromeのバグで使用できないため、indexedDBを無効化している。
+	// see https://github.com/misskey-dev/misskey/issues/13605#issuecomment-2053652123
+	/*
+	cy.window().then(win => {
+		win.indexedDB.deleteDatabase('keyval-store');
+	});
+	 */
+	cy.request('POST', '/api/reset-db', {}).as('reset');
+	cy.get('@reset').its('status').should('equal', 204);
+	cy.reload(true);
+});
+
+Cypress.Commands.add('registerUser', (username, password, isAdmin = false) => {
+	const route = isAdmin ? '/api/admin/accounts/create' : '/api/signup';
+
+	cy.request('POST', route, {
+		username: username,
+		password: password,
+		...(isAdmin ? { setupPassword: 'example_password_please_change_this_or_you_will_get_hacked' } : {}),
+	}).its('body').as(username);
+});
+
+Cypress.Commands.add('login', (username, password) => {
+	cy.visitHome();
+
+	cy.intercept('POST', '/api/signin-flow').as('signin');
+
+	cy.get('[data-cy-signin]').click();
+	cy.get('[data-cy-signin-page-input]').should('be.visible', { timeout: 1000 });
+	cy.get('[data-cy-signin-username] input').type(`${username}{enter}`);
+	cy.get('[data-cy-signin-page-password]').should('be.visible', { timeout: 10000 });
+	cy.get('[data-cy-signin-password] input').type(`${password}{enter}`);
+
+	cy.wait('@signin').as('signedIn');
+});

cypress/support/e2e.ts

@@ -0,0 +1,34 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
+
+Cypress.on('uncaught:exception', (err, runnable) => {
+	if ([
+		'The source image cannot be decoded',
+
+		// Chrome
+		'ResizeObserver loop limit exceeded',
+
+		// Firefox
+		'ResizeObserver loop completed with undelivered notifications',
+	].some(msg => err.message.includes(msg))) {
+		return false;
+	}
+});

cypress/support/index.ts

@@ -0,0 +1,19 @@
+declare global {
+	namespace Cypress {
+		interface Chainable {
+			login(username: string, password: string): Chainable<void>;
+
+			registerUser(
+				username: string,
+				password: string,
+				isAdmin?: boolean
+			): Chainable<void>;
+
+			resetState(): Chainable<void>;
+
+			visitHome(): Chainable<void>;
+		}
+	}
+}
+
+export {}

cypress/tsconfig.json

@@ -0,0 +1,8 @@
+{
+	"compilerOptions": {
+		"lib": ["dom"],
+		"target": "esnext",
+		"types": ["cypress", "node"]
+	},
+	"include": ["./**/*.ts"]
+}

locales/ca-ES.yml

@@ -1361,11 +1361,14 @@ information: "Informació"
 chat: "Xat"
 directMessage: "Xateja amb aquest usuari"
 directMessage_short: "Missatge"
+migrateOldSettings: "Migrar la configuració anterior"
+migrateOldSettings_description: "Normalment això es fa automàticament, però si la transició no es fa, el procés es pot iniciar manualment. S'esborrarà la configuració actual."
 compress: "Comprimir "
 right: "Dreta"
 bottom: "A baix "
 top: "A dalt "
 embed: "Incrustar"
+settingsMigrating: "Estem migrant la teva configuració. Si us plau espera un moment... (També pots fer la migració més tard, manualment, anant a Preferències → Altres → Migrar configuració antiga)"
 readonly: "Només lectura"
 goToDeck: "Tornar al tauler"
 federationJobs: "Treballs de federació"

locales/de-DE.yml

@@ -1358,11 +1358,14 @@ information: "Über"
 chat: "Chat"
 directMessage: "Mit dem Benutzer chatten"
 directMessage_short: "Nachrichten"
+migrateOldSettings: "Alte Client-Einstellungen migrieren"
+migrateOldSettings_description: "Dies sollte normalerweise automatisch geschehen, aber wenn die Migration aus irgendeinem Grund nicht erfolgreich war, kannst du den Migrationsprozess selbst manuell auslösen. Die aktuellen Konfigurationsinformationen werden dabei überschrieben."
 compress: "Komprimieren"
 right: "Rechts"
 bottom: "Unten"
 top: "Oben"
 embed: "Einbetten"
+settingsMigrating: "Deine Einstellungen werden gerade migriert. Bitte warte einen Moment... (Du kannst die Einstellungen später auch manuell migrieren, indem du zu Einstellungen → Anderes → Alte Einstellungen migrieren gehst)"
 readonly: "Nur Lesezugriff"
 goToDeck: "Zurück zum Deck"
 federationJobs: "Föderation Jobs"

locales/en-US.yml

@@ -1361,11 +1361,14 @@ information: "About"
 chat: "Chat"
 directMessage: "Chat with user"
 directMessage_short: "Message"
+migrateOldSettings: "Migrate old client settings"
+migrateOldSettings_description: "This should be done automatically but if for some reason the migration was not successful, you can trigger the migration process yourself manually. The current configuration information will be overwritten."
 compress: "Compress"
 right: "Right"
 bottom: "Bottom"
 top: "Top"
 embed: "Embed"
+settingsMigrating: "Settings are being migrated, please wait a moment... (You can also migrate manually later by going to Settings→Others→Migrate old settings)"
 readonly: "Read only"
 goToDeck: "Return to Deck"
 federationJobs: "Federation Jobs"

locales/es-ES.yml

@@ -584,7 +584,7 @@ showFixedPostForm: "Mostrar formulario de publicación sobre la línea de tiempo
 showFixedPostFormInChannel: "Mostrar el formulario de publicación por encima de la cronología (Canales)"
 withRepliesByDefaultForNewlyFollowed: "Incluir por defecto respuestas de usuarios recién seguidos en la línea de tiempo"
 newNoteRecived: "Tienes una nota nueva"
-newNote: "Nuevas notas"
+newNote: "Nueva nota"
 sounds: "Sonidos"
 sound: "Sonidos"
 notificationSoundSettings: "Configuración del sonido de las notificaciones"
@@ -1219,7 +1219,7 @@ keepScreenOn: "Mantener pantalla encendida"
 verifiedLink: "Propiedad del enlace verificada"
 notifyNotes: "Notificar nuevas notas"
 unnotifyNotes: "Dejar de notificar nuevas notas"
-notifyUsers: "Cuentas con notificaciones activadas"
+notifyUsers: "Usuarios que han activado las notificaciones de publicaciones"
 authentication: "Autenticación"
 authenticationRequiredToContinue: "Por favor, autentifícate para continuar"
 dateAndTime: "Fecha y hora"
@@ -1361,11 +1361,14 @@ information: "Información"
 chat: "Chat"
 directMessage: "Chatear"
 directMessage_short: "Mensajes"
+migrateOldSettings: "Migrar la configuración anterior"
+migrateOldSettings_description: "Esto debería hacerse automáticamente, pero si por alguna razón la migración no ha tenido éxito, puede activar usted mismo el proceso de migración manualmente. Se sobrescribirá la información de configuración actual."
 compress: "Compresión de la imagen"
 right: "Derecha"
 bottom: "Abajo"
 top: "Arriba"
 embed: "Insertar"
+settingsMigrating: "La configuración está siendo migrada, por favor espera un momento... (También puedes migrar manualmente más tarde yendo a Ajustes  otros migrar configuración antigua"
 readonly: "Solo Lectura"
 goToDeck: "Volver al Deck"
 federationJobs: "Trabajos de Federación"

locales/id-ID.yml

@@ -1358,7 +1358,6 @@ _chat:
   invitations: "Undang"
   history: "Riwayat obrolan"
   noHistory: "Tidak ada riwayat"
-  join: "Gabung"
   members: "Anggota"
   home: "Beranda"
   send: "Kirim"
@@ -2556,8 +2555,6 @@ _deck:
   useSimpleUiForNonRootPages: "Gunakan antarmuka sederhana ke halaman yang dituju"
   usedAsMinWidthWhenFlexible: "Lebar minimum akan digunakan untuk ini ketika opsi \"Atur-otomatis lebar\" dinyalakan"
   flexible: "Atur-otomatis lebar"
-  _howToUse:
-    settings_title: "Pengaturan UI"
   _columns:
     main: "Utama"
     widgets: "Widget"

locales/it-IT.yml

@@ -1361,11 +1361,14 @@ information: "Informazioni"
 chat: "Chat"
 directMessage: "Chattare insieme"
 directMessage_short: "Messaggio"
+migrateOldSettings: "Migrare le vecchie impostazioni"
+migrateOldSettings_description: "Di solito, viene fatto automaticamente. Se per qualche motivo non fossero migrate con successo, è possibile avviare il processo di migrazione manualmente, sovrascrivendo le configurazioni attuali."
 compress: "Compressione"
 right: "Destra"
 bottom: "Sotto"
 top: "Sopra"
 embed: "Incorporare"
+settingsMigrating: "Migrazione delle impostazioni. Attendere prego ... (Puoi anche migrare manualmente in un secondo momento, nel menu: Impostazioni → Altro → Migrazione delle impostazioni)"
 readonly: "Sola lettura"
 goToDeck: "Torna al Deck"
 federationJobs: "Coda di federazione"

locales/ja-JP.yml

@@ -1419,8 +1419,6 @@ addToEmojiPalette: "絵文字パレットに追加"
 emojiPaletteAlreadyAddedConfirm: "この絵文字はすでにこの絵文字パレットに含まれています。追加しなおしますか？"
 append: "末尾に追加"
 prepend: "先頭に追加"
-urlPreviewSensitiveList: "サムネイルの表示を制限するURL"
-urlPreviewSensitiveListDescription: "スペースで区切るとAND指定になり、改行で区切るとOR指定になります。スラッシュで囲むと正規表現になります。一致した場合、サムネイルが表示されなくなります。"
 
 _imageEditing:
   _vars:

locales/ja-KS.yml

@@ -1332,6 +1332,9 @@ preferenceSyncConflictChoiceCancel: "同期の有効化はやめとくわ"
 postForm: "投稿フォーム"
 information: "情報"
 directMessage: "チャットしよか"
+migrateOldSettings: "旧設定情報をお引っ越し"
+migrateOldSettings_description: "通常これは自動で行われるはずなんやけど、なんかの理由で上手く移行できへんかったときは手動で移行処理をポチっとできるで。今の設定情報は上書きされるで。"
+settingsMigrating: "設定を移行しとるで。ちょっと待っとってな... (後で、設定→その他→旧設定情報を移行 で手動で移行することもできるで)"
 driveAboutTip: "ドライブでは、今までアップロードしたファイルがずらーっと表示されるで。<br>\nノートにファイルをもっかいのっけたり、あとで投稿するファイルをその辺に置いとくこともできるねん。<br>\n<b>ファイルをほかすと、前にそのファイルをのっけた全部の場所(ノート、ページ、アバター、バナー等)からも見えんくなるから気いつけてな。</b><br>\nフォルダを作って整理することもできるで。"
 turnItOn: "オンにしとこ"
 turnItOff: "オフでええわ"

locales/ko-KR.yml

@@ -1361,11 +1361,14 @@ information: "정보"
 chat: "채팅"
 directMessage: "채팅하기"
 directMessage_short: "메시지"
+migrateOldSettings: "기존 설정 정보를 이전"
+migrateOldSettings_description: "보통은 자동으로 이루어지지만, 어떤 이유로 인해 성공적으로 이전이 이루어지지 않는 경우 수동으로 이전을 실행할 수 있습니다. 현재 설정 정보는 덮어쓰게 됩니다."
 compress: "압축"
 right: "오른쪽"
 bottom: "아래"
 top: "위"
 embed: "임베드"
+settingsMigrating: "설정을 이전하는 중입니다. 잠시 기다려주십시오... (나중에 '환경설정 → 기타 → 기존 설정 정보를 이전'에서 수동으로 이전할 수도 있습니다)"
 readonly: "읽기 전용"
 goToDeck: "덱으로 돌아가기"
 federationJobs: "연합 작업"

locales/pt-PT.yml

@@ -1347,11 +1347,14 @@ information: "Sobre"
 chat: "Conversas"
 directMessage: "Conversar com usuário"
 directMessage_short: "Mensagem"
+migrateOldSettings: "Migrar configurações antigas de cliente"
+migrateOldSettings_description: "Isso deve ser feito automaticamente. Caso o processo de migração tenha falhado, você pode acioná-lo manualmente. As informações atuais de migração serão substituídas."
 compress: "Comprimir"
 right: "Direita"
 bottom: "Inferior"
 top: "Superior"
 embed: "Embed"
+settingsMigrating: "Configurações estão sendo migradas, aguarde... (Você pode migrar manualmente em Configurações→Outros→Migrar configurações antigas de cliente)"
 readonly: "Ler apenas"
 goToDeck: "Voltar ao Deck"
 federationJobs: "Tarefas de Federação"

locales/th-TH.yml

@@ -1358,11 +1358,14 @@ information: "เกี่ยวกับ"
 chat: "แชต"
 directMessage: "แชตเลย"
 directMessage_short: "ข้อความ"
+migrateOldSettings: "ย้ายข้อมูลการตั้งค่าเก่า"
+migrateOldSettings_description: "โดยปกติจะทำโดยอัตโนมัติ แต่หากด้วยเหตุผลบางประการที่ไม่สามารถย้ายได้สำเร็จ สามารถสั่งย้ายด้วยตนเองได้ การตั้งค่าปัจจุบันจะถูกเขียนทับ"
 compress: "บีบอัด"
 right: "ขวา"
 bottom: "ล่าง"
 top: "บน"
 embed: "ฝัง"
+settingsMigrating: "กำลังย้ายการตั้งค่า กรุณารอสักครู่... (สามารถย้ายด้วยตนเองภายหลังได้ที่ การตั้งค่า → อื่นๆ → ย้ายข้อมูลการตั้งค่าเก่า)"
 readonly: "อ่านได้อย่างเดียว"
 goToDeck: "กลับไปยังเด็ค"
 federationJobs: "งานสหพันธ์"

locales/tl-PH.yml

@@ -1 +0,0 @@
----

locales/tr-TR.yml

@@ -1358,11 +1358,14 @@ information: "Hakkında"
 chat: "Sohbet"
 directMessage: "Kullanıcıyla sohbet et"
 directMessage_short: "Mesaj"
+migrateOldSettings: "Eski istemci ayarlarını taşıma"
+migrateOldSettings_description: "Bu işlem otomatik olarak yapılmalıdır, ancak herhangi bir nedenle geçiş başarısız olursa, geçiş işlemini manuel olarak kendin başlatabilirsin. Mevcut yapılandırma bilgileri üzerine yazılacaktır."
 compress: "Sıkıştır"
 right: "Sağ"
 bottom: "Alt"
 top: "Üst"
 embed: "Göm"
+settingsMigrating: "Ayarlar taşınıyor, lütfen bir dakika bekle... (Daha sonra Ayarlar→Diğerler→Eski ayarları taşı seçeneğine giderek manuel olarak da taşıyabilirsin)"
 readonly: "Sadece okuma"
 goToDeck: "Güverteye Dön"
 federationJobs: "Federasyon İşleri"

locales/uk-UA.yml

@@ -1314,11 +1314,14 @@ information: "Інформація"
 chat: "Чат"
 directMessage: "Чат із користувачем"
 directMessage_short: "Повідомлення"
+migrateOldSettings: "Перенести минулі налаштування клієнта"
+migrateOldSettings_description: "Це має відбутися автоматично, але якщо з якоїсь причини перенесення не вдалося, ви можете запустити його вручну. Поточні дані конфігурації буде перезаписано."
 compress: "Стиснути"
 right: "Праворуч"
 bottom: "Зверху"
 top: "Знизу"
 embed: "Вбудувати"
+settingsMigrating: "Налаштування переносяться, зачекайте трохи... (Ви також можете перенести їх вручну пізніше: Налаштування → Інше → Перенести старі налаштування)"
 readonly: "Лише для читання"
 goToDeck: "Повернутися до Деки"
 federationJobs: "Завдання федерації"

locales/vi-VN.yml

@@ -1219,6 +1219,8 @@ paste: "dán"
 postForm: "Mẫu đăng"
 information: "Giới thiệu"
 chat: "Trò chuyện"
+migrateOldSettings: "Di chuyển cài đặt cũ"
+migrateOldSettings_description: "Thông thường, quá trình này diễn ra tự động, nhưng nếu vì lý do nào đó mà quá trình di chuyển không thành công, bạn có thể kích hoạt thủ công quy trình di chuyển, quá trình này sẽ ghi đè lên thông tin cấu hình hiện tại của bạn."
 driveAboutTip: "Trong Drive, danh sách các tệp bạn đã tải lên trước đây sẽ được hiển thị.<br>\nBạn có thể sử dụng lại chúng khi đính kèm vào ghi chú, hoặc tải lên trước các tệp để đăng sau.<br>\n<b>Lưu ý rằng nếu bạn xóa một tệp, tệp đó cũng sẽ biến mất khỏi tất cả những nơi đã sử dụng tệp đó (ghi chú, trang, ảnh đại diện, biểu ngữ, v.v.).</b><br>\nBạn cũng có thể tạo các thư mục để sắp xếp chúng."
 inMinutes: "phút"
 inDays: "ngày"

locales/zh-CN.yml

@@ -1361,11 +1361,14 @@ information: "关于"
 chat: "聊天"
 directMessage: "私信"
 directMessage_short: "消息"
+migrateOldSettings: "迁移旧设置信息"
+migrateOldSettings_description: "通常设置信息将自动迁移。但如果由于某种原因迁移不成功，则可以手动触发迁移过程。当前的配置信息将被覆盖。"
 compress: "压缩"
 right: "右"
 bottom: "下"
 top: "上"
 embed: "嵌入"
+settingsMigrating: "正在迁移设置，请稍候。（之后也可以在设置 → 其它 → 迁移旧设置来手动迁移）"
 readonly: "只读"
 goToDeck: "返回至 Deck"
 federationJobs: "联邦作业"

locales/zh-TW.yml

@@ -1361,11 +1361,14 @@ information: "關於"
 chat: "聊天"
 directMessage: "直接訊息"
 directMessage_short: "訊息"
+migrateOldSettings: "遷移舊設定資訊"
+migrateOldSettings_description: "通常情況下，這會自動進行，但若因某些原因未能順利遷移，您可以手動觸發遷移處理。請注意，當前的設定資訊將會被覆寫。"
 compress: "壓縮"
 right: "右"
 bottom: "下"
 top: "上"
 embed: "嵌入"
+settingsMigrating: "正在移轉設定。請稍候……（之後也可以到「設定 → 其他 → 舊設定資訊移轉」中手動進行移轉）"
 readonly: "唯讀"
 goToDeck: "回到多欄模式"
 federationJobs: "聯邦通訊作業"

package.json

@@ -1,26 +1,24 @@
 {
 	"name": "misskey",
-	"version": "2026.7.0-beta.4",
+	"version": "2026.6.1-alpha.0",
 	"codename": "nasubi",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/misskey-dev/misskey.git"
 	},
-	"packageManager": "pnpm@11.11.0",
+	"packageManager": "pnpm@11.8.0",
 	"workspaces": [
-		"packages/backend",
-		"packages/frontend-shared",
-		"packages/frontend",
-		"packages/frontend-builder",
-		"packages/frontend-embed",
-		"packages/i18n",
-		"packages/icons-subsetter",
-		"packages/sw",
 		"packages/misskey-js",
-		"packages/misskey-js/generator",
+		"packages/i18n",
 		"packages/misskey-reversi",
 		"packages/misskey-bubble-game",
-		"packages-private/*"
+		"packages/icons-subsetter",
+		"packages/frontend-shared",
+		"packages/frontend-builder",
+		"packages/sw",
+		"packages/backend",
+		"packages/frontend",
+		"packages/frontend-embed"
 	],
 	"private": true,
 	"scripts": {
@@ -41,10 +39,11 @@
 		"migrateandstart": "pnpm migrate && pnpm start",
 		"watch": "pnpm dev",
 		"dev": "node scripts/dev.mjs",
-		"check-dts": "node scripts/check-dts.mjs",
-		"lint": "pnpm --no-bail -r lint && pnpm check-dts",
-		"e2e": "pnpm start-server-and-test start:test http://localhost:61812 \"pnpm --filter frontend test:e2e\"",
-		"e2e-dev-container": "ncp ./.config/playwright-devcontainer.yml ./.config/test.yml && pnpm start-server-and-test start:test http://localhost:61812 \"pnpm --filter frontend test:e2e\"",
+		"lint": "pnpm --no-bail -r lint",
+		"cy:open": "pnpm cypress open --config-file=cypress.config.ts",
+		"cy:run": "pnpm cypress run",
+		"e2e": "pnpm start-server-and-test start:test http://localhost:61812 cy:run",
+		"e2e-dev-container": "ncp ./.config/cypress-devcontainer.yml ./.config/test.yml && pnpm start-server-and-test start:test http://localhost:61812 cy:run",
 		"backend-unit-test": "cd packages/backend && pnpm test",
 		"backend-unit-test-and-coverage": "cd packages/backend && pnpm test-and-coverage",
 		"test": "pnpm -r test",
@@ -54,25 +53,30 @@
 		"cleanall": "pnpm clean-all"
 	},
 	"dependencies": {
+		"cssnano": "8.0.1",
 		"esbuild": "0.28.1",
 		"execa": "9.6.1",
-		"ignore-walk": "9.0.0",
-		"js-yaml": "5.2.1",
-		"tar": "7.5.20"
+		"ignore-walk": "8.0.0",
+		"js-yaml": "4.2.0",
+		"postcss": "8.5.15",
+		"tar": "7.5.16",
+		"terser": "5.48.0"
 	},
 	"devDependencies": {
-		"@eslint/js": "9.39.5",
+		"@eslint/js": "9.39.4",
 		"@misskey-dev/eslint-plugin": "2.1.0",
-		"@types/node": "26.1.1",
-		"@typescript-eslint/eslint-plugin": "8.63.0",
-		"@typescript-eslint/parser": "8.63.0",
-		"@typescript/native": "npm:typescript@7.0.2",
+		"@types/js-yaml": "4.0.9",
+		"@types/node": "24.13.1",
+		"@typescript-eslint/eslint-plugin": "8.61.0",
+		"@typescript-eslint/parser": "8.61.0",
+		"@typescript/native-preview": "7.0.0-dev.20260426.1",
 		"cross-env": "10.1.0",
-		"eslint": "9.39.5",
-		"globals": "17.7.0",
+		"cypress": "15.17.0",
+		"eslint": "9.39.4",
+		"globals": "17.6.0",
 		"ncp": "2.0.0",
-		"pnpm": "11.11.0",
-		"start-server-and-test": "3.0.11",
-		"typescript": "npm:@typescript/typescript6@6.0.2"
+		"pnpm": "11.8.0",
+		"start-server-and-test": "3.0.9",
+		"typescript": "5.9.3"
 	}
 }

packages-private/README.md

@@ -1,32 +0,0 @@
-# packages-private
-
-`packages-private` は、CIなどで使用するためのユーティリティなどを格納する場所です。この配下にあるものは**プロダクションの `/packages`**の依存となるものではありません。
-
-## パッケージ一覧
-
-| パッケージ | 用途 |
-| --- | --- |
-| [`diagnostics-shared`](./diagnostics-shared) | 計測系パッケージが共有する統計・書式整形・V8 heap snapshot解析のユーティリティ |
-| [`diagnostics-backend`](./diagnostics-backend) | バックエンドのメモリ使用量をbase/headで比較し、PRコメント用のMarkdownを生成する |
-| [`diagnostics-frontend`](./diagnostics-frontend) | フロントエンドをブラウザで起動した際のメトリクスと生成されたchunk情報等をbase/headで比較する |
-| [`changelog-checker`](./changelog-checker) | `CHANGELOG.md` の追記内容を検証する |
-
-## GitHub Actionsからの呼び出し方
-
-ワークフロー側にロジックを持たせず、各パッケージのnpm scriptを呼ぶだけにしている。
-CLIに渡すパスはすべて呼び出し側のカレントディレクトリ基準で解決されるため、
-ワークフローからは `$GITHUB_WORKSPACE` / `$RUNNER_TEMP` を使った絶対パスを渡すこと。
-
-```yaml
-- name: Generate report
-  working-directory: head
-  run: >-
-    pnpm --filter diagnostics-frontend run render-md
-    "$GITHUB_WORKSPACE/base" "$GITHUB_WORKSPACE/head"
-    "$REPORT_DIR/base-bundle-stats.json" "$REPORT_DIR/head-bundle-stats.json"
-    "$REPORT_DIR/base-browser.json" "$REPORT_DIR/head-browser.json"
-    "$REPORT_DIR/report.md"
-```
-
-base/head を比較する計測では、**head側のチェックアウトにあるハーネスで両方を計測する**
-(計測コードの差分ではなくビルド成果物の差分だけが結果に出るようにするため)。

packages-private/changelog-checker/package.json

@@ -1,24 +0,0 @@
-{
-	"name": "changelog-checker",
-	"private": true,
-	"type": "module",
-	"scripts": {
-		"check": "tsx src/index.ts",
-		"eslint": "eslint './**/*.{js,jsx,ts,tsx}'",
-		"lint": "pnpm typecheck && pnpm eslint",
-		"test": "vitest run",
-		"test:coverage": "vitest run --coverage",
-		"typecheck": "tsc --noEmit"
-	},
-  "devDependencies": {
-    "@types/mdast": "4.0.4",
-    "@types/node": "26.1.1",
-    "@vitest/coverage-v8": "4.1.10",
-    "mdast-util-to-string": "4.0.0",
-    "remark": "15.0.1",
-    "remark-parse": "11.0.0",
-		"tsx": "4.23.1",
-    "unified": "11.0.5",
-    "vitest": "4.1.10"
-  }
-}

packages-private/diagnostics-backend/eslint.config.js

@@ -1,25 +0,0 @@
-import tsParser from '@typescript-eslint/parser';
-import sharedConfig from '../../packages/shared/eslint.config.js';
-
-// eslint-disable-next-line import/no-default-export
-export default [
-	...sharedConfig,
-	{
-		ignores: [
-			'**/node_modules',
-			'**/__snapshots__',
-			'test/fixtures',
-		],
-	},
-	{
-		files: ['**/*.ts', '**/*.tsx'],
-		languageOptions: {
-			parserOptions: {
-				parser: tsParser,
-				project: ['./tsconfig.json'],
-				sourceType: 'module',
-				tsconfigRootDir: import.meta.dirname,
-			},
-		},
-	},
-];

packages-private/diagnostics-backend/package.json

@@ -1,27 +0,0 @@
-{
-	"name": "diagnostics-backend",
-	"private": true,
-	"type": "module",
-	"scripts": {
-		"eslint": "eslint './**/*.{js,jsx,ts,tsx}'",
-		"inspect": "tsx src/inspect.ts",
-		"lint": "pnpm typecheck && pnpm eslint",
-		"measure": "tsx src/measure-once.ts",
-		"render-md": "tsx src/render-md.ts",
-		"test": "vitest run",
-		"typecheck": "tsc --noEmit"
-	},
-	"dependencies": {
-		"diagnostics-shared": "workspace:*",
-		"execa": "9.6.1"
-	},
-	"devDependencies": {
-		"@types/node": "26.1.1",
-		"@types/pg": "8.20.0",
-		"ioredis": "5.11.1",
-		"pg": "8.22.0",
-		"tsx": "4.23.1",
-		"typescript": "5.9.3",
-		"vitest": "4.1.10"
-	}
-}

packages-private/diagnostics-backend/src/compare.ts

@@ -1,197 +0,0 @@
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-
-import { copyFile, rm, writeFile } from 'node:fs/promises';
-import { join, resolve } from 'node:path';
-import { execa } from 'execa';
-import { readBooleanEnv, readIntegerEnv, readOptionalEnv } from 'diagnostics-shared/env';
-import { median } from 'diagnostics-shared/stats';
-import { summarizeHeapSnapshotDataSamples, defaultHeapSnapshotBreakdownTopN } from 'diagnostics-shared/heap-snapshot';
-import { resetState } from './db';
-import {
-	clampHeapSnapshotRounds,
-	selectRepresentativeHeapSnapshotRound,
-	shouldCollectHeapSnapshot,
-} from './heap-snapshot-sampling';
-import { measureBackendMemory } from './measure';
-import { memoryPhases, type MemoryReport } from './types';
-
-const heapSnapshotLabels = ['base', 'head'] as const;
-
-type HeapSnapshotLabel = typeof heapSnapshotLabels[number];
-
-export type CompareOptions = {
-	baseDir: string;
-	headDir: string;
-	baseOutput: string;
-	headOutput: string;
-};
-
-const HEAP_SNAPSHOT_BREAKDOWN_TOP_N = readIntegerEnv('MK_MEMORY_HEAP_SNAPSHOT_BREAKDOWN_TOP_N', defaultHeapSnapshotBreakdownTopN, 1);
-// 成果物 (artifact) としてアップロードされるファイルの出力先。CIではworkspace直下を指す
-const HEAP_SNAPSHOT_OUTPUT_DIR = resolve(readOptionalEnv('MK_MEMORY_HEAP_SNAPSHOT_OUTPUT_DIR') ?? process.cwd());
-const HEAP_SNAPSHOT_WORK_DIRS = {
-	base: join(HEAP_SNAPSHOT_OUTPUT_DIR, 'base-heap-snapshots'),
-	head: join(HEAP_SNAPSHOT_OUTPUT_DIR, 'head-heap-snapshots'),
-};
-const HEAP_SNAPSHOT_OUTPUT_PATHS = {
-	base: join(HEAP_SNAPSHOT_OUTPUT_DIR, 'base-heap-snapshot.heapsnapshot'),
-	head: join(HEAP_SNAPSHOT_OUTPUT_DIR, 'head-heap-snapshot.heapsnapshot'),
-};
-
-export function summarizeSamples(samples: MemoryReport['samples']) {
-	const summary = {} as MemoryReport['summary'];
-
-	for (const phase of memoryPhases) {
-		summary[phase] = {
-			memoryUsage: {},
-		};
-
-		const metricKeys = new Set<string>();
-		for (const sample of samples) {
-			for (const key of Object.keys(sample.phases[phase].memoryUsage)) {
-				metricKeys.add(key);
-			}
-		}
-
-		for (const key of metricKeys) {
-			const values = samples.map(sample => sample.phases[phase].memoryUsage[key]);
-			summary[phase].memoryUsage[key] = median(values);
-		}
-
-		const heapSnapshot = summarizeHeapSnapshotDataSamples(
-			samples,
-			sample => sample.phases[phase].heapSnapshot,
-			{ breakdownTopN: HEAP_SNAPSHOT_BREAKDOWN_TOP_N },
-		);
-		if (heapSnapshot != null) summary[phase].heapSnapshot = heapSnapshot;
-	}
-
-	return summary;
-}
-
-type GenSampleOptions = {
-	collectHeapSnapshot?: boolean;
-	heapSnapshotSavePath?: string;
-};
-
-async function genSample(label: string, repoDir: string, round: number, options: GenSampleOptions = {}) {
-	process.stderr.write(`[${label}] Resetting database and Redis\n`);
-	await resetState();
-
-	process.stderr.write(`[${label}] Running migrations\n`);
-	// 出力はログとして流しつつ手元にも残す (失敗時にexecaが例外メッセージへ含めてくれる)
-	await execa('pnpm', ['--filter', 'backend', 'migrate'], {
-		cwd: repoDir,
-		stdout: ['pipe', process.stderr],
-		stderr: ['pipe', process.stderr],
-	});
-
-	process.stderr.write(`[${label}] Measuring memory\n`);
-	return await measureBackendMemory(resolve(repoDir, 'packages/backend'), {
-		// warmupラウンド (round <= 0) は捨てるので、重いheap snapshotは取らない
-		...(round <= 0 || options.collectHeapSnapshot === false ? { heapSnapshot: false } : {}),
-		heapSnapshotSavePath: options.heapSnapshotSavePath ?? null,
-	});
-}
-
-function heapSnapshotPath(label: HeapSnapshotLabel, round: number) {
-	return join(HEAP_SNAPSHOT_WORK_DIRS[label], `round-${round}.heapsnapshot`);
-}
-
-async function saveRepresentativeHeapSnapshot(label: HeapSnapshotLabel, samples: MemoryReport['samples'], summary: MemoryReport['summary']) {
-	const round = selectRepresentativeHeapSnapshotRound(
-		samples,
-		summary.afterGc.heapSnapshot?.categories.total,
-		sample => sample.phases.afterGc.heapSnapshot?.categories.total,
-	);
-	if (round == null) return;
-
-	await copyFile(heapSnapshotPath(label, round), HEAP_SNAPSHOT_OUTPUT_PATHS[label]);
-	process.stderr.write(`Selected ${label} heap snapshot round ${round} for artifact\n`);
-	await rm(HEAP_SNAPSHOT_WORK_DIRS[label], { recursive: true, force: true });
-}
-
-/**
- * base / head を交互に計測してJSONレポートを書き出す。
- * 交互にするのは、実行順やマシンの状態による偏りを両者に均等に載せるため。
- */
-export async function compareBackendMemory(options: CompareOptions) {
-	const rounds = readIntegerEnv('MK_MEMORY_COMPARE_ROUNDS', 5, 1);
-	const warmupRounds = readIntegerEnv('MK_MEMORY_COMPARE_WARMUP_ROUNDS', 1, 0);
-	const heapSnapshotsEnabled = readBooleanEnv('MK_MEMORY_HEAP_SNAPSHOT', false);
-	const requestedHeapSnapshotRounds = heapSnapshotsEnabled
-		? readIntegerEnv('MK_MEMORY_HEAP_SNAPSHOT_ROUNDS', rounds, 1)
-		: 0;
-	const heapSnapshotRounds = clampHeapSnapshotRounds(rounds, requestedHeapSnapshotRounds);
-	const startedAt = new Date().toISOString();
-
-	for (const label of heapSnapshotLabels) {
-		await rm(HEAP_SNAPSHOT_WORK_DIRS[label], { recursive: true, force: true });
-		await rm(HEAP_SNAPSHOT_OUTPUT_PATHS[label], { force: true });
-	}
-
-	const reports = {
-		base: {
-			dir: options.baseDir,
-			samples: [] as MemoryReport['samples'],
-		},
-		head: {
-			dir: options.headDir,
-			samples: [] as MemoryReport['samples'],
-		},
-	};
-
-	for (let round = 1; round <= warmupRounds; round++) {
-		process.stderr.write(`Starting warmup round ${round}/${warmupRounds}\n`);
-		for (const label of heapSnapshotLabels) {
-			await genSample(label, reports[label].dir, -round);
-		}
-	}
-
-	for (let round = 1; round <= rounds; round++) {
-		const order = round % 2 === 1 ? ['base', 'head'] as const : ['head', 'base'] as const;
-		process.stderr.write(`Starting measurement round ${round}/${rounds}: ${order.join(' -> ')}\n`);
-
-		for (const label of order) {
-			const collectHeapSnapshot = shouldCollectHeapSnapshot(round, rounds, heapSnapshotRounds);
-			const sample = await genSample(label, reports[label].dir, round, {
-				collectHeapSnapshot,
-				...(collectHeapSnapshot ? { heapSnapshotSavePath: heapSnapshotPath(label, round) } : {}),
-			});
-			reports[label].samples.push({
-				...sample,
-				round,
-			});
-		}
-	}
-
-	const summaries = {
-		base: summarizeSamples(reports.base.samples),
-		head: summarizeSamples(reports.head.samples),
-	};
-	for (const label of heapSnapshotLabels) {
-		await saveRepresentativeHeapSnapshot(label, reports[label].samples, summaries[label]);
-	}
-
-	for (const label of heapSnapshotLabels) {
-		const report: MemoryReport = {
-			timestamp: new Date().toISOString(),
-			sampleCount: reports[label].samples.length,
-			aggregation: 'median',
-			comparison: {
-				strategy: 'interleaved-pairs',
-				rounds,
-				warmupRounds,
-				heapSnapshotRounds,
-				startedAt,
-			},
-			summary: summaries[label],
-			samples: reports[label].samples,
-		};
-
-		await writeFile(label === 'base' ? options.baseOutput : options.headOutput, `${JSON.stringify(report, null, 2)}\n`);
-	}
-}