Skip to content

🎨 Palette: Chat Assistant Micro-UX & Accessibility Enhancements - #107

Merged
amrabed merged 5 commits into
mainfrom
jules-1324892392870115730-f0d9f049
Jul 21, 2026
Merged

🎨 Palette: Chat Assistant Micro-UX & Accessibility Enhancements#107
amrabed merged 5 commits into
mainfrom
jules-1324892392870115730-f0d9f049

Conversation

@google-labs-jules

Copy link
Copy Markdown
Contributor

Implemented micro-UX and accessibility improvements to the Miro Chat Assistant widget in src/components/chat/client.tsx.

These changes include:

  • Adding a descriptive aria-label to the input <textarea> to fix "Input without label" WCAG violations and support screen readers.
  • Wrapping all interactive, icon-only buttons (chat-toggle-trigger, close X header button, message Send button, and Stop generating button) in HeroUI Tooltip components with closeDelay={0} to prevent delayed interactions and offer instant desktop/hover guidance.
  • Tested successfully using Playwright (video and screenshot captured) and verified all unit tests and production builds are passing with no regressions.

PR created automatically by Jules for task 1324892392870115730 started by @amrabed

Adds descriptive aria-label to message textarea to resolve accessibility gaps.
Wraps icon-only buttons (toggle trigger, close header, send, and stop) in HeroUI Tooltip components with immediate closeDelay for cognitive clarity.
@google-labs-jules

Copy link
Copy Markdown
Contributor Author

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

@vercel

vercel Bot commented Jul 21, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
amrabed-github-io Ready Ready Preview, Comment Jul 21, 2026 11:29am

…ests

- Adds descriptive aria-label to message textarea to resolve accessibility gaps.
- Wraps icon-only buttons (toggle trigger, close header, send, and stop) in HeroUI Tooltip components with immediate closeDelay for cognitive clarity.
- Adds client.test.tsx unit tests to ensure 100% code coverage on the added features, satisfying SonarCloud quality gate requirements.
…ests

- Adds descriptive aria-label to message textarea to resolve accessibility gaps.
- Wraps icon-only buttons (toggle trigger, close header, send, and stop) in HeroUI Tooltip components with immediate closeDelay for cognitive clarity.
- Adds client.test.tsx unit tests to ensure 100% code coverage on the added features.
- Configures vitest.config.ts to collect coverage for the chat client, satisfying SonarCloud's code coverage requirements.
Comment thread src/components/chat/client.tsx Outdated
- Converts both Close and Reset conversation buttons in the chat header to HeroUI `<Button>` components.
- Adds comprehensive unit tests in client.test.tsx covering the button conversions.
- Configures vitest.config.ts coverage collection to satisfy SonarCloud code coverage metrics.
…sk race condition

- Converts close and reset conversation buttons to HeroUI's `<Button>` components.
- Adds comprehensive client.test.tsx unit tests covering all widget states.
- Includes client.tsx in vitest.config.ts coverage and fixes parallel task execution race conditions in mise.toml.
@amrabed
amrabed marked this pull request as ready for review July 21, 2026 11:31
@amrabed
amrabed merged commit a6967f3 into main Jul 21, 2026
6 checks passed
@amrabed
amrabed deleted the jules-1324892392870115730-f0d9f049 branch July 21, 2026 11:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant