@burdenoff/fe-libs 2026.527.3 → 2026.527.4

package/dist/shared/pages/searchPage/ActiveFilterChips.js

@@ -0,0 +1,176 @@
+import { X as e } from "lucide-react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/shared/pages/searchPage/ActiveFilterChips.tsx
+function r({ excludeIdsInput: r, selectedTypes: i, excludedTypes: a, selectedProducts: o, entityTypeOptions: s, availableProductOptions: c, createdBy: l, updatedBy: u, projectId: d, dateFrom: f, dateTo: p, updatedDateFrom: m, updatedDateTo: h, builtTagFilter: g, normalizedMetadataConditionsCount: _, normalizedExcludeIds: v, activeFilterCount: y, onExcludeIdsChange: b, onToggleEntityType: x, onToggleExcludedType: S, onToggleProductSource: C, onClearCreatedBy: w, onClearUpdatedBy: T, onClearProjectId: E, onClearCreatedDateRange: D, onClearUpdatedDateRange: O, onClearTagFilter: k, onClearMetadataConditions: A, onClearExcludeIds: j }) {
+	return /* @__PURE__ */ n("div", {
+		className: "xl:col-span-2",
+		children: [/* @__PURE__ */ t("h3", {
+			className: "text-sm font-medium text-text-primary mb-3",
+			children: "Exclusions & Active Filters"
+		}), /* @__PURE__ */ n("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t("label", {
+				className: "block text-xs text-text-tertiary mb-1",
+				children: "Exclude entity IDs"
+			}), /* @__PURE__ */ t("input", {
+				"aria-label": "Exclude entity IDs filter",
+				type: "text",
+				value: r,
+				onChange: (e) => b(e.target.value),
+				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__ */ n("div", {
+				className: "flex flex-wrap gap-2",
+				children: [
+					i.map((r) => /* @__PURE__ */ n("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((e) => e.value === r)?.label || r, /* @__PURE__ */ t("button", {
+							type: "button",
+							onClick: () => x(r),
+							className: "hover:bg-primary-default/20 rounded-full p-0.5",
+							children: /* @__PURE__ */ t(e, { className: "size-3" })
+						})]
+					}, `include-${r}`)),
+					a.map((r) => /* @__PURE__ */ n("span", {
+						className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-bg-muted text-text-secondary rounded-full",
+						children: [
+							"Excluding ",
+							r,
+							/* @__PURE__ */ t("button", {
+								type: "button",
+								onClick: () => S(r),
+								className: "hover:bg-bg-canvas rounded-full p-0.5",
+								children: /* @__PURE__ */ t(e, { className: "size-3" })
+							})
+						]
+					}, `exclude-chip-${r}`)),
+					o.map((r) => /* @__PURE__ */ n("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: ",
+							c.find((e) => e.value === r)?.label || r,
+							/* @__PURE__ */ t("button", {
+								type: "button",
+								onClick: () => C(r),
+								className: "hover:bg-primary-default/20 rounded-full p-0.5",
+								children: /* @__PURE__ */ t(e, { className: "size-3" })
+							})
+						]
+					}, r)),
+					l && /* @__PURE__ */ n("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: ",
+							l,
+							/* @__PURE__ */ t("button", {
+								type: "button",
+								onClick: w,
+								className: "hover:bg-primary-default/20 rounded-full p-0.5",
+								children: /* @__PURE__ */ t(e, { className: "size-3" })
+							})
+						]
+					}),
+					u && /* @__PURE__ */ n("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: ",
+							u,
+							/* @__PURE__ */ t("button", {
+								type: "button",
+								onClick: T,
+								className: "hover:bg-primary-default/20 rounded-full p-0.5",
+								children: /* @__PURE__ */ t(e, { className: "size-3" })
+							})
+						]
+					}),
+					d && /* @__PURE__ */ n("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: ",
+							d,
+							/* @__PURE__ */ t("button", {
+								type: "button",
+								onClick: E,
+								className: "hover:bg-primary-default/20 rounded-full p-0.5",
+								children: /* @__PURE__ */ t(e, { className: "size-3" })
+							})
+						]
+					}),
+					(f || p) && /* @__PURE__ */ n("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: ",
+							f || "…",
+							" → ",
+							p || "…",
+							/* @__PURE__ */ t("button", {
+								type: "button",
+								onClick: D,
+								className: "hover:bg-primary-default/20 rounded-full p-0.5",
+								children: /* @__PURE__ */ t(e, { className: "size-3" })
+							})
+						]
+					}),
+					(m || h) && /* @__PURE__ */ n("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: ",
+							m || "…",
+							" → ",
+							h || "…",
+							/* @__PURE__ */ t("button", {
+								type: "button",
+								onClick: O,
+								className: "hover:bg-primary-default/20 rounded-full p-0.5",
+								children: /* @__PURE__ */ t(e, { className: "size-3" })
+							})
+						]
+					}),
+					g && /* @__PURE__ */ n("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__ */ t("button", {
+							type: "button",
+							onClick: k,
+							className: "hover:bg-primary-default/20 rounded-full p-0.5",
+							children: /* @__PURE__ */ t(e, { className: "size-3" })
+						})]
+					}),
+					_ > 0 && /* @__PURE__ */ n("span", {
+						className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-primary-default/10 text-primary-default rounded-full",
+						children: [
+							_,
+							" metadata condition",
+							_ > 1 ? "s" : "",
+							/* @__PURE__ */ t("button", {
+								type: "button",
+								onClick: A,
+								className: "hover:bg-primary-default/20 rounded-full p-0.5",
+								children: /* @__PURE__ */ t(e, { className: "size-3" })
+							})
+						]
+					}),
+					v.length > 0 && /* @__PURE__ */ n("span", {
+						className: "inline-flex items-center gap-1 px-2 py-1 text-xs bg-bg-muted text-text-secondary rounded-full",
+						children: [
+							v.length,
+							" excluded ID",
+							v.length > 1 ? "s" : "",
+							/* @__PURE__ */ t("button", {
+								type: "button",
+								onClick: j,
+								className: "hover:bg-bg-canvas rounded-full p-0.5",
+								children: /* @__PURE__ */ t(e, { className: "size-3" })
+							})
+						]
+					}),
+					y === 0 && /* @__PURE__ */ t("span", {
+						className: "text-sm text-text-tertiary",
+						children: "No active filters"
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { r as ActiveFilterChips };

package/dist/shared/pages/searchPage/FiltersPanel.js

@@ -0,0 +1,329 @@
+import { Plus as e, X as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/shared/pages/searchPage/FiltersPanel.tsx
+function i({ entityTypeOptions: i, selectedTypes: a, excludedTypes: o, availableProductOptions: s, selectedProducts: c, facets: l, projectId: u, createdBy: d, updatedBy: f, dateFrom: p, dateTo: m, updatedDateFrom: h, updatedDateTo: g, tagIdsInput: _, tagKeysInput: v, tagPathsInput: y, tagVocabularyKeysInput: b, tagMatchAll: x, includeDescendants: S, tagDepth: C, metadataConditions: w, onToggleEntityType: T, onToggleExcludedType: E, onToggleProductSource: D, onProjectIdChange: O, onCreatedByChange: k, onUpdatedByChange: A, onDateFromChange: j, onDateToChange: M, onUpdatedDateFromChange: N, onUpdatedDateToChange: P, onTagIdsChange: F, onTagKeysChange: I, onTagPathsChange: L, onTagVocabularyKeysChange: R, onTagMatchAllChange: z, onIncludeDescendantsChange: B, onTagDepthChange: V, onAddMetadataCondition: H, onUpdateMetadataCondition: U, onRemoveMetadataCondition: W, children: G }) {
+	return /* @__PURE__ */ n("div", {
+		className: "mb-6 p-4 bg-bg-surface rounded-lg border border-border-default",
+		children: /* @__PURE__ */ r("div", {
+			className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6",
+			children: [
+				/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h3", {
+					className: "text-sm font-medium text-text-primary mb-3",
+					children: "Include Entity Types"
+				}), /* @__PURE__ */ n("div", {
+					className: "space-y-2 max-h-56 overflow-y-auto",
+					children: i.map((e) => /* @__PURE__ */ r("label", {
+						className: "flex items-center gap-2 cursor-pointer",
+						children: [/* @__PURE__ */ n("input", {
+							type: "checkbox",
+							checked: a.includes(e.value),
+							onChange: () => T(e.value),
+							className: "size-4 rounded border-border-default text-primary-default focus:ring-primary-default"
+						}), /* @__PURE__ */ n("span", {
+							className: "text-sm text-text-secondary",
+							children: e.label
+						})]
+					}, e.value))
+				})] }),
+				/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h3", {
+					className: "text-sm font-medium text-text-primary mb-3",
+					children: "Exclude Entity Types"
+				}), /* @__PURE__ */ n("div", {
+					className: "space-y-2 max-h-56 overflow-y-auto",
+					children: i.map((e) => /* @__PURE__ */ r("label", {
+						className: "flex items-center gap-2 cursor-pointer",
+						children: [/* @__PURE__ */ n("input", {
+							type: "checkbox",
+							checked: o.includes(e.value),
+							onChange: () => E(e.value),
+							className: "size-4 rounded border-border-default text-primary-default focus:ring-primary-default"
+						}), /* @__PURE__ */ n("span", {
+							className: "text-sm text-text-secondary",
+							children: e.label
+						})]
+					}, `exclude-${e.value}`))
+				})] }),
+				/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h3", {
+					className: "text-sm font-medium text-text-primary mb-3",
+					children: "Product Sources"
+				}), /* @__PURE__ */ n("div", {
+					className: "space-y-2 max-h-56 overflow-y-auto",
+					children: s.length > 0 ? s.map((e) => {
+						let t = l?.byProduct?.find((t) => t.product === e.value)?.count;
+						return /* @__PURE__ */ r("label", {
+							className: "flex items-center justify-between gap-2 cursor-pointer",
+							children: [/* @__PURE__ */ r("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ n("input", {
+									type: "checkbox",
+									checked: c.includes(e.value),
+									onChange: () => D(e.value),
+									className: "size-4 rounded border-border-default text-primary-default focus:ring-primary-default"
+								}), /* @__PURE__ */ n("span", {
+									className: "text-sm text-text-secondary",
+									children: e.label
+								})]
+							}), t !== void 0 && /* @__PURE__ */ n("span", {
+								className: "text-xs text-text-tertiary",
+								children: t
+							})]
+						}, e.value);
+					}) : /* @__PURE__ */ n("span", {
+						className: "text-sm text-text-tertiary",
+						children: "Product filters will appear after results are loaded."
+					})
+				})] }),
+				/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h3", {
+					className: "text-sm font-medium text-text-primary mb-3",
+					children: "Scope & Actors"
+				}), /* @__PURE__ */ r("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+							className: "block text-xs text-text-tertiary mb-1",
+							children: "Project ID"
+						}), /* @__PURE__ */ n("input", {
+							"aria-label": "Project ID filter",
+							type: "text",
+							value: u,
+							onChange: (e) => O(e.target.value),
+							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__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+							className: "block text-xs text-text-tertiary mb-1",
+							children: "Created by"
+						}), /* @__PURE__ */ n("input", {
+							"aria-label": "Created by filter",
+							type: "text",
+							value: d,
+							onChange: (e) => k(e.target.value),
+							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__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+							className: "block text-xs text-text-tertiary mb-1",
+							children: "Updated by"
+						}), /* @__PURE__ */ n("input", {
+							"aria-label": "Updated by filter",
+							type: "text",
+							value: f,
+							onChange: (e) => A(e.target.value),
+							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__ */ r("div", { children: [/* @__PURE__ */ n("h3", {
+					className: "text-sm font-medium text-text-primary mb-3",
+					children: "Created Date Range"
+				}), /* @__PURE__ */ r("div", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+						className: "block text-xs text-text-tertiary mb-1",
+						children: "From"
+					}), /* @__PURE__ */ n("input", {
+						"aria-label": "Created from date",
+						type: "date",
+						value: p,
+						onChange: (e) => j(e.target.value),
+						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__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+						className: "block text-xs text-text-tertiary mb-1",
+						children: "To"
+					}), /* @__PURE__ */ n("input", {
+						"aria-label": "Created to date",
+						type: "date",
+						value: m,
+						onChange: (e) => M(e.target.value),
+						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__ */ r("div", { children: [/* @__PURE__ */ n("h3", {
+					className: "text-sm font-medium text-text-primary mb-3",
+					children: "Updated Date Range"
+				}), /* @__PURE__ */ r("div", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+						className: "block text-xs text-text-tertiary mb-1",
+						children: "From"
+					}), /* @__PURE__ */ n("input", {
+						"aria-label": "Updated from date",
+						type: "date",
+						value: h,
+						onChange: (e) => N(e.target.value),
+						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__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+						className: "block text-xs text-text-tertiary mb-1",
+						children: "To"
+					}), /* @__PURE__ */ n("input", {
+						"aria-label": "Updated to date",
+						type: "date",
+						value: g,
+						onChange: (e) => P(e.target.value),
+						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__ */ r("div", { children: [/* @__PURE__ */ n("h3", {
+					className: "text-sm font-medium text-text-primary mb-3",
+					children: "Tag Filters"
+				}), /* @__PURE__ */ r("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+							className: "block text-xs text-text-tertiary mb-1",
+							children: "Tag IDs"
+						}), /* @__PURE__ */ n("input", {
+							"aria-label": "Tag IDs filter",
+							type: "text",
+							value: _,
+							onChange: (e) => F(e.target.value),
+							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__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+							className: "block text-xs text-text-tertiary mb-1",
+							children: "Tag Keys"
+						}), /* @__PURE__ */ n("input", {
+							"aria-label": "Tag keys filter",
+							type: "text",
+							value: v,
+							onChange: (e) => I(e.target.value),
+							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__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+							className: "block text-xs text-text-tertiary mb-1",
+							children: "Hierarchy Paths"
+						}), /* @__PURE__ */ n("input", {
+							"aria-label": "Tag hierarchy paths filter",
+							type: "text",
+							value: y,
+							onChange: (e) => L(e.target.value),
+							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__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+							className: "block text-xs text-text-tertiary mb-1",
+							children: "Vocabulary Keys"
+						}), /* @__PURE__ */ n("input", {
+							"aria-label": "Tag vocabulary keys filter",
+							type: "text",
+							value: b,
+							onChange: (e) => R(e.target.value),
+							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__ */ r("div", {
+							className: "grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ r("label", {
+								className: "flex items-center gap-2 text-sm text-text-secondary cursor-pointer",
+								children: [/* @__PURE__ */ n("input", {
+									type: "checkbox",
+									checked: x,
+									onChange: (e) => z(e.target.checked),
+									className: "size-4 rounded border-border-default text-primary-default focus:ring-primary-default"
+								}), "Match all"]
+							}), /* @__PURE__ */ r("label", {
+								className: "flex items-center gap-2 text-sm text-text-secondary cursor-pointer",
+								children: [/* @__PURE__ */ n("input", {
+									type: "checkbox",
+									checked: S,
+									onChange: (e) => B(e.target.checked),
+									className: "size-4 rounded border-border-default text-primary-default focus:ring-primary-default"
+								}), "Include descendants"]
+							})]
+						}),
+						/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+							className: "block text-xs text-text-tertiary mb-1",
+							children: "Tag depth"
+						}), /* @__PURE__ */ n("input", {
+							"aria-label": "Tag depth filter",
+							type: "number",
+							min: "1",
+							value: C,
+							onChange: (e) => V(e.target.value),
+							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__ */ r("div", {
+					className: "xl:col-span-2",
+					children: [/* @__PURE__ */ r("div", {
+						className: "flex items-center justify-between mb-3",
+						children: [/* @__PURE__ */ n("h3", {
+							className: "text-sm font-medium text-text-primary",
+							children: "Metadata Conditions"
+						}), /* @__PURE__ */ r("button", {
+							type: "button",
+							onClick: H,
+							className: "inline-flex items-center gap-1 text-xs text-primary-default hover:text-primary-default/80",
+							children: [/* @__PURE__ */ n(e, { className: "size-3.5" }), "Add condition"]
+						})]
+					}), /* @__PURE__ */ n("div", {
+						className: "space-y-3",
+						children: w.length === 0 ? /* @__PURE__ */ n("span", {
+							className: "text-sm text-text-tertiary",
+							children: "No metadata conditions applied."
+						}) : w.map((e, i) => /* @__PURE__ */ r("div", {
+							className: "grid grid-cols-1 md:grid-cols-[1.4fr_auto_1.4fr_auto] gap-2 items-center",
+							children: [
+								/* @__PURE__ */ n("input", {
+									"aria-label": `Metadata key ${i + 1}`,
+									type: "text",
+									value: e.key,
+									onChange: (e) => U(i, { 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__ */ r("select", {
+									"aria-label": `Metadata operator ${i + 1}`,
+									value: e.operator,
+									onChange: (e) => U(i, { 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__ */ n("option", {
+											value: "EQUALS",
+											children: "Equals"
+										}),
+										/* @__PURE__ */ n("option", {
+											value: "NOT_EQUALS",
+											children: "Not equals"
+										}),
+										/* @__PURE__ */ n("option", {
+											value: "CONTAINS",
+											children: "Contains"
+										}),
+										/* @__PURE__ */ n("option", {
+											value: "STARTS_WITH",
+											children: "Starts with"
+										})
+									]
+								}),
+								/* @__PURE__ */ n("input", {
+									"aria-label": `Metadata value ${i + 1}`,
+									type: "text",
+									value: e.value,
+									onChange: (e) => U(i, { 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__ */ n("button", {
+									type: "button",
+									onClick: () => W(i),
+									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 ${i + 1}`,
+									children: /* @__PURE__ */ n(t, { className: "size-4" })
+								})
+							]
+						}, `metadata-condition-${i}`))
+					})]
+				}),
+				G
+			]
+		})
+	});
+}
+//#endregion
+export { i as FiltersPanel };

package/dist/shared/pages/searchPage/ResultsList.js

@@ -0,0 +1,119 @@
+import { Clock as e, Search as t } from "lucide-react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/shared/pages/searchPage/ResultsList.tsx
+function a({ isSearching: a, error: o, query: s, results: c, getEntityIcon: l, onResultClick: u }) {
+	return /* @__PURE__ */ i("div", {
+		className: "space-y-3",
+		children: [
+			a && c.length === 0 && /* @__PURE__ */ r(n, { children: [
+				1,
+				2,
+				3,
+				4,
+				5
+			].map((e) => /* @__PURE__ */ r("div", {
+				className: "p-4 bg-bg-surface rounded-lg border border-border-default animate-pulse",
+				children: /* @__PURE__ */ i("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ r("div", { className: "size-10 rounded-md bg-bg-muted" }), /* @__PURE__ */ i("div", {
+						className: "flex-1",
+						children: [/* @__PURE__ */ r("div", { className: "h-5 w-1/3 bg-bg-muted rounded mb-2" }), /* @__PURE__ */ r("div", { className: "h-4 w-2/3 bg-bg-muted rounded" })]
+					})]
+				})
+			}, e)) }),
+			!a && !o && c.length === 0 && s && /* @__PURE__ */ i("div", {
+				className: "py-12 text-center",
+				children: [
+					/* @__PURE__ */ r(t, { className: "size-12 mx-auto text-text-tertiary mb-4" }),
+					/* @__PURE__ */ r("h3", {
+						className: "text-lg font-medium text-text-primary mb-2",
+						children: "No results found"
+					}),
+					/* @__PURE__ */ i("p", {
+						className: "text-text-secondary max-w-md mx-auto",
+						children: [
+							"No results found for \"",
+							s,
+							"\". Try adjusting your search terms or filters."
+						]
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "mt-6 space-y-2 text-sm text-text-tertiary",
+						children: [/* @__PURE__ */ r("p", { children: "Suggestions:" }), /* @__PURE__ */ i("ul", {
+							className: "list-disc list-inside",
+							children: [
+								/* @__PURE__ */ r("li", { children: "Check your spelling" }),
+								/* @__PURE__ */ r("li", { children: "Try more general keywords" }),
+								/* @__PURE__ */ r("li", { children: "Use fewer filters" }),
+								/* @__PURE__ */ r("li", { children: "Try \"Partial\" search mode for autocomplete" })
+							]
+						})]
+					})
+				]
+			}),
+			!a && !s && /* @__PURE__ */ i("div", {
+				className: "py-12 text-center",
+				children: [
+					/* @__PURE__ */ r(t, { className: "size-12 mx-auto text-text-tertiary mb-4" }),
+					/* @__PURE__ */ r("h3", {
+						className: "text-lg font-medium text-text-primary mb-2",
+						children: "Start searching"
+					}),
+					/* @__PURE__ */ r("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."
+					})
+				]
+			}),
+			c.map((t) => /* @__PURE__ */ r("button", {
+				type: "button",
+				onClick: () => u(t),
+				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__ */ i("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ r("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__ */ r(l(t.entityType || t.category), { className: "size-5 text-text-tertiary group-hover:text-primary-default" })
+					}), /* @__PURE__ */ i("div", {
+						className: "flex-1 min-w-0",
+						children: [
+							/* @__PURE__ */ i("div", {
+								className: "flex items-center gap-2 mb-1",
+								children: [
+									/* @__PURE__ */ r("h3", {
+										className: "text-base font-medium text-text-primary truncate group-hover:text-primary-default",
+										children: t.title
+									}),
+									/* @__PURE__ */ r("span", {
+										className: "flex-shrink-0 px-2 py-0.5 text-xs font-medium bg-bg-muted text-text-tertiary rounded",
+										children: t.entityType || t.category
+									}),
+									t.productSource && /* @__PURE__ */ r("span", {
+										className: "flex-shrink-0 px-2 py-0.5 text-xs font-medium bg-bg-muted text-text-tertiary rounded",
+										children: t.productSource
+									})
+								]
+							}),
+							t.description && /* @__PURE__ */ r("p", {
+								className: "text-sm text-text-secondary line-clamp-2",
+								children: t.description
+							}),
+							/* @__PURE__ */ i("div", {
+								className: "flex items-center gap-4 mt-2 text-xs text-text-tertiary",
+								children: [t.score !== void 0 && t.score > 0 && /* @__PURE__ */ i("span", {
+									className: "flex items-center gap-1",
+									children: ["Score: ", t.score.toFixed(2)]
+								}), t.metadata?.createdAt && /* @__PURE__ */ i("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ r(e, { className: "size-3" }), new Date(String(t.metadata.createdAt)).toLocaleDateString()]
+								})]
+							})
+						]
+					})]
+				})
+			}, t.id))
+		]
+	});
+}
+//#endregion
+export { a as ResultsList };

package/dist/shared/pages/searchPage/ResultsStatus.js

@@ -0,0 +1,32 @@
+import { Loader2 as e } from "lucide-react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/shared/pages/searchPage/ResultsStatus.tsx
+function r({ isSearching: r, error: i, total: a, searchTimeMs: o }) {
+	return /* @__PURE__ */ t("div", {
+		className: "flex items-center justify-between mb-4",
+		children: /* @__PURE__ */ t("div", {
+			className: "text-sm text-text-secondary",
+			children: r ? /* @__PURE__ */ n("span", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ t(e, { className: "size-4 animate-spin" }), "Searching..."]
+			}) : i ? /* @__PURE__ */ t("span", {
+				className: "text-danger-default",
+				children: i
+			}) : /* @__PURE__ */ n("span", { children: [
+				"Found ",
+				/* @__PURE__ */ t("strong", { children: a }),
+				" results",
+				o > 0 && /* @__PURE__ */ n("span", {
+					className: "text-text-tertiary",
+					children: [
+						" in ",
+						o,
+						"ms"
+					]
+				})
+			] })
+		})
+	});
+}
+//#endregion
+export { r as ResultsStatus };