bot_dev1
8b68d015c2
组件审查结论：全站组件为自绘 HTML+CSS 仿 AntD（纯静态无组件库）， pro.css 已统一设计 token，但各页 CSS/JS 残留一批旧配色硬编码， pro.css 覆盖不到，本次全部清理： - 旧 iOS 红 #ff3b30 → --ant-error #ff4d4f（告警 P0/严重度/DLP 条/ 工艺 alarm 态/diff 删除行） - 旧橙 #f5a623 → --ant-warning #faad14（P1 告警/warning 态/暂存徽章） - 旧 iOS 绿 #2ecc71 → --ant-success #52c41a（running 态/prod 徽章/ 索引完成/路由本地标签/权限矩阵） - 杂色蓝统一 → --ant-primary #1677ff：发送键 #0ea5e9、P2 告警 #3aa0ff、编排画布残留青 rgba(24,211,200)、旧气泡 #1d4ed8 - 主色按钮上的深色文字 #04202a → #fff（对比度修正） - 灰 #64748b → --ant-text-tertiary rgba(0,0,0,0.45) - 各页 CSS :root 深色默认变量值（#0b1220/#13203a/#18d3c8 等死值） 对齐为 AntD 亮色默认值，修正"深色主题"过时注释 - 删除已无任何引用的旧深色登录页样式 auth/auth.css 顺带修复实测发现的 bug：SPA 外壳内直达 admin/studio 子页时页签 不切换——studio.js/admin.js 的 Tab 事件在异步 boot(user) 中绑定， bindPageTabs 的 window load 初始激活可能早于绑定完成，改为带重试 的激活（直到 Tab 点亮，最多 10s）。实测 #/admin/#alerts 直达后 page-alerts 正确激活。
前端对话组件（Chat Widget）
对应 EPIC #11「④ LLM 报警解释 / 交接班 / NL 查询」子任务 #77（0.5d）： 驾驶舱/移动端对话组件及配套后端 API（标准库实现，无框架依赖）。
文件
web/chat/
├── chat_api.py 对话后端 API（http.server）：场景分发 + 统一 JSON
├── chat_widget.html 前端对话组件（内联 HTML/CSS/JS，深色主题对齐驾驶舱）
├── assistant.html 增强版对话页（#133：引用溯源/路由分级/DLP 拦截反馈）
├── assistant.css 增强版样式
├── assistant.js 增强版逻辑（直连推理服务 /v1/chat/completions）
├── citations.json RAG 引用语料（scripts/build_citations.py 编译产物）
├── scripts/
│ └── build_citations.py 模板知识库文档 → 引用语料编译脚本
├── tests/
│ └── test_chat_api.py 场景分发 / 端点 / 错误处理测试
└── README.md
增强版对话页（issue #133 / PRD 5.4）
assistant.html 在 chat_widget 雏形上完善并直连已部署推理服务
（http://39.101.182.167:30800，OpenAI 兼容）：
- 消息流 + 元信息：每条回答带路由分级 / 模型 / 耗时；
- RAG 引用溯源（PRD 5.4 强制）：
citations.json（由python web/chat/scripts/build_citations.py从templates/*/rag-kb/documents/编译）关键词检索，回答下方列出「文档 + 章节 + 摘要」引用；未命中显式标注无引用； - 路由分级提示：镜像
core/llm-gateway/router.py——敏感/核心 → 本地 （数据不出厂），通用/脱敏 → 云端，DLP 命中 → 拦截（fail-closed）； - DLP 拦截反馈：镜像
dlp.py的DLP_DEFAULT_RULES（身份证/手机号/邮箱/ IPv4/访问密钥/密钥键值对/配方敏感词），命中即阻止外发并展示命中规则， 可选择「转本地模型处理」； - 报警解释（PRD 场景A）：severity + 点位结构化输入 → 「原因 + 处置建议」， P0 告警附「需值班长确认」提示（PRD 高利害人工确认）；
- 交接班报告（PRD 场景C）：按
handover_brief.ti.yaml章节模板 （生产概况/异常事项/安全注意事项/能耗/待办）生成，耗时展示（目标 ≤ 2 分钟）。
运行：cd web/chat && python -m http.server 8082，打开
http://127.0.0.1:8082/assistant.html（Chrome / Edge 最新两版）。
快速运行
# 启动对话 API 服务（默认 127.0.0.1:8080；runner 未注入时仅返回健康/页面）
python chat_api.py --host 127.0.0.1 --port 8080
浏览器打开 http://127.0.0.1:8080/ 即见对话组件。
API
| 方法 | 路径 | 说明 |
|---|---|---|
| GET | / |
对话组件页面（chat_widget.html） |
| GET | /api/health |
健康检查 |
| POST | /api/chat |
对话接口（见下） |
POST /api/chat 请求体：
{ "question": "氯气流量最近1小时趋势", "scenario": "nl_query", "confidence": 1.0 }
scenario：alarm_explain（报警解释）/ shift_handover（交接班摘要）/
nl_query（NL 查询，缺省）；未知场景降级 nl_query。
响应（统一 JSON）：
{ "answer": "...", "route": "local", "answer_id": "...",
"scenario": "nl_query", "needs_human": false }
与场景层集成
chat_api.dispatch(runner, request) 按场景调用 runner 的
explain_alarm / generate_handover / query_cockpit（与
templates/ti-cl4/llm-scenarios.TiScenarioRunner 对接）；
runner 可注入（make_server(host, port, runner=...)），便于联调与替换实现。
测试
python -m unittest discover -s tests -p "test_*.py"
覆盖：三场景分发、空 question、未知场景降级、异常 → error JSON、 GET / 与 /api/health、POST /api/chat、非法 JSON 400、404。