[fix/feat:ui] Use shared button for model favorites

[sandersonstabo]

What changed

The model picker favorite action now uses the shared Button component with variant="ghost" and icon sizing, as the previous had improper padding and was using its own button style compared to the rest of the app.

Why

This keeps the favorite control aligned with the rest of the compact icon buttons in the picker.

UI changes

Before:

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; vp run typecheck passed locally before splitting these PRs.

Note

Replace native button with shared Button component for model favorites toggle

Swaps the hand-rolled native <button> in ModelListRow.tsx for the shared Button component with size="icon-xs" and variant="ghost". Hover styling changes as a result — background-related classes are removed and transitions now cover only color and opacity.

^{Macroscope summarized 36cf742.}

---

Note

Low Risk
Localized UI-only change in the model picker with no logic or data-path impact.

Overview
The model picker favorite star in ModelListRow now uses the shared Button with size="icon-xs" and variant="ghost" instead of a custom native <button>.

Custom padding, sizing, and hover background classes are dropped in favor of the shared icon button styles. Row-specific classes still handle muted/opacity behavior and the filled star when favorited. Click, keyboard, disabled, and aria behavior is unchanged.

^{Reviewed by Cursor Bugbot for commit 36cf742. Bugbot is set up for automated code reviews on this repo. Configure here.}

[coderabbitai]

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: 34b23a3d-e68d-42df-b866-ebb22b1d459f

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

• X
• Mastodon
• Reddit
• LinkedIn

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

[macroscopeapp]

Approvability

Verdict: Approved

This is a simple UI refactor replacing a raw HTML button with the shared Button component for styling consistency. The change is purely presentational with no behavior modifications.

^{You can customize Macroscope's approvability policy. Learn more.}