Skip to content

feat(chat): Replace button with shared component - #262

Open
kaapi-agent-bot[bot] wants to merge 1 commit into
mainfrom
agent/ui-fix-261
Open

kaapi-agent-bot[bot] wants to merge 1 commit into
mainfrom
agent/ui-fix-261

Conversation

@kaapi-agent-bot

@kaapi-agent-bot kaapi-agent-bot Bot commented Sep 15, 2026

Copy link
Copy Markdown

Issue

Closes #261

Summary

  • Replaces the hand-rolled outline-style <button> for "New chat" with the shared Button component.
    • Uses the default primary variant and sm size.
    • Renders as a solid accent background instead of a faint outline.
  • Ensures consistency with the app's UI.

Checklist

Before submitting a pull request, please ensure that you mark these task.

  • Ran npm run dev and npm run build in the repository root and test.
  • If you've fixed a bug or added code that is tested
Original PR description

Summary

  • Replaces the hand-rolled outline-style <button> for "New chat" in the Chat page header with the shared Button component (app/components/ui/Button.tsx), using its default primary variant and sm size.
  • The button now renders as a proper primary action (solid accent background) instead of a faint outline, consistent with the rest of the app's UI.

Closes #261

Test plan

  • npm run lint passes with no new errors
  • npm run build passes
  • Manually verify in the browser that the "New chat" button appears with the primary style and still triggers handleNewChat correctly

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@coderabbitai

coderabbitai Bot commented Sep 15, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are limited based on label configuration.

🏷️ Required labels (at least one) (1)
  • ready-for-review

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: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Advanced

Run ID: 80cb56c6-d23a-4ac3-afac-728587cc98d7

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

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.

@github-actions github-actions Bot changed the title fix: use primary Button component for New chat action feat(chat): Replace button with shared component Sep 15, 2026
@Ayush8923

Copy link
Copy Markdown
Collaborator

So this PR is generated by the Kaapi-Agent, will merge if everything good.

This branch has not been deployed

No deployments
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.

Chat: Update primary button style

1 participant