react-instantsearch 7.35.1 → 7.36.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.36.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.36.0';
 
     function _define_property(obj, key, value) {
         if (key in obj) {
@@ -10821,7 +10821,7 @@
         };
     }
 
-    var version = '4.101.1';
+    var version = '4.102.0';
 
     var withUsage$r = createDocumentationMessageGenerator({
         name: 'instantsearch'
@@ -20018,7 +20018,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 +20035,8 @@
                 "messages",
                 "onClose",
                 "translations",
-                "suggestionsElement"
+                "suggestionsElement",
+                "parseMarkdown"
             ]);
             var translations = _object_spread({
                 messageLabel: 'Message',
@@ -20064,6 +20065,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 +20276,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 +20397,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 +20405,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 +20471,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 +20786,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 +22270,13 @@
         Fragment: React.Fragment
     });
     var id = 0;
+    var useAutocompleteInstanceId = React.useId ? function() {
+        return React.useId().replace(/:/g, '');
+    } : function() {
+        return React.useState(function() {
+            return "a".concat(id++);
+        })[0];
+    };
     var usePropGetters = createAutocompletePropGetters({
         useEffect: React.useEffect,
         useId: React.useId || function() {
@@ -22373,91 +22412,182 @@
             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 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;
+        // In feeds-mode, indexId disambiguates multiple Autocomplete instances
+        // sharing the same compositionID. Mirrors the fallback at line 111 for React <18.
+        var instanceKey = useAutocompleteInstanceId();
+        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 +22603,11 @@
         }, [
             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 innerAutocomplete = /*#__PURE__*/ React.createElement(InnerAutocomplete, _object_spread_props(_object_spread({}, forwardedProps), {
             indicesConfig: indicesConfig,
             refineSearchBox: refine,
             isSearchStalled: isSearchStalled,
@@ -22489,12 +22615,33 @@
             isSearchPage: isSearchPage,
             showRecent: showRecent,
             recentSearchConfig: recentSearchConfig,
-            showQuerySuggestions: showQuerySuggestions,
+            showQuerySuggestions: normalizedShowQuerySuggestions,
             detachedMediaQuery: detachedMediaQuery,
             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
+        }, /*#__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));
+        }), 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, [
@@ -23119,7 +23266,8 @@
 
     var ChatUiComponent = createChatComponent({
         createElement: React.createElement,
-        Fragment: React.Fragment
+        Fragment: React.Fragment,
+        memo: React.memo
     });
     function createDefaultTools(itemComponent, getSearchPageURL) {
         var _obj;
@@ -23207,6 +23355,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;
         }