Skip to content

feat: add Operator Dashboard — unified command center with AI copilot…#181

Closed
dgarson wants to merge 1 commit intofeat/horizon-ui-completefrom
claude/review-horizon-ui-mpEwV
Closed

feat: add Operator Dashboard — unified command center with AI copilot…#181
dgarson wants to merge 1 commit intofeat/horizon-ui-completefrom
claude/review-horizon-ui-mpEwV

Conversation

@dgarson
Copy link
Owner

@dgarson dgarson commented Feb 24, 2026

…, live logs, decision provenance

Top 5 UX improvements for Horizon UI operator experience:

  1. OperatorDashboard.tsx — unified command center with live sessions, tool call waterfall, budget/cost panel, alert feed, model provider utilization, and quick navigation cards. Real-time simulated data updates.

  2. Sidebar restructured with Operator Mode toggle (OPS/STD) that switches between grouped operator navigation (Command Center, Monitoring, Sessions, Budget, Models, Config) and the existing flat nav. Persisted to localStorage.

  3. OperatorAICopilot.tsx — slide-in AI assistant panel with smart context chips, suggested actions (explain errors, analyze costs, suggest optimizations), pre-seeded conversations, and simulated contextual responses with inline action buttons. Toggled via Cmd+J.

  4. LiveLogTail.tsx — real-time multi-stream log viewer with tabs for All Logs, Agent Activity, LLM Calls, Tool Execution, System, Webhooks. Terminal-style display with level/agent/search filters, pause/resume, auto-scroll.

  5. DecisionProvenance.tsx — decision timeline showing why agents chose specific models, tools, and routing. Includes self-eval reports, routing insights, confidence scores, and alternative-considered analysis.

All views integrated into App.tsx with lazy loading, skeleton states, keyboard shortcuts (Cmd+J for copilot, Cmd+Shift+O for operator toggle), and operator status bar showing active sessions, errors, and daily spend.

https://claude.ai/code/session_01XjcBKymybxz5C3d4KAFPec

Summary

Describe the problem and fix in 2–5 bullets:

  • Problem:
  • Why it matters:
  • What changed:
  • What did NOT change (scope boundary):

Change Type (select all)

  • Bug fix
  • Feature
  • Refactor
  • Docs
  • Security hardening
  • Chore/infra

Scope (select all touched areas)

  • Gateway / orchestration
  • Skills / tool execution
  • Auth / tokens
  • Memory / storage
  • Integrations
  • API / contracts
  • UI / DX
  • CI/CD / infra

Linked Issue/PR

  • Closes #
  • Related #

User-visible / Behavior Changes

List user-visible changes (including defaults/config).
If none, write None.

Security Impact (required)

  • New permissions/capabilities? (Yes/No)
  • Secrets/tokens handling changed? (Yes/No)
  • New/changed network calls? (Yes/No)
  • Command/tool execution surface changed? (Yes/No)
  • Data access scope changed? (Yes/No)
  • If any Yes, explain risk + mitigation:

Repro + Verification

Environment

  • OS:
  • Runtime/container:
  • Model/provider:
  • Integration/channel (if any):
  • Relevant config (redacted):

Steps

Expected

Actual

Evidence

Attach at least one:

  • Failing test/log before + passing after
  • Trace/log snippets
  • Screenshot/recording
  • Perf numbers (if relevant)

Human Verification (required)

What you personally verified (not just CI), and how:

  • Verified scenarios:
  • Edge cases checked:
  • What you did not verify:

Compatibility / Migration

  • Backward compatible? (Yes/No)
  • Config/env changes? (Yes/No)
  • Migration needed? (Yes/No)
  • If yes, exact upgrade steps:

Failure Recovery (if this breaks)

  • How to disable/revert this change quickly:
  • Files/config to restore:
  • Known bad symptoms reviewers should watch for:

Risks and Mitigations

List only real risks for this PR. Add/remove entries as needed. If none, write None.

  • Risk:
    • Mitigation:

…, live logs, decision provenance

Top 5 UX improvements for Horizon UI operator experience:

1. OperatorDashboard.tsx — unified command center with live sessions, tool call
   waterfall, budget/cost panel, alert feed, model provider utilization, and
   quick navigation cards. Real-time simulated data updates.

2. Sidebar restructured with Operator Mode toggle (OPS/STD) that switches
   between grouped operator navigation (Command Center, Monitoring, Sessions,
   Budget, Models, Config) and the existing flat nav. Persisted to localStorage.

3. OperatorAICopilot.tsx — slide-in AI assistant panel with smart context chips,
   suggested actions (explain errors, analyze costs, suggest optimizations),
   pre-seeded conversations, and simulated contextual responses with inline
   action buttons. Toggled via Cmd+J.

4. LiveLogTail.tsx — real-time multi-stream log viewer with tabs for All Logs,
   Agent Activity, LLM Calls, Tool Execution, System, Webhooks. Terminal-style
   display with level/agent/search filters, pause/resume, auto-scroll.

5. DecisionProvenance.tsx — decision timeline showing why agents chose specific
   models, tools, and routing. Includes self-eval reports, routing insights,
   confidence scores, and alternative-considered analysis.

All views integrated into App.tsx with lazy loading, skeleton states, keyboard
shortcuts (Cmd+J for copilot, Cmd+Shift+O for operator toggle), and operator
status bar showing active sessions, errors, and daily spend.

https://claude.ai/code/session_01XjcBKymybxz5C3d4KAFPec
@dgarson dgarson closed this Feb 24, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants