improvement(ui): use shared geometry for standard icon actions

[BillLeoutsakosvl346]

Document/image toolbars, microphone and public-chat actions, and playground buttons now use Button geometry props instead of repeating size, padding and corner classes. Existing event handlers, refs, ARIA state, recording animation and image-resize behavior are preserved.

• Desktop actions keep their 28px/32px targets; document toolbar and image-resize controls keep their 40px mobile targets.
• Toolbar and microphone actions use the existing quiet/active neutral treatments. Their hover fill is intentionally shared; formerly fixed 28px actions now scale to 35px with a 20px root font.
• The document toolbar focus treatment and image handle's bottom/right alignment remain explicit local exceptions.

Validation: all workspace type checks, import/API audits, lint and the complete EMCN suite passed; 76 relevant consumer tests passed. The diff design checker reports no new violations, and the full scan removes 19 styling findings with none added. Light/dark, hover, selected, disabled, keyboard focus, mobile and enlarged-text comparisons use actual components in local fixtures; dragging the actual TipTap image handle produces matching 240×120 images. No microphone recording or backend messaging was exercised. Before/after images are posted in a separate review comment.

[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:18pm UTC

[cubic-dev-ai]

No issues found across 7 files

Confidence score: 5/5

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

_{Re-trigger cubic}

[greptile-apps]

Confidence Score: 5/5

The PR appears safe to merge with no actionable correctness, security, or repository-rule issues identified.

Summary

This PR replaces repeated icon-action sizing, padding, and corner classes with shared Button geometry properties across chat, playground, document editing, and microphone controls.

• Preserves desktop and responsive touch-target dimensions.
• Keeps image-resize positioning and pointer behavior local to the image control.
• Adopts the shared quiet/active treatments for toolbar and microphone actions.
• Updates focused consumer tests to assert the generated shared geometry.

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

[BillLeoutsakosvl346]

Before (left) / after (right), light and dark. Actual product components with local state; playground actions are equivalent isolated JSX. Desktop 28/32px and mobile 40px targets are preserved. Shared neutral hover is intentional. Table header is unchanged context after its prerequisite fix.

2× enlarged controls (original pixels):

Matched hover state, 2× enlargement:

Captured from base 2365885c52 and head 65d9681615. The full local gallery also contains keyboard focus, disabled/selected states, 390px mobile, enlarged text and real image drag resizing (both 200×100 → 240×120). No microphone recording or backend messaging was exercised.