Skip to content

fix(web): clicking the Other swatch no longer expands the Other row

MacroscopeApp / Macroscope - UI Consistency completed Oct 6, 2026 in 4m 0s

UI Consistency: 3 primitive violations

apps/web/src/components/usage/UsageExplorer.tsx: Three raw controls should use shared UI primitives: the provider checkbox (Checkbox), filter-chip dismiss button (Button), and model-name action (InlineButton). Inline review comments were posted; a follow-up comment corrects two misplaced anchors.

Details

Warning

  • Invalid effort level "max" in front matter. Fell back to "low". Valid values are: low, medium, high.

Note

Your check run agent prompt is: .macroscope/check-run-agents/ui-consistency.md
More information about how Check Run Agents work can be found in our Help Center.

Reviewed all 5 changed files (no prior completed review)


πŸ” Agent activity β€” 11 tool calls

πŸ’­ Evaluating button styling I need to focus on making the raw buttons clearly styled. The raw buttons in the explorer mostly serve semantic functions with swatches and disclosures. I’m thinking about how the "chip" styled buttons might need to match the standard button styles. Maybe I should inspect the primitives and consider using quick views for those controls. It seems like a good idea to ensure everything feels cohesive for the user experience.

1. browse_code β€” apps/web/src/components/ui/button.tsx

2. browse_code β€” apps/web/src/components/usage/UsageExplorer.tsx

πŸ’­ Evaluating UI components I'm thinking about whether the chip is just a tiny button and if it's a custom container rather than a primitive. It seems likely that the badge could be more of a primitive element. It's essential to consider how the raw button can be styled to control its look and whether the Checkbox primitive can be styled in a way that matches the checkbox.

3. browse_code β€” apps/web/src/components/ui/heckbox

πŸ’­ Considering UI changes I'm thinking about the UI design here. I want to report a checkbox and dismiss option, and maybe use an InlineButton instead of the raw underlined format. The explicit model name could also be styled as an underline within the inline button. I'm pondering that the raw buttons should have semantic disclosures or swatches. Should I consider column headers as sort semantic headers instead of primitive ones? Oh, and I plan to report three items altogether.

4. modify_pr β€” Submitted review with 3 inline comments

5. browse_code β€” apps/web/src/components/usage/UsageExplorer.tsx

πŸ’­ Fixing comment issues Oh no, I posted the wrong comment on the checkbox! I need to fix that, but it looks like I can't modify it since the comment ID is not available. Should I post a follow-up review to correct it without creating duplicates? The wrong comment is misleading, so it feels important to clarify in the review line. I’ll figure out how to handle this correctly!

6. modify_pr β€” Correction: the checkbox finding in this review refers to the raw <input type="checkbox"> at line 1165, not the provider-label button at line 1183. β€” not performed: the agent's request was refused before it ran

7. browse_code β€” apps/web/src/components/usage/UsageExplorer.tsx

8. modify_pr β€” Correction to my UI Consistency review: two inline anchors landed on unrelated lines. The checkbox finding concerns apps/web/src/components/usage/UsageExplorer.tsx:1165 (<input type="checkbox">), not line 1183. The model-name action finding concerns the raw <button> around line 1652, not line 1715. The dismiss-button finding at line 907 is correctly anchored.

9. browse_code β€” apps/web/src/components/usage/UsageExplorer.tsx

10. browse_code β€” apps/web/src/components/usage/UsageExplorer.tsx

11. modify_pr β€” PATCH repos/{owner}/{repo}/issues/comments/6020891927


Agent Credits: 47 credits

Token usage: 33 uncached input Β· 929,366 cache-read input Β· 97,084 cache-write input Β· 1,394 output
Agent Credits may also include non-token charges from external tools such as web research.