improvement(ui): reuse inline and overlay workflow actions

[BillLeoutsakosvl346]

Generate and version actions now use Button size="inline". Generate retains its 20px height with slightly smaller horizontal padding; version actions use 20px height and shared neutral text colors. Workflow previews compose the existing OverlayActionButton: 24→28px, transparent resting fill with blur and shared theme-aware hover. Positioning, tooltips, labels, refs, disabled states and handlers remain unchanged.

All workspace type checks, lint, import/API validation and the complete EMCN suite pass. All 43 relevant sub-block/deployment tests pass. Browser fixtures use the actual preview wrapper and equivalent small-action JSX with local handlers. Light/dark, keyboard activation, focus, hover, disabled controls and enlarged text were checked. Backend generation/deployment and authenticated navigation were not exercised. The viewport override did not apply during this session; narrow viewport coverage remains incomplete.

Both external linters ran against the actual target: all ten targeted overrides removed (796 → 786 total findings), no added full-scan findings and zero diff-checker violations. No linters or review artifacts are included.

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

[cubic-dev-ai]

No issues found across 3 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; the changes are behavior-preserving design-system consolidations with no actionable regressions identified.

Summary

This PR consolidates workflow UI actions onto existing EMCN component variants while preserving their behavior.

• Uses the canonical 20px inline Button size for version and Generate actions.
• Reuses OverlayActionButton for workflow-preview corner actions, increasing them from 24px to 28px and adopting shared overlay styling.
• Keeps existing labels, tooltips, handlers, refs, disabled states, and positioning intact.

_{Reviews (1) · Last reviewed commit: "improvement(ui): reuse inline and overla..."}

[BillLeoutsakosvl346]

Before → after visual checks for 08b4f43. The preview uses the actual wrapper; Generate/version controls reproduce the production JSX with local handlers. Light/dark, hover, keyboard focus/activation, disabled states and enlarged text checked. Generation/deployment services and authenticated workflow navigation were not exercised. The browser viewport override did not apply, so narrow-viewport coverage is incomplete.

Intentional differences: inline actions use shared 20px geometry and neutral text; Generate has slightly less horizontal padding. Preview action grows 24→28px and adopts the existing transparent/blur overlay treatment.

Light — before left, after right:

Dark — before left, after right:

Small actions, 2× enlarged crop:

Preview hover, 3× enlarged crop: