Skip to content

[fix/feat:ui] Show default option badge#3232

Open
sandersonstabo wants to merge 1 commit into
pingdotgg:mainfrom
sandersonstabo:sanderson/feat-ui-default-option-badge
Open

[fix/feat:ui] Show default option badge#3232
sandersonstabo wants to merge 1 commit into
pingdotgg:mainfrom
sandersonstabo:sanderson/feat-ui-default-option-badge

Conversation

@sandersonstabo

@sandersonstabo sandersonstabo commented Jun 20, 2026

Copy link
Copy Markdown
Contributor

What changed

Default picker options now show a compact Default badge instead of appending (default) to the option label.

Why

The badge keeps the option label clean and makes the default state easier to scan in dense menus.

UI changes

Before:

Before

After:

After

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Testing

vp check apps/web/src/components/chat/TraitsPicker.tsx

Note

Show a styled 'Default' badge for default options in TraitsPicker

Replaces the plain text (default) suffix on trait options with a styled Badge component. A new DefaultBadge component in TraitsPicker.tsx renders an outlined badge labeled 'Default' next to the option label when option.isDefault is true.

Macroscope summarized bdd58b1.


Note

Low Risk
Presentation-only change in TraitsPicker menu labels with no logic or persistence impact.

Overview
In the chat TraitsPicker select menus, default trait options no longer append (default) to the option label. When option.isDefault is true, a compact outlined Default badge appears beside the label instead.

A small DefaultBadge helper wraps the shared Badge component with muted styling sized for dense menu rows.

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

@coderabbitai

coderabbitai Bot commented Jun 20, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. 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: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: bb75cce7-f79e-4ec0-8021-1a593760a374

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

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.

@github-actions github-actions Bot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:S 10-29 changed lines (additions + deletions). labels Jun 20, 2026
@sandersonstabo sandersonstabo marked this pull request as ready for review June 20, 2026 08:16
@macroscopeapp

macroscopeapp Bot commented Jun 20, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved

Purely cosmetic UI change replacing plain text "(default)" with a styled Badge component. No runtime behavior changes - just visual presentation.

You can customize Macroscope's approvability policy. Learn more.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:S 10-29 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant