Skip to content

Task/wc 369 improve ai chat usability - #1745

Merged
jarosenb merged 27 commits into
mainfrom
task/WC-369-Improve-AI-Chat-Usability
Sep 28, 2026
Merged

jarosenb merged 27 commits into
mainfrom
task/WC-369-Improve-AI-Chat-Usability

Conversation

@van-go

@van-go van-go commented Sep 24, 2026

Copy link
Copy Markdown
Contributor

Overview

Improve usability by focusing the search input automatically after chat is opened.

Currently:
user move to top-right for chat button
user click
user move to bottom for input field
user click
user can type to robot

Requested:
user move to top-right for chat button
user click
browser focuses input field
user can type to robot

PR Status

  • Ready.
  • Work in Progress.
  • Hold.

Related Links

Summary of Changes

AIChat.tsx, added an optional senderRef prop and attached it to the Sender input.
AIChatButton.tsx, created that ref and passed it to AIChat. The drawer’s afterOpenChange callback calls .focus() once opening finishes.

Testing Steps

  1. Click "Ask AI (Beta)"
  2. Notice the input field is ready for use
  3. Close the chatbot
  4. Re-open the chatbot
  5. Notice the input field is ready for use

UI

WC-369-DS-AI-Chatbot-AutoFocus.mov

Notes

van-go added 26 commits July 3, 2025 11:11
@van-go
van-go requested a review from jarosenb September 24, 2026 16:20
@jarosenb
jarosenb merged commit 949bd44 into main Sep 28, 2026
5 checks passed
@jarosenb
jarosenb deleted the task/WC-369-Improve-AI-Chat-Usability branch September 28, 2026 17:22
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.

2 participants