2.2 KiB
2.2 KiB
Chub UI 原型
原型文件：browser-manager.html
用途
该文件用于确认 Chub 的信息架构、实例列表密度、启动配置表单、详情抽屉和危险操作反馈，不代表 Gio 的最终控件、窗口材质、DPI 或无障碍实现已经完成。
评审场景
- 默认实例列表：运行中、启动中、被占用、已退出四种状态同时可见。
- 点击“新建实例”：检查浏览器类型、executable、user data dir、profile、URL、代理和无头模式字段。
- 留空 user data dir 提交：观察字段级错误和输入保留。
- 点击运行中实例：查看 PID、路径、启动地址和操作入口。
- 点击“关闭实例”：确认对话框默认提供优雅关闭；重启需要先等待旧实例退出。
- 使用搜索、浏览器筛选、状态筛选和刷新状态。
- 切换深色主题，并在窄窗口查看导航和表单重排。
- 点击“设置”：检查 Chrome/Edge 路径、默认 user data dir、日志目录、运行行为，以及保存/取消反馈。
当前原型假设
- 顶级导航只有“实例、设置”；活动不再是独立模块，作为实例详情中的“最近活动”时间线显示。
- 详情和新建配置使用右侧抽屉，不创建文档标签。
- 选择实例后，右侧详情同时承载当前状态、操作、配置摘要和最近活动；不要求用户在实例与活动页面之间切换。
- 设置作为独立顶级页面，采用显式提交；取消只恢复本次未保存的表单修改。
- 外部实例显示占用证据，但不提供接管或强制关闭入口。
- 原型中的“确认”只模拟事件反馈，不启动真实浏览器或改变文件。
Gio 交接方向
| 原型元素 | Gio 适配意图 |
|---|---|
| 顶级导航 | 稳定 page ID + 持久选中状态 |
| 实例列表 | 虚拟化列表；实例 ID 而非行号作为身份 |
| 启动表单 | 持久 editor/选择状态，显式提交，字段错误保留输入 |
| 详情抽屉 | 自定义辅助面板，关闭后焦点返回实例行 |
| 确认对话框 | 模态层限制背景交互，Escape 取消，危险操作不默认聚焦 |
| Toast/状态区 | 非模态状态反馈；异步结果通过统一事件触发重绘 |