Skip to content

feat: added collapse side bar feature#1621

Closed
JKFerland wants to merge 1 commit intodifferent-ai:devfrom
JKFerland:feat/collapse-side-bar
Closed

feat: added collapse side bar feature#1621
JKFerland wants to merge 1 commit intodifferent-ai:devfrom
JKFerland:feat/collapse-side-bar

Conversation

@JKFerland
Copy link
Copy Markdown

Summary

  • Persisted left sidebar collapse (narrow strip + expand chevron) alongside existing width resize; state in localStorage with width transition disabled while drag-resizing.
  • Animations: width easing + stacked crossfade/slide hints on collapse/expand; respects prefers-reduced-motion.
  • Workspace list: removed per-workspace “fold sessions only” chevron; sessions stay visible under each workspace.
  • Collapse control lives in the same action strip as workspace + / (selected row), with fallback row when selection is missing; session + settings sidebars wired the same via onToggleSidebarCollapse.

Why

  • Collapsing only inner session lists wasted space without gaining a wider main surface; collapsing the whole rail matches user expectation and frees room for chat/session UI.
  • Aligning the chevron with existing row controls keeps chrome consistent with the workspace row pattern and reduces visual noise.

Issue

Scope

  • apps/app/src/react-app/shell/workspace-shell-layout.tsleftSidebarCollapsed, effectiveLeftSidebarWidth, toggleLeftSidebar, leftSidebarResizeActive, WORKSPACE_LEFT_SIDEBAR_WIDTH_TRANSITION, persisted keys.
  • apps/app/src/react-app/domains/session/chat/session-page.tsx — aside layout, animations, passes onToggleSidebarCollapse.
  • apps/app/src/react-app/domains/session/sidebar/workspace-session-list.tsx — optional onToggleSidebarCollapse; inline control on selected workspace row + fallback strip.
  • apps/app/src/react-app/domains/settings/shell/settings-shell.tsx + apps/app/src/react-app/shell/settings-route.tsx — same collapse/animation contract and list prop wiring.

Out of scope

  • OpenCode/engine APIs (pure client shell + layout persistence).
  • Right-hand panels / todos / main session surface behavior beyond flex reflow when the rail narrows.

Testing

Ran

  • pnpm dev

Result

  • pass/fail: pass
  • if fail, exact files/errors: N/A

CI status

  • pass: N/A
  • code-related failures: N/A
  • external/env/auth blockers: N/A

Manual verification

  • Open and close side bar

Evidence

Screen.Recording.2026-04-29.at.8.36.04.PM.mov

Risk

  • Low simple UI change

Rollback

  • Revert the PR

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented Apr 30, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
openwork-landing Ready Ready Preview, Comment, Open in v0 Apr 30, 2026 3:37am

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented Apr 30, 2026

@JKFerland is attempting to deploy a commit to the Different AI Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link
Copy Markdown
Contributor

The following comment was made by an LLM, it may be inaccurate:

@src-opn
Copy link
Copy Markdown
Collaborator

src-opn commented May 6, 2026

Sorry, not really a fan of this implementation. forces the user to expand the bar when changing session/workspace
we have a designer onboard now, will see what they come up with.
thanks for the effort though

@src-opn src-opn closed this May 6, 2026
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.

[Feature]: Have Collapse Side Bar grant more screen real estate

2 participants