终端仪表板
一句话概述
终端仪表板提供以终端为首的工作空间,具有可调整大小的窗格、浮动面板和用于会话监控与编排的集成工具。
解决的痛点
| 痛点 | 当前状态 | 终端仪表板解决方案 |
|---|---|---|
| 终端分散 | 多个终端窗口 | 统一的 tmux 风格网格布局 |
| 无上下文关联 | 无法将终端输出与问题关联 | 关联高亮提供程序 |
| 面板过多 | 固定布局浪费空间 | 浮动面板(互斥) |
| 缺少工具 | 在应用间切换 | 集成问题、队列、检查器、调度器 |
| 工作空间有限 | 无法同时查看代码和终端 | 可调整大小的三列布局 |
概述
位置: ccw/frontend/src/pages/TerminalDashboardPage.tsx
用途: 用于多终端会话管理的终端优先布局,配备集成工具和可调整大小的面板。
访问方式: 导航 → 终端仪表板 (/terminal-dashboard)
布局:
+--------------------------------------------------------------------------+
| 仪表板工具栏(面板切换、布局预设、全屏) |
+--------------------------------------------------------------------------+
| +----------------+-------------------------------------------+------------+ |
| | 会话 | 终端网格(tmux 风格) | 文件 | |
| | 分组树 | +----------+ +----------+ | 侧边栏 | |
| | (可调整大小) | | 终端 1 | | 终端 2 | |(可调整大小)| |
| | | +----------+ +----------+ | | |
| | | +----------+ +----------+ | | |
| | | | 终端 3 | | 终端 4 | | | |
| | | +----------+ +----------+ | | |
| +----------------+-------------------------------------------+------------+ |
+--------------------------------------------------------------------------+
| [浮动面板: 问题+队列 或 检查器 或 执行 或 调度器] |
+--------------------------------------------------------------------------+实时演示
TerminalDashboardOverview
加载中...
浮动面板演示
FloatingPanelsDemo
加载中...
配置
功能标志
| 标志 | 控制 |
|---|---|
dashboardQueuePanelEnabled | 队列面板可见性 |
dashboardInspectorEnabled | 检查器面板可见性 |
dashboardExecutionMonitorEnabled | 执行监控器面板可见性 |
布局预设
| 预设 | 布局 |
|---|---|
| 单格 | 一个终端窗格 |
| 水平分割 | 两个窗格并排 |
| 垂直分割 | 两个窗格垂直堆叠 |
| 2x2 网格 | 2x2 网格中的四个窗格 |
面板类型
| 面板 | 内容 | 位置 | 功能标志 |
|---|---|---|---|
| 问题+队列 | 组合的问题面板 + 队列列表列 | 左侧(叠加) | - |
| 队列 | 完整的队列管理面板 | 右侧(叠加) | dashboardQueuePanelEnabled |
| 检查器 | 关联链检查器 | 右侧(叠加) | dashboardInspectorEnabled |
| 执行监控器 | 实时执行跟踪 | 右侧(叠加) | dashboardExecutionMonitorEnabled |
| 调度器 | 队列调度器控制 | 右侧(叠加) | - |
可访问性
键盘导航:
- Tab - 在工具栏按钮之间导航
- Enter/Space - 激活工具栏按钮
- Escape - 关闭浮动面板
- F11 - 切换全屏模式
ARIA 属性:
- 工具栏按钮上的
aria-label - 侧边栏切换上的
aria-expanded - 非活动浮动面板上的
aria-hidden - 浮动面板上的
role="dialog"
- 工具栏按钮上的
屏幕阅读器支持:
- 切换面板时宣布面板状态
- 布局更改被宣布
- 面板打开/关闭时的焦点管理