拆分图片画布编辑器侧栏视图

抽出素材和图层左侧整合面板为 ImageCanvasSidebarView

保留上传、登录、拖到画布和持久化状态机在主视图

更新前端拆分计划和 TRACKING 验证记录

docs/technical/【前端架构】图片画布编辑器前端拆分计划-2026-06-17.md

@@ -34,9 +34,17 @@
   - 承载画布素材导出的底层规则：文件名清理、日期格式、图片去重 key、Data URL 转 Blob、Blob 读取和图层导出元数据。
   - ZIP 组包和下载触发仍留在主视图，作为 UI 状态编排的一部分。
 
+## 第二阶段模块
+
+- `ImageCanvasSidebarView.tsx`
+  - 承载素材 / 图层共用左侧整合面板的 JSX，包括素材文件夹、新建 / 折叠 / 重命名 / 删除、上传入口、素材选择模式、框选层、批量删除、素材拖到文件夹和图层列表。
+  - 继续通过 props 调用主视图状态机，不接管上传、登录弹窗、持久化、拖到画布的坐标换算和图层历史记录。
+  - 保持“素材”和“图层”同一侧栏切换的 Lovart 式布局，不恢复右侧独立图层栏或左侧竖向工具栏。
+
+第二阶段以后，主视图仍是画布编排入口。继续拆分前应优先选择能形成稳定边界的深模块，避免把上传链路、DataTransfer、画布坐标和历史快照拆成互相回调的小碎片。
+
 ## 后续阶段
 
-- `ImageCanvasSidebarView`：素材 / 图层共用侧栏，等模型层稳定后再拆。
 - `ImageCanvasStageView`：画布 viewport、图层渲染、右键菜单和生成占位框，等交互回归覆盖更强后再拆。
 - `ImageCanvasGenerationDock`：底部 AI 工具栏和生成面板族，等生成对象状态机进一步收口后再拆。