## Why 当前 UI 整体采用线性堆叠结构,全局设置塞入折叠区、各 Tab 内信息密度不均匀、核心创作流程(内容创作 Tab)缺乏明确的视觉分区,导致新用户上手成本高、高频操作路径长、页面滚动量大。随着功能不断增加,亟需一次系统性的布局优化以提升可用性和美观度。 ## What Changes - **全局设置栏重构**:将分散在折叠区的 LLM / SD / 小红书账号三大配置项拆分为独立的「⚙️ 配置」Tab,从主界面顶部移除折叠块,减少首屏干扰 - **Tab 导航顺序优化**:将用户最高频的「✍️ 内容创作」Tab 置于首位(Tab 0),次高频的「📅 内容排期」置于第二位;低频的「🔐 账号登录」和「⚙️ 配置」移至末尾 - **内容创作 Tab 三栏布局**:左栏(参数配置) | 中栏(文案预览/编辑) | 右栏(图片预览/操作),三栏比例 3:4:3,高频操作一屏可见,无需滚动 - **自动运营 Tab 面板化**:将开关密集的单列改为卡片式 2×N 网格,每个自动化任务独立成卡,含开关、间隔、上次运行时间三要素 - **统一视觉语言**:为操作按钮分级(主操作 variant="primary" / 次操作 variant="secondary" / 危险操作 variant="stop"),关键区域添加分隔线和小标题 - **新增 CSS 主题层**:在 `gr.Blocks(css=...)` 注入自定义 CSS,优化字体层级、按钮圆角、卡片阴影 ## Capabilities ### New Capabilities - `ui-global-config-tab`: 将全局设置(LLM / SD / 账号)迁移到独立 Tab,含完整的连接状态显示 ### Modified Capabilities - `ui-tabs-split`: Tab 顺序和标题变更——内容创作置首位,新增配置 Tab,移除顶部全局配置折叠区 - `ui-module-split`: 内容创作 Tab 改为三栏式布局;自动运营 Tab 改为卡片网格 ## Impact - **直接修改文件**:`ui/app.py`、`ui/tab_create.py` - **潜在影响**:`services/` 中事件绑定通过组件引用传参,布局变更不影响逻辑;但 `tab_create.py` 返回的组件字典 key 不得变更,否则 `app.py` 的 click 绑定会断开 - **无外部 API / 依赖变更** - **无 breaking change**(所有现有功能保留,仅调整位置和视觉样式)