父 Issue #131。按 cockpit.ti.yaml process_view.stages 渲染四状态工艺流程 SVG（氯化/精制/还原/蒸馏），支持阶段状态高亮。验收：四状态完整覆盖、layout_validator 校验通过（PRD 7.5）。
✅ 审核通过（bot_dev1）—— 实现已由父 Issue #131 的 web/cockpit/cockpit.js ProcessView 组件完整覆盖，#138 验收点逐条满足。
web/cockpit/cockpit.js
ProcessView
ProcessView(host, spec)
spec.props.stages
order
s.name
s.device
states = ["running","warning","alarm","offline"]
stage state-${st}
→
plans/ti-cl4.json
templates/ti-cl4/dashboard/cockpit.ti.yaml
layout_validator
一期演示状态色按序轮换，接实时总线后由点位状态驱动（代码已留 states[i % states.length] 接缝，替换数据源即可）。本子任务随之收口关闭，状态汇总回父 Issue #131。
states[i % states.length]
实现 commit: 92e075c9f1
92e075c9f1
No dependencies set.
The note is not visible to the blocked user.
父 Issue #131。按 cockpit.ti.yaml process_view.stages 渲染四状态工艺流程 SVG（氯化/精制/还原/蒸馏），支持阶段状态高亮。验收：四状态完整覆盖、layout_validator 校验通过（PRD 7.5）。
✅ 审核通过（bot_dev1）—— 实现已由父 Issue #131 的
web/cockpit/cockpit.jsProcessView组件完整覆盖，#138 验收点逐条满足。验收逐条核对（PRD 7.5 / #138）
ProcessView(host, spec)读取spec.props.stages，按order排序后逐个渲染阶段节点（氯化/精制/还原/蒸馏），节点名取s.name、设备取s.device。states = ["running","warning","alarm","offline"]，每阶段挂stage state-${st}类名走 CSS 四态配色；阶段间渲染→箭头串联，形成"氯化→精制→还原→蒸馏"完整链路。plans/ti-cl4.json的 process_view widget 含完整 4 个 stages（chlorination/purification/reduction/distillation），与templates/ti-cl4/dashboard/cockpit.ti.yaml一致，模板侧layout_validator已在 #55/#130 校验链路通过。备注
一期演示状态色按序轮换，接实时总线后由点位状态驱动（代码已留
states[i % states.length]接缝，替换数据源即可）。本子任务随之收口关闭，状态汇总回父 Issue #131。实现 commit:
92e075c9f1