react-instantsearch 7.41.0 → 7.42.0

package/dist/cjs/components/Carousel.js

@@ -16,7 +16,9 @@ var _instantsearchuicomponents = require("instantsearch-ui-components");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var CarouselUiComponent = (0, _instantsearchuicomponents.createCarouselComponent)({
     createElement: _react.createElement,
-    Fragment: _react.Fragment
+    Fragment: _react.Fragment,
+    useEffect: _react.useEffect,
+    useRef: _react.useRef
 });
 function Carousel(props) {
     var _useState = _sliced_to_array._((0, _react.useState)(false), 2), canScrollLeft = _useState[0], setCanScrollLeft = _useState[1];

package/dist/cjs/widgets/Autocomplete.js

@@ -650,7 +650,7 @@ function InnerAutocomplete(_0) {
                 if (chatRenderState) {
                     if ((0, _chat.openChat)(chatRenderState, {
                         message: item.prompt,
-                        referer: 'prompt-suggestions'
+                        referer: 'prompt-suggestions-autocomplete'
                     })) {
                         setQuery('');
                     }

package/dist/cjs/widgets/Chat.js

@@ -59,11 +59,28 @@ function createDefaultTools(itemComponent, getSearchPageURL) {
     var _obj;
     return _obj = {}, _define_property._(_obj, _chat.SearchIndexToolType, (0, _SearchIndexTool.createCarouselTool)(true, itemComponent, getSearchPageURL)), _define_property._(_obj, _chat.RecommendToolType, (0, _SearchIndexTool.createCarouselTool)(false, itemComponent, getSearchPageURL)), _define_property._(_obj, _chat.DisplayResultsToolType, (0, _DisplayResultsTool.createDisplayResultsTool)(itemComponent)), _define_property._(_obj, _chat.MemorizeToolType, {}), _define_property._(_obj, _chat.MemorySearchToolType, {}), _define_property._(_obj, _chat.PonderToolType, {}), _obj;
 }
+function mergeToolOptions(defaultTools, userTools) {
+    if (!userTools) {
+        return defaultTools;
+    }
+    var tools = _object_spread._({}, defaultTools, userTools);
+    Object.keys(userTools).forEach(function(toolName) {
+        var _defaultTools_toolName;
+        var userTool = userTools[toolName];
+        var defaultStreamInput = (_defaultTools_toolName = defaultTools[toolName]) === null || _defaultTools_toolName === void 0 ? void 0 : _defaultTools_toolName.streamInput;
+        if (userTool.layoutComponent !== undefined && userTool.streamInput === undefined && defaultStreamInput !== undefined) {
+            tools[toolName] = _object_spread_props._(_object_spread._({}, userTool), {
+                streamInput: defaultStreamInput
+            });
+        }
+    });
+    return tools;
+}
 function ChatInner(_0, _1) {
     var _ref = [
         _0,
         _1
-    ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), userTools = _ref2.tools, headerProps = _ref2.headerProps, messagesProps = _ref2.messagesProps, promptProps = _ref2.promptProps, itemComponent = _ref2.itemComponent, layoutComponent = _ref2.layoutComponent, headerComponent = _ref2.headerComponent, headerTitleIconComponent = _ref2.headerTitleIconComponent, headerCloseIconComponent = _ref2.headerCloseIconComponent, headerMinimizeIconComponent = _ref2.headerMinimizeIconComponent, headerMaximizeIconComponent = _ref2.headerMaximizeIconComponent, loaderComponent = _ref2.loaderComponent, messagesErrorComponent = _ref2.messagesErrorComponent, promptComponent = _ref2.promptComponent, promptHeaderComponent = _ref2.promptHeaderComponent, promptFooterComponent = _ref2.promptFooterComponent, assistantMessageLeadingComponent = _ref2.assistantMessageLeadingComponent, assistantMessageFooterComponent = _ref2.assistantMessageFooterComponent, userMessageLeadingComponent = _ref2.userMessageLeadingComponent, userMessageFooterComponent = _ref2.userMessageFooterComponent, emptyComponent = _ref2.emptyComponent, actionsComponent = _ref2.actionsComponent, suggestionsComponent = _ref2.suggestionsComponent, classNames = _ref2.classNames, _ref_translations = _ref2.translations, translations = _ref_translations === void 0 ? {} : _ref_translations, title = _ref2.title, getSearchPageURL = _ref2.getSearchPageURL, _ref_disableTriggerValidation = _ref2.disableTriggerValidation, disableTriggerValidation = _ref_disableTriggerValidation === void 0 ? false : _ref_disableTriggerValidation, props = _object_without_properties._(_ref2, [
+    ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), userTools = _ref2.tools, headerProps = _ref2.headerProps, messagesProps = _ref2.messagesProps, promptProps = _ref2.promptProps, itemComponent = _ref2.itemComponent, layoutComponent = _ref2.layoutComponent, headerComponent = _ref2.headerComponent, headerTitleIconComponent = _ref2.headerTitleIconComponent, headerCloseIconComponent = _ref2.headerCloseIconComponent, headerMinimizeIconComponent = _ref2.headerMinimizeIconComponent, headerMaximizeIconComponent = _ref2.headerMaximizeIconComponent, loaderComponent = _ref2.loaderComponent, messagesErrorComponent = _ref2.messagesErrorComponent, promptComponent = _ref2.promptComponent, promptHeaderComponent = _ref2.promptHeaderComponent, promptFooterComponent = _ref2.promptFooterComponent, assistantMessageLeadingComponent = _ref2.assistantMessageLeadingComponent, assistantMessageFooterComponent = _ref2.assistantMessageFooterComponent, userMessageLeadingComponent = _ref2.userMessageLeadingComponent, userMessageFooterComponent = _ref2.userMessageFooterComponent, emptyComponent = _ref2.emptyComponent, actionsComponent = _ref2.actionsComponent, suggestionsComponent = _ref2.suggestionsComponent, classNames = _ref2.classNames, _ref_translations = _ref2.translations, translations = _ref_translations === void 0 ? {} : _ref_translations, title = _ref2.title, getSearchPageURL = _ref2.getSearchPageURL, _ref_disableTriggerValidation = _ref2.disableTriggerValidation, disableTriggerValidation = _ref_disableTriggerValidation === void 0 ? false : _ref_disableTriggerValidation, showReasoning = _ref2.showReasoning, props = _object_without_properties._(_ref2, [
         "tools",
         "headerProps",
         "messagesProps",
@@ -91,7 +108,8 @@ function ChatInner(_0, _1) {
         "translations",
         "title",
         "getSearchPageURL",
-        "disableTriggerValidation"
+        "disableTriggerValidation",
+        "showReasoning"
     ]), _rest1 = _sliced_to_array._(_rest, 1), ref = _rest1[0];
     var promptTranslations = translations.prompt, headerTranslations = translations.header, messageTranslations = translations.message, messagesTranslations = translations.messages;
     var _useInstantSearch = (0, _reactinstantsearchcore.useInstantSearch)(), indexUiState = _useInstantSearch.indexUiState, setIndexUiState = _useInstantSearch.setIndexUiState;
@@ -103,7 +121,7 @@ function ChatInner(_0, _1) {
     }), scrollRef = _useStickToBottom1.scrollRef, contentRef = _useStickToBottom1.contentRef, scrollToBottom = _useStickToBottom1.scrollToBottom, isAtBottom = _useStickToBottom1.isAtBottom;
     var tools = (0, _react.useMemo)(function() {
         var defaults = createDefaultTools(itemComponent, getSearchPageURL);
-        return _object_spread._({}, defaults, userTools);
+        return mergeToolOptions(defaults, userTools);
     }, [
         getSearchPageURL,
         itemComponent,
@@ -158,6 +176,10 @@ function ChatInner(_0, _1) {
         status,
         scrollToBottom
     ]);
+    var _ref3 = messagesProps !== null && messagesProps !== void 0 ? messagesProps : {}, callerAssistantMessageProps = _ref3.assistantMessageProps, callerUserMessageProps = _ref3.userMessageProps, restMessagesProps = _object_without_properties._(_ref3, [
+        "assistantMessageProps",
+        "userMessageProps"
+    ]);
     return /*#__PURE__*/ _react.default.createElement(ChatUiComponent, {
         title: title,
         open: open,
@@ -213,17 +235,18 @@ function ChatInner(_0, _1) {
             errorComponent: messagesErrorComponent,
             emptyComponent: emptyComponent,
             actionsComponent: actionsComponent,
+            translations: messagesTranslations,
+            messageTranslations: messageTranslations
+        }, restMessagesProps), {
             assistantMessageProps: _object_spread._({
                 leadingComponent: assistantMessageLeadingComponent,
-                footerComponent: assistantMessageFooterComponent
-            }, messagesProps === null || messagesProps === void 0 ? void 0 : messagesProps.assistantMessageProps),
+                footerComponent: assistantMessageFooterComponent,
+                showReasoning: showReasoning
+            }, callerAssistantMessageProps),
             userMessageProps: _object_spread._({
                 leadingComponent: userMessageLeadingComponent,
                 footerComponent: userMessageFooterComponent
-            }, messagesProps === null || messagesProps === void 0 ? void 0 : messagesProps.userMessageProps),
-            translations: messagesTranslations,
-            messageTranslations: messageTranslations
-        }, messagesProps), {
+            }, callerUserMessageProps),
             error: error
         }),
         promptProps: _object_spread._({

package/dist/cjs/widgets/PromptSuggestions.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PromptSuggestions", {
+    enumerable: true,
+    get: function() {
+        return PromptSuggestions;
+    }
+});
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _instantsearchuicomponents = require("instantsearch-ui-components");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _reactinstantsearchcore = require("react-instantsearch-core");
+var PromptSuggestionsUi = (0, _instantsearchuicomponents.createPromptSuggestionsComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
+});
+function PromptSuggestions(_0) {
+    var _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, LayoutComponent = _0.layoutComponent, onSuggestionClickOverride = _0.onSuggestionClick, // Connector params — forwarded to the hook, not the UI root.
+    agentId = _0.agentId, transport = _0.transport, configurationId = _0.configurationId, transformHits = _0.transformHits, context = _0.context, transformItems = _0.transformItems, props = _object_without_properties._(_0, [
+        "classNames",
+        "layoutComponent",
+        "onSuggestionClick",
+        "agentId",
+        "transport",
+        "configurationId",
+        "transformHits",
+        "context",
+        "transformItems"
+    ]);
+    var _usePromptSuggestions = (0, _reactinstantsearchcore.usePromptSuggestions)({
+        agentId: agentId,
+        transport: transport,
+        configurationId: configurationId,
+        transformHits: transformHits,
+        context: context,
+        transformItems: transformItems
+    }, {
+        $$widgetType: 'ais.promptSuggestions'
+    }), suggestions = _usePromptSuggestions.suggestions, isLoading = _usePromptSuggestions.isLoading, onSuggestionClick = _usePromptSuggestions.onSuggestionClick, isChatBusy = _usePromptSuggestions.isChatBusy, sendToChat = _usePromptSuggestions.sendToChat;
+    var handleClick = onSuggestionClickOverride ? function(prompt) {
+        return onSuggestionClickOverride(prompt, {
+            sendToChat: sendToChat
+        });
+    } : onSuggestionClick;
+    if (LayoutComponent) {
+        return /*#__PURE__*/ _react.default.createElement(LayoutComponent, {
+            suggestions: suggestions,
+            isLoading: isLoading,
+            onSuggestionClick: handleClick,
+            isChatBusy: isChatBusy
+        });
+    }
+    return /*#__PURE__*/ _react.default.createElement(PromptSuggestionsUi, _object_spread_props._(_object_spread._({}, props), {
+        classNames: classNames,
+        suggestions: suggestions,
+        isLoading: isLoading,
+        onSuggestionClick: handleClick,
+        disabled: isChatBusy
+    }));
+}

package/dist/cjs/widgets/chat/tools/DisplayResultsTool.js

@@ -17,11 +17,43 @@ function createDisplayResultsTool(itemComponent) {
     var DisplayResultsUIComponent = (0, _instantsearchuicomponents.createDisplayResultsToolComponent)({
         createElement: _react.createElement,
         Fragment: _react.Fragment,
-        useMemo: _react.useMemo
+        useEffect: _react.useEffect,
+        useMemo: _react.useMemo,
+        useRef: _react.useRef
     });
     var Button = (0, _instantsearchuicomponents.createButtonComponent)({
         createElement: _react.createElement
     });
+    var DisplayResultsCarouselHeader = function DisplayResultsCarouselHeader(param) {
+        var nbItems = param.nbItems, canScrollLeft = param.canScrollLeft, canScrollRight = param.canScrollRight, scrollLeft = param.scrollLeft, scrollRight = param.scrollRight;
+        return /*#__PURE__*/ _react.default.createElement("div", {
+            className: "ais-ChatToolDisplayResultsCarouselHeader"
+        }, /*#__PURE__*/ _react.default.createElement("div", {
+            className: "ais-ChatToolDisplayResultsCarouselHeaderCount"
+        }, nbItems, " result", nbItems > 1 ? 's' : ''), /*#__PURE__*/ _react.default.createElement("div", {
+            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButtons"
+        }, /*#__PURE__*/ _react.default.createElement(Button, {
+            variant: "outline",
+            size: "sm",
+            iconOnly: true,
+            "aria-label": "Previous",
+            onClick: scrollLeft,
+            disabled: !canScrollLeft,
+            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
+        }, /*#__PURE__*/ _react.default.createElement(_instantsearchuicomponents.ChevronLeftIcon, {
+            createElement: _react.createElement
+        })), /*#__PURE__*/ _react.default.createElement(Button, {
+            variant: "outline",
+            size: "sm",
+            iconOnly: true,
+            "aria-label": "Next",
+            onClick: scrollRight,
+            disabled: !canScrollRight,
+            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
+        }, /*#__PURE__*/ _react.default.createElement(_instantsearchuicomponents.ChevronRightIcon, {
+            createElement: _react.createElement
+        }))));
+    };
     var DisplayResultsLayoutComponent = function DisplayResultsLayoutComponent(toolProps) {
         return /*#__PURE__*/ _react.default.createElement(DisplayResultsUIComponent, {
             toolProps: toolProps,
@@ -32,39 +64,13 @@ function createDisplayResultsTool(itemComponent) {
                     itemComponent: itemComponent,
                     sendEvent: sendEvent,
                     showNavigation: false,
-                    headerComponent: function headerComponent(param) {
-                        var canScrollLeft = param.canScrollLeft, canScrollRight = param.canScrollRight, scrollLeft = param.scrollLeft, scrollRight = param.scrollRight;
-                        return /*#__PURE__*/ _react.default.createElement("div", {
-                            className: "ais-ChatToolDisplayResultsCarouselHeader"
-                        }, /*#__PURE__*/ _react.default.createElement("div", {
-                            className: "ais-ChatToolDisplayResultsCarouselHeaderCount"
-                        }, items.length, " result", items.length > 1 ? 's' : ''), /*#__PURE__*/ _react.default.createElement("div", {
-                            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButtons"
-                        }, /*#__PURE__*/ _react.default.createElement(Button, {
-                            variant: "outline",
-                            size: "sm",
-                            iconOnly: true,
-                            onClick: scrollLeft,
-                            disabled: !canScrollLeft,
-                            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
-                        }, /*#__PURE__*/ _react.default.createElement(_instantsearchuicomponents.ChevronLeftIcon, {
-                            createElement: _react.createElement
-                        })), /*#__PURE__*/ _react.default.createElement(Button, {
-                            variant: "outline",
-                            size: "sm",
-                            iconOnly: true,
-                            onClick: scrollRight,
-                            disabled: !canScrollRight,
-                            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
-                        }, /*#__PURE__*/ _react.default.createElement(_instantsearchuicomponents.ChevronRightIcon, {
-                            createElement: _react.createElement
-                        }))));
-                    }
+                    headerComponent: DisplayResultsCarouselHeader
                 });
             }
         });
     };
     return {
-        layoutComponent: DisplayResultsLayoutComponent
+        layoutComponent: DisplayResultsLayoutComponent,
+        streamInput: true
     };
 }

package/dist/cjs/widgets/chat/tools/SearchIndexTool.js

@@ -16,6 +16,7 @@ function createCarouselTool(showViewAll, itemComponent, getSearchPageURL) {
     var SearchLayoutUIComponent = (0, _instantsearchuicomponents.createCarouselToolComponent)({
         createElement: _react.createElement,
         Fragment: _react.Fragment,
+        useEffect: _react.useEffect,
         useMemo: _react.useMemo,
         useRef: _react.useRef,
         useState: _react.useState

package/dist/cjs/widgets/index.js

@@ -7,6 +7,7 @@ var _export_star = require("@swc/helpers/_/_export_star");
 _export_star._(require("./Autocomplete"), exports);
 _export_star._(require("./Breadcrumb"), exports);
 _export_star._(require("./Chat"), exports);
+_export_star._(require("./PromptSuggestions"), exports);
 _export_star._(require("./ChatTrigger"), exports);
 _export_star._(require("./ClearRefinements"), exports);
 _export_star._(require("./CurrentRefinements"), exports);

package/dist/es/components/Carousel.js

@@ -1,11 +1,13 @@
 import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
 import { _ } from '@swc/helpers/esm/_sliced_to_array.js';
 import { createCarouselComponent, generateCarouselId } from 'instantsearch-ui-components';
-import React, { createElement, Fragment, useState, useRef } from 'react';
+import React, { createElement, Fragment, useEffect, useRef, useState } from 'react';
 
 var CarouselUiComponent = createCarouselComponent({
     createElement: createElement,
-    Fragment: Fragment
+    Fragment: Fragment,
+    useEffect: useEffect,
+    useRef: useRef
 });
 function Carousel(props) {
     var _useState = _(useState(false), 2), canScrollLeft = _useState[0], setCanScrollLeft = _useState[1];

package/dist/es/index.js

@@ -4,6 +4,7 @@ export { Autocomplete, EXPERIMENTAL_Autocomplete } from './widgets/Autocomplete.
 export { Breadcrumb } from './widgets/Breadcrumb.js';
 export { DisplayResultsToolType, MemorizeToolType, MemorySearchToolType, PonderToolType, RecommendToolType, SearchIndexToolType } from 'instantsearch.js/es/lib/chat/index.js';
 export { Chat, createDefaultTools } from './widgets/Chat.js';
+export { PromptSuggestions } from './widgets/PromptSuggestions.js';
 export { ChatTrigger } from './widgets/ChatTrigger.js';
 export { ClearRefinements } from './widgets/ClearRefinements.js';
 export { CurrentRefinements } from './widgets/CurrentRefinements.js';

package/dist/es/widgets/Autocomplete.js

@@ -631,7 +631,7 @@ function InnerAutocomplete(_0) {
                 if (chatRenderState) {
                     if (openChat(chatRenderState, {
                         message: item.prompt,
-                        referer: 'prompt-suggestions'
+                        referer: 'prompt-suggestions-autocomplete'
                     })) {
                         setQuery('');
                     }

package/dist/es/widgets/Chat.d.ts

@@ -38,6 +38,10 @@ export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<
     userMessageLeadingComponent?: ChatMessageProps['leadingComponent'];
     userMessageFooterComponent?: ChatMessageProps['footerComponent'];
     suggestionsComponent?: ChatUiProps['suggestionsComponent'];
+    /**
+     * Whether to render reasoning parts
+     */
+    showReasoning?: boolean;
     translations?: Partial<{
         prompt: ChatUiProps['promptProps']['translations'];
         header: ChatUiProps['headerProps']['translations'];

package/dist/es/widgets/Chat.js

@@ -1,6 +1,6 @@
 import { _ } from '@swc/helpers/esm/_define_property.js';
-import { _ as _$4 } from '@swc/helpers/esm/_object_spread.js';
-import { _ as _$5 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ as _$5 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$4 } from '@swc/helpers/esm/_object_spread_props.js';
 import { _ as _$2 } from '@swc/helpers/esm/_object_without_properties.js';
 import { _ as _$3 } from '@swc/helpers/esm/_sliced_to_array.js';
 import { _ as _$1 } from '@swc/helpers/esm/_to_array.js';
@@ -23,11 +23,28 @@ function createDefaultTools(itemComponent, getSearchPageURL) {
     var _obj;
     return _obj = {}, _(_obj, SearchIndexToolType, createCarouselTool(true, itemComponent, getSearchPageURL)), _(_obj, RecommendToolType, createCarouselTool(false, itemComponent, getSearchPageURL)), _(_obj, DisplayResultsToolType, createDisplayResultsTool(itemComponent)), _(_obj, MemorizeToolType, {}), _(_obj, MemorySearchToolType, {}), _(_obj, PonderToolType, {}), _obj;
 }
+function mergeToolOptions(defaultTools, userTools) {
+    if (!userTools) {
+        return defaultTools;
+    }
+    var tools = _$5({}, defaultTools, userTools);
+    Object.keys(userTools).forEach(function(toolName) {
+        var _defaultTools_toolName;
+        var userTool = userTools[toolName];
+        var defaultStreamInput = (_defaultTools_toolName = defaultTools[toolName]) === null || _defaultTools_toolName === void 0 ? void 0 : _defaultTools_toolName.streamInput;
+        if (userTool.layoutComponent !== undefined && userTool.streamInput === undefined && defaultStreamInput !== undefined) {
+            tools[toolName] = _$4(_$5({}, userTool), {
+                streamInput: defaultStreamInput
+            });
+        }
+    });
+    return tools;
+}
 function ChatInner(_0, _1) {
     var _ref = [
         _0,
         _1
-    ], _ref1 = _$1(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), userTools = _ref2.tools, headerProps = _ref2.headerProps, messagesProps = _ref2.messagesProps, promptProps = _ref2.promptProps, itemComponent = _ref2.itemComponent, layoutComponent = _ref2.layoutComponent, headerComponent = _ref2.headerComponent, headerTitleIconComponent = _ref2.headerTitleIconComponent, headerCloseIconComponent = _ref2.headerCloseIconComponent, headerMinimizeIconComponent = _ref2.headerMinimizeIconComponent, headerMaximizeIconComponent = _ref2.headerMaximizeIconComponent, loaderComponent = _ref2.loaderComponent, messagesErrorComponent = _ref2.messagesErrorComponent, promptComponent = _ref2.promptComponent, promptHeaderComponent = _ref2.promptHeaderComponent, promptFooterComponent = _ref2.promptFooterComponent, assistantMessageLeadingComponent = _ref2.assistantMessageLeadingComponent, assistantMessageFooterComponent = _ref2.assistantMessageFooterComponent, userMessageLeadingComponent = _ref2.userMessageLeadingComponent, userMessageFooterComponent = _ref2.userMessageFooterComponent, emptyComponent = _ref2.emptyComponent, actionsComponent = _ref2.actionsComponent, suggestionsComponent = _ref2.suggestionsComponent, classNames = _ref2.classNames, _ref_translations = _ref2.translations, translations = _ref_translations === void 0 ? {} : _ref_translations, title = _ref2.title, getSearchPageURL = _ref2.getSearchPageURL, _ref_disableTriggerValidation = _ref2.disableTriggerValidation, disableTriggerValidation = _ref_disableTriggerValidation === void 0 ? false : _ref_disableTriggerValidation, props = _$2(_ref2, [
+    ], _ref1 = _$1(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), userTools = _ref2.tools, headerProps = _ref2.headerProps, messagesProps = _ref2.messagesProps, promptProps = _ref2.promptProps, itemComponent = _ref2.itemComponent, layoutComponent = _ref2.layoutComponent, headerComponent = _ref2.headerComponent, headerTitleIconComponent = _ref2.headerTitleIconComponent, headerCloseIconComponent = _ref2.headerCloseIconComponent, headerMinimizeIconComponent = _ref2.headerMinimizeIconComponent, headerMaximizeIconComponent = _ref2.headerMaximizeIconComponent, loaderComponent = _ref2.loaderComponent, messagesErrorComponent = _ref2.messagesErrorComponent, promptComponent = _ref2.promptComponent, promptHeaderComponent = _ref2.promptHeaderComponent, promptFooterComponent = _ref2.promptFooterComponent, assistantMessageLeadingComponent = _ref2.assistantMessageLeadingComponent, assistantMessageFooterComponent = _ref2.assistantMessageFooterComponent, userMessageLeadingComponent = _ref2.userMessageLeadingComponent, userMessageFooterComponent = _ref2.userMessageFooterComponent, emptyComponent = _ref2.emptyComponent, actionsComponent = _ref2.actionsComponent, suggestionsComponent = _ref2.suggestionsComponent, classNames = _ref2.classNames, _ref_translations = _ref2.translations, translations = _ref_translations === void 0 ? {} : _ref_translations, title = _ref2.title, getSearchPageURL = _ref2.getSearchPageURL, _ref_disableTriggerValidation = _ref2.disableTriggerValidation, disableTriggerValidation = _ref_disableTriggerValidation === void 0 ? false : _ref_disableTriggerValidation, showReasoning = _ref2.showReasoning, props = _$2(_ref2, [
         "tools",
         "headerProps",
         "messagesProps",
@@ -55,7 +72,8 @@ function ChatInner(_0, _1) {
         "translations",
         "title",
         "getSearchPageURL",
-        "disableTriggerValidation"
+        "disableTriggerValidation",
+        "showReasoning"
     ]), _rest1 = _$3(_rest, 1), ref = _rest1[0];
     var promptTranslations = translations.prompt, headerTranslations = translations.header, messageTranslations = translations.message, messagesTranslations = translations.messages;
     var _useInstantSearch = useInstantSearch(), indexUiState = _useInstantSearch.indexUiState, setIndexUiState = _useInstantSearch.setIndexUiState;
@@ -67,7 +85,7 @@ function ChatInner(_0, _1) {
     }), scrollRef = _useStickToBottom.scrollRef, contentRef = _useStickToBottom.contentRef, scrollToBottom = _useStickToBottom.scrollToBottom, isAtBottom = _useStickToBottom.isAtBottom;
     var tools = useMemo(function() {
         var defaults = createDefaultTools(itemComponent, getSearchPageURL);
-        return _$4({}, defaults, userTools);
+        return mergeToolOptions(defaults, userTools);
     }, [
         getSearchPageURL,
         itemComponent,
@@ -78,7 +96,7 @@ function ChatInner(_0, _1) {
     // set on the layout component, which is consistent across flavors.
     var isInlineLayoutComponent = typeof layoutComponent === 'function' && layoutComponent.$$inlineLayout === true;
     var effectiveDisableTriggerValidation = disableTriggerValidation || isInlineLayoutComponent;
-    var chatState = useChat(_$5(_$4({}, props), {
+    var chatState = useChat(_$4(_$5({}, props), {
         tools: tools,
         disableTriggerValidation: effectiveDisableTriggerValidation
     }));
@@ -122,6 +140,10 @@ function ChatInner(_0, _1) {
         status,
         scrollToBottom
     ]);
+    var _ref3 = messagesProps !== null && messagesProps !== void 0 ? messagesProps : {}, callerAssistantMessageProps = _ref3.assistantMessageProps, callerUserMessageProps = _ref3.userMessageProps, restMessagesProps = _$2(_ref3, [
+        "assistantMessageProps",
+        "userMessageProps"
+    ]);
     return /*#__PURE__*/ React.createElement(ChatUiComponent, {
         title: title,
         open: open,
@@ -134,7 +156,7 @@ function ChatInner(_0, _1) {
         headerComponent: headerComponent,
         promptComponent: promptComponent,
         suggestionsComponent: suggestionsComponent,
-        headerProps: _$4({
+        headerProps: _$5({
             onClose: function onClose() {
                 return setOpen(false);
             },
@@ -150,7 +172,7 @@ function ChatInner(_0, _1) {
             maximizeIconComponent: headerMaximizeIconComponent,
             translations: headerTranslations
         }, headerProps),
-        messagesProps: _$5(_$4({
+        messagesProps: _$4(_$5({
             status: status,
             onReload: function onReload(messageId) {
                 return regenerate({
@@ -177,20 +199,21 @@ function ChatInner(_0, _1) {
             errorComponent: messagesErrorComponent,
             emptyComponent: emptyComponent,
             actionsComponent: actionsComponent,
-            assistantMessageProps: _$4({
+            translations: messagesTranslations,
+            messageTranslations: messageTranslations
+        }, restMessagesProps), {
+            assistantMessageProps: _$5({
                 leadingComponent: assistantMessageLeadingComponent,
-                footerComponent: assistantMessageFooterComponent
-            }, messagesProps === null || messagesProps === void 0 ? void 0 : messagesProps.assistantMessageProps),
-            userMessageProps: _$4({
+                footerComponent: assistantMessageFooterComponent,
+                showReasoning: showReasoning
+            }, callerAssistantMessageProps),
+            userMessageProps: _$5({
                 leadingComponent: userMessageLeadingComponent,
                 footerComponent: userMessageFooterComponent
-            }, messagesProps === null || messagesProps === void 0 ? void 0 : messagesProps.userMessageProps),
-            translations: messagesTranslations,
-            messageTranslations: messageTranslations
-        }, messagesProps), {
+            }, callerUserMessageProps),
             error: error
         }),
-        promptProps: _$4({
+        promptProps: _$5({
             promptRef: promptRef,
             status: status,
             value: input,

package/dist/es/widgets/PromptSuggestions.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { PromptSuggestionsOwnProps } from 'instantsearch-ui-components';
+import type { UsePromptSuggestionsProps } from 'react-instantsearch-core';
+/**
+ * Props passed to a custom `layoutComponent`. Mirrors the connector render
+ * state so a layout component owns the full markup.
+ */
+export type PromptSuggestionsLayoutComponentProps = {
+    suggestions: string[];
+    isLoading: boolean;
+    onSuggestionClick: (prompt: string) => void;
+    isChatBusy: boolean;
+};
+export type PromptSuggestionsOnSuggestionClick = (prompt: string, helpers: {
+    sendToChat: (prompt: string) => boolean;
+}) => void;
+type OwnedUiProps = 'suggestions' | 'isLoading' | 'onSuggestionClick' | 'disabled' | 'skeletonCount';
+export type PromptSuggestionsProps = Omit<PromptSuggestionsOwnProps, OwnedUiProps> & UsePromptSuggestionsProps & {
+    layoutComponent?: (props: PromptSuggestionsLayoutComponentProps) => JSX.Element | null;
+    onSuggestionClick?: PromptSuggestionsOnSuggestionClick;
+};
+export declare function PromptSuggestions({ classNames, layoutComponent: LayoutComponent, onSuggestionClick: onSuggestionClickOverride, agentId, transport, configurationId, transformHits, context, transformItems, ...props }: PromptSuggestionsProps): React.JSX.Element;
+export {};

package/dist/es/widgets/PromptSuggestions.js

@@ -0,0 +1,57 @@
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
+import { createPromptSuggestionsComponent } from 'instantsearch-ui-components';
+import React, { createElement, Fragment } from 'react';
+import { usePromptSuggestions } from 'react-instantsearch-core';
+
+var PromptSuggestionsUi = createPromptSuggestionsComponent({
+    createElement: createElement,
+    Fragment: Fragment
+});
+function PromptSuggestions(_0) {
+    var _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, LayoutComponent = _0.layoutComponent, onSuggestionClickOverride = _0.onSuggestionClick, // Connector params — forwarded to the hook, not the UI root.
+    agentId = _0.agentId, transport = _0.transport, configurationId = _0.configurationId, transformHits = _0.transformHits, context = _0.context, transformItems = _0.transformItems, props = _(_0, [
+        "classNames",
+        "layoutComponent",
+        "onSuggestionClick",
+        "agentId",
+        "transport",
+        "configurationId",
+        "transformHits",
+        "context",
+        "transformItems"
+    ]);
+    var _usePromptSuggestions = usePromptSuggestions({
+        agentId: agentId,
+        transport: transport,
+        configurationId: configurationId,
+        transformHits: transformHits,
+        context: context,
+        transformItems: transformItems
+    }, {
+        $$widgetType: 'ais.promptSuggestions'
+    }), suggestions = _usePromptSuggestions.suggestions, isLoading = _usePromptSuggestions.isLoading, onSuggestionClick = _usePromptSuggestions.onSuggestionClick, isChatBusy = _usePromptSuggestions.isChatBusy, sendToChat = _usePromptSuggestions.sendToChat;
+    var handleClick = onSuggestionClickOverride ? function(prompt) {
+        return onSuggestionClickOverride(prompt, {
+            sendToChat: sendToChat
+        });
+    } : onSuggestionClick;
+    if (LayoutComponent) {
+        return /*#__PURE__*/ React.createElement(LayoutComponent, {
+            suggestions: suggestions,
+            isLoading: isLoading,
+            onSuggestionClick: handleClick,
+            isChatBusy: isChatBusy
+        });
+    }
+    return /*#__PURE__*/ React.createElement(PromptSuggestionsUi, _$1(_$2({}, props), {
+        classNames: classNames,
+        suggestions: suggestions,
+        isLoading: isLoading,
+        onSuggestionClick: handleClick,
+        disabled: isChatBusy
+    }));
+}
+
+export { PromptSuggestions };

package/dist/es/widgets/chat/tools/DisplayResultsTool.js

@@ -1,16 +1,48 @@
 import { createDisplayResultsToolComponent, createButtonComponent, ChevronLeftIcon, ChevronRightIcon } from 'instantsearch-ui-components';
-import React, { createElement, Fragment, useMemo } from 'react';
+import React, { createElement, Fragment, useEffect, useMemo, useRef } from 'react';
 import { Carousel } from '../../../components/Carousel.js';
 
 function createDisplayResultsTool(itemComponent) {
     var DisplayResultsUIComponent = createDisplayResultsToolComponent({
         createElement: createElement,
         Fragment: Fragment,
-        useMemo: useMemo
+        useEffect: useEffect,
+        useMemo: useMemo,
+        useRef: useRef
     });
     var Button = createButtonComponent({
         createElement: createElement
     });
+    var DisplayResultsCarouselHeader = function DisplayResultsCarouselHeader(param) {
+        var nbItems = param.nbItems, canScrollLeft = param.canScrollLeft, canScrollRight = param.canScrollRight, scrollLeft = param.scrollLeft, scrollRight = param.scrollRight;
+        return /*#__PURE__*/ React.createElement("div", {
+            className: "ais-ChatToolDisplayResultsCarouselHeader"
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: "ais-ChatToolDisplayResultsCarouselHeaderCount"
+        }, nbItems, " result", nbItems > 1 ? 's' : ''), /*#__PURE__*/ React.createElement("div", {
+            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButtons"
+        }, /*#__PURE__*/ React.createElement(Button, {
+            variant: "outline",
+            size: "sm",
+            iconOnly: true,
+            "aria-label": "Previous",
+            onClick: scrollLeft,
+            disabled: !canScrollLeft,
+            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
+        }, /*#__PURE__*/ React.createElement(ChevronLeftIcon, {
+            createElement: createElement
+        })), /*#__PURE__*/ React.createElement(Button, {
+            variant: "outline",
+            size: "sm",
+            iconOnly: true,
+            "aria-label": "Next",
+            onClick: scrollRight,
+            disabled: !canScrollRight,
+            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
+        }, /*#__PURE__*/ React.createElement(ChevronRightIcon, {
+            createElement: createElement
+        }))));
+    };
     var DisplayResultsLayoutComponent = function DisplayResultsLayoutComponent(toolProps) {
         return /*#__PURE__*/ React.createElement(DisplayResultsUIComponent, {
             toolProps: toolProps,
@@ -21,40 +53,14 @@ function createDisplayResultsTool(itemComponent) {
                     itemComponent: itemComponent,
                     sendEvent: sendEvent,
                     showNavigation: false,
-                    headerComponent: function headerComponent(param) {
-                        var canScrollLeft = param.canScrollLeft, canScrollRight = param.canScrollRight, scrollLeft = param.scrollLeft, scrollRight = param.scrollRight;
-                        return /*#__PURE__*/ React.createElement("div", {
-                            className: "ais-ChatToolDisplayResultsCarouselHeader"
-                        }, /*#__PURE__*/ React.createElement("div", {
-                            className: "ais-ChatToolDisplayResultsCarouselHeaderCount"
-                        }, items.length, " result", items.length > 1 ? 's' : ''), /*#__PURE__*/ React.createElement("div", {
-                            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButtons"
-                        }, /*#__PURE__*/ React.createElement(Button, {
-                            variant: "outline",
-                            size: "sm",
-                            iconOnly: true,
-                            onClick: scrollLeft,
-                            disabled: !canScrollLeft,
-                            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
-                        }, /*#__PURE__*/ React.createElement(ChevronLeftIcon, {
-                            createElement: createElement
-                        })), /*#__PURE__*/ React.createElement(Button, {
-                            variant: "outline",
-                            size: "sm",
-                            iconOnly: true,
-                            onClick: scrollRight,
-                            disabled: !canScrollRight,
-                            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
-                        }, /*#__PURE__*/ React.createElement(ChevronRightIcon, {
-                            createElement: createElement
-                        }))));
-                    }
+                    headerComponent: DisplayResultsCarouselHeader
                 });
             }
         });
     };
     return {
-        layoutComponent: DisplayResultsLayoutComponent
+        layoutComponent: DisplayResultsLayoutComponent,
+        streamInput: true
     };
 }