yovision/docs/tasks/T-004.md

id, title, phase, deps, status, created, issue, context_ref, claim_branch, work_branch, write_paths

id	title	phase	deps	status	created	issue	context_ref	claim_branch	work_branch	write_paths
T-004	设计 Sense 与 Bell 交互原型	0	T-002	TODO	2026-08-03	null	null	null	null	docs/tasks/T-004.md docs/design/sense/index.html docs/design/bell/index.html

问题 / 背景

Sense 与 Bell 尚无可供产品确认的页面结构。生产 UI 开工前，需要用两个零构建依赖的单文件 HTML 原型枚举导航、控件、主要状态与高频工作流，避免直接从实现代码猜交互。Sense 可参考 MiBeeNvr 的监控、摄像头与仪表盘信息架构，但必须补齐 YoVision 的设备健康、分片/期望态、批量开通和区域/警戒线编辑；Bell 必须体现事件与 Alert 分离、ack、升级链、证据、误报和权限边界。

关联需求与交互（如适用）

• 用户故事：Sense 关联 US-001、US-002、US-005；Bell 关联 US-003～US-006。
• 交互清单：Sense 关联 IX-001～IX-004、IX-010～IX-011；Bell 关联 IX-005～IX-013。
• 相关页面 / 路由：原型阶段为 docs/design/sense/index.html 与 docs/design/bell/index.html，不定义生产路由。

方案

1. 使用统一的 YoVision 深色安防控制台设计系统，Sense 与 Bell 保持品牌、状态色、控件和导航规律一致。
2. Sense 制作为单页可交互工作台：总览、监控墙、设备、区域规则、接入任务和系统状态；区域编辑器支持多边形、警戒线、撤销、清空、键盘替代和保存反馈。
3. Bell 制作为单页可交互值班台：预警队列、事件证据、ack/处置、升级时间线、误报反馈、规则和升级链概览。
4. 两个原型均内联 CSS/JS，使用假数据，不加载真实视频、客户信息、生产地址或外部依赖；顶部固定标注原型用途。
5. 完成桌面、窄屏、键盘焦点、加载/空态/错误切换和 prefers-reduced-motion 检查，提交人工评审；产品确认前不把任务标为 DONE。

不可变约束

• 阈值 / 数值边界：默认 16 路、单站点上限 128 路；静默最长 4 小时；原型不得暗示 128 路同时播放主码流。
• 判定式 / 状态转换：事件事实不可被处置改写；Alert 的首次投递、送达、看到、ack 和升级必须分开展示；区域规则正式发布与试运行必须可区分。
• 安全边界：不得展示摄像头密码、完整 RTSP/ONVIF 地址、token、真实客户/未成年人数据或人脸入口；破坏性动作须确认。
• 既有契约：原型不修改事件 v0.1、API、路由和生产技术栈，不作为生产实现代码。

验收要点

• 任务相关验证：两个 HTML 可本地打开、无外部依赖；关键按钮和状态切换可用；运行 HTML 结构检查、git diff --check 与 ./init.ps1。
• 完整门禁：本任务不修改 schema/API/路由，因此不触发契约与导航实现门禁；若范围变化则先更新任务。
• 人工 / 设备验收：必需。项目负责人分别打开 Sense 与 Bell 原型，确认页面结构、控件集合和主要工作流；未确认前不得标记 DONE 或合并为最终设计。
• 构建产物：docs/design/sense/index.html、docs/design/bell/index.html；双击浏览器打开，零构建依赖。

边界（不改什么）

不修改 Sense/、Bell/ 生产代码，不更新已确认的 IX 行为结论，不复制 _reference/mibeenvr 代码或资源，不实现真实视频播放、接口请求、持久化与认证。

协作约束

• 责任 Agent：codex。
• 唯一写入者：codex。
• 委派：不启用。
• Gitea：创建映射 Issue 后回填；领取必须从精确 context_ref 建立 claim 与工作分支。

任何新增写路径先检查与其他活跃任务是否重叠；同一时刻只有一个 Agent 修改本任务的 write_paths。

执行记录

2026-08-03 任务定义

• 依据用户请求、US-001～US-006、IX-001～IX-013 和 MiBeeNvr 本地只读截图定义两个单文件原型范围。
• 人工验收为必需门禁；原型完成后先进入评审，不自动视为最终设计。