react-instantsearch 7.28.1 → 7.30.0

package/dist/umd/ReactInstantSearch.js

@@ -1,4 +1,4 @@
-/*! React InstantSearch 7.28.1 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! React InstantSearch 7.30.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
     typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
@@ -24,7 +24,7 @@
 
     var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-    var version$2 = '7.28.1';
+    var version$2 = '7.30.0';
 
     function _define_property(obj, key, value) {
         if (key in obj) {
@@ -5938,7 +5938,7 @@
         }
     }
 
-    var withUsage$s = createDocumentationMessageGenerator({
+    var withUsage$t = createDocumentationMessageGenerator({
         name: 'configure',
         connector: true
     });
@@ -5954,7 +5954,7 @@
         var renderFn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : noop, unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
         return function(widgetParams) {
             if (!widgetParams || !isPlainObject(widgetParams.searchParameters)) {
-                throw new Error(withUsage$s('The `searchParameters` option expects an object.'));
+                throw new Error(withUsage$t('The `searchParameters` option expects an object.'));
             }
             var connectorState = {};
             function refine(helper) {
@@ -6499,13 +6499,13 @@
         }
     }
 
-    var withUsage$r = createDocumentationMessageGenerator({
+    var withUsage$s = createDocumentationMessageGenerator({
         name: 'dynamic-widgets',
         connector: true
     });
     var connectDynamicWidgets = function connectDynamicWidgets(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$r());
+        checkRendering(renderFn, withUsage$s());
         return function(widgetParams) {
             var widgets = widgetParams.widgets, _widgetParams_maxValuesPerFacet = widgetParams.maxValuesPerFacet, maxValuesPerFacet = _widgetParams_maxValuesPerFacet === void 0 ? 20 : _widgetParams_maxValuesPerFacet, _widgetParams_facets = widgetParams.facets, facets = _widgetParams_facets === void 0 ? [
                 '*'
@@ -6515,10 +6515,10 @@
             if (!(widgets && Array.isArray(widgets) && widgets.every(function(widget) {
                 return (typeof widget === "undefined" ? "undefined" : _type_of(widget)) === 'object';
             }))) {
-                throw new Error(withUsage$r('The `widgets` option expects an array of widgets.'));
+                throw new Error(withUsage$s('The `widgets` option expects an array of widgets.'));
             }
             if (!Array.isArray(facets)) {
-                throw new Error(withUsage$r("The `facets` option only accepts an array of facets, you passed ".concat(JSON.stringify(facets))));
+                throw new Error(withUsage$s("The `facets` option only accepts an array of facets, you passed ".concat(JSON.stringify(facets))));
             }
             var localWidgets = new Map();
             return {
@@ -6620,7 +6620,7 @@
                         results: results
                     });
                     if (!Array.isArray(attributesToRender)) {
-                        throw new Error(withUsage$r('The `transformItems` option expects a function that returns an Array.'));
+                        throw new Error(withUsage$s('The `transformItems` option expects a function that returns an Array.'));
                     }
                     return {
                         attributesToRender: attributesToRender,
@@ -6801,7 +6801,7 @@
         };
     }
 
-    var withUsage$q = createDocumentationMessageGenerator({
+    var withUsage$r = createDocumentationMessageGenerator({
         name: 'index-widget'
     });
     /**
@@ -6895,7 +6895,7 @@
     }
     var index = function index(widgetParams) {
         if (widgetParams === undefined || widgetParams.indexName === undefined && !widgetParams.EXPERIMENTAL_isolated) {
-            throw new Error(withUsage$q('The `indexName` option is required.'));
+            throw new Error(withUsage$r('The `indexName` option is required.'));
         }
         // When isolated=true, we use an empty string as the default indexName.
         // This is intentional: isolated indices do not require a real index name.
@@ -6985,7 +6985,7 @@
             addWidgets: function addWidgets(widgets) {
                 var _this = this;
                 if (!Array.isArray(widgets)) {
-                    throw new Error(withUsage$q('The `addWidgets` method expects an array of widgets.'));
+                    throw new Error(withUsage$r('The `addWidgets` method expects an array of widgets.'));
                 }
                 var flatWidgets = widgets.reduce(function(acc, w) {
                     return acc.concat(Array.isArray(w) ? w : [
@@ -6995,7 +6995,7 @@
                 if (flatWidgets.some(function(widget) {
                     return typeof widget.init !== 'function' && typeof widget.render !== 'function';
                 })) {
-                    throw new Error(withUsage$q('The widget definition expects a `render` and/or an `init` method.'));
+                    throw new Error(withUsage$r('The widget definition expects a `render` and/or an `init` method.'));
                 }
                 flatWidgets.forEach(function(widget) {
                     widget.parent = _this;
@@ -7055,7 +7055,7 @@
             removeWidgets: function removeWidgets(widgets) {
                 var _this = this;
                 if (!Array.isArray(widgets)) {
-                    throw new Error(withUsage$q('The `removeWidgets` method expects an array of widgets.'));
+                    throw new Error(withUsage$r('The `removeWidgets` method expects an array of widgets.'));
                 }
                 var flatWidgets = widgets.reduce(function(acc, w) {
                     return acc.concat(Array.isArray(w) ? w : [
@@ -7065,7 +7065,7 @@
                 if (flatWidgets.some(function(widget) {
                     return typeof widget.dispose !== 'function';
                 })) {
-                    throw new Error(withUsage$q('The widget definition expects a `dispose` method.'));
+                    throw new Error(withUsage$r('The widget definition expects a `dispose` method.'));
                 }
                 localWidgets = localWidgets.filter(function(widget) {
                     return flatWidgets.indexOf(widget) === -1;
@@ -9684,7 +9684,7 @@
         };
     }
 
-    var version = '4.92.1';
+    var version = '4.94.0';
 
     function hydrateSearchClient(client, results) {
         if (!results) {
@@ -9819,7 +9819,7 @@
         });
     }
 
-    var withUsage$p = createDocumentationMessageGenerator({
+    var withUsage$q = createDocumentationMessageGenerator({
         name: 'instantsearch'
     });
     function defaultCreateURL() {
@@ -9875,7 +9875,7 @@
             _this.setMaxListeners(100);
             var _options_indexName = options.indexName, indexName = _options_indexName === void 0 ? '' : _options_indexName, compositionID = options.compositionID, numberLocale = options.numberLocale, _options_initialUiState = options.initialUiState, initialUiState = _options_initialUiState === void 0 ? {} : _options_initialUiState, _options_routing = options.routing, routing = _options_routing === void 0 ? null : _options_routing, _options_insights = options.insights, insights = _options_insights === void 0 ? undefined : _options_insights, searchFunction = options.searchFunction, _options_stalledSearchDelay = options.stalledSearchDelay, stalledSearchDelay = _options_stalledSearchDelay === void 0 ? 200 : _options_stalledSearchDelay, _options_searchClient = options.searchClient, searchClient = _options_searchClient === void 0 ? null : _options_searchClient, _options_insightsClient = options.insightsClient, insightsClient = _options_insightsClient === void 0 ? null : _options_insightsClient, _options_onStateChange = options.onStateChange, onStateChange = _options_onStateChange === void 0 ? null : _options_onStateChange, _options_future1 = options.future, future = _options_future1 === void 0 ? _object_spread({}, INSTANTSEARCH_FUTURE_DEFAULTS, options.future || {}) : _options_future1;
             if (searchClient === null) {
-                throw new Error(withUsage$p('The `searchClient` option is required.'));
+                throw new Error(withUsage$q('The `searchClient` option is required.'));
             }
             if (typeof searchClient.search !== 'function') {
                 throw new Error("The `searchClient` must implement a `search` method.\n\nSee: https://www.algolia.com/doc/guides/building-search-ui/going-further/backend-search/in-depth/backend-instantsearch/js/");
@@ -9884,7 +9884,7 @@
                 searchClient.addAlgoliaAgent("instantsearch.js (".concat(version, ")"));
             }
             if (insightsClient && typeof insightsClient !== 'function') {
-                throw new Error(withUsage$p('The `insightsClient` option should be a function.'));
+                throw new Error(withUsage$q('The `insightsClient` option should be a function.'));
             }
             _this.client = searchClient;
             _this.future = future;
@@ -10032,12 +10032,12 @@
        * @param widgets The array of widgets to add to InstantSearch.
        */ function addWidgets(widgets) {
                     if (!Array.isArray(widgets)) {
-                        throw new Error(withUsage$p('The `addWidgets` method expects an array of widgets. Please use `addWidget`.'));
+                        throw new Error(withUsage$q('The `addWidgets` method expects an array of widgets. Please use `addWidget`.'));
                     }
                     if (this.compositionID && widgets.some(function(w) {
                         return !Array.isArray(w) && isIndexWidget(w) && !w._isolated;
                     })) {
-                        throw new Error(withUsage$p('The `index` widget cannot be used with a composition-based InstantSearch implementation.'));
+                        throw new Error(withUsage$q('The `index` widget cannot be used with a composition-based InstantSearch implementation.'));
                     }
                     this.mainIndex.addWidgets(widgets);
                     return this;
@@ -10066,7 +10066,7 @@
        * The widgets must implement a `dispose()` method to clear their states.
        */ function removeWidgets(widgets) {
                     if (!Array.isArray(widgets)) {
-                        throw new Error(withUsage$p('The `removeWidgets` method expects an array of widgets. Please use `removeWidget`.'));
+                        throw new Error(withUsage$q('The `removeWidgets` method expects an array of widgets. Please use `removeWidget`.'));
                     }
                     this.mainIndex.removeWidgets(widgets);
                     return this;
@@ -10080,7 +10080,7 @@
        */ function start() {
                     var _this = this;
                     if (this.started) {
-                        throw new Error(withUsage$p('The `start` method has already been called once.'));
+                        throw new Error(withUsage$q('The `start` method has already been called once.'));
                     }
                     // This Helper is used for the queries, we don't care about its state. The
                     // states are managed at the `index` level. We use this Helper to create
@@ -10282,7 +10282,7 @@
                     var _this = this;
                     var callOnStateChange = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
                     if (!this.mainHelper) {
-                        throw new Error(withUsage$p('The `start` method needs to be called before `setUiState`.'));
+                        throw new Error(withUsage$q('The `start` method needs to be called before `setUiState`.'));
                     }
                     // We refresh the index UI state to update the local UI state that the
                     // main index passes to the function form of `setUiState`.
@@ -10319,7 +10319,7 @@
                 value: function createURL() {
                     var nextState = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
                     if (!this.started) {
-                        throw new Error(withUsage$p('The `start` method needs to be called before `createURL`.'));
+                        throw new Error(withUsage$q('The `start` method needs to be called before `createURL`.'));
                     }
                     return this._createURL(nextState);
                 }
@@ -10328,7 +10328,7 @@
                 key: "refresh",
                 value: function refresh() {
                     if (!this.mainHelper) {
-                        throw new Error(withUsage$p('The `start` method needs to be called before `refresh`.'));
+                        throw new Error(withUsage$q('The `start` method needs to be called before `refresh`.'));
                     }
                     this.mainHelper.clearCache().search();
                 }
@@ -10990,17 +10990,17 @@
         return bindEventForHits;
     }
 
-    var withUsage$o = createDocumentationMessageGenerator({
+    var withUsage$p = createDocumentationMessageGenerator({
         name: 'autocomplete',
         connector: true
     });
     var connectAutocomplete = function connectAutocomplete(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$o());
+        checkRendering(renderFn, withUsage$p());
         return function(widgetParams) {
             var _ref = widgetParams || {}, _ref_escapeHTML = _ref.escapeHTML, escapeHTML = _ref_escapeHTML === void 0 ? true : _ref_escapeHTML, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(indices) {
                 return indices;
-            } : _ref_transformItems;
+            } : _ref_transformItems, tmp = _ref.future, _ref1 = tmp === void 0 ? {} : tmp, _ref_undefinedEmptyQuery = _ref1.undefinedEmptyQuery, undefinedEmptyQuery = _ref_undefinedEmptyQuery === void 0 ? false : _ref_undefinedEmptyQuery;
             var connectorState = {};
             return {
                 $$type: 'ais.autocomplete',
@@ -11055,7 +11055,7 @@
                         };
                     });
                     return {
-                        currentRefinement: state.query || '',
+                        currentRefinement: undefinedEmptyQuery ? state.query : state.query || '',
                         indices: transformItems(indices).map(function(transformedIndex) {
                             return _object_spread_props(_object_spread({}, transformedIndex), {
                                 sendEvent: sendEventMap[transformedIndex.indexId]
@@ -11067,8 +11067,8 @@
                 },
                 getWidgetUiState: function getWidgetUiState(uiState, param) {
                     var searchParameters = param.searchParameters;
-                    var query = searchParameters.query || '';
-                    if (query === '' || uiState && uiState.query === query) {
+                    var query = undefinedEmptyQuery ? searchParameters.query : searchParameters.query || '';
+                    if (!query || query === '' || uiState && uiState.query === query) {
                         return uiState;
                     }
                     return _object_spread_props(_object_spread({}, uiState), {
@@ -11078,7 +11078,7 @@
                 getWidgetSearchParameters: function getWidgetSearchParameters(searchParameters, param) {
                     var uiState = param.uiState;
                     var parameters = {
-                        query: uiState.query || ''
+                        query: undefinedEmptyQuery ? uiState.query : uiState.query || ''
                     };
                     if (!escapeHTML) {
                         return searchParameters.setQueryParameters(parameters);
@@ -11104,20 +11104,20 @@
         return useConnector(connectAutocomplete, props, additionalWidgetProperties);
     }
 
-    var withUsage$n = createDocumentationMessageGenerator({
+    var withUsage$o = createDocumentationMessageGenerator({
         name: 'breadcrumb',
         connector: true
     });
     var connectBreadcrumb = function connectBreadcrumb(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$n());
+        checkRendering(renderFn, withUsage$o());
         var connectorState = {};
         return function(widgetParams) {
             var _ref = widgetParams || {}, attributes = _ref.attributes, _ref_separator = _ref.separator, separator = _ref_separator === void 0 ? ' > ' : _ref_separator, _ref_rootPath = _ref.rootPath, rootPath = _ref_rootPath === void 0 ? null : _ref_rootPath, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(items) {
                 return items;
             } : _ref_transformItems;
             if (!attributes || !Array.isArray(attributes) || attributes.length === 0) {
-                throw new Error(withUsage$n('The `attributes` option expects an array of strings.'));
+                throw new Error(withUsage$o('The `attributes` option expects an array of strings.'));
             }
             var _attributes = _sliced_to_array(attributes, 1), hierarchicalFacetName = _attributes[0];
             function getRefinedState(state, facetValue) {
@@ -12578,6 +12578,30 @@
         return DefaultChatTransport;
     }(HttpChatTransport);
 
+    function sendChatMessageFeedback(param) {
+        var agentId = param.agentId, vote = param.vote, messageId = param.messageId, appId = param.appId, apiKey = param.apiKey;
+        return fetch("https://".concat(appId, ".algolia.net/agent-studio/1/feedback"), {
+            method: 'POST',
+            body: JSON.stringify({
+                messageId: messageId,
+                agentId: agentId,
+                vote: vote
+            }),
+            headers: {
+                'x-algolia-application-id': appId,
+                'x-algolia-api-key': apiKey,
+                'content-type': 'application/json'
+            }
+        }).then(function(response) {
+            if (response.status >= 300) {
+                return response.json().then(function(data) {
+                    throw new Error("Feedback request failed with status ".concat(response.status, ": ").concat(data.message));
+                });
+            }
+            return response.json();
+        });
+    }
+
     /**
      * Clears the refinements of a SearchParameters object based on rules provided.
      * The included attributes list is applied before the excluded attributes list. If the list
@@ -12730,7 +12754,7 @@
         return refinements;
     }
 
-    var withUsage$m = createDocumentationMessageGenerator({
+    var withUsage$n = createDocumentationMessageGenerator({
         name: 'chat',
         connector: true
     });
@@ -12781,12 +12805,14 @@
     }
     var connectChat = function connectChat(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$m());
+        checkRendering(renderFn, withUsage$n());
         return function(widgetParams) {
-            var _ref = widgetParams || {}, _ref_resume = _ref.resume, resume = _ref_resume === void 0 ? false : _ref_resume, _ref_tools = _ref.tools, tools = _ref_tools === void 0 ? {} : _ref_tools, _ref_type = _ref.type, type = _ref_type === void 0 ? 'chat' : _ref_type, options = _object_without_properties(_ref, [
+            var _ref = widgetParams || {}, _ref_resume = _ref.resume, resume = _ref_resume === void 0 ? false : _ref_resume, _ref_tools = _ref.tools, tools = _ref_tools === void 0 ? {} : _ref_tools, _ref_type = _ref.type, type = _ref_type === void 0 ? 'chat' : _ref_type, context = _ref.context, initialUserMessage = _ref.initialUserMessage, options = _object_without_properties(_ref, [
                 "resume",
                 "tools",
-                "type"
+                "type",
+                "context",
+                "initialUserMessage"
             ]);
             var _chatInstance;
             var input = '';
@@ -12797,7 +12823,11 @@
             var setOpen;
             var focusInput;
             var setIsClearing;
+            var setFeedbackState;
             var agentId = 'agentId' in options ? options.agentId : undefined;
+            var feedbackState = {};
+            var _sendChatMessageFeedback;
+            var feedbackAbortController;
             // Extract suggestions from the last assistant message's data-suggestions part
             var getSuggestionsFromMessages = function getSuggestionsFromMessages(messages) {
                 // Find the last assistant message (iterate from end)
@@ -12824,11 +12854,16 @@
                 if (!_chatInstance.messages || _chatInstance.messages.length === 0) {
                     return;
                 }
+                var status = _chatInstance.status;
+                if (status === 'submitted' || status === 'streaming') {
+                    _chatInstance.stop();
+                }
                 setIsClearing(true);
             };
             var onClearTransitionEnd = function onClearTransitionEnd() {
                 setMessages([]);
                 _chatInstance.clearError();
+                feedbackState = {};
                 setIsClearing(false);
             };
             var makeChatInstance = function makeChatInstance(instantSearchInstance) {
@@ -12872,7 +12907,7 @@
                 }
                 if ('agentId' in options && options.agentId) {
                     if (!appId || !apiKey) {
-                        throw new Error(withUsage$m('Could not extract Algolia credentials from the search client.'));
+                        throw new Error(withUsage$n('Could not extract Algolia credentials from the search client.'));
                     }
                     var baseApi = "https://".concat(appId, ".algolia.net/agent-studio/1/agents/").concat(agentId, "/completions?compatibilityMode=ai-sdk-5");
                     transport = new DefaultChatTransport({
@@ -12898,7 +12933,7 @@
                     });
                 }
                 if (!transport) {
-                    throw new Error(withUsage$m('You need to provide either an `agentId` or a `transport`.'));
+                    throw new Error(withUsage$n('You need to provide either an `agentId` or a `transport`.'));
                 }
                 if ('chat' in options) {
                     return options.chat;
@@ -12963,12 +12998,44 @@
                         isClearing = value;
                         render();
                     };
+                    setFeedbackState = function setFeedbackState(messageId, state) {
+                        feedbackState = _object_spread_props(_object_spread({}, feedbackState), _define_property({}, messageId, state));
+                        render();
+                    };
+                    var feedback = 'feedback' in options ? options.feedback : undefined;
+                    if (agentId && feedback) {
+                        var _getAppIdAndApiKey = _sliced_to_array(getAppIdAndApiKey(initOptions.instantSearchInstance.client), 2), appId = _getAppIdAndApiKey[0], apiKey = _getAppIdAndApiKey[1];
+                        if (!appId || !apiKey) {
+                            throw new Error(withUsage$n('Could not extract Algolia credentials from the search client.'));
+                        }
+                        feedbackAbortController = new AbortController();
+                        _sendChatMessageFeedback = function _sendChatMessageFeedback(messageId, vote) {
+                            if (feedbackState[messageId] !== undefined) {
+                                return;
+                            }
+                            setFeedbackState(messageId, 'sending');
+                            sendChatMessageFeedback({
+                                agentId: agentId,
+                                vote: vote,
+                                messageId: messageId,
+                                appId: appId,
+                                apiKey: apiKey
+                            }).finally(function() {
+                                setFeedbackState(messageId, vote);
+                            });
+                        };
+                    }
                     _chatInstance['~registerErrorCallback'](render);
                     _chatInstance['~registerMessagesCallback'](render);
                     _chatInstance['~registerStatusCallback'](render);
                     if (resume) {
                         _chatInstance.resumeStream();
                     }
+                    if (initialUserMessage && !resume && _chatInstance.messages.length === 0) {
+                        _chatInstance.sendMessage({
+                            text: initialUserMessage
+                        });
+                    }
                     renderFn(_object_spread_props(_object_spread({}, this.getWidgetRenderState(initOptions)), {
                         instantSearchInstance: instantSearchInstance
                     }), true);
@@ -13004,10 +13071,65 @@
                         var _param = _sliced_to_array(param, 2), key = _param[0], tool = _param[1];
                         var toolWithAddToolResult = _object_spread_props(_object_spread({}, tool), {
                             addToolResult: _chatInstance.addToolResult,
-                            applyFilters: applyFilters
+                            applyFilters: applyFilters,
+                            sendEvent: sendEvent
                         });
                         toolsWithAddToolResult[key] = toolWithAddToolResult;
                     });
+                    var sendMessageWithContext = function sendMessageWithContext(message) {
+                        for(var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+                            rest[_key - 1] = arguments[_key];
+                        }
+                        var _chatInstance1;
+                        if (!context || !message) {
+                            var _chatInstance2;
+                            return (_chatInstance2 = _chatInstance).sendMessage.apply(_chatInstance2, [
+                                message
+                            ].concat(_to_consumable_array(rest)));
+                        }
+                        var resolvedContext = typeof context === 'function' ? context() : context;
+                        var serializedContext;
+                        try {
+                            serializedContext = JSON.stringify(resolvedContext);
+                        } catch (unused) {
+                            var _chatInstance3;
+                            return (_chatInstance3 = _chatInstance).sendMessage.apply(_chatInstance3, [
+                                message
+                            ].concat(_to_consumable_array(rest)));
+                        }
+                        var contextTextPart = {
+                            type: 'text',
+                            text: '<context>'.concat(serializedContext).concat('</context>')
+                        };
+                        if ('parts' in message && message.parts) {
+                            var _chatInstance4;
+                            return (_chatInstance4 = _chatInstance).sendMessage.apply(_chatInstance4, [
+                                _object_spread_props(_object_spread({}, message), {
+                                    parts: [
+                                        contextTextPart
+                                    ].concat(_to_consumable_array(message.parts)),
+                                    text: undefined,
+                                    files: undefined
+                                })
+                            ].concat(_to_consumable_array(rest)));
+                        }
+                        var textContent = 'text' in message && message.text ? message.text : '';
+                        return (_chatInstance1 = _chatInstance).sendMessage.apply(_chatInstance1, [
+                            {
+                                parts: [
+                                    contextTextPart,
+                                    {
+                                        type: 'text',
+                                        text: textContent
+                                    }
+                                ],
+                                metadata: message.metadata,
+                                messageId: message.messageId,
+                                files: undefined,
+                                text: undefined
+                            }
+                        ].concat(_to_consumable_array(rest)));
+                    };
                     return {
                         indexUiState: instantSearchInstance.getUiState()[parent.getIndexId()],
                         input: input,
@@ -13023,6 +13145,8 @@
                         clearMessages: clearMessages,
                         onClearTransitionEnd: onClearTransitionEnd,
                         tools: toolsWithAddToolResult,
+                        sendChatMessageFeedback: _sendChatMessageFeedback,
+                        feedbackState: feedbackState,
                         widgetParams: widgetParams,
                         // Chat instance render state
                         addToolResult: _chatInstance.addToolResult,
@@ -13032,12 +13156,13 @@
                         messages: _chatInstance.messages,
                         regenerate: _chatInstance.regenerate,
                         resumeStream: _chatInstance.resumeStream,
-                        sendMessage: _chatInstance.sendMessage,
+                        sendMessage: sendMessageWithContext,
                         status: _chatInstance.status,
                         stop: _chatInstance.stop
                     };
                 },
                 dispose: function dispose() {
+                    feedbackAbortController === null || feedbackAbortController === void 0 ? void 0 : feedbackAbortController.abort();
                     unmountFn();
                 },
                 shouldRender: function shouldRender() {
@@ -13054,13 +13179,13 @@
         return useConnector(connectChat, props, additionalWidgetProperties);
     }
 
-    var withUsage$l = createDocumentationMessageGenerator({
+    var withUsage$m = createDocumentationMessageGenerator({
         name: 'clear-refinements',
         connector: true
     });
     var connectClearRefinements = function connectClearRefinements(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$l());
+        checkRendering(renderFn, withUsage$m());
         return function(widgetParams) {
             var _ref = widgetParams || {}, _ref_includedAttributes = _ref.includedAttributes, includedAttributes = _ref_includedAttributes === void 0 ? [] : _ref_includedAttributes, _ref_excludedAttributes = _ref.excludedAttributes, excludedAttributes = _ref_excludedAttributes === void 0 ? [
                 'query'
@@ -13068,7 +13193,7 @@
                 return items;
             } : _ref_transformItems;
             if (widgetParams && widgetParams.includedAttributes && widgetParams.excludedAttributes) {
-                throw new Error(withUsage$l('The options `includedAttributes` and `excludedAttributes` cannot be used together.'));
+                throw new Error(withUsage$m('The options `includedAttributes` and `excludedAttributes` cannot be used together.'));
             }
             var connectorState = {
                 refine: noop,
@@ -13171,16 +13296,16 @@
         return useConnector(connectClearRefinements, props, additionalWidgetProperties);
     }
 
-    var withUsage$k = createDocumentationMessageGenerator({
+    var withUsage$l = createDocumentationMessageGenerator({
         name: 'current-refinements',
         connector: true
     });
     var connectCurrentRefinements = function connectCurrentRefinements(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$k());
+        checkRendering(renderFn, withUsage$l());
         return function(widgetParams) {
             if ((widgetParams || {}).includedAttributes && (widgetParams || {}).excludedAttributes) {
-                throw new Error(withUsage$k('The options `includedAttributes` and `excludedAttributes` cannot be used together.'));
+                throw new Error(withUsage$l('The options `includedAttributes` and `excludedAttributes` cannot be used together.'));
             }
             var _ref = widgetParams || {}, includedAttributes = _ref.includedAttributes, _ref_excludedAttributes = _ref.excludedAttributes, excludedAttributes = _ref_excludedAttributes === void 0 ? [
                 'query'
@@ -13369,19 +13494,19 @@
         });
     }
 
-    var withUsage$j = createDocumentationMessageGenerator({
+    var withUsage$k = createDocumentationMessageGenerator({
         name: 'frequently-bought-together',
         connector: true
     });
     var connectFrequentlyBoughtTogether = function connectFrequentlyBoughtTogether(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$j());
+        checkRendering(renderFn, withUsage$k());
         return function(widgetParams) {
             var _ref = widgetParams || {}, _ref_escapeHTML = _ref.escapeHTML, escapeHTML = _ref_escapeHTML === void 0 ? true : _ref_escapeHTML, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(items) {
                 return items;
             } : _ref_transformItems, objectIDs = _ref.objectIDs, limit = _ref.limit, threshold = _ref.threshold, fallbackParameters = _ref.fallbackParameters, queryParameters = _ref.queryParameters;
             if (!objectIDs || objectIDs.length === 0) {
-                throw new Error(withUsage$j('The `objectIDs` option is required.'));
+                throw new Error(withUsage$k('The `objectIDs` option is required.'));
             }
             var sendEvent;
             return {
@@ -13519,7 +13644,7 @@
         return insideBoundingBoxStringToBoundingBox(value);
     }
 
-    var withUsage$i = createDocumentationMessageGenerator({
+    var withUsage$j = createDocumentationMessageGenerator({
         name: 'geo-search',
         connector: true
     });
@@ -13543,7 +13668,7 @@
      * Currently, the feature is not compatible with multiple values in the _geoloc attribute.
      */ var connectGeoSearch = function connectGeoSearch(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$i());
+        checkRendering(renderFn, withUsage$j());
         return function(widgetParams) {
             var _ref = widgetParams || {}, _ref_enableRefineOnMapMove = _ref.enableRefineOnMapMove, enableRefineOnMapMove = _ref_enableRefineOnMapMove === void 0 ? true : _ref_enableRefineOnMapMove, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(items) {
                 return items;
@@ -13761,7 +13886,7 @@
         return sendEventForFacet;
     }
 
-    var withUsage$h = createDocumentationMessageGenerator({
+    var withUsage$i = createDocumentationMessageGenerator({
         name: 'hierarchical-menu',
         connector: true
     });
@@ -13782,16 +13907,16 @@
      * @return {function(CustomHierarchicalMenuWidgetParams)} Re-usable widget factory for a custom **HierarchicalMenu** widget.
      */ var connectHierarchicalMenu = function connectHierarchicalMenu(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$h());
+        checkRendering(renderFn, withUsage$i());
         return function(widgetParams) {
             var _ref = widgetParams || {}, attributes = _ref.attributes, _ref_separator = _ref.separator, separator = _ref_separator === void 0 ? ' > ' : _ref_separator, _ref_rootPath = _ref.rootPath, rootPath = _ref_rootPath === void 0 ? null : _ref_rootPath, _ref_showParentLevel = _ref.showParentLevel, showParentLevel = _ref_showParentLevel === void 0 ? true : _ref_showParentLevel, _ref_limit = _ref.limit, limit = _ref_limit === void 0 ? 10 : _ref_limit, _ref_showMore = _ref.showMore, showMore = _ref_showMore === void 0 ? false : _ref_showMore, _ref_showMoreLimit = _ref.showMoreLimit, showMoreLimit = _ref_showMoreLimit === void 0 ? 20 : _ref_showMoreLimit, _ref_sortBy = _ref.sortBy, sortBy = _ref_sortBy === void 0 ? DEFAULT_SORT$2 : _ref_sortBy, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(items) {
                 return items;
             } : _ref_transformItems;
             if (!attributes || !Array.isArray(attributes) || attributes.length === 0) {
-                throw new Error(withUsage$h('The `attributes` option expects an array of strings.'));
+                throw new Error(withUsage$i('The `attributes` option expects an array of strings.'));
             }
             if (showMore === true && showMoreLimit <= limit) {
-                throw new Error(withUsage$h('The `showMoreLimit` option must be greater than `limit`.'));
+                throw new Error(withUsage$i('The `showMoreLimit` option must be greater than `limit`.'));
             }
             // we need to provide a hierarchicalFacet name for the search state
             // so that we can always map $hierarchicalFacetName => real attributes
@@ -13983,13 +14108,13 @@
         return useConnector(connectHierarchicalMenu, props, additionalWidgetProperties);
     }
 
-    var withUsage$g = createDocumentationMessageGenerator({
+    var withUsage$h = createDocumentationMessageGenerator({
         name: 'hits',
         connector: true
     });
     var connectHits = function connectHits(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$g());
+        checkRendering(renderFn, withUsage$h());
         return function(widgetParams) {
             var _ref = widgetParams || {}, _ref_escapeHTML = _ref.escapeHTML, escapeHTML = _ref_escapeHTML === void 0 ? true : _ref_escapeHTML, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(items) {
                 return items;
@@ -14087,29 +14212,29 @@
         return useConnector(connectHits, props, additionalWidgetProperties);
     }
 
-    var withUsage$f = createDocumentationMessageGenerator({
+    var withUsage$g = createDocumentationMessageGenerator({
         name: 'hits-per-page',
         connector: true
     });
     var connectHitsPerPage = function connectHitsPerPage(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$f());
+        checkRendering(renderFn, withUsage$g());
         return function(widgetParams) {
             var _ref = widgetParams || {}, userItems = _ref.items, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(items) {
                 return items;
             } : _ref_transformItems;
             if (!Array.isArray(userItems)) {
-                throw new Error(withUsage$f('The `items` option expects an array of objects.'));
+                throw new Error(withUsage$g('The `items` option expects an array of objects.'));
             }
             var items = userItems;
             var defaultItems = items.filter(function(item) {
                 return item.default === true;
             });
             if (defaultItems.length === 0) {
-                throw new Error(withUsage$f("A default value must be specified in `items`."));
+                throw new Error(withUsage$g("A default value must be specified in `items`."));
             }
             if (defaultItems.length > 1) {
-                throw new Error(withUsage$f('More than one default value is specified in `items`.'));
+                throw new Error(withUsage$g('More than one default value is specified in `items`.'));
             }
             var defaultItem = defaultItems[0];
             var normalizeItems = function normalizeItems(param) {
@@ -14228,7 +14353,7 @@
         });
     }
 
-    var withUsage$e = createDocumentationMessageGenerator({
+    var withUsage$f = createDocumentationMessageGenerator({
         name: 'infinite-hits',
         connector: true
     });
@@ -14274,7 +14399,7 @@
     }
     var connectInfiniteHits = function connectInfiniteHits(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$e());
+        checkRendering(renderFn, withUsage$f());
         return function(widgetParams) {
             var _ref = widgetParams || {}, _ref_escapeHTML = _ref.escapeHTML, escapeHTML = _ref_escapeHTML === void 0 ? true : _ref_escapeHTML, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(items) {
                 return items;
@@ -14480,7 +14605,7 @@
         return useConnector(connectInfiniteHits, props, additionalWidgetProperties);
     }
 
-    var withUsage$d = createDocumentationMessageGenerator({
+    var withUsage$e = createDocumentationMessageGenerator({
         name: 'menu',
         connector: true
     });
@@ -14498,16 +14623,16 @@
      * **Requirement:** the attribute passed as `attribute` must be present in "attributes for faceting" on the Algolia dashboard or configured as attributesForFaceting via a set settings call to the Algolia API.
      */ var connectMenu = function connectMenu(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$d());
+        checkRendering(renderFn, withUsage$e());
         return function(widgetParams) {
             var _ref = widgetParams || {}, attribute = _ref.attribute, _ref_limit = _ref.limit, limit = _ref_limit === void 0 ? 10 : _ref_limit, _ref_showMore = _ref.showMore, showMore = _ref_showMore === void 0 ? false : _ref_showMore, _ref_showMoreLimit = _ref.showMoreLimit, showMoreLimit = _ref_showMoreLimit === void 0 ? 20 : _ref_showMoreLimit, _ref_sortBy = _ref.sortBy, sortBy = _ref_sortBy === void 0 ? DEFAULT_SORT$1 : _ref_sortBy, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(items) {
                 return items;
             } : _ref_transformItems;
             if (!attribute) {
-                throw new Error(withUsage$d('The `attribute` option is required.'));
+                throw new Error(withUsage$e('The `attribute` option is required.'));
             }
             if (showMore === true && showMoreLimit <= limit) {
-                throw new Error(withUsage$d('The `showMoreLimit` option must be greater than `limit`.'));
+                throw new Error(withUsage$e('The `showMoreLimit` option must be greater than `limit`.'));
             }
             var sendEvent;
             var _createURL;
@@ -14677,7 +14802,7 @@
         return typeof value === 'number' && isFinite(value);
     }
 
-    var withUsage$c = createDocumentationMessageGenerator({
+    var withUsage$d = createDocumentationMessageGenerator({
         name: 'numeric-menu',
         connector: true
     });
@@ -14696,16 +14821,16 @@
     };
     var connectNumericMenu = function connectNumericMenu(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$c());
+        checkRendering(renderFn, withUsage$d());
         return function(widgetParams) {
             var _ref = widgetParams || {}, _ref_attribute = _ref.attribute, attribute = _ref_attribute === void 0 ? '' : _ref_attribute, _ref_items = _ref.items, items = _ref_items === void 0 ? [] : _ref_items, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(item) {
                 return item;
             } : _ref_transformItems;
             if (attribute === '') {
-                throw new Error(withUsage$c('The `attribute` option is required.'));
+                throw new Error(withUsage$d('The `attribute` option is required.'));
             }
             if (!items || items.length === 0) {
-                throw new Error(withUsage$c('The `items` option expects an array of objects.'));
+                throw new Error(withUsage$d('The `items` option expects an array of objects.'));
             }
             var prepareItems = function prepareItems(state) {
                 return items.map(function(param) {
@@ -15020,7 +15145,7 @@
         return Paginator;
     }();
 
-    var withUsage$b = createDocumentationMessageGenerator({
+    var withUsage$c = createDocumentationMessageGenerator({
         name: 'pagination',
         connector: true
     });
@@ -15032,7 +15157,7 @@
      * beyond the 1000th hits by default. You can find more information on the [Algolia documentation](https://www.algolia.com/doc/guides/searching/pagination/#pagination-limitations).
      */ var connectPagination = function connectPagination(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$b());
+        checkRendering(renderFn, withUsage$c());
         return function(widgetParams) {
             var _ref = widgetParams || {}, totalPages = _ref.totalPages, _ref_padding = _ref.padding, padding = _ref_padding === void 0 ? 3 : _ref_padding;
             var pager = new Paginator({
@@ -15154,7 +15279,7 @@
         };
     }
 
-    var withUsage$a = createDocumentationMessageGenerator({
+    var withUsage$b = createDocumentationMessageGenerator({
         name: 'query-rules',
         connector: true
     });
@@ -15210,7 +15335,7 @@
     }
     var connectQueryRules = function connectQueryRules(render) {
         var unmount = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(render, withUsage$a());
+        checkRendering(render, withUsage$b());
         return function(widgetParams) {
             var _ref = widgetParams || {}, _ref_trackedFilters = _ref.trackedFilters, trackedFilters = _ref_trackedFilters === void 0 ? {} : _ref_trackedFilters, _ref_transformRuleContexts = _ref.transformRuleContexts, transformRuleContexts = _ref_transformRuleContexts === void 0 ? function(rules) {
                 return rules;
@@ -15219,7 +15344,7 @@
             } : _ref_transformItems;
             Object.keys(trackedFilters).forEach(function(facetName) {
                 if (typeof trackedFilters[facetName] !== 'function') {
-                    throw new Error(withUsage$a("'The \"".concat(facetName, '" filter value in the `trackedFilters` option expects a function.')));
+                    throw new Error(withUsage$b("'The \"".concat(facetName, '" filter value in the `trackedFilters` option expects a function.')));
                 }
             });
             var hasTrackedFilters = Object.keys(trackedFilters).length > 0;
@@ -15295,7 +15420,7 @@
         return useConnector(connectQueryRules, props, additionalWidgetProperties);
     }
 
-    var withUsage$9 = createDocumentationMessageGenerator({
+    var withUsage$a = createDocumentationMessageGenerator({
         name: 'range-input',
         connector: true
     }, {
@@ -15319,14 +15444,14 @@
      * information about the min and max bounds for the current result set.
      */ var connectRange = function connectRange(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$9());
+        checkRendering(renderFn, withUsage$a());
         return function(widgetParams) {
             var _ref = widgetParams || {}, _ref_attribute = _ref.attribute, attribute = _ref_attribute === void 0 ? '' : _ref_attribute, minBound = _ref.min, maxBound = _ref.max, _ref_precision = _ref.precision, precision = _ref_precision === void 0 ? 0 : _ref_precision;
             if (!attribute) {
-                throw new Error(withUsage$9('The `attribute` option is required.'));
+                throw new Error(withUsage$a('The `attribute` option is required.'));
             }
             if (isFiniteNumber(minBound) && isFiniteNumber(maxBound) && minBound > maxBound) {
-                throw new Error(withUsage$9("The `max` option can't be lower than `min`."));
+                throw new Error(withUsage$a("The `max` option can't be lower than `min`."));
             }
             var formatToNumber = function formatToNumber(v) {
                 return Number(Number(v).toFixed(precision));
@@ -15546,7 +15671,7 @@
         return useConnector(connectRange, props, additionalWidgetProperties);
     }
 
-    var withUsage$8 = createDocumentationMessageGenerator({
+    var withUsage$9 = createDocumentationMessageGenerator({
         name: 'refinement-list',
         connector: true
     });
@@ -15568,19 +15693,19 @@
      * - a `searchForItems()` function to search within the items.
      */ var connectRefinementList = function connectRefinementList(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$8());
+        checkRendering(renderFn, withUsage$9());
         return function(widgetParams) {
             var _ref = widgetParams || {}, attribute = _ref.attribute, _ref_operator = _ref.operator, operator = _ref_operator === void 0 ? 'or' : _ref_operator, _ref_limit = _ref.limit, limit = _ref_limit === void 0 ? 10 : _ref_limit, _ref_showMore = _ref.showMore, showMore = _ref_showMore === void 0 ? false : _ref_showMore, _ref_showMoreLimit = _ref.showMoreLimit, showMoreLimit = _ref_showMoreLimit === void 0 ? 20 : _ref_showMoreLimit, _ref_sortBy = _ref.sortBy, sortBy = _ref_sortBy === void 0 ? DEFAULT_SORT : _ref_sortBy, _ref_escapeFacetValues = _ref.escapeFacetValues, escapeFacetValues = _ref_escapeFacetValues === void 0 ? true : _ref_escapeFacetValues, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(items) {
                 return items;
             } : _ref_transformItems;
             if (!attribute) {
-                throw new Error(withUsage$8('The `attribute` option is required.'));
+                throw new Error(withUsage$9('The `attribute` option is required.'));
             }
             if (!/^(and|or)$/.test(operator)) {
-                throw new Error(withUsage$8('The `operator` must one of: `"and"`, `"or"` (got "'.concat(operator, '").')));
+                throw new Error(withUsage$9('The `operator` must one of: `"and"`, `"or"` (got "'.concat(operator, '").')));
             }
             if (showMore === true && showMoreLimit <= limit) {
-                throw new Error(withUsage$8('`showMoreLimit` should be greater than `limit`.'));
+                throw new Error(withUsage$9('`showMoreLimit` should be greater than `limit`.'));
             }
             var formatItems = function formatItems(_0) {
                 var label = _0.name, value = _0.escapedValue, item = _object_without_properties(_0, [
@@ -15808,19 +15933,19 @@
         return useConnector(connectRefinementList, props, additionalWidgetProperties);
     }
 
-    var withUsage$7 = createDocumentationMessageGenerator({
+    var withUsage$8 = createDocumentationMessageGenerator({
         name: 'related-products',
         connector: true
     });
     var connectRelatedProducts = function connectRelatedProducts(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$7());
+        checkRendering(renderFn, withUsage$8());
         return function(widgetParams) {
             var _ref = widgetParams || {}, _ref_escapeHTML = _ref.escapeHTML, escapeHTML = _ref_escapeHTML === void 0 ? true : _ref_escapeHTML, objectIDs = _ref.objectIDs, limit = _ref.limit, threshold = _ref.threshold, fallbackParameters = _ref.fallbackParameters, queryParameters = _ref.queryParameters, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(items) {
                 return items;
             } : _ref_transformItems;
             if (!objectIDs || objectIDs.length === 0) {
-                throw new Error(withUsage$7('The `objectIDs` option is required.'));
+                throw new Error(withUsage$8('The `objectIDs` option is required.'));
             }
             var sendEvent;
             return {
@@ -15896,7 +16021,7 @@
         return useConnector(connectRelatedProducts, props, additionalWidgetProperties);
     }
 
-    var withUsage$6 = createDocumentationMessageGenerator({
+    var withUsage$7 = createDocumentationMessageGenerator({
         name: 'search-box',
         connector: true
     });
@@ -15910,7 +16035,7 @@
      * may be impacted by the `queryHook` widget parameter.
      */ var connectSearchBox = function connectSearchBox(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$6());
+        checkRendering(renderFn, withUsage$7());
         return function(widgetParams) {
             var _ref = widgetParams || {}, _ref_queryHook = _ref.queryHook, queryHook = _ref_queryHook === void 0 ? defaultQueryHook : _ref_queryHook;
             var _refine;
@@ -15981,7 +16106,7 @@
         return useConnector(connectSearchBox, props, additionalWidgetProperties);
     }
 
-    var withUsage$5 = createDocumentationMessageGenerator({
+    var withUsage$6 = createDocumentationMessageGenerator({
         name: 'sort-by',
         connector: true
     });
@@ -16001,14 +16126,14 @@
     }
     var connectSortBy = function connectSortBy(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$5());
+        checkRendering(renderFn, withUsage$6());
         var connectorState = {};
         return function(widgetParams) {
             var _ref = widgetParams || {}, items = _ref.items, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(x) {
                 return x;
             } : _ref_transformItems;
             if (!Array.isArray(items)) {
-                throw new Error(withUsage$5('The `items` option expects an array of objects.'));
+                throw new Error(withUsage$6('The `items` option expects an array of objects.'));
             }
             var itemsLookup = {};
             items.forEach(function(item, index) {
@@ -16016,10 +16141,10 @@
                 var hasStrategy = 'strategy' in item && item.strategy !== undefined;
                 // Validate mutual exclusivity
                 if (hasValue && hasStrategy) {
-                    throw new Error(withUsage$5("Item at index ".concat(index, ' cannot have both "value" and "strategy" properties.')));
+                    throw new Error(withUsage$6("Item at index ".concat(index, ' cannot have both "value" and "strategy" properties.')));
                 }
                 if (!hasValue && !hasStrategy) {
-                    throw new Error(withUsage$5("Item at index ".concat(index, ' must have either a "value" or "strategy" property.')));
+                    throw new Error(withUsage$6("Item at index ".concat(index, ' must have either a "value" or "strategy" property.')));
                 }
                 var itemValue = getItemValue(item);
                 itemsLookup[itemValue] = item;
@@ -16034,7 +16159,7 @@
                         return 'strategy' in item && item.strategy;
                     });
                     if (hasStrategyItems && !instantSearchInstance.compositionID) {
-                        throw new Error(withUsage$5('Sorting strategies can only be used in composition mode. Please provide a "compositionID" to your InstantSearch instance.'));
+                        throw new Error(withUsage$6('Sorting strategies can only be used in composition mode. Please provide a "compositionID" to your InstantSearch instance.'));
                     }
                     var widgetRenderState = this.getWidgetRenderState(initOptions);
                     var currentIndex = widgetRenderState.currentRefinement;
@@ -16147,13 +16272,13 @@
         return useConnector(connectSortBy, props, additionalWidgetProperties);
     }
 
-    var withUsage$4 = createDocumentationMessageGenerator({
+    var withUsage$5 = createDocumentationMessageGenerator({
         name: 'stats',
         connector: true
     });
     var connectStats = function connectStats(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$4());
+        checkRendering(renderFn, withUsage$5());
         return function(widgetParams) {
             return {
                 $$type: 'ais.stats',
@@ -16212,7 +16337,7 @@
         return useConnector(connectStats, props, additionalWidgetProperties);
     }
 
-    var withUsage$3 = createDocumentationMessageGenerator({
+    var withUsage$4 = createDocumentationMessageGenerator({
         name: 'toggle-refinement',
         connector: true
     });
@@ -16263,11 +16388,11 @@
      *  - switch between two values.
      */ var connectToggleRefinement = function connectToggleRefinement(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$3());
+        checkRendering(renderFn, withUsage$4());
         return function(widgetParams) {
             var _ref = widgetParams || {}, attribute = _ref.attribute, tmp = _ref.on, userOn = tmp === void 0 ? true : tmp, userOff = _ref.off;
             if (!attribute) {
-                throw new Error(withUsage$3('The `attribute` option is required.'));
+                throw new Error(withUsage$4('The `attribute` option is required.'));
             }
             var hasAnOffValue = userOff !== undefined;
             // even though facet values can be numbers and boolean,
@@ -16488,19 +16613,19 @@
         return useConnector(connectToggleRefinement, props, additionalWidgetProperties);
     }
 
-    var withUsage$2 = createDocumentationMessageGenerator({
+    var withUsage$3 = createDocumentationMessageGenerator({
         name: 'trending-items',
         connector: true
     });
     var connectTrendingItems = function connectTrendingItems(renderFn) {
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
-        checkRendering(renderFn, withUsage$2());
+        checkRendering(renderFn, withUsage$3());
         return function(widgetParams) {
             var _ref = widgetParams || {}, facetName = _ref.facetName, facetValue = _ref.facetValue, limit = _ref.limit, threshold = _ref.threshold, fallbackParameters = _ref.fallbackParameters, queryParameters = _ref.queryParameters, _ref_escapeHTML = _ref.escapeHTML, escapeHTML = _ref_escapeHTML === void 0 ? true : _ref_escapeHTML, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(items) {
                 return items;
             } : _ref_transformItems;
             if (facetName && !facetValue || !facetName && facetValue) {
-                throw new Error(withUsage$2("When you provide facetName (received type ".concat(getObjectType(facetName), "), you must also provide facetValue (received type ").concat(getObjectType(facetValue), ").")));
+                throw new Error(withUsage$3("When you provide facetName (received type ".concat(getObjectType(facetName), "), you must also provide facetValue (received type ").concat(getObjectType(facetValue), ").")));
             }
             var sendEvent;
             return {
@@ -16574,6 +16699,94 @@
         return useConnector(connectTrendingItems, props, additionalWidgetProperties);
     }
 
+    var withUsage$2 = createDocumentationMessageGenerator({
+        name: 'trending-facets',
+        connector: true
+    });
+    var connectTrendingFacets = function connectTrendingFacets(renderFn) {
+        var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
+        checkRendering(renderFn, withUsage$2());
+        return function(widgetParams) {
+            var _ref = widgetParams || {}, facetName = _ref.facetName, limit = _ref.limit, threshold = _ref.threshold, fallbackParameters = _ref.fallbackParameters, queryParameters = _ref.queryParameters, _ref_escapeHTML = _ref.escapeHTML, escapeHTML = _ref_escapeHTML === void 0 ? true : _ref_escapeHTML, _ref_transformItems = _ref.transformItems, transformItems = _ref_transformItems === void 0 ? function(items) {
+                return items;
+            } : _ref_transformItems;
+            if (!facetName) {
+                throw new Error(withUsage$2('The `facetName` option is required.'));
+            }
+            return {
+                dependsOn: 'recommend',
+                $$type: 'ais.trendingFacets',
+                init: function init(initOptions) {
+                    renderFn(_object_spread_props(_object_spread({}, this.getWidgetRenderState(initOptions)), {
+                        instantSearchInstance: initOptions.instantSearchInstance
+                    }), true);
+                },
+                render: function render(renderOptions) {
+                    var renderState = this.getWidgetRenderState(renderOptions);
+                    renderFn(_object_spread_props(_object_spread({}, renderState), {
+                        instantSearchInstance: renderOptions.instantSearchInstance
+                    }), false);
+                },
+                getRenderState: function getRenderState(renderState) {
+                    return renderState;
+                },
+                getWidgetRenderState: function getWidgetRenderState(param) {
+                    var results = param.results;
+                    param.helper;
+                    param.instantSearchInstance;
+                    if (results === null || results === undefined) {
+                        return {
+                            items: [],
+                            widgetParams: widgetParams
+                        };
+                    }
+                    var items = (results.hits || []).map(function(hit) {
+                        return {
+                            facetName: hit.facetName,
+                            facetValue: hit.facetValue,
+                            _score: hit._score
+                        };
+                    });
+                    if (escapeHTML) {
+                        items = items.map(function(item) {
+                            return _object_spread_props(_object_spread({}, item), {
+                                facetValue: escape$1(item.facetValue)
+                            });
+                        });
+                    }
+                    items = transformItems(items, {
+                        results: results
+                    });
+                    return {
+                        items: items,
+                        widgetParams: widgetParams
+                    };
+                },
+                dispose: function dispose(param) {
+                    var recommendState = param.recommendState;
+                    unmountFn();
+                    return recommendState.removeParams(this.$$id);
+                },
+                getWidgetParameters: function getWidgetParameters(state) {
+                    // v4 TrendingFacetsQuery doesn't include queryParameters or
+                    // fallbackParameters, but the v5 API and the helper support them.
+                    return state.removeParams(this.$$id).addTrendingFacets({
+                        facetName: facetName,
+                        maxRecommendations: limit,
+                        threshold: threshold,
+                        fallbackParameters: fallbackParameters ? _object_spread({}, fallbackParameters, escapeHTML ? TAG_PLACEHOLDER : {}) : undefined,
+                        queryParameters: _object_spread({}, queryParameters, escapeHTML ? TAG_PLACEHOLDER : {}),
+                        $$id: this.$$id
+                    });
+                }
+            };
+        };
+    };
+
+    function useTrendingFacets(props, additionalWidgetProperties) {
+        return useConnector(connectTrendingFacets, props, additionalWidgetProperties);
+    }
+
     var withUsage$1 = createDocumentationMessageGenerator({
         name: 'looking-similar',
         connector: true
@@ -17330,6 +17543,20 @@
         };
     }
 
+    // WebKit can keep this SVG spinner animating while the loading slot is hidden (`hidden` / not stalled),
+    // which wastes work. We pause SMIL when idle and unpause when `isSearchStalled`.
+    // Same approach as autocomplete-js.
+    // https://github.com/algolia/autocomplete/issues/1322
+    function syncLoadingSvgAnimation(element, isSearchStalled) {
+        if (!element || typeof element.pauseAnimations !== 'function' || typeof element.unpauseAnimations !== 'function') {
+            return;
+        }
+        if (isSearchStalled) {
+            element.unpauseAnimations();
+        } else {
+            element.pauseAnimations();
+        }
+    }
     function SubmitIcon(param) {
         var createElement = param.createElement;
         return /*#__PURE__*/ createElement("svg", {
@@ -17341,10 +17568,13 @@
         }));
     }
     function LoadingIcon(param) {
-        var createElement = param.createElement;
+        var createElement = param.createElement, isSearchStalled = param.isSearchStalled;
         return /*#__PURE__*/ createElement("svg", {
             className: "ais-AutocompleteLoadingIcon",
-            viewBox: "0 0 100 100"
+            viewBox: "0 0 100 100",
+            ref: function ref(element) {
+                return syncLoadingSvgAnimation(element, isSearchStalled);
+            }
         }, /*#__PURE__*/ createElement("circle", {
             cx: "50",
             cy: "50",
@@ -17399,6 +17629,28 @@
             d: "M8 17v-7.586l8.293 8.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-8.293-8.293h7.586c0.552 0 1-0.448 1-1s-0.448-1-1-1h-10c-0.552 0-1 0.448-1 1v10c0 0.552 0.448 1 1 1s1-0.448 1-1z"
         }));
     }
+    function AiModeIcon(param) {
+        var createElement = param.createElement;
+        return /*#__PURE__*/ createElement("svg", {
+            className: "ais-AiModeButton-icon",
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewBox: "0 0 20 20",
+            width: "16",
+            height: "16",
+            "aria-hidden": "true"
+        }, /*#__PURE__*/ createElement("path", {
+            fill: "currentColor",
+            fillRule: "evenodd",
+            d: "M10 1.875c.27 0 .51.173.594.43l1.593 4.844a1.043 1.043 0 0 0 .664.664l4.844 1.593a.625.625 0 0 1 0 1.188l-4.844 1.593a1.043 1.043 0 0 0-.664.664l-1.593 4.844a.625.625 0 0 1-1.188 0l-1.593-4.844a1.042 1.042 0 0 0-.664-.664l-4.844-1.593a.625.625 0 0 1 0-1.188l4.844-1.593a1.042 1.042 0 0 0 .664-.664l1.593-4.844a.625.625 0 0 1 .594-.43ZM9 7.539A2.292 2.292 0 0 1 7.54 9L4.5 10l3.04 1A2.292 2.292 0 0 1 9 12.46l1 3.04 1-3.04A2.293 2.293 0 0 1 12.46 11l3.04-1-3.04-1A2.292 2.292 0 0 1 11 7.54L10 4.5 9 7.54ZM4.167 1.875c.345 0 .625.28.625.625v3.333a.625.625 0 0 1-1.25 0V2.5c0-.345.28-.625.625-.625ZM15.833 13.542c.345 0 .625.28.625.625V17.5a.625.625 0 1 1-1.25 0v-3.333c0-.345.28-.625.625-.625Z",
+            clipRule: "evenodd"
+        }), /*#__PURE__*/ createElement("path", {
+            fill: "currentColor",
+            fillRule: "evenodd",
+            d: "M1.875 4.167c0-.346.28-.625.625-.625h3.333a.625.625 0 1 1 0 1.25H2.5a.625.625 0 0 1-.625-.625ZM13.542 15.833c0-.345.28-.625.625-.625H17.5a.625.625 0 0 1 0 1.25h-3.333a.625.625 0 0 1-.625-.625Z",
+            clipRule: "evenodd"
+        }));
+    }
     function SearchIcon(param) {
         var createElement = param.createElement;
         return /*#__PURE__*/ createElement("svg", {
@@ -17732,7 +17984,7 @@
             stroke: "currentColor"
         }));
     }
-    function ChevronLeftIcon(param) {
+    function CheckIcon(param) {
         var createElement = param.createElement;
         return /*#__PURE__*/ createElement("svg", {
             xmlns: "http://www.w3.org/2000/svg",
@@ -17742,10 +17994,12 @@
             strokeLinecap: "round",
             strokeLinejoin: "round"
         }, /*#__PURE__*/ createElement("path", {
-            d: "m15 18-6-6 6-6"
+            d: "M21.801 10A10 10 0 1 1 17 3.335"
+        }), /*#__PURE__*/ createElement("path", {
+            d: "m9 11 3 3L22 4"
         }));
     }
-    function ChevronRightIcon(param) {
+    function ThumbsUpIcon(param) {
         var createElement = param.createElement;
         return /*#__PURE__*/ createElement("svg", {
             xmlns: "http://www.w3.org/2000/svg",
@@ -17755,31 +18009,74 @@
             strokeLinecap: "round",
             strokeLinejoin: "round"
         }, /*#__PURE__*/ createElement("path", {
-            d: "m9 18 6-6-6-6"
+            d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"
+        }), /*#__PURE__*/ createElement("path", {
+            d: "M7 10v12"
         }));
     }
-
-    function createAutocompletePromptSuggestionComponent(param) {
+    function ThumbsDownIcon(param) {
         var createElement = param.createElement;
-        return function AutocompletePromptSuggestion(userProps) {
-            var item = userProps.item, onSelect = userProps.onSelect, children = userProps.children, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames;
-            var label = item.label || item.prompt;
-            return /*#__PURE__*/ createElement("div", {
-                onClick: onSelect,
-                className: cx('ais-AutocompleteItemWrapper', 'ais-AutocompletePromptSuggestionWrapper', classNames.root)
-            }, /*#__PURE__*/ createElement("div", {
-                className: cx('ais-AutocompleteItemContent', 'ais-AutocompletePromptSuggestionItemContent', classNames.content)
-            }, /*#__PURE__*/ createElement("div", {
-                className: cx('ais-AutocompleteItemIcon', 'ais-AutocompletePromptSuggestionItemIcon', classNames.icon)
-            }, /*#__PURE__*/ createElement(SparklesIcon, {
-                createElement: createElement
-            })), /*#__PURE__*/ createElement("div", {
-                className: cx('ais-AutocompleteItemContentBody', 'ais-AutocompletePromptSuggestionItemContentBody', classNames.body)
-            }, children !== null && children !== void 0 ? children : label)));
-        };
-    }
-
-    function createAutocompleteRecentSearchComponent(param) {
+        return /*#__PURE__*/ createElement("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+        }, /*#__PURE__*/ createElement("path", {
+            d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z"
+        }), /*#__PURE__*/ createElement("path", {
+            d: "M17 14V2"
+        }));
+    }
+    function ChevronLeftIcon(param) {
+        var createElement = param.createElement;
+        return /*#__PURE__*/ createElement("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+        }, /*#__PURE__*/ createElement("path", {
+            d: "m15 18-6-6 6-6"
+        }));
+    }
+    function ChevronRightIcon(param) {
+        var createElement = param.createElement;
+        return /*#__PURE__*/ createElement("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+        }, /*#__PURE__*/ createElement("path", {
+            d: "m9 18 6-6-6-6"
+        }));
+    }
+
+    function createAutocompletePromptSuggestionComponent(param) {
+        var createElement = param.createElement;
+        return function AutocompletePromptSuggestion(userProps) {
+            var item = userProps.item, onSelect = userProps.onSelect, children = userProps.children, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames;
+            var label = item.label || item.prompt;
+            return /*#__PURE__*/ createElement("div", {
+                onClick: onSelect,
+                className: cx('ais-AutocompleteItemWrapper', 'ais-AutocompletePromptSuggestionWrapper', classNames.root)
+            }, /*#__PURE__*/ createElement("div", {
+                className: cx('ais-AutocompleteItemContent', 'ais-AutocompletePromptSuggestionItemContent', classNames.content)
+            }, /*#__PURE__*/ createElement("div", {
+                className: cx('ais-AutocompleteItemIcon', 'ais-AutocompletePromptSuggestionItemIcon', classNames.icon)
+            }, /*#__PURE__*/ createElement(SparklesIcon, {
+                createElement: createElement
+            })), /*#__PURE__*/ createElement("div", {
+                className: cx('ais-AutocompleteItemContentBody', 'ais-AutocompletePromptSuggestionItemContentBody', classNames.body)
+            }, children !== null && children !== void 0 ? children : label)));
+        };
+    }
+
+    function createAutocompleteRecentSearchComponent(param) {
         var createElement = param.createElement;
         return function AutocompleteRecentSearch(userProps) {
             var item = userProps.item, children = userProps.children, onSelect = userProps.onSelect, onRemoveRecentSearch = userProps.onRemoveRecentSearch, onApply = userProps.onApply, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames;
@@ -17821,7 +18118,7 @@
     function createAutocompleteSearchComponent(param) {
         var createElement = param.createElement;
         return function AutocompleteSearch(userProps) {
-            var inputProps = userProps.inputProps, onClear = userProps.onClear, query = userProps.query, isSearchStalled = userProps.isSearchStalled;
+            var inputProps = userProps.inputProps, onClear = userProps.onClear, query = userProps.query, isSearchStalled = userProps.isSearchStalled, onAiModeClick = userProps.onAiModeClick;
             var inputRef = inputProps.ref;
             return /*#__PURE__*/ createElement("form", {
                 className: "ais-AutocompleteForm",
@@ -17845,14 +18142,16 @@
             }, /*#__PURE__*/ createElement("button", {
                 className: "ais-AutocompleteSubmitButton",
                 type: "submit",
-                title: "Submit"
+                title: "Submit",
+                hidden: isSearchStalled
             }, /*#__PURE__*/ createElement(SubmitIcon, {
                 createElement: createElement
             }))), /*#__PURE__*/ createElement("div", {
                 className: "ais-AutocompleteLoadingIndicator",
                 hidden: !isSearchStalled
             }, /*#__PURE__*/ createElement(LoadingIcon, {
-                createElement: createElement
+                createElement: createElement,
+                isSearchStalled: isSearchStalled
             }))), /*#__PURE__*/ createElement("div", {
                 className: "ais-AutocompleteInputWrapper"
             }, /*#__PURE__*/ createElement("input", _object_spread({
@@ -17877,7 +18176,19 @@
                 onClick: onClear
             }, /*#__PURE__*/ createElement(ClearIcon, {
                 createElement: createElement
-            }))));
+            })), onAiModeClick && /*#__PURE__*/ createElement("button", {
+                className: "ais-AiModeButton",
+                type: "button",
+                title: "AI Mode",
+                onClick: function onClick(e) {
+                    e.preventDefault();
+                    onAiModeClick();
+                }
+            }, /*#__PURE__*/ createElement(AiModeIcon, {
+                createElement: createElement
+            }), /*#__PURE__*/ createElement("span", {
+                className: "ais-AiModeButton-label"
+            }, "AI Mode"))));
         };
     }
 
@@ -17989,7 +18300,7 @@
                     (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
                 }
                 var actualDescendant = (_override_activeDescendant = override.activeDescendant) !== null && _override_activeDescendant !== void 0 ? _override_activeDescendant : activeDescendant;
-                if (!actualDescendant && override.query) {
+                if (!actualDescendant && override.query !== undefined) {
                     onRefine(override.query);
                 }
                 if (actualDescendant && items.has(actualDescendant)) {
@@ -18642,6 +18953,9 @@
                     return null;
                 }
                 if (part.type === 'text') {
+                    if (part.text.startsWith('<context>') && part.text.endsWith('</context>')) {
+                        return null;
+                    }
                     var markdown = We(part.text, {
                         createElement: createElement,
                         disableParsingRawHTML: true
@@ -18680,6 +18994,7 @@
                             setIndexUiState: setIndexUiState,
                             addToolResult: boundAddToolResult,
                             applyFilters: tool.applyFilters,
+                            sendEvent: tool.sendEvent || function() {},
                             onClose: onClose
                         }));
                     }
@@ -18814,7 +19129,7 @@
             Fragment: Fragment
         });
         return function DefaultMessage(param) {
-            var message = param.message, status = param.status, userMessageProps = param.userMessageProps, assistantMessageProps = param.assistantMessageProps, tools = param.tools, indexUiState = param.indexUiState, setIndexUiState = param.setIndexUiState, onReload = param.onReload, onClose = param.onClose, actionsComponent = param.actionsComponent, classNames = param.classNames, messageTranslations = param.messageTranslations, translations = param.translations, suggestionsElement = param.suggestionsElement;
+            var message = param.message, status = param.status, userMessageProps = param.userMessageProps, assistantMessageProps = param.assistantMessageProps, tools = param.tools, indexUiState = param.indexUiState, setIndexUiState = param.setIndexUiState, onReload = param.onReload, onClose = param.onClose, onFeedback = param.onFeedback, feedbackState = param.feedbackState, actionsComponent = param.actionsComponent, classNames = param.classNames, messageTranslations = param.messageTranslations, translations = param.translations, suggestionsElement = param.suggestionsElement;
             var defaultAssistantActions = _to_consumable_array(hasTextContent(message) ? [
                 {
                     title: translations.copyToClipboardLabel,
@@ -18838,6 +19153,60 @@
                     }
                 }
             ]);
+            var messageFeedback = feedbackState === null || feedbackState === void 0 ? void 0 : feedbackState[message.id];
+            var hasVoted = messageFeedback !== undefined;
+            if (onFeedback) {
+                var isSending = messageFeedback === 'sending';
+                if (isSending) {
+                    defaultAssistantActions.push({
+                        title: translations.sendingFeedbackLabel,
+                        icon: function icon() {
+                            return /*#__PURE__*/ createElement("span", {
+                                className: "ais-ChatMessage-feedbackSpinner"
+                            }, /*#__PURE__*/ createElement(LoadingSpinnerIcon, {
+                                createElement: createElement
+                            }));
+                        },
+                        disabled: true
+                    });
+                } else if (hasVoted) {
+                    defaultAssistantActions.push({
+                        title: translations.feedbackThankYouText,
+                        icon: function icon() {
+                            return /*#__PURE__*/ createElement("span", {
+                                className: "ais-ChatMessage-feedbackCheck"
+                            }, /*#__PURE__*/ createElement(CheckIcon, {
+                                createElement: createElement
+                            }), /*#__PURE__*/ createElement("span", {
+                                className: "ais-ChatMessage-feedbackText"
+                            }, translations.feedbackThankYouText));
+                        },
+                        disabled: true
+                    });
+                } else {
+                    defaultAssistantActions.push({
+                        title: translations.thumbsUpLabel,
+                        icon: function icon() {
+                            return /*#__PURE__*/ createElement(ThumbsUpIcon, {
+                                createElement: createElement
+                            });
+                        },
+                        onClick: function onClick(m) {
+                            return onFeedback(m.id, 1);
+                        }
+                    }, {
+                        title: translations.thumbsDownLabel,
+                        icon: function icon() {
+                            return /*#__PURE__*/ createElement(ThumbsDownIcon, {
+                                createElement: createElement
+                            });
+                        },
+                        onClick: function onClick(m) {
+                            return onFeedback(m.id, 0);
+                        }
+                    });
+                }
+            }
             var messageProps = message.role === 'user' ? userMessageProps : assistantMessageProps;
             var defaultActions = message.role === 'user' ? undefined : defaultAssistantActions;
             return /*#__PURE__*/ createElement(ChatMessage, _object_spread({
@@ -18875,7 +19244,7 @@
         });
         return function ChatMessages(userProps) {
             var _lastMessage_parts;
-            var _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, _userProps_messageClassNames = userProps.messageClassNames, messageClassNames = _userProps_messageClassNames === void 0 ? {} : _userProps_messageClassNames, messageTranslations = userProps.messageTranslations, _userProps_messages = userProps.messages, messages = _userProps_messages === void 0 ? [] : _userProps_messages, MessageComponent = userProps.messageComponent, LoaderComponent = userProps.loaderComponent, ErrorComponent = userProps.errorComponent, ActionsComponent = userProps.actionsComponent, tools = userProps.tools, indexUiState = userProps.indexUiState, setIndexUiState = userProps.setIndexUiState, _userProps_status = userProps.status, status = _userProps_status === void 0 ? 'ready' : _userProps_status, _userProps_hideScrollToBottom = userProps.hideScrollToBottom, hideScrollToBottom = _userProps_hideScrollToBottom === void 0 ? false : _userProps_hideScrollToBottom, onReload = userProps.onReload, onClose = userProps.onClose, userTranslations = userProps.translations, userMessageProps = userProps.userMessageProps, assistantMessageProps = userProps.assistantMessageProps, _userProps_isClearing = userProps.isClearing, isClearing = _userProps_isClearing === void 0 ? false : _userProps_isClearing, onClearTransitionEnd = userProps.onClearTransitionEnd, isScrollAtBottom = userProps.isScrollAtBottom, scrollRef = userProps.scrollRef, contentRef = userProps.contentRef, onScrollToBottom = userProps.onScrollToBottom, suggestionsElement = userProps.suggestionsElement, props = _object_without_properties(userProps, [
+            var _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, _userProps_messageClassNames = userProps.messageClassNames, messageClassNames = _userProps_messageClassNames === void 0 ? {} : _userProps_messageClassNames, messageTranslations = userProps.messageTranslations, _userProps_messages = userProps.messages, messages = _userProps_messages === void 0 ? [] : _userProps_messages, MessageComponent = userProps.messageComponent, LoaderComponent = userProps.loaderComponent, ErrorComponent = userProps.errorComponent, EmptyComponent = userProps.emptyComponent, ActionsComponent = userProps.actionsComponent, tools = userProps.tools, indexUiState = userProps.indexUiState, setIndexUiState = userProps.setIndexUiState, _userProps_status = userProps.status, status = _userProps_status === void 0 ? 'ready' : _userProps_status, _userProps_hideScrollToBottom = userProps.hideScrollToBottom, hideScrollToBottom = _userProps_hideScrollToBottom === void 0 ? false : _userProps_hideScrollToBottom, onReload = userProps.onReload, onClose = userProps.onClose, sendMessage = userProps.sendMessage, setInput = userProps.setInput, userTranslations = userProps.translations, userMessageProps = userProps.userMessageProps, assistantMessageProps = userProps.assistantMessageProps, _userProps_isClearing = userProps.isClearing, isClearing = _userProps_isClearing === void 0 ? false : _userProps_isClearing, onClearTransitionEnd = userProps.onClearTransitionEnd, isScrollAtBottom = userProps.isScrollAtBottom, scrollRef = userProps.scrollRef, contentRef = userProps.contentRef, onScrollToBottom = userProps.onScrollToBottom, suggestionsElement = userProps.suggestionsElement, onFeedback = userProps.onFeedback, feedbackState = userProps.feedbackState, props = _object_without_properties(userProps, [
                 "classNames",
                 "messageClassNames",
                 "messageTranslations",
@@ -18883,6 +19252,7 @@
                 "messageComponent",
                 "loaderComponent",
                 "errorComponent",
+                "emptyComponent",
                 "actionsComponent",
                 "tools",
                 "indexUiState",
@@ -18891,6 +19261,8 @@
                 "hideScrollToBottom",
                 "onReload",
                 "onClose",
+                "sendMessage",
+                "setInput",
                 "translations",
                 "userMessageProps",
                 "assistantMessageProps",
@@ -18900,12 +19272,18 @@
                 "scrollRef",
                 "contentRef",
                 "onScrollToBottom",
-                "suggestionsElement"
+                "suggestionsElement",
+                "onFeedback",
+                "feedbackState"
             ]);
             var translations = _object_spread({
                 scrollToBottomLabel: 'Scroll to bottom',
                 copyToClipboardLabel: 'Copy to clipboard',
-                regenerateLabel: 'Regenerate'
+                regenerateLabel: 'Regenerate',
+                thumbsUpLabel: 'Like',
+                thumbsDownLabel: 'Dislike',
+                feedbackThankYouText: 'Thanks for your feedback!',
+                sendingFeedbackLabel: 'Sending feedback...'
             }, userTranslations);
             var cssClasses = {
                 root: cx('ais-ChatMessages', classNames.root),
@@ -18920,6 +19298,7 @@
             var isStreamingWithNoContent = status === 'streaming' && !lastPart;
             var isStreamingNonTextContent = status === 'streaming' && lastPart && !isPartText(lastPart);
             var showLoader = isWaitingForResponse || isStreamingWithNoContent || isStreamingNonTextContent;
+            var showEmpty = messages.length === 0 && !showLoader && !isClearing && status !== 'error';
             var DefaultMessage = MessageComponent || DefaultMessageComponent;
             var DefaultLoader = LoaderComponent || DefaultLoaderComponent;
             var DefaultError = ErrorComponent || DefaultErrorComponent;
@@ -18938,7 +19317,12 @@
                         onClearTransitionEnd === null || onClearTransitionEnd === void 0 ? void 0 : onClearTransitionEnd();
                     }
                 }
-            }, messages.map(function(message, index) {
+            }, showEmpty && EmptyComponent && /*#__PURE__*/ createElement(EmptyComponent, {
+                sendMessage: sendMessage,
+                setInput: setInput,
+                status: status,
+                onClose: onClose
+            }), messages.map(function(message, index) {
                 return /*#__PURE__*/ createElement(DefaultMessage, {
                     key: message.id,
                     message: message,
@@ -18949,6 +19333,8 @@
                     indexUiState: indexUiState,
                     setIndexUiState: setIndexUiState,
                     onReload: onReload,
+                    onFeedback: onFeedback,
+                    feedbackState: feedbackState,
                     actionsComponent: ActionsComponent,
                     onClose: onClose,
                     translations: translations,
@@ -18976,6 +19362,52 @@
         };
     }
 
+    function createChatOverlayLayoutComponent(param) {
+        var createElement = param.createElement;
+        return function ChatOverlayLayout(userProps) {
+            var open = userProps.open, maximized = userProps.maximized, headerComponent = userProps.headerComponent, messagesComponent = userProps.messagesComponent, promptComponent = userProps.promptComponent, toggleButtonComponent = userProps.toggleButtonComponent, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, className = userProps.className; // Chat state props (destructured to avoid spreading on div)
+            userProps.messages;
+            userProps.status;
+            userProps.isClearing;
+            userProps.clearMessages;
+            userProps.onClearTransitionEnd;
+            userProps.suggestions;
+            userProps.tools;
+            userProps.sendMessage;
+            userProps.regenerate;
+            userProps.stop;
+            userProps.error;
+            var rest = _object_without_properties(userProps, [
+                "open",
+                "maximized",
+                "headerComponent",
+                "messagesComponent",
+                "promptComponent",
+                "toggleButtonComponent",
+                "classNames",
+                "className",
+                "messages",
+                "status",
+                "isClearing",
+                "clearMessages",
+                "onClearTransitionEnd",
+                "suggestions",
+                "tools",
+                "sendMessage",
+                "regenerate",
+                "stop",
+                "error"
+            ]);
+            return /*#__PURE__*/ createElement("div", _object_spread_props(_object_spread({}, rest), {
+                className: cx('ais-Chat', 'ais-ChatOverlayLayout', maximized && 'ais-ChatOverlayLayout--maximized', classNames.root, className)
+            }), /*#__PURE__*/ createElement("div", {
+                className: cx('ais-Chat-container', open && 'ais-Chat-container--open', maximized && 'ais-Chat-container--maximized', classNames.container)
+            }, headerComponent, messagesComponent, promptComponent), /*#__PURE__*/ createElement("div", {
+                className: "ais-Chat-toggleButtonWrapper"
+            }, toggleButtonComponent));
+        };
+    }
+
     function createChatPromptComponent(param) {
         var createElement = param.createElement;
         var Button = createButtonComponent({
@@ -19213,8 +19645,12 @@
             createElement: createElement,
             Fragment: Fragment
         });
+        var OverlayLayout = createChatOverlayLayoutComponent({
+            createElement: createElement,
+            Fragment: Fragment
+        });
         return function Chat(userProps) {
-            var open = userProps.open, _userProps_maximized = userProps.maximized, maximized = _userProps_maximized === void 0 ? false : _userProps_maximized, headerProps = userProps.headerProps, toggleButtonProps = userProps.toggleButtonProps, messagesProps = userProps.messagesProps, suggestionsProps = userProps.suggestionsProps, _userProps_promptProps = userProps.promptProps, promptProps = _userProps_promptProps === void 0 ? {} : _userProps_promptProps, HeaderComponent = userProps.headerComponent, PromptComponent = userProps.promptComponent, ToggleButtonComponent = userProps.toggleButtonComponent, SuggestionsComponent = userProps.suggestionsComponent, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, className = userProps.className, props = _object_without_properties(userProps, [
+            var open = userProps.open, _userProps_maximized = userProps.maximized, maximized = _userProps_maximized === void 0 ? false : _userProps_maximized, headerProps = userProps.headerProps, toggleButtonProps = userProps.toggleButtonProps, messagesProps = userProps.messagesProps, suggestionsProps = userProps.suggestionsProps, _userProps_promptProps = userProps.promptProps, promptProps = _userProps_promptProps === void 0 ? {} : _userProps_promptProps, HeaderComponent = userProps.headerComponent, PromptComponent = userProps.promptComponent, ToggleButtonComponent = userProps.toggleButtonComponent, SuggestionsComponent = userProps.suggestionsComponent, tmp = userProps.layoutComponent, LayoutComponent = tmp === void 0 ? OverlayLayout : tmp, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, className = userProps.className, sendMessage = userProps.sendMessage, regenerate = userProps.regenerate, stop = userProps.stop, error = userProps.error, props = _object_without_properties(userProps, [
                 "open",
                 "maximized",
                 "headerProps",
@@ -19226,27 +19662,29 @@
                 "promptComponent",
                 "toggleButtonComponent",
                 "suggestionsComponent",
+                "layoutComponent",
                 "classNames",
-                "className"
+                "className",
+                "sendMessage",
+                "regenerate",
+                "stop",
+                "error"
             ]);
-            return /*#__PURE__*/ createElement("div", _object_spread_props(_object_spread({}, props), {
-                className: cx('ais-Chat', maximized && 'ais-Chat--maximized', classNames.root, className)
-            }), /*#__PURE__*/ createElement("div", {
-                className: cx('ais-Chat-container', open && 'ais-Chat-container--open', maximized && 'ais-Chat-container--maximized', classNames.container)
-            }, createElement(HeaderComponent || ChatHeader, _object_spread_props(_object_spread({}, headerProps), {
+            var headerComponent = createElement(HeaderComponent || ChatHeader, _object_spread_props(_object_spread({}, headerProps), {
                 classNames: classNames.header,
                 maximized: maximized
-            })), /*#__PURE__*/ createElement(ChatMessages, _object_spread_props(_object_spread({}, messagesProps), {
+            }));
+            var messagesComponent = /*#__PURE__*/ createElement(ChatMessages, _object_spread_props(_object_spread({}, messagesProps), {
                 classNames: classNames.messages,
                 messageClassNames: classNames.message,
                 suggestionsElement: createElement(SuggestionsComponent || ChatPromptSuggestions, _object_spread_props(_object_spread({}, suggestionsProps), {
                     classNames: classNames.suggestions
                 }))
-            })), createElement(PromptComponent || ChatPrompt, _object_spread_props(_object_spread({}, promptProps), {
+            }));
+            var promptComponent = createElement(PromptComponent || ChatPrompt, _object_spread_props(_object_spread({}, promptProps), {
                 classNames: classNames.prompt
-            }))), /*#__PURE__*/ createElement("div", {
-                className: "ais-Chat-toggleButtonWrapper"
-            }, createElement(ToggleButtonComponent || ChatToggleButton, _object_spread_props(_object_spread({}, toggleButtonProps), {
+            }));
+            var toggleButtonComponent = createElement(ToggleButtonComponent || ChatToggleButton, _object_spread_props(_object_spread({}, toggleButtonProps), {
                 classNames: classNames.toggleButton,
                 onClick: function onClick() {
                     var _toggleButtonProps_onClick;
@@ -19256,7 +19694,179 @@
                         (_promptProps_promptRef = promptProps.promptRef) === null || _promptProps_promptRef === void 0 ? void 0 : (_promptProps_promptRef_current = _promptProps_promptRef.current) === null || _promptProps_promptRef_current === void 0 ? void 0 : _promptProps_promptRef_current.focus();
                     }
                 }
-            }))));
+            }));
+            return /*#__PURE__*/ createElement(LayoutComponent, _object_spread_props(_object_spread({}, props), {
+                open: open,
+                maximized: maximized,
+                headerComponent: headerComponent,
+                messagesComponent: messagesComponent,
+                promptComponent: promptComponent,
+                toggleButtonComponent: toggleButtonComponent,
+                classNames: {
+                    root: classNames.root,
+                    container: classNames.container
+                },
+                className: className,
+                messages: messagesProps.messages,
+                status: messagesProps.status,
+                tools: messagesProps.tools,
+                isClearing: messagesProps.isClearing,
+                clearMessages: headerProps.onClear,
+                onClearTransitionEnd: messagesProps.onClearTransitionEnd,
+                suggestions: suggestionsProps.suggestions,
+                sendMessage: sendMessage,
+                regenerate: regenerate,
+                stop: stop,
+                error: error
+            }));
+        };
+    }
+
+    function createChatInlineLayoutComponent(param) {
+        var createElement = param.createElement;
+        return function ChatInlineLayout(userProps) {
+            var headerComponent = userProps.headerComponent, messagesComponent = userProps.messagesComponent, promptComponent = userProps.promptComponent, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, className = userProps.className;
+            userProps.open;
+            userProps.maximized;
+            userProps.toggleButtonComponent; // Chat state props (destructured to avoid spreading on div)
+            userProps.messages;
+            userProps.status;
+            userProps.isClearing;
+            userProps.clearMessages;
+            userProps.onClearTransitionEnd;
+            userProps.suggestions;
+            userProps.tools;
+            userProps.sendMessage;
+            userProps.regenerate;
+            userProps.stop;
+            userProps.error;
+            var rest = _object_without_properties(userProps, [
+                "headerComponent",
+                "messagesComponent",
+                "promptComponent",
+                "classNames",
+                "className",
+                "open",
+                "maximized",
+                "toggleButtonComponent",
+                "messages",
+                "status",
+                "isClearing",
+                "clearMessages",
+                "onClearTransitionEnd",
+                "suggestions",
+                "tools",
+                "sendMessage",
+                "regenerate",
+                "stop",
+                "error"
+            ]);
+            return /*#__PURE__*/ createElement("div", _object_spread_props(_object_spread({}, rest), {
+                className: cx('ais-Chat', 'ais-ChatInlineLayout', classNames.root, className)
+            }), /*#__PURE__*/ createElement("div", {
+                className: cx('ais-Chat-container', classNames.container)
+            }, headerComponent, messagesComponent, promptComponent));
+        };
+    }
+
+    function createChatSidePanelLayoutComponent(param) {
+        var createElement = param.createElement;
+        var originalMargins = new WeakMap();
+        return function ChatSidePanelLayout(userProps) {
+            var open = userProps.open, maximized = userProps.maximized, headerComponent = userProps.headerComponent, messagesComponent = userProps.messagesComponent, promptComponent = userProps.promptComponent, toggleButtonComponent = userProps.toggleButtonComponent, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, className = userProps.className, parentElement = userProps.parentElement; // Chat state props (destructured to avoid spreading on div)
+            userProps.messages;
+            userProps.status;
+            userProps.isClearing;
+            userProps.clearMessages;
+            userProps.onClearTransitionEnd;
+            userProps.suggestions;
+            userProps.tools;
+            userProps.sendMessage;
+            userProps.regenerate;
+            userProps.stop;
+            userProps.error;
+            var rest = _object_without_properties(userProps, [
+                "open",
+                "maximized",
+                "headerComponent",
+                "messagesComponent",
+                "promptComponent",
+                "toggleButtonComponent",
+                "classNames",
+                "className",
+                "parentElement",
+                "messages",
+                "status",
+                "isClearing",
+                "clearMessages",
+                "onClearTransitionEnd",
+                "suggestions",
+                "tools",
+                "sendMessage",
+                "regenerate",
+                "stop",
+                "error"
+            ]);
+            var element = typeof document !== 'undefined' ? parentElement ? document.querySelector(parentElement) : document.body : null;
+            if (element) {
+                if (open && !originalMargins.has(element)) {
+                    originalMargins.set(element, element.style.marginRight);
+                    var chatWidth = getComputedStyle(document.documentElement).getPropertyValue('--ais-chat-width').trim() || '22.5rem';
+                    var original = originalMargins.get(element);
+                    element.style.marginRight = original ? "calc(".concat(original, " + ").concat(chatWidth, ")") : chatWidth;
+                } else if (!open && originalMargins.has(element)) {
+                    var saved = originalMargins.get(element);
+                    if (saved) {
+                        element.style.marginRight = saved;
+                    } else {
+                        element.style.removeProperty('margin-right');
+                    }
+                    originalMargins.delete(element);
+                }
+            }
+            return /*#__PURE__*/ createElement("div", _object_spread_props(_object_spread({}, rest), {
+                className: cx('ais-Chat', 'ais-ChatSidePanelLayout', maximized && 'ais-ChatSidePanelLayout--maximized', classNames.root, className)
+            }), /*#__PURE__*/ createElement("div", {
+                className: cx('ais-Chat-container', open && 'ais-Chat-container--open', maximized && 'ais-Chat-container--maximized', classNames.container)
+            }, headerComponent, messagesComponent, promptComponent), /*#__PURE__*/ createElement("div", {
+                className: "ais-Chat-toggleButtonWrapper"
+            }, toggleButtonComponent));
+        };
+    }
+
+    function createChatGreetingComponent(param) {
+        var createElement = param.createElement;
+        return function ChatGreeting(userProps) {
+            var _ref, _ref1;
+            var userTranslations = userProps.translations, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames;
+            userProps.sendMessage;
+            userProps.status;
+            userProps.onClose;
+            userProps.setInput;
+            var banner = userProps.banner, props = _object_without_properties(userProps, [
+                "translations",
+                "classNames",
+                "sendMessage",
+                "status",
+                "onClose",
+                "setInput",
+                "banner"
+            ]);
+            var translations = {
+                heading: (_ref = userTranslations === null || userTranslations === void 0 ? void 0 : userTranslations.heading) !== null && _ref !== void 0 ? _ref : 'How can I help you today?',
+                subheading: (_ref1 = userTranslations === null || userTranslations === void 0 ? void 0 : userTranslations.subheading) !== null && _ref1 !== void 0 ? _ref1 : "Ask me anything about our products, and I'll do my best to assist you."
+            };
+            return /*#__PURE__*/ createElement("div", _object_spread_props(_object_spread({}, props), {
+                className: cx('ais-ChatGreeting', classNames.root, props.className)
+            }), banner && /*#__PURE__*/ createElement("img", {
+                className: cx('ais-ChatGreeting-banner', classNames.banner),
+                src: banner,
+                alt: ""
+            }), /*#__PURE__*/ createElement("h2", {
+                className: cx('ais-ChatGreeting-heading', classNames.heading)
+            }, translations.heading), /*#__PURE__*/ createElement("p", {
+                className: cx('ais-ChatGreeting-subheading', classNames.subheading)
+            }, translations.subheading));
         };
     }
 
@@ -19654,6 +20264,74 @@
         };
     }
 
+    function createTrendingFacetsComponent(param) {
+        var createElement = param.createElement, Fragment = param.Fragment;
+        function DefaultHeader(param) {
+            var _param_classNames = param.classNames, classNames = _param_classNames === void 0 ? {} : _param_classNames, items = param.items, translations = param.translations;
+            if (!items || items.length < 1) {
+                return null;
+            }
+            if (!translations.title) {
+                return null;
+            }
+            return /*#__PURE__*/ createElement("h3", {
+                className: classNames.title
+            }, translations.title);
+        }
+        function DefaultItem(param) {
+            var item = param.item;
+            return /*#__PURE__*/ createElement(Fragment, null, item.facetValue);
+        }
+        function DefaultEmpty() {
+            return /*#__PURE__*/ createElement(Fragment, null, "No results");
+        }
+        return function TrendingFacets(userProps) {
+            var _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, tmp = userProps.emptyComponent, EmptyComponent = tmp === void 0 ? DefaultEmpty : tmp, tmp1 = userProps.headerComponent, HeaderComponent = tmp1 === void 0 ? DefaultHeader : tmp1, tmp2 = userProps.itemComponent, ItemComponent = tmp2 === void 0 ? DefaultItem : tmp2, items = userProps.items, status = userProps.status, userTranslations = userProps.translations, props = _object_without_properties(userProps, [
+                "classNames",
+                "emptyComponent",
+                "headerComponent",
+                "itemComponent",
+                "items",
+                "status",
+                "translations"
+            ]);
+            var translations = _object_spread({
+                title: 'Trending'
+            }, userTranslations);
+            var cssClasses = {
+                root: cx('ais-TrendingFacets', classNames.root),
+                emptyRoot: cx('ais-TrendingFacets', classNames.root, 'ais-TrendingFacets--empty', classNames.emptyRoot, props.className),
+                title: cx('ais-TrendingFacets-title', classNames.title),
+                container: cx('ais-TrendingFacets-container', classNames.container),
+                list: cx('ais-TrendingFacets-list', classNames.list),
+                item: cx('ais-TrendingFacets-item', classNames.item)
+            };
+            if (items.length === 0 && status === 'idle') {
+                return /*#__PURE__*/ createElement("section", _object_spread_props(_object_spread({}, props), {
+                    className: cssClasses.emptyRoot
+                }), /*#__PURE__*/ createElement(EmptyComponent, null));
+            }
+            return /*#__PURE__*/ createElement("section", _object_spread_props(_object_spread({}, props), {
+                className: cssClasses.root
+            }), /*#__PURE__*/ createElement(HeaderComponent, {
+                classNames: cssClasses,
+                items: items,
+                translations: translations
+            }), /*#__PURE__*/ createElement("div", {
+                className: cssClasses.container
+            }, /*#__PURE__*/ createElement("ol", {
+                className: cssClasses.list
+            }, items.map(function(item, index) {
+                return /*#__PURE__*/ createElement("li", {
+                    key: "".concat(item.facetName, ":").concat(item.facetValue, ":").concat(index),
+                    className: cssClasses.item
+                }, /*#__PURE__*/ createElement(ItemComponent, {
+                    item: item
+                }));
+            }))));
+        };
+    }
+
     function createFilterSuggestionsComponent(param) {
         var createElement = param.createElement;
         var Button = createButtonComponent({
@@ -20217,18 +20895,18 @@
         Fragment: React.Fragment
     });
     function AutocompleteSearch(param) {
-        var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, refine = param.refine, isSearchStalled = param.isSearchStalled;
+        var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onAiModeClick = param.onAiModeClick;
         return /*#__PURE__*/ React.createElement(AutocompleteSearchComponent, {
             inputProps: _object_spread_props(_object_spread({}, inputProps), {
                 onChange: function onChange(event) {
                     var value = event.currentTarget.value;
-                    refine(value);
                     onQueryChange === null || onQueryChange === void 0 ? void 0 : onQueryChange(value);
                 }
             }),
             onClear: clearQuery,
             query: query,
-            isSearchStalled: isSearchStalled
+            isSearchStalled: isSearchStalled,
+            onAiModeClick: onAiModeClick
         });
     }
 
@@ -20614,7 +21292,7 @@
         }))));
     }
     function InnerAutocomplete(_0) {
-        var indicesConfig = _0.indicesConfig, refineSearchBox = _0.refineSearchBox, isSearchStalled = _0.isSearchStalled, getSearchPageURL = _0.getSearchPageURL, userOnSelect = _0.onSelect, indexUiState = _0.indexUiState, isSearchPage = _0.isSearchPage, PanelComponent = _0.panelComponent, showRecent = _0.showRecent, recentSearchConfig = _0.recentSearchConfig, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, chatRenderState = _0.chatRenderState, transformItems = _0.transformItems, placeholder = _0.placeholder, autoFocus = _0.autoFocus, _0_detachedMediaQuery = _0.detachedMediaQuery, detachedMediaQuery = _0_detachedMediaQuery === void 0 ? DEFAULT_DETACHED_MEDIA_QUERY : _0_detachedMediaQuery, translations = _0.translations, classNames = _0.classNames, props = _object_without_properties(_0, [
+        var indicesConfig = _0.indicesConfig, refineSearchBox = _0.refineSearchBox, isSearchStalled = _0.isSearchStalled, getSearchPageURL = _0.getSearchPageURL, userOnSelect = _0.onSelect, indexUiState = _0.indexUiState, isSearchPage = _0.isSearchPage, PanelComponent = _0.panelComponent, showRecent = _0.showRecent, recentSearchConfig = _0.recentSearchConfig, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, chatRenderState = _0.chatRenderState, transformItems = _0.transformItems, placeholder = _0.placeholder, autoFocus = _0.autoFocus, _0_detachedMediaQuery = _0.detachedMediaQuery, detachedMediaQuery = _0_detachedMediaQuery === void 0 ? DEFAULT_DETACHED_MEDIA_QUERY : _0_detachedMediaQuery, translations = _0.translations, classNames = _0.classNames, aiMode = _0.aiMode, props = _object_without_properties(_0, [
             "indicesConfig",
             "refineSearchBox",
             "isSearchStalled",
@@ -20633,13 +21311,18 @@
             "autoFocus",
             "detachedMediaQuery",
             "translations",
-            "classNames"
+            "classNames",
+            "aiMode"
         ]);
-        var _ref;
+        var _indexUiState_query, _ref;
         var _showPromptSuggestions_searchParameters;
         var _useAutocomplete = useAutocomplete({
-            transformItems: transformItems
+            transformItems: transformItems,
+            future: {
+                undefinedEmptyQuery: true
+            }
         }), indices = _useAutocomplete.indices, refineAutocomplete = _useAutocomplete.refine, currentRefinement = _useAutocomplete.currentRefinement;
+        var resolvedQuery = currentRefinement !== undefined ? currentRefinement : (_indexUiState_query = indexUiState.query) !== null && _indexUiState_query !== void 0 ? _indexUiState_query : '';
         var _useDetachedMode = useDetachedMode(detachedMediaQuery), isDetached = _useDetachedMode.isDetached, isModalDetached = _useDetachedMode.isModalDetached, isModalOpen = _useDetachedMode.isModalOpen, setIsModalOpen = _useDetachedMode.setIsModalOpen;
         var previousIsDetachedRef = React.useRef(isDetached);
         var _useStorage = useStorage({
@@ -20847,9 +21530,20 @@
             onQueryChange: function onQueryChange(query) {
                 refineAutocomplete(query);
             },
-            query: currentRefinement || indexUiState.query || '',
-            refine: refineSearchBox,
-            isSearchStalled: isSearchStalled
+            query: resolvedQuery,
+            isSearchStalled: isSearchStalled,
+            onAiModeClick: aiMode ? function() {
+                if (chatRenderState) {
+                    var _chatRenderState_setOpen;
+                    (_chatRenderState_setOpen = chatRenderState.setOpen) === null || _chatRenderState_setOpen === void 0 ? void 0 : _chatRenderState_setOpen.call(chatRenderState, true);
+                    if (resolvedQuery.trim()) {
+                        var _chatRenderState_sendMessage;
+                        (_chatRenderState_sendMessage = chatRenderState.sendMessage) === null || _chatRenderState_sendMessage === void 0 ? void 0 : _chatRenderState_sendMessage.call(chatRenderState, {
+                            text: resolvedQuery
+                        });
+                    }
+                }
+            } : undefined
         });
         var panelContent = /*#__PURE__*/ React.createElement(AutocompletePanel, getPanelProps(), PanelComponent ? /*#__PURE__*/ React.createElement(PanelComponent, {
             elements: elements,
@@ -20868,7 +21562,7 @@
                 rootRef: rootRef,
                 classNames: classNames
             }), /*#__PURE__*/ React.createElement(AutocompleteDetachedSearchButton, {
-                query: currentRefinement || indexUiState.query || '',
+                query: resolvedQuery,
                 placeholder: placeholder,
                 classNames: classNames,
                 onClick: function onClick() {
@@ -21032,15 +21726,37 @@
         return /*#__PURE__*/ React.createElement(CarouselUiComponent, _object_spread({}, carouselRefs, props));
     }
 
+    var ChatOverlayLayout = createChatOverlayLayoutComponent({
+        createElement: React.createElement,
+        Fragment: React.Fragment
+    });
+
+    var ChatInlineLayout = createChatInlineLayoutComponent({
+        createElement: React.createElement,
+        Fragment: React.Fragment
+    });
+
+    var ChatSidePanelLayout = createChatSidePanelLayoutComponent({
+        createElement: React.createElement,
+        Fragment: React.Fragment
+    });
+
+    var ChatGreeting = createChatGreetingComponent({
+        createElement: React.createElement
+    });
+
     function createCarouselTool(showViewAll, itemComponent, getSearchPageURL) {
         var Button = createButtonComponent({
             createElement: React.createElement
         });
         function SearchLayoutComponent(param) {
-            var message = param.message, applyFilters = param.applyFilters, onClose = param.onClose;
+            var message = param.message, applyFilters = param.applyFilters, onClose = param.onClose, sendEvent = param.sendEvent;
+            var _ref;
+            var _output_hits;
             var input = message === null || message === void 0 ? void 0 : message.input;
             var output = message === null || message === void 0 ? void 0 : message.output;
-            var items = (output === null || output === void 0 ? void 0 : output.hits) || [];
+            var hitsWithAbsolutePosition = addAbsolutePosition((output === null || output === void 0 ? void 0 : output.hits) || [], 0, ((_ref = input === null || input === void 0 ? void 0 : input.number_of_results) !== null && _ref !== void 0 ? _ref : output === null || output === void 0 ? void 0 : (_output_hits = output.hits) === null || _output_hits === void 0 ? void 0 : _output_hits.length) || 5);
+            var items = addQueryID(hitsWithAbsolutePosition, output === null || output === void 0 ? void 0 : output.queryID);
             var MemoedHeaderComponent = React.useMemo(function() {
                 return function(props) {
                     return /*#__PURE__*/ React.createElement(HeaderComponent, _object_spread({
@@ -21061,7 +21777,7 @@
             return /*#__PURE__*/ React.createElement(Carousel, {
                 items: items,
                 itemComponent: itemComponent,
-                sendEvent: function sendEvent() {},
+                sendEvent: sendEvent,
                 showNavigation: false,
                 headerComponent: MemoedHeaderComponent
             });
@@ -21129,14 +21845,18 @@
         var _obj;
         return _obj = {}, _define_property(_obj, SearchIndexToolType$1, createCarouselTool(true, itemComponent, getSearchPageURL)), _define_property(_obj, RecommendToolType, createCarouselTool(false, itemComponent, getSearchPageURL)), _define_property(_obj, MemorizeToolType, {}), _define_property(_obj, MemorySearchToolType, {}), _define_property(_obj, PonderToolType, {}), _obj;
     }
-    function Chat(_0) {
-        var userTools = _0.tools, toggleButtonProps = _0.toggleButtonProps, headerProps = _0.headerProps, messagesProps = _0.messagesProps, promptProps = _0.promptProps, itemComponent = _0.itemComponent, toggleButtonComponent = _0.toggleButtonComponent, toggleButtonIconComponent = _0.toggleButtonIconComponent, headerComponent = _0.headerComponent, headerTitleIconComponent = _0.headerTitleIconComponent, headerCloseIconComponent = _0.headerCloseIconComponent, headerMinimizeIconComponent = _0.headerMinimizeIconComponent, headerMaximizeIconComponent = _0.headerMaximizeIconComponent, messagesLoaderComponent = _0.messagesLoaderComponent, messagesErrorComponent = _0.messagesErrorComponent, promptComponent = _0.promptComponent, promptHeaderComponent = _0.promptHeaderComponent, promptFooterComponent = _0.promptFooterComponent, assistantMessageLeadingComponent = _0.assistantMessageLeadingComponent, assistantMessageFooterComponent = _0.assistantMessageFooterComponent, userMessageLeadingComponent = _0.userMessageLeadingComponent, userMessageFooterComponent = _0.userMessageFooterComponent, actionsComponent = _0.actionsComponent, suggestionsComponent = _0.suggestionsComponent, classNames = _0.classNames, _0_translations = _0.translations, translations = _0_translations === void 0 ? {} : _0_translations, title = _0.title, getSearchPageURL = _0.getSearchPageURL, props = _object_without_properties(_0, [
+    function ChatInner(_0, _1) {
+        var _ref = [
+            _0,
+            _1
+        ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), userTools = _ref2.tools, toggleButtonProps = _ref2.toggleButtonProps, headerProps = _ref2.headerProps, messagesProps = _ref2.messagesProps, promptProps = _ref2.promptProps, itemComponent = _ref2.itemComponent, layoutComponent = _ref2.layoutComponent, toggleButtonComponent = _ref2.toggleButtonComponent, toggleButtonIconComponent = _ref2.toggleButtonIconComponent, headerComponent = _ref2.headerComponent, headerTitleIconComponent = _ref2.headerTitleIconComponent, headerCloseIconComponent = _ref2.headerCloseIconComponent, headerMinimizeIconComponent = _ref2.headerMinimizeIconComponent, headerMaximizeIconComponent = _ref2.headerMaximizeIconComponent, messagesLoaderComponent = _ref2.messagesLoaderComponent, 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, props = _object_without_properties(_ref2, [
             "tools",
             "toggleButtonProps",
             "headerProps",
             "messagesProps",
             "promptProps",
             "itemComponent",
+            "layoutComponent",
             "toggleButtonComponent",
             "toggleButtonIconComponent",
             "headerComponent",
@@ -21153,13 +21873,14 @@
             "assistantMessageFooterComponent",
             "userMessageLeadingComponent",
             "userMessageFooterComponent",
+            "emptyComponent",
             "actionsComponent",
             "suggestionsComponent",
             "classNames",
             "translations",
             "title",
             "getSearchPageURL"
-        ]);
+        ]), _rest1 = _sliced_to_array(_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;
         var _useState = _sliced_to_array(React.useState(false), 2), maximized = _useState[0], setMaximized = _useState[1];
@@ -21179,7 +21900,16 @@
         var chatState = useChat(_object_spread_props(_object_spread({}, props), {
             tools: tools
         }));
-        var messages = chatState.messages, sendMessage = chatState.sendMessage, status = chatState.status, regenerate = chatState.regenerate, stop = chatState.stop, error = chatState.error, input = chatState.input, setInput = chatState.setInput, open = chatState.open, setOpen = chatState.setOpen, isClearing = chatState.isClearing, clearMessages = chatState.clearMessages, onClearTransitionEnd = chatState.onClearTransitionEnd, toolsFromConnector = chatState.tools, suggestions = chatState.suggestions;
+        var messages = chatState.messages, sendMessage = chatState.sendMessage, status = chatState.status, regenerate = chatState.regenerate, stop = chatState.stop, error = chatState.error, input = chatState.input, setInput = chatState.setInput, open = chatState.open, setOpen = chatState.setOpen, isClearing = chatState.isClearing, clearMessages = chatState.clearMessages, onClearTransitionEnd = chatState.onClearTransitionEnd, toolsFromConnector = chatState.tools, suggestions = chatState.suggestions, onFeedback = chatState.sendChatMessageFeedback, feedbackState = chatState.feedbackState;
+        React.useImperativeHandle(ref, function() {
+            return {
+                setOpen: setOpen,
+                sendMessage: function sendMessage1(params) {
+                    return sendMessage(params);
+                },
+                setInput: setInput
+            };
+        });
         var wasOpenRef = React.useRef(false);
         React.useEffect(function() {
             var shouldFocusPrompt = !wasOpenRef.current && open;
@@ -21200,6 +21930,11 @@
             title: title,
             open: open,
             maximized: maximized,
+            sendMessage: sendMessage,
+            regenerate: regenerate,
+            stop: stop,
+            error: error,
+            layoutComponent: layoutComponent,
             headerComponent: headerComponent,
             promptComponent: promptComponent,
             toggleButtonComponent: toggleButtonComponent,
@@ -21237,6 +21972,10 @@
                 onClose: function onClose() {
                     return setOpen(false);
                 },
+                sendMessage: sendMessage,
+                setInput: setInput,
+                onFeedback: onFeedback,
+                feedbackState: feedbackState,
                 messages: messages,
                 tools: toolsFromConnector,
                 indexUiState: indexUiState,
@@ -21249,6 +21988,7 @@
                 onScrollToBottom: scrollToBottom,
                 loaderComponent: messagesLoaderComponent,
                 errorComponent: messagesErrorComponent,
+                emptyComponent: emptyComponent,
                 actionsComponent: actionsComponent,
                 assistantMessageProps: _object_spread({
                     leadingComponent: assistantMessageLeadingComponent,
@@ -21292,6 +22032,7 @@
             classNames: classNames
         });
     }
+    var Chat = /*#__PURE__*/ React.forwardRef(ChatInner);
 
     function ClearRefinements$1(_0) {
         var _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, _0_disabled = _0.disabled, disabled = _0_disabled === void 0 ? false : _0_disabled, _0_onClick = _0.onClick, onClick = _0_onClick === void 0 ? function() {} : _0_onClick, translations = _0.translations, props = _object_without_properties(_0, [
@@ -22370,8 +23111,30 @@
             repeatCount: "indefinite"
         })))));
     }
+    function DefaultAiModeIcon(param) {
+        var classNames = param.classNames;
+        return /*#__PURE__*/ React.createElement("svg", {
+            className: cx('ais-AiModeButton-icon', classNames.aiModeIcon),
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewBox: "0 0 20 20",
+            width: "16",
+            height: "16",
+            "aria-hidden": "true"
+        }, /*#__PURE__*/ React.createElement("path", {
+            fill: "currentColor",
+            fillRule: "evenodd",
+            d: "M10 1.875c.27 0 .51.173.594.43l1.593 4.844a1.043 1.043 0 0 0 .664.664l4.844 1.593a.625.625 0 0 1 0 1.188l-4.844 1.593a1.043 1.043 0 0 0-.664.664l-1.593 4.844a.625.625 0 0 1-1.188 0l-1.593-4.844a1.042 1.042 0 0 0-.664-.664l-4.844-1.593a.625.625 0 0 1 0-1.188l4.844-1.593a1.042 1.042 0 0 0 .664-.664l1.593-4.844a.625.625 0 0 1 .594-.43ZM9 7.539A2.292 2.292 0 0 1 7.54 9L4.5 10l3.04 1A2.292 2.292 0 0 1 9 12.46l1 3.04 1-3.04A2.293 2.293 0 0 1 12.46 11l3.04-1-3.04-1A2.292 2.292 0 0 1 11 7.54L10 4.5 9 7.54ZM4.167 1.875c.345 0 .625.28.625.625v3.333a.625.625 0 0 1-1.25 0V2.5c0-.345.28-.625.625-.625ZM15.833 13.542c.345 0 .625.28.625.625V17.5a.625.625 0 1 1-1.25 0v-3.333c0-.345.28-.625.625-.625Z",
+            clipRule: "evenodd"
+        }), /*#__PURE__*/ React.createElement("path", {
+            fill: "currentColor",
+            fillRule: "evenodd",
+            d: "M1.875 4.167c0-.346.28-.625.625-.625h3.333a.625.625 0 1 1 0 1.25H2.5a.625.625 0 0 1-.625-.625ZM13.542 15.833c0-.345.28-.625.625-.625H17.5a.625.625 0 0 1 0 1.25h-3.333a.625.625 0 0 1-.625-.625Z",
+            clipRule: "evenodd"
+        }));
+    }
     function SearchBox$1(_0) {
-        var formRef = _0.formRef, inputRef = _0.inputRef, inputProps = _0.inputProps, isSearchStalled = _0.isSearchStalled, onChange = _0.onChange, onReset = _0.onReset, onSubmit = _0.onSubmit, _0_placeholder = _0.placeholder, placeholder = _0_placeholder === void 0 ? '' : _0_placeholder, value = _0.value, autoFocus = _0.autoFocus, tmp = _0.resetIconComponent, ResetIcon = tmp === void 0 ? DefaultResetIcon : tmp, tmp1 = _0.submitIconComponent, SubmitIcon = tmp1 === void 0 ? DefaultSubmitIcon : tmp1, tmp2 = _0.loadingIconComponent, LoadingIcon = tmp2 === void 0 ? DefaultLoadingIcon : tmp2, _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, translations = _0.translations, props = _object_without_properties(_0, [
+        var formRef = _0.formRef, inputRef = _0.inputRef, inputProps = _0.inputProps, isSearchStalled = _0.isSearchStalled, onChange = _0.onChange, onReset = _0.onReset, onSubmit = _0.onSubmit, _0_placeholder = _0.placeholder, placeholder = _0_placeholder === void 0 ? '' : _0_placeholder, value = _0.value, autoFocus = _0.autoFocus, tmp = _0.resetIconComponent, ResetIcon = tmp === void 0 ? DefaultResetIcon : tmp, tmp1 = _0.submitIconComponent, SubmitIcon = tmp1 === void 0 ? DefaultSubmitIcon : tmp1, tmp2 = _0.loadingIconComponent, LoadingIcon = tmp2 === void 0 ? DefaultLoadingIcon : tmp2, tmp3 = _0.aiModeIconComponent, AiModeIcon = tmp3 === void 0 ? DefaultAiModeIcon : tmp3, onAiModeClick = _0.onAiModeClick, _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, translations = _0.translations, props = _object_without_properties(_0, [
             "formRef",
             "inputRef",
             "inputProps",
@@ -22385,6 +23148,8 @@
             "resetIconComponent",
             "submitIconComponent",
             "loadingIconComponent",
+            "aiModeIconComponent",
+            "onAiModeClick",
             "classNames",
             "translations"
         ]);
@@ -22444,7 +23209,19 @@
             hidden: value.length === 0 || isSearchStalled
         }, /*#__PURE__*/ React.createElement(ResetIcon, {
             classNames: classNames
-        })), /*#__PURE__*/ React.createElement("span", {
+        })), onAiModeClick && /*#__PURE__*/ React.createElement("button", {
+            className: cx('ais-AiModeButton', classNames.aiModeButton),
+            type: "button",
+            title: translations.aiModeButtonTitle || 'AI Mode',
+            onClick: function onClick(e) {
+                e.preventDefault();
+                onAiModeClick();
+            }
+        }, /*#__PURE__*/ React.createElement(AiModeIcon, {
+            classNames: classNames
+        }), /*#__PURE__*/ React.createElement("span", {
+            className: "ais-AiModeButton-label"
+        }, translations.aiModeButtonTitle || 'AI Mode')), /*#__PURE__*/ React.createElement("span", {
             className: cx('ais-SearchBox-loadingIndicator', classNames.loadingIndicator),
             hidden: !isSearchStalled
         }, /*#__PURE__*/ React.createElement(LoadingIcon, {
@@ -22608,10 +23385,11 @@
     }
 
     function SearchBox(_0) {
-        var queryHook = _0.queryHook, _0_searchAsYouType = _0.searchAsYouType, searchAsYouType = _0_searchAsYouType === void 0 ? true : _0_searchAsYouType, _0_ignoreCompositionEvents = _0.ignoreCompositionEvents, ignoreCompositionEvents = _0_ignoreCompositionEvents === void 0 ? false : _0_ignoreCompositionEvents, translations = _0.translations, props = _object_without_properties(_0, [
+        var queryHook = _0.queryHook, _0_searchAsYouType = _0.searchAsYouType, searchAsYouType = _0_searchAsYouType === void 0 ? true : _0_searchAsYouType, _0_ignoreCompositionEvents = _0.ignoreCompositionEvents, ignoreCompositionEvents = _0_ignoreCompositionEvents === void 0 ? false : _0_ignoreCompositionEvents, aiMode = _0.aiMode, translations = _0.translations, props = _object_without_properties(_0, [
             "queryHook",
             "searchAsYouType",
             "ignoreCompositionEvents",
+            "aiMode",
             "translations"
         ]);
         var _useSearchBox = useSearchBox({
@@ -22619,6 +23397,7 @@
         }, {
             $$widgetType: 'ais.searchBox'
         }), query = _useSearchBox.query, refine = _useSearchBox.refine, isSearchStalled = _useSearchBox.isSearchStalled;
+        var indexRenderState = useInstantSearch().indexRenderState;
         var _useState = _sliced_to_array(React.useState(query), 2), inputValue = _useState[0], setInputValue = _useState[1];
         var inputRef = React.useRef(null);
         function setQuery(newQuery) {
@@ -22658,10 +23437,24 @@
             onChange: onChange,
             onReset: onReset,
             onSubmit: onSubmit,
+            onAiModeClick: aiMode ? function() {
+                var chatRenderState = indexRenderState.chat;
+                if (chatRenderState) {
+                    var _chatRenderState_setOpen;
+                    (_chatRenderState_setOpen = chatRenderState.setOpen) === null || _chatRenderState_setOpen === void 0 ? void 0 : _chatRenderState_setOpen.call(chatRenderState, true);
+                    if (inputValue.trim()) {
+                        var _chatRenderState_sendMessage;
+                        (_chatRenderState_sendMessage = chatRenderState.sendMessage) === null || _chatRenderState_sendMessage === void 0 ? void 0 : _chatRenderState_sendMessage.call(chatRenderState, {
+                            text: inputValue
+                        });
+                    }
+                }
+            } : undefined,
             value: inputValue,
             translations: _object_spread({
                 submitButtonTitle: 'Submit the search query',
-                resetButtonTitle: 'Clear the search query'
+                resetButtonTitle: 'Clear the search query',
+                aiModeButtonTitle: 'AI Mode'
             }, translations)
         };
         return /*#__PURE__*/ React.createElement(SearchBox$1, _object_spread({}, props, uiProps));
@@ -22931,6 +23724,45 @@
         return /*#__PURE__*/ React.createElement(TrendingItemsUiComponent, _object_spread({}, props, uiProps));
     }
 
+    var TrendingFacetsUiComponent = createTrendingFacetsComponent({
+        createElement: React.createElement,
+        Fragment: React.Fragment
+    });
+    function TrendingFacets(_0) {
+        var facetName = _0.facetName, limit = _0.limit, threshold = _0.threshold, fallbackParameters = _0.fallbackParameters, queryParameters = _0.queryParameters, escapeHTML = _0.escapeHTML, transformItems = _0.transformItems, itemComponent = _0.itemComponent, headerComponent = _0.headerComponent, emptyComponent = _0.emptyComponent, props = _object_without_properties(_0, [
+            "facetName",
+            "limit",
+            "threshold",
+            "fallbackParameters",
+            "queryParameters",
+            "escapeHTML",
+            "transformItems",
+            "itemComponent",
+            "headerComponent",
+            "emptyComponent"
+        ]);
+        var status = useInstantSearch().status;
+        var items = useTrendingFacets({
+            facetName: facetName,
+            limit: limit,
+            threshold: threshold,
+            fallbackParameters: fallbackParameters,
+            queryParameters: queryParameters,
+            escapeHTML: escapeHTML,
+            transformItems: transformItems
+        }, {
+            $$widgetType: 'ais.trendingFacets'
+        }).items;
+        var uiProps = {
+            items: items,
+            itemComponent: itemComponent,
+            headerComponent: headerComponent,
+            emptyComponent: emptyComponent,
+            status: status
+        };
+        return /*#__PURE__*/ React.createElement(TrendingFacetsUiComponent, _object_spread({}, props, uiProps));
+    }
+
     var FilterSuggestionsUiComponent = createFilterSuggestionsComponent({
         createElement: React.createElement,
         Fragment: React.Fragment
@@ -22974,6 +23806,10 @@
     exports.Breadcrumb = Breadcrumb;
     exports.Carousel = Carousel;
     exports.Chat = Chat;
+    exports.ChatGreeting = ChatGreeting;
+    exports.ChatInlineLayout = ChatInlineLayout;
+    exports.ChatOverlayLayout = ChatOverlayLayout;
+    exports.ChatSidePanelLayout = ChatSidePanelLayout;
     exports.ClearRefinements = ClearRefinements;
     exports.Configure = Configure;
     exports.CurrentRefinements = CurrentRefinements;
@@ -23010,6 +23846,7 @@
     exports.SortBy = SortBy;
     exports.Stats = Stats;
     exports.ToggleRefinement = ToggleRefinement;
+    exports.TrendingFacets = TrendingFacets;
     exports.TrendingItems = TrendingItems;
     exports.createDefaultTools = createDefaultTools;
     exports.getServerState = getServerState;
@@ -23045,6 +23882,7 @@
     exports.useStats = useStats;
     exports.useStickToBottom = useStickToBottom;
     exports.useToggleRefinement = useToggleRefinement;
+    exports.useTrendingFacets = useTrendingFacets;
     exports.useTrendingItems = useTrendingItems;
     exports.version = version$2;
     exports.wrapPromiseWithState = wrapPromiseWithState;