maestro/docs/design/ui_kits_reference/admin-legacy

Admin Dashboard UI Kit

High-fidelity recreation of the Agent Orchestrator admin UI (ui/ in the codebase).

• index.html — interactive 3-column dashboard: task list, chat, detail panel. Click a task to open chat; open detail to see Overview / Progress tabs.
• TopBar.jsx — top navigation with wordmark, section nav, status counts, primary CTA
• TaskList.jsx — FilterBar + LocalTaskListItem
• ChatPane.jsx — header + messages + composer with user / ask / result / progress bubbles
• DetailPanel.jsx — tabbed detail with Overview + Progress (activity timeline + log surface)
• Primitives.jsx — StatusBadge, StatChip, tiny SVG icons, spinner, pulse dot

Cosmetic recreation — no real API. Data is inline sample Japanese task data.