Skip to content

fix(desktop): give v2 chat pane full width#3859

Merged
saddlepaddle merged 1 commit into
mainfrom
fix-chat-sessions-width
Apr 29, 2026
Merged

fix(desktop): give v2 chat pane full width#3859
saddlepaddle merged 1 commit into
mainfrom
fix-chat-sessions-width

Conversation

@saddlepaddle
Copy link
Copy Markdown
Collaborator

@saddlepaddle saddlepaddle commented Apr 29, 2026

Summary

  • v2 ChatPaneInterface root sat inside PaneContent's row-direction flex with no width directive, so it sized to its intrinsic content and the chat appeared smushed. Added w-full to match every other v2 pane (TerminalPane, FilePane, etc.).
  • Restored w-full on the v2 SessionSelector trigger button — present in v1 but dropped in the port.

Test plan

  • Open a v2 workspace chat pane and confirm the message list, composer, and session selector fill the pane width
  • Resize/split the pane and confirm content reflows instead of clipping

Summary by cubic

Fixes the v2 chat pane width so the message list, composer, and session selector span the full pane. Prevents the smushed layout and clipping when panes are split or resized.

  • Bug Fixes
    • Add w-full to the ChatPaneInterface root inside the row-direction flex.
    • Restore w-full on the SessionSelector trigger button.

Written for commit 5a9372f. Summary will update on new commits. Review in cubic

Summary by CodeRabbit

  • Style
    • Improved chat interface layout and width handling for better visual presentation and alignment.

The v2 ChatPaneInterface root sat inside PaneContent's row-direction
flex with no width directive, so it sized to its intrinsic content and
the chat appeared smushed. Add w-full to match every other v2 pane;
also restore w-full on the SessionSelector trigger button.
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Apr 29, 2026

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: cd412a26-5078-4654-829d-7dd85b668d09

📥 Commits

Reviewing files that changed from the base of the PR and between 533e00f and 5a9372f.

📒 Files selected for processing (2)
  • apps/desktop/src/renderer/routes/_authenticated/_dashboard/v2-workspace/$workspaceId/hooks/usePaneRegistry/components/ChatPane/components/SessionSelector/SessionSelector.tsx
  • apps/desktop/src/renderer/routes/_authenticated/_dashboard/v2-workspace/$workspaceId/hooks/usePaneRegistry/components/ChatPane/components/WorkspaceChatInterface/ChatPaneInterface.tsx

📝 Walkthrough

Walkthrough

Two styling updates to ChatPane components add w-full Tailwind class to the SessionSelector dropdown trigger button and ChatPaneInterface root container, adjusting layout width behavior.

Changes

Cohort / File(s) Summary
ChatPane Styling Updates
apps/desktop/src/renderer/routes/_authenticated/_dashboard/v2-workspace/$workspaceId/hooks/usePaneRegistry/components/ChatPane/components/SessionSelector/SessionSelector.tsx, apps/desktop/src/renderer/routes/_authenticated/_dashboard/v2-workspace/$workspaceId/hooks/usePaneRegistry/components/ChatPane/components/WorkspaceChatInterface/ChatPaneInterface.tsx
Added w-full Tailwind class to dropdown trigger button and root container to ensure full-width layout behavior.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐰 A rabbit hopped through styles so neat,
Adding widths to make layouts complete,
w-full here, w-full there,
Chat panes stretching everywhere! 🎨

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix-chat-sessions-width

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
Review rate limit: 5/8 reviews remaining, refill in 17 minutes and 7 seconds.

Comment @coderabbitai help to get the list of available commands and usage tips.

@greptile-apps
Copy link
Copy Markdown

greptile-apps Bot commented Apr 29, 2026

Greptile Summary

Two one-line Tailwind fixes restore full-width layout for the v2 chat pane: w-full is added to ChatPaneInterface's root <div> so it expands to fill PaneContent's flex row, and w-full is restored to the SessionSelector trigger button that was dropped during the v1 → v2 port. Both changes are minimal and match the layout pattern already used by other v2 panes.

Confidence Score: 5/5

Safe to merge — two isolated Tailwind class additions with no logic changes.

Both changes are single-class additions that restore intended layout behaviour. No logic, state, or data-flow is touched, and no issues were found.

No files require special attention.

Important Files Changed

Filename Overview
apps/desktop/src/renderer/routes/_authenticated/_dashboard/v2-workspace/$workspaceId/hooks/usePaneRegistry/components/ChatPane/components/WorkspaceChatInterface/ChatPaneInterface.tsx Adds w-full to the root <div> of ChatPaneInterface so it fills PaneContent's flex container width instead of collapsing to intrinsic size.
apps/desktop/src/renderer/routes/_authenticated/_dashboard/v2-workspace/$workspaceId/hooks/usePaneRegistry/components/ChatPane/components/SessionSelector/SessionSelector.tsx Restores w-full on the DropdownMenuTrigger button that was present in v1 but lost during the v2 port, ensuring the session selector fills the header bar width.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    PC["PaneContent\n(flex-row container)"]
    CPI["ChatPaneInterface\n(+w-full added)"]
    CML["ChatMessageList"]
    SS["SessionSelector trigger button\n(+w-full restored)"]
    PE["PromptEditor / Composer"]

    PC --> CPI
    CPI --> CML
    CPI --> SS
    CPI --> PE
Loading

Reviews (1): Last reviewed commit: "fix(desktop): give v2 chat pane full wid..." | Re-trigger Greptile

@saddlepaddle saddlepaddle merged commit d6815bd into main Apr 29, 2026
5 of 7 checks passed
@github-actions
Copy link
Copy Markdown
Contributor

🧹 Preview Cleanup Complete

The following preview resources have been cleaned up:

  • ⚠️ Neon database branch

Thank you for your contribution! 🎉

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