# Capability: Mediation Dashboard（调解看板）

## MODIFIED Requirements

### Requirement: AI调解实时看板数据展示
系统SHALL在用户切换到"AI调解实时看板"Tab时动态获取并展示真实的调解记录数据。

#### Scenario: Tab切换触发数据加载
- **WHEN** 用户点击"AI调解实时看板"Tab页签
- **THEN** 系统自动调用ProcessAPIService.getProcessRecords接口
- **AND** 使用当前案件的mediation_id作为查询参数
- **AND** 显示Loading状态直到数据加载完成

#### Scenario: 成功获取调解记录数据
- **WHEN** API调用成功返回recordList数据
- **THEN** 系统将数据格式化并动态渲染到看板列表中
- **AND** 每条记录正确显示参与者头像、名称、时间、内容和标签
- **AND** 保持原有的UI样式和布局不变

#### Scenario: 沟通情况总结展示
- **WHEN** 系统获取到timeline数据
- **THEN** 从timeline.mediation.summary字段提取沟通情况总结
- **AND** 在看板顶部以摘要形式展示给用户
- **AND** 当summary为空时显示默认提示文本

#### Scenario: API调用失败处理
- **WHEN** ProcessAPIService.getProcessRecords调用失败
- **THEN** 系统显示友好的错误提示信息
- **AND** 不使用mock数据进行降级展示
- **AND** 在控制台输出详细的错误日志供调试

#### Scenario: Loading状态管理
- **WHEN** 数据正在加载过程中
- **THEN** 在看板区域显示Ant Design Spin组件
- **AND** 禁用Tab切换以防止重复请求
- **AND** Loading状态在数据加载完成后自动消失

### Requirement: 调解记录数据结构映射
系统SHALL将API返回的recordList数据正确映射到UI组件所需的数据结构。

#### Scenario: 数据字段映射
- **WHEN** 处理API返回的调解记录
- **THEN** 将record.type映射为avatar类型('ai'|'applicant'|'respondent')
- **AND** 将record.participant_name映射为显示名称
- **AND** 将record.created_time映射为显示时间
- **AND** 将record.content映射为消息内容
- **AND** 将record.tags正确转换为UI标签组件

#### Scenario: 参与者类型识别
- **WHEN** 渲染调解记录项
- **THEN** 根据参与者类型显示不同的头像样式和颜色
- **AND** AI调解员显示机器人图标和蓝色渐变背景
- **AND** 申请人显示首字母和深蓝色背景
- **AND** 被申请人显示首字母和橙色渐变背景