全站布局重设计总纲
v2 重估（2026-08-02）：对照 vision / ADR-0012 / 后端能力清单复核后，分波顺序已改（见「分波」节）。核心修正：能力暴露与空壳清除优先于表现层密度抛光；Pro 清零从「波次驱动指标」降为「收尾卫生」。能力对照详表见 product-capability-map.md。
读者：执行 UI 切片的实现者（Auto）。回答一个问题：所有现存页面的布局如何统一抬到「一流产品感」，以及按什么顺序做。 约束：antd 5 + umi（ADR-0005 / ADR-0014）；Pro Strangler 只摘不加深；视觉 tokens 唯一事实源
frontend/src/theme/tokens.ts+theme/css-vars.less（见 ui-home-model-redesign.md §视觉方向，本文不重复定义色板）；落地页深色品牌门面不动；Home 为亮色工作台。 关系：本文是全站总纲；Home/模型页的区块级 IA 细节仍以ui-home-model-redesign.md为准，本文只引用不重复。
一套系统，两种曝光
| 世界 | 页面 | 视觉 |
|---|---|---|
| 门面（深色品牌） | 落 地页 /、登录/注册 | Syne/IBM Plex 字族 + 深色构图，品牌优先 |
| 工作台（亮色系统） | Home、项目列表、设计器 chrome、版本/设置/账号、数据源、分享、404 | tokens 亮色系统，antd Layout/Table/Form 为骨架 |
跨世界的桥：登录/注册页左半用落地页深色品牌面板、右半白色表单——一次深色→亮色的过渡，把「门面」与「工作台」缝在一屏里。
布局模式目录（全站只允许这三种壳）
- 品牌壳（Brand Shell）：无导航 chrome，内容居中/分栏。用于落地页、登录/注册、404/403。
- 工作台壳（Workspace Shell）：顶栏 64px（
--erd-chrome-header-h；logo + 主导航 + 右侧用户区）+ 内容区max-width: 1200px居中 + 页脚一行版权。用于 Home、dataModels、project/*、databaseConfig、account/settings。实现 =HomeLayout+ 共享layouts/erd-chrome.less（GroupLayout 同 chrome；无全页 Watermark）。 - 设计器壳（Designer Shell）：顶栏 64px（同 chrome）+ 左树 320px + tabs ~28px（
--erd-tabs-h，原 40，ADR-0016 密度）+ flex 画布。用于/design/*（含 version / import / export / setting 标签页）。实现 =DesignLayout（antd Layout，W1 已摘 Pro；版本号在「更多」，无水印 clutter）。
禁止发明第四种壳；禁止回到 ProLayout/PageContainer 包裹任何页面（ADR-0014）。
密度规范（全站统一）
- 4pt 网格；页面左右 padding 24，区块间距 16/24；卡片内边距 16/20
- 表格：
size="middle"，行高由 antd token 控制，禁止自定义行高魔法数 - 表单：
layout="vertical"（设置类）或弹窗内labelCol 6；标签 13px，必填星号 brand 色 - 列表行高 56（项目列表）/ 48（数据源表格）；树行高 32
- 字阶沿用 tokens 简报：12/13/14/16/20/28/40，统计数字一律 ink-900、无彩虹色
导航模式
- 全局：工作台壳顶栏一级导航（首页 / 项目 / 数据源配置 / 账号），当前项 brand 下划线 2px，悬停 ink-900
- 设计器内（单一 chrome）：左 logo→
/home+ 项目名 ▾（aria-label=项目菜单：全部项目 → 最近项目（最多 5 条，当前项 ✓，点其它项切/design/table/model?projectId=） → 导入·导出·设置弹层，itemsAPI + 子弹外置，子菜单 click 且同时只开一个）；中主 tabs 仅 模型 | 版本（版本含 sider 子导航）；右 SaveStatus / 保存版本 / presence / 分享 / 我的工单·待审批·通知（/design/table/version/order|approval、/project/notice）/⋯（公众号·GitHub·版本号）/ 用户。导入·导出·设置页仍可深链，不占顶栏 - 层级收口：项目列表卡片整卡
<Link>直达设计器；设计器内切项目走 ▾「最近项目」；返回列表走「全部项目」/ logo，不新增「返回」按钮
空态规范（每页一句话 + 一个主 CTA）
| 页面 | 空态 |
|---|---|
| Home 项目区 | 插画 + 「新建模型」主按钮 + 「从示例开始」文字链 |
| dataModels（各 tab） | 「还没有项目」+ 「新建项目」主按钮；团队 tab 附「去创建团队」文字链 |
| databaseConfig | 「还没有数据源」+ 「新建数据源」主按钮 |
| 设计器画布 | ER 剪影插画 + 「新建第一张表」主按钮 + 「导入 DBML」次按钮 + 「从数据源逆向」文字链（空态隐藏 MiniMap）；导入后直开关系图并 fitView |
| version 列表 | 「还没有版本」+ 「保存第一个版本」主按钮（与顶栏入口同一动作） |
| share（链接失效） | AuthBrandShell + 「打开示例 demo」主按钮 + 「返回首页」；空模块/无模型 → ER 剪影 + 同 CTA |
| 404 / 403 | AuthBrandShell + 「打开示例 demo」主按钮 + 「返回首页」（与分享失效门同构） |
统一用品牌壳 / ER 剪影空态；插画沿用现有资产；空态 CTA 必须可达（getByRole('button', { name })）。禁裸 antd Result 做品牌门。
逐页方案
落地页 /（品牌壳 · 不动构图）
- 保持深色全幅品牌构图与
landing-hero.jpg（roadmap P5 已定） - ✅ 落地页 token 同源（2026-08-03）：
pages/landing/index.less清@ink/@accent/#4aa3c8等魔法色 →--erd-*+color-mix；主 CTA 改 brand 红；三柱点缀 success/brand/warning；字族走--erd-font-* - 页脚一行版权，链接收进「资源」列
登录 / 注册（品牌壳 · W5）
- ✅ W5 切片 4（2026-08-03）：
AuthBrandShell左 40% 暗色品牌面板（--erd-ink-900渐变 + logo/叙事/ErdEmptyDiagram缩略 +「打开演示」文字链）+ 右 60% 白色 antdForm；清bg2.png/#1677FF硬编码；注册页同构；redirect闭环不变
Home /home（工作台壳 · W2，删除优先）
- 区块级 IA 见
ui-home-model-redesign.md§Home 信息架构（hero CTA 簇 + 次级水平链 + 全宽 3 列项目网格；无快速操作墙；公告按新鲜度可隐）；W2 只做删除：重复统计卡（「项目概览」）、slogan 轮转、components/Radar/、_mock.ts、未渲染的Pieconfig 与@ant-design/charts死 import - ✅ S2 Home hero（2026-08-02）：主 CTA「继续上次建模」直达最近项目画布 + 安静三指标；快捷链改 tokens（非 W5 表现层）
- 网格 hover 升层等密度细节降为顺手活，不单列切片；禁止为 Home 新增额外视觉设计工时（S3 网格另片）
- 验证锚点：
getByRole('button', { name: '继续上次建模' })、home-link-*testId
项目列表 dataModels + project/*（工作台壳 · W4）
- 现状：
ProList（dataModels / project/person / project/recent / project/group）卡片列表，avatar:'/logo.svg'占位，操作按钮堆在actions - 目标：antd
List+ 行内布局：左 logo 32px + 项目名（16 strong，整行<Link>直达设计器）+ 类型 Tag（个人 ink / 团队 teal）+ 描述一行截断 + 右「更新于 x 前」+ 悬停显行尾操作（重命名/复制/设置/删除收进Dropdown） - tab（最近/个人/团队）用 antd
Tabs置内容区头部；排序Select右对齐；分页沿用 - 摘全部
ProList；删除项目二次确认沿用（已有） - project/group 子页（成员/权限/设置）同波顺带：
PageContainer→ 工作台壳内容区 + antdCard分节
数据源配置 databaseConfig（工作台壳 · W4）
- 现状：
PageContainer+ProTable，功能已完整（状态 Badge / ping / Drawer 表单 / 批量删） - 目标：摘
PageContainer→ 工作台壳；ProTable→ antdTable（columns 平移，工具条改为标题行 + 右侧「新建数据源」主按钮 + 搜索Input.Search）；Drawer 表单内的ProForm*留到 W4 统一摘 - 列宽用
Table默认自适应，禁止定死 px 总宽
设计器 chrome + model（设计器壳 · W1 ✅ / W2 收尾 ✅ / 顶栏 IA ✅）
- W1：DesignLayout 摘 ProLayout → antd Layout（✅，见 CHANGELOG 2026-08-02）；顶栏保留 save/share/presence/
homeRightContent/项目菜单 - ✅ W2 切片 3（2026-08-02）：删主区嵌套
Splitter/DataTable（左树唯一 = sider）；删 sider footer；sider 400→320；CommonTabs栏 40px；设计器壳calc(100vh-*)→ flex 填满；树头「新建」(design-tree-add) 常显 - ✅ W2 切片 4（2026-08-02）：清设计器内残留
calc(100vh)——修EmptyStateAnimation内容态高度链断裂；QueryTree/version/ ReactFlow 改 flex/height:100%（度量「W1 后设计器 0」收口） - ✅ 顶栏 IA 收口（2026-08-02）：去掉「项目 ▾」与水平五 tab 双导航；项目名 switcher + 模型|版本 + 右区北极星 CTA +
⋯溢出（见「导航模式」） - ✅ 项目 ▾ 最近切换（2026-08-02）：菜单内「最近项目」最多 5 条（
recentProject）；当前项 ✓；点其它项切/design/table/model?projectId=；「全部项目」/导入·导出·设置保留
版本 version / 导入 import / 导出 export / 设置 setting（设计器壳标签页 · W3/W4）
- 现状：
design/version用ProList深 hack（tokens 简报标记「待摘」）；import/export/setting 的对话框与面板大量ProForm*（ReverseDatabase、ExportDDL、DatabaseSetUp、DefaultSetUp 等） - 目标：
- version 列表 → antd
List/Table：版本号（strong）+ tag chips + 描述截断 + 时间 + 行尾操作 Dropdown（重命名/diff/导出/回滚/审批）；diff/审批子页同壳 - 跨版本 diff 导出为本波新增能力项（非平移）：diff 面板加「导出」动作，复用既有导出管道
- 所有
ProForm*→ antdForm+Form.Item：字段、校验、onFinish平移；弹窗宽度统一 520/720 两档 - 表单按钮区：主按钮右置 brand，取消左置文字钮；危险操作（重建版本）二次确认沿用
- version 列表 → antd
- 原则：一次只摘一个对话框，平移不改行为；每摘一个跑该旅程 E2E
账号 account/settings（工作台壳 · W4）
- 现状：Pro 设置页骨架（
account/settings+components/base等ProForm） - 目标：antd
Tabs（左侧 vertical：基本资料 / 修改密码）+Form layout="vertical"；头像上传沿用；摘全部 ProForm；删除「地理/电话」等无后端字段（先 grep 确认无引用） - ✅ 授权类型密度对齐（2026-08-03）：
identification去裸Result/#DE2910；密度状态面板（13/22 +--erd-brand）；account-settings-identification - ✅ Export / Home·Group 图标 token（2026-08-03）：
ExportCommon图标currentColor→--erd-brand；Home/Group_defaultProps对齐 DesignLayouterdColors.brand - ✅ dataTypeDomains 树图标 token（2026-08-03）：
getDataTypeTreebrandFill = erdColors.brand；禁裸#DE2910
分享 share（品牌壳-lite · W5）
- 现状：只读画布 + 顶栏， fork 入口已通（P3a ✅）
- ✅ W5 切片 2（2026-08-02）：链接失效/无效 token →
Result403 +「返回首页」+「打开示例 demo」（与 404/403 同构） - ✅ W5 切片 3（2026-08-03）：成功态顶栏对齐设计器壳——
erd-chrome-header64px、logo→落地、项目名 +「只读」Tag、「复制到我的项目」主按钮、未登录「登录/注册」文字链（带 autofork redirect）；去 Card/Alert厚壳，画布为门面主体 - ✅ W5 切片 4（2026-08-03）：登录/注册品牌壳——左暗色面板 + 右 Form；见上节
- ✅ 分享失效/空态品牌对齐（2026-08-03）：失效门改
AuthBrandShell（去裸 403 Result）；无模型/无表 →ShareEmptyState（ErdEmptyDiagram+ 主 CTA）；--erd-*同语言 - 分享页是给陌生人的产品 门面，保持轻 chrome，不加工作台导航
404 / 403（品牌壳 · W5）
- ✅ W5 切片 1（2026-08-02）：删
antd/dist/reset.css；Result标准 status 图标（删no-found.svg/no-access.svg）；extra「返回首页」+「打开示例 demo」→/demo；403 同构 - ✅ 404/403 品牌对齐（2026-08-03）：改
AuthBrandShell（去裸 Result）；主 CTA「打开示例 demo」+「返回首页」；与分享失效门同语言 - ✅ 404/403 壳键盘（2026-08-03）：Skip「跳到主操作」→
#exception-main-cta；focus-visible brand；/403深链可达；与落地/登录同型 - ✅ 分享失效门键盘（2026-08-03）：同构 Skip→
#exception-main-cta（share-invalid-gate）；focus-visible brand；share.spec键盘绿 - ✅
/compare竞品对照页键盘（2026-08-03）：同壳 Skip→#landing-main-cta；演示→自部署→返回首页；surface focus-visible；compare.spec键盘绿 - ✅ Home 工作台键盘（2026-08-03）：Skip「跳到主内容」→
#home-main-content；CTA/二级入口/项目卡 Tab 序；brand focus-visible；home-keyboard.spec绿 - ✅ GroupLayout 壳键盘（2026-08-03）：Skip「跳到主内容」→
#group-main-content；绕开顶栏+侧栏；基本设置表单 Tab 序；brand focus-visible；group-keyboard.spec绿 - ✅ 项目列表行键盘（2026-08-03）：个人/最近/团队 stretched link 消死卡；Enter 开设计器；Tab 行内动作；brand focus-visible；
project-list-keyboard.spec绿 - ✅ 账号设置壳键盘（2026-08-03）：
/account/settingsSkip「跳到主表单」→#account-settings-form；绕开顶栏+侧栏；邮箱→电话→保存；brand focus-visible；account-settings-keyboard.spec绿 - ✅ 项目动作弹窗键盘（2026-08-03）：新建/修改首焦字段；删除确认首焦「是」；Esc 归还；Tab trap；
project-action-modals-keyboard.spec绿 - ✅ 导入/导出弹层键盘（2026-08-03）：DBML 导入首焦文本 / 导出首焦模型；Esc 归还空态 CTA/项目菜单；Tab trap；
import-export-keyboard.spec绿 - ✅ 版本动作弹窗键盘（2026-08-03）：新增/编辑首焦版本号（非最新→描述）；删除/回滚 Popconfirm→Modal 首焦「是」；Esc 归还；Tab trap；
version-action-modals-keyboard.spec绿 - ✅ 版本对比/详情 diff 弹层键盘（2026-08-03）：比对首焦「初始版本」；详情首焦「导出变更清单」；Esc 归还；Tab trap；
version-diff-keyboard.spec绿 - ✅ 同步配置/重建版本弹层键盘（2026-08-03）：同步配置首焦「字段增量」；重建版本首焦「版本号」；Esc 归还；Tab trap；
version-sync-rebuild-keyboard.spec绿 - ✅ 初始化基线弹层键盘（2026-08-03）：首焦「版本号」；Esc 归还；Tab trap；
version-init-keyboard.spec绿 - ✅ 复刻弹层键盘（2026-08-03）：首焦「项目名」；Esc 归还；Tab trap；
project-copy-keyboard.spec绿 - ✅ 数据源设置弹层键盘（2026-08-03）：首焦「新增数据源」；Esc 归还「项目菜单」；Tab trap；
database-setup-keyboard.spec绿 - ✅ 默认项设置弹层键盘（2026-08-03）：首焦「默认字段」Tab；Esc 归还「项目菜单」；Tab trap；
default-setup-keyboard.spec绿 - ✅ 数据源逆向解析弹层键盘（2026-08-03）：首焦「数据源」Select；Esc 归还「项目菜单」；Tab trap；
reverse-database-keyboard.spec绿 - ✅ 导出DDL弹层键盘（2026-08-03）：首焦「数据源」Select；Esc 归还「项目菜单」；Tab trap；
export-ddl-keyboard.spec绿 - ✅ 解析ERD文件弹层键盘（2026-08-03）：首焦上传区「选择ERD文件」；Esc 归还「项目菜单」；Tab trap；
reverse-erd-keyboard.spec绿 - ✅ 解析PdMan文件弹层键盘（2026-08-03）：首焦上传区「选择PdMan文件」；Esc 归还「项目菜单」；Tab trap；
reverse-pdman-keyboard.spec绿 - ✅ 修改密码弹层键盘（2026-08-03）：首焦「密码」；Esc 归还触发器；Tab trap；
reset-password-keyboard.spec绿 - ✅ 发起SQL审批弹层键盘（2026-08-03）：首焦「审批人」；Esc 归还触发器（父详情仍开）；Tab trap；
sql-approval-keyboard.spec绿 - ✅ 添加成员弹层键盘（2026-08-03）：首焦「选择用户」；Esc 归还触发器；Tab trap；
add-user-keyboard.spec绿 - ✅ 只读分享弹层键盘（2026-08-03）：首焦「分享链接」；Esc 归还触发器；Tab trap；
share-project-keyboard.spec绿 - ✅ EntityModal 弹层键 盘（2026-08-03）：空态「新增模型」首焦「名称」；Esc 归还触发器；Tab trap；
entity-modal-keyboard.spec绿 - ✅ 画布删表确认弹层键盘（2026-08-03）：选中表 Delete 首焦「删除」；Esc 归还不删；Tab trap；
canvas-delete-table-keyboard.spec绿 - ✅ 画布删边/删分组确认弹层键盘（2026-08-03）：选中边/分组 Delete 首焦「删除」；Esc 归还不删；Tab trap；
canvas-delete-edge-frame-keyboard.spec绿
重估结论（2026-08-02 v2）：三个被推翻的假设
对照 vision（北极星 = 每周产生版本保存的活跃项目数）、ADR-0012（agent 可读事实源 = 版本 + 分享 + 审计）与后端控制器/ Flyway 现状复核，原 W2–W5 排序基于三个错误假设：
- 「Home 密度值得单列一波」错。 Home 的职责是 5 秒路由回建模；北极星杠杆（示例项目直达「保存第一个版本」、顶栏「保存版本」常驻、远端 sync 提示直达版本页）已于 2026-08-02 全部 ✅。Home 剩余问题是死代码与重复统计（
components/Radar/、_mock.ts、未渲染的Pieconfig、hero 与「项目概览」卡重复报同组 statistic）——这是删除问题，不是密度设计问题。装饰性密度抛光对北极星零贡献。 - 「逐页抬水位 = 按页平移组件」错。 真实缺口是能力暴露：后端能做而 UI 埋没或缺失（见下节）。原 W3–W5 的大部分工作量是
ProList→List/ProForm→Form的用户不可见平移。 - 「Pro import 清零是当前最高优先度量」错。 ADR-0014 已冻结 Pro@2.8.10 并容忍并存；依赖移除是卫生收尾，不应驱动三个波次。摘 Pro 改为搭「能力暴露 / 删空壳」的便车，最后一次性移除依赖（单独 commit）。
后端已能、UI 埋没或缺失（先补暴露，再谈美化）
| 能力 | 后端证据 | UI 现状 | 缺口 |
|---|---|---|---|
| 只读分享吊销/管理 | POST /share/revoke（ProjectShareController）；security-model 明文「创建/吊销需登录且为项目创建人」 | 设计器顶栏「分享」弹层：创建/复制/吊销 ✅（W2 切片 1） | ✅ |
| 跨版本 diff 导出 | 版本 diff 可视化 ✅（CompareVersion）；db_change.tag 多标签 ✅（Flyway V1/V2） | CompareVersion「导出」Markdown/SQL ✅（W3 切片 1） | ✅ |
| 数据字典 | /dataDict 全 CRUD（DataDictController） | 实验页已删（W2）；本阶段无 UI | thin — 本阶段不扩，但也不许为其抛光 |
| 审批流 | approval CRUD + SQL 信任链（SQL 失败不落通过 ✅） | 版本行「提交工单」+ 顶栏/侧栏工单·审批直达 ✅（W3 切片 3） | ✅ |
| 版本回滚 / 标签 / 同步 / 逆 向 / Word 导出 | RevertVersion、tag chips、dbsync/rebaseline、dbReverseParse、/doc/gendocx | 均已暴露 ✅ | 无缺口，勿重复投资 |
空壳清单（先删后美；删之前禁止投入任何 UI 打磨）
pages/design/query、pages/dataQuery：在线 SQL 实验页 → W2 ✅ 已删（含 QueryLeftContent / dialog/query / useQueryStore）pages/design/chatsql：ADR-0012 不做营销包装 → W2 ✅ 已删（@chatui/core已移除）pages/design/dataDomain：实验页延期 → W2 ✅ 已删pages/design/test、pages/test：演示/测试残留 → W2 ✅ 已删（pages/JExcel为表编辑组件保留）- Home 死码：
components/Radar/、_mock.ts、service.ts、Pieconfig、@ant-design/charts、重复「项目概览」、slogan 轮转 → W2 ✅ 已删 account/settings/geographic（province/city json）与无后端字段 → W2 ✅ 已删
分波（Auto 可逐波执行）
每波独立可 revert；收尾 yarn build + 受影响 E2E + UX 走查截图 + 更新 CHANGELOG「验证点」。
| 波 | 范围 | 摘 Pro | 验证点 |
|---|---|---|---|
| W1 设计器壳 ✅ | DesignLayout 摘 ProLayout → antd Layout（2026-08-02 已 ✅） | ProLayout/PageContainer/ProCard/WaterMark ✅ | layout-outlet.spec + smoke「登录→新建→设计器」 |
| W2 能力暴露 + 空壳清除（重定义，替代旧「Home 密度」） | ① 分享管理：顶栏「分享」→ 弹层（创建/复制/吊销接线 /share/revoke/查看当前链接）；② 删空壳：query/dataQuery/chatsql/dataDomain 隐藏或删除，JExcel/test 页、home Radar/_mock/Pie 死码、settings geographic 删除；③ Home 只做删：重复统计卡、slogan 轮转、死 import；④ 设计器 chrome 收尾：删 bgLayoutImgList/sider footer、sider 320、tabs 40px、画布 flex、面板头「+ 新建」露出 | 被删页面/组件携带的 Pro 用量一并清除 | 分享「创建→复制→吊销→链接失效 403」E2E；空壳路由 404/不可达断言；home-link-* 不回归；新建表旅程 smoke 不回归；@ant-design/charts 若无剩余引用则从依赖移除 |
| └ W2 切片 1 ✅（2026-08-02） | ① 分享弹层+吊销+后端创建人校验+匿名 GET-only；② 空壳路由下线（query/chatsql/dataDomain/dataQuery→404）+ 删 test 页与 settings geographic（pages/JExcel 为表编辑组件保留） | 随删路由清 Query 左栏特例 | share.spec（含吊销失效）+ design-query/data-domain/home-data-query 404 |
| └ W2 切片 2 ✅（2026-08-02） | ③ Home 只删：Radar/_mock/service/Pie config/「项目概览」重复卡 + HomeLayout slogan 轮转；实验页源文件物理删除（query/chatsql/dataDomain/dataQuery + QueryLeftContent/dialog/query/useQueryStore）；依赖移除 @ant-design/charts、@chatui/core | 随删清 TabGroup.QUERY | activation + layout-outlet；空壳 404 不回归；grep charts/chatui/useQueryStore = 0 |
| └ W2 切片 3 ✅（2026-08-02） | ④ 设计器 chrome：主区去重嵌套 DataTable；sider footer 删除；sider 400→320；tabs 40px；壳层 flex 填满；树头「新建」常显 | — | layout-outlet「顶栏…」+「模型树唯一 + 新建入口常显」；openRelationFromEmpty 断言单树 |
| └ W2 切片 4 ✅（2026-08-02） | ⑤ 设计器 calc(100vh) 清零：QueryTree / version-page / ReactFlow 画布 → flex/height:100%；sider-inner overflow:hidden | — | layout-outlet「模型树与版本页 flex 填满」；rg 'calc\\(100vh' frontend/src/components/QueryTree frontend/src/pages/design = 0 |
| W3 版本域收口 ✅（旧 W4 提前，目标改写） | version ProList → antd List ✅；跨版本 diff 导出 ✅；审批/order 表单 ProForm* → antd Form 平移 ✅；审批入口理顺 ✅ | 版本/审批域 ProForm（已摘） | 版本「保存→打标签→diff→导出→回滚」旅程 E2E；审批「提交→通过→SQL 失败不落通过」回归 |
| └ W3 切片 1 ✅（2026-08-02） | 跨版本 diff 导出：diff 弹层「导出」主按钮落 Markdown（模型变更+SQL），下拉「仅导出 SQL」；复用 File.save；顺带移除零引用 bizcharts / @ant-design/plots | — | version.spec 详情弹层 download .md + toast；formatVersionDiffMarkdown.test.ts |
| └ W3 切片 2 ✅（2026-08-02） | version ProList → antd List：工具栏（脏标记/数据源/标签筛选/新增/对比/同步配置/重建）+ 行（版本号 strong + 同步 Tag + 标签 chips + 变更摘要 + 行尾操作）；空态「还没有版本」+「保存第一个版本」主按钮 | version ProList | version.spec「无数据源也可新增版本」空态 CTA + 列表行不回归；rg ProList pages/design/version = 0 |
| └ W3 切片 3 ✅（2026-08-02） | 审批/工单入口理顺：版本页顶栏「我的工单/我的审批」直达；团队未同步版本行「提交工单」→ 详情「SQL审批」；空态文案对齐 | — | approval.spec「版本页：提交工单入口可达且审批 tab 可见」+ 既有工单/审批用例 |
| W4 项目列表 + 数据源（旧 W3，降为纯平移波） | dataModels + project/* ProList → antd List；databaseConfig ProTable/PageContainer → antd Table + 工作台壳；import/export/setting/account 剩余 ProForm* 逐个平移（含保存版本 AddVersion） | 4 页 ProList + 1 ProTable + 剩余 ProForm | 项目「列表→打开→重命名→删除」E2E；数据源「新建→ping→删除」E2E；每对话框对应 E2E 不回归 |
| └ W4 切片 1 ✅（2026-08-02） | AddVersion（保存版本弹窗）：ModalForm/ProForm* → antd Modal + Form；标签 Select mode=tags + 逗号分隔、校验与 testid 不变 | AddVersion ProForm | version.spec 保存路径（无数据源新增 / 多标签 / 可视化 diff 内 saveVersion） |
| └ W4 切片 2 ✅（2026-08-02） | RenameVersion（编辑版本弹窗）：ModalForm/ProForm* → antd Modal + Form；回填/非最新只读版本号/失败不关窗；testid 不变 | RenameVersion ProForm | version.spec「重命名描述与删除版本」 |
| └ W4 切片 3 ✅（2026-08-02） | AddProject（新增项目弹窗）：ModalForm/ProForm* → antd Modal + Form；个人/团队 type 初值；tags Select + testid 不变 | AddProject ProForm | smoke / project-activation createPersonProject |
| └ W4 切片 4 ✅（2026-08-02） | RenameProject（修改项目弹窗）：ModalForm/ProForm* → antd Modal + Form；tags 拆分回填；失败不关窗；testid 新增 | RenameProject ProForm | project-surface「修改弹窗可改名并回列表」 |
| └ W4 切片 5 ✅（2026-08-02） | 死码清除：零挂载 DataDomain/DynamicDialog + `dialog/module | entity | database |
| └ W4 切片 6 ✅（2026-08-02） | CopyProject（版本行复刻弹窗）：ModalForm/ProForm* → antd Modal + Form；类型数值化；tags Select + testid；失败不关窗 | CopyProject ProForm | version.spec「版本行复刻弹窗可创建个人项目」 |
| └ W4 切片 7 ✅（2026-08-02） | DatabaseSetUp（设计器「数据源设置」）：ModalForm/ProFormList/ProForm* → antd Modal + Form + Form.List；删零引用 setting 页孪生文件 | dialog DatabaseSetUp ProForm | adr0008-datasource「新增数据源」+ project-menu「数据源设置可打开」 |
| └ W4 切片 8 ✅（2026-08-02） | DefaultSetUp（设计器「默认项设置」）：ModalForm/ProCard/ProForm* → antd Modal + Form + Tabs；字段/配置两 Tab 与保存提示不变 | dialog DefaultSetUp ProForm | project-menu「默认项设置可打开」+「保存有成功提示」 |
| └ W4 切片 9 ✅（2026-08-02） | CompareVersion + SyncConfig：详情/比对弹窗与同步配置 ModalForm/ProForm* → antd Modal + Select/Form/Radio；导出 footer 与 testid 不变 | CompareVersion + SyncConfig ProForm | version.spec 可视化 diff +「同步配置弹窗可保存升级方式」 |
| └ W4 切片 10 ✅（2026-08-02） | RebuildVersion + InitVersion + setting 页 DefaultSetUp：ModalForm/ProForm* → antd Modal/Form；设置页路由保留 | RebuildVersion + InitVersion + setting DefaultSetUp | version.spec「重建版本弹窗可打开」；Pro 文件数 32→29 |
| └ W4 切片 11 ✅（2026-08-02） | ResetPassword + AddUser + dialog ReversePdMan / ReverseERD：ModalForm/ProForm* → antd Modal + Form/Upload.Dragger | 4 个对话框 ProForm | import-pdman / import-erd / project-menu 导入子菜单 + account-settings 修改密码弹窗；Pro 文件数 29→25 |
| └ W4 切片 12 ✅（2026-08-02） | SqlApproval + BasicSetting + GroupSetting + notice + TableTab：ModalForm/ProForm/ProCard/ProList → antd Modal/Form/Tabs/List | 5 个 Pro 文件 | group-basic-setting + group-layout-nav 权限组 + project-notice + layout-outlet GroupLayout basic；Pro 文件数 25→20 |
| └ W4 切片 13 ✅（2026-08-02） | person / recent / group / dataModels / ExportCommon：ProList → antd List + 标题行/Input.Search；空态 CTA 与 testid 不变 | 5 个 ProList 页 | project-surface + project-activation 空态 + layout-outlet person + loading 列表 loading + export 普通导出；Pro 文件数 20→15 |
| └ W4 切片 14 ✅（2026-08-02） | approval/order ProTable→Table；home 摘 PageContainer；login/register 摘 LoginFormPage；databaseConfig 摘 ProTable/pro-layout PageContainer；ExportDDL（对话框+页）摘 StepsForm | 8 个优先 Pro 文件 | approval + session/smoke 登录注册 + adr0008-datasource databaseConfig + project-menu 导出DDL + project-surface home；Pro 文件数 15→8 |
| └ W4 切片 15 ✅（2026-08-02） | 末批清零：account/settings→HomeLayout；GroupUser/GroupPermission；双 ReverseDatabase+ReverseTable；删死码 StandardFieldLibrary；移除 @ant-design/pro-components + umi-presets-pro | 7→0 + 依赖移除 | account-settings + group-layout-nav + import-reverse；rg …pro-components = 0 |
| W5 登录/分享/404 打磨 | 登录注册品牌壳再打磨；share 顶栏对齐 + 失效态；404/403 去 reset.css + 标准 Result（Pro 依赖已在 W4 切片 15 移除） | 视觉/分享/404 | landing.spec + 登录 redirect 闭环 E2E；share fork 旅程；404 截图 |
| └ W5 切片 1 ✅（2026-08-02） | 404/403：去 reset.css；标准 Result 图标；次按钮「打开示例 demo」；删自定义 svg | — | not-found.spec「返回首页」+「打开示例 demo」→ /demo|/s/public-demo |
| └ 404/403 品牌对齐 ✅（2026-08-03） | 404/403：改 AuthBrandShell（去裸 Result）；与分享失效门同 CTA | — | not-found.spec 品牌壳 ~40% + exception-404-gate |
| └ W5 切片 2 ✅（2026-08-02） | 分享失效态：无效/吊销 token → Result 403 +「返回首页」+「打开示例 demo」；成功态 chrome 不动 | — | share.spec「无效 token…示例 demo」+「创建→吊销后…」见 Result CTA |
| └ W5 切片 3 ✅（2026-08-03） | 分享顶栏品牌对齐：64px erd-chrome-header + logo + 项目名 + Fork CTA + 登录/注册链；轻 chrome 无工作台导航 | — | share.spec「设计器分享后…」断言 header 64px + logo/登录/注册；demo.spec chrome 可见 |
| └ W5 切片 4 ✅（2026-08-03） | 登录/注册品牌壳：AuthBrandShell 左 40% 暗色面板 + 右 Form；清 bg2/#1677FF；删 public/bg2.png | — | smoke「登录页渲染」品牌壳 ~40% + 无硬编码；session「去注册」同壳 |
依赖序：W1 ✅ → W2 → W3 → W4 → W5。W2 与 W3/W4 无文件重叠可并行；W5 依赖 W1 的顶栏模式沉淀，且必须是最后一波（依赖移除以清零为前提）。
Pro Strangler 收口判据（修正）：Pro import 清零不再是波次目标，而是 W2–W5 能力工作的副产品；W5 末尾一次性移除依赖。任何一波不得为「凑清零」而平移用户不可见的页面。
度量（每波收尾对照）
- 首要：能力暴露缺口数（product-capability-map 中 missing/thin 项）逐波下降；空壳页面/死码文件数 → 0
- Pro import 文件数：基线 65（S0 冻结）→ 随 W2–W5 自然下降 → W5 末 0（副产品指标，不为它排波次）
- 内联 hex 直写：
grep -rn '#[0-9a-fA-F]\{6\}' frontend/src/pages | wc -l逐波下降；落地页 less 已改读--erd-*（hex 仅留在theme/tokens.ts/css-vars.less） - 高度/对齐魔法数（
calc(100vh -、负 margin）：W1 后设计器 0；W5 后全站 0 - 不新增
any；不新增 UI 依赖；yarn build体积不增