molecule-core/canvas/src/components/tabs
Dev Lead Agent 5606b1031b fix(canvas): WCAG critical — ARIA live toasts, dialog focus trap, keyboard nav
Addresses the three release-blocking WCAG violations from the UX audit
(3rd consecutive cycle) and the new ChatTab ARIA gap from Audit #2.

Changes:
- Toaster: split into polite (success/info) + assertive (error) live
  regions, both always in DOM so screen readers register them before
  any toast fires. Adds x dismiss button on every toast. Errors no
  longer auto-expire after 4s — persist until explicitly dismissed.
- ConfirmDialog: on open, requestAnimationFrame focuses the first
  button inside the dialog. Tab/Shift-Tab is now trapped inside the
  dialog while open. Added role="dialog" aria-modal="true" and
  aria-labelledby pointing to the title h3.
- WorkspaceNode: outer div gains role="button", tabIndex={0},
  aria-label, aria-pressed, and onKeyDown (Enter/Space => selectNode,
  ContextMenu key => openContextMenu). Keyboard-only users can now
  reach and activate workspace nodes.
- ChatTab sub-tab bar: role="tablist" on wrapper, role="tab" +
  aria-selected + aria-controls on each button, matching
  role="tabpanel" + id on each panel div. Textarea gets
  aria-label="Message to agent".

453/453 Vitest tests pass. Production build clean (Next.js 15).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-15 08:31:06 +00:00
..
chat initial commit — Molecule AI platform 2026-04-13 11:55:37 -07:00
config fix: workspace parent combobox, WCAG button text minimum 11px 2026-04-14 07:27:49 +00:00
FilesTab refactor(canvas): split 650-line FilesTab.tsx into focused components 2026-04-13 18:00:20 -07:00
ActivityTab.tsx fix: workspace parent combobox, WCAG button text minimum 11px 2026-04-14 07:27:49 +00:00
ChannelsTab.tsx chore: quality pass — native dialogs, env sync, Go handler splits 2026-04-13 14:36:30 -07:00
ChatTab.tsx fix(canvas): WCAG critical — ARIA live toasts, dialog focus trap, keyboard nav 2026-04-15 08:31:06 +00:00
ConfigTab.tsx initial commit — Molecule AI platform 2026-04-13 11:55:37 -07:00
DetailsTab.tsx initial commit — Molecule AI platform 2026-04-13 11:55:37 -07:00
EventsTab.tsx initial commit — Molecule AI platform 2026-04-13 11:55:37 -07:00
FilesTab.tsx refactor(canvas): split 650-line FilesTab.tsx into focused components 2026-04-13 18:00:20 -07:00
MemoryTab.tsx initial commit — Molecule AI platform 2026-04-13 11:55:37 -07:00
ScheduleTab.tsx fix: workspace parent combobox, WCAG button text minimum 11px 2026-04-14 07:27:49 +00:00
SkillsTab.tsx fix: workspace parent combobox, WCAG button text minimum 11px 2026-04-14 07:27:49 +00:00
TerminalTab.tsx fix(a11y): prefers-reduced-motion WCAG 2.3.3 compliance 2026-04-14 11:25:23 +00:00
TracesTab.tsx initial commit — Molecule AI platform 2026-04-13 11:55:37 -07:00