Editor 开发文档
Editor 是面向用户的创作工作台，负责登录、工作空间、项目、页面、组件、资源、主题、样式、AI 侧边栏、账户 AI 设置、预览 iframe 和构建入口。
文档导航
| 文档 | 内容 |
|---|---|
| 前端结构约定 | 视图、组件、组合式逻辑、状态和 API 层拆分 |
| UI 设计系统建设方案 | 紧凑工具风格、组件选型、Design Token、布局规范和渐进迁移计划 |
| 项目级界面设计规范 | 当前生效的 Token、标题栏、滚动、分栏、定位、组件使用和视觉验收规则 |
| AI 侧边栏 | 工具说明展示、会话恢复、HITL 确认和上下文 |
| Editor 测试 | 类型检查、Vitest 和前端质量门禁 |
修改原则
- 新增能力时优先复用已有 UI 组件和交互模式。
- API 请求层不要散落在视图组件里。
- 账户 AI 设置页要展示完整工具说明和只读契约信息。
- 账户 AI 设置页使用“聊天模型 / 图片生成 / 内容助手”三个区域。Chat 与图片配置调用独立接口和表，列表、筛选和新增/修改表单不得重新合并
model_type分支；聊天供应商与模型从本地 Models.dev 缓存选择，也允许自定义 OpenAI-compatible 连接，图片供应商只来自 Backend 图片注册表。目录能力默认只读，只有高级配置中的显式capability_override才能覆盖。 - 预览 iframe 只呈现 Runtime 结果，不承载 Runtime 内部逻辑。