react-instantsearch 7.36.0 → 7.38.0

package/dist/umd/ReactInstantSearch.js

@@ -1,4 +1,4 @@
-/*! React InstantSearch 7.36.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! React InstantSearch 7.38.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.36.0';
+    var version$2 = '7.38.0';
 
     function _define_property(obj, key, value) {
         if (key in obj) {
@@ -6890,10 +6890,11 @@
 
     var hasAlphanumeric = new RegExp(/\w/i);
     function getHighlightFromSiblings(parts, i) {
+        var _ref, _ref1;
         var _parts_, _parts_1;
         var current = parts[i];
-        var isNextHighlighted = ((_parts_ = parts[i + 1]) === null || _parts_ === void 0 ? void 0 : _parts_.isHighlighted) || true;
-        var isPreviousHighlighted = ((_parts_1 = parts[i - 1]) === null || _parts_1 === void 0 ? void 0 : _parts_1.isHighlighted) || true;
+        var isNextHighlighted = (_ref = (_parts_ = parts[i + 1]) === null || _parts_ === void 0 ? void 0 : _parts_.isHighlighted) !== null && _ref !== void 0 ? _ref : true;
+        var isPreviousHighlighted = (_ref1 = (_parts_1 = parts[i - 1]) === null || _parts_1 === void 0 ? void 0 : _parts_1.isHighlighted) !== null && _ref1 !== void 0 ? _ref1 : true;
         if (!hasAlphanumeric.test(unescape$1(current.value)) && isPreviousHighlighted === isNextHighlighted) {
             return isPreviousHighlighted;
         }
@@ -10821,7 +10822,7 @@
         };
     }
 
-    var version = '4.102.0';
+    var version = '4.104.0';
 
     var withUsage$r = createDocumentationMessageGenerator({
         name: 'instantsearch'
@@ -13123,33 +13124,74 @@
                                         }
                                         break;
                                     }
-                                case 'tool-error':
+                                case 'tool-input-error':
                                     {
+                                        var _chunk_input, _chunk_providerExecuted, _chunk_providerMetadata;
                                         if (!currentMessage) break;
+                                        delete toolRawInputByCallId[chunk.toolCallId];
+                                        delete toolRawOutputByCallId[chunk.toolCallId];
                                         var toolIndex3 = currentMessage.parts.findIndex(function(p) {
                                             return 'toolCallId' in p && p.toolCallId === chunk.toolCallId;
                                         });
+                                        var existingPart3 = toolIndex3 >= 0 ? currentMessage.parts[toolIndex3] : null;
+                                        var _ref5 = existingPart3 !== null && existingPart3 !== void 0 ? existingPart3 : {}, _ignoredOutput = _ref5.output, _ignoredRawOutput = _ref5.rawOutput, _ignoredPreliminary = _ref5.preliminary, carryOver = _object_without_properties(_ref5, [
+                                            "output",
+                                            "rawOutput",
+                                            "preliminary"
+                                        ]);
+                                        var nextToolPart2 = _object_spread_props(_object_spread({}, carryOver), {
+                                            type: "tool-".concat(chunk.toolName),
+                                            toolCallId: chunk.toolCallId,
+                                            state: 'output-error',
+                                            input: undefined,
+                                            rawInput: (_chunk_input = chunk.input) !== null && _chunk_input !== void 0 ? _chunk_input : carryOver.rawInput,
+                                            errorText: chunk.errorText,
+                                            providerExecuted: (_chunk_providerExecuted = chunk.providerExecuted) !== null && _chunk_providerExecuted !== void 0 ? _chunk_providerExecuted : carryOver.providerExecuted,
+                                            callProviderMetadata: (_chunk_providerMetadata = chunk.providerMetadata) !== null && _chunk_providerMetadata !== void 0 ? _chunk_providerMetadata : carryOver.callProviderMetadata
+                                        });
                                         if (toolIndex3 >= 0) {
-                                            var _chunk_input;
-                                            delete toolRawInputByCallId[chunk.toolCallId];
-                                            delete toolRawOutputByCallId[chunk.toolCallId];
                                             var updatedParts8 = _to_consumable_array(currentMessage.parts);
-                                            var existingPart3 = updatedParts8[toolIndex3];
-                                            var _ignoredRawOutput = existingPart3.rawOutput, _ignoredPreliminary = existingPart3.preliminary, rest1 = _object_without_properties(existingPart3, [
-                                                "rawOutput",
-                                                "preliminary"
-                                            ]);
-                                            updatedParts8[toolIndex3] = _object_spread_props(_object_spread({}, rest1), {
-                                                state: 'output-error',
-                                                errorText: chunk.errorText,
-                                                input: (_chunk_input = chunk.input) !== null && _chunk_input !== void 0 ? _chunk_input : existingPart3.input,
-                                                callProviderMetadata: chunk.callProviderMetadata
-                                            });
+                                            updatedParts8[toolIndex3] = nextToolPart2;
                                             currentMessage = _object_spread_props(_object_spread({}, currentMessage), {
                                                 parts: updatedParts8
                                             });
-                                            _this.state.replaceMessage(currentMessageIndex, currentMessage);
+                                        } else {
+                                            currentMessage = _object_spread_props(_object_spread({}, currentMessage), {
+                                                parts: _to_consumable_array(currentMessage.parts).concat([
+                                                    nextToolPart2
+                                                ])
+                                            });
                                         }
+                                        _this.state.replaceMessage(currentMessageIndex, currentMessage);
+                                        break;
+                                    }
+                                case 'tool-output-error':
+                                    {
+                                        var _chunk_providerExecuted1, _chunk_providerMetadata1;
+                                        if (!currentMessage) break;
+                                        var toolIndex4 = currentMessage.parts.findIndex(function(p) {
+                                            return 'toolCallId' in p && p.toolCallId === chunk.toolCallId;
+                                        });
+                                        if (toolIndex4 < 0) break;
+                                        delete toolRawInputByCallId[chunk.toolCallId];
+                                        delete toolRawOutputByCallId[chunk.toolCallId];
+                                        var updatedParts9 = _to_consumable_array(currentMessage.parts);
+                                        var existingPart4 = updatedParts9[toolIndex4];
+                                        var _ignoredRawOutput1 = existingPart4.rawOutput, _ignoredPreliminary1 = existingPart4.preliminary, _ignoredOutput1 = existingPart4.output, rest1 = _object_without_properties(existingPart4, [
+                                            "rawOutput",
+                                            "preliminary",
+                                            "output"
+                                        ]);
+                                        updatedParts9[toolIndex4] = _object_spread_props(_object_spread({}, rest1), {
+                                            state: 'output-error',
+                                            errorText: chunk.errorText,
+                                            providerExecuted: (_chunk_providerExecuted1 = chunk.providerExecuted) !== null && _chunk_providerExecuted1 !== void 0 ? _chunk_providerExecuted1 : rest1.providerExecuted,
+                                            callProviderMetadata: (_chunk_providerMetadata1 = chunk.providerMetadata) !== null && _chunk_providerMetadata1 !== void 0 ? _chunk_providerMetadata1 : rest1.callProviderMetadata
+                                        });
+                                        currentMessage = _object_spread_props(_object_spread({}, currentMessage), {
+                                            parts: updatedParts9
+                                        });
+                                        _this.state.replaceMessage(currentMessageIndex, currentMessage);
                                         break;
                                     }
                                 case 'source-url':
@@ -13843,12 +13885,10 @@
             var _chatInstance;
             var input = '';
             var open = false;
-            var isClearing = false;
             var sendEvent;
             var setInput;
             var setOpen;
             var focusInput;
-            var setIsClearing;
             var setFeedbackState;
             var hasValidatedEntryPoints = false;
             var agentId = 'agentId' in options ? options.agentId : undefined;
@@ -13878,21 +13918,17 @@
                 _chatInstance.messages = messagesParam;
             };
             var clearMessages = function clearMessages() {
-                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() {
+                // Reset the non-reactive state first: `setMessages` and `clearError` emit
+                // ChatState callbacks that synchronously re-render, so they must run last
+                // for that render to see the cleared feedback and rotated conversation id.
+                feedbackState = {};
+                _chatInstance.resetConversationId();
                 setMessages([]);
                 _chatInstance.clearError();
-                _chatInstance.resetConversationId();
-                feedbackState = {};
-                setIsClearing(false);
             };
             var validateEntryPoints = function validateEntryPoints(instantSearchInstance) {
                 if (disableTriggerValidation || hasValidatedEntryPoints) {
@@ -13958,22 +13994,37 @@
                     }));
                 }
                 if ('agentId' in options && options.agentId) {
+                    var _options_requestOptions, _options_requestOptions1;
                     if (!appId || !apiKey) {
                         throw new Error(withUsage$o('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");
+                    var createApi = function createApi() {
+                        var bypassCache = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+                        var _options_requestOptions;
+                        var api = new URL("https://".concat(appId, ".algolia.net/agent-studio/1/agents/").concat(agentId, "/completions"));
+                        var queryParameters = _object_spread(_object_spread_props(_object_spread({}, (_options_requestOptions = options.requestOptions) === null || _options_requestOptions === void 0 ? void 0 : _options_requestOptions.queryParameters), {
+                            compatibilityMode: 'ai-sdk-5'
+                        }), bypassCache ? {
+                            cache: false
+                        } : {});
+                        api.search = new URLSearchParams(queryParameters).toString();
+                        return api.toString();
+                    };
+                    var baseApi = createApi();
                     transport = new DefaultChatTransport({
                         api: baseApi,
-                        headers: {
+                        headers: _object_spread_props(_object_spread({}, _instanceof((_options_requestOptions = options.requestOptions) === null || _options_requestOptions === void 0 ? void 0 : _options_requestOptions.headers, Headers) ? Object.fromEntries(options.requestOptions.headers.entries()) : (_options_requestOptions1 = options.requestOptions) === null || _options_requestOptions1 === void 0 ? void 0 : _options_requestOptions1.headers), {
+                            // Preserve the required Algolia identity headers and chat agent
+                            // marker, even when requestOptions.headers contains the same keys.
                             'x-algolia-application-id': appId,
                             'x-algolia-api-key': apiKey,
                             'x-algolia-agent': "".concat(getAlgoliaAgent(client), "; chat")
-                        },
+                        }),
                         prepareSendMessagesRequest: function prepareSendMessagesRequest(param) {
                             var id = param.id, messages = param.messages, trigger = param.trigger, messageId = param.messageId;
                             return {
                                 // Bypass cache when regenerating to ensure fresh responses
-                                api: trigger === 'regenerate-message' ? "".concat(baseApi, "&cache=false") : baseApi,
+                                api: trigger === 'regenerate-message' ? createApi(true) : baseApi,
                                 body: {
                                     id: id,
                                     messageId: messageId,
@@ -14058,10 +14109,6 @@
                         input = i;
                         render();
                     };
-                    setIsClearing = function setIsClearing(value) {
-                        isClearing = value;
-                        render();
-                    };
                     setFeedbackState = function setFeedbackState(messageId, state) {
                         feedbackState = _object_spread_props(_object_spread({}, feedbackState), _define_property({}, messageId, state));
                         render();
@@ -14180,9 +14227,7 @@
                         focusInput: focusInput,
                         setMessages: setMessages,
                         suggestions: getSuggestionsFromMessages(_chatInstance.messages),
-                        isClearing: isClearing,
                         clearMessages: clearMessages,
-                        onClearTransitionEnd: onClearTransitionEnd,
                         tools: toolsWithAddToolResult,
                         sendChatMessageFeedback: _sendChatMessageFeedback,
                         feedbackState: feedbackState,
@@ -19194,8 +19239,9 @@
     function createAutocompletePropGetters(param) {
         var useEffect = param.useEffect, useId = param.useId, useMemo = param.useMemo, useRef = param.useRef, useState = param.useState;
         return function usePropGetters(param) {
-            var indices = param.indices, indicesConfig = param.indicesConfig, onRefine = param.onRefine, globalOnSelect = param.onSelect, onApply = param.onApply, onSubmit = param.onSubmit, placeholder = param.placeholder, _param_isDetached = param.isDetached, isDetached = _param_isDetached === void 0 ? false : _param_isDetached, _param_shouldHidePanel = param.shouldHidePanel, shouldHidePanel = _param_shouldHidePanel === void 0 ? false : _param_shouldHidePanel, _param_autoFocus = param.autoFocus, autoFocus = _param_autoFocus === void 0 ? false : _param_autoFocus;
-            var getElementId = createGetElementId(useId());
+            var indices = param.indices, indicesConfig = param.indicesConfig, onRefine = param.onRefine, globalOnSelect = param.onSelect, onApply = param.onApply, onSubmit = param.onSubmit, placeholder = param.placeholder, _param_isDetached = param.isDetached, isDetached = _param_isDetached === void 0 ? false : _param_isDetached, _param_shouldHidePanel = param.shouldHidePanel, shouldHidePanel = _param_shouldHidePanel === void 0 ? false : _param_shouldHidePanel, _param_autoFocus = param.autoFocus, autoFocus = _param_autoFocus === void 0 ? false : _param_autoFocus, id = param.id;
+            var internalId = useId();
+            var getElementId = createGetElementId(id !== null && id !== void 0 ? id : internalId);
             var inputRef = useRef(null);
             var rootRef = useRef(null);
             var _useState = _sliced_to_array(useState(autoFocus), 2), isOpen = _useState[0], setIsOpen = _useState[1];
@@ -20406,9 +20452,8 @@
             Fragment: Fragment
         });
         // Skip re-rendering (and re-compiling the markdown of) completed messages on
-        // every streaming delta. Falls back to the plain component when the host
-        // renderer doesn't provide a `memo` HOC.
-        var MemoizedDefaultMessage = memo ? memo(DefaultMessageComponent, areMessagePropsEqual) : DefaultMessageComponent;
+        // every streaming delta.
+        var MemoizedDefaultMessage = memo(DefaultMessageComponent, areMessagePropsEqual);
         var DefaultLoaderComponent = createChatMessageLoaderComponent({
             createElement: createElement
         });
@@ -20785,8 +20830,11 @@
         };
     }
 
+    function prefersReducedMotion() {
+        return typeof window !== 'undefined' && typeof window.matchMedia === 'function' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    }
     function createChatComponent(param) {
-        var createElement = param.createElement, Fragment = param.Fragment, memo = param.memo;
+        var createElement = param.createElement, Fragment = param.Fragment, memo = param.memo, useState = param.useState;
         var ChatHeader = createChatHeaderComponent({
             createElement: createElement,
             Fragment: Fragment
@@ -20827,11 +20875,38 @@
                 "stop",
                 "error"
             ]);
+            var _useState = _sliced_to_array(useState(false), 2), isClearing = _useState[0], setIsClearing = _useState[1];
+            var commitClear = headerProps.onClear || messagesProps.onNewConversation;
+            var startClear = function startClear() {
+                if (!commitClear) {
+                    return;
+                }
+                // Reduced motion disables the transition, so `transitionend` never fires;
+                // commit immediately instead of waiting for it.
+                if (prefersReducedMotion()) {
+                    commitClear();
+                    return;
+                }
+                // Stop streaming now so the assistant stops immediately, not after the fade.
+                if (messagesProps.status === 'submitted' || messagesProps.status === 'streaming') {
+                    stop();
+                }
+                setIsClearing(true);
+            };
+            var finishClear = function finishClear() {
+                commitClear === null || commitClear === void 0 ? void 0 : commitClear();
+                setIsClearing(false);
+            };
             var headerComponent = createElement(HeaderComponent || ChatHeader, _object_spread_props(_object_spread({}, headerProps), {
+                onClear: commitClear ? startClear : headerProps.onClear,
+                canClear: headerProps.canClear && !isClearing,
                 classNames: classNames.header,
                 maximized: maximized
             }));
             var messagesComponent = /*#__PURE__*/ createElement(ChatMessages, _object_spread_props(_object_spread({}, messagesProps), {
+                isClearing: isClearing,
+                onClearTransitionEnd: finishClear,
+                onNewConversation: commitClear ? startClear : messagesProps.onNewConversation,
                 error: error,
                 classNames: classNames.messages,
                 messageClassNames: classNames.message,
@@ -20856,9 +20931,9 @@
                 messages: messagesProps.messages,
                 status: messagesProps.status,
                 tools: messagesProps.tools,
-                isClearing: messagesProps.isClearing,
-                clearMessages: headerProps.onClear,
-                onClearTransitionEnd: messagesProps.onClearTransitionEnd,
+                isClearing: isClearing,
+                clearMessages: commitClear ? startClear : headerProps.onClear,
+                onClearTransitionEnd: finishClear,
                 suggestions: suggestionsProps.suggestions,
                 sendMessage: sendMessage,
                 regenerate: regenerate,
@@ -22270,11 +22345,14 @@
         Fragment: React.Fragment
     });
     var id = 0;
-    var useAutocompleteInstanceId = React.useId ? function() {
-        return React.useId().replace(/:/g, '');
+    // Colons (`:r0:`) preserved so concatenations like `autocomplete:r0:input`
+    // have a recognisable boundary; callers that need a colon-free variant for
+    // InstantSearch's `indexId` strip them at the use site.
+    var useAutocompleteId = React.useId ? function() {
+        return React.useId();
     } : function() {
         return React.useState(function() {
-            return "a".concat(id++);
+            return ":a".concat(id++, ":");
         })[0];
     };
     var usePropGetters = createAutocompletePropGetters({
@@ -22426,6 +22504,10 @@
             "translations",
             "transformItems"
         ]);
+        var autoFocus = restProps.autoFocus, placeholder = restProps.placeholder, classNames = restProps.classNames;
+        // Eager-mount only when `autoFocus` is set — otherwise wait for first focus
+        // before registering the autocomplete subtree in the search graph.
+        var _useState = _sliced_to_array(React.useState(autoFocus === true), 2), activated = _useState[0], setActivated = _useState[1];
         var translations = _object_spread({}, DEFAULT_TRANSLATIONS, userTranslations);
         var _useInstantSearch = useInstantSearch(), indexUiState = _useInstantSearch.indexUiState, indexRenderState = _useInstantSearch.indexRenderState, status = _useInstantSearch.status;
         var compositionID = useInstantSearchContext().compositionID;
@@ -22435,9 +22517,8 @@
         }, props.aiMode ? {
             opensChat: true
         } : {})).refine;
-        // In feeds-mode, indexId disambiguates multiple Autocomplete instances
-        // sharing the same compositionID. Mirrors the fallback at line 111 for React <18.
-        var instanceKey = useAutocompleteInstanceId();
+        var domId = useAutocompleteId();
+        var instanceKey = domId.replace(/:/g, '');
         if (isFeedsMode && indices !== undefined) {
             throw new Error('EXPERIMENTAL_Autocomplete: `feeds` and `indices` are mutually exclusive.');
         }
@@ -22607,7 +22688,84 @@
             "indices",
             "feeds"
         ]);
+        var instance = useInstantSearchContext();
+        var detached = useDetachedMode(detachedMediaQuery);
+        var isDetached = detached.isDetached, setIsModalOpen = detached.setIsModalOpen;
+        // Lazy activation only: when `activated` flips from false to true, the
+        // newly-mounted isolated `<Index>` schedules the parent's search even
+        // though the parent's state hasn't changed. Cancel it so only the
+        // autocomplete's own search fires on activation. Skip when `autoFocus`
+        // mounts the inner eagerly — the parent's legitimate initial search
+        // shares the same defer slot and must not be cancelled.
+        var initialActivatedRef = React.useRef(activated);
+        React.useLayoutEffect(function() {
+            if (activated && !initialActivatedRef.current) {
+                initialActivatedRef.current = true;
+                instance.scheduleSearch.cancel();
+            }
+        }, [
+            activated,
+            instance
+        ]);
+        if (!activated) {
+            var _indexUiState_query, _indexUiState_query1;
+            restProps.indices; restProps.feeds; restProps.autoFocus; restProps.placeholder; restProps.classNames; restProps.aiMode; restProps.panelComponent; restProps.getSearchPageURL; restProps.onSelect; var shellRootProps = _object_without_properties(restProps, [
+                "indices",
+                "feeds",
+                "autoFocus",
+                "placeholder",
+                "classNames",
+                "aiMode",
+                "panelComponent",
+                "getSearchPageURL",
+                "onSelect"
+            ]);
+            var activateWithQueryMirror = function activateWithQueryMirror() {
+                // Routing only fills the parent index's UI state, not the
+                // autocomplete's isolated one, so without this, the autocomplete
+                // would activate with an empty query and fire a useless search.
+                // We copy the parent's query into the autocomplete's slot of
+                // `_initialUiState` right before flipping `activated`: that's the
+                // moment the isolated `<Index>` is about to mount and read it.
+                // Doing this later would mean firing a second search to correct
+                // the first.
+                if (indexUiState.query) {
+                    var isoIndexId = "ais-autocomplete-".concat(instanceKey);
+                    var initial = instance._initialUiState;
+                    initial[isoIndexId] = _object_spread_props(_object_spread({}, initial[isoIndexId]), {
+                        query: indexUiState.query
+                    });
+                }
+                setActivated(true);
+            };
+            return /*#__PURE__*/ React.createElement(Autocomplete, _object_spread_props(_object_spread({}, shellRootProps), {
+                classNames: classNames
+            }), isDetached ? /*#__PURE__*/ React.createElement(AutocompleteDetachedSearchButton, {
+                query: (_indexUiState_query = indexUiState.query) !== null && _indexUiState_query !== void 0 ? _indexUiState_query : '',
+                placeholder: placeholder,
+                classNames: classNames,
+                translations: translations,
+                onClick: function onClick() {
+                    setIsModalOpen(true);
+                    activateWithQueryMirror();
+                }
+            }) : /*#__PURE__*/ React.createElement(AutocompleteSearch, {
+                inputProps: {
+                    id: "autocomplete".concat(domId, "input"),
+                    role: 'combobox',
+                    placeholder: placeholder,
+                    onFocus: activateWithQueryMirror
+                },
+                clearQuery: function clearQuery() {},
+                query: (_indexUiState_query1 = indexUiState.query) !== null && _indexUiState_query1 !== void 0 ? _indexUiState_query1 : '',
+                isSearchStalled: false,
+                classNames: classNames
+            }));
+        }
         var innerAutocomplete = /*#__PURE__*/ React.createElement(InnerAutocomplete, _object_spread_props(_object_spread({}, forwardedProps), {
+            autoFocus: true,
+            domId: domId,
+            detached: detached,
             indicesConfig: indicesConfig,
             refineSearchBox: refine,
             isSearchStalled: isSearchStalled,
@@ -22616,7 +22774,6 @@
             showRecent: showRecent,
             recentSearchConfig: recentSearchConfig,
             showQuerySuggestions: normalizedShowQuerySuggestions,
-            detachedMediaQuery: detachedMediaQuery,
             translations: translations,
             showPromptSuggestions: normalizedShowPromptSuggestions,
             transformItems: effectiveTransformItems,
@@ -22635,16 +22792,18 @@
             }), innerAutocomplete);
         }
         return /*#__PURE__*/ React.createElement(Index, {
-            EXPERIMENTAL_isolated: true
+            EXPERIMENTAL_isolated: true,
+            indexId: "ais-autocomplete-".concat(instanceKey)
         }, /*#__PURE__*/ React.createElement(Configure, searchParameters), indicesConfig.map(function(index) {
             return /*#__PURE__*/ React.createElement(Index, {
                 key: index.indexName,
-                indexName: index.indexName
+                indexName: index.indexName,
+                indexId: "ais-autocomplete-".concat(instanceKey, "-").concat(index.indexName)
             }, /*#__PURE__*/ React.createElement(Configure, index.searchParameters));
         }), innerAutocomplete);
     }
     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, aiMode = _0.aiMode, 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, translations = _0.translations, classNames = _0.classNames, aiMode = _0.aiMode, domId = _0.domId, detached = _0.detached, props = _object_without_properties(_0, [
             "indicesConfig",
             "refineSearchBox",
             "isSearchStalled",
@@ -22661,10 +22820,11 @@
             "transformItems",
             "placeholder",
             "autoFocus",
-            "detachedMediaQuery",
             "translations",
             "classNames",
-            "aiMode"
+            "aiMode",
+            "domId",
+            "detached"
         ]);
         var _indexUiState_query, _ref;
         var _showPromptSuggestions_searchParameters;
@@ -22675,7 +22835,7 @@
             }
         }), 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 isDetached = detached.isDetached, isModalDetached = detached.isModalDetached, isModalOpen = detached.isModalOpen, setIsModalOpen = detached.setIsModalOpen;
         var previousIsDetachedRef = React.useRef(isDetached);
         var _useStorage = useStorage({
             showRecent: showRecent,
@@ -22741,6 +22901,7 @@
         });
         var shouldHideEmptyPanel = allIndicesEmpty && recentEmpty && !hasNoResultsTemplate && !PanelComponent;
         var _usePropGetters = usePropGetters({
+            id: domId,
             indices: indicesForPropGettersWithPromptSuggestions,
             indicesConfig: indicesConfigForPropGetters,
             onRefine: function onRefine(query) {
@@ -22865,7 +23026,7 @@
                 NoResultsComponent: currentIndexConfig.noResultsComponent,
                 items: hits.map(function(item) {
                     return _object_spread_props(_object_spread({}, item), {
-                        __indexName: indexId
+                        __indexName: indexName
                     });
                 }),
                 getItemProps: getItemProps,
@@ -23267,7 +23428,8 @@
     var ChatUiComponent = createChatComponent({
         createElement: React.createElement,
         Fragment: React.Fragment,
-        memo: React.memo
+        memo: React.memo,
+        useState: React.useState
     });
     function createDefaultTools(itemComponent, getSearchPageURL) {
         var _obj;
@@ -23332,7 +23494,7 @@
             tools: tools,
             disableTriggerValidation: effectiveDisableTriggerValidation
         }));
-        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;
+        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, clearMessages = chatState.clearMessages, toolsFromConnector = chatState.tools, suggestions = chatState.suggestions, onFeedback = chatState.sendChatMessageFeedback, feedbackState = chatState.feedbackState;
         React.useImperativeHandle(ref, function() {
             return {
                 setOpen: setOpen,
@@ -23396,7 +23558,7 @@
                     return setMaximized(!maximized);
                 },
                 onClear: clearMessages,
-                canClear: Boolean(messages === null || messages === void 0 ? void 0 : messages.length) && !isClearing,
+                canClear: Boolean(messages === null || messages === void 0 ? void 0 : messages.length),
                 titleIconComponent: headerTitleIconComponent,
                 closeIconComponent: headerCloseIconComponent,
                 minimizeIconComponent: headerMinimizeIconComponent,
@@ -23422,8 +23584,6 @@
                 tools: toolsFromConnector,
                 indexUiState: indexUiState,
                 setIndexUiState: setIndexUiState,
-                isClearing: isClearing,
-                onClearTransitionEnd: onClearTransitionEnd,
                 isScrollAtBottom: isAtBottom,
                 scrollRef: scrollRef,
                 contentRef: contentRef,