25 lines
2.3 KiB
Markdown
25 lines
2.3 KiB
Markdown
# 左侧菜单：侧栏收起/展开对标（2026-10-08）
|
||
|
||
本轮范围是侧栏切换入口和收起/展开行为；对话区仍按阶段进度收尾，不继续修改其内部实现。
|
||
|
||
## WorkBuddy 原生参照
|
||
|
||
真实WorkBuddy 5.7.6、CDP9223、1335×916：入口在左上角，展开和收起时均保留同一个按钮，分别提示“收起侧边栏”/“展开侧边栏”。按钮位置(8,3)、24×24，图标16×16，圆角8px，文字/图标黑70%；使用面板分栏向量，没有方向箭头。hover/active背景#0000000f、图标#000000e6，100ms颜色/背景过渡。
|
||
|
||
实测展开时当前侧栏宽240px；点击后侧栏完全隐藏，主区宽度扩展到1335px，没有保留图标窄栏。入口仍在原位置，第二次点击恢复侧栏。采集后还原原展开状态。私有原生证据`sidebar-toggle-wb.json`，位于`C:/Users/Administrator/.ygent/imports/render-audit-20261008/`。
|
||
|
||
## Ygent 本轮修改
|
||
|
||
- 移除左侧菜单底部的“收起侧栏”文字入口；底部设置保留。
|
||
- Titlebar左上固定一个原生button，展开/收起共用，切换提示和aria-expanded；aria-controls关联`ygent-sidebar`。
|
||
- 使用WorkBuddy原生SVG的面板路径，位置(8,3)、24×24/16×16、颜色、圆角和hover/active规则按实测接入。
|
||
- 侧栏继续通过隐藏容器收起，保留挂载；恢复时保留任务/项目展开状态，不切换会话或页面。切换按钮也不卸载，键盘焦点保留。
|
||
|
||
代码位置：`src/components/Titlebar.tsx`、`src/components/Sidebar.tsx`、`src/App.tsx`、`src/App.css`。未新增侧栏状态的重启持久化或快捷键，WB相应规则尚未核实。
|
||
|
||
## 验收与边界
|
||
|
||
真实Ygent Tauri WebView2、CDP9335、1335×916、DPR1：按钮在两态均为(8,3,24,24)、黑70%、圆角8；收起时host display:none、主区x0/w1335；按钮节点及焦点保持；恢复后侧栏为同一节点、当前会话/页面不变、底部不再出现旧入口。操作后还原原展开状态。私有证据`sidebar-toggle-yg-check.json`。前端编译检查随本轮执行。
|
||
|
||
本轮对齐的是入口和切换行为，不是整个左栏/标题栏已1:1：YG侧栏仍宽280px，WB当前实测240px；YG标题栏高40px，WB高30px，因此主区顶部分别y40/y30。左栏其他菜单、背景、项目层级、账号区域及窄窗响应另行对标，不能为此次入口修改直接外推。
|