Skip to content

Conversation

@FabienMotte
Copy link
Contributor

@FabienMotte FabienMotte commented Sep 11, 2025

Summary

This PR implements the design for the chat components in InstantSearch.

The changes include:

  • Added common chat UI components (Chat, ChatHeader, ChatMessage, ChatMessages, ChatPrompt, ChatToggleButton)
  • Added new specialized components for error states and loading indicators (ChatMessageError, ChatMessageLoader)
  • Restructured InstantSearch CSS architecture with modular SCSS files organized by component
  • Responsive design / dark and light modes
  • CSS custom variables for consistent theming and easy customization
  • Added icon set for chat interface elements
  • Improved TypeScript definitions and component APIs
  • Added utility hooks like useStickToBottom (from https://github.com/stackblitz-labs/use-stick-to-bottom) for better chat UX
  • Updated bundle size configurations to fit the new components/styles

Result

image image

@FabienMotte FabienMotte marked this pull request as ready for review September 19, 2025 09:55
@FabienMotte FabienMotte requested a review from Haroenv September 22, 2025 09:39
Copy link
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 good!

Copy link
Contributor

@shaejaz shaejaz left a comment

Choose a reason for hiding this comment

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

lgtm once CI passes! Tested it with react and js versions locally, both working well (js has an issue with the loader not showing up but that might be js specific).

@FabienMotte FabienMotte requested a review from Haroenv September 22, 2025 15:50
@FabienMotte
Copy link
Contributor Author

lgtm once CI passes! Tested it with react and js versions locally, both working well (js has an issue with the loader not showing up but that might be js specific).

Thanks for the review! Could you please approve the PR? 🙏

@FabienMotte FabienMotte merged commit dbea460 into master Sep 22, 2025
14 checks passed
@FabienMotte FabienMotte deleted the feat/chat-design branch September 22, 2025 20:41
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