Skip to content

apps/ui: right-align user prompts in conversation view - #3145

Merged
youknowriad merged 1 commit into
trunkfrom
claude/quirky-kowalevski-2d2f24
Apr 20, 2026
Merged

apps/ui: right-align user prompts in conversation view#3145
youknowriad merged 1 commit into
trunkfrom
claude/quirky-kowalevski-2d2f24

Conversation

@youknowriad

@youknowriad youknowriad commented Apr 20, 2026

Copy link
Copy Markdown
Contributor

Related issues

  • Related to #

How AI was used in this PR

Used Claude Code to flip the user-bubble alignment in the session conversation view.

Proposed Changes

  • User prompts in the session conversation now align to the right (`align-self: flex-end`) with a bottom-right tight corner and an 80% max-width, so they read as originating from the user side of the conversation instead of the assistant side.

Testing Instructions

  • Run `npm start`, open a session with existing prompts, and confirm user-prompt bubbles render on the right while assistant text remains on the left.
  • Send a new prompt and verify the new bubble appears right-aligned as well.

Pre-merge Checklist

  • Have you checked for TypeScript, React or other console errors?
@youknowriad @claude
apps/ui: right-align user prompts in conversation view
080d9d9 
Flip user bubbles to align-self: flex-end with bottom-right tight
corner, cap at 80% width so prompts read as originating from the user
side of the conversation.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@youknowriad
youknowriad merged commit 0c8504e into trunk Apr 20, 2026
4 of 6 checks passed
@youknowriad
youknowriad deleted the claude/quirky-kowalevski-2d2f24 branch April 20, 2026 10:54
@wpmobilebot

wpmobilebot commented Apr 20, 2026

Copy link
Copy Markdown
Collaborator

📊 Performance Test Results

Comparing 080d9d9 vs trunk

app-size

Metric trunk 080d9d9 Diff Change
App Size (Mac) 1439.62 MB 1439.62 MB +0.00 MB ⚪ 0.0%

site-editor

Metric trunk 080d9d9 Diff Change
load 1558 ms 1591 ms +33 ms ⚪ 0.0%

site-startup

Metric trunk 080d9d9 Diff Change
siteCreation 8156 ms 8128 ms 28 ms ⚪ 0.0%
siteStartup 4941 ms 4947 ms +6 ms ⚪ 0.0%

Results are median values from multiple test runs.

Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change (<50ms diff)
youknowriad added a commit that referenced this pull request Apr 20, 2026
@youknowriad @claude
apps/ui: right-align queued-prompt bubbles to match user bubbles
b6fb5d0 
Mirror the .userText change from #3145 on the faint queued variant so
the two bubble styles read as the same column on the right, with
queued items sitting just above the composer as drafts-in-waiting.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

2 participants

@youknowriad @wpmobilebot