@mui/material)。按钮、输入框、弹窗、选择器、表单控件、标签页、提示、布局、进度条、卡片等均使用 MUI 组件。除非 MUI 确认不存在对应组件,否则禁止自写 UI 组件。Tailwind CSS 仅作为 MUI 的辅助样式补充(间距、颜色变量),不可替代 MUI 组件。
+ AppLayout diff --git a/docs/MetonaAI-Desktop 架构与交互设计.html b/docs/MetonaAI-Desktop 架构与交互设计.html index 30ad962..1eafd24 100644 --- a/docs/MetonaAI-Desktop 架构与交互设计.html +++ b/docs/MetonaAI-Desktop 架构与交互设计.html @@ -168,7 +168,7 @@基于「生产级通用 AI Agent 桌面应用构建指南」+「Metona 内部 IR 标准」,定义完整的系统架构、9 个基础工具、4 个用户级磁盘文件、工作空间机制、数据库配置规范及全链路可追踪日志体系。
@@ -229,7 +229,7 @@进程 运行时 职责 Main Process Node.js Agent 引擎、工具调度、数据库、MCP 管理、配置加载 - Preload Script 沙箱 Node 通过 contextBridge 安全暴露 API 给渲染进程 + Renderer Chromium React UI:聊天界面、Agent 监控、设置面板、Trace Viewer Renderer Chromium React + Material UI (MUI) 界面:聊天、Agent 监控、设置面板、Trace Viewer。所有 UI 组件强制使用 MUI,禁止自写。 四层 Harness 架构
diff --git a/standard/开发规范.md b/standard/开发规范.md index 8d915c3..75896f0 100644 --- a/standard/开发规范.md +++ b/standard/开发规范.md @@ -64,6 +64,29 @@ | WebSocket | ws、socket.io | 需要重连、心跳、二进制支持 | | 任务队列 | bull、bee-queue | 需要持久化、重试、优先级 | | 配置管理 | dotenv、convict | 需要类型安全、环境变量、默认值 | +| UI 组件 | Material UI (MUI) @mui/material | 按钮、输入框、弹窗、选择器、表单、表格等所有 UI 组件 | + +#### 3.1 UI 组件铁律 + +**所有前端 UI 组件必须使用 Material UI (MUI)**,禁止自写任何 UI 交互组件。 + +| 组件类型 | MUI 组件 | 禁止自写 | +|---------|----------|----------| +| 按钮 | Button、IconButton | 自写 `