@burdenoff/fe-libs 2026.527.3 → 2026.527.4

package/dist/shared/pages/SearchPage.js

@@ -1,1147 +1,364 @@
 import { useActiveContext as e } from "../providers/shell/ActiveContextProvider.js";
 import { useShellNavigate as t } from "../utils/appHelpers.js";
 import { useGlobalSearch as n } from "../hooks/shell/useGlobalSearch.js";
-import { useCallback as r, useEffect as i, useMemo as a, useState as o } from "react";
-import { ArrowUpDown as ee, Calendar as s, CheckSquare as te, ChevronDown as ne, ChevronLeft as re, ChevronRight as ie, ChevronUp as ae, Clock as oe, File as c, FileText as l, FolderKanban as u, LayoutGrid as d, Loader2 as se, MessageSquare as f, Plus as ce, Search as p, Server as m, SlidersHorizontal as le, Tag as h, Terminal as g, Users as _, X as v } from "lucide-react";
-import { Fragment as ue, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useSearchParams as de } from "react-router-dom";
+import { EMPTY_METADATA_CONDITION as r, ENTITY_TYPE_ICONS as i, ENTITY_TYPE_OPTIONS as a, PRODUCT_OPTIONS as ee } from "./searchPage/constants.js";
+import { normalizeMetadataConditions as te, safeParseJson as ne, serializeCsv as o, splitCsv as s } from "./searchPage/utils.js";
+import { SearchInput as re } from "./searchPage/SearchInput.js";
+import { SearchToolbar as ie } from "./searchPage/SearchToolbar.js";
+import { FiltersPanel as ae } from "./searchPage/FiltersPanel.js";
+import { ActiveFilterChips as oe } from "./searchPage/ActiveFilterChips.js";
+import { ResultsStatus as se } from "./searchPage/ResultsStatus.js";
+import { ResultsList as ce } from "./searchPage/ResultsList.js";
+import { SearchPagination as le } from "./searchPage/SearchPagination.js";
+import { useCallback as ue, useEffect as de, useMemo as c, useState as l } from "react";
+import { FileText as fe } from "lucide-react";
+import { jsx as u, jsxs as pe } from "react/jsx-runtime";
+import { useSearchParams as me } from "react-router-dom";
 //#region src/shared/pages/SearchPage.tsx
-var fe = {
-	UniversalTag: h,
-	TagVocabulary: h,
-	tag: h,
-	document: l,
-	file: c,
-	page: l,
-	member: _,
-	user: _,
-	"calendar-event": s,
-	meeting: s,
-	project: u,
-	conversation: f,
-	thread: f,
-	task: te,
-	projects: u,
-	workspaces: d,
-	workspace: d,
-	docs: l,
-	tags: h,
-	members: _,
-	calendar: s,
-	conversations: f,
-	tasks: te,
-	Agent: m,
-	agent: m,
-	agents: m,
-	Vibe: u,
-	vibe: u,
-	vibes: u,
-	Session: g,
-	session: g,
-	sessions: g,
-	Note: l,
-	note: l,
-	notes: l,
-	Target: m,
-	target: m,
-	targets: m
-}, pe = {
-	PARTIAL: {
-		label: "Partial",
-		description: "Matches prefixes and substrings (autocomplete)"
-	},
-	FULLTEXT: {
-		label: "Full-text",
-		description: "BM25 word matching with stemming"
-	},
-	EXACT: {
-		label: "Exact",
-		description: "All search terms must appear exactly"
-	}
-}, me = [
-	{
-		value: "SCORE_DESC",
-		label: "Relevance"
-	},
-	{
-		value: "CREATED_DESC",
-		label: "Newest first"
-	},
-	{
-		value: "CREATED_ASC",
-		label: "Oldest first"
-	},
-	{
-		value: "UPDATED_DESC",
-		label: "Recently updated"
-	},
-	{
-		value: "UPDATED_ASC",
-		label: "Least recently updated"
-	},
-	{
-		value: "TITLE_ASC",
-		label: "Title A-Z"
-	},
-	{
-		value: "TITLE_DESC",
-		label: "Title Z-A"
-	}
-], he = [
-	{
-		value: "workspace",
-		label: "Workspaces"
-	},
-	{
-		value: "project",
-		label: "Projects"
-	},
-	{
-		value: "member",
-		label: "Members"
-	},
-	{
-		value: "user",
-		label: "Users"
-	},
-	{
-		value: "UniversalTag",
-		label: "Tags"
-	},
-	{
-		value: "TagVocabulary",
-		label: "Vocabularies"
-	},
-	{
-		value: "document",
-		label: "Documents"
-	},
-	{
-		value: "file",
-		label: "Files"
-	},
-	{
-		value: "task",
-		label: "Tasks"
-	},
-	{
-		value: "calendar-event",
-		label: "Calendar Events"
-	},
-	{
-		value: "conversation",
-		label: "Conversations"
-	},
-	{
-		value: "Agent",
-		label: "Agents"
-	},
-	{
-		value: "Vibe",
-		label: "Vibes"
-	},
-	{
-		value: "Session",
-		label: "Sessions"
-	},
-	{
-		value: "Note",
-		label: "Notes"
-	},
-	{
-		value: "Target",
-		label: "Targets"
-	}
-], ge = [], x = 20, _e = {
-	key: "",
-	value: "",
-	operator: "EQUALS"
-};
-function S(e) {
-	return e.split(",").map((e) => e.trim()).filter(Boolean);
-}
-function C(e) {
-	return e.length > 0 ? e.join(",") : void 0;
-}
-function ve(e, t) {
-	if (!e) return t;
-	try {
-		return JSON.parse(e);
-	} catch {
-		return t;
-	}
-}
-function ye(e) {
-	return (e ?? []).filter((e) => e.key?.trim() || e.value?.trim()).map((e) => ({
-		key: e.key ?? "",
-		value: e.value ?? "",
-		operator: e.operator ?? "EQUALS"
-	}));
-}
-function be({ entityTypeOptions: s = he, entityTypeIcons: te = fe, productOptions: c = ge, defaultProductSources: u = [], placeholder: d = "Search for documents, tags, projects, tasks...", subtitle: f = "Search across all entities in your workspace", supplementalSearch: m } = {}) {
-	let h = t(), [g, _] = de(), { workspaceId: be } = e(), { searchFull: xe, isSearching: w } = n(), Se = g.get("q") || "", Ce = g.get("mode") || "FULLTEXT", we = g.get("sortBy") || "SCORE_DESC", Te = S(g.get("types") || ""), Ee = S(g.get("excludeTypes") || ""), De = S(g.get("products") || ""), Oe = g.get("createdBy") || "", ke = g.get("updatedBy") || "", Ae = g.get("projectId") || "", je = g.get("from") || "", Me = g.get("to") || "", Ne = g.get("updatedFrom") || "", Pe = g.get("updatedTo") || "", Fe = S(g.get("excludeIds") || ""), T = ve(g.get("tagFilter"), {}), Ie = ye(ve(g.get("metadataConditions"), [])), Le = parseInt(g.get("page") || "1", 10), [E, Re] = o(Se), [D, ze] = o(Ce), [O, Be] = o(we), [k, Ve] = o(Te), [A, He] = o(Ee), [j, Ue] = o(De.length > 0 ? De : u), [M, N] = o(Oe), [P, F] = o(ke), [I, We] = o(Ae), [L, Ge] = o(je), [R, Ke] = o(Me), [z, qe] = o(Ne), [B, Je] = o(Pe), [Ye, Xe] = o(Fe.join(", ")), [Ze, Qe] = o((T.tagIds ?? []).join(", ")), [$e, et] = o((T.tagKeys ?? []).join(", ")), [tt, nt] = o((T.hierarchyPaths ?? []).join(", ")), [rt, it] = o((T.vocabularyKeys ?? []).join(", ")), [at, ot] = o(T.matchAll ?? !1), [st, ct] = o(T.includeDescendants ?? !0), [V, lt] = o(T.depth === void 0 ? "" : String(T.depth)), [H, U] = o(Ie), [W, G] = o(Le), [K, ut] = o([]), [dt, ft] = o(0), [pt, mt] = o(!1), [ht, gt] = o(0), [_t, vt] = o(), [yt, q] = o(null), [J, bt] = o(!1), [xt, St] = o(Se), Ct = r((e) => {
-		let t = new URLSearchParams(g);
+function d({ entityTypeOptions: d = a, entityTypeIcons: he = i, productOptions: ge = ee, defaultProductSources: _e = [], placeholder: ve = "Search for documents, tags, projects, tasks...", subtitle: ye = "Search across all entities in your workspace", supplementalSearch: f } = {}) {
+	let be = t(), [p, xe] = me(), { workspaceId: Se } = e(), { searchFull: Ce, isSearching: we } = n(), Te = p.get("q") || "", Ee = p.get("mode") || "FULLTEXT", De = p.get("sortBy") || "SCORE_DESC", Oe = s(p.get("types") || ""), ke = s(p.get("excludeTypes") || ""), Ae = s(p.get("products") || ""), je = p.get("createdBy") || "", Me = p.get("updatedBy") || "", Ne = p.get("projectId") || "", Pe = p.get("from") || "", Fe = p.get("to") || "", Ie = p.get("updatedFrom") || "", Le = p.get("updatedTo") || "", Re = s(p.get("excludeIds") || ""), m = ne(p.get("tagFilter"), {}), ze = te(ne(p.get("metadataConditions"), [])), Be = parseInt(p.get("page") || "1", 10), [h, Ve] = l(Te), [g, He] = l(Ee), [_, Ue] = l(De), [v, We] = l(Oe), [y, Ge] = l(ke), [b, Ke] = l(Ae.length > 0 ? Ae : _e), [x, qe] = l(je), [S, Je] = l(Me), [C, Ye] = l(Ne), [w, Xe] = l(Pe), [T, E] = l(Fe), [D, O] = l(Ie), [k, Ze] = l(Le), [A, j] = l(Re.join(", ")), [M, N] = l((m.tagIds ?? []).join(", ")), [P, F] = l((m.tagKeys ?? []).join(", ")), [I, L] = l((m.hierarchyPaths ?? []).join(", ")), [R, z] = l((m.vocabularyKeys ?? []).join(", ")), [B, V] = l(m.matchAll ?? !1), [H, U] = l(m.includeDescendants ?? !0), [W, G] = l(m.depth === void 0 ? "" : String(m.depth)), [K, q] = l(ze), [J, Y] = l(Be), [Qe, $e] = l([]), [et, tt] = l(0), [nt, rt] = l(!1), [it, at] = l(0), [ot, st] = l(), [ct, X] = l(null), [lt, ut] = l(!1), [dt, ft] = l(Te), pt = ue((e) => {
+		let t = new URLSearchParams(p);
 		Object.entries(e).forEach(([e, n]) => {
 			n ? t.set(e, n) : t.delete(e);
-		}), _(t, { replace: !0 });
-	}, [g, _]), Y = a(() => S(Ye), [Ye]), X = a(() => H.filter((e) => e.key.trim() && e.value.trim()), [H]), Z = a(() => {
-		let e = S(Ze), t = S($e), n = S(tt), r = S(rt), i = V.trim() ? Number(V.trim()) : void 0;
+		}), xe(t, { replace: !0 });
+	}, [p, xe]), Z = c(() => s(A), [A]), Q = c(() => K.filter((e) => e.key.trim() && e.value.trim()), [K]), $ = c(() => {
+		let e = s(M), t = s(P), n = s(I), r = s(R), i = W.trim() ? Number(W.trim()) : void 0;
 		if (e.length > 0 || t.length > 0 || n.length > 0 || r.length > 0) return {
 			tagIds: e.length > 0 ? e : void 0,
 			tagKeys: t.length > 0 ? t : void 0,
 			hierarchyPaths: n.length > 0 ? n : void 0,
 			vocabularyKeys: r.length > 0 ? r : void 0,
-			matchAll: at,
-			includeDescendants: st,
+			matchAll: B,
+			includeDescendants: H,
 			depth: i !== void 0 && Number.isFinite(i) ? i : void 0
 		};
 	}, [
-		st,
-		V,
-		Ze,
-		$e,
-		at,
-		tt,
-		rt
-	]), wt = r(() => {
+		H,
+		W,
+		M,
+		P,
+		B,
+		I,
+		R
+	]), mt = ue(() => {
 		let e = {
-			searchMode: D,
-			sortBy: O,
-			limit: x,
-			offset: (W - 1) * x
+			searchMode: g,
+			sortBy: _,
+			limit: 20,
+			offset: (J - 1) * 20
 		};
-		return k.length > 0 && (e.entityTypes = k), A.length > 0 && (e.excludeEntityTypes = A), j.length > 0 && (e.productSources = j), I.trim() && (e.projectId = I.trim()), M.trim() && (e.createdBy = M.trim()), P.trim() && (e.updatedBy = P.trim()), (L || R) && (e.dateRange = {}, L && (e.dateRange.from = new Date(L).toISOString()), R && (e.dateRange.to = new Date(R).toISOString())), (z || B) && (e.updatedDateRange = {}, z && (e.updatedDateRange.from = new Date(z).toISOString()), B && (e.updatedDateRange.to = new Date(B).toISOString())), Y.length > 0 && (e.excludeIds = Y), X.length > 0 && (e.metadataConditions = X), Z && (e.tagFilter = Z), e;
+		return v.length > 0 && (e.entityTypes = v), y.length > 0 && (e.excludeEntityTypes = y), b.length > 0 && (e.productSources = b), C.trim() && (e.projectId = C.trim()), x.trim() && (e.createdBy = x.trim()), S.trim() && (e.updatedBy = S.trim()), (w || T) && (e.dateRange = {}, w && (e.dateRange.from = new Date(w).toISOString()), T && (e.dateRange.to = new Date(T).toISOString())), (D || k) && (e.updatedDateRange = {}, D && (e.updatedDateRange.from = new Date(D).toISOString()), k && (e.updatedDateRange.to = new Date(k).toISOString())), Z.length > 0 && (e.excludeIds = Z), Q.length > 0 && (e.metadataConditions = Q), $ && (e.tagFilter = $), e;
 	}, [
+		$,
+		x,
+		w,
+		T,
+		y,
 		Z,
-		M,
-		L,
-		R,
-		A,
-		Y,
-		X,
+		Q,
+		g,
+		_,
+		J,
+		C,
+		v,
+		b,
+		S,
 		D,
-		O,
-		W,
-		I,
-		k,
-		j,
-		P,
-		z,
-		B
-	]), Tt = r(async () => {
-		if (!E.trim()) {
-			ut([]), ft(0), mt(!1), gt(0), vt(void 0), q(null);
+		k
+	]), ht = ue(async () => {
+		if (!h.trim()) {
+			$e([]), tt(0), rt(!1), at(0), st(void 0), X(null);
 			return;
 		}
-		if (!be) {
-			q("No workspace selected. Please select a workspace to search.");
+		if (!Se) {
+			X("No workspace selected. Please select a workspace to search.");
 			return;
 		}
-		q(null);
+		X(null);
 		let e = performance.now();
 		try {
-			let t = wt(), n = await xe(E, void 0, t), r = performance.now(), i = m && n.results.length === 0 ? await m(E, t) : [], a = n.results.length > 0 ? n.results : i;
-			ut(a), ft(a.length > 0 ? a.length : n.total), mt(n.hasMore), vt(n.facets), gt(n.searchTimeMs ?? Math.round(r - e));
+			let t = mt(), n = await Ce(h, void 0, t), r = performance.now(), i = f && n.results.length === 0 ? await f(h, t) : [], a = n.results.length > 0 ? n.results : i;
+			$e(a), tt(a.length > 0 ? a.length : n.total), rt(n.hasMore), st(n.facets), at(n.searchTimeMs ?? Math.round(r - e));
 		} catch (e) {
-			q(e instanceof Error ? e.message : "Search failed"), ut([]), ft(0), vt(void 0);
+			X(e instanceof Error ? e.message : "Search failed"), $e([]), tt(0), st(void 0);
 		}
 	}, [
-		E,
-		be,
-		xe,
-		wt,
-		m
+		h,
+		Se,
+		Ce,
+		mt,
+		f
 	]);
-	i(() => {
-		Tt();
-	}, [Tt]), i(() => {
-		Ct({
-			q: E || void 0,
-			mode: D === "FULLTEXT" ? void 0 : D,
-			sortBy: O === "SCORE_DESC" ? void 0 : O,
-			types: C(k),
-			excludeTypes: C(A),
-			products: C(j),
-			createdBy: M || void 0,
-			updatedBy: P || void 0,
-			projectId: I || void 0,
-			from: L || void 0,
-			to: R || void 0,
-			updatedFrom: z || void 0,
-			updatedTo: B || void 0,
-			excludeIds: C(Y),
-			tagFilter: Z ? JSON.stringify(Z) : void 0,
-			metadataConditions: X.length > 0 ? JSON.stringify(X) : void 0,
-			page: W > 1 ? String(W) : void 0
+	de(() => {
+		ht();
+	}, [ht]), de(() => {
+		pt({
+			q: h || void 0,
+			mode: g === "FULLTEXT" ? void 0 : g,
+			sortBy: _ === "SCORE_DESC" ? void 0 : _,
+			types: o(v),
+			excludeTypes: o(y),
+			products: o(b),
+			createdBy: x || void 0,
+			updatedBy: S || void 0,
+			projectId: C || void 0,
+			from: w || void 0,
+			to: T || void 0,
+			updatedFrom: D || void 0,
+			updatedTo: k || void 0,
+			excludeIds: o(Z),
+			tagFilter: $ ? JSON.stringify($) : void 0,
+			metadataConditions: Q.length > 0 ? JSON.stringify(Q) : void 0,
+			page: J > 1 ? String(J) : void 0
 		});
 	}, [
+		$,
+		x,
+		w,
+		T,
+		y,
 		Z,
-		M,
-		L,
-		R,
-		A,
-		Y,
-		X,
-		E,
-		I,
+		Q,
+		h,
+		C,
+		g,
+		_,
+		v,
+		b,
+		J,
+		S,
 		D,
-		O,
 		k,
-		j,
-		W,
-		P,
-		z,
-		B,
-		Ct
+		pt
 	]);
-	let Et = (e) => {
-		e.preventDefault(), Re(xt), G(1);
-	}, Dt = (e) => {
-		Ve((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), G(1);
-	}, Ot = (e) => {
-		He((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), G(1);
-	}, kt = () => {
-		U((e) => [...e, { ..._e }]);
-	}, At = (e, t) => {
-		U((n) => n.map((n, r) => r === e ? {
+	let gt = (e) => {
+		e.preventDefault(), Ve(dt), Y(1);
+	}, _t = (e) => {
+		We((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), Y(1);
+	}, vt = (e) => {
+		Ge((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), Y(1);
+	}, yt = () => {
+		q((e) => [...e, { ...r }]);
+	}, bt = (e, t) => {
+		q((n) => n.map((n, r) => r === e ? {
 			...n,
 			...t
-		} : n)), G(1);
-	}, jt = (e) => {
-		U((t) => t.filter((t, n) => n !== e)), G(1);
-	}, Mt = () => {
-		ze("FULLTEXT"), Be("SCORE_DESC"), Ve([]), He([]), Ue([]), N(""), F(""), We(""), Ge(""), Ke(""), qe(""), Je(""), Xe(""), Qe(""), et(""), nt(""), it(""), ot(!1), ct(!0), lt(""), U([]), G(1);
-	}, Q = a(() => {
+		} : n)), Y(1);
+	}, xt = (e) => {
+		q((t) => t.filter((t, n) => n !== e)), Y(1);
+	}, St = () => {
+		He("FULLTEXT"), Ue("SCORE_DESC"), We([]), Ge([]), Ke([]), qe(""), Je(""), Ye(""), Xe(""), E(""), O(""), Ze(""), j(""), N(""), F(""), L(""), z(""), V(!1), U(!0), G(""), q([]), Y(1);
+	}, Ct = c(() => {
 		let e = 0;
-		return D !== "FULLTEXT" && e++, O !== "SCORE_DESC" && e++, k.length > 0 && e++, A.length > 0 && e++, j.length > 0 && e++, M && e++, P && e++, I && e++, (L || R) && e++, (z || B) && e++, Y.length > 0 && e++, Z && e++, X.length > 0 && e++, e;
+		return g !== "FULLTEXT" && e++, _ !== "SCORE_DESC" && e++, v.length > 0 && e++, y.length > 0 && e++, b.length > 0 && e++, x && e++, S && e++, C && e++, (w || T) && e++, (D || k) && e++, Z.length > 0 && e++, $ && e++, Q.length > 0 && e++, e;
 	}, [
-		Z,
-		M,
-		L,
-		R,
-		A,
-		Y.length,
-		X.length,
-		I,
+		$,
+		x,
+		w,
+		T,
+		y,
+		Z.length,
+		Q.length,
+		C,
+		g,
+		b,
+		v,
+		_,
+		S,
 		D,
-		j,
-		k,
-		O,
-		P,
-		z,
-		B
-	]), $ = Math.ceil(dt / x), Nt = (e) => {
-		e.href && h(e.href);
-	}, Pt = (e) => te[e] || l, Ft = a(() => {
+		k
+	]), wt = Math.ceil(et / 20), Tt = (e) => {
+		e.href && be(e.href);
+	}, Et = (e) => he[e] || fe, Dt = c(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of c) e.set(t.value, t);
-		for (let t of j) e.has(t) || e.set(t, {
+		for (let t of ge) e.set(t.value, t);
+		for (let t of b) e.has(t) || e.set(t, {
 			value: t,
 			label: t
 		});
-		for (let t of _t?.byProduct ?? []) e.has(t.product) || e.set(t.product, {
+		for (let t of ot?.byProduct ?? []) e.has(t.product) || e.set(t.product, {
 			value: t.product,
 			label: t.product
 		});
 		return Array.from(e.values());
 	}, [
-		_t?.byProduct,
-		c,
-		j
-	]), It = (e) => {
-		Ue((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), G(1);
+		ot?.byProduct,
+		ge,
+		b
+	]), Ot = (e) => {
+		Ke((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), Y(1);
 	};
-	return /* @__PURE__ */ y("div", {
+	return /* @__PURE__ */ u("div", {
 		className: "min-h-screen bg-bg-canvas",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ pe("div", {
 			className: "container mx-auto max-w-5xl py-6 px-4",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ pe("div", {
 					className: "mb-6",
-					children: [/* @__PURE__ */ y("h1", {
+					children: [/* @__PURE__ */ u("h1", {
 						className: "text-2xl font-bold text-text-primary mb-2",
 						children: "Search"
-					}), /* @__PURE__ */ y("p", {
+					}), /* @__PURE__ */ u("p", {
 						className: "text-text-secondary",
-						children: f
+						children: ye
 					})]
 				}),
-				/* @__PURE__ */ y("form", {
-					onSubmit: Et,
-					className: "mb-6",
-					children: /* @__PURE__ */ b("div", {
-						className: "relative",
-						children: [
-							/* @__PURE__ */ y(p, { className: "absolute left-4 top-1/2 -translate-y-1/2 size-5 text-text-tertiary" }),
-							/* @__PURE__ */ y("input", {
-								type: "text",
-								value: xt,
-								onChange: (e) => St(e.target.value),
-								placeholder: d,
-								className: "w-full h-12 pl-12 pr-12 text-lg rounded-lg border border-border-default bg-bg-surface text-text-primary placeholder:text-text-tertiary focus:outline-none focus:ring-2 focus:ring-primary-default focus:border-transparent",
-								autoFocus: !0
-							}),
-							xt && /* @__PURE__ */ y("button", {
-								type: "button",
-								onClick: () => {
-									St(""), Re("");
-								},
-								className: "absolute right-4 top-1/2 -translate-y-1/2 p-1 rounded hover:bg-bg-muted transition-colors",
-								children: /* @__PURE__ */ y(v, { className: "size-4 text-text-tertiary" })
-							})
-						]
-					})
+				/* @__PURE__ */ u(re, {
+					inputValue: dt,
+					placeholder: ve,
+					onInputChange: ft,
+					onSubmit: gt,
+					onClear: () => {
+						ft(""), Ve("");
+					}
 				}),
-				/* @__PURE__ */ b("div", {
-					className: "flex flex-wrap items-center gap-4 mb-6",
-					children: [
-						/* @__PURE__ */ y("div", {
-							className: "flex items-center gap-1 bg-bg-surface rounded-lg p-1 border border-border-default",
-							children: [
-								"PARTIAL",
-								"FULLTEXT",
-								"EXACT"
-							].map((e) => /* @__PURE__ */ y("button", {
-								type: "button",
-								onClick: () => {
-									ze(e), G(1);
-								},
-								className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${D === e ? "bg-primary-default text-primary-foreground" : "text-text-secondary hover:bg-bg-muted"}`,
-								title: pe[e].description,
-								children: pe[e].label
-							}, e))
-						}),
-						/* @__PURE__ */ b("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ y(ee, { className: "size-4 text-text-tertiary" }), /* @__PURE__ */ y("select", {
-								value: O,
-								onChange: (e) => {
-									Be(e.target.value), G(1);
-								},
-								className: "h-9 px-3 text-sm rounded-md border border-border-default bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default",
-								children: me.map((e) => /* @__PURE__ */ y("option", {
-									value: e.value,
-									children: e.label
-								}, e.value))
-							})]
-						}),
-						/* @__PURE__ */ b("button", {
-							onClick: () => bt(!J),
-							className: `flex items-center gap-2 px-3 py-2 text-sm rounded-md border transition-colors ${J || Q > 0 ? "border-primary-default bg-primary-default/10 text-primary-default" : "border-border-default bg-bg-surface text-text-secondary hover:bg-bg-muted"}`,
-							children: [
-								/* @__PURE__ */ y(le, { className: "size-4" }),
-								"Filters",
-								Q > 0 && /* @__PURE__ */ y("span", {
-									className: "ml-1 px-1.5 py-0.5 text-xs font-medium bg-primary-default text-primary-foreground rounded-full",
-									children: Q
-								}),
-								y(J ? ae : ne, { className: "size-4" })
-							]
-						}),
-						Q > 0 && /* @__PURE__ */ y("button", {
-							type: "button",
-							onClick: Mt,
-							className: "text-sm text-text-secondary hover:text-text-primary underline",
-							children: "Clear all filters"
-						})
-					]
+				/* @__PURE__ */ u(ie, {
+					searchMode: g,
+					sortBy: _,
+					showFilters: lt,
+					activeFilterCount: Ct,
+					onSearchModeChange: (e) => {
+						He(e), Y(1);
+					},
+					onSortByChange: (e) => {
+						Ue(e), Y(1);
+					},
+					onToggleFilters: () => ut(!lt),
+					onClearFilters: St
 				}),
-				J && /* @__PURE__ */ y("div", {
-					className: "mb-6 p-4 bg-bg-surface rounded-lg border border-border-default",
-					children: /* @__PURE__ */ b("div", {
-						className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6",
-						children: [
-							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
-								className: "text-sm font-medium text-text-primary mb-3",
-								children: "Include Entity Types"
-							}), /* @__PURE__ */ y("div", {
-								className: "space-y-2 max-h-56 overflow-y-auto",
-								children: s.map((e) => /* @__PURE__ */ b("label", {
-									className: "flex items-center gap-2 cursor-pointer",
-									children: [/* @__PURE__ */ y("input", {
-										type: "checkbox",
-										checked: k.includes(e.value),
-										onChange: () => Dt(e.value),
-										className: "size-4 rounded border-border-default text-primary-default focus:ring-primary-default"
-									}), /* @__PURE__ */ y("span", {
-										className: "text-sm text-text-secondary",
-										children: e.label
-									})]
-								}, e.value))
-							})] }),
-							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
-								className: "text-sm font-medium text-text-primary mb-3",
-								children: "Exclude Entity Types"
-							}), /* @__PURE__ */ y("div", {
-								className: "space-y-2 max-h-56 overflow-y-auto",
-								children: s.map((e) => /* @__PURE__ */ b("label", {
-									className: "flex items-center gap-2 cursor-pointer",
-									children: [/* @__PURE__ */ y("input", {
-										type: "checkbox",
-										checked: A.includes(e.value),
-										onChange: () => Ot(e.value),
-										className: "size-4 rounded border-border-default text-primary-default focus:ring-primary-default"
-									}), /* @__PURE__ */ y("span", {
-										className: "text-sm text-text-secondary",
-										children: e.label
-									})]
-								}, `exclude-${e.value}`))
-							})] }),
-							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
-								className: "text-sm font-medium text-text-primary mb-3",
-								children: "Product Sources"
-							}), /* @__PURE__ */ y("div", {
-								className: "space-y-2 max-h-56 overflow-y-auto",
-								children: Ft.length > 0 ? Ft.map((e) => {
-									let t = _t?.byProduct?.find((t) => t.product === e.value)?.count;
-									return /* @__PURE__ */ b("label", {
-										className: "flex items-center justify-between gap-2 cursor-pointer",
-										children: [/* @__PURE__ */ b("div", {
-											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ y("input", {
-												type: "checkbox",
-												checked: j.includes(e.value),
-												onChange: () => It(e.value),
-												className: "size-4 rounded border-border-default text-primary-default focus:ring-primary-default"
-											}), /* @__PURE__ */ y("span", {
-												className: "text-sm text-text-secondary",
-												children: e.label
-											})]
-										}), t !== void 0 && /* @__PURE__ */ y("span", {
-											className: "text-xs text-text-tertiary",
-											children: t
-										})]
-									}, e.value);
-								}) : /* @__PURE__ */ y("span", {
-									className: "text-sm text-text-tertiary",
-									children: "Product filters will appear after results are loaded."
-								})
-							})] }),
-							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
-								className: "text-sm font-medium text-text-primary mb-3",
-								children: "Scope & Actors"
-							}), /* @__PURE__ */ b("div", {
-								className: "space-y-3",
-								children: [
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-										className: "block text-xs text-text-tertiary mb-1",
-										children: "Project ID"
-									}), /* @__PURE__ */ y("input", {
-										"aria-label": "Project ID filter",
-										type: "text",
-										value: I,
-										onChange: (e) => {
-											We(e.target.value), G(1);
-										},
-										placeholder: "Optional project scope",
-										className: "w-full h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-										className: "block text-xs text-text-tertiary mb-1",
-										children: "Created by"
-									}), /* @__PURE__ */ y("input", {
-										"aria-label": "Created by filter",
-										type: "text",
-										value: M,
-										onChange: (e) => {
-											N(e.target.value), G(1);
-										},
-										placeholder: "Actor ID",
-										className: "w-full h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-										className: "block text-xs text-text-tertiary mb-1",
-										children: "Updated by"
-									}), /* @__PURE__ */ y("input", {
-										"aria-label": "Updated by filter",
-										type: "text",
-										value: P,
-										onChange: (e) => {
-											F(e.target.value), G(1);
-										},
-										placeholder: "Actor ID",
-										className: "w-full h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-									})] })
-								]
-							})] }),
-							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
-								className: "text-sm font-medium text-text-primary mb-3",
-								children: "Created Date Range"
-							}), /* @__PURE__ */ b("div", {
-								className: "space-y-3",
-								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-									className: "block text-xs text-text-tertiary mb-1",
-									children: "From"
-								}), /* @__PURE__ */ y("input", {
-									"aria-label": "Created from date",
-									type: "date",
-									value: L,
-									onChange: (e) => {
-										Ge(e.target.value), G(1);
-									},
-									className: "w-full h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-								})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-									className: "block text-xs text-text-tertiary mb-1",
-									children: "To"
-								}), /* @__PURE__ */ y("input", {
-									"aria-label": "Created to date",
-									type: "date",
-									value: R,
-									onChange: (e) => {
-										Ke(e.target.value), G(1);
-									},
-									className: "w-full h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-								})] })]
-							})] }),
-							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
-								className: "text-sm font-medium text-text-primary mb-3",
-								children: "Updated Date Range"
-							}), /* @__PURE__ */ b("div", {
-								className: "space-y-3",
-								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-									className: "block text-xs text-text-tertiary mb-1",
-									children: "From"
-								}), /* @__PURE__ */ y("input", {
-									"aria-label": "Updated from date",
-									type: "date",
-									value: z,
-									onChange: (e) => {
-										qe(e.target.value), G(1);
-									},
-									className: "w-full h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-								})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-									className: "block text-xs text-text-tertiary mb-1",
-									children: "To"
-								}), /* @__PURE__ */ y("input", {
-									"aria-label": "Updated to date",
-									type: "date",
-									value: B,
-									onChange: (e) => {
-										Je(e.target.value), G(1);
-									},
-									className: "w-full h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-								})] })]
-							})] }),
-							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
-								className: "text-sm font-medium text-text-primary mb-3",
-								children: "Tag Filters"
-							}), /* @__PURE__ */ b("div", {
-								className: "space-y-3",
-								children: [
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-										className: "block text-xs text-text-tertiary mb-1",
-										children: "Tag IDs"
-									}), /* @__PURE__ */ y("input", {
-										"aria-label": "Tag IDs filter",
-										type: "text",
-										value: Ze,
-										onChange: (e) => {
-											Qe(e.target.value), G(1);
-										},
-										placeholder: "Comma-separated tag IDs",
-										className: "w-full h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-										className: "block text-xs text-text-tertiary mb-1",
-										children: "Tag Keys"
-									}), /* @__PURE__ */ y("input", {
-										"aria-label": "Tag keys filter",
-										type: "text",
-										value: $e,
-										onChange: (e) => {
-											et(e.target.value), G(1);
-										},
-										placeholder: "Comma-separated tag keys",
-										className: "w-full h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-										className: "block text-xs text-text-tertiary mb-1",
-										children: "Hierarchy Paths"
-									}), /* @__PURE__ */ y("input", {
-										"aria-label": "Tag hierarchy paths filter",
-										type: "text",
-										value: tt,
-										onChange: (e) => {
-											nt(e.target.value), G(1);
-										},
-										placeholder: "team/engineering, finance/payables",
-										className: "w-full h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-										className: "block text-xs text-text-tertiary mb-1",
-										children: "Vocabulary Keys"
-									}), /* @__PURE__ */ y("input", {
-										"aria-label": "Tag vocabulary keys filter",
-										type: "text",
-										value: rt,
-										onChange: (e) => {
-											it(e.target.value), G(1);
-										},
-										placeholder: "project-tags, workspace-tags",
-										className: "w-full h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-									})] }),
-									/* @__PURE__ */ b("div", {
-										className: "grid grid-cols-2 gap-3",
-										children: [/* @__PURE__ */ b("label", {
-											className: "flex items-center gap-2 text-sm text-text-secondary cursor-pointer",
-											children: [/* @__PURE__ */ y("input", {
-												type: "checkbox",
-												checked: at,
-												onChange: (e) => {
-													ot(e.target.checked), G(1);
-												},
-												className: "size-4 rounded border-border-default text-primary-default focus:ring-primary-default"
-											}), "Match all"]
-										}), /* @__PURE__ */ b("label", {
-											className: "flex items-center gap-2 text-sm text-text-secondary cursor-pointer",
-											children: [/* @__PURE__ */ y("input", {
-												type: "checkbox",
-												checked: st,
-												onChange: (e) => {
-													ct(e.target.checked), G(1);
-												},
-												className: "size-4 rounded border-border-default text-primary-default focus:ring-primary-default"
-											}), "Include descendants"]
-										})]
-									}),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-										className: "block text-xs text-text-tertiary mb-1",
-										children: "Tag depth"
-									}), /* @__PURE__ */ y("input", {
-										"aria-label": "Tag depth filter",
-										type: "number",
-										min: "1",
-										value: V,
-										onChange: (e) => {
-											lt(e.target.value), G(1);
-										},
-										placeholder: "Optional depth limit",
-										className: "w-full h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-									})] })
-								]
-							})] }),
-							/* @__PURE__ */ b("div", {
-								className: "xl:col-span-2",
-								children: [/* @__PURE__ */ b("div", {
-									className: "flex items-center justify-between mb-3",
-									children: [/* @__PURE__ */ y("h3", {
-										className: "text-sm font-medium text-text-primary",
-										children: "Metadata Conditions"
-									}), /* @__PURE__ */ b("button", {
-										type: "button",
-										onClick: kt,
-										className: "inline-flex items-center gap-1 text-xs text-primary-default hover:text-primary-default/80",
-										children: [/* @__PURE__ */ y(ce, { className: "size-3.5" }), "Add condition"]
-									})]
-								}), /* @__PURE__ */ y("div", {
-									className: "space-y-3",
-									children: H.length === 0 ? /* @__PURE__ */ y("span", {
-										className: "text-sm text-text-tertiary",
-										children: "No metadata conditions applied."
-									}) : H.map((e, t) => /* @__PURE__ */ b("div", {
-										className: "grid grid-cols-1 md:grid-cols-[1.4fr_auto_1.4fr_auto] gap-2 items-center",
-										children: [
-											/* @__PURE__ */ y("input", {
-												"aria-label": `Metadata key ${t + 1}`,
-												type: "text",
-												value: e.key,
-												onChange: (e) => At(t, { key: e.target.value }),
-												placeholder: "metadata.path",
-												className: "h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-											}),
-											/* @__PURE__ */ b("select", {
-												"aria-label": `Metadata operator ${t + 1}`,
-												value: e.operator,
-												onChange: (e) => At(t, { operator: e.target.value }),
-												className: "h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default",
-												children: [
-													/* @__PURE__ */ y("option", {
-														value: "EQUALS",
-														children: "Equals"
-													}),
-													/* @__PURE__ */ y("option", {
-														value: "NOT_EQUALS",
-														children: "Not equals"
-													}),
-													/* @__PURE__ */ y("option", {
-														value: "CONTAINS",
-														children: "Contains"
-													}),
-													/* @__PURE__ */ y("option", {
-														value: "STARTS_WITH",
-														children: "Starts with"
-													})
-												]
-											}),
-											/* @__PURE__ */ y("input", {
-												"aria-label": `Metadata value ${t + 1}`,
-												type: "text",
-												value: e.value,
-												onChange: (e) => At(t, { value: e.target.value }),
-												placeholder: "Expected value",
-												className: "h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-											}),
-											/* @__PURE__ */ y("button", {
-												type: "button",
-												onClick: () => jt(t),
-												className: "inline-flex items-center justify-center size-9 rounded-md border border-border-default text-text-secondary hover:bg-bg-muted",
-												"aria-label": `Remove metadata condition ${t + 1}`,
-												children: /* @__PURE__ */ y(v, { className: "size-4" })
-											})
-										]
-									}, `metadata-condition-${t}`))
-								})]
-							}),
-							/* @__PURE__ */ b("div", {
-								className: "xl:col-span-2",
-								children: [/* @__PURE__ */ y("h3", {
-									className: "text-sm font-medium text-text-primary mb-3",
-									children: "Exclusions & Active Filters"
-								}), /* @__PURE__ */ b("div", {
-									className: "space-y-4",
-									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-										className: "block text-xs text-text-tertiary mb-1",
-										children: "Exclude entity IDs"
-									}), /* @__PURE__ */ y("input", {
-										"aria-label": "Exclude entity IDs filter",
-										type: "text",
-										value: Ye,
-										onChange: (e) => {
-											Xe(e.target.value), G(1);
-										},
-										placeholder: "Comma-separated entity IDs",
-										className: "w-full h-9 px-3 text-sm rounded-md border border-border-default bg-bg-canvas text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-default"
-									})] }), /* @__PURE__ */ b("div", {
-										className: "flex flex-wrap gap-2",
-										children: [
-											k.map((e) => /* @__PURE__ */ b("span", {
-												className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-primary-default/10 text-primary-default rounded-full",
-												children: [s.find((t) => t.value === e)?.label || e, /* @__PURE__ */ y("button", {
-													type: "button",
-													onClick: () => Dt(e),
-													className: "hover:bg-primary-default/20 rounded-full p-0.5",
-													children: /* @__PURE__ */ y(v, { className: "size-3" })
-												})]
-											}, `include-${e}`)),
-											A.map((e) => /* @__PURE__ */ b("span", {
-												className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-bg-muted text-text-secondary rounded-full",
-												children: [
-													"Excluding ",
-													e,
-													/* @__PURE__ */ y("button", {
-														type: "button",
-														onClick: () => Ot(e),
-														className: "hover:bg-bg-canvas rounded-full p-0.5",
-														children: /* @__PURE__ */ y(v, { className: "size-3" })
-													})
-												]
-											}, `exclude-chip-${e}`)),
-											j.map((e) => /* @__PURE__ */ b("span", {
-												className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-primary-default/10 text-primary-default rounded-full",
-												children: [
-													"Product: ",
-													Ft.find((t) => t.value === e)?.label || e,
-													/* @__PURE__ */ y("button", {
-														type: "button",
-														onClick: () => It(e),
-														className: "hover:bg-primary-default/20 rounded-full p-0.5",
-														children: /* @__PURE__ */ y(v, { className: "size-3" })
-													})
-												]
-											}, e)),
-											M && /* @__PURE__ */ b("span", {
-												className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-primary-default/10 text-primary-default rounded-full",
-												children: [
-													"Created by: ",
-													M,
-													/* @__PURE__ */ y("button", {
-														type: "button",
-														onClick: () => N(""),
-														className: "hover:bg-primary-default/20 rounded-full p-0.5",
-														children: /* @__PURE__ */ y(v, { className: "size-3" })
-													})
-												]
-											}),
-											P && /* @__PURE__ */ b("span", {
-												className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-primary-default/10 text-primary-default rounded-full",
-												children: [
-													"Updated by: ",
-													P,
-													/* @__PURE__ */ y("button", {
-														type: "button",
-														onClick: () => F(""),
-														className: "hover:bg-primary-default/20 rounded-full p-0.5",
-														children: /* @__PURE__ */ y(v, { className: "size-3" })
-													})
-												]
-											}),
-											I && /* @__PURE__ */ b("span", {
-												className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-primary-default/10 text-primary-default rounded-full",
-												children: [
-													"Project: ",
-													I,
-													/* @__PURE__ */ y("button", {
-														type: "button",
-														onClick: () => We(""),
-														className: "hover:bg-primary-default/20 rounded-full p-0.5",
-														children: /* @__PURE__ */ y(v, { className: "size-3" })
-													})
-												]
-											}),
-											(L || R) && /* @__PURE__ */ b("span", {
-												className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-primary-default/10 text-primary-default rounded-full",
-												children: [
-													"Created: ",
-													L || "…",
-													" → ",
-													R || "…",
-													/* @__PURE__ */ y("button", {
-														type: "button",
-														onClick: () => {
-															Ge(""), Ke("");
-														},
-														className: "hover:bg-primary-default/20 rounded-full p-0.5",
-														children: /* @__PURE__ */ y(v, { className: "size-3" })
-													})
-												]
-											}),
-											(z || B) && /* @__PURE__ */ b("span", {
-												className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-primary-default/10 text-primary-default rounded-full",
-												children: [
-													"Updated: ",
-													z || "…",
-													" → ",
-													B || "…",
-													/* @__PURE__ */ y("button", {
-														type: "button",
-														onClick: () => {
-															qe(""), Je("");
-														},
-														className: "hover:bg-primary-default/20 rounded-full p-0.5",
-														children: /* @__PURE__ */ y(v, { className: "size-3" })
-													})
-												]
-											}),
-											Z && /* @__PURE__ */ b("span", {
-												className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-primary-default/10 text-primary-default rounded-full",
-												children: ["Tag filter active", /* @__PURE__ */ y("button", {
-													type: "button",
-													onClick: () => {
-														Qe(""), et(""), nt(""), it(""), ot(!1), ct(!0), lt("");
-													},
-													className: "hover:bg-primary-default/20 rounded-full p-0.5",
-													children: /* @__PURE__ */ y(v, { className: "size-3" })
-												})]
-											}),
-											X.length > 0 && /* @__PURE__ */ b("span", {
-												className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-primary-default/10 text-primary-default rounded-full",
-												children: [
-													X.length,
-													" metadata condition",
-													X.length > 1 ? "s" : "",
-													/* @__PURE__ */ y("button", {
-														type: "button",
-														onClick: () => U([]),
-														className: "hover:bg-primary-default/20 rounded-full p-0.5",
-														children: /* @__PURE__ */ y(v, { className: "size-3" })
-													})
-												]
-											}),
-											Y.length > 0 && /* @__PURE__ */ b("span", {
-												className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-bg-muted text-text-secondary rounded-full",
-												children: [
-													Y.length,
-													" excluded ID",
-													Y.length > 1 ? "s" : "",
-													/* @__PURE__ */ y("button", {
-														type: "button",
-														onClick: () => Xe(""),
-														className: "hover:bg-bg-canvas rounded-full p-0.5",
-														children: /* @__PURE__ */ y(v, { className: "size-3" })
-													})
-												]
-											}),
-											Q === 0 && /* @__PURE__ */ y("span", {
-												className: "text-sm text-text-tertiary",
-												children: "No active filters"
-											})
-										]
-									})]
-								})]
-							})
-						]
+				lt && /* @__PURE__ */ u(ae, {
+					entityTypeOptions: d,
+					selectedTypes: v,
+					excludedTypes: y,
+					availableProductOptions: Dt,
+					selectedProducts: b,
+					facets: ot,
+					projectId: C,
+					createdBy: x,
+					updatedBy: S,
+					dateFrom: w,
+					dateTo: T,
+					updatedDateFrom: D,
+					updatedDateTo: k,
+					tagIdsInput: M,
+					tagKeysInput: P,
+					tagPathsInput: I,
+					tagVocabularyKeysInput: R,
+					tagMatchAll: B,
+					includeDescendants: H,
+					tagDepth: W,
+					metadataConditions: K,
+					onToggleEntityType: _t,
+					onToggleExcludedType: vt,
+					onToggleProductSource: Ot,
+					onProjectIdChange: (e) => {
+						Ye(e), Y(1);
+					},
+					onCreatedByChange: (e) => {
+						qe(e), Y(1);
+					},
+					onUpdatedByChange: (e) => {
+						Je(e), Y(1);
+					},
+					onDateFromChange: (e) => {
+						Xe(e), Y(1);
+					},
+					onDateToChange: (e) => {
+						E(e), Y(1);
+					},
+					onUpdatedDateFromChange: (e) => {
+						O(e), Y(1);
+					},
+					onUpdatedDateToChange: (e) => {
+						Ze(e), Y(1);
+					},
+					onTagIdsChange: (e) => {
+						N(e), Y(1);
+					},
+					onTagKeysChange: (e) => {
+						F(e), Y(1);
+					},
+					onTagPathsChange: (e) => {
+						L(e), Y(1);
+					},
+					onTagVocabularyKeysChange: (e) => {
+						z(e), Y(1);
+					},
+					onTagMatchAllChange: (e) => {
+						V(e), Y(1);
+					},
+					onIncludeDescendantsChange: (e) => {
+						U(e), Y(1);
+					},
+					onTagDepthChange: (e) => {
+						G(e), Y(1);
+					},
+					onAddMetadataCondition: yt,
+					onUpdateMetadataCondition: bt,
+					onRemoveMetadataCondition: xt,
+					children: /* @__PURE__ */ u(oe, {
+						excludeIdsInput: A,
+						selectedTypes: v,
+						excludedTypes: y,
+						selectedProducts: b,
+						entityTypeOptions: d,
+						availableProductOptions: Dt,
+						createdBy: x,
+						updatedBy: S,
+						projectId: C,
+						dateFrom: w,
+						dateTo: T,
+						updatedDateFrom: D,
+						updatedDateTo: k,
+						builtTagFilter: $,
+						normalizedMetadataConditionsCount: Q.length,
+						normalizedExcludeIds: Z,
+						activeFilterCount: Ct,
+						onExcludeIdsChange: (e) => {
+							j(e), Y(1);
+						},
+						onToggleEntityType: _t,
+						onToggleExcludedType: vt,
+						onToggleProductSource: Ot,
+						onClearCreatedBy: () => qe(""),
+						onClearUpdatedBy: () => Je(""),
+						onClearProjectId: () => Ye(""),
+						onClearCreatedDateRange: () => {
+							Xe(""), E("");
+						},
+						onClearUpdatedDateRange: () => {
+							O(""), Ze("");
+						},
+						onClearTagFilter: () => {
+							N(""), F(""), L(""), z(""), V(!1), U(!0), G("");
+						},
+						onClearMetadataConditions: () => q([]),
+						onClearExcludeIds: () => j("")
 					})
 				}),
-				E && /* @__PURE__ */ y("div", {
-					className: "flex items-center justify-between mb-4",
-					children: /* @__PURE__ */ y("div", {
-						className: "text-sm text-text-secondary",
-						children: w ? /* @__PURE__ */ b("span", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ y(se, { className: "size-4 animate-spin" }), "Searching..."]
-						}) : yt ? /* @__PURE__ */ y("span", {
-							className: "text-danger-default",
-							children: yt
-						}) : /* @__PURE__ */ b("span", { children: [
-							"Found ",
-							/* @__PURE__ */ y("strong", { children: dt }),
-							" results",
-							ht > 0 && /* @__PURE__ */ b("span", {
-								className: "text-text-tertiary",
-								children: [
-									" in ",
-									ht,
-									"ms"
-								]
-							})
-						] })
-					})
+				h && /* @__PURE__ */ u(se, {
+					isSearching: we,
+					error: ct,
+					total: et,
+					searchTimeMs: it
 				}),
-				/* @__PURE__ */ b("div", {
-					className: "space-y-3",
-					children: [
-						w && K.length === 0 && /* @__PURE__ */ y(ue, { children: [
-							1,
-							2,
-							3,
-							4,
-							5
-						].map((e) => /* @__PURE__ */ y("div", {
-							className: "p-4 bg-bg-surface rounded-lg border border-border-default animate-pulse",
-							children: /* @__PURE__ */ b("div", {
-								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ y("div", { className: "size-10 rounded-md bg-bg-muted" }), /* @__PURE__ */ b("div", {
-									className: "flex-1",
-									children: [/* @__PURE__ */ y("div", { className: "h-5 w-1/3 bg-bg-muted rounded mb-2" }), /* @__PURE__ */ y("div", { className: "h-4 w-2/3 bg-bg-muted rounded" })]
-								})]
-							})
-						}, e)) }),
-						!w && !yt && K.length === 0 && E && /* @__PURE__ */ b("div", {
-							className: "py-12 text-center",
-							children: [
-								/* @__PURE__ */ y(p, { className: "size-12 mx-auto text-text-tertiary mb-4" }),
-								/* @__PURE__ */ y("h3", {
-									className: "text-lg font-medium text-text-primary mb-2",
-									children: "No results found"
-								}),
-								/* @__PURE__ */ b("p", {
-									className: "text-text-secondary max-w-md mx-auto",
-									children: [
-										"No results found for \"",
-										E,
-										"\". Try adjusting your search terms or filters."
-									]
-								}),
-								/* @__PURE__ */ b("div", {
-									className: "mt-6 space-y-2 text-sm text-text-tertiary",
-									children: [/* @__PURE__ */ y("p", { children: "Suggestions:" }), /* @__PURE__ */ b("ul", {
-										className: "list-disc list-inside",
-										children: [
-											/* @__PURE__ */ y("li", { children: "Check your spelling" }),
-											/* @__PURE__ */ y("li", { children: "Try more general keywords" }),
-											/* @__PURE__ */ y("li", { children: "Use fewer filters" }),
-											/* @__PURE__ */ y("li", { children: "Try \"Partial\" search mode for autocomplete" })
-										]
-									})]
-								})
-							]
-						}),
-						!w && !E && /* @__PURE__ */ b("div", {
-							className: "py-12 text-center",
-							children: [
-								/* @__PURE__ */ y(p, { className: "size-12 mx-auto text-text-tertiary mb-4" }),
-								/* @__PURE__ */ y("h3", {
-									className: "text-lg font-medium text-text-primary mb-2",
-									children: "Start searching"
-								}),
-								/* @__PURE__ */ y("p", {
-									className: "text-text-secondary max-w-md mx-auto",
-									children: "Enter a search term above to find documents, tags, projects, tasks, and more across your workspace."
-								})
-							]
-						}),
-						K.map((e) => /* @__PURE__ */ y("button", {
-							type: "button",
-							onClick: () => Nt(e),
-							className: "w-full p-4 bg-bg-surface rounded-lg border border-border-default hover:border-primary-default hover:shadow-sm transition-all text-left group",
-							children: /* @__PURE__ */ b("div", {
-								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ y("div", {
-									className: "flex-shrink-0 size-10 rounded-md bg-bg-muted flex items-center justify-center group-hover:bg-primary-default/10 transition-colors",
-									children: /* @__PURE__ */ y(Pt(e.entityType || e.category), { className: "size-5 text-text-tertiary group-hover:text-primary-default" })
-								}), /* @__PURE__ */ b("div", {
-									className: "flex-1 min-w-0",
-									children: [
-										/* @__PURE__ */ b("div", {
-											className: "flex items-center gap-2 mb-1",
-											children: [
-												/* @__PURE__ */ y("h3", {
-													className: "text-base font-medium text-text-primary truncate group-hover:text-primary-default",
-													children: e.title
-												}),
-												/* @__PURE__ */ y("span", {
-													className: "flex-shrink-0 px-2 py-0.5 text-xs font-medium bg-bg-muted text-text-tertiary rounded",
-													children: e.entityType || e.category
-												}),
-												e.productSource && /* @__PURE__ */ y("span", {
-													className: "flex-shrink-0 px-2 py-0.5 text-xs font-medium bg-bg-muted text-text-tertiary rounded",
-													children: e.productSource
-												})
-											]
-										}),
-										e.description && /* @__PURE__ */ y("p", {
-											className: "text-sm text-text-secondary line-clamp-2",
-											children: e.description
-										}),
-										/* @__PURE__ */ b("div", {
-											className: "flex items-center gap-4 mt-2 text-xs text-text-tertiary",
-											children: [e.score !== void 0 && e.score > 0 && /* @__PURE__ */ b("span", {
-												className: "flex items-center gap-1",
-												children: ["Score: ", e.score.toFixed(2)]
-											}), e.metadata?.createdAt && /* @__PURE__ */ b("span", {
-												className: "flex items-center gap-1",
-												children: [/* @__PURE__ */ y(oe, { className: "size-3" }), new Date(String(e.metadata.createdAt)).toLocaleDateString()]
-											})]
-										})
-									]
-								})]
-							})
-						}, e.id))
-					]
+				/* @__PURE__ */ u(ce, {
+					isSearching: we,
+					error: ct,
+					query: h,
+					results: Qe,
+					getEntityIcon: Et,
+					onResultClick: Tt
 				}),
-				K.length > 0 && $ > 1 && /* @__PURE__ */ b("div", {
-					className: "flex items-center justify-center gap-2 mt-8",
-					children: [
-						/* @__PURE__ */ b("button", {
-							type: "button",
-							onClick: () => G((e) => Math.max(1, e - 1)),
-							disabled: W === 1,
-							className: "flex items-center gap-1 px-3 py-2 text-sm rounded-md border border-border-default bg-bg-surface text-text-secondary hover:bg-bg-muted disabled:opacity-50 disabled:cursor-not-allowed",
-							children: [/* @__PURE__ */ y(re, { className: "size-4" }), "Previous"]
-						}),
-						/* @__PURE__ */ y("div", {
-							className: "flex items-center gap-1",
-							children: Array.from({ length: Math.min(5, $) }, (e, t) => {
-								let n;
-								return n = $ <= 5 || W <= 3 ? t + 1 : W >= $ - 2 ? $ - 4 + t : W - 2 + t, /* @__PURE__ */ y("button", {
-									onClick: () => G(n),
-									className: `w-9 h-9 text-sm rounded-md transition-colors ${W === n ? "bg-primary-default text-primary-foreground" : "border border-border-default bg-bg-surface text-text-secondary hover:bg-bg-muted"}`,
-									children: n
-								}, n);
-							})
-						}),
-						/* @__PURE__ */ b("button", {
-							type: "button",
-							onClick: () => G((e) => Math.min($, e + 1)),
-							disabled: W === $ || !pt,
-							className: "flex items-center gap-1 px-3 py-2 text-sm rounded-md border border-border-default bg-bg-surface text-text-secondary hover:bg-bg-muted disabled:opacity-50 disabled:cursor-not-allowed",
-							children: ["Next", /* @__PURE__ */ y(ie, { className: "size-4" })]
-						})
-					]
+				Qe.length > 0 && wt > 1 && /* @__PURE__ */ u(le, {
+					currentPage: J,
+					totalPages: wt,
+					hasMore: nt,
+					onPageChange: Y
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { be as SearchPage };
+export { d as SearchPage };