refactor(client): Phase 1 照原型重建 app 外壳（顶栏两级品牌 + 主题器 + 通知铃 + 分组侧栏 + 状态栏）

Browse Source

照 shell.js/statusbar.js/atoms.css 把外壳从「旧单品牌+换色」彻底重建为原型样式：
- 顶栏：岩美酒库(线描山形 mark CustomPaint，软件品牌) │分隔│ 鼎晟酒行(门店字标+店名)；
  右侧 ThemePickerPill(主题器，从系统设置迁来，A/B/C 切换) + NotificationBell(通知)
- 侧栏(218w)：分组 单据/经营/系统(nav-label) + nav(active 高亮) + 底部 side-user(头像/姓名/店·角色→菜单)
- 状态栏：AppStatusBar(原型 .statusbar，AppChrome 主题无关色)：店号/操作员/登录/当前(走字) · 连接/版本/授权
- 保留全部既有行为：更新/强制更新/授权横幅与弹窗、离线横幅、心跳、apiMessage、窄屏 Drawer
- 新增 widgets/theme_picker_pill.dart · notification_bell.dart · app_status_bar.dart
- golden：加载真实 MaterialIcons 字体（消图标豆腐块，全 golden 受益）；
  app_shell golden 用 9 分支+冻结时钟(可测试缝)确定化，对齐原型数据(鼎晟酒行/王经理/库存激活)
- fidelity：外壳 vs 原型 diff 3.5% ≤ 阈，montage 目检 chrome 与原型一致

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TSKEiHsvauyxYUW2itzUXX

...

This commit is contained in:

wangjia

2026-06-25 18:02:38 +08:00

parent ffc71c8894

commit 1b43dfc75d

79 changed files with 1018 additions and 824 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

client/test/golden/goldens/about_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 149 KiB After Width:  |  Height:  |  Size: 151 KiB

client/test/golden/goldens/about_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 146 KiB After Width:  |  Height:  |  Size: 148 KiB

client/test/golden/goldens/about_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 149 KiB After Width:  |  Height:  |  Size: 152 KiB

client/test/golden/goldens/about_mobile_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 135 KiB After Width:  |  Height:  |  Size: 137 KiB

client/test/golden/goldens/about_mobile_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 132 KiB After Width:  |  Height:  |  Size: 134 KiB

client/test/golden/goldens/about_mobile_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 136 KiB After Width:  |  Height:  |  Size: 138 KiB

client/test/golden/goldens/app_shell_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 26 KiB After Width:  |  Height:  |  Size: 105 KiB

client/test/golden/goldens/app_shell_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 26 KiB After Width:  |  Height:  |  Size: 104 KiB

client/test/golden/goldens/app_shell_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 26 KiB After Width:  |  Height:  |  Size: 105 KiB

client/test/golden/goldens/device_management_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 106 KiB After Width:  |  Height:  |  Size: 107 KiB

client/test/golden/goldens/device_management_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 105 KiB After Width:  |  Height:  |  Size: 106 KiB

client/test/golden/goldens/device_management_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 106 KiB After Width:  |  Height:  |  Size: 107 KiB

client/test/golden/goldens/device_management_mobile_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 101 KiB After Width:  |  Height:  |  Size: 102 KiB

client/test/golden/goldens/device_management_mobile_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 103 KiB After Width:  |  Height:  |  Size: 104 KiB

client/test/golden/goldens/device_management_mobile_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 101 KiB After Width:  |  Height:  |  Size: 102 KiB

client/test/golden/goldens/finance_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 142 KiB After Width:  |  Height:  |  Size: 143 KiB

client/test/golden/goldens/finance_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 141 KiB After Width:  |  Height:  |  Size: 143 KiB

client/test/golden/goldens/finance_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 142 KiB After Width:  |  Height:  |  Size: 144 KiB

client/test/golden/goldens/finance_mobile_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 105 KiB After Width:  |  Height:  |  Size: 106 KiB

client/test/golden/goldens/finance_mobile_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 107 KiB After Width:  |  Height:  |  Size: 108 KiB

client/test/golden/goldens/finance_mobile_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 106 KiB After Width:  |  Height:  |  Size: 107 KiB

client/test/golden/goldens/inventory_list_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 188 KiB After Width:  |  Height:  |  Size: 194 KiB

client/test/golden/goldens/inventory_list_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 185 KiB After Width:  |  Height:  |  Size: 192 KiB

client/test/golden/goldens/inventory_list_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 188 KiB After Width:  |  Height:  |  Size: 195 KiB

client/test/golden/goldens/inventory_list_mobile_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 155 KiB After Width:  |  Height:  |  Size: 159 KiB

client/test/golden/goldens/inventory_list_mobile_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 156 KiB After Width:  |  Height:  |  Size: 160 KiB

client/test/golden/goldens/inventory_list_mobile_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 156 KiB After Width:  |  Height:  |  Size: 160 KiB

client/test/golden/goldens/login_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 82 KiB After Width:  |  Height:  |  Size: 86 KiB

client/test/golden/goldens/login_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 94 KiB After Width:  |  Height:  |  Size: 97 KiB

client/test/golden/goldens/login_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 94 KiB After Width:  |  Height:  |  Size: 97 KiB

client/test/golden/goldens/partners_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 134 KiB After Width:  |  Height:  |  Size: 135 KiB

client/test/golden/goldens/partners_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 132 KiB After Width:  |  Height:  |  Size: 134 KiB

client/test/golden/goldens/partners_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 134 KiB After Width:  |  Height:  |  Size: 135 KiB

client/test/golden/goldens/partners_mobile_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 114 KiB After Width:  |  Height:  |  Size: 115 KiB

client/test/golden/goldens/partners_mobile_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 115 KiB After Width:  |  Height:  |  Size: 116 KiB

client/test/golden/goldens/partners_mobile_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 114 KiB After Width:  |  Height:  |  Size: 116 KiB

client/test/golden/goldens/product_detail_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 157 KiB After Width:  |  Height:  |  Size: 159 KiB

client/test/golden/goldens/product_detail_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 157 KiB After Width:  |  Height:  |  Size: 159 KiB

client/test/golden/goldens/product_detail_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 158 KiB After Width:  |  Height:  |  Size: 160 KiB

client/test/golden/goldens/products_archive_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 116 KiB After Width:  |  Height:  |  Size: 118 KiB

client/test/golden/goldens/products_archive_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 114 KiB After Width:  |  Height:  |  Size: 116 KiB

client/test/golden/goldens/products_archive_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 116 KiB After Width:  |  Height:  |  Size: 118 KiB

client/test/golden/goldens/register_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 127 KiB After Width:  |  Height:  |  Size: 128 KiB

client/test/golden/goldens/register_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 122 KiB After Width:  |  Height:  |  Size: 122 KiB

client/test/golden/goldens/register_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 127 KiB After Width:  |  Height:  |  Size: 128 KiB

client/test/golden/goldens/settings_params_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 168 KiB After Width:  |  Height:  |  Size: 169 KiB

client/test/golden/goldens/settings_params_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 166 KiB After Width:  |  Height:  |  Size: 167 KiB

client/test/golden/goldens/settings_params_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 169 KiB After Width:  |  Height:  |  Size: 169 KiB

client/test/golden/goldens/stock_in_form_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 130 KiB After Width:  |  Height:  |  Size: 133 KiB

client/test/golden/goldens/stock_in_form_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 126 KiB After Width:  |  Height:  |  Size: 130 KiB

client/test/golden/goldens/stock_in_form_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 130 KiB After Width:  |  Height:  |  Size: 133 KiB

client/test/golden/goldens/stock_in_form_mobile_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 121 KiB After Width:  |  Height:  |  Size: 122 KiB

client/test/golden/goldens/stock_in_form_mobile_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 119 KiB After Width:  |  Height:  |  Size: 120 KiB

client/test/golden/goldens/stock_in_form_mobile_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 120 KiB After Width:  |  Height:  |  Size: 122 KiB

client/test/golden/goldens/stock_in_list_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 163 KiB After Width:  |  Height:  |  Size: 167 KiB

client/test/golden/goldens/stock_in_list_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 162 KiB After Width:  |  Height:  |  Size: 165 KiB

client/test/golden/goldens/stock_in_list_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 164 KiB After Width:  |  Height:  |  Size: 168 KiB

client/test/golden/goldens/stock_in_list_mobile_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 156 KiB After Width:  |  Height:  |  Size: 159 KiB

client/test/golden/goldens/stock_in_list_mobile_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 158 KiB After Width:  |  Height:  |  Size: 160 KiB

client/test/golden/goldens/stock_in_list_mobile_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 157 KiB After Width:  |  Height:  |  Size: 160 KiB

client/test/golden/goldens/stock_out_form_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 123 KiB After Width:  |  Height:  |  Size: 125 KiB

client/test/golden/goldens/stock_out_form_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 119 KiB After Width:  |  Height:  |  Size: 122 KiB

client/test/golden/goldens/stock_out_form_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 123 KiB After Width:  |  Height:  |  Size: 125 KiB

client/test/golden/goldens/stock_out_form_mobile_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 85 KiB After Width:  |  Height:  |  Size: 86 KiB

client/test/golden/goldens/stock_out_form_mobile_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 83 KiB After Width:  |  Height:  |  Size: 84 KiB

client/test/golden/goldens/stock_out_form_mobile_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 85 KiB After Width:  |  Height:  |  Size: 86 KiB

client/test/golden/goldens/stock_out_list_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 160 KiB After Width:  |  Height:  |  Size: 164 KiB

client/test/golden/goldens/stock_out_list_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 159 KiB After Width:  |  Height:  |  Size: 162 KiB

client/test/golden/goldens/stock_out_list_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 161 KiB After Width:  |  Height:  |  Size: 165 KiB

client/test/golden/goldens/stock_out_list_mobile_a.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 147 KiB After Width:  |  Height:  |  Size: 151 KiB

client/test/golden/goldens/stock_out_list_mobile_b.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 149 KiB After Width:  |  Height:  |  Size: 153 KiB

client/test/golden/goldens/stock_out_list_mobile_c.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 148 KiB After Width:  |  Height:  |  Size: 152 KiB