Skip to content

feat(app): sidebar reveal animation, hover peek overlay, and weaker dividers#16374

Merged
adamdotdevin merged 13 commits intodevfrom
sidebar-updates
Mar 6, 2026
Merged

feat(app): sidebar reveal animation, hover peek overlay, and weaker dividers#16374
adamdotdevin merged 13 commits intodevfrom
sidebar-updates

Conversation

@iamdavidhill
Copy link
Contributor

Issue for this PR

Closes #

Type of change

  • Bug fix
  • New feature
  • Refactor / code improvement
  • Documentation

What does this PR do?

The sidebar now feels like it is always present underneath the main content instead of popping in, and the layout no longer pushes session content off-screen when the sidebar opens.

  • Desktop: the main area slides and shrinks to reveal the sidebar (session + filetree keep their widths; the review panel flexes to absorb the space change).
  • Desktop: hovering a project avatar brings back the peek sidebar overlay, animated as a slide-in over the main area, with a right-only shadow clipped to the main region.
  • UI polish: introduced border-weaker-base for subtle dividers and applied it to the session side panel dividers, terminal tabs divider, and the review tabs list divider.
  • Mobile web: sidebar uses the full device width with a max-width of 400px.

These changes work by keeping the sidebar rendered behind the main layer and animating the main layer’s left edge, so the viewport width stays stable while the review column takes the hit when space is tight.

How did you verify your code works?

  • bun run typecheck in packages/app
  • bun run typecheck in packages/ui

Screenshots / recordings

TODO: add a short recording showing open/close + hover peek overlay.

Checklist

  • I have tested my changes locally
  • I have not included unrelated changes in this PR

@adamdotdevin adamdotdevin changed the title Sidebar reveal animation, hover peek overlay, and weaker dividers feat(app): sidebar reveal animation, hover peek overlay, and weaker dividers Mar 6, 2026
@adamdotdevin adamdotdevin force-pushed the sidebar-updates branch 2 times, most recently from 3d0aae9 to 1f4fcf7 Compare March 6, 2026 20:51
@adamdotdevin adamdotdevin merged commit b0bc3d8 into dev Mar 6, 2026
12 of 14 checks passed
@adamdotdevin adamdotdevin deleted the sidebar-updates branch March 6, 2026 22:33
qdddddd pushed a commit to qdddddd/opencode that referenced this pull request Mar 7, 2026
…ividers (anomalyco#16374)

Co-authored-by: Adam <2363879+adamdotdevin@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants