@burdenoff/fe-libs 2026.527.2 → 2026.527.4

package/dist/chrome/contextSwitcher/EmptyState.js

@@ -0,0 +1,32 @@
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/chrome/contextSwitcher/EmptyState.tsx
+var r = ({ message: r, isSearchResult: i }) => /* @__PURE__ */ t("div", {
+	className: "px-4 py-8 text-center animate-in fade-in-0 duration-200",
+	children: i ? /* @__PURE__ */ n(e, { children: [
+		/* @__PURE__ */ t("svg", {
+			className: "size-8 mx-auto mb-2 text-[var(--color-text-tertiary)]",
+			fill: "none",
+			stroke: "currentColor",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ t("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+			})
+		}),
+		/* @__PURE__ */ t("p", {
+			className: "text-[var(--color-text-secondary)] text-sm",
+			children: "No results found"
+		}),
+		/* @__PURE__ */ t("p", {
+			className: "text-[var(--color-text-tertiary)] text-xs mt-1",
+			children: "Try a different search term"
+		})
+	] }) : /* @__PURE__ */ t("p", {
+		className: "text-[var(--color-text-secondary)] text-sm",
+		children: r
+	})
+});
+//#endregion
+export { r as EmptyState };

package/dist/chrome/contextSwitcher/OrganizationList.js

@@ -0,0 +1,34 @@
+import { SearchInput as e } from "./SearchInput.js";
+import { EmptyState as t } from "./EmptyState.js";
+import { BuildingIcon as n, CheckIcon as r } from "./icons.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/chrome/contextSwitcher/OrganizationList.tsx
+var o = ({ searchedOrganizations: o, currentOrganizationId: s, searchQuery: c, onSearchChange: l, onSelect: u, searchInputRef: d }) => /* @__PURE__ */ a("div", {
+	className: "h-full flex flex-col",
+	children: [/* @__PURE__ */ i(e, {
+		value: c,
+		onChange: l,
+		placeholder: "Search organizations...",
+		inputRef: d
+	}), /* @__PURE__ */ i("div", {
+		className: "flex-1 overflow-y-auto py-1",
+		children: o.length > 0 ? o.map((e, t) => /* @__PURE__ */ a("button", {
+			onClick: () => u(e),
+			className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-all duration-200 ease-out animate-in fade-in-0 slide-in-from-left-2 ${e.id === s ? "bg-[var(--color-bg-accent)] text-[var(--color-text-primary)] font-medium" : "text-[var(--color-text-primary)] hover:bg-[var(--color-action-ghost-bgHover)] hover:translate-x-0.5"}`,
+			style: { animationDelay: `${t * 30}ms` },
+			children: [
+				/* @__PURE__ */ i(n, { className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0" }),
+				/* @__PURE__ */ i("span", {
+					className: "flex-1 text-left truncate",
+					children: e.name
+				}),
+				e.id === s && /* @__PURE__ */ i(r, { className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200" })
+			]
+		}, e.id)) : /* @__PURE__ */ i(t, {
+			message: "No organizations available",
+			isSearchResult: c.length > 0
+		})
+	})]
+});
+//#endregion
+export { o as OrganizationList };

package/dist/chrome/contextSwitcher/ProjectList.js

@@ -0,0 +1,34 @@
+import { SearchInput as e } from "./SearchInput.js";
+import { EmptyState as t } from "./EmptyState.js";
+import { CheckIcon as n, FolderIcon as r } from "./icons.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/chrome/contextSwitcher/ProjectList.tsx
+var o = ({ filteredProjects: o, searchedProjects: s, currentProjectId: c, searchQuery: l, onSearchChange: u, onSelect: d, searchInputRef: f }) => /* @__PURE__ */ a("div", {
+	className: "h-full flex flex-col",
+	children: [/* @__PURE__ */ i(e, {
+		value: l,
+		onChange: u,
+		placeholder: "Search projects...",
+		inputRef: f
+	}), /* @__PURE__ */ i("div", {
+		className: "flex-1 overflow-y-auto py-1",
+		children: o.length === 0 ? /* @__PURE__ */ i(t, { message: "No projects in this workspace" }) : s.length > 0 ? s.map((e, t) => /* @__PURE__ */ a("button", {
+			onClick: () => d(e),
+			className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-all duration-200 ease-out animate-in fade-in-0 slide-in-from-left-2 ${e.id === c ? "bg-[var(--color-bg-accent)] text-[var(--color-text-primary)] font-medium" : "text-[var(--color-text-primary)] hover:bg-[var(--color-action-ghost-bgHover)] hover:translate-x-0.5"}`,
+			style: { animationDelay: `${t * 30}ms` },
+			children: [
+				/* @__PURE__ */ i(r, { className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0" }),
+				/* @__PURE__ */ i("span", {
+					className: "flex-1 text-left truncate",
+					children: e.name
+				}),
+				e.id === c && /* @__PURE__ */ i(n, { className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200" })
+			]
+		}, e.id)) : /* @__PURE__ */ i(t, {
+			message: "No projects found",
+			isSearchResult: l.length > 0
+		})
+	})]
+});
+//#endregion
+export { o as ProjectList };

package/dist/chrome/contextSwitcher/SearchInput.js

@@ -0,0 +1,50 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/chrome/contextSwitcher/SearchInput.tsx
+var n = ({ value: n, onChange: r, placeholder: i, inputRef: a }) => /* @__PURE__ */ e("div", {
+	className: "relative px-3 py-2 border-b border-[var(--color-border-subtle)]",
+	children: /* @__PURE__ */ t("div", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ e("svg", {
+				className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-[var(--color-text-tertiary)]",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ e("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+				})
+			}),
+			/* @__PURE__ */ e("input", {
+				ref: a,
+				type: "text",
+				value: n,
+				onChange: (e) => r(e.target.value),
+				placeholder: i,
+				className: "w-full pl-9 pr-8 py-2 text-sm bg-[var(--color-bg-surface)] border border-[var(--color-border-subtle)] rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--color-action-primary-border)] focus:border-transparent text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] transition-all duration-200"
+			}),
+			n && /* @__PURE__ */ e("button", {
+				type: "button",
+				onClick: () => r(""),
+				className: "absolute right-2 top-1/2 -translate-y-1/2 p-1 rounded-md hover:bg-[var(--color-action-ghost-bgHover)] text-[var(--color-text-tertiary)] hover:text-[var(--color-text-primary)] transition-all duration-150 ease-out",
+				"aria-label": "Clear search",
+				children: /* @__PURE__ */ e("svg", {
+					className: "size-4",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ e("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M6 18L18 6M6 6l12 12"
+					})
+				})
+			})
+		]
+	})
+});
+//#endregion
+export { n as SearchInput };

package/dist/chrome/contextSwitcher/TabButton.js

@@ -0,0 +1,9 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/chrome/contextSwitcher/TabButton.tsx
+var t = ({ label: t, isActive: n, onClick: r }) => /* @__PURE__ */ e("button", {
+	onClick: r,
+	className: `flex-1 px-3 py-2.5 text-[13px] font-medium whitespace-nowrap text-center transition-all duration-200 ease-out ${n ? "text-[var(--color-text-link)] border-b-2 border-[var(--color-action-primary-bg)] bg-[var(--color-bg-accent)]" : "text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] hover:bg-[var(--color-action-ghost-bgHover)] border-b-2 border-transparent"}`,
+	children: t
+});
+//#endregion
+export { t as TabButton };

package/dist/chrome/contextSwitcher/TriggerButton.js

@@ -0,0 +1,38 @@
+import { BuildingIcon as e, ChevronDownIcon as t } from "./icons.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/chrome/contextSwitcher/TriggerButton.tsx
+var a = ({ isOpen: a, compact: o, currentOrg: s, currentWorkspace: c, currentProject: l, onToggle: u }) => /* @__PURE__ */ r("button", {
+	onClick: u,
+	className: `flex items-center gap-2 px-3 py-2 rounded-md hover:bg-[var(--color-action-ghost-bgHover)] transition-all duration-200 ease-out ${a ? "bg-[var(--color-action-ghost-bgHover)]" : ""}`,
+	"aria-label": "Switch context",
+	"aria-expanded": a,
+	children: o ? /* @__PURE__ */ r(e, { className: "size-5 text-[var(--color-text-primary)]" }) : /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ i("div", {
+		className: "flex items-center gap-1.5",
+		children: [/* @__PURE__ */ r(e, { className: "size-4 text-[var(--color-text-secondary)]" }), /* @__PURE__ */ i("div", {
+			className: "flex items-center gap-1 text-sm",
+			children: [
+				/* @__PURE__ */ r("span", {
+					className: "text-[var(--color-text-primary)] font-medium",
+					children: s?.name || "Select Org"
+				}),
+				/* @__PURE__ */ r("span", {
+					className: "text-[var(--color-text-tertiary)]",
+					children: "/"
+				}),
+				/* @__PURE__ */ r("span", {
+					className: "text-[var(--color-text-secondary)]",
+					children: c?.name || "Workspace"
+				}),
+				l && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
+					className: "text-[var(--color-text-tertiary)]",
+					children: "/"
+				}), /* @__PURE__ */ r("span", {
+					className: "text-[var(--color-text-secondary)]",
+					children: l.name
+				})] })
+			]
+		})]
+	}), /* @__PURE__ */ r(t, { className: `w-4 h-4 text-[var(--color-text-secondary)] transition-transform duration-200 ${a ? "rotate-180" : ""}` })] })
+});
+//#endregion
+export { a as TriggerButton };

package/dist/chrome/contextSwitcher/WorkspaceList.js

@@ -0,0 +1,34 @@
+import { SearchInput as e } from "./SearchInput.js";
+import { EmptyState as t } from "./EmptyState.js";
+import { BriefcaseIcon as n, CheckIcon as r } from "./icons.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/chrome/contextSwitcher/WorkspaceList.tsx
+var o = ({ filteredWorkspaces: o, searchedWorkspaces: s, currentWorkspaceId: c, searchQuery: l, onSearchChange: u, onSelect: d, searchInputRef: f }) => /* @__PURE__ */ a("div", {
+	className: "h-full flex flex-col",
+	children: [/* @__PURE__ */ i(e, {
+		value: l,
+		onChange: u,
+		placeholder: "Search workspaces...",
+		inputRef: f
+	}), /* @__PURE__ */ i("div", {
+		className: "flex-1 overflow-y-auto py-1",
+		children: o.length === 0 ? /* @__PURE__ */ i(t, { message: "No workspaces in this organization" }) : s.length > 0 ? s.map((e, t) => /* @__PURE__ */ a("button", {
+			onClick: () => d(e),
+			className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-all duration-200 ease-out animate-in fade-in-0 slide-in-from-left-2 ${e.id === c ? "bg-[var(--color-bg-accent)] text-[var(--color-text-primary)] font-medium" : "text-[var(--color-text-primary)] hover:bg-[var(--color-action-ghost-bgHover)] hover:translate-x-0.5"}`,
+			style: { animationDelay: `${t * 30}ms` },
+			children: [
+				/* @__PURE__ */ i(n, { className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0" }),
+				/* @__PURE__ */ i("span", {
+					className: "flex-1 text-left truncate",
+					children: e.name
+				}),
+				e.id === c && /* @__PURE__ */ i(r, { className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200" })
+			]
+		}, e.id)) : /* @__PURE__ */ i(t, {
+			message: "No workspaces found",
+			isSearchResult: l.length > 0
+		})
+	})]
+});
+//#endregion
+export { o as WorkspaceList };

package/dist/chrome/contextSwitcher/icons.js

@@ -0,0 +1,58 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/chrome/contextSwitcher/icons.tsx
+var t = ({ className: t }) => /* @__PURE__ */ e("svg", {
+	className: t,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ e("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
+	})
+}), n = ({ className: t }) => /* @__PURE__ */ e("svg", {
+	className: t,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ e("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+	})
+}), r = ({ className: t }) => /* @__PURE__ */ e("svg", {
+	className: t,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ e("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
+	})
+}), i = ({ className: t }) => /* @__PURE__ */ e("svg", {
+	className: t,
+	fill: "currentColor",
+	viewBox: "0 0 20 20",
+	children: /* @__PURE__ */ e("path", {
+		fillRule: "evenodd",
+		d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+		clipRule: "evenodd"
+	})
+}), a = ({ className: t }) => /* @__PURE__ */ e("svg", {
+	className: t,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ e("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M19 9l-7 7-7-7"
+	})
+});
+//#endregion
+export { n as BriefcaseIcon, t as BuildingIcon, i as CheckIcon, a as ChevronDownIcon, r as FolderIcon };

package/dist/chrome/contextSwitcher/useIsMobile.js

@@ -0,0 +1,11 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/chrome/contextSwitcher/useIsMobile.ts
+function n(n = 640) {
+	let [r, i] = t(!1);
+	return e(() => {
+		let e = () => i(window.innerWidth < n);
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [n]), r;
+}
+//#endregion
+export { n as useIsMobile };

package/dist/chrome/globalSearch/AdvancedFiltersPanel.js

@@ -0,0 +1,253 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/chrome/globalSearch/AdvancedFiltersPanel.tsx
+function n({ filters: n }) {
+	return /* @__PURE__ */ t("div", {
+		className: "px-3 py-2 border-b space-y-2 bg-muted/30 max-h-64 overflow-y-auto",
+		children: [
+			/* @__PURE__ */ t("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ e("label", {
+					className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+					children: "Sort by"
+				}), /* @__PURE__ */ t("select", {
+					value: n.sortBy,
+					onChange: (e) => n.setSortBy(e.target.value),
+					className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none",
+					children: [
+						/* @__PURE__ */ e("option", {
+							value: "SCORE_DESC",
+							children: "Relevance"
+						}),
+						/* @__PURE__ */ e("option", {
+							value: "CREATED_DESC",
+							children: "Newest first"
+						}),
+						/* @__PURE__ */ e("option", {
+							value: "CREATED_ASC",
+							children: "Oldest first"
+						}),
+						/* @__PURE__ */ e("option", {
+							value: "UPDATED_DESC",
+							children: "Recently updated"
+						}),
+						/* @__PURE__ */ e("option", {
+							value: "UPDATED_ASC",
+							children: "Least recently updated"
+						}),
+						/* @__PURE__ */ e("option", {
+							value: "TITLE_ASC",
+							children: "Title A-Z"
+						}),
+						/* @__PURE__ */ e("option", {
+							value: "TITLE_DESC",
+							children: "Title Z-A"
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ t("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ e("label", {
+					className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+					children: "Products"
+				}), /* @__PURE__ */ e("input", {
+					"aria-label": "Product sources filter",
+					type: "text",
+					placeholder: "vibecontrols, wspace-tags",
+					value: n.productSourcesInput,
+					onChange: (e) => n.setProductSourcesInput(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__ */ t("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ e("label", {
+					className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+					children: "Project"
+				}), /* @__PURE__ */ e("input", {
+					"aria-label": "Project ID filter",
+					type: "text",
+					placeholder: "Project ID",
+					value: n.projectId,
+					onChange: (e) => n.setProjectId(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__ */ t("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ e("label", {
+					className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+					children: "Created by"
+				}), /* @__PURE__ */ e("input", {
+					type: "text",
+					placeholder: "Actor ID",
+					value: n.createdBy,
+					onChange: (e) => n.setCreatedBy(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__ */ t("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ e("label", {
+					className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+					children: "Updated by"
+				}), /* @__PURE__ */ e("input", {
+					"aria-label": "Updated by filter",
+					type: "text",
+					placeholder: "Actor ID",
+					value: n.updatedBy,
+					onChange: (e) => n.setUpdatedBy(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__ */ t("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ e("label", {
+					className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+					children: "Date from"
+				}), /* @__PURE__ */ e("input", {
+					type: "date",
+					value: n.dateFrom,
+					onChange: (e) => n.setDateFrom(e.target.value),
+					className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none"
+				})]
+			}),
+			/* @__PURE__ */ t("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ e("label", {
+					className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+					children: "Date to"
+				}), /* @__PURE__ */ e("input", {
+					type: "date",
+					value: n.dateTo,
+					onChange: (e) => n.setDateTo(e.target.value),
+					className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none"
+				})]
+			}),
+			/* @__PURE__ */ t("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ e("label", {
+					className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+					children: "Updated from"
+				}), /* @__PURE__ */ e("input", {
+					"aria-label": "Updated from date",
+					type: "date",
+					value: n.updatedDateFrom,
+					onChange: (e) => n.setUpdatedDateFrom(e.target.value),
+					className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none"
+				})]
+			}),
+			/* @__PURE__ */ t("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ e("label", {
+					className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+					children: "Updated to"
+				}), /* @__PURE__ */ e("input", {
+					"aria-label": "Updated to date",
+					type: "date",
+					value: n.updatedDateTo,
+					onChange: (e) => n.setUpdatedDateTo(e.target.value),
+					className: "flex-1 h-7 text-xs rounded border border-border bg-background px-2 outline-none"
+				})]
+			}),
+			/* @__PURE__ */ t("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ e("label", {
+					className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+					children: "Tag keys"
+				}), /* @__PURE__ */ e("input", {
+					"aria-label": "Tag keys filter",
+					type: "text",
+					placeholder: "search, team/platform",
+					value: n.tagKeysInput,
+					onChange: (e) => n.setTagKeysInput(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__ */ t("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ e("label", {
+					className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+					children: "Tag IDs"
+				}), /* @__PURE__ */ e("input", {
+					"aria-label": "Tag IDs filter",
+					type: "text",
+					placeholder: "Comma-separated IDs",
+					value: n.tagIdsInput,
+					onChange: (e) => n.setTagIdsInput(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__ */ t("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ e("label", {
+					className: "text-[10px] font-medium text-muted-foreground w-16 flex-shrink-0",
+					children: "Tag paths"
+				}), /* @__PURE__ */ e("input", {
+					"aria-label": "Tag hierarchy filter",
+					type: "text",
+					placeholder: "team/engineering",
+					value: n.tagPathsInput,
+					onChange: (e) => n.setTagPathsInput(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__ */ t("div", {
+				className: "grid grid-cols-[1fr_auto_1fr] gap-2 items-center",
+				children: [
+					/* @__PURE__ */ e("input", {
+						"aria-label": "Metadata key filter",
+						type: "text",
+						placeholder: "metadata.path",
+						value: n.metadataKey,
+						onChange: (e) => n.setMetadataKey(e.target.value),
+						className: "h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
+					}),
+					/* @__PURE__ */ t("select", {
+						"aria-label": "Metadata operator filter",
+						value: n.metadataOperator,
+						onChange: (e) => n.setMetadataOperator(e.target.value),
+						className: "h-7 text-xs rounded border border-border bg-background px-2 outline-none",
+						children: [
+							/* @__PURE__ */ e("option", {
+								value: "EQUALS",
+								children: "="
+							}),
+							/* @__PURE__ */ e("option", {
+								value: "NOT_EQUALS",
+								children: "≠"
+							}),
+							/* @__PURE__ */ e("option", {
+								value: "CONTAINS",
+								children: "contains"
+							}),
+							/* @__PURE__ */ e("option", {
+								value: "STARTS_WITH",
+								children: "starts"
+							})
+						]
+					}),
+					/* @__PURE__ */ e("input", {
+						"aria-label": "Metadata value filter",
+						type: "text",
+						placeholder: "Value",
+						value: n.metadataValue,
+						onChange: (e) => n.setMetadataValue(e.target.value),
+						className: "h-7 text-xs rounded border border-border bg-background px-2 outline-none placeholder:text-muted-foreground"
+					})
+				]
+			}),
+			/* @__PURE__ */ e("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ e("button", {
+					type: "button",
+					onClick: n.reset,
+					className: "text-[10px] text-muted-foreground hover:text-foreground transition-colors",
+					children: "Clear filters"
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { n as AdvancedFiltersPanel };

package/dist/chrome/globalSearch/CategoryTabs.js

@@ -0,0 +1,28 @@
+import { cn as e } from "../../utils/cn.js";
+import "../../utils/index.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/chrome/globalSearch/CategoryTabs.tsx
+function r({ categories: r, selectedCategory: i, onSelect: a }) {
+	return r.length === 0 ? null : /* @__PURE__ */ n("div", {
+		className: "flex items-center gap-1 p-2 border-b overflow-x-auto scrollbar-hide scroll-smooth snap-x snap-mandatory",
+		children: [/* @__PURE__ */ t("button", {
+			type: "button",
+			onClick: () => a(void 0),
+			className: e("px-3 py-1.5 text-xs rounded-md transition-colors whitespace-nowrap flex-shrink-0 snap-start", i === void 0 ? "bg-primary text-primary-foreground" : "bg-muted hover:bg-muted/80"),
+			children: "All"
+		}), r.map((r) => {
+			let o = r.icon;
+			return /* @__PURE__ */ n("button", {
+				type: "button",
+				onClick: () => a(r.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", i === r.name ? "bg-primary text-primary-foreground" : "bg-muted hover:bg-muted/80"),
+				children: [/* @__PURE__ */ t(o, { className: "size-3.5" }), /* @__PURE__ */ t("span", {
+					className: "hidden xs:inline",
+					children: r.label
+				})]
+			}, r.name);
+		})]
+	});
+}
+//#endregion
+export { r as CategoryTabs };

package/dist/chrome/globalSearch/ResultsList.js

@@ -0,0 +1,58 @@
+import { Clock as e, Loader2 as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/chrome/globalSearch/ResultsList.tsx
+function i({ loading: i, error: a, query: o, results: s, groupedResults: c, recentSearches: l, onRecentSelect: u, onResultSelect: d }) {
+	return /* @__PURE__ */ r("div", {
+		className: "max-h-[60dvh] overflow-y-auto p-2",
+		children: [
+			i && /* @__PURE__ */ n("div", {
+				className: "flex items-center justify-center py-6",
+				children: /* @__PURE__ */ n(t, { className: "size-4 animate-spin" })
+			}),
+			a && /* @__PURE__ */ n("div", {
+				className: "py-6 text-center text-sm text-destructive",
+				children: a
+			}),
+			!i && !a && !o && l.length > 0 && /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("div", {
+				className: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
+				children: "Recent Searches"
+			}), l.map((t, i) => /* @__PURE__ */ r("button", {
+				type: "button",
+				onClick: () => u(t),
+				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__ */ n(e, { className: "size-4 opacity-50" }), t]
+			}, i))] }),
+			!i && !a && o && s.length === 0 && /* @__PURE__ */ r("div", {
+				className: "py-6 text-center text-sm text-muted-foreground",
+				children: [
+					"No results found for \"",
+					o,
+					"\""
+				]
+			}),
+			!i && !a && Object.entries(c).map(([e, t]) => /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("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__ */ r("button", {
+					type: "button",
+					onClick: () => d(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__ */ n(t, { className: "size-4 mt-0.5 flex-shrink-0" }), /* @__PURE__ */ r("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ n("div", {
+							className: "font-medium truncate",
+							children: e.title
+						}), e.description && /* @__PURE__ */ n("div", {
+							className: "text-xs text-muted-foreground truncate",
+							children: e.description
+						})]
+					})]
+				}, e.id);
+			})] }, e))
+		]
+	});
+}
+//#endregion
+export { i as ResultsList };