bot_dev1
cfa976cac3
- web/index.html 重写为 SPA 外壳：Sider/顶栏常驻，模块页在 #module-frame iframe 内容区加载，点菜单只换 iframe 地址， 彻底消灭整页刷新与白闪（此前只是铺底色缓解） - 新增 shared/shell.js：IAOP_SHELL.navigate() 导航、外壳 hash (#/admin/#models) 与 iframe 地址双向同步、登录守卫、移动端 模块新标签打开；iframe 地址用 location.replace 避免污染 joint history；250ms 轮询回同步（replace 不触发 load 事件）； 导航时乐观高亮（后台标签轮询被节流不能作为唯一途径）； 前进/后退若恢复了 iframe 旧地址则以外壳 hash 为准强制对齐 - pro-header.js 三模式：外壳(菜单点击走 IAOP_SHELL、导出 IAOP_PRO.setActive)/被嵌(iframe 内，隐藏页内跨页链接与重复 用户标识、保留 Tab-hash 联动)/独立(原行为)；菜单渲染后派发 pro:menu-rendered 事件消除导航先于渲染的高亮竞态 - session.js：logout/守卫重定向作用于顶层窗口（iframe 内不再 只跳 iframe 自己） - 修复 iframe 替换元素宽高 bug：fixed 时左右定位不拉伸（回退 固有 300x150），改显式 calc 宽高 - 登录页 next 默认回外壳 ../index.html 实测（本地 http.server + WebBridge 真实浏览器）：菜单切换/ 子菜单切换/前进/后退/直达链接(#/admin/#models) URL、iframe、 菜单高亮、子菜单高亮全链路一致，Sider 节点全程不重建； 登录守卫 logout→顶层跳登录、登录后回外壳默认驾驶舱。
web/cockpit — iAOP 配置化驾驶舱 Web 前端
issue #131 / PRD 5.5「⑤ 配置化驾驶舱」。纯静态 HTML + 原生 JS（无构建链）， 按布局资产渲染：四状态工艺流程视图、实时趋势、KPI 卡片、告警面板、NL 查询入口。
目录
web/cockpit/
├── index.html # 驾驶舱页面（顶栏模板切换 + 栅格容器）
├── cockpit.css # 样式（调色由 themeTokens CSS 变量注入）
├── cockpit.js # 渲染客户端：组件注册表 + WidgetHost + 推理服务对接
├── plans/ # 编译产物（前端唯一数据源，fetch 加载）
│ ├── ti-cl4.json # ← templates/ti-cl4/dashboard/cockpit.ti.yaml
│ ├── resin.json # ← templates/resin/dashboard/cockpit.resin.yaml
│ └── alarm_panel.ti.json # ← templates/ti-cl4/dashboard/alarm_panel.ti.yaml
└── scripts/
└── build_plans.py # 布局/告警 YAML → RenderPlan JSON 编译脚本
使用
# 1) 模板资产变更后重新编译渲染计划（开发期依赖 PyYAML）
python web/cockpit/scripts/build_plans.py
# 2) 本地起静态服务（首屏全本地资源，≤ 2s，PRD 9）
cd web/cockpit && python -m http.server 8080
# 浏览器打开 http://localhost:8080 （Chrome / Edge 最新两版）
设计要点
- 切换模板零改码（PRD 5.5 验收）：前端只消费
plans/*.json渲染计划， 组件注册表（ProcessView/TrendChart/KpiCard/AlarmPanel/NlQuery，键名对齐core/cockpit/renderer.py的WIDGET_COMPONENT）+ 通用 WidgetHost 逐个挂载； ti-cl4 ↔ resin 切换 = 加载另一份 plan JSON，布局/主题/绑定全部随之重排。 - 主题：
theme: dark的调色由 plan JSON 的themeTokens注入 CSS 变量， 切主题 = 换一套变量，组件样式不动。 - 告警面板：severity P0/P1/P2 配色、
requireAck确认、showSop处置建议、 排序与最大条数全部来自alarm_panel.ti.json（#52render_alarm_panel_props）。 - 推理服务对接：
http://39.101.182.167:30800——/health（顶栏状态灯）、/v1/models（取模型名）、/v1/chat/completions（NL 查询）。 - 模拟数据：时序总线尚未提供点位订阅接口，趋势/KPI/告警暂用按 bind 点 ID
确定性播种的模拟源（
DataFeed），接入真实总线只需替换该对象的三个方法。
浏览器兼容
Chrome / Edge 最新两版（PRD 9）：使用了 fetch、Promise、classList、
CSS Grid、String.prototype.replaceWith 等基准特性，无 ES 模块/构建依赖。