🗣 fix: Add Various State Change Announcements

[dustinhealy]

Summary

This pull request adds accessibility improvements by announcing key UI changes to screen readers using polite live region updates. It introduces the useLiveAnnouncer hook in several components to provide real-time feedback for actions such as model selection, prompt group deletion, special variable addition, and model parameter resets. Additionally, new localization strings are added to support these announcements.

Accessibility Announcements Integration:

• Added useLiveAnnouncer to ModelSelectorContext.tsx, and now announce the selected model's name when a model is selected, using a localized message. [1] [2] [3] [4]
• Integrated useLiveAnnouncer into DashGroupItem.tsx to announce when a prompt group is deleted, with a localized deletion message. [1] [2] [3] [4]
• Updated VariablesDropdown.tsx to announce when a special variable is added, using a localized message. [1] [2] [3] [4]
• Enhanced ModelPanel.tsx to announce when model parameters are reset, providing immediate feedback to users. [1] [2] [3] [4]

Localization Updates:

• Added new translation strings in translation.json to support the above announcements, including messages for model selection, prompt deletion, special variable addition, and model parameter reset. [1] [2] [3] [4]

Change Type

• Bug fix (non-breaking change which fixes an issue)

Testing

Confirmed announcements with NVDA Speech Viewer

Checklist

• My code adheres to this project's style guidelines
• I have performed a self-review of my own code
• I have commented in any complex areas of my code
• My changes do not introduce new warnings
• Local unit tests pass with my changes

[Copilot]

Pull request overview

This pull request enhances accessibility by adding screen reader announcements for key user interactions across multiple components. The changes integrate live region updates that notify users of important state changes, improving the experience for users relying on assistive technologies.

Changes:

• Integrated useLiveAnnouncer hook into four components to announce state changes
• Added four new localization strings to support accessibility announcements
• Implemented model display name resolution for agents and assistants to announce meaningful names instead of IDs

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
client/src/locales/en/translation.json	Added four new translation strings for announcing model selection, prompt deletion, special variable addition, and parameter reset
client/src/components/SidePanel/Agents/ModelPanel.tsx	Added announcement when model parameters are reset
client/src/components/Prompts/VariablesDropdown.tsx	Added announcement when a special variable is added to a prompt
client/src/components/Prompts/Groups/DashGroupItem.tsx	Added announcement when a prompt group is deleted
client/src/components/Chat/Menus/Endpoints/ModelSelectorContext.tsx	Added model selection announcement with display name resolution for agents and assistants

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.