Repository navigation
feat(app): hover pill on resize handles and a wider sidebar range - #57343
Merged
Merged
Conversation
kitlangton
force-pushed
the
resize-handles
branch
from
October 20, 2026 17:45
c0828cd to
551937e
Compare
kitlangton
marked this pull request as ready for review
October 20, 2026 19:21
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Why
Kit compared our resize boundaries with Claude's desktop app. Claude shows a small pill on a boundary after a short hover, and it brightens while you drag. Its panes also resize across a much wider range. Ours showed nothing on hover. At a 1280 px window with the side panel open, the chat/side divider couldn't move at all: split diffs reserve 800 px for the side panel, so the chat panel was already at its 450 px floor.
What Changes
packages/uiResizeHandle): a 4 × 40 px pill centred on the handle. It fades in 200 ms into a hover (150 ms ease-out) inicon-muted, and brightens toicon-basewhile dragging. When the drag ends or the pointer leaves, it fades out over 110 ms. The hit area stays 8 px withcol-resize/row-resize, and the cursor holds while dragging. It only changes opacity and colour, so nothing shifts.Scope
Desktop web/Electron layout only. No new settings, no API change and no theme token changes (uses the existing
--v2-icon-icon-muted/--v2-icon-icon-base).Verification
bun typecheck(app, ui),bun test src/session/session-panel-width.test.tswith new cases for dragged widths,bun run lint:changed origin/beta.tabs.spec.tsnow covers the new sidebar min (120) and max (640). The labels still fit at 140.