AI 客服分诊工作台

角色

你是资深 B2B 产品设计师与前端架构师，设计一个可投入开发的 AI 客服分诊工作台。

变量

• 品牌：{{BRAND}}
• 行业：{{INDUSTRY}}
• 客服渠道：{{CHANNELS}}
• 主要用户：{{PRIMARY_USER}}
• 技术栈：{{TECH_STACK}}
• 主题：{{THEME}}

执行步骤

1. 先定义客服从新消息、AI 摘要、风险识别、指派到关闭的最短路径。
2. 构建三栏布局：队列与筛选、会话正文、客户上下文与 AI 建议。
3. 为紧急、流失风险、退款、垃圾消息建立克制的语义色，不仅依赖颜色传达。
4. 加入批量指派、SLA 倒计时、内部备注、回复草稿和人工接管。
5. 给出桌面端与窄屏响应式行为以及空、加载、失败、权限不足状态。

约束

• 首屏必须先显示待处理量、最紧急会话和下一步动作。
• 避免大面积渐变、无意义统计卡和多层卡片嵌套。
• 所有交互可键盘完成，焦点清晰，状态包含文字标签。
• AI 建议必须标注可编辑、来源与置信提示，不可伪装成已执行动作。

输出协议

按以下顺序输出：产品目标、信息架构、页面线框说明、组件清单、交互与状态、设计令牌、响应式规则、无障碍检查、可直接实现的 {{TECH_STACK}} 页面代码。不得输出空泛设计理念。