@burdenoff/fe-libs 2026.527.3 → 2026.527.4

package/dist/chrome/SideNavigation.js

@@ -1,154 +1,43 @@
 import { Tooltip as e, TooltipContent as t, TooltipProvider as n, TooltipTrigger as r } from "../ui/tooltip.js";
-import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { NavItemRenderer as i } from "./sideNavigation/NavItemRenderer.js";
+import { SidebarHeader as a } from "./sideNavigation/SidebarHeader.js";
+import { MobileActionsBar as o } from "./sideNavigation/MobileActionsBar.js";
+import { CollapseToggle as s } from "./sideNavigation/CollapseToggle.js";
+import { useSideNavigationState as c } from "./sideNavigation/useSideNavigationState.js";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/chrome/SideNavigation.tsx
-function d(e, t, n = !1) {
-	return e ? e === "/" ? t === "/" : n ? t === e : t === e || t.startsWith(`${e}/`) : !1;
-}
-function f(e, t) {
-	return d(e.path, t, e.exact) || d(e.homePath, t, e.exact);
-}
-var p = (e, t) => f(e, t) ? !0 : e.children ? e.children.some((e) => p(e, t)) : !1, m = (e, t, n = []) => {
-	for (let r of e) {
-		if (r.children && r.children.length > 0) {
-			let e = m(r.children, t, [...n, r.id]);
-			if (e.size > 0 || r.children.some((e) => f(e, t))) return e.add(r.id), n.forEach((t) => e.add(t)), e;
-		}
-		if (f(r, t)) return new Set(n);
-	}
-	return /* @__PURE__ */ new Set();
-}, h = ({ item: e, depth: t, maxDepth: n, currentPath: r, expandedItems: i, toggleExpand: a, onItemClick: o, onToggleCollapse: s, collapsed: c }) => {
-	let d = e.children && e.children.length > 0 && t < n, m = i.has(e.id), g = p(e, r), _ = f(e, r), v = t === 0 ? "w-icon-md h-icon-md" : "w-4 h-4";
-	return /* @__PURE__ */ u("li", { children: [/* @__PURE__ */ l("div", {
-		className: "relative",
-		children: /* @__PURE__ */ u("button", {
-			type: "button",
-			onClick: () => {
-				if (c && t === 0 && d) {
-					o(e.homePath || e.children?.[0]?.path || e.path);
-					return;
-				}
-				d ? a(e.id) : (o(e.path), window.innerWidth < 768 && s && !c && s());
-			},
-			className: `
-            w-full flex items-center gap-icon-gap ${t === 0 ? "py-2" : "py-1.5"} rounded-button
-            transition-colors duration-200 ease-out
-            active:scale-[0.98]
-            ${c && t === 0 ? "md:px-2 md:justify-center" : "px-card-padding"}
-            ${_ && !d ? "bg-action-primary-bg text-action-primary-text shadow-sm" : g && !m ? "bg-action-ghost-bg-hover text-text-primary" : "text-text-secondary hover:bg-action-ghost-bg-hover hover:text-text-primary"}
-          `,
-			"aria-label": e.label,
-			children: [
-				e.icon && /* @__PURE__ */ l("div", {
-					className: `${v} flex-shrink-0 flex items-center justify-center [&>svg]:w-full [&>svg]:h-full [&>svg]:stroke-[1.75]`,
-					children: typeof e.icon == "string" ? /* @__PURE__ */ l("svg", {
-						className: "w-full h-full",
-						fill: "none",
-						stroke: "currentColor",
-						viewBox: "0 0 24 24",
-						children: /* @__PURE__ */ l("path", {
-							strokeLinecap: "round",
-							strokeLinejoin: "round",
-							strokeWidth: 2,
-							d: e.icon
-						})
-					}) : e.icon
-				}),
-				/* @__PURE__ */ l("span", {
-					className: `text-body-sm font-medium flex-1 text-left ${c && t === 0 ? "md:hidden" : ""}`,
-					children: e.label
-				}),
-				e.badge !== void 0 && e.badge > 0 && /* @__PURE__ */ l("span", {
-					className: `text-xs bg-status-error-bg text-status-error-text px-2 py-0.5 rounded-pill ${c && t === 0 ? "md:hidden" : ""}`,
-					children: e.badge
-				}),
-				d && !(c && t === 0) && /* @__PURE__ */ l("svg", {
-					className: `w-4 h-4 transition-transform ${m ? "rotate-90" : ""}`,
-					fill: "none",
-					stroke: "currentColor",
-					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ l("path", {
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						strokeWidth: 2,
-						d: "M9 5l7 7-7 7"
-					})
-				})
-			]
-		})
-	}), d && m && !c && /* @__PURE__ */ l("ul", {
-		className: "mt-1 ml-6 space-y-1 border-l border-border-subtle pl-3 animate-in fade-in-0 slide-in-from-top-2 duration-200",
-		children: e.children.map((e) => /* @__PURE__ */ l(h, {
-			item: e,
-			depth: t + 1,
-			maxDepth: n,
-			currentPath: r,
-			expandedItems: i,
-			toggleExpand: a,
-			onItemClick: o,
-			onToggleCollapse: s,
-			collapsed: c
-		}, e.id))
-	})] });
-}, g = ({ items: d, currentPath: f, collapsed: p = !1, onItemClick: g, onToggleCollapse: _, collapseLabel: v = "Collapse", header: y, footer: b, mobileActions: x, groupOrder: S, groupLabels: C, maxDepth: w = 4 }) => {
-	let [T, E] = s(/* @__PURE__ */ new Set()), D = o(p);
-	a(() => {
-		D.current = p;
-	}, [p]), a(() => {
-		let e = m(d, f);
-		e.size > 0 && E((t) => {
-			let n = new Set(t), r = !1;
-			return e.forEach((e) => {
-				n.has(e) || (n.add(e), r = !0);
-			}), r ? n : t;
-		});
-	}, [f, d]), a(() => {
-		if (typeof window > "u" || !_) return;
-		let e = window.innerWidth < 768, t = () => {
-			let t = window.innerWidth < 768;
-			t && (!e || !D.current) && _(), e = t;
-		};
-		return t(), window.addEventListener("resize", t), () => {
-			window.removeEventListener("resize", t);
-		};
-	}, [_]);
-	let O = d.filter((e) => e.visible !== !1), k = (() => {
-		if (p) return [{
+var f = ({ items: f, currentPath: p, collapsed: m = !1, onItemClick: h, onToggleCollapse: g, collapseLabel: _ = "Collapse", header: v, footer: y, mobileActions: b, groupOrder: x, groupLabels: S, maxDepth: C = 4 }) => {
+	let { expandedItems: w, toggleExpand: T, collapseAll: E } = c({
+		items: f,
+		currentPath: p,
+		collapsed: m,
+		onToggleCollapse: g
+	}), D = f.filter((e) => e.visible !== !1), O = (() => {
+		if (m) return [{
 			id: "__all__",
 			label: null,
-			items: O
+			items: D
 		}];
 		let e = /* @__PURE__ */ new Map();
-		for (let t of O) {
+		for (let t of D) {
 			let n = t.group ?? "__default__", r = e.get(n);
 			r ? r.push(t) : e.set(n, [t]);
 		}
-		return [...S ?? [], ...Array.from(e.keys()).filter((e) => !(S ?? []).includes(e))].filter((t) => (e.get(t)?.length ?? 0) > 0).map((t) => ({
+		return [...x ?? [], ...Array.from(e.keys()).filter((e) => !(x ?? []).includes(e))].filter((t) => (e.get(t)?.length ?? 0) > 0).map((t) => ({
 			id: t,
-			label: t === "__default__" ? null : C?.[t] ?? t,
+			label: t === "__default__" ? null : S?.[t] ?? t,
 			items: e.get(t) ?? []
 		}));
-	})(), A = i((e) => {
-		E((t) => {
-			let n = new Set(t);
-			return n.has(e) ? n.delete(e) : n.add(e), n;
-		});
-	}, []);
-	return a(() => {
-		if (p) return;
-		let e = (e) => {
-			e.key === "Escape" && _ && _();
-		};
-		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [p, _]), /* @__PURE__ */ u(c, { children: [!p && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
+	})();
+	return /* @__PURE__ */ d(l, { children: [!m && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
 		className: "fixed inset-0 bg-bg-overlay z-[109] md:hidden",
 		"aria-hidden": "true"
-	}), /* @__PURE__ */ l("button", {
+	}), /* @__PURE__ */ u("button", {
 		type: "button",
 		className: "fixed inset-y-0 right-0 left-64 z-[112] md:hidden cursor-pointer",
-		onClick: _,
+		onClick: g,
 		"aria-label": "Close sidebar"
-	})] }), /* @__PURE__ */ u("aside", {
+	})] }), /* @__PURE__ */ d("aside", {
 		className: `
           bg-bg-surface border-r border-border-subtle
           transition-all duration-normal
@@ -158,28 +47,28 @@ var p = (e, t) => f(e, t) ? !0 : e.children ? e.children.some((e) => p(e, t)) :
           z-[110] md:z-auto
           md:h-full
           overflow-x-hidden
-          ${p ? "-translate-x-full md:translate-x-0" : "translate-x-0"}
+          ${m ? "-translate-x-full md:translate-x-0" : "translate-x-0"}
           w-64 md:w-auto
-          ${p ? "md:w-16" : "md:w-64"}
+          ${m ? "md:w-16" : "md:w-64"}
         `,
 		style: {
 			paddingTop: "env(safe-area-inset-top)",
 			paddingBottom: "env(safe-area-inset-bottom)"
 		},
 		children: [
-			!p && _ && /* @__PURE__ */ l("div", {
+			!m && g && /* @__PURE__ */ u("div", {
 				className: "md:hidden flex justify-end px-2 pt-2",
-				children: /* @__PURE__ */ l("button", {
+				children: /* @__PURE__ */ u("button", {
 					type: "button",
-					onClick: _,
+					onClick: g,
 					className: "p-2 rounded-button hover:bg-action-ghost-bg-hover text-text-secondary hover:text-text-primary transition-colors",
 					"aria-label": "Close sidebar",
-					children: /* @__PURE__ */ l("svg", {
+					children: /* @__PURE__ */ u("svg", {
 						className: "size-5",
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
-						children: /* @__PURE__ */ l("path", {
+						children: /* @__PURE__ */ u("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -188,78 +77,57 @@ var p = (e, t) => f(e, t) ? !0 : e.children ? e.children.some((e) => p(e, t)) :
 					})
 				})
 			}),
-			y && /* @__PURE__ */ u("div", {
-				className: `py-card-padding border-b border-border-subtle ${p ? "md:px-2" : "px-card-padding"} relative`,
-				children: [/* @__PURE__ */ l("div", {
-					className: T.size > 0 && !p ? "mr-8" : "",
-					children: y
-				}), !p && T.size > 0 && /* @__PURE__ */ l("button", {
-					type: "button",
-					onClick: () => {
-						E(/* @__PURE__ */ new Set());
-					},
-					className: "absolute top-1/2 -translate-y-1/2 right-3 p-1.5 rounded-button hover:bg-action-ghost-bg-hover text-text-secondary hover:text-text-primary transition-colors",
-					title: "Collapse all",
-					"aria-label": "Collapse all menu items",
-					children: /* @__PURE__ */ l("svg", {
-						className: "size-4",
-						fill: "none",
-						stroke: "currentColor",
-						viewBox: "0 0 24 24",
-						children: /* @__PURE__ */ l("path", {
-							strokeLinecap: "round",
-							strokeLinejoin: "round",
-							strokeWidth: 2,
-							d: "M5 15l7-7 7 7"
-						})
-					})
-				})]
+			v && /* @__PURE__ */ u(a, {
+				header: v,
+				collapsed: m,
+				expandedCount: w.size,
+				onCollapseAll: E
 			}),
-			/* @__PURE__ */ l("nav", {
+			/* @__PURE__ */ u("nav", {
 				className: "flex-1 min-h-0 py-card-padding overflow-y-auto overflow-x-hidden",
-				children: /* @__PURE__ */ l(n, {
+				children: /* @__PURE__ */ u(n, {
 					delayDuration: 300,
-					children: /* @__PURE__ */ l("ul", {
+					children: /* @__PURE__ */ u("ul", {
 						className: "space-y-list-gap",
-						children: k.map((n, i) => /* @__PURE__ */ u("li", {
+						children: O.map((n, a) => /* @__PURE__ */ d("li", {
 							className: "list-none",
 							children: [
-								i > 0 && !p && /* @__PURE__ */ l("div", { className: "my-2 border-t border-border-subtle" }),
-								n.label && !p && /* @__PURE__ */ l("p", {
+								a > 0 && !m && /* @__PURE__ */ u("div", { className: "my-2 border-t border-border-subtle" }),
+								n.label && !m && /* @__PURE__ */ u("p", {
 									className: "px-card-padding pb-1 text-xs font-semibold uppercase tracking-wider text-text-tertiary",
 									children: n.label
 								}),
-								/* @__PURE__ */ l("ul", {
+								/* @__PURE__ */ u("ul", {
 									className: "space-y-list-gap",
-									children: n.items.map((n) => p ? /* @__PURE__ */ u(e, { children: [/* @__PURE__ */ l(r, {
+									children: n.items.map((n) => m ? /* @__PURE__ */ d(e, { children: [/* @__PURE__ */ u(r, {
 										asChild: !0,
-										children: /* @__PURE__ */ l(h, {
+										children: /* @__PURE__ */ u(i, {
 											item: n,
 											depth: 0,
-											maxDepth: w,
-											currentPath: f,
-											expandedItems: T,
-											toggleExpand: A,
-											onItemClick: g,
-											onToggleCollapse: _,
-											collapsed: p
+											maxDepth: C,
+											currentPath: p,
+											expandedItems: w,
+											toggleExpand: T,
+											onItemClick: h,
+											onToggleCollapse: g,
+											collapsed: m
 										})
-									}), /* @__PURE__ */ u(t, {
+									}), /* @__PURE__ */ d(t, {
 										side: "right",
-										children: [/* @__PURE__ */ l("p", { children: n.label }), n.badge !== void 0 && n.badge > 0 && /* @__PURE__ */ l("span", {
+										children: [/* @__PURE__ */ u("p", { children: n.label }), n.badge !== void 0 && n.badge > 0 && /* @__PURE__ */ u("span", {
 											className: "ml-2 text-xs bg-status-error-bg text-status-error-text px-2 py-0.5 rounded-pill",
 											children: n.badge
 										})]
-									})] }, n.id) : /* @__PURE__ */ l(h, {
+									})] }, n.id) : /* @__PURE__ */ u(i, {
 										item: n,
 										depth: 0,
-										maxDepth: w,
-										currentPath: f,
-										expandedItems: T,
-										toggleExpand: A,
-										onItemClick: g,
-										onToggleCollapse: _,
-										collapsed: p
+										maxDepth: C,
+										currentPath: p,
+										expandedItems: w,
+										toggleExpand: T,
+										onItemClick: h,
+										onToggleCollapse: g,
+										collapsed: m
 									}, n.id))
 								})
 							]
@@ -267,58 +135,22 @@ var p = (e, t) => f(e, t) ? !0 : e.children ? e.children.some((e) => p(e, t)) :
 					})
 				})
 			}),
-			b && /* @__PURE__ */ l("div", {
-				className: `py-card-padding border-t border-border-subtle ${p ? "md:px-2" : "px-card-padding"}`,
-				children: b
+			y && /* @__PURE__ */ u("div", {
+				className: `py-card-padding border-t border-border-subtle ${m ? "md:px-2" : "px-card-padding"}`,
+				children: y
 			}),
-			x && x.length > 0 && /* @__PURE__ */ u("div", {
-				className: "md:hidden py-4 px-4 border-t border-border-subtle bg-bg-canvas/50",
-				children: [/* @__PURE__ */ l("p", {
-					className: "text-caption text-text-tertiary mb-3 font-medium uppercase tracking-wider",
-					children: "Quick Actions"
-				}), /* @__PURE__ */ l("div", {
-					className: "flex items-center justify-center gap-3",
-					children: x.map((e) => /* @__PURE__ */ l("button", {
-						onClick: () => {
-							e.onClick(), e.closeSidebar !== !1 && _ && !p && _();
-						},
-						className: `flex items-center justify-center w-12 h-12 rounded-xl text-body-sm font-medium transition-all ${e.isToggle && e.isActive ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "bg-bg-surface text-text-primary hover:bg-action-ghost-bg-hover border border-border-subtle hover:border-border-default active:scale-95"}`,
-						"aria-label": e.label,
-						title: e.label,
-						children: /* @__PURE__ */ l("span", {
-							className: "size-5",
-							children: e.icon
-						})
-					}, e.id))
-				})]
+			b && b.length > 0 && /* @__PURE__ */ u(o, {
+				actions: b,
+				collapsed: m,
+				onToggleCollapse: g
 			}),
-			_ && /* @__PURE__ */ l("div", {
-				className: `hidden md:block py-4 border-t border-border-subtle ${p ? "px-2" : "px-card-padding"}`,
-				children: /* @__PURE__ */ u("button", {
-					type: "button",
-					onClick: _,
-					className: `w-full flex items-center gap-icon-gap py-2 rounded-button text-text-secondary hover:bg-action-ghost-bg-hover hover:text-text-primary transition-colors ${p ? "justify-center px-2" : "px-card-padding"}`,
-					"aria-label": p ? "Expand sidebar" : "Collapse sidebar",
-					title: p ? "Expand sidebar" : "Collapse sidebar",
-					children: [/* @__PURE__ */ l("svg", {
-						className: `w-icon-md h-icon-md transition-transform ${p ? "rotate-180" : ""}`,
-						fill: "none",
-						stroke: "currentColor",
-						viewBox: "0 0 24 24",
-						children: /* @__PURE__ */ l("path", {
-							strokeLinecap: "round",
-							strokeLinejoin: "round",
-							strokeWidth: 2,
-							d: "M15 19l-7-7 7-7"
-						})
-					}), !p && /* @__PURE__ */ l("span", {
-						className: "text-body-sm font-medium",
-						children: v
-					})]
-				})
+			g && /* @__PURE__ */ u(s, {
+				collapsed: m,
+				collapseLabel: _,
+				onToggleCollapse: g
 			})
 		]
 	})] });
 };
 //#endregion
-export { g as SideNavigation };
+export { f as SideNavigation };

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 };