工作台功能地图
全面熟悉 OriginAI 可视化工作台的界面布局、核心区域职责与交互分工。
工作台是你深度设计、可视化打磨与持续调优产品规格的核心中枢。本篇导览旨在帮助你快速掌握文件管理树、可视化画布、内置 Agent 对话面板、变更请求审阅区、版本发布管理以及系统设置等各个功能区域的定位与协作关系。请在浏览器中至少打开一个已有项目，以便跟随指引亲手体验。
界面布局全景
| 功能区域 | 核心职责与业务用途 |
|---|---|
| 应用侧边栏 | 集中展示个人项目列表、当前套餐用量配额、全局设置、官方文档跳转入口及退出登录操作。 |
| 文件目录树 | 呈现当前活动工作区内的完整文档结构——包括 README.rpml、各路由页面 .rpml 规格及各类辅助资产。 |
| 可视化画布 / 实时预览 | 基于规范实时渲染交互式产品界面、展示各种业务状态分支与锚点标注。 |
| Agent 对话面板 | Web 端内置 AI Agent 的交互主阵地：承载对话会话流、指令输入编辑器与历史记录回溯。 |
| 变更请求（Change Requests） | 聚合外部编码 Agent 及 GitHub 代码审查提交的规格修改提案，供人类逐项审核应用或驳回。 |
| 版本管理（Releases） | 执行版本发布、浏览不可变快照历史、一键复制工程实现提示词与 CLI 接入参数，以及获取公开预览链接。 |
| 系统设置 | 管理个人资料、订阅套餐与结算账单、生成或注销个人访问令牌（PAT），以及管理通行密钥（Passkeys）。 |
界面的整体响应式布局会依据屏幕宽度自适应调整——在移动端或小尺寸屏幕中，部分固定列将自动折叠为侧滑抽屉形态。
推荐操作体验流程
- 在控制台中打开任意一个已有项目。
- 浏览并点击文件目录树中的不同页面文件，观察中间画布如何即时响应并渲染对应的原型。
- 打开右侧Agent 对话面板，查看当前套餐剩余的每日 AI 对话额度（详见套餐与用量）。
- 在画布上直接点选某个 UI 控件元素——此时对话输入框上方将自动附带该元素的定位上下文标签（详见应用内 Agent 指南）。
- 切换至顶部的变更请求选项卡，了解项目在首次发布版本后，外部 Agent 发起的规格修改是如何集中呈现的。
- 切换至**版本（Releases）**选项卡（暂不触发发布），熟悉版本快照历史与多种交付提示词的复制面板。
- 在新标签页中打开设置页面，确认后续用于外部工具集成的个人访问令牌（PAT）生成入口。
Agent 核心操作控件解析
在内置 Agent 面板中，有几项关键控件建议重点了解：
| 交互控件 | 所处位置 | 核心功能与运作方式 |
|---|---|---|
| 指令编辑器 | Agent 面板底部 | 用于输入需求调优提示词；支持自动捕获画布选区与附加就地评论标签。 |
| 新会话 / 历史记录 | 消息流顶部导航 | 点击快速开辟全新对话流，或随时检索并恢复历史会话上下文。 |
| 权限执行模式 | Agent 工具栏设置 | 控制 Agent 执行文件修改时的自主权粒度（提供 Auto / Edit / Bypass 三档）。 |
| 画布元素拾取 | 画布交互（默认状态） | 点选画布上的特定组件，将其底层 RPML 结构与路径就地注入为下一轮对话的精准上下文。 |
熟练掌握的标志
当你能够从容在文件树中穿梭切换、在画布上审查原型效果、精准点选元素发起针对性的 Agent 局部调优，并能迅速定位 变更请求 与 版本发布 面板时，即表明你已完全掌握了工作台的交互心智模型。