refactor(navigation): simplify main tab labels

2026-07-17 12:24:05 +08:00
parent 01697759fc
commit 4e10cce794
29 changed files with 217 additions and 217 deletions
@@ -4,17 +4,17 @@

 | 文件 | 内容 |
 | --- | --- |
-| [overview-pipeline.svg](overview-pipeline.svg) | 主流水线总览（stage：imported→collected→generated→applied；图中旧⑥AI工场入口已由商品套图替换） |
+| [overview-pipeline.svg](overview-pipeline.svg) | 主流水线总览（stage：imported→collected→generated→applied；图中旧AI工场入口已由商品套图替换） |
 | [tab1-import-collect.svg](tab1-import-collect.svg) | ① 导入采集：导入 Excel、任务列表、采集旧标题/旧封面、回写、日志 |
 | [tab2-ai-generate.svg](tab2-ai-generate.svg) | ② AI生成：提示词、生成、新旧封面对照、重置图片后批量补生成 |
 | [tab2-ai-generate-T584.svg](tab2-ai-generate-T584.svg) | ② AI生成（T-584 提案）：标题提示词加模板控件行、封面控件压一行、插入类按钮下移、标题输入框增高 |
 | [tab3-update-shopee.svg](tab3-update-shopee.svg) | ③ 更新蝦皮：已生成任务、开始更新确认、执行结果、汇总 |
-| [tab4-accounts.svg](tab4-accounts.svg) | ④ 账号管理：账号列表、启动登录、检测登录、账号编辑弹窗 |
-| [tab5-settings.svg](tab5-settings.svg) | ⑤ 设置：AI 模型/Key、路径、端口 |
-| [tab6-image-studio.svg](tab6-image-studio.svg) | ⑥ 图片精修（提案·初版）：商品列表、原主图九宫、照片池、生成控制、终选排序 |
-| [tab6-image-studio-v2.svg](tab6-image-studio-v2.svg) | ⑥ 图片精修（提案·重排）：细图标轨、照片池放大、提示词中心整列、全宽出片盘 |
-| [tab6-ai-studio-v3.svg](tab6-ai-studio-v3.svg) | ⑥ AI工场（需求定稿·v3）：合并提示词、完整模板 CRUD、异步任务照片池、部分导出与终选排序 |
-| [tab6-suite-package-v1.svg](tab6-suite-package-v1.svg) | ⑥ 商品套图（T-622 已实现）：从「虾皮圈电商图生成器」商品套餐交互迁移并替换主界面 AI工场入口；单一套图类型，多任务标签，商品原图，平台/国家/语言/比例，AI 帮写，白底/场景/卖点及自定义分类，结果历史、重试、删除撤销与生成进度 |
-| [tab6-suite-prompt-dialog-T637.svg](tab6-suite-prompt-dialog-T637.svg) | ⑥ 商品套图（T-637 提案）：标题行「AI帮写/取消」紧随 label、最右新增「提示词设置」；提示词设置弹窗——左编辑基础模板（行序对齐调研笔记组装顺序，套图名称+补充描述、插入变量菜单、占位符校验、只读规则占位符内联）、右只读实时最终预览（预览分类下拉）、保存/恢复默认共用原子写盘；第一版不做同类多张序号/差异化 |
+| [tab4-accounts.svg](tab4-accounts.svg) | 账号管理：账号列表、启动登录、检测登录、账号编辑弹窗 |
+| [tab5-settings.svg](tab5-settings.svg) | 设置：AI 模型/Key、路径、端口 |
+| [tab6-image-studio.svg](tab6-image-studio.svg) | 图片精修（提案·初版）：商品列表、原主图九宫、照片池、生成控制、终选排序 |
+| [tab6-image-studio-v2.svg](tab6-image-studio-v2.svg) | 图片精修（提案·重排）：细图标轨、照片池放大、提示词中心整列、全宽出片盘 |
+| [tab6-ai-studio-v3.svg](tab6-ai-studio-v3.svg) | AI工场（需求定稿·v3）：合并提示词、完整模板 CRUD、异步任务照片池、部分导出与终选排序 |
+| [tab6-suite-package-v1.svg](tab6-suite-package-v1.svg) | 商品套图（T-622 已实现）：从「虾皮圈电商图生成器」商品套餐交互迁移并替换主界面 AI工场入口；单一套图类型，多任务标签，商品原图，平台/国家/语言/比例，AI 帮写，白底/场景/卖点及自定义分类，结果历史、重试、删除撤销与生成进度 |
+| [tab6-suite-prompt-dialog-T637.svg](tab6-suite-prompt-dialog-T637.svg) | 商品套图（T-637 提案）：标题行「AI帮写/取消」紧随 label、最右新增「提示词设置」；提示词设置弹窗——左编辑基础模板（行序对齐调研笔记组装顺序，套图名称+补充描述、插入变量菜单、占位符校验、只读规则占位符内联）、右只读实时最终预览（预览分类下拉）、保存/恢复默认共用原子写盘；第一版不做同类多张序号/差异化 |

 > 仅为线框效果图，最终样式以实现为准。带 `-T584`/`-v2` 等后缀的为**改版提案**，未定稿。界面职责与流程见 [../routes.md](../routes.md)。
@@ -15,7 +15,7 @@
    </style>
  </defs>
  <rect class="bg" x="0.5" y="0.5" width="939" height="419" rx="10"/>
-  <text class="h1" x="24" y="40">蝦皮圈優化助手 · 5 Tab 流水线总览</text>
+  <text class="h1" x="24" y="40">蝦皮圈優化助手 · 核心流水线总览</text>
  <text class="sub" x="24" y="60">工作流优先顺序 · 对象是 Excel 里的每一行任务 · 状态字段 stage 贯穿全程</text>

  <!-- stage chips row (无 confirmed、无常驻提交开关；③ 开始更新需批量确认) -->
@@ -64,7 +64,7 @@
    </g>
    <g transform="translate(579,0)">
      <rect class="card" x="0" y="0" width="168" height="210" rx="8"/>
-      <text class="tt" x="14" y="28">④ 账号管理</text>
+      <text class="tt" x="14" y="28">账号管理</text>
      <text class="ds" x="14" y="52">账号名/别名/端口</text>
      <text class="ds" x="14" y="72">密码本地明文·仅参考</text>
      <text class="ds" x="14" y="92">独立 user-data-dir</text>
@@ -74,7 +74,7 @@
    </g>
    <g transform="translate(772,0)">
      <rect class="card" x="0" y="0" width="144" height="210" rx="8"/>
-      <text class="tt" x="14" y="28">⑤ 设置</text>
+      <text class="tt" x="14" y="28">设置</text>
      <text class="ds" x="14" y="52">AI 模型/Key</text>
      <text class="ds" x="14" y="72">本地图片目录</text>
      <text class="ds" x="14" y="92">Chrome 路径</text>
@@ -87,5 +87,5 @@
    <line x1="361" y1="105" x2="384" y2="105" stroke="#9aa3b2" stroke-width="2" marker-end="url(#arr)"/>
  </g>

-  <text class="sub" x="24" y="394">① ③ 依赖账号已配置且已登录(④)；未配/未登录则执行按钮禁用并提示去④。存储：data/config.json + SQLite + data/images/。</text>
+  <text class="sub" x="24" y="394">①、③依赖账号管理中的已登录账号；未配置或未登录时执行按钮禁用并提示前往账号管理。存储：data/config.json + SQLite + data/images/。</text>
 </svg>
@@ -36,8 +36,8 @@
    <text class="tabTA" x="34" y="68">① 导入采集</text>
    <text class="tabT" x="186" y="68">② AI生成</text>
    <text class="tabT" x="330" y="68">③ 更新蝦皮</text>
-    <text class="tabT" x="492" y="68">④ 账号管理</text>
-    <text class="tabT" x="636" y="68">⑤ 设置</text>
+    <text class="tabT" x="492" y="68">账号管理</text>
+    <text class="tabT" x="636" y="68">设置</text>
  </g>

  <!-- toolbar -->
@@ -21,8 +21,8 @@
  <text class="tabT" x="34" y="68">① 导入采集</text>
  <text class="tabTA" x="196" y="68">② AI生成</text>
  <text class="tabT" x="330" y="68">③ 更新蝦皮</text>
-  <text class="tabT" x="492" y="68">④ 账号管理</text>
-  <text class="tabT" x="636" y="68">⑤ 设置</text>
+  <text class="tabT" x="492" y="68">账号管理</text>
+  <text class="tabT" x="636" y="68">设置</text>

  <!-- LEFT ~1/4: prompts management (T-584 reorg) -->
  <g transform="translate(18,96)">
@@ -20,8 +20,8 @@
  <text class="tabT" x="34" y="68">① 导入采集</text>
  <text class="tabTA" x="196" y="68">② AI生成</text>
  <text class="tabT" x="330" y="68">③ 更新蝦皮</text>
-  <text class="tabT" x="492" y="68">④ 账号管理</text>
-  <text class="tabT" x="636" y="68">⑤ 设置</text>
+  <text class="tabT" x="492" y="68">账号管理</text>
+  <text class="tabT" x="636" y="68">设置</text>

  <!-- LEFT ~1/4: prompts management -->
  <g transform="translate(18,96)">
@@ -54,7 +54,7 @@
    <rect class="btn" x="14" y="360" width="92" height="26" rx="6"/><text class="btnT" x="26" y="377">插入标题</text>
    <rect class="btn" x="112" y="360" width="92" height="26" rx="6"/><text class="btnT" x="138" y="377">预览</text>
    <text class="mut" x="14" y="406">变量 {旧标题}{新标题}{商品id}{店铺}</text>
-    <text class="mut" x="14" y="422">模型/并发/重试/分辨率/质量 → ⑤设置</text>
+    <text class="mut" x="14" y="422">模型/并发/重试/分辨率/质量 → 设置</text>
  </g>

  <!-- RIGHT: filters + list -->
@@ -16,7 +16,7 @@
  <rect class="tabA" x="304" y="45" width="162" height="38"/><rect x="304" y="45" width="162" height="3" fill="#2f6fed"/>
  <text class="tabT" x="34" y="68">① 导入采集</text><text class="tabT" x="186" y="68">② AI生成</text>
  <text class="tabTA" x="334" y="68">③ 更新蝦皮</text>
-  <text class="tabT" x="492" y="68">④ 账号管理</text><text class="tabT" x="636" y="68">⑤ 设置</text>
+  <text class="tabT" x="492" y="68">账号管理</text><text class="tabT" x="636" y="68">设置</text>

  <!-- filter bar -->
  <g transform="translate(18,94)">
@@ -16,8 +16,8 @@
  <rect class="tabA" x="466" y="45" width="150" height="38"/><rect x="466" y="45" width="150" height="3" fill="#2f6fed"/>
  <text class="tabT" x="34" y="68">① 导入采集</text><text class="tabT" x="186" y="68">② AI生成</text>
  <text class="tabT" x="330" y="68">③ 更新蝦皮</text>
-  <text class="tabTA" x="496" y="68">④ 账号管理</text>
-  <text class="tabT" x="636" y="68">⑤ 设置</text>
+  <text class="tabTA" x="496" y="68">账号管理</text>
+  <text class="tabT" x="636" y="68">设置</text>

  <!-- table -->
  <g transform="translate(18,100)">
@@ -15,8 +15,8 @@
  <rect class="tab" x="0.5" y="41" width="939" height="38"/>
  <rect class="tabA" x="616" y="45" width="110" height="38"/><rect x="616" y="45" width="110" height="3" fill="#2f6fed"/>
  <text class="tabT" x="34" y="68">① 导入采集</text><text class="tabT" x="186" y="68">② AI生成</text>
-  <text class="tabT" x="330" y="68">③ 更新蝦皮</text><text class="tabT" x="492" y="68">④ 账号管理</text>
-  <text class="tabTA" x="640" y="68">⑤ 设置</text>
+  <text class="tabT" x="330" y="68">③ 更新蝦皮</text><text class="tabT" x="492" y="68">账号管理</text>
+  <text class="tabTA" x="640" y="68">设置</text>

  <!-- A. AI 模型管理 (single-column master-detail) -->
  <g transform="translate(18,94)">
@@ -25,8 +25,8 @@
  <rect class="tabs" x="0.5" y="41" width="1279" height="38"/>
  <rect x="666" y="45" width="116" height="34" fill="#f4f6f9"/><rect x="666" y="45" width="116" height="3" fill="#1769d2"/>
  <text class="tab" x="30" y="68">① 导入采集</text><text class="tab" x="168" y="68">② AI生成</text>
-  <text class="tab" x="296" y="68">③ 更新蝦皮</text><text class="tab" x="434" y="68">④ 账号管理</text>
-  <text class="tab" x="572" y="68">⑤ 设置</text><text class="tab-active" x="690" y="68">⑥ AI工场</text>
+  <text class="tab" x="296" y="68">③ 更新蝦皮</text><text class="tab" x="434" y="68">账号管理</text>
+  <text class="tab" x="572" y="68">设置</text><text class="tab-active" x="690" y="68">AI工场</text>

  <!-- 商品轨 -->
  <g transform="translate(16,94)">
@@ -159,5 +159,5 @@
    <rect class="button" x="1064" y="88" width="100" height="38" rx="6"/><text class="button-text" x="1081" y="112">打开导出目录</text>
  </g>

-  <text class="muted" x="84" y="806">v3 · ⑥ AI工场 · 不导入本地图片 · 文件名：商品ID_主图_1.jpg / 商品ID_详情图_1.jpg · v1 导出后手动上传蝦皮</text>
+  <text class="muted" x="84" y="806">v3 · AI工场 · 不导入本地图片 · 文件名：商品ID_主图_1.jpg / 商品ID_详情图_1.jpg · v1 导出后手动上传蝦皮</text>
 </svg>
@@ -28,9 +28,9 @@
  <text class="tabT" x="30" y="68">① 导入采集</text>
  <text class="tabT" x="168" y="68">② AI生成</text>
  <text class="tabT" x="296" y="68">③ 更新蝦皮</text>
-  <text class="tabT" x="434" y="68">④ 账号管理</text>
-  <text class="tabT" x="572" y="68">⑤ 设置</text>
-  <text class="tabTA" x="690" y="68">⑥ 图片精修</text>
+  <text class="tabT" x="434" y="68">账号管理</text>
+  <text class="tabT" x="572" y="68">设置</text>
+  <text class="tabTA" x="690" y="68">图片精修</text>

  <!-- ===== LEFT: thin product rail (collapsed state B) ===== -->
  <g transform="translate(16,94)">
@@ -24,15 +24,15 @@
  <text class="title" x="18" y="26">蝦皮圈優化助手 · 蝦皮商品批量改标题换封面</text>
  <circle cx="1228" cy="20" r="6" fill="#f5bf4f"/><circle cx="1250" cy="20" r="6" fill="#5ac26a"/><circle cx="1206" cy="20" r="6" fill="#e0e4ea"/>

-  <!-- tab bar: 6 tabs, ⑥ active -->
+  <!-- tab bar: 6 tabs, 图片工场 active -->
  <rect class="tab" x="0.5" y="41" width="1279" height="38"/>
  <rect class="tabA" x="666" y="45" width="132" height="38"/><rect x="666" y="45" width="132" height="3" fill="#2f6fed"/>
  <text class="tabT" x="30" y="68">① 导入采集</text>
  <text class="tabT" x="168" y="68">② AI生成</text>
  <text class="tabT" x="296" y="68">③ 更新蝦皮</text>
-  <text class="tabT" x="434" y="68">④ 账号管理</text>
-  <text class="tabT" x="572" y="68">⑤ 设置</text>
-  <text class="tabTA" x="690" y="68">⑥ 图片工场</text>
+  <text class="tabT" x="434" y="68">账号管理</text>
+  <text class="tabT" x="572" y="68">设置</text>
+  <text class="tabTA" x="690" y="68">图片工场</text>

  <!-- ===== LEFT: product list ===== -->
  <g transform="translate(16,94)">
@@ -239,7 +239,7 @@
      <rect class="slotE" x="446" y="62" width="48" height="48" rx="4"/>
    </g>
    <rect x="14" y="112" width="48" height="14" rx="3" fill="#2f6fed"/><text class="badge" x="26" y="122" font-size="9">封面①</text>
-    <text class="mut" x="72" y="123" font-size="10">② ③ ④ ⑤ …空槽虚线</text>
+    <text class="mut" x="72" y="123" font-size="10">其余位置为空槽虚线</text>

    <!-- detail slots -->
    <text class="cell" x="14" y="158">详情图 <tspan fill="#1f8a5b" font-weight="600">3/12</tspan></text>
@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="940" height="620" viewBox="0 0 940 620" font-family="'Segoe UI','Microsoft YaHei',sans-serif">
-  <!-- ⑥ 商品套图（迁移自「虾皮圈电商图生成器」商品套餐模块，替换原 AI工场；已去掉「详情图」，与套图合并为单一图片类型；顶部绑定账号+商品ID，复用现有 image_studio 后端）-->
+  <!-- 商品套图（迁移自「虾皮圈电商图生成器」商品套餐模块，替换原 AI工场；已去掉「详情图」，与套图合并为单一图片类型；顶部绑定账号+商品ID，复用现有 image_studio 后端）-->
  <defs>
    <style>
      .win{fill:#f4f6f9;stroke:#d3d9e2}.hd{fill:#2b3a55}.title{fill:#fff;font-size:14px;font-weight:600}
@@ -22,15 +22,15 @@
  <text class="title" x="18" y="26">蝦皮圈優化助手 · 商品套图生成</text>
  <circle cx="888" cy="20" r="6" fill="#f5bf4f"/><circle cx="910" cy="20" r="6" fill="#5ac26a"/><circle cx="866" cy="20" r="6" fill="#e0e4ea"/>

-  <!-- tab bar (⑥ active) -->
+  <!-- tab bar (商品套图 active) -->
  <rect class="tab" x="0.5" y="41" width="939" height="38"/>
  <rect class="tabA" x="590" y="45" width="150" height="38"/><rect x="590" y="45" width="150" height="3" fill="#2f6fed"/>
  <text class="tabT" x="24" y="68">① 导入采集</text>
  <text class="tabT" x="150" y="68">② AI生成</text>
  <text class="tabT" x="256" y="68">③ 更新蝦皮</text>
-  <text class="tabT" x="386" y="68">④ 账号管理</text>
-  <text class="tabT" x="516" y="68">⑤ 设置</text>
-  <text class="tabTA" x="604" y="68">⑥ 商品套图</text>
+  <text class="tabT" x="386" y="68">账号管理</text>
+  <text class="tabT" x="516" y="68">设置</text>
+  <text class="tabTA" x="604" y="68">商品套图</text>

  <!-- top context bar: 套图任务标签 + 账号选择 + 商品ID（每个任务绑定一个账号+商品ID）-->
  <rect class="chipA" x="18" y="90" width="112" height="26" rx="6"/>
@@ -20,15 +20,15 @@
  <text class="title" x="18" y="26">蝦皮圈優化助手 · 商品套图生成</text>
  <circle cx="888" cy="20" r="6" fill="#f5bf4f"/><circle cx="910" cy="20" r="6" fill="#5ac26a"/><circle cx="866" cy="20" r="6" fill="#e0e4ea"/>

-  <!-- tab bar (⑥ active) -->
+  <!-- tab bar (商品套图 active) -->
  <rect class="tab" x="0.5" y="41" width="939" height="38"/>
  <rect class="tabA" x="590" y="45" width="150" height="38"/><rect x="590" y="45" width="150" height="3" fill="#2f6fed"/>
  <text class="tabT" x="24" y="68">① 导入采集</text>
  <text class="tabT" x="150" y="68">② AI生成</text>
  <text class="tabT" x="256" y="68">③ 更新蝦皮</text>
-  <text class="tabT" x="386" y="68">④ 账号管理</text>
-  <text class="tabT" x="516" y="68">⑤ 设置</text>
-  <text class="tabTA" x="604" y="68">⑥ 商品套图</text>
+  <text class="tabT" x="386" y="68">账号管理</text>
+  <text class="tabT" x="516" y="68">设置</text>
+  <text class="tabTA" x="604" y="68">商品套图</text>

  <!-- section: 主界面标题行变更（T-637 第 1 节） -->
  <text class="mut" x="18" y="102">主界面变更 · 「商品卖点与要求」标题行：AI帮写紧随 label，「提示词设置」同行最右</text>