Skip to content

feat(agenticChat): soften border radii across primary surfaces (SS-5650)#12334

Closed
twblack88 wants to merge 1 commit into
developfrom
cursor/soften-border-radii-d75b
Closed

feat(agenticChat): soften border radii across primary surfaces (SS-5650)#12334
twblack88 wants to merge 1 commit into
developfrom
cursor/soften-border-radii-d75b

Conversation

@twblack88
Copy link
Copy Markdown
Contributor

Description

Softens border radii throughout the agentic chat UI to make surfaces feel cohesive and less sharp. Applies a two-tier bump:

  • Prominent surfaces (Composer prompt box, chat window, drawer chat button): xl2xl
  • Secondary surfaces (tool cards, user message bubbles, search input): lgxl
  • Minor/internal surfaces (conversation list highlights, code blocks, table borders, inner containers): mdlg

Files changed

File Change
Composer.tsx xl2xl — main prompt box is now the most visually soft element
AgenticChatWindow.tsx xl2xl — floating chat window container
DrawerChatButton.tsx xl2xl — AI Chat entry button
Chat.tsx lgxl — user message bubbles
DrawerChatHistory.tsx search input lgxl; conversation item highlights mdlg
DisplayToolCard.tsx lgxl — tool result cards
TxStepCard.tsx root lgxl; step row mdlg
ReceiveUI.tsx inner containers mdlg
Markdown.tsx tables and code blocks mdlg

Issue (if applicable)

closes SS-5650

Risk

Low — pure visual styling changes. No logic, state, or API interactions affected. All changes are within the agenticChat feature which is behind the AgenticChat feature flag.

Testing

Engineering

Enable the AgenticChat feature flag locally and visually verify:

  • Composer (prompt input box) has visibly softer/rounder corners
  • Floating chat window has rounder corners
  • Tool result cards (swap, send, receive, tx steps) have rounder corners
  • User message bubbles are rounder
  • Chat history search input and conversation list highlights are rounder
  • Markdown tables and code blocks are slightly rounder

Operations

  • 🏁 My feature is behind a flag and doesn't require operations testing (yet)

Visual QA: open the AI Chat drawer/window, send a message, inspect the Composer box, New Chat button, Connect Wallet button, tool cards, and conversation list — all should feel cohesively softer with no hard edges or clipping artifacts.

Screenshots (if applicable)

Linear Issue: SS-5650

Open in Web Open in Cursor 

- Bump Composer box: xl → 2xl (most prominent surface)
- Bump AgenticChatWindow floating container: xl → 2xl
- Bump DrawerChatButton: xl → 2xl
- Bump user message bubbles in Chat: lg → xl
- Bump search input in DrawerChatHistory: lg → xl
- Bump conversation list item active highlights: md → lg
- Bump DisplayToolCard root: lg → xl
- Bump TxStepCard root: lg → xl; step row highlight: md → lg
- Bump ReceiveUI inner containers: md → lg
- Bump Markdown table/code blocks: md → lg

Resolves SS-5650

Co-authored-by: Tim B | FBL <timothy.william.black@gmail.com>
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented May 12, 2026

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 879611e0-6f94-4b15-bbc2-ad1f888afb85

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch cursor/soften-border-radii-d75b

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

  • Generate code and open pull requests
  • Plan features and break down work
  • Investigate incidents and troubleshoot customer tickets together
  • Automate recurring tasks and respond to alerts with triggers
  • Summarize progress and report instantly

Built for teams:

  • Shared memory across your entire org—no repeating context
  • Per-thread sandboxes to safely plan and execute work
  • Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started


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

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

@twblack88 twblack88 closed this May 12, 2026
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.

2 participants