style(FN-1847): unify dialog overlay styling and add accessibility attributes

- Add role=dialog and aria-modal attributes to all modal dialogs for accessibility
- Standardize close button aria-labels across all modals
- Unify overlay backdrop-filter, z-index, and background styles in styles.css
- Add light theme overrides for non-standard overlay backgrounds
- Update AgentListModal tests to reflect new aria attributes
- Add changeset for @gsxdsm/fusion package
This commit is contained in:
Fusion
2026-04-15 20:44:40 -07:00
committed by gsxdsm
parent c8a0876f45
commit f33f15a98f
27 changed files with 97 additions and 50 deletions

View File

@@ -75,7 +75,7 @@ function NewChatDialog({ onClose, onCreate }: NewChatDialogProps) {
};
return (
<div className="chat-new-dialog-backdrop" onClick={onClose}>
<div className="chat-new-dialog-backdrop" onClick={onClose} role="dialog" aria-modal="true">
<div className="chat-new-dialog" onClick={(e) => e.stopPropagation()}>
<h3>New Chat</h3>
<form onSubmit={handleSubmit}>