Skip to content

feat(searchbox): introduce AI Mode#6944

Merged
afrencalg merged 16 commits into
masterfrom
feat-searchbox-add-AI-mode-button-to-open-chat-with-current-query
Apr 8, 2026
Merged

feat(searchbox): introduce AI Mode#6944
afrencalg merged 16 commits into
masterfrom
feat-searchbox-add-AI-mode-button-to-open-chat-with-current-query

Conversation

@afrencalg
Copy link
Copy Markdown
Contributor

Summary

  • Add onAiModeClick callback prop to SearchBox (renders sparkle button when provided, acting as a feature flag)
  • Expose ChatHandle ref API on Chat widget via forwardRef + useImperativeHandle (setOpen, sendMessage, setInput)
  • Add aiModeButtonTitle to SearchBoxTranslations
  • Add .ais-SearchBox-aiModeButton styles to satellite theme
  • Wire up SearchBox → Chat integration in react getting-started example

- Add `onAiModeClick` callback prop to SearchBox (renders sparkle button
  when provided, acting as a feature flag)
- Expose `ChatHandle` ref API on Chat widget via `forwardRef` +
  `useImperativeHandle` (`setOpen`, `sendMessage`, `setInput`)
- Add `aiModeButtonTitle` to `SearchBoxTranslations`
- Add `.ais-SearchBox-aiModeButton` styles to satellite theme
- Wire up SearchBox → Chat integration in react getting-started example
@afrencalg afrencalg requested a review from Haroenv March 27, 2026 16:37
@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new Bot commented Mar 27, 2026

More templates

algoliasearch-helper

npm i https://pkg.pr.new/algolia/instantsearch/algoliasearch-helper@6944

instantsearch-ui-components

npm i https://pkg.pr.new/algolia/instantsearch/instantsearch-ui-components@6944

instantsearch.css

npm i https://pkg.pr.new/algolia/instantsearch/instantsearch.css@6944

instantsearch.js

npm i https://pkg.pr.new/algolia/instantsearch/instantsearch.js@6944

react-instantsearch

npm i https://pkg.pr.new/algolia/instantsearch/react-instantsearch@6944

react-instantsearch-core

npm i https://pkg.pr.new/algolia/instantsearch/react-instantsearch-core@6944

react-instantsearch-nextjs

npm i https://pkg.pr.new/algolia/instantsearch/react-instantsearch-nextjs@6944

react-instantsearch-router-nextjs

npm i https://pkg.pr.new/algolia/instantsearch/react-instantsearch-router-nextjs@6944

vue-instantsearch

npm i https://pkg.pr.new/algolia/instantsearch/vue-instantsearch@6944

commit: 54b1a70

Copy link
Copy Markdown
Contributor

@Haroenv Haroenv left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks great already!

Comment thread packages/instantsearch.css/src/themes/satellite.scss Outdated
Comment thread packages/react-instantsearch/src/ui/__tests__/RefinementList.test.tsx Outdated
Copy link
Copy Markdown
Contributor

@Haroenv Haroenv left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🔥

Comment thread packages/instantsearch.css/src/themes/satellite.scss Outdated
Comment thread packages/instantsearch.css/src/themes/satellite.scss
@afrencalg afrencalg marked this pull request as ready for review April 1, 2026 08:32
@codacy-production
Copy link
Copy Markdown

codacy-production Bot commented Apr 1, 2026

Up to standards ✅

🟢 Issues 0 issues

Results:
0 new issues

View in Codacy

🟢 Metrics 3 duplication

Metric Results
Duplication 3

View in Codacy

TIP This summary will be updated as you push new changes. Give us feedback

@afrencalg afrencalg requested a review from Haroenv April 1, 2026 08:38
Copy link
Copy Markdown
Contributor

@Haroenv Haroenv left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it's still missing from InstantSearch.js I believe

@afrencalg
Copy link
Copy Markdown
Contributor Author

@Haroenv just pushed that!

Copy link
Copy Markdown
Contributor

@Haroenv Haroenv left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

very good, I think we just need to go one more step in making it automatic

Comment thread packages/instantsearch.js/src/widgets/search-box/search-box.tsx Outdated
Comment thread examples/react/getting-started/src/App.tsx Outdated
@afrencalg afrencalg requested a review from shaejaz April 3, 2026 09:35
Comment thread packages/react-instantsearch/src/ui/SearchBox.tsx Outdated
afrencalg and others added 2 commits April 7, 2026 15:57
Co-authored-by: Aymeric Giraudet <aymeric.giraudet@algolia.com>
@Haroenv Haroenv changed the title feat(searchbox): add AI mode button to open chat with current query feat(searchbox): introduce AI Mode Apr 7, 2026
@afrencalg afrencalg merged commit e64c784 into master Apr 8, 2026
15 checks passed
@afrencalg afrencalg deleted the feat-searchbox-add-AI-mode-button-to-open-chat-with-current-query branch April 8, 2026 09:48
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.

4 participants