feat: add CliStreamMonitor and related components for CLI output streaming

- Implemented CliStreamMonitor component for real-time CLI output monitoring with multi-execution support.
- Created JsonFormatter component for displaying JSON content in various formats (text, card, inline).
- Added utility functions for JSON detection and formatting in jsonUtils.ts.
- Introduced LogBlock utility functions for styling CLI output lines.
- Developed a new Collapsible component for better UI interactions.
- Created IssueHubPage for managing issues, queue, and discovery with tab navigation.
This commit is contained in:
catlog22
2026-01-31 23:12:39 +08:00
parent 2f10305945
commit a2206df50f
43 changed files with 5843 additions and 466 deletions

View File

@@ -3,7 +3,7 @@
// ========================================
// React Router v6 configuration with all dashboard routes
import { createBrowserRouter, RouteObject } from 'react-router-dom';
import { createBrowserRouter, RouteObject, Navigate } from 'react-router-dom';
import { AppShell } from '@/components/layout';
import {
HomePage,
@@ -14,6 +14,7 @@ import {
HistoryPage,
OrchestratorPage,
LoopMonitorPage,
IssueHubPage,
IssueManagerPage,
QueuePage,
DiscoveryPage,
@@ -93,15 +94,16 @@ const routes: RouteObject[] = [
},
{
path: 'issues',
element: <IssueManagerPage />,
element: <IssueHubPage />,
},
// Legacy routes - redirect to hub with tab parameter
{
path: 'issues/queue',
element: <QueuePage />,
element: <Navigate to="/issues?tab=queue" replace />,
},
{
path: 'issues/discovery',
element: <DiscoveryPage />,
element: <Navigate to="/issues?tab=discovery" replace />,
},
{
path: 'skills',
@@ -191,8 +193,9 @@ export const ROUTES = {
EXECUTIONS: '/executions',
LOOPS: '/loops',
ISSUES: '/issues',
ISSUE_QUEUE: '/issues/queue',
ISSUE_DISCOVERY: '/issues/discovery',
// Legacy issue routes - use ISSUES with ?tab parameter instead
ISSUE_QUEUE: '/issues?tab=queue',
ISSUE_DISCOVERY: '/issues?tab=discovery',
SKILLS: '/skills',
COMMANDS: '/commands',
MEMORY: '/memory',