feat: add Terminal Dashboard components and state management

- Implement TerminalTabBar for session tab management with status indicators and alert badges.
- Create TerminalWorkbench to combine TerminalTabBar and TerminalInstance for terminal session display.
- Add localization support for terminal dashboard in English and Chinese.
- Develop TerminalDashboardPage for the main layout of the terminal dashboard with a three-column structure.
- Introduce Zustand stores for session management and issue/queue integration, handling session groups, terminal metadata, and alert management.
- Create a monitor web worker for off-main-thread output analysis, detecting errors and stalls in terminal sessions.
- Define TypeScript types for terminal dashboard state management and integration.
This commit is contained in:
catlog22
2026-02-14 20:54:05 +08:00
parent 4d22ae4b2f
commit e4b898f401
37 changed files with 2810 additions and 5438 deletions

View File

@@ -36,6 +36,7 @@ import {
CliViewerPage,
CliSessionSharePage,
TeamPage,
TerminalDashboardPage,
} from '@/pages';
/**
@@ -169,6 +170,10 @@ const routes: RouteObject[] = [
path: 'teams',
element: <TeamPage />,
},
{
path: 'terminal-dashboard',
element: <TerminalDashboardPage />,
},
// Catch-all route for 404
{
path: '*',
@@ -223,6 +228,7 @@ export const ROUTES = {
EXPLORER: '/explorer',
GRAPH: '/graph',
TEAMS: '/teams',
TERMINAL_DASHBOARD: '/terminal-dashboard',
} as const;
export type RoutePath = (typeof ROUTES)[keyof typeof ROUTES];