feat: 完善工作台展示场景 - 新增 Modal/Toast 组件、EmptyState 使用、确认弹窗、筛选分页

- 新增 Modal 确认弹窗组件和 Toast 消息提示组件
- 在 SkillsPage、LogsPage、TasksPage、ProjectsPage 使用 EmptyState
- 为删除任务、取消订阅、移除成员、技能订阅添加确认弹窗
- 丰富聊天场景:代码展示、表格数据、多轮对话、错误提示
- 优化 ChatPage 布局,修复对话区域滚动问题
- 为 ProjectsPage 添加筛选卡片和分页组件
- 添加表单校验错误状态展示
- 同步 specs 到主目录
This commit is contained in:
2026-03-20 11:44:25 +08:00
parent 9f407c3aea
commit 181cf09ad2
17 changed files with 1147 additions and 229 deletions

View File

@@ -0,0 +1,33 @@
## Purpose
定义聊天界面中各类对话场景的展示规范。
## Requirements
### Requirement: 代码展示场景
系统 SHALL 在聊天界面展示包含代码高亮的对话场景。
#### Scenario: 代码生成对话
- **WHEN** 用户在对话列表中选择"代码生成"场景
- **THEN** 页面展示包含代码块的对话内容,代码块具有语法高亮样式
### Requirement: 表格数据场景
系统 SHALL 在聊天界面展示包含表格数据的对话场景。
#### Scenario: 数据查询对话
- **WHEN** 用户在对话列表中选择"数据查询"场景
- **THEN** 页面展示包含表格的对话内容,表格清晰展示查询结果
### Requirement: 多轮对话场景
系统 SHALL 在聊天界面展示多轮连续对话场景。
#### Scenario: 连续问答对话
- **WHEN** 用户在对话列表中选择"多轮对话"场景
- **THEN** 页面展示至少 3 轮用户与助手的交替对话
### Requirement: 错误提示场景
系统 SHALL 在聊天界面展示包含错误提示的对话场景。
#### Scenario: 请求失败对话
- **WHEN** 用户在对话列表中选择"请求失败"场景
- **THEN** 页面展示助手返回错误提示的对话内容