# 后台 UI/交互优化（视觉走查驱动）

基于 2026-08-28 浏览器实机走查（品类/国家模式、编辑弹窗、数据同步页）。
**分支约定：完成后停留在本分支，经用户确认后才合并 develop。**

## 修正一项误报

右树分组计数 "墨西哥 29/3" 为截图拼贴伪影裁切尾数，DOM 实际渲染 29/33，
计数口径无 bug —— 不做修改。

## 改动项

1. **左树同族折叠**：国家/品类模式下，同款（同 familyId）的多条官网商品
   折叠为一行「族组」节点（显示代表名 + "N 个配置"徽标），展开看各行。
   - locateInLeftTree 增加父链展开（族组嵌套后定位仍有效）
   - 国家模式拖拽排序适配：仅允许同一容器（国家根/同一族组）内排序，
     优先级按该国家折叠后展示顺序保序重分配
2. **工具栏分区重排**：模式切换（品类/国家/全局）移到最左，筛选组居中，
   「新增自定义商品」靠右 —— 消除 1680 宽下的折行错乱
3. **对比度**：商品行属性小字/国家徽标颜色加深（#606266→#454545 等）
4. **拖拽可发现性**：右树 og 行加 title 提示"拖到左侧分类/国家可配置"
5. **同步日志人话化**：后端 `inserted=0 updated=536 ...` 报文渲染为
   「新增 0 · 更新 536 · 共 536 条」，原文放 tooltip

## 不做（backlog）

右树按分类/工厂切换、面板高度自适应、批量补详情、重复配置体检入口、
首页位管理入口缺失（PositionsView 无路由）——需产品决策，另行确认。