# YoVision 当前 MVP 交互原型

本目录是工单 #28 生成的版本绑定设计资产，用于确认 MVP #8 的信息架构、页面状态和交互流程，不代表产品功能已经实现。

## 打开方式

可直接双击 `index.html`，或在仓库根目录启动本地静态服务：

```powershell
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、数据库或跨项目契约。
- 旧仓库原型仅用于只读参考；本目录没有复制旧原型代码。
- 页面数据均为虚构演示数据，不得放入真实账号、摄像头凭据、客户数据或生产地址。