# 任务清单: terminal-tab-group-visual

```yaml
@feature: terminal-tab-group-visual
@created: 2026-03-25
@status: completed
@mode: R2
```

## 进度概览

| 完成 | 失败 | 跳过 | 总数 |
|------|------|------|------|
| 4 | 0 | 0 | 4 |

---

## 任务列表

### 1. 方案与视觉方向确认

- [√] 1.1 创建顶部终端组视觉方案包并锁定“分组头 + 子标签”方向 | depends_on: []

### 2. 终端标签栏改造

- [√] 2.1 在 `TerminalTabBar.vue` 中实现组首/组尾判定与分组头渲染 | depends_on: [1.1]
- [√] 2.2 调整子标签与组尾新增终端按钮样式，并保留全局服务器入口 | depends_on: [2.1]

### 3. 验证与同步

- [√] 3.1 运行前端构建验证并同步 `.helloagents` 文档与归档记录 | depends_on: [2.2]

---

## 执行日志

| 时间 | 任务 | 状态 | 备注 |
|------|------|------|------|
| 2026-03-25 22:29 | 1.1 | 完成 | 创建 implementation 方案包，并锁定“分组头 + 子标签”方向 |
| 2026-03-25 22:33 | 2.1 / 2.2 | 完成 | 在 TerminalTabBar.vue 中加入组首组尾判定、服务器组头、子标签和组尾新增终端按钮 |
| 2026-03-25 22:36 | 3.1 | 完成 | `npm --prefix packages/frontend run build` 通过，并同步知识库文档 |

---

## 执行备注

- 本轮是标签栏视觉升级，不改底层 session / WebSocket 协议。
- 分组关系只存在于顶部标签栏展示层，底层仍按独立 `sessionId` 工作。
- 若实现中发现拖拽和分组样式冲突，优先保证组视觉和终端可操作性。