fix(web): squad rail toggle disappears when collapsed — restore 48×48 hit area

[SymbolStar]

TL;DR

PR #70 让 squad rail 折叠后回不来：collapsed 状态下 .brand-title 和 .brand-settings-btn 用 visibility:hidden 想 fade 走，但 visibility:hidden 在 flex 容器里仍占 layout 空间，所以 .rail-collapse-btn 的 width:100% 实际只解析成约 9px——«/» 按钮视觉上消失也点不到。Scott 截图里 (574×875 自动折叠态) 的「折叠后就回不来了」就是这个原因。

Root cause

/* before */
body.squad-collapsed #squad-rail .brand-title,
body.squad-collapsed #squad-rail .brand-settings-btn {
  opacity: 0; transform: translateX(-8px);
  pointer-events: none; visibility: hidden;
}
body.squad-collapsed #squad-rail .rail-collapse-btn {
  width: 100%;   /* ← 在 flex 里被两个 hidden 兄弟挤占，实测渲染 9px */
  height: 48px; border-radius: 0;
}

puppeteer 实测 (1280px viewport, body.squad-collapsed):
toggle = { x: 26.20, y: 0, w: 9.04, h: 48 } — 9 像素宽的 toggle 用户根本看不到。

Fix

把 brand 行的两个 label 在 collapsed 时真正脱离 flex 流，用 display:none 取代 visibility:hidden；toggle 改 width:48px / min-width:48px 显式撑满 rail，font-size 调到 18px 便于点击。

body.squad-collapsed #squad-rail .brand-title,
body.squad-collapsed #squad-rail .brand-settings-btn {
  display: none;
}
body.squad-collapsed #squad-rail .rail-collapse-btn {
  width: 48px; min-width: 48px;
  height: 48px; border-radius: 0;
  font-size: 18px;
}

牺牲：这两个元素在折叠瞬间的 150ms fade 没了。但它们活在 48px 宽的 brand 行里，从 « 切到 » 的瞬间 fade 用户察觉不到——优先恢复可用性。其他 label（squad-name / section-label / new-squad-btn / status-text / unread-badge）的 fade 全部保留。

Verification (puppeteer)

viewport	bodyClass	toggle box	footer ⚙ box
1280×800 collapsed	squad-collapsed	(72,0) 48×48	(76,756) 40×40
1280×800 expanded	(none)	(90,13) 22×22	display:none
574×875 自动折叠	squad-collapsed	(72,0) 48×48	(76,831) 40×40

交互：

• 点 « (collapsed) → bodyClass = '' (expanded) ✓
• 再点 » (expanded) → bodyClass = 'squad-collapsed' ✓
• ⌘\ 切换 ✓
• localStorage openforge.sidebar.squad.collapsed 在 'collapsed' / 'expanded' 之间正确翻转 ✓

Token discipline

CSS 注释里说明了 brand 行 label 用 display:none 的取舍。其余 dark-mode 字面值纪律全部保留——没碰 --text-on-accent / color:inherit。

留给设计 review

@designer：folded brand 行现在永远是 toggle 全格 (48×48 + 18px font)，跟 mock-1280/1100 里 14px 圆形高亮的视觉重量略不同。如果你希望在 brand 行 toggle 也走 "icon+halo" 那种感觉，再开 follow-up；这次先把 P0 不可用堵掉。

附三张 puppeteer 截图：[[copilot/fix-collapsed-1280.png]] / [[copilot/fix-collapsed-574.png]] / [[copilot/fix-expanded-574.png]]

[github-actions]

🤖 bot-review (comment-only · phase 1)

Diff: 1 file changed, 13 insertions(+), 3 deletions(-) @ dd46714

Red-line checks:

• ✅ A-7.5: no new 'forbidden' code in xiaof

---

Phase 1: this bot leaves comments only. Auto-approve will be enabled per-path after 1–2 weeks of clean runs. Promotion plan: judy PR #42 follow-up.