πŸ–₯️ English documentation
ζ—₯本θͺž β†’

πŸ–₯️Layer 4: Dashboard & Ops

The full list of the 30 dashboard pages, the 3-role model, and the sidebar structure.

A dashboard built with Next.js (App Router). There are 30 page.tsx files (4 layout.tsx, 0 route.ts). Source: INVENTORY.md Β§1.5.

ℹ️Estimated 25 β†’ actual 30

Against an initial estimate of 25 pages, the actual count is 30. The difference is the later admin pages (monitoring/alerts, change-approvals, integrations, realtime-demo, support, and so on).

The 3-role model

πŸ›‘οΈ

operator

All data and all operations (internal ops)

🀝

reseller

Only their own tenant's clients (call content not viewable)

🏒

client

Only their own client data (reseller_notes are hidden)

Sidebar structure (MONITOR / TOOLS / ADMIN)

  • MONITOR: cross-tenant, production data (call logs, monitoring)
  • TOOLS: configuration (categories, dictionary, keywords, WL/BL)
  • ADMIN: operator-only (tenants, users, approvals, integrations)
  • Role guards run in layout.tsx (admin / partner / portal / root / auth)

Design system

  • Tailwind v4 (CSS-first): this documentation site follows the same approach. OKLch tokens are defined with @theme, and colors are named by meaning (status / severity / layer).
  • The main dashboard’s i18n: LangContext + lib/i18n.ts (ja / en-US).

All 30 pages (by branch)

ROOTSales / general9 pages

/KPI cards, block-rate trend, monthly analytics
/callsCall-log list (filter by action)
/calls/[id]Call detail (transcript / recording / review / dictionary entry)
/clientsClient management (CRUD, Retell sync, number assignment)
/settingsGlobal engine settings (thresholds, weights, Slack, categories)
/whitelistWhitelist/blocklist + CSV import
/dictionaryTranscription-correction dictionary (global/industry/client)
/auth-keywordsAuthentication keywords for partners and contact names
/voice-demoVoice demo panel

ADMINoperator (internal ops)12 pages

/adminOperator dashboard (KPIs, quick links)
/admin/callsCall logs (SSE live updates, failure/latency filters, modal detail)
/admin/clientsClient management + Retell integration (sync/numbers/diff/SVS)
/admin/change-approvals4-eyes approval for configuration changes
/admin/tenantsTenant (agency) management
/admin/realtime-demoOpenAI Realtime in-browser call demo
/admin/integrationsRetell/SVS/PBX health and approval requests
/admin/systemSystem overview (orchestration / voice-pipeline status)
/admin/supportSupport-session list (all clients)
/admin/usersUser management (roles, enablement, passwords)
/admin/monitoringKPIs, pipeline stages, top-5 tenants, recent alerts
/admin/monitoring/alertsAlert history and threshold settings (operator)

PARTNERreseller (agency)4 pages

/partnerPartner dashboard (stats, assigned clients)
/partner/clientsAssigned-client selector and settings panel
/partner/clients/[id]Client detail (messages, AI settings, WL/BL, health)
/partner/usersPartner user management

PORTALclient (contracted company)4 pages

/portalClient portal (stats, WebRTC test, health indicator)
/portal/callsCall-log viewer (read-only, Markdown export)
/portal/settingsClient AI settings (industry, description, tone, business hours)
/portal/supportThe client's own support-session list

AUTHUnauthenticated1 page

/loginLogin form