Commit graph

3 commits

Author SHA1 Message Date
751a6787f6 fix(agent-team): address UI review (column flex height, ARIA, token consistency)
Fresh-context deep review verdict was SHIP-WITH-FIXES (all hard constraints held:
read-only, inert gate panel, XSS posture, no backend, gate-vs-inert semantics).
Resolved:
- Board columns: replace magic calc(100vh-220px) ScrollArea cap with a proper
  flex chain (h-full/min-h-0) so card lists size to real column height at any
  window size / wrapped toolbar.
- Valid ARIA: stage row is role=list, each column a role=listitem wrapping a
  role=listbox of task-card options (no malformed listbox nesting).
- TopBar health dot uses status-active/status-failed tokens (no hardcoded Tailwind
  palette colors).
- Stale TaskList reference in badge.tsx comment.

Typecheck + 36 tests + build all green.
2026-06-24 13:50:00 -04:00
9b4bef1f4c feat(agent-team): redesign dashboard UI (Board + DAG tabs, Tailwind/shadcn)
Component fan-out + integration of the vibe-kanban-inspired redesign:
- Board.tsx + TaskCard.tsx: read-only Kanban (one column per backend stage,
  fallback grouping by phase), toolbar (search/status/tree filters + node-filter
  chip), gate columns flagged; filter logic lifted to taskFilters.ts (tested).
- MapNode.tsx + PipelineMap.tsx: DAG nodes restyled to Tailwind (Langflow-style
  state-driven borders, lucide icons, count pill, loop/gate affordances).
- TaskDrawer.tsx: shadcn rebuild + Magentic-style read-only gate panel
  ('Answer in Slack #agent-team', no submit controls).
- TopBar.tsx: restyled brand + status chips + health dot.
- Retire theme.css; port the .md markdown block into index.css on new tokens.
- Remove dead TaskList; add Board/taskFilters tests.

Typecheck clean, 36 tests pass, build clean. Read-only — no backend changes.
2026-06-24 13:43:10 -04:00
677f3d3c71 feat(agent-team): React/Vite status-dashboard SPA
New web/ SPA (React 18 + Vite 5 + TypeScript + React Flow + dagre, all pinned, no
CDN). Dark, three-pane layout: summary top bar, filterable task list, center
auto-laid pipeline map, and a right drawer showing a selected task's history
through each node (timeline with timestamps/duration/cost + Q&A/verdicts/plan).
Map nodes color by live state, loop-backs render dashed, clicking a node filters
the list, selecting a task highlights its path. Polls /api/state every 4s;
topology fetched once. dist/ is gitignored (built on the Mac, rsynced).
2026-06-23 17:15:23 -04:00