@questpie/admin 2.0.0 → 3.0.1

package/dist/client/views/common/global-search.mjs

@@ -4,10 +4,12 @@ import { selectBasePath, useAdminStore } from "../../runtime/provider.mjs";
 import { resolveIconElement } from "../../components/component-renderer.mjs";
 import { useAdminConfig } from "../../hooks/use-admin-config.mjs";
 import { ResponsiveDialog, ResponsiveDialogContent } from "../../components/ui/responsive-dialog.mjs";
-import { useDebouncedValue, useGlobalSearch } from "../../hooks/use-search.mjs";
 import { Kbd } from "../../components/ui/kbd.mjs";
+import { useDebouncedValue, useGlobalSearch } from "../../hooks/use-search.mjs";
+import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import * as React from "react";
+import { useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/views/common/global-search.tsx
@@ -32,14 +34,29 @@ const DEFAULT_FILE_ICON = "ph:file";
 * Server config entries come as plain objects without strict typing.
 */
 function getConfigProps(config) {
-	const c = config;
+	const c$1 = config;
 	return {
-		label: c?.label,
-		icon: c?.icon,
-		hidden: c?.hidden
+		label: c$1?.label,
+		icon: c$1?.icon,
+		hidden: c$1?.hidden
 	};
 }
 /**
+* Safe highlight renderer - escapes HTML and wraps query matches in <mark> tags.
+* Returns React elements instead of raw HTML to prevent XSS.
+*/
+function highlightText(text, query) {
+	if (!query.trim() || !text) return text;
+	const escaped = query.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	const regex = new RegExp(`(${escaped})`, "gi");
+	const parts = text.split(regex);
+	if (parts.length === 1) return text;
+	return parts.map((part, i) => i % 2 === 1 ? React.createElement("mark", {
+		key: i,
+		className: "bg-yellow-200/50"
+	}, part) : part);
+}
+/**
 * Simple fuzzy search - matches if query words appear anywhere in text
 */
 function fuzzyMatch(text, query) {
@@ -57,45 +74,99 @@ function filterItems(items, query) {
 		return false;
 	});
 }
-function SearchGroup({ title, items, selectedIndex, startIndex, onSelect, onHover }) {
+const SearchGroup = React.memo(function SearchGroup$1(t0) {
+	const $ = c(25);
+	const { title, items, selectedIndex, startIndex, onSelect, onHover, query: t1 } = t0;
+	const query = t1 === void 0 ? "" : t1;
 	const resolveText = useResolveText();
 	if (items.length === 0) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "mb-4 last:mb-0",
-		children: [/* @__PURE__ */ jsx("h3", {
-			className: "mb-2 px-2 font-mono text-[10px] font-black uppercase tracking-[0.2em] text-muted-foreground",
-			children: resolveText(title)
-		}), /* @__PURE__ */ jsx("div", {
-			className: "space-y-0.5",
-			children: items.map((item, idx) => {
+	let t2;
+	if ($[0] !== resolveText || $[1] !== title) {
+		t2 = resolveText(title);
+		$[0] = resolveText;
+		$[1] = title;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== t2) {
+		t3 = /* @__PURE__ */ jsx("h3", {
+			className: "text-muted-foreground mb-2 px-2 font-mono text-[10px] font-black tracking-[0.2em] uppercase",
+			children: t2
+		});
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== items || $[6] !== onHover || $[7] !== onSelect || $[8] !== query || $[9] !== resolveText || $[10] !== selectedIndex || $[11] !== startIndex) {
+		let t5$1;
+		if ($[13] !== onHover || $[14] !== onSelect || $[15] !== query || $[16] !== resolveText || $[17] !== selectedIndex || $[18] !== startIndex) {
+			t5$1 = (item, idx) => {
 				const globalIndex = startIndex + idx;
 				return /* @__PURE__ */ jsxs("button", {
 					type: "button",
 					onClick: () => onSelect(item),
 					onMouseEnter: () => onHover(globalIndex),
-					className: cn("flex w-full items-center gap-3 px-3 py-2.5 text-sm outline-none transition-colors rounded-md", globalIndex === selectedIndex ? "bg-accent text-accent-foreground" : "hover:bg-accent/50 hover:text-accent-foreground"),
+					className: cn("flex w-full items-center gap-3 px-3 py-2.5 text-sm transition-colors outline-none", globalIndex === selectedIndex ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"),
 					children: [item.icon && /* @__PURE__ */ jsx("span", {
-						className: "h-4 w-4 text-muted-foreground shrink-0 flex items-center justify-center",
+						className: "text-muted-foreground flex h-4 w-4 shrink-0 items-center justify-center",
 						children: resolveIconElement(item.icon, { className: "h-4 w-4" })
 					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-col items-start min-w-0",
+						className: "flex min-w-0 flex-col items-start",
 						children: [item.highlights?.title ? /* @__PURE__ */ jsx("span", {
 							className: "truncate",
-							dangerouslySetInnerHTML: { __html: item.highlights.title }
+							children: highlightText(item.label, query)
 						}) : /* @__PURE__ */ jsx("span", {
 							className: "truncate",
 							children: resolveText(item.label)
 						}), item.sublabel && /* @__PURE__ */ jsx("span", {
-							className: "text-xs text-muted-foreground truncate",
+							className: "text-muted-foreground truncate text-xs",
 							children: item.sublabel
 						})]
 					})]
 				}, item.id);
-			})
-		})]
-	});
-}
-function GlobalSearch({ isOpen, onClose, navigate, basePath: basePathProp }) {
+			};
+			$[13] = onHover;
+			$[14] = onSelect;
+			$[15] = query;
+			$[16] = resolveText;
+			$[17] = selectedIndex;
+			$[18] = startIndex;
+			$[19] = t5$1;
+		} else t5$1 = $[19];
+		t4 = items.map(t5$1);
+		$[5] = items;
+		$[6] = onHover;
+		$[7] = onSelect;
+		$[8] = query;
+		$[9] = resolveText;
+		$[10] = selectedIndex;
+		$[11] = startIndex;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[20] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			className: "space-y-0.5",
+			children: t4
+		});
+		$[20] = t4;
+		$[21] = t5;
+	} else t5 = $[21];
+	let t6;
+	if ($[22] !== t3 || $[23] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "mb-4 last:mb-0",
+			children: [t3, t5]
+		});
+		$[22] = t3;
+		$[23] = t5;
+		$[24] = t6;
+	} else t6 = $[24];
+	return t6;
+});
+function GlobalSearch(t0) {
+	const $ = c(109);
+	const { isOpen, onClose, navigate, basePath: basePathProp } = t0;
 	const { t } = useTranslation();
 	const resolveText = useResolveText();
 	const { data: serverConfig } = useAdminConfig();
@@ -105,13 +176,28 @@ function GlobalSearch({ isOpen, onClose, navigate, basePath: basePathProp }) {
 	const [selectedIndex, setSelectedIndex] = useState(0);
 	const inputRef = useRef(null);
 	const debouncedQuery = useDebouncedValue(query, 300);
-	const { data: searchResults, isLoading: isSearching } = useGlobalSearch({
-		query: debouncedQuery,
-		limit: 10,
-		enabled: debouncedQuery.trim().length >= 2
-	});
-	const navItems = useMemo(() => {
-		const items = [];
+	let t1;
+	if ($[0] !== debouncedQuery) {
+		t1 = debouncedQuery.trim();
+		$[0] = debouncedQuery;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = t1.length >= 2;
+	let t3;
+	if ($[2] !== debouncedQuery || $[3] !== t2) {
+		t3 = {
+			query: debouncedQuery,
+			limit: 10,
+			enabled: t2
+		};
+		$[2] = debouncedQuery;
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
+	const { data: searchResults, isLoading: isSearching } = useGlobalSearch(t3);
+	let items;
+	if ($[5] !== basePath || $[6] !== resolveText || $[7] !== serverConfig?.collections || $[8] !== serverConfig?.globals || $[9] !== t) {
+		items = [];
 		const collections = serverConfig?.collections ?? {};
 		const globals = serverConfig?.globals ?? {};
 		for (const [name, config] of Object.entries(collections)) {
@@ -131,246 +217,484 @@ function GlobalSearch({ isOpen, onClose, navigate, basePath: basePathProp }) {
 				]
 			});
 		}
-		for (const [name, config] of Object.entries(globals)) {
-			const { label: rawLabel, icon, hidden } = getConfigProps(config);
-			if (hidden) continue;
-			const label = resolveText(rawLabel, name);
+		for (const [name_0, config_0] of Object.entries(globals)) {
+			const { label: rawLabel_0, icon: icon_0, hidden: hidden_0 } = getConfigProps(config_0);
+			if (hidden_0) continue;
+			const label_0 = resolveText(rawLabel_0, name_0);
 			items.push({
-				id: `glob-${name}`,
+				id: `glob-${name_0}`,
 				type: "global",
-				label,
-				href: `${basePath}/globals/${name}`,
-				icon: icon ?? DEFAULT_GEAR_ICON,
+				label: label_0,
+				href: `${basePath}/globals/${name_0}`,
+				icon: icon_0 ?? DEFAULT_GEAR_ICON,
 				keywords: [
-					name,
+					name_0,
 					"global",
 					"settings",
 					"config"
 				]
 			});
 		}
-		for (const [name, config] of Object.entries(collections)) {
-			const { label: rawLabel, icon: collectionIcon, hidden } = getConfigProps(config);
-			if (hidden) continue;
-			const label = resolveText(rawLabel, name);
+		for (const [name_1, config_1] of Object.entries(collections)) {
+			const { label: rawLabel_1, icon: collectionIcon, hidden: hidden_1 } = getConfigProps(config_1);
+			if (hidden_1) continue;
+			const label_1 = resolveText(rawLabel_1, name_1);
 			items.push({
-				id: `action-create-${name}`,
+				id: `action-create-${name_1}`,
 				type: "action",
-				label: t("globalSearch.createNew", { name: label }),
-				href: `${basePath}/collections/${name}/create`,
+				label: t("globalSearch.createNew", { name: label_1 }),
+				href: `${basePath}/collections/${name_1}/create`,
 				icon: collectionIcon ?? DEFAULT_PLUS_ICON,
 				keywords: [
 					"create",
 					"new",
 					"add",
-					name
+					name_1
 				]
 			});
 		}
-		return items;
-	}, [
-		serverConfig,
-		basePath,
-		resolveText,
-		t
-	]);
-	const filteredNavItems = useMemo(() => filterItems(navItems, query), [navItems, query]);
-	const recordItems = useMemo(() => {
-		if (!searchResults?.docs) return [];
-		const collections = serverConfig?.collections ?? {};
-		return searchResults.docs.map((doc) => {
-			const collectionName = doc._collection;
-			const collectionConfig = collections[collectionName];
-			const { label: rawLabel, icon: configIcon } = getConfigProps(collectionConfig);
-			const collectionLabel = resolveText(rawLabel, collectionName);
-			const icon = configIcon ?? DEFAULT_FILE_ICON;
-			return {
-				id: `record-${collectionName}-${doc.id}`,
-				type: "record",
-				label: doc._search?.indexedTitle || doc.id,
-				sublabel: collectionLabel,
-				href: `${basePath}/collections/${collectionName}/${doc.id}`,
-				icon,
-				highlights: doc._search?.highlights
-			};
-		});
-	}, [
-		searchResults,
-		serverConfig,
-		basePath,
-		resolveText
-	]);
-	const groupedNavItems = useMemo(() => {
-		return {
-			collections: filteredNavItems.filter((i) => i.type === "collection"),
-			globals: filteredNavItems.filter((i) => i.type === "global"),
-			actions: filteredNavItems.filter((i) => i.type === "action")
+		$[5] = basePath;
+		$[6] = resolveText;
+		$[7] = serverConfig?.collections;
+		$[8] = serverConfig?.globals;
+		$[9] = t;
+		$[10] = items;
+	} else items = $[10];
+	const navItems = items;
+	let t4;
+	if ($[11] !== navItems || $[12] !== query) {
+		t4 = filterItems(navItems, query);
+		$[11] = navItems;
+		$[12] = query;
+		$[13] = t4;
+	} else t4 = $[13];
+	const filteredNavItems = t4;
+	let t5;
+	bb0: {
+		if (!searchResults?.docs) {
+			let t6$2;
+			if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+				t6$2 = [];
+				$[14] = t6$2;
+			} else t6$2 = $[14];
+			t5 = t6$2;
+			break bb0;
+		}
+		let t6$1;
+		if ($[15] !== serverConfig?.collections) {
+			t6$1 = serverConfig?.collections ?? {};
+			$[15] = serverConfig?.collections;
+			$[16] = t6$1;
+		} else t6$1 = $[16];
+		const collections_0 = t6$1;
+		let t7$1;
+		if ($[17] !== basePath || $[18] !== collections_0 || $[19] !== resolveText || $[20] !== searchResults.docs) {
+			let t8$1;
+			if ($[22] !== basePath || $[23] !== collections_0 || $[24] !== resolveText) {
+				t8$1 = (doc) => {
+					const collectionName = doc._collection;
+					const collectionConfig = collections_0[collectionName];
+					const { label: rawLabel_2, icon: configIcon } = getConfigProps(collectionConfig);
+					const collectionLabel = resolveText(rawLabel_2, collectionName);
+					const icon_1 = configIcon ?? DEFAULT_FILE_ICON;
+					return {
+						id: `record-${collectionName}-${doc.id}`,
+						type: "record",
+						label: doc._search?.indexedTitle || doc.id,
+						sublabel: collectionLabel,
+						href: `${basePath}/collections/${collectionName}/${doc.id}`,
+						icon: icon_1,
+						highlights: doc._search?.highlights
+					};
+				};
+				$[22] = basePath;
+				$[23] = collections_0;
+				$[24] = resolveText;
+				$[25] = t8$1;
+			} else t8$1 = $[25];
+			t7$1 = searchResults.docs.map(t8$1);
+			$[17] = basePath;
+			$[18] = collections_0;
+			$[19] = resolveText;
+			$[20] = searchResults.docs;
+			$[21] = t7$1;
+		} else t7$1 = $[21];
+		t5 = t7$1;
+	}
+	const recordItems = t5;
+	let t6;
+	if ($[26] !== filteredNavItems) {
+		t6 = filteredNavItems.filter(_temp);
+		$[26] = filteredNavItems;
+		$[27] = t6;
+	} else t6 = $[27];
+	let t7;
+	if ($[28] !== filteredNavItems) {
+		t7 = filteredNavItems.filter(_temp2);
+		$[28] = filteredNavItems;
+		$[29] = t7;
+	} else t7 = $[29];
+	let t8;
+	if ($[30] !== filteredNavItems) {
+		t8 = filteredNavItems.filter(_temp3);
+		$[30] = filteredNavItems;
+		$[31] = t8;
+	} else t8 = $[31];
+	let t9;
+	if ($[32] !== t6 || $[33] !== t7 || $[34] !== t8) {
+		t9 = {
+			collections: t6,
+			globals: t7,
+			actions: t8
 		};
-	}, [filteredNavItems]);
-	const allItems = useMemo(() => {
-		return [
+		$[32] = t6;
+		$[33] = t7;
+		$[34] = t8;
+		$[35] = t9;
+	} else t9 = $[35];
+	const groupedNavItems = t9;
+	let t10;
+	if ($[36] !== groupedNavItems.actions || $[37] !== groupedNavItems.collections || $[38] !== groupedNavItems.globals || $[39] !== recordItems) {
+		t10 = [
 			...groupedNavItems.collections,
 			...groupedNavItems.globals,
 			...groupedNavItems.actions,
 			...recordItems
 		];
-	}, [groupedNavItems, recordItems]);
+		$[36] = groupedNavItems.actions;
+		$[37] = groupedNavItems.collections;
+		$[38] = groupedNavItems.globals;
+		$[39] = recordItems;
+		$[40] = t10;
+	} else t10 = $[40];
+	const allItems = t10;
 	const totalCount = allItems.length;
-	const collectionsStartIndex = 0;
 	const globalsStartIndex = groupedNavItems.collections.length;
 	const actionsStartIndex = groupedNavItems.collections.length + groupedNavItems.globals.length;
 	const recordsStartIndex = groupedNavItems.collections.length + groupedNavItems.globals.length + groupedNavItems.actions.length;
-	useEffect(() => {
-		setSelectedIndex(0);
-	}, [query]);
-	useEffect(() => {
-		if (isOpen) {
+	let t11;
+	let t12;
+	if ($[41] !== isOpen) {
+		t11 = () => {
+			if (!isOpen) return;
 			setQuery("");
 			setSelectedIndex(0);
-			setTimeout(() => inputRef.current?.focus(), 50);
-		}
-	}, [isOpen]);
-	const handleSelect = useCallback((item) => {
-		navigate(item.href);
-		onClose();
-	}, [navigate, onClose]);
-	const handleKeyDown = useCallback((e) => {
-		switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault();
-				setSelectedIndex((i) => Math.min(i + 1, totalCount - 1));
-				break;
-			case "ArrowUp":
-				e.preventDefault();
-				setSelectedIndex((i) => Math.max(i - 1, 0));
-				break;
-			case "Enter":
-				e.preventDefault();
-				if (allItems[selectedIndex]) handleSelect(allItems[selectedIndex]);
-				break;
-			case "Escape":
-				e.preventDefault();
-				onClose();
-				break;
-		}
-	}, [
-		allItems,
-		selectedIndex,
-		totalCount,
-		handleSelect,
-		onClose
-	]);
-	const handleHover = useCallback((index) => {
-		setSelectedIndex(index);
-	}, []);
+			const timer = setTimeout(() => inputRef.current?.focus(), 50);
+			return () => clearTimeout(timer);
+		};
+		t12 = [isOpen];
+		$[41] = isOpen;
+		$[42] = t11;
+		$[43] = t12;
+	} else {
+		t11 = $[42];
+		t12 = $[43];
+	}
+	React.useEffect(t11, t12);
+	let t13;
+	if ($[44] !== navigate || $[45] !== onClose) {
+		t13 = (item) => {
+			navigate(item.href);
+			onClose();
+		};
+		$[44] = navigate;
+		$[45] = onClose;
+		$[46] = t13;
+	} else t13 = $[46];
+	const handleSelect = t13;
+	let t14;
+	if ($[47] !== allItems || $[48] !== handleSelect || $[49] !== onClose || $[50] !== selectedIndex || $[51] !== totalCount) {
+		t14 = (e) => {
+			bb125: switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault();
+					setSelectedIndex((i_3) => totalCount > 0 ? (i_3 + 1) % totalCount : 0);
+					break bb125;
+				case "ArrowUp":
+					e.preventDefault();
+					setSelectedIndex((i_2) => totalCount > 0 ? (i_2 - 1 + totalCount) % totalCount : 0);
+					break bb125;
+				case "Enter":
+					e.preventDefault();
+					if (allItems[selectedIndex]) handleSelect(allItems[selectedIndex]);
+					break bb125;
+				case "Escape":
+					e.preventDefault();
+					onClose();
+			}
+		};
+		$[47] = allItems;
+		$[48] = handleSelect;
+		$[49] = onClose;
+		$[50] = selectedIndex;
+		$[51] = totalCount;
+		$[52] = t14;
+	} else t14 = $[52];
+	const handleKeyDown = t14;
+	let t15;
+	if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = (index) => {
+			setSelectedIndex(index);
+		};
+		$[53] = t15;
+	} else t15 = $[53];
+	const handleHover = t15;
 	const hasNavResults = groupedNavItems.collections.length > 0 || groupedNavItems.globals.length > 0 || groupedNavItems.actions.length > 0;
 	const hasRecordResults = recordItems.length > 0;
 	const hasResults = hasNavResults || hasRecordResults;
-	return /* @__PURE__ */ jsx(ResponsiveDialog, {
-		open: isOpen,
-		onOpenChange: (open) => !open && onClose(),
-		children: /* @__PURE__ */ jsxs(ResponsiveDialogContent, {
-			className: "p-0 gap-0 max-w-2xl",
+	let t16;
+	if ($[54] !== onClose) {
+		t16 = (open) => !open && onClose();
+		$[54] = onClose;
+		$[55] = t16;
+	} else t16 = $[55];
+	let t17;
+	if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:magnifying-glass",
+			className: "text-muted-foreground mr-2 h-5 w-5 shrink-0"
+		});
+		$[56] = t17;
+	} else t17 = $[56];
+	let t18;
+	if ($[57] !== t) {
+		t18 = t("globalSearch.placeholder");
+		$[57] = t;
+		$[58] = t18;
+	} else t18 = $[58];
+	let t19;
+	if ($[59] === Symbol.for("react.memo_cache_sentinel")) {
+		t19 = (e_0) => {
+			setQuery(e_0.target.value);
+			setSelectedIndex(0);
+		};
+		$[59] = t19;
+	} else t19 = $[59];
+	let t20;
+	if ($[60] !== handleKeyDown || $[61] !== query || $[62] !== t18) {
+		t20 = /* @__PURE__ */ jsx("input", {
+			ref: inputRef,
+			className: "placeholder:text-muted-foreground flex h-14 w-full rounded-none bg-transparent py-3 text-base outline-none disabled:cursor-not-allowed disabled:opacity-50",
+			placeholder: t18,
+			value: query,
+			onChange: t19,
+			onKeyDown: handleKeyDown
+		});
+		$[60] = handleKeyDown;
+		$[61] = query;
+		$[62] = t18;
+		$[63] = t20;
+	} else t20 = $[63];
+	let t21;
+	if ($[64] !== isSearching) {
+		t21 = isSearching && /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:spinner",
+			className: "text-muted-foreground h-4 w-4 animate-spin"
+		});
+		$[64] = isSearching;
+		$[65] = t21;
+	} else t21 = $[65];
+	let t22;
+	if ($[66] === Symbol.for("react.memo_cache_sentinel")) {
+		t22 = /* @__PURE__ */ jsx(Kbd, { children: "ESC" });
+		$[66] = t22;
+	} else t22 = $[66];
+	let t23;
+	if ($[67] !== t21) {
+		t23 = /* @__PURE__ */ jsxs("div", {
+			className: "flex shrink-0 items-center gap-1",
+			children: [t21, t22]
+		});
+		$[67] = t21;
+		$[68] = t23;
+	} else t23 = $[68];
+	let t24;
+	if ($[69] !== t20 || $[70] !== t23) {
+		t24 = /* @__PURE__ */ jsxs("div", {
+			className: "qa-global-search__input-area flex items-center border-b px-3",
 			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center border-b px-3",
-					children: [
-						/* @__PURE__ */ jsx(Icon, {
-							icon: "ph:magnifying-glass",
-							className: "mr-2 h-5 w-5 text-muted-foreground shrink-0"
-						}),
-						/* @__PURE__ */ jsx("input", {
-							ref: inputRef,
-							className: "flex h-14 w-full rounded-none bg-transparent py-3 text-base outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-							placeholder: t("globalSearch.placeholder"),
-							value: query,
-							onChange: (e) => setQuery(e.target.value),
-							onKeyDown: handleKeyDown,
-							autoFocus: true
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-1 shrink-0",
-							children: [isSearching && /* @__PURE__ */ jsx(Icon, {
-								icon: "ph:spinner",
-								className: "h-4 w-4 animate-spin text-muted-foreground"
-							}), /* @__PURE__ */ jsx(Kbd, { children: "ESC" })]
-						})
-					]
+				t17,
+				t20,
+				t23
+			]
+		});
+		$[69] = t20;
+		$[70] = t23;
+		$[71] = t24;
+	} else t24 = $[71];
+	let t25;
+	if ($[72] !== actionsStartIndex || $[73] !== globalsStartIndex || $[74] !== groupedNavItems.actions || $[75] !== groupedNavItems.collections || $[76] !== groupedNavItems.globals || $[77] !== handleSelect || $[78] !== hasRecordResults || $[79] !== hasResults || $[80] !== isSearching || $[81] !== query || $[82] !== recordItems || $[83] !== recordsStartIndex || $[84] !== selectedIndex || $[85] !== t) {
+		t25 = /* @__PURE__ */ jsx("div", {
+			className: "qa-global-search__results max-h-[60vh] overflow-y-auto p-2",
+			children: hasResults ? /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx(SearchGroup, {
+					title: t("globalSearch.collections"),
+					items: groupedNavItems.collections,
+					selectedIndex,
+					startIndex: 0,
+					onSelect: handleSelect,
+					onHover: handleHover
 				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "max-h-[60vh] overflow-y-auto p-2",
-					children: hasResults ? /* @__PURE__ */ jsxs(Fragment, { children: [
-						/* @__PURE__ */ jsx(SearchGroup, {
-							title: t("globalSearch.collections"),
-							items: groupedNavItems.collections,
-							selectedIndex,
-							startIndex: collectionsStartIndex,
-							onSelect: handleSelect,
-							onHover: handleHover
-						}),
-						/* @__PURE__ */ jsx(SearchGroup, {
-							title: t("globalSearch.globals"),
-							items: groupedNavItems.globals,
-							selectedIndex,
-							startIndex: globalsStartIndex,
-							onSelect: handleSelect,
-							onHover: handleHover
-						}),
-						/* @__PURE__ */ jsx(SearchGroup, {
-							title: t("globalSearch.quickActions"),
-							items: groupedNavItems.actions,
-							selectedIndex,
-							startIndex: actionsStartIndex,
-							onSelect: handleSelect,
-							onHover: handleHover
-						}),
-						hasRecordResults && /* @__PURE__ */ jsx(SearchGroup, {
-							title: t("globalSearch.records"),
-							items: recordItems,
-							selectedIndex,
-							startIndex: recordsStartIndex,
-							onSelect: handleSelect,
-							onHover: handleHover
-						})
-					] }) : /* @__PURE__ */ jsx("div", {
-						className: "py-8 text-center text-sm text-muted-foreground",
-						children: isSearching ? /* @__PURE__ */ jsxs("div", {
-							className: "flex items-center justify-center gap-2",
-							children: [/* @__PURE__ */ jsx(Icon, {
-								icon: "ph:spinner",
-								className: "h-4 w-4 animate-spin"
-							}), /* @__PURE__ */ jsx("span", { children: t("globalSearch.searching") })]
-						}) : t("globalSearch.noResults")
-					})
+				/* @__PURE__ */ jsx(SearchGroup, {
+					title: t("globalSearch.globals"),
+					items: groupedNavItems.globals,
+					selectedIndex,
+					startIndex: globalsStartIndex,
+					onSelect: handleSelect,
+					onHover: handleHover
 				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "border-t px-3 py-2 flex items-center justify-end gap-4 text-xs text-muted-foreground",
-					children: [/* @__PURE__ */ jsxs("span", {
-						className: "flex items-center gap-1",
-						children: [
-							/* @__PURE__ */ jsx(Kbd, {
-								className: "text-[10px] px-1",
-								children: "↑"
-							}),
-							/* @__PURE__ */ jsx(Kbd, {
-								className: "text-[10px] px-1",
-								children: "↓"
-							}),
-							/* @__PURE__ */ jsx("span", { children: t("globalSearch.navigate") })
-						]
-					}), /* @__PURE__ */ jsxs("span", {
-						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ jsx(Kbd, {
-							className: "text-[10px] px-1.5",
-							children: "↵"
-						}), /* @__PURE__ */ jsx("span", { children: t("globalSearch.select") })]
-					})]
+				/* @__PURE__ */ jsx(SearchGroup, {
+					title: t("globalSearch.quickActions"),
+					items: groupedNavItems.actions,
+					selectedIndex,
+					startIndex: actionsStartIndex,
+					onSelect: handleSelect,
+					onHover: handleHover
+				}),
+				hasRecordResults && /* @__PURE__ */ jsx(SearchGroup, {
+					title: t("globalSearch.records"),
+					items: recordItems,
+					selectedIndex,
+					startIndex: recordsStartIndex,
+					onSelect: handleSelect,
+					onHover: handleHover,
+					query
 				})
+			] }) : /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground py-8 text-center text-sm",
+				children: isSearching ? /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-center gap-2",
+					children: [/* @__PURE__ */ jsx(Icon, {
+						icon: "ph:spinner",
+						className: "h-4 w-4 animate-spin"
+					}), /* @__PURE__ */ jsx("span", { children: t("globalSearch.searching") })]
+				}) : t("globalSearch.noResults")
+			})
+		});
+		$[72] = actionsStartIndex;
+		$[73] = globalsStartIndex;
+		$[74] = groupedNavItems.actions;
+		$[75] = groupedNavItems.collections;
+		$[76] = groupedNavItems.globals;
+		$[77] = handleSelect;
+		$[78] = hasRecordResults;
+		$[79] = hasResults;
+		$[80] = isSearching;
+		$[81] = query;
+		$[82] = recordItems;
+		$[83] = recordsStartIndex;
+		$[84] = selectedIndex;
+		$[85] = t;
+		$[86] = t25;
+	} else t25 = $[86];
+	let t26;
+	let t27;
+	if ($[87] === Symbol.for("react.memo_cache_sentinel")) {
+		t26 = /* @__PURE__ */ jsx(Kbd, {
+			className: "px-1 text-[10px]",
+			children: "↑"
+		});
+		t27 = /* @__PURE__ */ jsx(Kbd, {
+			className: "px-1 text-[10px]",
+			children: "↓"
+		});
+		$[87] = t26;
+		$[88] = t27;
+	} else {
+		t26 = $[87];
+		t27 = $[88];
+	}
+	let t28;
+	if ($[89] !== t) {
+		t28 = t("globalSearch.navigate");
+		$[89] = t;
+		$[90] = t28;
+	} else t28 = $[90];
+	let t29;
+	if ($[91] !== t28) {
+		t29 = /* @__PURE__ */ jsxs("span", {
+			className: "flex items-center gap-1",
+			children: [
+				t26,
+				t27,
+				/* @__PURE__ */ jsx("span", { children: t28 })
 			]
-		})
-	});
+		});
+		$[91] = t28;
+		$[92] = t29;
+	} else t29 = $[92];
+	let t30;
+	if ($[93] === Symbol.for("react.memo_cache_sentinel")) {
+		t30 = /* @__PURE__ */ jsx(Kbd, {
+			className: "px-1.5 text-[10px]",
+			children: "↵"
+		});
+		$[93] = t30;
+	} else t30 = $[93];
+	let t31;
+	if ($[94] !== t) {
+		t31 = t("globalSearch.select");
+		$[94] = t;
+		$[95] = t31;
+	} else t31 = $[95];
+	let t32;
+	if ($[96] !== t31) {
+		t32 = /* @__PURE__ */ jsxs("span", {
+			className: "flex items-center gap-1",
+			children: [t30, /* @__PURE__ */ jsx("span", { children: t31 })]
+		});
+		$[96] = t31;
+		$[97] = t32;
+	} else t32 = $[97];
+	let t33;
+	if ($[98] !== t29 || $[99] !== t32) {
+		t33 = /* @__PURE__ */ jsxs("div", {
+			className: "qa-global-search__footer text-muted-foreground flex items-center justify-end gap-4 border-t px-3 py-2 text-xs",
+			children: [t29, t32]
+		});
+		$[98] = t29;
+		$[99] = t32;
+		$[100] = t33;
+	} else t33 = $[100];
+	let t34;
+	if ($[101] !== t24 || $[102] !== t25 || $[103] !== t33) {
+		t34 = /* @__PURE__ */ jsxs(ResponsiveDialogContent, {
+			className: "qa-global-search gap-0 p-0 sm:max-w-3xl",
+			showCloseButton: false,
+			children: [
+				t24,
+				t25,
+				t33
+			]
+		});
+		$[101] = t24;
+		$[102] = t25;
+		$[103] = t33;
+		$[104] = t34;
+	} else t34 = $[104];
+	let t35;
+	if ($[105] !== isOpen || $[106] !== t16 || $[107] !== t34) {
+		t35 = /* @__PURE__ */ jsx(ResponsiveDialog, {
+			open: isOpen,
+			onOpenChange: t16,
+			children: t34
+		});
+		$[105] = isOpen;
+		$[106] = t16;
+		$[107] = t34;
+		$[108] = t35;
+	} else t35 = $[108];
+	return t35;
+}
+function _temp3(i_1) {
+	return i_1.type === "action";
+}
+function _temp2(i_0) {
+	return i_0.type === "global";
+}
+function _temp(i) {
+	return i.type === "collection";
 }
 
 //#endregion
-export { GlobalSearch };
-//# sourceMappingURL=global-search.mjs.map
+export { GlobalSearch };