feat: Discord フロント起点インストール & UI 修正

[yu23ki14]

概要

Discord bot 連携画面からのインストール導線を整備し、コマンド登録・ワークスペース紐付けまで一気通貫にしました。あわせてモバイルのスクロール不整合とログイン/Privy 周りの細かな調整を含みます。

変更内容

1. Discord フロント起点インストールフロー（コマンド登録まで自動）

/<treeId>/discord-bot の「サーバーに追加」から、bot のサーバー追加 → ワークスペース紐付け → スラッシュコマンド登録までを自動化。

Bot Worker

• 新規 GET /api/install/start — treeId を検証し install-state JWT ({ treeId, jti }) を INSTALL_STATE_SECRET で署名して Discord OAuth authorize へリダイレクト。秘密鍵をブラウザに出さずに state を署名。
• callback — state の guild_id 事前固定を撤廃し、OAuth token 交換で Discord が返した guild に bind する方式へ変更（admin が consent 画面で選ぶまで guild は不明なため）。
• install-start のユニットテスト追加（計 44 tests green）。

Frontend ($treeId_.discord-bot.tsx)

• 画面を「管理者設定」と「Mint 許可設定」の2セクションに分割。
• Quest 代理申請の権限は管理者（owner / operatorHat 保有者）のみ表示。admin 判定をページ側に集約し QuestAgentSection へ canManage を渡す。
• 「サーバーに追加」カードを追加。VITE_BOT_WORKER_URL の /api/install/start へ遷移するだけで /toban-link も手動 register-commands も不要。

2. モバイル viewport 不整合の修正

body の min-height が 100vh、AppShell は h-dvh だったため、モバイルでブラウザクローム表示中に body が shell より高くなり BottomNav 下に余分なスクロール領域が発生。body を 100dvh に揃えて解消。

3. ログイン / Privy 調整

• ログイン画面の利用規約・プライバシーポリシー同意フッターを削除。
• Privy embeddedWallets に showWalletUIs: false を設定し、署名・トランザクション確認モーダルを抑制。

デプロイ時の運用手順

1. Discord Developer Portal の OAuth2 Redirects に https://<bot-worker>/api/install/callback が登録済みであること（既存要件）。
2. Bot Worker を再デプロイ（deploy:sepolia / deploy:base）。関連 secret / vars は既に wrangler に存在。
3. Frontend の .env に実際の VITE_BOT_WORKER_URL を設定（現状は空プレースホルダ）。

レビュー時の観点

• install-state の認可モデル（フロント起点フローでの admin 検証）は既存の /toban-link の TODO と同水準。フォローアップ要否をレビューで確認したい（詳細はレビューコメントで補足します）。

確認状況

• pnpm frontend typecheck / pnpm --filter @toban/discord-bot typecheck
• pnpm --filter @toban/discord-bot test（44 passed）
• pnpm biome:check
• 実 Discord 認証を通した end-to-end 確認は未実施

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
toban	Ready	Preview, Comment	Jul 15, 2026 9:12am