feat(ui,web): Phase 2 — Shared Components & Terminal Panel (#449) #452

Merged
jason.woltje merged 3 commits from feat/ms15-shared-components into main 2026-02-22 21:12:14 +00:00

3 Commits

Author SHA1 Message Date
7366bea759 docs: mark Phase 2 shared components tasks complete (UI-001 through UI-005)
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-22 15:11:48 -06:00
9b0445cd5b feat(ui,web): add shared components and terminal panel (MS15-UI-003, UI-004, UI-005)
All checks were successful
ci/woodpecker/push/orchestrator Pipeline was successful
ci/woodpecker/push/api Pipeline was successful
ci/woodpecker/push/web Pipeline was successful
UI-003: MetricsStrip (6-cell KPI grid), ProgressBar (4 variants with
ARIA), FilterTabs (segmented control).

UI-004: SectionHeader (title/subtitle/actions), DataTable (generic
typed table with hover), LogLine (colored log entry grid).

UI-005: TerminalPanel bottom-drawer component with tabs, line coloring,
blinking cursor, slide animation.

All components use CSS custom properties for theming.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-22 15:08:19 -06:00
44011f4e27 feat(ui): align design tokens and update component variants (MS15-UI-001, MS15-UI-002)
Replace hardcoded Tailwind color classes with CSS custom property inline
styles across all packages/ui components (Button, Card, Badge, Input,
Select, Textarea, Avatar, Modal, Toast).

Badge: add new variants (badge-teal, badge-amber, badge-blue, badge-purple,
badge-pulse) with mono font and pill shape.

Button: add success variant, hover states via React state.

Card: flat design, no shadows, semantic border/surface tokens.

New: Dot component (teal, blue, amber, red, muted) with glow effect.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-22 15:04:00 -06:00