improvement(ui): use regular geometry for browser actions

[BillLeoutsakosvl346]

BrowserToolbarButton now uses the shared regular Button geometry instead of local 30px sizing and zero-padding classes. Navigation and utility actions are 28px at default text size; ghost-secondary colors, corners, SVG strokes, shrink behavior, labels, refs, native events and type="button" are retained.

Validation: all workspace types, lint, import/API audits and the complete EMCN suite pass; 120 browser consumer tests pass. Both design linters ran against the actual target and the full scan removes the two targeted overrides with none added. Light/dark, hover, disabled, enlarged-text and 390px comparisons use the actual wrapper with local handlers. An EMCN menu composition verifies ArrowDown opening, Escape closing and focus restoration. No remote browser session or real navigation service was exercised. Before/after screenshots are posted in a separate comment; artifacts and linters are outside the PR.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated
docs	Skipped		Sep 22, 2026 8:43pm UTC

[greptile-apps]

Confidence Score: 5/5

The PR appears safe to merge; the geometry migration is consistent with the shared Button API and preserves existing toolbar semantics.

Summary

Browser toolbar actions now use the shared regular Button geometry instead of local fixed sizing.

• Replaces size-[30px] p-0 with iconSize='regular', producing the canonical 28px square action geometry.
• Preserves shrink behavior, the existing ghost-secondary treatment, small-size typography and corners, caller classes, native button properties, and forwarded refs.

_{Reviews (1) · Last reviewed commit: "improvement(ui): use regular geometry fo..."}

[cubic-dev-ai]

No issues found across 1 file

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

_{Re-trigger cubic}

[BillLeoutsakosvl346]

Before → after at the same viewport. Browser toolbar actions now use the shared 28px geometry (previously 30px); colors, corners, labels, refs and handlers stay unchanged. These captures render the actual wrapper with local handlers. Remote browser navigation was not exercised.

Light:

Dark:

2× close-up, light:

2× close-up, dark hover (each hovered control captured separately):

Also checked: 390px viewport, 20px root text, disabled actions, ArrowDown/Escape and menu-trigger focus restoration. These checks do not assert remote-session behavior.