Skip to content

fix(desktop): refine chat panel chrome#5430

Merged
ComputelessComputer merged 1 commit into
mainfrom
fix/right-panel-chat-surface
Jun 1, 2026
Merged

fix(desktop): refine chat panel chrome#5430
ComputelessComputer merged 1 commit into
mainfrom
fix/right-panel-chat-surface

Conversation

@ComputelessComputer
Copy link
Copy Markdown
Collaborator

@ComputelessComputer ComputelessComputer commented Jun 1, 2026

Use the modal dark surface for the docked chat panel, remove its side inset and right padding, square its top-left corner, fix the docked panel icon button, and restore the floating panel toolbar and resize affordance polish.


Note

Low Risk
Mostly UI, layout, and tab/chat-mode behavior with broad unit test coverage; no auth, data, or security-sensitive paths.

Overview
Aligns floating and docked chat on the same dark stone modal chrome: the right panel shell, ChatView, toolbar, empty state, and assistant bubbles all treat RightPanelOpen like the floating dark surface instead of a light docked layout.

Docked panel layout drops side insets and light borders in favor of flush border-x / rounded-tr-xl styling, with balanced px-3 padding on body, context bar, input, and toolbar in right-panel mode.

Floating panel is anchored bottom-center (not bottom-right), with bottom corner resize handles and corner indicators removed; resize behavior tests were updated accordingly.

Toolbar uses pill title and circular ghost actions with aria-label (tooltips removed on dark actions).

Tab navigation collapses open chat to FloatingClosed when navigating to Settings, not only when switching session tabs.

Reviewed by Cursor Bugbot for commit c6fdf38. Bugbot is set up for automated code reviews on this repo. Configure here.

@netlify
Copy link
Copy Markdown

netlify Bot commented Jun 1, 2026

Deploy Preview for old-char canceled.

Name Link
🔨 Latest commit c6fdf38
🔍 Latest deploy log https://app.netlify.com/projects/old-char/deploys/6a1d69b5f8aca0000828d845

Copy link
Copy Markdown

@cursor cursor Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit 9c5cdcd. Configure here.

return null;
}
}

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Centered panel breaks edge resize

Medium Severity

The floating chat frame now centers the panel with justify-center, but getResizedSize still applies edge-based width and height deltas as if one side stays fixed. Dragging the left, right, or top corner handles changes size while the panel re-centers, so the edge under the pointer no longer tracks the drag.

Fix in Cursor Fix in Web

Reviewed by Cursor Bugbot for commit 9c5cdcd. Configure here.

Use the modal dark surface for the docked chat panel, remove its outer side inset and top border, square its top-left corner, match the note header height, fix the docked panel icon button, balance the right-panel chat internal spacing, and collapse chat when opening settings.
@ComputelessComputer ComputelessComputer force-pushed the fix/right-panel-chat-surface branch from 9c5cdcd to c6fdf38 Compare June 1, 2026 11:14
@ComputelessComputer ComputelessComputer merged commit 0b47daf into main Jun 1, 2026
10 checks passed
@ComputelessComputer ComputelessComputer deleted the fix/right-panel-chat-surface branch June 1, 2026 11:48
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