mirror of
https://github.com/catlog22/Claude-Code-Workflow.git
synced 2026-02-05 01:50:27 +08:00
cf401d00e1
Add new components for CLI stream monitoring with JSON visualization: - ExecutionTab: simplified tab with status indicator and active styling - JsonCard: collapsible card for JSON data with type-based styling (6 types) - JsonField: recursive JSON field renderer with color-coded values - OutputLine: auto-detects JSON and renders appropriate component - jsonDetector: smart JSON detection supporting 5 formats Refactor CliStreamMonitorLegacy to use new components: - Replace inline tab rendering with ExecutionTab component - Replace inline output rendering with OutputLine component - Add Badge import for active count display - Fix type safety with proper id propagation Component features: - Type-specific styling for tool_call, metadata, system, stdout, stderr, thought - Collapsible content (show 3 fields by default, expandable) - Copy button and raw JSON view toggle - Timestamp display - Auto-detection of JSON in output lines Fixes: - Missing jsonDetector.ts file - Type mismatch between OutputLine (6 types) and JsonCard (4 types) - Unused isActive prop in ExecutionTab