@questpie/admin 1.1.1 → 3.0.0

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

@@ -0,0 +1,700 @@
+import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
+import { cn } from "../../lib/utils.mjs";
+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 { 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 * 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
+/**
+* Global Search
+*
+* Fast navigation to collections, globals, quick actions, AND actual records.
+* Uses ResponsiveDialog for desktop (Dialog) and mobile (fullscreen Drawer).
+*
+* Features:
+* - Navigation items: Collections, globals, create actions (client-side filter)
+* - Record search: Full-text search across ALL collections (server-side)
+* - Keyboard navigation: ↑↓ arrows, Enter to select, Esc to close
+* - Highlights: Shows search term highlighted in record titles
+*/
+const DEFAULT_FOLDER_ICON = "ph:folder";
+const DEFAULT_GEAR_ICON = "ph:gear";
+const DEFAULT_PLUS_ICON = "ph:plus";
+const DEFAULT_FILE_ICON = "ph:file";
+/**
+* Extract typed props from server config entries (collections/globals).
+* Server config entries come as plain objects without strict typing.
+*/
+function getConfigProps(config) {
+	const c$1 = config;
+	return {
+		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) {
+	const textLower = text.toLowerCase();
+	return query.toLowerCase().split(/\s+/).filter(Boolean).every((word) => textLower.includes(word));
+}
+/**
+* Search and filter items based on query
+*/
+function filterItems(items, query) {
+	if (!query.trim()) return items;
+	return items.filter((item) => {
+		if (fuzzyMatch(item.label, query)) return true;
+		if (item.keywords?.some((kw) => fuzzyMatch(kw, query))) return true;
+		return false;
+	});
+}
+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;
+	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 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: "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 min-w-0 flex-col items-start",
+						children: [item.highlights?.title ? /* @__PURE__ */ jsx("span", {
+							className: "truncate",
+							children: highlightText(item.label, query)
+						}) : /* @__PURE__ */ jsx("span", {
+							className: "truncate",
+							children: resolveText(item.label)
+						}), item.sublabel && /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground truncate text-xs",
+							children: item.sublabel
+						})]
+					})]
+				}, item.id);
+			};
+			$[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();
+	const storeBasePath = useAdminStore(selectBasePath);
+	const basePath = basePathProp ?? storeBasePath ?? "/admin";
+	const [query, setQuery] = useState("");
+	const [selectedIndex, setSelectedIndex] = useState(0);
+	const inputRef = useRef(null);
+	const debouncedQuery = useDebouncedValue(query, 300);
+	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)) {
+			const { label: rawLabel, icon, hidden } = getConfigProps(config);
+			if (hidden) continue;
+			const label = resolveText(rawLabel, name);
+			items.push({
+				id: `col-${name}`,
+				type: "collection",
+				label,
+				href: `${basePath}/collections/${name}`,
+				icon: icon ?? DEFAULT_FOLDER_ICON,
+				keywords: [
+					name,
+					"collection",
+					"list"
+				]
+			});
+		}
+		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_0}`,
+				type: "global",
+				label: label_0,
+				href: `${basePath}/globals/${name_0}`,
+				icon: icon_0 ?? DEFAULT_GEAR_ICON,
+				keywords: [
+					name_0,
+					"global",
+					"settings",
+					"config"
+				]
+			});
+		}
+		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_1}`,
+				type: "action",
+				label: t("globalSearch.createNew", { name: label_1 }),
+				href: `${basePath}/collections/${name_1}/create`,
+				icon: collectionIcon ?? DEFAULT_PLUS_ICON,
+				keywords: [
+					"create",
+					"new",
+					"add",
+					name_1
+				]
+			});
+		}
+		$[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
+		};
+		$[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
+		];
+		$[36] = groupedNavItems.actions;
+		$[37] = groupedNavItems.collections;
+		$[38] = groupedNavItems.globals;
+		$[39] = recordItems;
+		$[40] = t10;
+	} else t10 = $[40];
+	const allItems = t10;
+	const totalCount = allItems.length;
+	const globalsStartIndex = groupedNavItems.collections.length;
+	const actionsStartIndex = groupedNavItems.collections.length + groupedNavItems.globals.length;
+	const recordsStartIndex = groupedNavItems.collections.length + groupedNavItems.globals.length + groupedNavItems.actions.length;
+	let t11;
+	let t12;
+	if ($[41] !== isOpen) {
+		t11 = () => {
+			if (!isOpen) return;
+			setQuery("");
+			setSelectedIndex(0);
+			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;
+	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: [
+				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(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,
+					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 };