Skip to content

Redesign sidebar toggle as overlay aligned with traffic lights#41

Merged
DorianZheng merged 1 commit intomainfrom
ui/sidebar-toggle-overlay
Mar 23, 2026
Merged

Redesign sidebar toggle as overlay aligned with traffic lights#41
DorianZheng merged 1 commit intomainfrom
ui/sidebar-toggle-overlay

Conversation

@DorianZheng
Copy link
Copy Markdown
Collaborator

Summary

  • Redesign sidebar toggle button as a single absolutely-positioned overlay in app-shell that smoothly slides between sidebar header and toolbar row positions
  • Align toggle button and toolbar content with macOS traffic light center (y=24px)
  • Fix Electron window-reopen crash ("Object has been destroyed") by recreating window on activate
  • Fix agent profile panel layout bug where sub-tab components inherited fixed-position styles
  • Match Electron/CSS background colors to eliminate visible rectangle border

Test plan

  • Toggle sidebar — button slides left to toolbar row when collapsed, right when expanded
  • Button and channel/agent name vertically align with macOS traffic lights
  • Button is clickable in both states (not blocked by drag region)
  • Close window and click dock icon — app reopens without crash
  • Agent profile panel displays section cards vertically (not horizontally)
  • Mobile viewport (<980px) — overlay button hidden
  • Settings view — overlay button hidden

…ffic lights

- Move sidebar toggle out of sidebar-panel and toolbar into a single
  absolutely-positioned overlay button in app-shell that slides between
  the sidebar header position and the toolbar row when collapsed
- Align toggle button and toolbar content vertically with macOS traffic
  light center (y=24px) by reducing --toolbar-height to 48px
- Add native-traffic-lights class to workspace for CSS-aware positioning
- Fix Electron window-reopen crash (Object destroyed) by checking
  isDestroyed() in activate handler and recreating window
- Match Electron backgroundColor with --app-canvas to eliminate visible
  rectangle around content area
- Fix agent profile panel layout bug: scope :host fixed-position styles
  to agent-profile-panel only so sub-tab components render as blocks
@DorianZheng DorianZheng merged commit aca7fcb into main Mar 23, 2026
1 check failed
@DorianZheng DorianZheng deleted the ui/sidebar-toggle-overlay branch March 23, 2026 01:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant