@burdenoff/fe-libs 2026.527.2 → 2026.527.4

package/dist/chrome/GlobalSearch.js

@@ -1,483 +1,108 @@
 import { cn as e } from "../utils/cn.js";
 import "../utils/index.js";
-import { useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
-import { ChevronDown as ee, ChevronUp as te, Clock as ne, ExternalLink as re, Loader2 as ie, Search as ae, SlidersHorizontal as oe, X as se } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { debounce as t, isSearchResults as n } from "./globalSearch/utils.js";
+import { SearchInput as r } from "./globalSearch/SearchInput.js";
+import { CategoryTabs as i } from "./globalSearch/CategoryTabs.js";
+import { SearchModeBar as a } from "./globalSearch/SearchModeBar.js";
+import { AdvancedFiltersPanel as o } from "./globalSearch/AdvancedFiltersPanel.js";
+import { ResultsList as s } from "./globalSearch/ResultsList.js";
+import { useAdvancedFilters as c } from "./globalSearch/useAdvancedFilters.js";
+import { useCallback as l, useEffect as u, useMemo as d, useState as f } from "react";
+import { ExternalLink as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/chrome/GlobalSearch.tsx
-function ce(e, t) {
-	let n;
-	return (...r) => {
-		n !== void 0 && clearTimeout(n), n = setTimeout(() => {
-			e(...r);
-		}, t);
-	};
-}
-function s(e) {
-	return e.split(",").map((e) => e.trim()).filter(Boolean);
-}
-function c(e) {
-	if (typeof e != "object" || !e) return !1;
-	let t = e;
-	return typeof t.id == "string" && typeof t.title == "string" && typeof t.category == "string" && typeof t.href == "string" && (t.description === void 0 || typeof t.description == "string");
-}
-function le(e) {
-	return Array.isArray(e) && e.every(c);
-}
-function l({ open: c, onClose: l, categories: ue = [], placeholder: de = "Search everything...", recentSearches: fe = [], onSearch: pe, onSelect: me, onViewAllResults: he, className: ge }) {
-	let [u, d] = i(""), [f, p] = i(void 0), [m, h] = i([]), [g, _] = i(!1), [v, y] = i(null), [b, _e] = i(!1), [x, S] = i("PARTIAL"), [C, w] = i("SCORE_DESC"), [T, E] = i(""), [D, O] = i(""), [k, A] = i(""), [j, M] = i(""), [N, P] = i(""), [F, I] = i(""), [L, R] = i(""), [z, B] = i(""), [V, H] = i(""), [U, W] = i(""), [G, K] = i(""), [q, J] = i(""), [Y, X] = i(""), [Z, Q] = i("EQUALS"), $ = t(() => {
-		let e = { searchMode: x };
-		C !== "SCORE_DESC" && (e.sortBy = C);
-		let t = s(T);
-		t.length > 0 && (e.productSources = t), D.trim() && (e.projectId = D.trim()), k.trim() && (e.createdBy = k.trim()), j.trim() && (e.updatedBy = j.trim()), (N || F) && (e.dateRange = {}, N && (e.dateRange.from = new Date(N).toISOString()), F && (e.dateRange.to = new Date(F).toISOString())), (L || z) && (e.updatedDateRange = {}, L && (e.updatedDateRange.from = new Date(L).toISOString()), z && (e.updatedDateRange.to = new Date(z).toISOString()));
-		let n = s(U), r = s(V), i = s(G);
-		return (n.length > 0 || r.length > 0 || i.length > 0) && (e.tagFilter = {
-			tagIds: n.length > 0 ? n : void 0,
-			tagKeys: r.length > 0 ? r : void 0,
-			hierarchyPaths: i.length > 0 ? i : void 0
-		}), q.trim() && Y.trim() && (e.metadataConditions = [{
-			key: q.trim(),
-			value: Y.trim(),
-			operator: Z
-		}]), e;
-	}, [
-		k,
-		N,
-		F,
-		q,
-		Z,
-		Y,
-		T,
-		D,
-		x,
-		C,
-		U,
-		V,
-		G,
-		j,
-		L,
-		z
-	]);
-	n(() => {
-		c || (d(""), p(void 0), h([]), y(null), _e(!1), S("PARTIAL"), w("SCORE_DESC"), E(""), O(""), A(""), M(""), P(""), I(""), R(""), B(""), H(""), W(""), K(""), J(""), X(""), Q("EQUALS"));
-	}, [c]), n(() => {
-		if (!c) return;
+function g({ open: g, onClose: _, categories: v = [], placeholder: y = "Search everything...", recentSearches: b = [], onSearch: x, onSelect: S, onViewAllResults: C, className: w }) {
+	let [T, E] = f(""), [D, O] = f(void 0), [k, A] = f([]), [j, M] = f(!1), [N, P] = f(null), [F, I] = f(!1), L = c(), { buildFilters: R, reset: z, searchMode: B, setSearchMode: V } = L;
+	u(() => {
+		g || (E(""), O(void 0), A([]), P(null), I(!1), z());
+	}, [g, z]), u(() => {
+		if (!g) return;
 		let e = (e) => {
-			e.key === "Escape" && (e.preventDefault(), l());
+			e.key === "Escape" && (e.preventDefault(), _());
 		};
 		return document.addEventListener("keydown", e), () => {
 			document.removeEventListener("keydown", e);
 		};
-	}, [c, l]);
-	let ve = r(() => ce(async (e, t, n) => {
+	}, [g, _]);
+	let H = d(() => t(async (e, t, r) => {
 		if (!e.trim()) {
-			h([]), y(null);
+			A([]), P(null);
 			return;
 		}
-		_(!0), y(null);
+		M(!0), P(null);
 		try {
-			let r = await pe(e, t, n);
-			if (!le(r)) throw TypeError("Invalid search results format");
-			h(r);
+			let i = await x(e, t, r);
+			if (!n(i)) throw TypeError("Invalid search results format");
+			A(i);
 		} catch (e) {
-			y(e instanceof Error ? e.message : "Search failed"), h([]), console.error("Search error:", e);
+			P(e instanceof Error ? e.message : "Search failed"), A([]), console.error("Search error:", e);
 		} finally {
-			_(!1);
+			M(!1);
 		}
-	}, 300), [pe]);
-	n(() => {
-		ve(u, f, $());
+	}, 300), [x]);
+	u(() => {
+		H(T, D, R());
 	}, [
-		u,
-		f,
-		ve,
-		$
+		T,
+		D,
+		H,
+		R
 	]);
-	let ye = r(() => m.reduce((e, t) => {
+	let U = d(() => k.reduce((e, t) => {
 		let n = t.category;
 		return e[n] || (e[n] = []), e[n].push(t), e;
-	}, {}), [m]), be = t((e) => {
-		me(e), l();
-	}, [me, l]);
-	return c ? /* @__PURE__ */ a("div", {
-		className: e("fixed inset-0 z-[9999] flex items-center justify-center bg-bg-overlay backdrop-blur-md", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", ge),
-		onClick: l,
-		"data-state": c ? "open" : "closed",
+	}, {}), [k]), W = l((e) => {
+		S(e), _();
+	}, [S, _]);
+	return g ? /* @__PURE__ */ m("div", {
+		className: e("fixed inset-0 z-[9999] flex items-center justify-center bg-bg-overlay backdrop-blur-md", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", w),
+		onClick: _,
+		"data-state": g ? "open" : "closed",
 		role: "dialog",
 		"aria-modal": "true",
-		children: /* @__PURE__ */ a("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "w-full max-w-lg mx-4 max-h-[85dvh] overflow-hidden",
 			onClick: (e) => e.stopPropagation(),
-			children: /* @__PURE__ */ o("div", {
+			children: /* @__PURE__ */ h("div", {
 				className: "overflow-hidden rounded-xl border-2 border-border/50 bg-background shadow-2xl",
 				children: [
-					/* @__PURE__ */ o("div", {
-						className: "flex items-center border-b px-3",
-						children: [
-							/* @__PURE__ */ a(ae, { className: "h-4 w-4 mr-2 flex-shrink-0 opacity-50" }),
-							/* @__PURE__ */ a("input", {
-								type: "text",
-								placeholder: de,
-								value: u,
-								onChange: (e) => d(e.target.value),
-								className: "flex-1 bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground",
-								autoFocus: !0
-							}),
-							u && /* @__PURE__ */ a("button", {
-								onClick: () => d(""),
-								className: "ml-2 rounded-sm opacity-70 hover:opacity-100",
-								"aria-label": "Clear search",
-								children: /* @__PURE__ */ a(se, { className: "h-4 w-4" })
-							})
-						]
-					}),
-					ue.length > 0 && /* @__PURE__ */ o("div", {
-						className: "flex items-center gap-1 p-2 border-b overflow-x-auto scrollbar-hide scroll-smooth snap-x snap-mandatory",
-						children: [/* @__PURE__ */ a("button", {
-							onClick: () => p(void 0),
-							className: e("px-3 py-1.5 text-xs rounded-md transition-colors whitespace-nowrap flex-shrink-0 snap-start", f === void 0 ? "bg-primary text-primary-foreground" : "bg-muted hover:bg-muted/80"),
-							children: "All"
-						}), ue.map((t) => {
-							let n = t.icon;
-							return /* @__PURE__ */ o("button", {
-								onClick: () => p(t.name),
-								className: e("px-3 py-1.5 text-xs rounded-md transition-colors whitespace-nowrap flex-shrink-0 flex items-center gap-1.5 snap-start", f === t.name ? "bg-primary text-primary-foreground" : "bg-muted hover:bg-muted/80"),
-								children: [/* @__PURE__ */ a(n, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ a("span", {
-									className: "hidden xs:inline",
-									children: t.label
-								})]
-							}, t.name);
-						})]
+					/* @__PURE__ */ m(r, {
+						value: T,
+						placeholder: y,
+						onChange: E,
+						onClear: () => E("")
 					}),
-					/* @__PURE__ */ o("div", {
-						className: "flex items-center justify-between px-3 py-1.5 border-b",
-						children: [/* @__PURE__ */ a("div", {
-							className: "flex items-center gap-1",
-							children: [
-								"PARTIAL",
-								"FULLTEXT",
-								"EXACT"
-							].map((t) => /* @__PURE__ */ a("button", {
-								onClick: () => S(t),
-								className: e("px-2 py-1 text-[10px] font-medium rounded transition-colors", x === t ? "bg-primary text-primary-foreground" : "bg-muted/60 text-muted-foreground hover:bg-muted"),
-								title: t === "PARTIAL" ? "Autocomplete — matches prefixes and substrings" : t === "FULLTEXT" ? "Full-text — BM25 word matching with stemming" : "Exact — all search terms must appear",
-								children: t === "PARTIAL" ? "Partial" : t === "FULLTEXT" ? "Fulltext" : "Exact"
-							}, t))
-						}), /* @__PURE__ */ o("button", {
-							onClick: () => _e((e) => !e),
-							className: "flex items-center gap-1 px-2 py-1 text-[10px] font-medium text-muted-foreground rounded hover:bg-muted transition-colors",
-							"aria-expanded": b,
-							children: [
-								/* @__PURE__ */ a(oe, { className: "h-3 w-3" }),
-								"Filters",
-								a(b ? te : ee, { className: "h-3 w-3" })
-							]
-						})]
+					/* @__PURE__ */ m(i, {
+						categories: v,
+						selectedCategory: D,
+						onSelect: O
 					}),
-					b && /* @__PURE__ */ o("div", {
-						className: "px-3 py-2 border-b space-y-2 bg-muted/30 max-h-64 overflow-y-auto",
-						children: [
-							/* @__PURE__ */ o("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ a("label", {
-									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
-									children: "Sort by"
-								}), /* @__PURE__ */ o("select", {
-									value: C,
-									onChange: (e) => w(e.target.value),
-									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none",
-									children: [
-										/* @__PURE__ */ a("option", {
-											value: "SCORE_DESC",
-											children: "Relevance"
-										}),
-										/* @__PURE__ */ a("option", {
-											value: "CREATED_DESC",
-											children: "Newest first"
-										}),
-										/* @__PURE__ */ a("option", {
-											value: "CREATED_ASC",
-											children: "Oldest first"
-										}),
-										/* @__PURE__ */ a("option", {
-											value: "UPDATED_DESC",
-											children: "Recently updated"
-										}),
-										/* @__PURE__ */ a("option", {
-											value: "UPDATED_ASC",
-											children: "Least recently updated"
-										}),
-										/* @__PURE__ */ a("option", {
-											value: "TITLE_ASC",
-											children: "Title A-Z"
-										}),
-										/* @__PURE__ */ a("option", {
-											value: "TITLE_DESC",
-											children: "Title Z-A"
-										})
-									]
-								})]
-							}),
-							/* @__PURE__ */ o("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ a("label", {
-									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
-									children: "Products"
-								}), /* @__PURE__ */ a("input", {
-									"aria-label": "Product sources filter",
-									type: "text",
-									placeholder: "vibecontrols, wspace-tags",
-									value: T,
-									onChange: (e) => E(e.target.value),
-									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
-								})]
-							}),
-							/* @__PURE__ */ o("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ a("label", {
-									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
-									children: "Project"
-								}), /* @__PURE__ */ a("input", {
-									"aria-label": "Project ID filter",
-									type: "text",
-									placeholder: "Project ID",
-									value: D,
-									onChange: (e) => O(e.target.value),
-									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
-								})]
-							}),
-							/* @__PURE__ */ o("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ a("label", {
-									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
-									children: "Created by"
-								}), /* @__PURE__ */ a("input", {
-									type: "text",
-									placeholder: "Actor ID",
-									value: k,
-									onChange: (e) => A(e.target.value),
-									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
-								})]
-							}),
-							/* @__PURE__ */ o("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ a("label", {
-									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
-									children: "Updated by"
-								}), /* @__PURE__ */ a("input", {
-									"aria-label": "Updated by filter",
-									type: "text",
-									placeholder: "Actor ID",
-									value: j,
-									onChange: (e) => M(e.target.value),
-									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
-								})]
-							}),
-							/* @__PURE__ */ o("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ a("label", {
-									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
-									children: "Date from"
-								}), /* @__PURE__ */ a("input", {
-									type: "date",
-									value: N,
-									onChange: (e) => P(e.target.value),
-									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none"
-								})]
-							}),
-							/* @__PURE__ */ o("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ a("label", {
-									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
-									children: "Date to"
-								}), /* @__PURE__ */ a("input", {
-									type: "date",
-									value: F,
-									onChange: (e) => I(e.target.value),
-									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none"
-								})]
-							}),
-							/* @__PURE__ */ o("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ a("label", {
-									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
-									children: "Updated from"
-								}), /* @__PURE__ */ a("input", {
-									"aria-label": "Updated from date",
-									type: "date",
-									value: L,
-									onChange: (e) => R(e.target.value),
-									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none"
-								})]
-							}),
-							/* @__PURE__ */ o("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ a("label", {
-									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
-									children: "Updated to"
-								}), /* @__PURE__ */ a("input", {
-									"aria-label": "Updated to date",
-									type: "date",
-									value: z,
-									onChange: (e) => B(e.target.value),
-									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none"
-								})]
-							}),
-							/* @__PURE__ */ o("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ a("label", {
-									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
-									children: "Tag keys"
-								}), /* @__PURE__ */ a("input", {
-									"aria-label": "Tag keys filter",
-									type: "text",
-									placeholder: "search, team/platform",
-									value: V,
-									onChange: (e) => H(e.target.value),
-									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
-								})]
-							}),
-							/* @__PURE__ */ o("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ a("label", {
-									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
-									children: "Tag IDs"
-								}), /* @__PURE__ */ a("input", {
-									"aria-label": "Tag IDs filter",
-									type: "text",
-									placeholder: "Comma-separated IDs",
-									value: U,
-									onChange: (e) => W(e.target.value),
-									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
-								})]
-							}),
-							/* @__PURE__ */ o("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ a("label", {
-									className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
-									children: "Tag paths"
-								}), /* @__PURE__ */ a("input", {
-									"aria-label": "Tag hierarchy filter",
-									type: "text",
-									placeholder: "team/engineering",
-									value: G,
-									onChange: (e) => K(e.target.value),
-									className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
-								})]
-							}),
-							/* @__PURE__ */ o("div", {
-								className: "grid grid-cols-[1fr_auto_1fr] gap-2 items-center",
-								children: [
-									/* @__PURE__ */ a("input", {
-										"aria-label": "Metadata key filter",
-										type: "text",
-										placeholder: "metadata.path",
-										value: q,
-										onChange: (e) => J(e.target.value),
-										className: "h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
-									}),
-									/* @__PURE__ */ o("select", {
-										"aria-label": "Metadata operator filter",
-										value: Z,
-										onChange: (e) => Q(e.target.value),
-										className: "h-7 text-xs rounded border border-border bg-background px-2 outline-none",
-										children: [
-											/* @__PURE__ */ a("option", {
-												value: "EQUALS",
-												children: "="
-											}),
-											/* @__PURE__ */ a("option", {
-												value: "NOT_EQUALS",
-												children: "≠"
-											}),
-											/* @__PURE__ */ a("option", {
-												value: "CONTAINS",
-												children: "contains"
-											}),
-											/* @__PURE__ */ a("option", {
-												value: "STARTS_WITH",
-												children: "starts"
-											})
-										]
-									}),
-									/* @__PURE__ */ a("input", {
-										"aria-label": "Metadata value filter",
-										type: "text",
-										placeholder: "Value",
-										value: Y,
-										onChange: (e) => X(e.target.value),
-										className: "h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
-									})
-								]
-							}),
-							/* @__PURE__ */ a("div", {
-								className: "flex justify-end",
-								children: /* @__PURE__ */ a("button", {
-									onClick: () => {
-										S("PARTIAL"), w("SCORE_DESC"), E(""), O(""), A(""), M(""), P(""), I(""), R(""), B(""), H(""), W(""), K(""), J(""), X(""), Q("EQUALS");
-									},
-									className: "text-[10px] text-muted-foreground hover:text-foreground transition-colors",
-									children: "Clear filters"
-								})
-							})
-						]
+					/* @__PURE__ */ m(a, {
+						searchMode: B,
+						onSearchModeChange: V,
+						showAdvanced: F,
+						onToggleAdvanced: () => I((e) => !e)
 					}),
-					/* @__PURE__ */ o("div", {
-						className: "max-h-[60dvh] overflow-y-auto p-2",
-						children: [
-							g && /* @__PURE__ */ a("div", {
-								className: "flex items-center justify-center py-6",
-								children: /* @__PURE__ */ a(ie, { className: "h-4 w-4 animate-spin" })
-							}),
-							v && /* @__PURE__ */ a("div", {
-								className: "py-6 text-center text-sm text-destructive",
-								children: v
-							}),
-							!g && !v && !u && fe.length > 0 && /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("div", {
-								className: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
-								children: "Recent Searches"
-							}), fe.map((e, t) => /* @__PURE__ */ o("button", {
-								onClick: () => d(e),
-								className: "w-full flex items-center gap-2 px-2 py-2 text-sm rounded-md hover:bg-accent transition-colors text-left",
-								children: [/* @__PURE__ */ a(ne, { className: "h-4 w-4 opacity-50" }), e]
-							}, t))] }),
-							!g && !v && u && m.length === 0 && /* @__PURE__ */ o("div", {
-								className: "py-6 text-center text-sm text-muted-foreground",
-								children: [
-									"No results found for \"",
-									u,
-									"\""
-								]
-							}),
-							!g && !v && Object.entries(ye).map(([e, t]) => /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("div", {
-								className: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
-								children: e
-							}), t.map((e) => {
-								let t = e.icon;
-								return /* @__PURE__ */ o("button", {
-									onClick: () => be(e),
-									className: "w-full flex items-start gap-2 px-2 py-2 text-sm rounded-md hover:bg-accent transition-colors text-left",
-									children: [t && /* @__PURE__ */ a(t, { className: "h-4 w-4 mt-0.5 flex-shrink-0" }), /* @__PURE__ */ o("div", {
-										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ a("div", {
-											className: "font-medium truncate",
-											children: e.title
-										}), e.description && /* @__PURE__ */ a("div", {
-											className: "text-xs text-muted-foreground truncate",
-											children: e.description
-										})]
-									})]
-								}, e.id);
-							})] }, e))
-						]
+					F && /* @__PURE__ */ m(o, { filters: L }),
+					/* @__PURE__ */ m(s, {
+						loading: j,
+						error: N,
+						query: T,
+						results: k,
+						groupedResults: U,
+						recentSearches: b,
+						onRecentSelect: E,
+						onResultSelect: W
 					}),
-					u && m.length > 0 && he && /* @__PURE__ */ a("div", {
+					T && k.length > 0 && C && /* @__PURE__ */ m("div", {
 						className: "border-t p-2",
-						children: /* @__PURE__ */ o("button", {
+						children: /* @__PURE__ */ h("button", {
+							type: "button",
 							onClick: () => {
-								he(u, $(), f), l();
+								C(T, R(), D), _();
 							},
 							className: "w-full flex items-center justify-center gap-2 py-2 text-sm text-primary hover:bg-accent rounded-md transition-colors",
-							children: [/* @__PURE__ */ a(re, { className: "h-4 w-4" }), "View all results"]
+							children: [/* @__PURE__ */ m(p, { className: "size-4" }), "View all results"]
 						})
 					})
 				]
@@ -486,4 +111,4 @@ function l({ open: c, onClose: l, categories: ue = [], placeholder: de = "Search
 	}) : null;
 }
 //#endregion
-export { l as GlobalSearch };
+export { g as GlobalSearch };

package/dist/chrome/HeaderBar.js

@@ -5,6 +5,7 @@ var n = ({ logo: n, appName: r, onLogoClick: i, onMenuToggle: a, onSearchClick:
 	children: [/* @__PURE__ */ t("div", {
 		className: "flex items-center gap-2 md:gap-control-gap",
 		children: [a && /* @__PURE__ */ e("button", {
+			type: "button",
 			onClick: a,
 			className: "p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary",
 			"aria-label": "Toggle sidebar",
@@ -52,6 +53,7 @@ var n = ({ logo: n, appName: r, onLogoClick: i, onMenuToggle: a, onSearchClick:
 			}),
 			(_ || v || y || b) && /* @__PURE__ */ e("div", { className: "hidden md:block h-6 w-px bg-border-subtle" }),
 			S && /* @__PURE__ */ e("button", {
+				type: "button",
 				onClick: S,
 				className: `p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary ${C ? "hidden md:block" : ""}`,
 				"aria-label": "Keyboard shortcuts",
@@ -70,6 +72,7 @@ var n = ({ logo: n, appName: r, onLogoClick: i, onMenuToggle: a, onSearchClick:
 				})
 			}),
 			o && /* @__PURE__ */ e("button", {
+				type: "button",
 				onClick: o,
 				className: "p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary",
 				"aria-label": "Search",
@@ -89,6 +92,7 @@ var n = ({ logo: n, appName: r, onLogoClick: i, onMenuToggle: a, onSearchClick:
 			}),
 			g,
 			d || (u ? /* @__PURE__ */ t("button", {
+				type: "button",
 				onClick: u,
 				className: "relative p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary",
 				"aria-label": "Notifications",
@@ -103,9 +107,10 @@ var n = ({ logo: n, appName: r, onLogoClick: i, onMenuToggle: a, onSearchClick:
 						strokeWidth: 2,
 						d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
 					})
-				}), l > 0 && /* @__PURE__ */ e("span", { className: "absolute top-1 right-1 w-2 h-2 bg-status-error-bg rounded-full border border-bg-elevated" })]
+				}), l > 0 && /* @__PURE__ */ e("span", { className: "absolute top-1 right-1 size-2 bg-status-error-bg rounded-full border border-bg-elevated" })]
 			}) : null),
 			p && /* @__PURE__ */ e("button", {
+				type: "button",
 				onClick: p,
 				className: `p-2 hover:bg-action-ghost-bg-hover rounded-button text-text-primary ${C ? "hidden md:block" : ""}`,
 				"aria-label": "Toggle theme",

package/dist/chrome/LanguagePickerSheet.js

@@ -38,7 +38,7 @@ var o = ({ open: o, onOpenChange: s, languages: c, currentLanguage: l, onLanguag
 							})]
 						}),
 						e.code === l && /* @__PURE__ */ i("svg", {
-							className: "w-5 h-5 text-action-primary-bg flex-shrink-0",
+							className: "size-5 text-action-primary-bg flex-shrink-0",
 							fill: "currentColor",
 							viewBox: "0 0 20 20",
 							children: /* @__PURE__ */ i("path", {

package/dist/chrome/LanguageSwitcher.js

@@ -21,7 +21,7 @@ var o = ({ languages: o, currentLanguage: s, onLanguageChange: c, compact: l = !
 			"aria-label": "Change language",
 			"aria-expanded": u,
 			children: l ? /* @__PURE__ */ i("svg", {
-				className: "w-5 h-5 text-text-primary",
+				className: "size-5 text-text-primary",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
@@ -75,7 +75,7 @@ var o = ({ languages: o, currentLanguage: s, onLanguageChange: c, compact: l = !
 							})]
 						}),
 						e.code === s && /* @__PURE__ */ i("svg", {
-							className: "w-5 h-5 text-action-primary-bg flex-shrink-0",
+							className: "size-5 text-action-primary-bg flex-shrink-0",
 							fill: "currentColor",
 							viewBox: "0 0 20 20",
 							children: /* @__PURE__ */ i("path", {