@docsearch/js 5.0.0-beta.1 → 5.0.0-beta.2

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-/*! @docsearch/js 5.0.0-beta.1 (UNRELEASED cc75f9a) | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */
+/*! @docsearch/js 5.0.0-beta.2 (UNRELEASED c7e1a88) | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */
 //#region \0rolldown/runtime.js
 var __create = Object.create;
 var __defProp$1 = Object.defineProperty;
@@ -1188,7 +1188,7 @@ function DocSearchButtonKey({ reactsToKey, children }) {
 
 //#endregion
 //#region ../docsearch-react/dist/esm/version.js
-const version$2 = "5.0.0-beta.0";
+const version$2 = "5.0.0-beta.2";
 
 //#endregion
 //#region \0@oxc-project+runtime@0.139.0/helpers/esm/OverloadYield.js
@@ -12295,7 +12295,7 @@ const BOUNDARY_OFFSET = 2;
 *
 * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
 */
-const MenuTrigger$2 = fastComponentRef(function MenuTrigger(componentProps, forwardedRef) {
+const MenuTrigger$1 = fastComponentRef(function MenuTrigger(componentProps, forwardedRef) {
 	var _handle$store;
 	const { render, className, style, disabled: disabledProp = false, nativeButton = true, id: idProp, openOnHover: openOnHoverProp, delay = 100, closeDelay = 0, handle, payload } = componentProps, elementProps = _objectWithoutProperties$5(componentProps, _excluded$23);
 	const rootContext = useMenuRootContext(true);
@@ -12496,7 +12496,7 @@ function useMenuParent() {
 }
 
 //#endregion
-//#region ../docsearch-react/dist/esm/normalizeDocSearchIndexes-DAzlMybx.js
+//#region ../docsearch-react/dist/esm/normalizeDocSearchIndexes-D8P3VEXa.js
 init_compat();
 function capitalize(text) {
 	return `${text.charAt(0).toLocaleUpperCase()}${text.substring(1)}`;
@@ -12557,6 +12557,10 @@ function identity(x) {
 function isModifierEvent(event) {
 	return event.button === 1 || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey;
 }
+function isQueryEmpty(query) {
+	if (!query || query.trim().length === 0) return true;
+	return false;
+}
 function noop$2(..._args) {}
 const regexHighlightTags = /(<mark>|<\/mark>)/g;
 const regexHasHighlightTags = RegExp(regexHighlightTags.source);
@@ -12672,12 +12676,28 @@ function getFacetLabel(facet) {
 	if (facet.label) return facet.label;
 	return facet.key.replace(/[._-]+/g, " ").replace(/\b\w/g, (letter) => letter.toUpperCase());
 }
-const _excluded$6$12 = ["className", "type"];
+function deriveDefaultSelectedFacetsFromIndex(indices) {
+	const defaultFacets = {};
+	for (const index of indices) {
+		var _index$searchParamete;
+		const facetFilters = (_index$searchParamete = index.searchParameters) === null || _index$searchParamete === void 0 ? void 0 : _index$searchParamete.facetFilters;
+		for (const facetFilter of Array.isArray(facetFilters) ? facetFilters : [facetFilters]) {
+			if (typeof facetFilter !== "string") continue;
+			const separatorIndex = facetFilter.indexOf(":");
+			if (separatorIndex <= 0) continue;
+			const key = facetFilter.slice(0, separatorIndex);
+			const value = facetFilter.slice(separatorIndex + 1);
+			if (key && value) defaultFacets[key] = value;
+		}
+	}
+	return defaultFacets;
+}
+const _excluded$6$11 = ["className", "type"];
 function Chip({ children }) {
 	return /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Chip" }, children);
 }
 function ChipDismiss(_ref) {
-	let { className, type = "button" } = _ref, props = _objectWithoutProperties$6(_ref, _excluded$6$12);
+	let { className, type = "button" } = _ref, props = _objectWithoutProperties$6(_ref, _excluded$6$11);
 	const cn = `DocSearch-Chip-Dismiss${className ? ` ${className}` : ""}`;
 	return /* @__PURE__ */ En.createElement("button", _objectSpread2$2({
 		type,
@@ -12701,12 +12721,14 @@ function Menu$1(_ref) {
 	let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
 	return /* @__PURE__ */ En.createElement(MenuRoot, props);
 }
-function MenuTrigger$1(_ref2) {
+Menu$1.Trigger = En.forwardRef((_ref2, ref) => {
 	let { className } = _ref2, props = _objectWithoutProperties$6(_ref2, _excluded$5$13);
 	const cn = `DocSearch-Menu-Trigger${className ? ` ${className}` : ""}`;
-	return /* @__PURE__ */ En.createElement(MenuTrigger$2, _objectSpread2$2({ className: cn }, props));
-}
-Menu$1.Trigger = MenuTrigger$1;
+	return /* @__PURE__ */ En.createElement(MenuTrigger$1, _objectSpread2$2({
+		className: cn,
+		ref
+	}, props));
+});
 function MenuPopup(_ref3) {
 	let { align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, collisionBoundary = "clipping-ancestors", container } = _ref3, props = _objectWithoutProperties$6(_ref3, _excluded2$5);
 	return /* @__PURE__ */ En.createElement(MenuPortal, { container }, /* @__PURE__ */ En.createElement(MenuPositioner, {
@@ -12774,9 +12796,10 @@ const SelectedFacetChip = En.memo(function SelectedFacetChip({ facetKey, facetLa
 });
 const FacetBar = En.memo(function FacetBar({ facets, selections, onSelectionChange, clearSelections, translations = {} }) {
 	const { defaultValueLabel = "All", facetMenuTriggerAriaLabel = "selected", clearAllLabel = "Clear all", facetsAriaLabel = "Search filters", selectedFacetsAriaLabel = "Selected search filters", clearFacetAriaLabel = "Clear filter:" } = translations;
+	const visibleFacetKeys = En.useMemo(() => new Set(facets.map((f) => f.key)), [facets]);
 	const selectionsToDisplay = En.useMemo(() => {
-		return Object.entries(selections).filter(([_, value]) => Boolean(value));
-	}, [selections]);
+		return Object.entries(selections).filter(([key, value]) => Boolean(value) && visibleFacetKeys.has(key));
+	}, [selections, visibleFacetKeys]);
 	const triggerRefs = En.useRef(/* @__PURE__ */ new Map());
 	const registerTrigger = En.useCallback((facetKey, el) => {
 		if (el) triggerRefs.current.set(facetKey, el);
@@ -12837,7 +12860,7 @@ const FacetBar = En.memo(function FacetBar({ facets, selections, onSelectionChan
 		onClick: handleClearAll
 	}, clearAllLabel)));
 });
-const _excluded$4$18 = [
+const _excluded$4$19 = [
 	"actionsBeforeClose",
 	"autoFocus",
 	"clearButtonAriaLabel",
@@ -12856,7 +12879,7 @@ const _excluded$4$18 = [
 	"state"
 ];
 function SearchBoxForm(_ref) {
-	let { actionsBeforeClose, autoFocus, clearButtonAriaLabel, clearButtonTitle, closeButtonAriaLabel, closeButtonText, hideInput, inputOverlay, inputProps, inputRef, isFromSelection, leadingElement, onClose, placeholder, searchInputLabel, state } = _ref, autocomplete = _objectWithoutProperties$6(_ref, _excluded$4$18);
+	let { actionsBeforeClose, autoFocus, clearButtonAriaLabel, clearButtonTitle, closeButtonAriaLabel, closeButtonText, hideInput, inputOverlay, inputProps, inputRef, isFromSelection, leadingElement, onClose, placeholder, searchInputLabel, state } = _ref, autocomplete = _objectWithoutProperties$6(_ref, _excluded$4$19);
 	const { onReset } = autocomplete.getFormProps({ inputElement: inputRef.current });
 	En.useEffect(() => {
 		if (autoFocus && inputRef.current) inputRef.current.focus();
@@ -12949,21 +12972,15 @@ function useFacetValues({ facets, indexes, searchClient }) {
 	En.useEffect(() => {
 		let isMounted = true;
 		const facetKeys = stableFacetKeys ? stableFacetKeys.split(",") : [];
-		if (facetKeys.length === 0 || indexes.length === 0) {
-			setFacetValues({});
-			return () => {
-				isMounted = false;
-			};
-		}
-		searchClient.search({ requests: indexes.map((index) => {
-			var _index$searchParamete2;
-			return _objectSpread2$2(_objectSpread2$2({}, (_index$searchParamete2 = index.searchParameters) !== null && _index$searchParamete2 !== void 0 ? _index$searchParamete2 : {}), {}, {
-				indexName: index.name,
-				query: "",
-				hitsPerPage: 0,
-				facets: facetKeys
-			});
-		}) }).then(({ results }) => {
+		if (facetKeys.length === 0 || indexes.length === 0) return () => {
+			isMounted = false;
+		};
+		searchClient.search({ requests: indexes.map((index) => ({
+			indexName: index.name,
+			query: "",
+			hitsPerPage: 0,
+			facets: facetKeys
+		})) }).then(({ results }) => {
 			if (!isMounted) return;
 			const valuesByFacet = facetKeys.reduce((acc, facet) => {
 				acc[facet] = [];
@@ -12992,19 +13009,23 @@ function useFacetValues({ facets, indexes, searchClient }) {
 }
 function useDocSearchFacets({ facets, indexes, searchClient, onSelectionsChange }) {
 	const normalizedFacets = En.useMemo(() => normalizeFacets(facets), [facets]);
+	const normalizedFacetsRef = En.useRef(normalizedFacets);
 	const facetValues = useFacetValues({
 		facets: normalizedFacets,
 		indexes,
 		searchClient
 	});
-	const [facetSelections, setFacetSelections] = En.useState({});
+	const [facetSelections, setFacetSelections] = En.useState(() => deriveDefaultSelectedFacetsFromIndex(indexes));
 	const facetSelectionsRef = En.useRef(facetSelections);
 	const onSelectionsChangeRef = En.useRef(onSelectionsChange);
-	onSelectionsChangeRef.current = onSelectionsChange;
 	const visibleFacets = En.useMemo(() => normalizedFacets.map((facet) => {
 		var _facetValues$facet$ke;
 		return _objectSpread2$2(_objectSpread2$2({}, facet), {}, { values: (_facetValues$facet$ke = facetValues[facet.key]) !== null && _facetValues$facet$ke !== void 0 ? _facetValues$facet$ke : [] });
 	}).filter((facet) => facet.values.length > 0), [facetValues, normalizedFacets]);
+	En.useLayoutEffect(() => {
+		normalizedFacetsRef.current = normalizedFacets;
+		onSelectionsChangeRef.current = onSelectionsChange;
+	});
 	const applySelections = En.useCallback((next) => {
 		var _onSelectionsChangeRe;
 		facetSelectionsRef.current = next;
@@ -13018,13 +13039,14 @@ function useDocSearchFacets({ facets, indexes, searchClient, onSelectionsChange
 		handleFacetSelectionChange: En.useCallback((facet, value) => {
 			if (facetSelectionsRef.current[facet] === value) return;
 			const next = _objectSpread2$2({}, facetSelectionsRef.current);
-			if (value === "") delete next[facet];
-			else next[facet] = value;
+			next[facet] = value;
 			applySelections(next);
 		}, [applySelections]),
 		clearFacetSelections: En.useCallback(() => {
 			if (Object.keys(facetSelectionsRef.current).length === 0) return;
-			applySelections({});
+			const next = {};
+			for (const facet of normalizedFacetsRef.current) if (facetSelectionsRef.current[facet.key]) next[facet.key] = "";
+			applySelections(next);
 		}, [applySelections])
 	};
 }
@@ -13233,7 +13255,7 @@ function useRelativeFormattedDate(start, end = Date.now()) {
 	}, [diff]);
 	return start ? formattedDate : null;
 }
-const _excluded$3$19 = [
+const _excluded$3$20 = [
 	"hit",
 	"attribute",
 	"tagName"
@@ -13246,7 +13268,7 @@ function getPropertyByPath(object, path) {
 }
 function Snippet(_ref) {
 	let { hit, attribute, tagName = "span" } = _ref;
-	return _$2(tagName, _objectSpread2$2(_objectSpread2$2({}, _objectWithoutProperties$6(_ref, _excluded$3$19)), {}, { dangerouslySetInnerHTML: { __html: getPropertyByPath(hit, `_snippetResult.${attribute}.value`) || getPropertyByPath(hit, attribute) } }));
+	return _$2(tagName, _objectSpread2$2(_objectSpread2$2({}, _objectWithoutProperties$6(_ref, _excluded$3$20)), {}, { dangerouslySetInnerHTML: { __html: getPropertyByPath(hit, `_snippetResult.${attribute}.value`) || getPropertyByPath(hit, attribute) } }));
 }
 function Results(props) {
 	var _props$sourceIcon;
@@ -13331,9 +13353,9 @@ function AskAiButton({ item, getItemProps, onItemClick, collection }) {
 		}
 	})), /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Hit--AskAI" }, /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Hit-AskAIButton DocSearch-Hit-Container" }, /* @__PURE__ */ En.createElement("div", { className: " DocSearch-Hit-AskAIButton-icon DocSearch-Hit-icon" }, /* @__PURE__ */ En.createElement(SparklesIcon, null)), /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Hit-AskAIButton-title" }, /* @__PURE__ */ En.createElement("span", { className: "DocSearch-Hit-AskAIButton-title-query" }, item.query)))));
 }
-const _excluded$2$21 = ["translations"];
+const _excluded$2$22 = ["translations"];
 function StoredSearchesSections(_ref) {
-	let { translations = {} } = _ref, props = _objectWithoutProperties$6(_ref, _excluded$2$21);
+	let { translations = {} } = _ref, props = _objectWithoutProperties$6(_ref, _excluded$2$22);
 	const { recentSearchesTitle = "Recently viewed docs", saveRecentSearchButtonTitle = "Pin this search", removeRecentSearchButtonTitle = "Remove this search from history", favoriteSearchesTitle = "Pinned", removeFavoriteSearchButtonTitle = "Remove this saved search" } = translations;
 	const favoriteSearches = getCollection(props.state, "favoriteSearches");
 	const recentSearchesCollection = getCollection(props.state, "recentSearches");
@@ -13386,9 +13408,9 @@ function ErrorScreen({ translations = {} }) {
 	const { titleText = "Unable to fetch results", helpText = "You might want to check your network connection." } = translations;
 	return /* @__PURE__ */ En.createElement("div", { className: "DocSearch-ErrorScreen" }, /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Screen-Icon" }, /* @__PURE__ */ En.createElement(ErrorIcon, null)), /* @__PURE__ */ En.createElement("p", { className: "DocSearch-Title" }, titleText), /* @__PURE__ */ En.createElement("p", { className: "DocSearch-Help" }, helpText));
 }
-const _excluded$1$22 = ["translations"];
+const _excluded$1$20 = ["translations"];
 function NoResultsScreen(_ref) {
-	let { translations = {} } = _ref, props = _objectWithoutProperties$6(_ref, _excluded$1$22);
+	let { translations = {} } = _ref, props = _objectWithoutProperties$6(_ref, _excluded$1$20);
 	const { noResultsText = "No results found for", suggestedQueryText = "Try searching for", reportMissingResultsText = "Believe this query should return results?", reportMissingResultsLinkText = "Let us know." } = translations;
 	const searchSuggestions = props.state.context.searchSuggestions;
 	return /* @__PURE__ */ En.createElement("div", { className: `DocSearch-NoResults ${props.canHandleAskAi ? "DocSearch-NoResults--withAskAi" : ""}` }, /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Screen-Icon" }, /* @__PURE__ */ En.createElement(NoResultsIcon, null)), /* @__PURE__ */ En.createElement("p", { className: "DocSearch-Title" }, noResultsText, " \"", /* @__PURE__ */ En.createElement("strong", null, props.state.query), "\""), searchSuggestions && searchSuggestions.length > 0 && /* @__PURE__ */ En.createElement("div", { className: "DocSearch-NoResults-Prefill-List" }, /* @__PURE__ */ En.createElement("p", { className: "DocSearch-Help" }, suggestedQueryText, ":"), /* @__PURE__ */ En.createElement("div", { className: "DocSearch-NoResults-Prefill-List-Items" }, searchSuggestions.slice(0, 3).reduce((acc, search) => [...acc, /* @__PURE__ */ En.createElement("p", { key: search }, /* @__PURE__ */ En.createElement(SearchIcon, { size: 16 }), /* @__PURE__ */ En.createElement("button", {
@@ -13426,10 +13448,6 @@ function HitResultBadge({ item, resultBadgeKey, translations = {} }) {
 const _excluded$22 = ["translations", "resultBadgeKey"];
 function ResultsScreen(_ref) {
 	let { translations = {}, resultBadgeKey } = _ref, props = _objectWithoutProperties$6(_ref, _excluded$22);
-	const { resultsSectionTitle = "Results" } = translations;
-	const renderIcon = En.useCallback(({ item }) => {
-		return /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Hit-icon" }, /* @__PURE__ */ En.createElement(SourceIcon, { type: item.type }));
-	}, []);
 	const renderAction = En.useCallback(() => {
 		return /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Hit-action" }, /* @__PURE__ */ En.createElement(SelectIcon, null));
 	}, []);
@@ -13442,22 +13460,45 @@ function ResultsScreen(_ref) {
 	}, [resultBadgeKey, translations.resultBadgeLabelText]);
 	return /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Dropdown-Container" }, props.state.collections.map((collection) => {
 		if (collection.items.length === 0) return null;
+		const title = removeHighlightTags(collection.items[0]);
 		return /* @__PURE__ */ En.createElement(Results, _objectSpread2$2(_objectSpread2$2({}, props), {}, {
 			key: collection.source.sourceId,
 			translations,
-			title: resultsSectionTitle,
+			title,
 			collection,
-			renderIcon,
+			renderIcon: ({ item, index }) => {
+				var _collection$items;
+				return /* @__PURE__ */ En.createElement(En.Fragment, null, item.__docsearch_parent && /* @__PURE__ */ En.createElement("svg", {
+					className: "DocSearch-Hit-Tree",
+					viewBox: "0 0 24 54"
+				}, /* @__PURE__ */ En.createElement("g", {
+					stroke: "currentColor",
+					fill: "none",
+					fillRule: "evenodd",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				}, item.__docsearch_parent !== ((_collection$items = collection.items[index + 1]) === null || _collection$items === void 0 ? void 0 : _collection$items.__docsearch_parent) ? /* @__PURE__ */ En.createElement("path", { d: "M8 6v21M20 27H8.3" }) : /* @__PURE__ */ En.createElement("path", { d: "M8 6v42M20 27H8.3" }))), /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Hit-icon" }, /* @__PURE__ */ En.createElement(SourceIcon, { type: item.type })));
+			},
 			renderAction,
 			renderResultBadge
 		}));
 	}), props.resultsFooterComponent && /* @__PURE__ */ En.createElement("section", { className: "DocSearch-HitsFooter" }, /* @__PURE__ */ En.createElement(props.resultsFooterComponent, { state: props.state })));
 }
 function createFacetFilters(searchParametersFacetFilters, facetSelections) {
-	const dynamicFacetFilters = Object.entries(facetSelections).filter(([, value]) => value).map(([facet, value]) => `${facet}:${value}`);
-	if (dynamicFacetFilters.length === 0) return searchParametersFacetFilters;
-	if (!searchParametersFacetFilters) return dynamicFacetFilters;
-	return [...searchParametersFacetFilters, ...dynamicFacetFilters];
+	const selections = Object.entries(facetSelections);
+	const selectedFacets = new Set(selections.map(([facet]) => facet));
+	const dynamicFacetFilters = [];
+	for (const [facet, selection] of selections) if (selection !== "") dynamicFacetFilters.push(`${facet}:${selection}`);
+	if (selectedFacets.size === 0) return searchParametersFacetFilters;
+	let configuredFacetFilters = [];
+	if (searchParametersFacetFilters && Array.isArray(searchParametersFacetFilters)) configuredFacetFilters = searchParametersFacetFilters;
+	else if (searchParametersFacetFilters) configuredFacetFilters = [searchParametersFacetFilters];
+	return [...configuredFacetFilters.filter((facetFilter) => {
+		if (typeof facetFilter !== "string") return true;
+		const separatorIndex = facetFilter.indexOf(":");
+		const facet = facetFilter.slice(0, separatorIndex);
+		return separatorIndex <= 0 || !selectedFacets.has(facet);
+	}), ...dynamicFacetFilters];
 }
 function buildNoQuerySources({ recentSearches, favoriteSearches, saveRecentSearch, onClose, disableUserPersonalization }) {
 	if (disableUserPersonalization) return [];
@@ -13524,7 +13565,7 @@ async function buildQuerySources({ query, state: sourcesState, setContext, setSt
 				highlightPostTag: (_searchParams$highlig2 = searchParams === null || searchParams === void 0 ? void 0 : searchParams.highlightPostTag) !== null && _searchParams$highlig2 !== void 0 ? _searchParams$highlig2 : "</mark>",
 				hitsPerPage: (_searchParams$hitsPer = searchParams === null || searchParams === void 0 ? void 0 : searchParams.hitsPerPage) !== null && _searchParams$hitsPer !== void 0 ? _searchParams$hitsPer : 20,
 				clickAnalytics: (_searchParams$clickAn = searchParams === null || searchParams === void 0 ? void 0 : searchParams.clickAnalytics) !== null && _searchParams$clickAn !== void 0 ? _searchParams$clickAn : insightsActive
-			}, searchParams !== null && searchParams !== void 0 ? searchParams : {}), facetFilters ? { facetFilters } : {});
+			}, searchParams), facetFilters ? { facetFilters } : {});
 		}) });
 		return results.flatMap((res) => {
 			const result = res;
@@ -13547,9 +13588,8 @@ async function buildQuerySources({ query, state: sourcesState, setContext, setSt
 					apiKey
 				}
 			};
-			const items = Object.values(sources).flat();
-			return {
-				sourceId: `hits_${result.index}`,
+			return Object.values(sources).map((items, index) => ({
+				sourceId: `hits_${result.index}_${index}`,
 				onSelect({ item, event }) {
 					saveRecentSearch(item);
 					if (!isModifierEvent(event)) onClose();
@@ -13563,26 +13603,18 @@ async function buildQuerySources({ query, state: sourcesState, setContext, setSt
 						const potentialParent = groupedHits.find((siblingItem) => siblingItem.type === "lvl1" && siblingItem.hierarchy.lvl1 === item.hierarchy.lvl1);
 						if (item.type !== "lvl1" && potentialParent) parent = potentialParent;
 						return _objectSpread2$2(_objectSpread2$2({}, item), {}, { __docsearch_parent: parent }, insightsParams);
-					}).flat()).flat();
+					})).flat();
 				}
-			};
+			}));
 		});
 	} catch (error) {
 		if (error.name === "RetryError") setStatus("error");
 		throw error;
 	}
 }
-function normalizeDocSearchIndexes({ indexName, indices = [], searchParameters }) {
-	const indexes = [];
-	if (indexName && indexName !== "") indexes.push({
-		name: indexName,
-		searchParameters
-	});
-	if (indices.length > 0) indices.forEach((index) => {
-		indexes.push(typeof index === "string" ? { name: index } : index);
-	});
-	if (indexes.length < 1) throw new Error("Must supply either `indexName` or `indices` for DocSearch to work");
-	return indexes;
+function normalizeDocSearchIndexes({ indices }) {
+	if (!Array.isArray(indices) || indices.length < 1) throw new Error("Must supply at least one `indices` entry for DocSearch");
+	return indices.map((index) => typeof index === "string" ? { name: index } : index);
 }
 
 //#endregion
@@ -13789,7 +13821,7 @@ const _excluded$21 = [
 	"closeDelay",
 	"id"
 ];
-const PopoverTrigger$1 = /*#__PURE__*/ M$1(function PopoverTrigger(componentProps, forwardedRef) {
+const PopoverTrigger = /*#__PURE__*/ M$1(function PopoverTrigger(componentProps, forwardedRef) {
 	var _handle$store;
 	const { render, className, style, disabled = false, nativeButton = true, handle, payload, openOnHover = false, delay = 300, closeDelay = 0, id: idProp } = componentProps, elementProps = _objectWithoutProperties$5(componentProps, _excluded$21);
 	const rootContext = usePopoverRootContext(true);
@@ -27212,7 +27244,7 @@ var require_throttleit = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 //#region ../../node_modules/.bun/@ai-sdk+react@2.0.215+38ec045d21336c81/node_modules/@ai-sdk/react/dist/index.mjs
 init_compat();
 var import_throttleit = /* @__PURE__ */ __toESM(require_throttleit(), 1);
-const _excluded$13 = ["messages"];
+const _excluded$12 = ["messages"];
 const _excluded2$4 = ["experimental_throttle", "resume"];
 var __accessCheck = (obj, member, msg) => {
 	if (!member.has(obj)) throw TypeError("Cannot " + msg);
@@ -27331,7 +27363,7 @@ _callErrorCallbacks = /* @__PURE__ */ new WeakMap();
 var _state;
 var Chat = class extends AbstractChat {
 	constructor(_ref) {
-		let { messages } = _ref, init = _objectWithoutProperties$5(_ref, _excluded$13);
+		let { messages } = _ref, init = _objectWithoutProperties$5(_ref, _excluded$12);
 		const state = new ReactChatState(messages);
 		super(_objectSpread2$1(_objectSpread2$1({}, init), {}, { state }));
 		__privateAdd(this, _state, void 0);
@@ -27376,7 +27408,7 @@ function useChat(_ref2 = {}) {
 }
 
 //#endregion
-//#region ../docsearch-react/dist/esm/useSuggestedQuestions-CG2H3qm4.js
+//#region ../docsearch-react/dist/esm/useSuggestedQuestions-Ds7H1JCr.js
 init_compat();
 function AlertIcon(props) {
 	return /* @__PURE__ */ En.createElement("svg", _objectSpread2$2({
@@ -27602,7 +27634,7 @@ function FeedbackActions({ id, showActions, latestAssistantMessageContent, trans
 		translations,
 		onClick: () => navigator.clipboard.writeText(latestAssistantMessageContent)
 	});
-	return /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-Actions" }, /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-Actions-Controls" }, isSidepanel ? copyButton : null, view === "thanks" ? /* @__PURE__ */ En.createElement("p", { className: "DocSearch-AskAiScreen-FeedbackText DocSearch-AskAiScreen-FeedbackText--visible" }, thanksForFeedbackText) : /* @__PURE__ */ En.createElement(En.Fragment, null, saving && view === "actions" ? /* @__PURE__ */ En.createElement(LoadingIcon, { className: "DocSearch-AskAiScreen-SmallerLoadingIcon" }) : /* @__PURE__ */ En.createElement(En.Fragment, null, /* @__PURE__ */ En.createElement(LikeButton, {
+	return /* @__PURE__ */ En.createElement(En.Fragment, null, /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-Actions-Controls" }, isSidepanel ? copyButton : null, view === "thanks" ? /* @__PURE__ */ En.createElement("p", { className: "DocSearch-AskAiScreen-FeedbackText DocSearch-AskAiScreen-FeedbackText--visible" }, thanksForFeedbackText) : /* @__PURE__ */ En.createElement(En.Fragment, null, saving && view === "actions" ? /* @__PURE__ */ En.createElement(LoadingIcon, { className: "DocSearch-AskAiScreen-SmallerLoadingIcon" }) : /* @__PURE__ */ En.createElement(En.Fragment, null, /* @__PURE__ */ En.createElement(LikeButton, {
 		title: likeButtonTitle,
 		onClick: handleLike
 	}), /* @__PURE__ */ En.createElement(DislikeButton, {
@@ -27621,18 +27653,22 @@ function FeedbackActions({ id, showActions, latestAssistantMessageContent, trans
 	}) : null);
 }
 function NegativeFeedbackPanel({ translations, tags, notes, saving, savingError, onToggleTag, onNotesChange, onSubmit, onClose }) {
+	const feedbackTitleId = En.useId();
 	const { feedbackPanelTitle = "What went wrong? (optional)", feedbackDetailsPlaceholder = "Share some details...", feedbackSubmitButtonText = "Submit", feedbackCancelButtonText = "Cancel" } = translations;
 	return /* @__PURE__ */ En.createElement("div", {
 		className: "DocSearch-Feedback-Panel",
 		role: "group",
-		"aria-label": feedbackPanelTitle
-	}, /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Feedback-Panel-Header" }, /* @__PURE__ */ En.createElement("p", { className: "DocSearch-Feedback-Panel-Title" }, feedbackPanelTitle)), /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Feedback-Panel-Reasons" }, FEEDBACK_REASONS.map((reason) => {
+		"aria-labelledby": feedbackTitleId
+	}, /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Feedback-Panel-Header" }, /* @__PURE__ */ En.createElement("p", {
+		className: "DocSearch-Feedback-Panel-Title",
+		id: feedbackTitleId
+	}, feedbackPanelTitle)), /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Feedback-Panel-Reasons" }, FEEDBACK_REASONS.map((reason) => {
 		var _translations$reason$;
 		const isSelected = tags.includes(reason.value);
 		return /* @__PURE__ */ En.createElement("button", {
 			key: reason.value,
 			type: "button",
-			className: `DocSearch-Feedback-Panel-Reason${isSelected ? " DocSearch-Feedback-Panel-Reason--selected" : ""}`,
+			className: "DocSearch-Feedback-Panel-Reason",
 			"aria-pressed": isSelected,
 			onClick: () => onToggleTag(reason.value)
 		}, /* @__PURE__ */ En.createElement("span", null, (_translations$reason$ = translations[reason.translationKey]) !== null && _translations$reason$ !== void 0 ? _translations$reason$ : reason.defaultLabel));
@@ -27757,12 +27793,14 @@ function Popover$1(_ref) {
 	let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
 	return /* @__PURE__ */ En.createElement(PopoverRoot, props);
 }
-function PopoverTrigger(_ref2) {
+Popover$1.Trigger = En.forwardRef((_ref2, ref) => {
 	let { className } = _ref2, props = _objectWithoutProperties$6(_ref2, _excluded$2$12);
 	const cn = `DocSearch-Popover-Trigger${className ? ` ${className}` : ""}`;
-	return /* @__PURE__ */ En.createElement(PopoverTrigger$1, _objectSpread2$2({ className: cn }, props));
-}
-Popover$1.Trigger = PopoverTrigger;
+	return /* @__PURE__ */ En.createElement(PopoverTrigger, _objectSpread2$2({
+		className: cn,
+		ref
+	}, props));
+});
 function PopoverPopup(_ref3) {
 	let { align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, collisionBoundary = "clipping-ancestors", container, children } = _ref3, props = _objectWithoutProperties$6(_ref3, _excluded2$3);
 	return /* @__PURE__ */ En.createElement(PopoverPortal, { container }, /* @__PURE__ */ En.createElement(PopoverPositioner, {
@@ -27780,10 +27818,11 @@ function PopoverTitle(_ref4) {
 	return /* @__PURE__ */ En.createElement(PopoverTitle$1, _objectSpread2$2({ className: "DocSearch-Popover-Title" }, props));
 }
 Popover$1.Title = PopoverTitle;
-function SourcesPanel({ links, titleText = "Sources" }) {
+function SourcesPanel({ links, titleText = "Source", pluralTitleText = "Sources" }) {
 	const [open, setOpen] = En.useState(false);
 	const triggerRef = En.useRef(null);
 	const [boundary, setBoundary] = En.useState(null);
+	const sourcesTitle = links.length > 1 ? pluralTitleText : titleText;
 	_$1(() => {
 		var _ref, _trigger$closest;
 		if (!open) return;
@@ -27810,13 +27849,13 @@ function SourcesPanel({ links, titleText = "Sources" }) {
 	}, /* @__PURE__ */ En.createElement(Popover$1.Trigger, {
 		ref: triggerRef,
 		className: "DocSearch-AskAiScreen-Sources-Action"
-	}, /* @__PURE__ */ En.createElement("span", { className: "DocSearch-AskAiScreen-Sources-Action-icon" }, /* @__PURE__ */ En.createElement(ContentIcon, null)), /* @__PURE__ */ En.createElement("span", { className: "DocSearch-AskAiScreen-Sources-Action-text" }, links.length, " sources")), /* @__PURE__ */ En.createElement(Popover$1.Popup, {
+	}, /* @__PURE__ */ En.createElement("span", { className: "DocSearch-AskAiScreen-Sources-Action-icon" }, /* @__PURE__ */ En.createElement(ContentIcon, null)), /* @__PURE__ */ En.createElement("span", { className: "DocSearch-AskAiScreen-Sources-Action-text" }, links.length, " ", sourcesTitle)), /* @__PURE__ */ En.createElement(Popover$1.Popup, {
 		container: boundary,
 		sideOffset: 10,
 		align: "start",
 		alignOffset: -16,
 		collisionBoundary: boundary !== null && boundary !== void 0 ? boundary : "clipping-ancestors"
-	}, /* @__PURE__ */ En.createElement(Popover$1.Title, null, titleText), /* @__PURE__ */ En.createElement("ul", { className: "DocSearch-AskAiScreen-Sources" }, links.map((l) => /* @__PURE__ */ En.createElement("li", {
+	}, /* @__PURE__ */ En.createElement(Popover$1.Title, null, sourcesTitle), /* @__PURE__ */ En.createElement("ul", { className: "DocSearch-AskAiScreen-Sources" }, links.map((l) => /* @__PURE__ */ En.createElement("li", {
 		key: l.url,
 		className: "DocSearch-AskAiScreen-Sources-source"
 	}, /* @__PURE__ */ En.createElement("a", {
@@ -27896,7 +27935,10 @@ const buildDummyAskAiHit = (query, messages, chatId) => {
 		url_without_anchor: ""
 	};
 };
-const getMessageContent = (message) => message === null || message === void 0 ? void 0 : message.parts.find((part) => part.type === "text");
+const getMessageContent = (message) => {
+	var _message$parts;
+	return ((_message$parts = message === null || message === void 0 ? void 0 : message.parts) !== null && _message$parts !== void 0 ? _message$parts : []).filter((part) => part.type === "text").map((part) => part.text).join("\n\n");
+};
 /** Helper function to check if error is a thread depth error (AI-217). */
 function isThreadDepthError(error) {
 	var _error$message;
@@ -28147,7 +28189,7 @@ function groupConsecutiveToolResults(parts) {
 	}
 	return aggregatedParts;
 }
-const _excluded$1$11 = [
+const _excluded$1$10 = [
 	"children",
 	"className",
 	"onClick"
@@ -28197,7 +28239,7 @@ function MenuContent({ children }) {
 }
 Menu.Content = MenuContent;
 function MenuItem(_ref) {
-	let { children, className = "", onClick } = _ref, props = _objectWithoutProperties$6(_ref, _excluded$1$11);
+	let { children, className = "", onClick } = _ref, props = _objectWithoutProperties$6(_ref, _excluded$1$10);
 	const { setOpen } = En.useContext(MenuContext);
 	const handleClick = (e) => {
 		if (onClick) {
@@ -28244,24 +28286,24 @@ const postAgentStudioFeedback = ({ agentId, vote, messageId, appId, apiKey, abor
 		signal: abortSignal
 	});
 };
-const _excluded$12 = [
+const _excluded$13 = [
 	"id",
 	"messages",
 	"body"
 ];
-const getAgentStudioTransport = ({ appId, apiKey, assistantId, searchParameters, userToken, indices }) => {
+const getAgentStudioTransport = ({ appId, apiKey, agentId, searchParameters, userToken, indices }) => {
 	const algoliaParams = {};
 	if (searchParameters) algoliaParams.searchParameters = searchParameters;
 	if (indices && indices.length > 0) algoliaParams.indices = indices;
 	return new DefaultChatTransport({
-		api: `${agentStudioBaseUrl(appId)}/agents/${assistantId}/completions?stream=true&compatibilityMode=ai-sdk-5`,
+		api: `${agentStudioBaseUrl(appId)}/agents/${agentId}/completions?stream=true&compatibilityMode=ai-sdk-5`,
 		headers: _objectSpread2$2({
 			"x-algolia-application-id": appId,
 			"x-algolia-api-key": apiKey
 		}, userToken ? { "x-algolia-secure-user-token": userToken } : {}),
 		body: { algolia: algoliaParams },
 		prepareSendMessagesRequest(_ref) {
-			let { id, messages, body } = _ref, rest = _objectWithoutProperties$6(_ref, _excluded$12);
+			let { id, messages, body } = _ref, rest = _objectWithoutProperties$6(_ref, _excluded$13);
 			const sanitizedMessages = sanitizeMessagesForRequest(messages);
 			return _objectSpread2$2(_objectSpread2$2({}, rest), {}, { body: _objectSpread2$2({
 				id,
@@ -28270,19 +28312,19 @@ const getAgentStudioTransport = ({ appId, apiKey, assistantId, searchParameters,
 		}
 	});
 };
-const useAskAi = ({ assistantId, apiKey, appId, indexName, tools = EMPTY_TOOLS, searchParameters, memory, indices }) => {
+const useAskAi = ({ agentId, apiKey, appId, tools = EMPTY_TOOLS, searchParameters, memory, indices }) => {
 	const abortControllerRef = F$2(new AbortController());
 	const askAiTransport = q$2(() => getAgentStudioTransport({
 		apiKey,
 		appId,
-		assistantId,
+		agentId,
 		searchParameters,
 		userToken: memory === null || memory === void 0 ? void 0 : memory.userToken,
 		indices
 	}), [
 		apiKey,
 		appId,
-		assistantId,
+		agentId,
 		searchParameters,
 		memory === null || memory === void 0 ? void 0 : memory.userToken,
 		indices
@@ -28319,14 +28361,14 @@ const useAskAi = ({ assistantId, apiKey, appId, indexName, tools = EMPTY_TOOLS,
 		addToolOutputRef.current = addToolOutput;
 	}, [addToolOutput]);
 	const conversations = F$2(createStoredConversations({
-		key: `__DOCSEARCH_ASKAI_CONVERSATIONS__${indexName}`,
+		key: `__DOCSEARCH_ASKAI_CONVERSATIONS__${appId}`,
 		limit: 10
 	})).current;
 	const sendFeedback = b$1(async (messageId, { thumbs, tags, notes }) => {
 		var _conversations$addFee;
-		if (!assistantId) return;
+		if (!agentId) return;
 		if ((await postAgentStudioFeedback({
-			agentId: assistantId,
+			agentId,
 			vote: thumbs,
 			messageId,
 			appId,
@@ -28340,7 +28382,7 @@ const useAskAi = ({ assistantId, apiKey, appId, indexName, tools = EMPTY_TOOLS,
 			notes
 		});
 	}, [
-		assistantId,
+		agentId,
 		appId,
 		apiKey,
 		conversations
@@ -28397,22 +28439,22 @@ const useAskAi = ({ assistantId, apiKey, appId, indexName, tools = EMPTY_TOOLS,
 		restoreConversation
 	};
 };
-const useSuggestedQuestions = ({ assistantId, searchClient, suggestedQuestionsEnabled = false }) => {
+const useSuggestedQuestions = ({ agentId, searchClient, suggestedQuestionsEnabled = false }) => {
 	const [suggestedQuestions, setSuggestedQuestions] = h([]);
 	_$1(() => {
 		const getSuggestedQuestions = async () => {
 			const { results } = await searchClient.search({ requests: [{
 				indexName: SUGGESTED_QUETIONS_INDEX_NAME,
-				filters: `state:published AND assistantId:${assistantId}`,
+				filters: `state:published AND assistantId:${agentId}`,
 				hitsPerPage: 3
 			}] });
 			const result = results[0];
 			setSuggestedQuestions(result.hits);
 		};
-		if (suggestedQuestionsEnabled && assistantId && assistantId !== "") getSuggestedQuestions();
+		if (suggestedQuestionsEnabled && agentId && agentId !== "") getSuggestedQuestions();
 	}, [
 		suggestedQuestionsEnabled,
-		assistantId,
+		agentId,
 		searchClient
 	]);
 	return suggestedQuestions;
@@ -31226,7 +31268,7 @@ function createAutocomplete(options) {
 }
 
 //#endregion
-//#region ../docsearch-react/dist/esm/DocSearchAskAiModal-KaA6fBV4.js
+//#region ../docsearch-react/dist/esm/DocSearchAskAiModal-BczGFkvR.js
 init_compat();
 function MessageIcon() {
 	return /* @__PURE__ */ En.createElement("svg", {
@@ -31284,9 +31326,9 @@ function AskAiScreenDisclaimer({ disclaimerText }) {
 	return /* @__PURE__ */ En.createElement("p", { className: "DocSearch-AskAiScreen-Disclaimer" }, /* @__PURE__ */ En.createElement(SparklesIcon, null), " ", disclaimerText);
 }
 function AskAiExchangeCard({ exchange, askAiError, isLastExchange, loadingStatus, onSearchQueryClick, translations, tools, conversations, onFeedback, memoryEnabled, onSelectPromptSuggestion }) {
-	var _userMessage$metadata, _assistantMessage$met, _userContent$text;
+	var _userMessage$metadata, _assistantMessage$met;
 	const { userMessage, assistantMessage } = exchange;
-	const { stoppedStreamingText = "You stopped this response", errorTitleText = "Chat error", relatedSourcesText, suggestedPromptsTitleText = "Suggested prompts" } = translations;
+	const { stoppedStreamingText = "You stopped this response", errorTitleText = "Chat error", relatedSourcesText, relatedSourcesTextPlural, suggestedPromptsTitleText = "Suggested prompts" } = translations;
 	const toolCallTranslations = q$2(() => toToolCallTranslations(translations), [translations]);
 	const isThreadDepth = isThreadDepthError(askAiError);
 	const assistantContent = q$2(() => getMessageContent(assistantMessage), [assistantMessage]);
@@ -31303,7 +31345,7 @@ function AskAiExchangeCard({ exchange, askAiError, isLastExchange, loadingStatus
 	const showActions = !wasStopped && (!isLastExchange || isLastExchange && loadingStatus === "ready" && Boolean(assistantMessage));
 	const isThinking = ["submitted", "streaming"].includes(loadingStatus) && isLastExchange && !displayParts.some((part) => part.type !== "step-start");
 	const messageId = (assistantMessage === null || assistantMessage === void 0 ? void 0 : assistantMessage.id) || exchange.id;
-	return /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-Response-Container" }, /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-Response" }, /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-Message DocSearch-AskAiScreen-Message--user" }, /* @__PURE__ */ En.createElement("p", { className: "DocSearch-AskAiScreen-Query" }, (_userContent$text = userContent === null || userContent === void 0 ? void 0 : userContent.text) !== null && _userContent$text !== void 0 ? _userContent$text : "")), /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-Message DocSearch-AskAiScreen-Message--assistant" }, /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-MessageContent" }, loadingStatus === "error" && askAiError && isLastExchange && !isThreadDepth && /* @__PURE__ */ En.createElement("div", {
+	return /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-Response-Container" }, /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-Response" }, /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-Message DocSearch-AskAiScreen-Message--user" }, /* @__PURE__ */ En.createElement("p", { className: "DocSearch-AskAiScreen-Query" }, userContent !== null && userContent !== void 0 ? userContent : "")), /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-Message DocSearch-AskAiScreen-Message--assistant" }, /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-MessageContent" }, loadingStatus === "error" && askAiError && isLastExchange && !isThreadDepth && /* @__PURE__ */ En.createElement("div", {
 		className: "DocSearch-AskAiScreen-Error",
 		role: "alert"
 	}, /* @__PURE__ */ En.createElement(AlertIcon, { "aria-hidden": "true" }), /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-Error-Content" }, /* @__PURE__ */ En.createElement("h4", { className: "DocSearch-AskAiScreen-Error-Title" }, errorTitleText), /* @__PURE__ */ En.createElement(MemoizedMarkdown, {
@@ -31351,11 +31393,12 @@ function AskAiExchangeCard({ exchange, askAiError, isLastExchange, loadingStatus
 		return null;
 	})), wasStopped && /* @__PURE__ */ En.createElement("p", { className: "DocSearch-AskAiScreen-MessageContent-Stopped" }, stoppedStreamingText)), /* @__PURE__ */ En.createElement("div", { className: "DocSearch-AskAiScreen-Answer-Footer" }, /* @__PURE__ */ En.createElement(SourcesPanel, {
 		links: urlsToDisplay,
-		titleText: relatedSourcesText
+		titleText: relatedSourcesText,
+		pluralTitleText: relatedSourcesTextPlural
 	}), /* @__PURE__ */ En.createElement(FeedbackActions, {
 		id: messageId,
 		showActions,
-		latestAssistantMessageContent: (assistantContent === null || assistantContent === void 0 ? void 0 : assistantContent.text) || null,
+		latestAssistantMessageContent: assistantContent || null,
 		translations,
 		conversations,
 		onFeedback
@@ -31423,7 +31466,7 @@ function RecentConversationsResults(_ref) {
 	return /* @__PURE__ */ En.createElement(Results, _objectSpread2$2(_objectSpread2$2({}, props), {}, {
 		title: recentConversationsTitle,
 		collection: recentConversations,
-		renderIcon: () => /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Hit-icon DocSearch-Hit-icon--small" }, /* @__PURE__ */ En.createElement(MessageIcon, null)),
+		renderIcon: () => /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Hit-icon DocSearch-Hit-icon--start" }, /* @__PURE__ */ En.createElement(MessageIcon, null)),
 		renderAction: ({ item }) => /* @__PURE__ */ En.createElement("div", { className: "DocSearch-Hit-action" }, /* @__PURE__ */ En.createElement("button", {
 			className: "DocSearch-Hit-action-button",
 			title: removeRecentConversationButtonTitle,
@@ -31477,10 +31520,10 @@ function NewConversationScreen({ translations = {}, suggestedQuestions = [], sel
 		onClick: () => selectSuggestedQuestion(question)
 	}, question.question))));
 }
-const _excluded$2 = ["translations", "selectAskAiQuestion"];
+const _excluded$2$1 = ["translations", "selectAskAiQuestion"];
 const AskAiScreenState = En.memo((_ref) => {
 	var _props$state;
-	let { translations = {}, selectAskAiQuestion } = _ref, props = _objectWithoutProperties$6(_ref, _excluded$2);
+	let { translations = {}, selectAskAiQuestion } = _ref, props = _objectWithoutProperties$6(_ref, _excluded$2$1);
 	const handleSelectPromptSuggestion = En.useCallback((prompt) => {
 		selectAskAiQuestion(true, prompt);
 	}, [selectAskAiQuestion]);
@@ -31501,15 +31544,18 @@ const AskAiScreenState = En.memo((_ref) => {
 		onSelectPromptSuggestion: handleSelectPromptSuggestion
 	}));
 	if (((_props$state = props.state) === null || _props$state === void 0 ? void 0 : _props$state.status) === "error") return /* @__PURE__ */ En.createElement(ErrorScreen, { translations: translations === null || translations === void 0 ? void 0 : translations.errorScreen });
-	if (!props.state.query) return /* @__PURE__ */ En.createElement(AskAiStartScreen, _objectSpread2$2(_objectSpread2$2({}, props), {}, {
+	if (isQueryEmpty(props.state.query)) return /* @__PURE__ */ En.createElement(AskAiStartScreen, _objectSpread2$2(_objectSpread2$2({}, props), {}, {
 		hasCollections: props.hasCollections,
 		translations: translations === null || translations === void 0 ? void 0 : translations.startScreen,
 		selectAskAiQuestion
 	}));
 	if (!props.hasCollections && !props.canHandleAskAi) return /* @__PURE__ */ En.createElement(NoResultsScreen, _objectSpread2$2(_objectSpread2$2({}, props), {}, { translations: translations === null || translations === void 0 ? void 0 : translations.noResultsScreen }));
 	return /* @__PURE__ */ En.createElement(En.Fragment, null, /* @__PURE__ */ En.createElement(ResultsScreen, _objectSpread2$2(_objectSpread2$2({}, props), {}, { translations: translations === null || translations === void 0 ? void 0 : translations.resultsScreen })), props.canHandleAskAi && !props.hasCollections && /* @__PURE__ */ En.createElement(NoResultsScreen, _objectSpread2$2(_objectSpread2$2({}, props), {}, { translations: translations === null || translations === void 0 ? void 0 : translations.noResultsScreen })));
-}, function areEqual(_prevProps, nextProps) {
-	return nextProps.state.status === "loading" || nextProps.state.status === "stalled";
+}, function areEqual(prevProps, nextProps) {
+	if (prevProps.isAskAiActive !== nextProps.isAskAiActive || prevProps.askAiState !== nextProps.askAiState || prevProps.canHandleAskAi !== nextProps.canHandleAskAi) return false;
+	const isLoading = nextProps.state.status === "loading" || nextProps.state.status === "stalled";
+	const isWaitingForCollections = nextProps.state.status === "idle" && !isQueryEmpty(nextProps.state.query) && prevProps.state.query !== nextProps.state.query && prevProps.state.collections === nextProps.state.collections;
+	return isLoading || isWaitingForCollections;
 });
 function ModalHeading({ heading, shimmer = false }) {
 	return /* @__PURE__ */ En.createElement("span", { className: `DocSearch-Modal-heading${shimmer ? " DocSearch-shimmer" : ""}` }, heading);
@@ -31564,7 +31610,7 @@ function AskAiSearchBox(_ref) {
 		onKeyDown: (e) => {
 			let askAiHandled = false;
 			if (props.isAskAiActive && blockedKeys.has(e.key)) {
-				if (e.key === "Enter" && !isAskAiStreaming && props.state.query) props.onAskAgain(props.state.query);
+				if (e.key === "Enter" && !isAskAiStreaming && !isQueryEmpty(props.state.query)) props.onAskAgain(props.state.query);
 				askAiHandled = true;
 			}
 			if (askAiHandled) {
@@ -31766,8 +31812,6 @@ const _excluded$7 = [
 	"recentSearchesLimit",
 	"recentSearchesWithFavoritesLimit",
 	"indices",
-	"indexName",
-	"searchParameters",
 	"facets",
 	"isHybridModeSupported"
 ];
@@ -31778,7 +31822,7 @@ const _excluded2 = [
 ];
 function DocSearchAskAiModal(_ref) {
 	var _translations$searchB, _askAiConfig$memory$e, _askAiConfig$memory, _askAiConfig$tools;
-	let { appId, apiKey, askAi, maxResultsPerGroup, theme, onClose = noop$2, transformItems = identity, hitComponent = Hit, resultsFooterComponent = () => null, navigator, initialScrollY = 0, transformSearchClient = identity, disableUserPersonalization = false, initialQuery: initialQueryFromProp = "", translations = {}, getMissingResultsUrl, insights = false, onAskAiToggle, interceptAskAiEvent, isAskAiActive = false, recentSearchesLimit = 7, recentSearchesWithFavoritesLimit = 4, indices = [], indexName, searchParameters, facets, isHybridModeSupported = false } = _ref, props = _objectWithoutProperties$6(_ref, _excluded$7);
+	let { appId, apiKey, askAi, maxResultsPerGroup, theme, onClose = noop$2, transformItems = identity, hitComponent = Hit, resultsFooterComponent = () => null, navigator, initialScrollY = 0, transformSearchClient = identity, disableUserPersonalization = false, initialQuery: initialQueryFromProp = "", translations = {}, getMissingResultsUrl, insights = false, onAskAiToggle, interceptAskAiEvent, isAskAiActive = false, recentSearchesLimit = 7, recentSearchesWithFavoritesLimit = 4, indices, facets, isHybridModeSupported = false } = _ref, props = _objectWithoutProperties$6(_ref, _excluded$7);
 	const { footer: footerTranslations, searchBox: searchBoxTranslations, facets: facetBarTranslations } = translations, screenStateTranslations = _objectWithoutProperties$6(translations, _excluded2);
 	const [state, setState] = En.useState({
 		query: "",
@@ -31803,25 +31847,17 @@ function DocSearchAskAiModal(_ref) {
 	const { initialQuery, initialQueryFromSelection } = useInitialModalQuery(initialQueryFromProp);
 	const searchClient = useSearchClient(appId, apiKey, transformSearchClient);
 	const askAiConfig = typeof askAi === "object" ? askAi : null;
-	const askAiConfigurationId = askAiConfig ? askAiConfig.assistantId : askAi;
+	const askAiConfigurationId = askAiConfig ? askAiConfig.agentId : askAi;
 	const askAiSearchParameters = askAiConfig === null || askAiConfig === void 0 ? void 0 : askAiConfig.searchParameters;
 	const [askAiState, setAskAiState] = En.useState("initial");
 	const suggestedQuestions = useSuggestedQuestions({
-		assistantId: askAiConfigurationId,
+		agentId: askAiConfigurationId,
 		searchClient,
 		suggestedQuestionsEnabled: askAiConfig === null || askAiConfig === void 0 ? void 0 : askAiConfig.suggestedQuestions
 	});
 	const memoryEnabled = (_askAiConfig$memory$e = askAiConfig === null || askAiConfig === void 0 || (_askAiConfig$memory = askAiConfig.memory) === null || _askAiConfig$memory === void 0 ? void 0 : _askAiConfig$memory.enabled) !== null && _askAiConfig$memory$e !== void 0 ? _askAiConfig$memory$e : false;
 	const tools = (_askAiConfig$tools = askAiConfig === null || askAiConfig === void 0 ? void 0 : askAiConfig.tools) !== null && _askAiConfig$tools !== void 0 ? _askAiConfig$tools : EMPTY_TOOLS;
-	const indexes = En.useMemo(() => normalizeDocSearchIndexes({
-		indexName,
-		indices,
-		searchParameters
-	}), [
-		indexName,
-		indices,
-		searchParameters
-	]);
+	const indexes = En.useMemo(() => normalizeDocSearchIndexes({ indices }), [indices]);
 	const defaultIndexName = indexes[0].name;
 	const autocompleteRef = En.useRef(void 0);
 	const { visibleFacets, facetSelections, facetSelectionsRef, handleFacetSelectionChange, clearFacetSelections } = useDocSearchFacets({
@@ -31840,10 +31876,9 @@ function DocSearchAskAiModal(_ref) {
 	});
 	const [stoppedStream, setStoppedStream] = En.useState(false);
 	const { chatId, messages, status, setMessages, sendMessage, stopAskAiStreaming, askAiError, sendFeedback, conversations, startNewConversation, restoreConversation } = useAskAi({
-		assistantId: askAiConfigurationId,
+		agentId: askAiConfigurationId,
 		apiKey: (askAiConfig === null || askAiConfig === void 0 ? void 0 : askAiConfig.apiKey) || apiKey,
 		appId: (askAiConfig === null || askAiConfig === void 0 ? void 0 : askAiConfig.appId) || appId,
-		indexName: (askAiConfig === null || askAiConfig === void 0 ? void 0 : askAiConfig.indexName) || defaultIndexName,
 		searchParameters: askAiSearchParameters,
 		tools,
 		memory: askAiConfig === null || askAiConfig === void 0 ? void 0 : askAiConfig.memory,
@@ -31940,7 +31975,7 @@ function DocSearchAskAiModal(_ref) {
 			setState(changes.state);
 		},
 		async getSources({ query, state: sourcesState, setContext, setStatus }) {
-			if (!query) {
+			if (isQueryEmpty(query)) {
 				const noQuerySources = buildNoQuerySources({
 					recentSearches,
 					favoriteSearches,
@@ -32038,7 +32073,7 @@ function DocSearchAskAiModal(_ref) {
 	};
 	let showDocsearchDropdown = true;
 	const hasCollections = state.collections.some((collection) => collection.source.sourceId !== SOURCE_IDS.askAI && collection.items.length > 0);
-	if (state.status === "idle" && hasCollections === false && state.query.length === 0 && !isAskAiActive) showDocsearchDropdown = false;
+	if (state.status === "idle" && hasCollections === false && isQueryEmpty(state.query) && !isAskAiActive) showDocsearchDropdown = false;
 	return /* @__PURE__ */ En.createElement(ModalShell, {
 		state,
 		containerRef,
@@ -32050,7 +32085,7 @@ function DocSearchAskAiModal(_ref) {
 		searchBox: /* @__PURE__ */ En.createElement(AskAiSearchBox, _objectSpread2$2(_objectSpread2$2({}, autocomplete), {}, {
 			state,
 			placeholder: placeholder || "Search docs",
-			autoFocus: initialQuery.length === 0,
+			autoFocus: isQueryEmpty(initialQuery),
 			inputRef,
 			isFromSelection: Boolean(initialQuery) && initialQuery === initialQueryFromSelection,
 			translations: searchBoxTranslations,
@@ -32069,7 +32104,7 @@ function DocSearchAskAiModal(_ref) {
 			onNewConversation: handleNewConversation,
 			onViewConversationHistory: handleViewConversationHistory
 		})),
-		filterBar: !isAskAiActive && state.query !== "" ? /* @__PURE__ */ En.createElement(FacetBar, {
+		filterBar: !isAskAiActive && !isQueryEmpty(state.query) ? /* @__PURE__ */ En.createElement(FacetBar, {
 			facets: visibleFacets,
 			selections: facetSelections,
 			translations: facetBarTranslations,
@@ -32284,8 +32319,10 @@ function _objectWithoutProperties(e, t) {
 	}
 	return i;
 }
-const _excluded$1 = [
+const _excluded$2 = [
 	"children",
+	"appId",
+	"apiKey",
 	"theme",
 	"onReady",
 	"onOpen",
@@ -32296,7 +32333,7 @@ const _excluded$1 = [
 const Context = En.createContext(void 0);
 Context.displayName = "DocSearchContext";
 function DocSearchInner(_ref, ref) {
-	let { children, theme, onReady, onOpen, onClose, onSidepanelOpen, onSidepanelClose } = _ref, props = _objectWithoutProperties(_ref, _excluded$1);
+	let { children, appId, apiKey, theme, onReady, onOpen, onClose, onSidepanelOpen, onSidepanelClose } = _ref, props = _objectWithoutProperties(_ref, _excluded$2);
 	const [docsearchState, setDocsearchState] = En.useState("ready");
 	const [initialQuery, setInitialQuery] = En.useState(props.initialQuery || "");
 	const searchButtonRef = En.useRef(null);
@@ -32403,6 +32440,8 @@ function DocSearchInner(_ref, ref) {
 		keyboardShortcuts
 	});
 	const value = En.useMemo(() => ({
+		appId,
+		apiKey,
 		docsearchState,
 		setDocsearchState,
 		searchButtonRef,
@@ -32417,6 +32456,8 @@ function DocSearchInner(_ref, ref) {
 		registerView,
 		isHybridModeSupported
 	}), [
+		appId,
+		apiKey,
 		docsearchState,
 		searchButtonRef,
 		initialQuery,
@@ -32443,19 +32484,28 @@ function useDocSearch() {
 //#endregion
 //#region ../docsearch-react/dist/esm/docsearchAi.js
 init_compat();
-function DocSearchAIComponent(props, ref) {
-	return /* @__PURE__ */ En.createElement(DocSearch, _objectSpread2$2(_objectSpread2$2({}, props), {}, { ref }), /* @__PURE__ */ En.createElement(DocSearchAIInner, props));
+const _excluded$1 = ["appId", "apiKey"];
+function DocSearchAIComponent(_ref, ref) {
+	let { appId, apiKey } = _ref, props = _objectWithoutProperties$6(_ref, _excluded$1);
+	return /* @__PURE__ */ En.createElement(DocSearch, _objectSpread2$2(_objectSpread2$2({}, props), {}, {
+		appId,
+		apiKey,
+		ref
+	}), /* @__PURE__ */ En.createElement(DocSearchAIInner, props));
 }
 const DocSearchAI = En.forwardRef(DocSearchAIComponent);
 function DocSearchAIInner(props) {
 	var _props$translations, _props$translations2, _props$portalContaine;
-	const { searchButtonRef, keyboardShortcuts, isModalActive, isAskAiActive, initialQuery, onAskAiToggle, openModal, closeModal, isHybridModeSupported } = useDocSearch();
+	const { searchButtonRef, keyboardShortcuts, isModalActive, isAskAiActive, initialQuery, onAskAiToggle, openModal, closeModal, isHybridModeSupported, appId, apiKey } = useDocSearch();
+	if (!appId || !apiKey) throw new Error("`DocSearchAI` requires `appId` and `apiKey` props.");
 	return /* @__PURE__ */ En.createElement(En.Fragment, null, /* @__PURE__ */ En.createElement(DocSearchButton, {
 		keyboardShortcuts,
 		ref: searchButtonRef,
 		translations: (_props$translations = props.translations) === null || _props$translations === void 0 ? void 0 : _props$translations.button,
 		onClick: openModal
 	}), isModalActive && H(/* @__PURE__ */ En.createElement(DocSearchAskAiModal, _objectSpread2$2(_objectSpread2$2({}, props), {}, {
+		appId,
+		apiKey,
 		initialScrollY: window.scrollY,
 		initialQuery,
 		translations: props === null || props === void 0 || (_props$translations2 = props.translations) === null || _props$translations2 === void 0 ? void 0 : _props$translations2.modal,