forked from molecule-ai/molecule-core
Four UIUX fixes for the EC2 console modal: 1. Copy and Close buttons had hover:bg-surface-card on TOP of the same base bg-surface-card — silent no-op hover. Lifted to surface-elevated + line-soft border, matching ConfirmDialog's Cancel pattern. The button visibly responds now. 2. Copy button silently succeeded — no toast, no animation, no UI feedback. Operators clicking it had no idea whether anything landed in the clipboard. Now fires showToast on resolve/reject so the action is observable. 3. × close button was ~10x16px (well under WCAG 2.5.5's 24x24). Bumped to w-6 h-6 with focus-visible ring + hover bg. 4. Added focus-visible:ring-accent/60 + ring-offset-surface to all three buttons so keyboard users see focus. Matches the semantic ring pattern used across the canvas. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| e2e | ||
| public | ||
| src | ||
| .env.example | ||
| .gitignore | ||
| components.json | ||
| Dockerfile | ||
| next.config.ts | ||
| package-lock.json | ||
| package.json | ||
| playwright.config.ts | ||
| playwright.staging.config.ts | ||
| postcss.config.js | ||
| tsconfig.json | ||
| vitest.config.ts | ||