react-instantsearch 7.35.1 → 7.37.0

package/dist/umd/ReactInstantSearch.js

@@ -1,4 +1,4 @@
-/*! React InstantSearch 7.35.1 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! React InstantSearch 7.37.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.35.1';
+    var version$2 = '7.37.0';
 
     function _define_property(obj, key, value) {
         if (key in obj) {
@@ -10821,7 +10821,7 @@
         };
     }
 
-    var version = '4.101.1';
+    var version = '4.103.0';
 
     var withUsage$r = createDocumentationMessageGenerator({
         name: 'instantsearch'
@@ -13123,33 +13123,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':
@@ -19194,8 +19235,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];
@@ -20018,7 +20060,7 @@
             createElement: createElement
         });
         return function ChatMessage(userProps) {
-            var _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, message = userProps.message, status = userProps.status, _userProps_side = userProps.side, side = _userProps_side === void 0 ? 'left' : _userProps_side, _userProps_variant = userProps.variant, variant = _userProps_variant === void 0 ? 'subtle' : _userProps_variant, _userProps_actions = userProps.actions, actions = _userProps_actions === void 0 ? [] : _userProps_actions, _userProps_autoHideActions = userProps.autoHideActions, autoHideActions = _userProps_autoHideActions === void 0 ? false : _userProps_autoHideActions, LeadingComponent = userProps.leadingComponent, ActionsComponent = userProps.actionsComponent, FooterComponent = userProps.footerComponent, _userProps_tools = userProps.tools, tools = _userProps_tools === void 0 ? {} : _userProps_tools, indexUiState = userProps.indexUiState, setIndexUiState = userProps.setIndexUiState, messages = userProps.messages, onClose = userProps.onClose, userTranslations = userProps.translations, suggestionsElement = userProps.suggestionsElement, props = _object_without_properties(userProps, [
+            var _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames, message = userProps.message, status = userProps.status, _userProps_side = userProps.side, side = _userProps_side === void 0 ? 'left' : _userProps_side, _userProps_variant = userProps.variant, variant = _userProps_variant === void 0 ? 'subtle' : _userProps_variant, _userProps_actions = userProps.actions, actions = _userProps_actions === void 0 ? [] : _userProps_actions, _userProps_autoHideActions = userProps.autoHideActions, autoHideActions = _userProps_autoHideActions === void 0 ? false : _userProps_autoHideActions, LeadingComponent = userProps.leadingComponent, ActionsComponent = userProps.actionsComponent, FooterComponent = userProps.footerComponent, _userProps_tools = userProps.tools, tools = _userProps_tools === void 0 ? {} : _userProps_tools, indexUiState = userProps.indexUiState, setIndexUiState = userProps.setIndexUiState, messages = userProps.messages, onClose = userProps.onClose, userTranslations = userProps.translations, suggestionsElement = userProps.suggestionsElement, _userProps_parseMarkdown = userProps.parseMarkdown, parseMarkdown = _userProps_parseMarkdown === void 0 ? true : _userProps_parseMarkdown, props = _object_without_properties(userProps, [
                 "classNames",
                 "message",
                 "status",
@@ -20035,7 +20077,8 @@
                 "messages",
                 "onClose",
                 "translations",
-                "suggestionsElement"
+                "suggestionsElement",
+                "parseMarkdown"
             ]);
             var translations = _object_spread({
                 messageLabel: 'Message',
@@ -20064,6 +20107,18 @@
                     if (part.text.startsWith('<context>') && part.text.endsWith('</context>')) {
                         return null;
                     }
+                    if (!parseMarkdown) {
+                        // Render the literal text. The `ais-ChatMessage-text` class applies
+                        // `white-space: pre-wrap` to preserve the newlines that markdown
+                        // would otherwise collapse, and streaming deltas append cleanly
+                        // because there's no parser state to get into a half-parsed entity.
+                        // Wrapped in a `<p>` to keep some structure for screen readers
+                        // (markdown produces semantic elements; a bare text node would not).
+                        return /*#__PURE__*/ createElement("p", {
+                            key: "".concat(message.id, "-").concat(index),
+                            className: "ais-ChatMessage-text"
+                        }, part.text);
+                    }
                     var markdown = We(part.text, {
                         createElement: createElement,
                         disableParsingRawHTML: true
@@ -20263,6 +20318,20 @@
     var copyToClipboard = function copyToClipboard(message) {
         navigator.clipboard.writeText(getTextContent(message));
     };
+    /**
+     * Memoization comparator for a message row. `replaceMessage` only clones the
+     * message being updated, so completed messages keep a stable reference across
+     * streaming deltas. We compare just what affects a row's render — `message`,
+     * `status`, `suggestionsElement`, and this message's feedback — and ignore the
+     * props that get a fresh reference every render but don't change the output
+     * (`tools`, `messages`, callbacks, `indexUiState`). `indexUiState` in
+     * particular can't be compared: `getUiState()` returns a new object each render
+     * and would defeat the memo. Trade-off: a completed row keeps the callbacks/
+     * `indexUiState` it last rendered with until its next genuine render.
+     */ function areMessagePropsEqual(prev, next) {
+        var _prev_feedbackState, _next_feedbackState;
+        return prev.message === next.message && prev.status === next.status && prev.suggestionsElement === next.suggestionsElement && ((_prev_feedbackState = prev.feedbackState) === null || _prev_feedbackState === void 0 ? void 0 : _prev_feedbackState[prev.message.id]) === ((_next_feedbackState = next.feedbackState) === null || _next_feedbackState === void 0 ? void 0 : _next_feedbackState[next.message.id]);
+    }
     function createDefaultMessageComponent(param) {
         var createElement = param.createElement, Fragment = param.Fragment;
         var ChatMessage = createChatMessageComponent({
@@ -20370,7 +20439,7 @@
         };
     }
     function createChatMessagesComponent(param) {
-        var createElement = param.createElement, Fragment = param.Fragment;
+        var createElement = param.createElement, Fragment = param.Fragment, memo = param.memo;
         var Button = createButtonComponent({
             createElement: createElement
         });
@@ -20378,6 +20447,10 @@
             createElement: createElement,
             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;
         var DefaultLoaderComponent = createChatMessageLoaderComponent({
             createElement: createElement
         });
@@ -20440,7 +20513,7 @@
             var lastPart = lastMessage === null || lastMessage === void 0 ? void 0 : (_lastMessage_parts = lastMessage.parts) === null || _lastMessage_parts === void 0 ? void 0 : _lastMessage_parts[lastMessage.parts.length - 1];
             var showLoader = getShowLoader(status, lastPart, tools);
             var showEmpty = messages.length === 0 && !showLoader && !isClearing && status !== 'error';
-            var DefaultMessage = MessageComponent || DefaultMessageComponent;
+            var DefaultMessage = MessageComponent || MemoizedDefaultMessage;
             var DefaultLoader = LoaderComponent || DefaultLoaderComponent;
             var DefaultError = ErrorComponent || DefaultErrorComponent;
             return /*#__PURE__*/ createElement("div", _object_spread_props(_object_spread({}, props), {
@@ -20755,14 +20828,15 @@
     }
 
     function createChatComponent(param) {
-        var createElement = param.createElement, Fragment = param.Fragment;
+        var createElement = param.createElement, Fragment = param.Fragment, memo = param.memo;
         var ChatHeader = createChatHeaderComponent({
             createElement: createElement,
             Fragment: Fragment
         });
         var ChatMessages = createChatMessagesComponent({
             createElement: createElement,
-            Fragment: Fragment
+            Fragment: Fragment,
+            memo: memo
         });
         var ChatPrompt = createChatPromptComponent({
             createElement: createElement,
@@ -22238,6 +22312,16 @@
         Fragment: React.Fragment
     });
     var id = 0;
+    // 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++, ":");
+        })[0];
+    };
     var usePropGetters = createAutocompletePropGetters({
         useEffect: React.useEffect,
         useId: React.useId || function() {
@@ -22373,91 +22457,185 @@
             setIsModalOpen: setIsModalOpen
         };
     }
-    function EXPERIMENTAL_Autocomplete(_0) {
-        var _0_indices = _0.indices, indices = _0_indices === void 0 ? [] : _0_indices, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, showRecent = _0.showRecent, userSearchParameters = _0.searchParameters, detachedMediaQuery = _0.detachedMediaQuery, tmp = _0.translations, userTranslations = tmp === void 0 ? {} : tmp, aiMode = _0.aiMode, props = _object_without_properties(_0, [
-            "indices",
+    function EXPERIMENTAL_Autocomplete(props) {
+        var _showRecent_classNames, _showRecent_classNames1, _showRecent_classNames2, _showRecent_classNames3;
+        var indices = 'indices' in props ? props.indices : undefined;
+        var feeds = 'feeds' in props ? props.feeds : undefined;
+        var isFeedsMode = feeds !== undefined;
+        var showQuerySuggestions = props.showQuerySuggestions, showPromptSuggestions = props.showPromptSuggestions, showRecent = props.showRecent, userSearchParameters = props.searchParameters, detachedMediaQuery = props.detachedMediaQuery, tmp = props.translations, userTranslations = tmp === void 0 ? {} : tmp, transformItems = props.transformItems, restProps = _object_without_properties(props, [
             "showQuerySuggestions",
             "showPromptSuggestions",
             "showRecent",
             "searchParameters",
             "detachedMediaQuery",
             "translations",
-            "aiMode"
+            "transformItems"
         ]);
-        var _showRecent_classNames, _showRecent_classNames1, _showRecent_classNames2, _showRecent_classNames3;
+        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;
         var refine = useSearchBox({}, _object_spread({
             $$type: 'ais.autocomplete',
             $$widgetType: 'ais.autocomplete'
-        }, aiMode ? {
+        }, props.aiMode ? {
             opensChat: true
         } : {})).refine;
+        var domId = useAutocompleteId();
+        var instanceKey = domId.replace(/:/g, '');
+        if (isFeedsMode && indices !== undefined) {
+            throw new Error('EXPERIMENTAL_Autocomplete: `feeds` and `indices` are mutually exclusive.');
+        }
+        if (isFeedsMode && !compositionID) {
+            throw new Error('EXPERIMENTAL_Autocomplete in feeds-mode requires a composition-based <InstantSearch> (compositionID must be set).');
+        }
         var isSearchStalled = status === 'stalled';
         var searchParameters = _object_spread({
             hitsPerPage: 5
         }, userSearchParameters);
-        var indicesConfig = _to_consumable_array(indices);
-        if (showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName) {
-            var _showQuerySuggestions_classNames, _showQuerySuggestions_classNames1, _showQuerySuggestions_classNames2, _showQuerySuggestions_classNames3;
-            indicesConfig.unshift({
-                indexName: showQuerySuggestions.indexName,
-                headerComponent: showQuerySuggestions.headerComponent,
-                itemComponent: showQuerySuggestions.itemComponent || function(param) {
-                    var item = param.item, onSelect = param.onSelect, onApply = param.onApply;
-                    return /*#__PURE__*/ React.createElement(AutocompleteSuggestion, {
-                        item: item,
-                        onSelect: onSelect,
-                        onApply: onApply
-                    }, /*#__PURE__*/ React.createElement(ConditionalReverseHighlight, {
-                        item: item
-                    }));
-                },
-                classNames: {
-                    root: cx('ais-AutocompleteSuggestions', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames === void 0 ? void 0 : _showQuerySuggestions_classNames.root),
-                    list: cx('ais-AutocompleteSuggestionsList', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames1 = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames1 === void 0 ? void 0 : _showQuerySuggestions_classNames1.list),
-                    header: cx('ais-AutocompleteSuggestionsHeader', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames2 = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames2 === void 0 ? void 0 : _showQuerySuggestions_classNames2.header),
-                    item: cx('ais-AutocompleteSuggestionsItem', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames3 = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames3 === void 0 ? void 0 : _showQuerySuggestions_classNames3.item)
-                },
-                searchParameters: _object_spread({
+        // In feeds-mode `indexName` carries the feedID so downstream matching
+        // (section building, dedupe in createAutocompleteStorage) treats feeds
+        // like indices without any changes to InnerAutocomplete.
+        var querySuggestionsKey = isFeedsMode ? showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.feedID : showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName;
+        var promptSuggestionsKey = isFeedsMode ? showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : showPromptSuggestions.feedID : showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : showPromptSuggestions.indexName;
+        var indicesConfig = React.useMemo(function() {
+            var config = isFeedsMode ? feeds.map(function(feed) {
+                return {
+                    indexName: feed.feedID,
+                    headerComponent: feed.headerComponent,
+                    itemComponent: feed.itemComponent,
+                    noResultsComponent: feed.noResultsComponent,
+                    getURL: feed.getURL,
+                    getQuery: feed.getQuery,
+                    classNames: feed.classNames
+                };
+            }) : _to_consumable_array(indices !== null && indices !== void 0 ? indices : []);
+            if (querySuggestionsKey) {
+                var _showQuerySuggestions_classNames, _showQuerySuggestions_classNames1, _showQuerySuggestions_classNames2, _showQuerySuggestions_classNames3;
+                var querySuggestionsSearchParameters = isFeedsMode ? undefined : _object_spread({
                     hitsPerPage: 3
-                }, showQuerySuggestions.searchParameters),
-                getQuery: function getQuery(item) {
-                    return item.query;
-                },
-                getURL: showQuerySuggestions.getURL
-            });
-        }
-        if (showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : showPromptSuggestions.indexName) {
-            var _showPromptSuggestions_classNames, _showPromptSuggestions_classNames1, _showPromptSuggestions_classNames2, _showPromptSuggestions_classNames3;
-            indicesConfig.push({
-                indexName: showPromptSuggestions.indexName,
-                headerComponent: showPromptSuggestions.headerComponent,
-                itemComponent: showPromptSuggestions.itemComponent || function(param) {
-                    var item = param.item, onSelect = param.onSelect;
-                    return /*#__PURE__*/ React.createElement(AutocompletePromptSuggestion, {
-                        item: item,
-                        onSelect: onSelect
-                    }, /*#__PURE__*/ React.createElement(ConditionalHighlight, {
-                        item: item,
-                        attribute: "prompt"
-                    }));
-                },
-                classNames: {
-                    root: cx('ais-AutocompletePromptSuggestions', (_showPromptSuggestions_classNames = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames === void 0 ? void 0 : _showPromptSuggestions_classNames.root),
-                    list: cx('ais-AutocompletePromptSuggestionsList', (_showPromptSuggestions_classNames1 = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames1 === void 0 ? void 0 : _showPromptSuggestions_classNames1.list),
-                    header: cx('ais-AutocompletePromptSuggestionsHeader', (_showPromptSuggestions_classNames2 = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames2 === void 0 ? void 0 : _showPromptSuggestions_classNames2.header),
-                    item: cx('ais-AutocompletePromptSuggestionsItem', (_showPromptSuggestions_classNames3 = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames3 === void 0 ? void 0 : _showPromptSuggestions_classNames3.item)
-                },
-                searchParameters: _object_spread({
+                }, showQuerySuggestions.searchParameters);
+                config.unshift({
+                    indexName: querySuggestionsKey,
+                    headerComponent: showQuerySuggestions.headerComponent,
+                    itemComponent: showQuerySuggestions.itemComponent || function(param) {
+                        var item = param.item, onSelect = param.onSelect, onApply = param.onApply;
+                        return /*#__PURE__*/ React.createElement(AutocompleteSuggestion, {
+                            item: item,
+                            onSelect: onSelect,
+                            onApply: onApply
+                        }, /*#__PURE__*/ React.createElement(ConditionalReverseHighlight, {
+                            item: item
+                        }));
+                    },
+                    classNames: {
+                        root: cx('ais-AutocompleteSuggestions', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames === void 0 ? void 0 : _showQuerySuggestions_classNames.root),
+                        list: cx('ais-AutocompleteSuggestionsList', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames1 = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames1 === void 0 ? void 0 : _showQuerySuggestions_classNames1.list),
+                        header: cx('ais-AutocompleteSuggestionsHeader', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames2 = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames2 === void 0 ? void 0 : _showQuerySuggestions_classNames2.header),
+                        item: cx('ais-AutocompleteSuggestionsItem', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames3 = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames3 === void 0 ? void 0 : _showQuerySuggestions_classNames3.item)
+                    },
+                    searchParameters: querySuggestionsSearchParameters,
+                    getQuery: function getQuery(item) {
+                        return item.query;
+                    },
+                    getURL: showQuerySuggestions.getURL
+                });
+            }
+            if (promptSuggestionsKey) {
+                var _showPromptSuggestions_classNames, _showPromptSuggestions_classNames1, _showPromptSuggestions_classNames2, _showPromptSuggestions_classNames3;
+                var promptSuggestionsSearchParameters = isFeedsMode ? undefined : _object_spread({
                     hitsPerPage: 3
-                }, showPromptSuggestions.searchParameters),
-                getQuery: function getQuery(item) {
-                    return item.prompt;
-                },
-                getURL: showPromptSuggestions.getURL
-            });
-        }
+                }, showPromptSuggestions.searchParameters);
+                config.push({
+                    indexName: promptSuggestionsKey,
+                    headerComponent: showPromptSuggestions.headerComponent,
+                    itemComponent: showPromptSuggestions.itemComponent || function(param) {
+                        var item = param.item, onSelect = param.onSelect;
+                        return /*#__PURE__*/ React.createElement(AutocompletePromptSuggestion, {
+                            item: item,
+                            onSelect: onSelect
+                        }, /*#__PURE__*/ React.createElement(ConditionalHighlight, {
+                            item: item,
+                            attribute: "prompt"
+                        }));
+                    },
+                    classNames: {
+                        root: cx('ais-AutocompletePromptSuggestions', showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : (_showPromptSuggestions_classNames = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames === void 0 ? void 0 : _showPromptSuggestions_classNames.root),
+                        list: cx('ais-AutocompletePromptSuggestionsList', showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : (_showPromptSuggestions_classNames1 = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames1 === void 0 ? void 0 : _showPromptSuggestions_classNames1.list),
+                        header: cx('ais-AutocompletePromptSuggestionsHeader', showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : (_showPromptSuggestions_classNames2 = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames2 === void 0 ? void 0 : _showPromptSuggestions_classNames2.header),
+                        item: cx('ais-AutocompletePromptSuggestionsItem', showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : (_showPromptSuggestions_classNames3 = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames3 === void 0 ? void 0 : _showPromptSuggestions_classNames3.item)
+                    },
+                    searchParameters: promptSuggestionsSearchParameters,
+                    getQuery: function getQuery(item) {
+                        return item.prompt;
+                    },
+                    getURL: showPromptSuggestions.getURL
+                });
+            }
+            return config;
+        }, [
+            feeds,
+            indices,
+            isFeedsMode,
+            promptSuggestionsKey,
+            querySuggestionsKey,
+            showPromptSuggestions,
+            showQuerySuggestions
+        ]);
+        // Normalize `show*` for InnerAutocomplete: always surface `indexName`
+        // (in feeds-mode it carries the feedID). Keeps downstream dedupe in
+        // createAutocompleteStorage (suggestionsIndexName === index.indexName) working.
+        var normalizedShowQuerySuggestions = React.useMemo(function() {
+            if (!showQuerySuggestions) {
+                return undefined;
+            }
+            if (isFeedsMode) {
+                return _object_spread_props(_object_spread({}, showQuerySuggestions), {
+                    indexName: querySuggestionsKey
+                });
+            }
+            return showQuerySuggestions;
+        }, [
+            isFeedsMode,
+            querySuggestionsKey,
+            showQuerySuggestions
+        ]);
+        var normalizedShowPromptSuggestions = React.useMemo(function() {
+            if (!showPromptSuggestions) {
+                return undefined;
+            }
+            if (isFeedsMode) {
+                return _object_spread_props(_object_spread({}, showPromptSuggestions), {
+                    indexName: promptSuggestionsKey
+                });
+            }
+            return showPromptSuggestions;
+        }, [
+            isFeedsMode,
+            promptSuggestionsKey,
+            showPromptSuggestions
+        ]);
+        // In feeds-mode, remap `indexName := indexId` so downstream storage (which
+        // matches on indexName) sees feedIDs instead of the composition index name
+        // that connectAutocomplete sets from the helper results.
+        // Must be memoized: useConnector's useStableValue runs dequal on each render
+        // and treats a new function identity as a change, re-registering the widget.
+        var effectiveTransformItems = React.useMemo(function() {
+            return isFeedsMode ? function(items) {
+                var remapped = items.map(function(item) {
+                    return _object_spread_props(_object_spread({}, item), {
+                        indexName: item.indexId
+                    });
+                });
+                return transformItems ? transformItems(remapped) : remapped;
+            } : transformItems;
+        }, [
+            isFeedsMode,
+            transformItems
+        ]);
         var recentSearchConfig = showRecent ? {
             headerComponent: (typeof showRecent === "undefined" ? "undefined" : _type_of(showRecent)) === 'object' ? showRecent.headerComponent : undefined,
             itemComponent: (typeof showRecent === "undefined" ? "undefined" : _type_of(showRecent)) === 'object' && showRecent.itemComponent ? showRecent.itemComponent : AutocompleteRecentSearch,
@@ -22473,15 +22651,88 @@
         }, [
             indexRenderState
         ]);
-        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Index, {
-            EXPERIMENTAL_isolated: true
-        }, /*#__PURE__*/ React.createElement(Configure, searchParameters), indicesConfig.map(function(index) {
-            return /*#__PURE__*/ React.createElement(Index, {
-                key: index.indexName,
-                indexName: index.indexName
-            }, /*#__PURE__*/ React.createElement(Configure, index.searchParameters));
-        }), /*#__PURE__*/ React.createElement(InnerAutocomplete, _object_spread_props(_object_spread({}, props), {
-            aiMode: aiMode,
+        restProps.indices; restProps.feeds; var forwardedProps = _object_without_properties(restProps, [
+            "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,
@@ -22489,15 +22740,37 @@
             isSearchPage: isSearchPage,
             showRecent: showRecent,
             recentSearchConfig: recentSearchConfig,
-            showQuerySuggestions: showQuerySuggestions,
-            detachedMediaQuery: detachedMediaQuery,
+            showQuerySuggestions: normalizedShowQuerySuggestions,
             translations: translations,
-            showPromptSuggestions: showPromptSuggestions,
+            showPromptSuggestions: normalizedShowPromptSuggestions,
+            transformItems: effectiveTransformItems,
             chatRenderState: indexRenderState.chat
-        }))));
+        }));
+        if (isFeedsMode) {
+            return /*#__PURE__*/ React.createElement(Index, {
+                EXPERIMENTAL_isolated: true,
+                indexName: compositionID,
+                indexId: "ais-autocomplete-".concat(instanceKey)
+            }, /*#__PURE__*/ React.createElement(Configure, searchParameters), /*#__PURE__*/ React.createElement(Feeds, {
+                isolated: false,
+                renderFeed: function renderFeed() {
+                    return null;
+                }
+            }), innerAutocomplete);
+        }
+        return /*#__PURE__*/ React.createElement(Index, {
+            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,
+                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",
@@ -22514,10 +22787,11 @@
             "transformItems",
             "placeholder",
             "autoFocus",
-            "detachedMediaQuery",
             "translations",
             "classNames",
-            "aiMode"
+            "aiMode",
+            "domId",
+            "detached"
         ]);
         var _indexUiState_query, _ref;
         var _showPromptSuggestions_searchParameters;
@@ -22528,7 +22802,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,
@@ -22594,6 +22868,7 @@
         });
         var shouldHideEmptyPanel = allIndicesEmpty && recentEmpty && !hasNoResultsTemplate && !PanelComponent;
         var _usePropGetters = usePropGetters({
+            id: domId,
             indices: indicesForPropGettersWithPromptSuggestions,
             indicesConfig: indicesConfigForPropGetters,
             onRefine: function onRefine(query) {
@@ -22718,7 +22993,7 @@
                 NoResultsComponent: currentIndexConfig.noResultsComponent,
                 items: hits.map(function(item) {
                     return _object_spread_props(_object_spread({}, item), {
-                        __indexName: indexId
+                        __indexName: indexName
                     });
                 }),
                 getItemProps: getItemProps,
@@ -23119,7 +23394,8 @@
 
     var ChatUiComponent = createChatComponent({
         createElement: React.createElement,
-        Fragment: React.Fragment
+        Fragment: React.Fragment,
+        memo: React.memo
     });
     function createDefaultTools(itemComponent, getSearchPageURL) {
         var _obj;
@@ -23207,6 +23483,23 @@
         }, [
             open
         ]);
+        // Keep the conversation pinned to the bottom while streaming. The stick-to-
+        // bottom ResizeObserver only reacts to content *height* changes, but tool
+        // results such as a horizontally-growing carousel stream in without changing
+        // height — so we also re-pin on every message/status update. Passing
+        // `preserveScrollPosition` reuses the existing "only if already at the
+        // bottom" gate, so this never fights a user who has scrolled up to read.
+        React.useEffect(function() {
+            if (status === 'streaming' || status === 'submitted') {
+                scrollToBottom({
+                    preserveScrollPosition: true
+                });
+            }
+        }, [
+            messages,
+            status,
+            scrollToBottom
+        ]);
         if (error) {
             throw error;
         }