feat(export): 【openscreen】4K品質ボタンを追加する

[nanameru]

概要

MP4エクスポート画面へ4K品質ボタンを追加し、16:9なら3840×2160、9:16なら2160×3840で書き出せるようにします。

Closes nanameru#6

変更内容

• ExportQualityへ4kを追加
• 4Kを短辺2160として縦横比を維持して寸法計算
• エクスポート画面を4択にし、4Kボタン・実寸・アップスケール警告を表示
• ネイティブMP4出力へ4K寸法を渡す
• CLI --quality 4kを追加
• ユーザー設定・プロジェクト設定の4K読込互換を追加
• 13言語へ共通4Kラベルを追加
• CLIドキュメントを更新
• test-board TC-007〜TC-011を追加

UI判断

既存の品質選択グリッドへ同一スタイルのボタンを1つ追加するsmall-changeであり、主要導線・情報構造・ブランド・共通コンポーネントを変更しないためFigma工程を省略しました。

検証

• 実装前の5回帰テストが失敗することを確認
• 対象5 files / 69 tests passed
• 全体187 files / 2243 tests passed / 2 skipped
• npx tsc -p tsconfig.test.json --noEmit: passed
• npm run lint: passed（既存warning 15件）
• npm run build-vite: passed
• test-board impact: TC-007〜TC-011を検出
• macOS統合版で2秒素材を --quality 4k 出力し、ffprobeでH.264 / 3840×2160 / 60fps / 2.083秒を確認

リスク

低解像度素材ではアップスケールとなり、細部は増えません。4Kは1080pより処理時間・ファイル容量・GPU負荷が増えます。ビットレートはネイティブエンコーダーが自動決定し、既定値は1080pのままです。

[coderabbitai]

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

• Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}