🖥️Layer 4: Dashboard & Ops
ダッシュボード30ページの全リストと 3 ロール体系・サイドバー構造。
Next.js（App Router）製のダッシュボード。page.tsx は 30 枚（layout.tsx 4 / route.ts 0）。
出典: INVENTORY.md §1.5。
ℹ️想定25 → 実数30
当初想定の25ページに対し実数は30。差分は後発の admin 系（monitoring/alerts, change-approvals, integrations, realtime-demo, support など）。
3 ロール体系
🛡️
operator
全データ・全操作（社内運用）
🤝
reseller
自テナントのクライアントのみ（通話内容は閲覧不可）
🏢
client
自分のクライアントデータのみ（reseller_notes は不可視）
サイドバー構造（MONITOR / TOOLS / ADMIN）
- MONITOR: 全テナント横断・本番データ（通話ログ・監視）
- TOOLS: 設定系（カテゴリ・辞書・キーワード・WL/BL）
- ADMIN: operator 専用（テナント・ユーザー・承認・連携）
- ロールガードは
layout.tsxで実施（admin / partner / portal / root / auth）
デザイン体系
- Tailwind v4（CSS-first）: 本ドキュメントサイトも同方針。
@themeで OKLch トークンを定義し、 色は「意味」で命名（status / severity / layer）。 - 本体ダッシュボードの i18n:
LangContext+lib/i18n.ts（ja / en-US）。
全 30 ページ（branch 別）
ROOT営業 / 汎用9 ページ
/KPI カード・ブロック率推移・月次分析/calls通話ログ一覧（action フィルタ）/calls/[id]通話詳細（transcript / 録音 / レビュー / 辞書登録）/clientsクライアント管理（CRUD・Retell 同期・番号割当）/settingsグローバルエンジン設定（しきい値・重み・Slack・カテゴリ）/whitelistホワイト/ブロックリスト + CSV 取込/dictionary文字起こし補正辞書（global/industry/client）/auth-keywords取引先・担当者名 認証キーワード/voice-demo音声デモパネルADMINoperator（社内運用）12 ページ
/adminオペレーターダッシュボード（KPI・クイックリンク）/admin/calls通話ログ（SSE ライブ更新・失敗/遅延フィルタ・モーダル詳細）/admin/clientsクライアント管理 + Retell 連携（同期/番号/差分/SVS）/admin/change-approvals設定変更の 4-eyes 承認/admin/tenantsテナント（代理店）管理/admin/realtime-demoOpenAI Realtime ブラウザ通話デモ/admin/integrationsRetell/SVS/PBX ヘルス・承認リクエスト/admin/systemシステム概要（orchestration / voice pipeline 状態）/admin/supportサポートセッション一覧（全クライアント）/admin/usersユーザー管理（ロール・有効化・パスワード）/admin/monitoringKPI・パイプライン段階・テナント TOP5・直近アラート/admin/monitoring/alertsアラート履歴・しきい値設定（operator）PARTNERreseller（代理店）4 ページ
/partnerパートナーダッシュボード（統計・担当クライアント）/partner/clients担当クライアント選択・設定パネル/partner/clients/[id]クライアント詳細（メッセージ・AI設定・WL/BL・健全性）/partner/usersパートナーのユーザー管理PORTALclient（契約企業）4 ページ
/portalクライアントポータル（統計・WebRTC テスト・健全ランプ）/portal/calls通話ログ閲覧（読み取り・md エクスポート）/portal/settingsクライアント AI 設定（業種・説明・トーン・営業時間）/portal/support自社サポートセッション一覧AUTH未認証1 ページ
/loginログインフォーム