YoVision 当前 MVP 交互原型
本目录是工单 #28 生成的版本绑定设计资产，用于确认 MVP #8 的信息架构、页面状态和交互流程，不代表产品功能已经实现。
打开方式
可直接双击 index.html，或在仓库根目录启动本地静态服务：
python -m http.server 4173 --directory prototypes
然后访问 http://127.0.0.1:4173/。
原型范围
sense/index.html：设备接入、ONVIF/RTSP、MediaMTX、实时监看和区域配置；直接映射 go-admin-ui 与 Element Plus 的通用管理端组件。brain/index.html：合成输入到项目内匿名事件的内部流水线；Brain 无客户管理 UI。bell/index.html：合成事件、不可变 Event、规则/Alert、ack/close 和审计时间线；直接映射 go-admin-ui 与 Element Plus 的通用管理端组件。assets/：三套原型复用的基础样式和交互脚本；Sense/Bell 共同复用 go-admin-ui 原型外壳适配器。design-system/yovision/MASTER.md：由 UI/UX Pro Max 生成的设计系统基线。
交互提示
- 左侧导航可切换页面；移动端使用顶部菜单按钮。
- Sense 可筛选设备、添加待激活设备并查看区域配置。
- Brain 可模拟处理下一帧并生成项目内事件。
- Bell 可注入合成事件，并演示 Alert 的 ack 和 close。
- 所有弹窗支持
Esc关闭，交互元素支持键盘焦点。
Sense / Bell 的 go-admin-ui 对齐基线
- 只读参考仓库：
D:\github\goadmin\go-admin-ui。 - 参考 commit：
67d393d713877572fab0b897296a4c1d525fc81d。 - 应用外壳映射：
Sidebar、Navbar、TagsView、AppMain和BasicLayout/ 页面容器。 - 通用组件映射：Element Plus 的 Button、Form、Input/Select、Table、Pagination、Dialog 和 Tag，以及 go-admin-ui 的搜索区与
v-permisaction权限按钮模式。 - 共用原型适配器：
assets/go-admin-ui.css与assets/go-admin-shell.js；两套产品不复制应用外壳和通用组件原型代码。 - Sense 专用组件：视频舞台
SenseVideoStage与区域画布SenseZoneCanvas。 - Bell 专用组件：值班处置工作台
AlertWorkbench与审计时间线AlertAuditTimeline。 - 新增专用组件前必须先确认 go-admin-ui / Element Plus 中没有等价组件。
- 原型仍是无构建依赖的 HTML/CSS/JavaScript，并未嵌入或复制 go-admin-ui / Element Plus 源码；这些名称用于约束正式 Vue 实现的组件落点。
事实来源边界
- 产品范围以 Gitea Wiki 的 Product Requirements、Product Roadmap 和对应工单为准。
- 本原型不定义 API、数据库或跨项目契约。
- 旧仓库原型仅用于只读参考；本目录没有复制旧原型代码。
- 页面数据均为虚构演示数据，不得放入真实账号、摄像头凭据、客户数据或生产地址。