@burdenoff/fe-libs 2026.1010.3 → 2026.1011.2

package/dist/chrome/ContextSwitcher.js

@@ -1,39 +1,40 @@
 import { Sheet as e, SheetContent as t, SheetHeader as n, SheetTitle as r } from "../ui/sheet.js";
 import { useShellLabel as i } from "../shared/providers/shell/useShellLabel.js";
 import { useAssistantControl as a } from "../shared/assistant/appControls/useAssistantControl.js";
-import { EscapeLayer as o } from "../shared/components/EscapeLayer.js";
-import { useIsMobile as s } from "./contextSwitcher/useIsMobile.js";
-import { TabButton as c } from "./contextSwitcher/TabButton.js";
-import { OrganizationList as l } from "./contextSwitcher/OrganizationList.js";
-import { WorkspaceList as u } from "./contextSwitcher/WorkspaceList.js";
-import { ProjectList as d } from "./contextSwitcher/ProjectList.js";
-import { TriggerButton as f } from "./contextSwitcher/TriggerButton.js";
-import { useCallback as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EscapeLayer as ee } from "../shared/components/EscapeLayer.js";
+import { useIsMobile as te } from "./contextSwitcher/useIsMobile.js";
+import { TabButton as o } from "./contextSwitcher/TabButton.js";
+import { matchesOrganizationSearch as s } from "./contextSwitcher/organizationLabel.js";
+import { OrganizationList as c } from "./contextSwitcher/OrganizationList.js";
+import { WorkspaceList as l } from "./contextSwitcher/WorkspaceList.js";
+import { ProjectList as u } from "./contextSwitcher/ProjectList.js";
+import { TriggerButton as d } from "./contextSwitcher/TriggerButton.js";
+import { useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as ne, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/chrome/ContextSwitcher.tsx
-var x = ({ organizations: x, workspaces: S, projects: C, currentOrganizationId: w, currentWorkspaceId: T, currentProjectId: E, onOrganizationChange: D, onWorkspaceChange: O, onProjectChange: k, onWorkspaceWideChange: A, compact: ee = !1 }) => {
-	let j = i(), [M, N] = _(!1), [P, F] = _(() => w ? "workspace" : "org"), [I, L] = _({
+var y = ({ organizations: y, workspaces: b, projects: x, currentOrganizationId: S, currentWorkspaceId: C, currentProjectId: w, onOrganizationChange: T, onWorkspaceChange: E, onProjectChange: D, onWorkspaceWideChange: O, compact: re = !1 }) => {
+	let k = i(), [A, j] = g(!1), [M, N] = g(() => S ? "workspace" : "org"), [P, F] = g({
 		org: "",
 		workspace: "",
 		project: ""
-	}), R = s(), z = g(null), B = g(null), V = g(w);
-	V.current = w;
-	let te = x.find((e) => e.id === w), ne = S.find((e) => e.id === T), re = C.find((e) => e.id === E), H = S.filter((e) => e.organizationId === w), U = C.filter((e) => e.workspaceId === T), W = p((e, t) => {
+	}), I = te(), L = h(null), R = h(null), z = h(S);
+	z.current = S;
+	let ie = y.find((e) => e.id === S), B = b.find((e) => e.id === C), V = x.find((e) => e.id === w), H = b.filter((e) => e.organizationId === S), U = x.filter((e) => e.workspaceId === C), W = f((e, t) => {
 		if (!t.trim()) return e;
 		let n = t.toLowerCase().trim();
 		return e.filter((e) => e.name.toLowerCase().includes(n));
-	}, []), G = g({
+	}, []), G = h({
 		filteredWorkspaces: H,
-		currentWorkspaceId: T,
-		onWorkspaceChange: O
+		currentWorkspaceId: C,
+		onWorkspaceChange: E
 	});
 	G.current = {
 		filteredWorkspaces: H,
-		currentWorkspaceId: T,
-		onWorkspaceChange: O
-	}, a("header.context", h(() => ({ run: () => M ? { status: "already" } : (N(!0), { status: "done" }) }), [M]));
-	let K = O !== void 0;
-	a("header.workspace", h(() => K ? {
+		currentWorkspaceId: C,
+		onWorkspaceChange: E
+	}, a("header.context", m(() => ({ run: () => A ? { status: "already" } : (j(!0), { status: "done" }) }), [A]));
+	let K = E !== void 0;
+	a("header.workspace", m(() => K ? {
 		targets: () => G.current.filteredWorkspaces.map((e) => ({
 			id: e.id,
 			label: e.name,
@@ -45,132 +46,132 @@ var x = ({ organizations: x, workspaces: S, projects: C, currentOrganizationId:
 		}
 	} : null, [K]));
 	let q = () => {
-		!T || !A || (A(), N(!1));
-	}, J = W(x, I.org), Y = W(H, I.workspace), ie = W(U, I.project), X = p((e, t) => {
-		L((n) => ({
+		!C || !O || (O(), j(!1));
+	}, J = y.filter((e) => s(e, P.org)), ae = W(H, P.workspace), oe = W(U, P.project), Y = f((e, t) => {
+		F((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), Z = p((e) => {
-		F(e), L({
+	}, []), X = f((e) => {
+		N(e), F({
 			org: "",
 			workspace: "",
 			project: ""
 		}), setTimeout(() => {
-			B.current?.focus();
+			R.current?.focus();
 		}, 50);
 	}, []);
-	m(() => {
-		if (R) return;
+	p(() => {
+		if (I) return;
 		let e = (e) => {
-			z.current && !z.current.contains(e.target) && N(!1);
+			L.current && !L.current.contains(e.target) && j(!1);
 		};
-		if (M) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [M, R]), m(() => {
-		if (M) {
-			F(V.current ? "workspace" : "org");
+		if (A) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [A, I]), p(() => {
+		if (A) {
+			N(z.current ? "workspace" : "org");
 			let e = setTimeout(() => {
-				B.current?.focus();
+				R.current?.focus();
 			}, 100);
 			return () => clearTimeout(e);
 		}
-		L({
+		F({
 			org: "",
 			workspace: "",
 			project: ""
 		});
-	}, [M]);
-	let ae = (e) => {
-		D && D(e);
-	}, oe = (e) => {
-		O && O(e);
+	}, [A]);
+	let Z = (e) => {
+		T && T(e);
 	}, se = (e) => {
-		k && k(e), N(!1);
-	}, Q = () => /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b("div", {
+		E && E(e);
+	}, ce = (e) => {
+		D && D(e), j(!1);
+	}, Q = () => /* @__PURE__ */ v(ne, { children: [/* @__PURE__ */ v("div", {
 		className: "flex items-stretch border-b border-[var(--color-border-subtle)] bg-[var(--color-bg-surface)]",
 		children: [
-			/* @__PURE__ */ y(c, {
-				label: j("contextSwitcher.organization", "Organization"),
-				isActive: P === "org",
-				onClick: () => Z("org")
+			/* @__PURE__ */ _(o, {
+				label: k("contextSwitcher.organization", "Organization"),
+				isActive: M === "org",
+				onClick: () => X("org")
 			}),
-			/* @__PURE__ */ y(c, {
-				label: j("contextSwitcher.workspace", "Workspace"),
-				isActive: P === "workspace",
-				onClick: () => Z("workspace")
+			/* @__PURE__ */ _(o, {
+				label: k("contextSwitcher.workspace", "Workspace"),
+				isActive: M === "workspace",
+				onClick: () => X("workspace")
 			}),
-			/* @__PURE__ */ y(c, {
-				label: j("contextSwitcher.project", "Project"),
-				isActive: P === "project",
-				onClick: () => Z("project")
+			/* @__PURE__ */ _(o, {
+				label: k("contextSwitcher.project", "Project"),
+				isActive: M === "project",
+				onClick: () => X("project")
 			})
 		]
-	}), /* @__PURE__ */ b("div", {
+	}), /* @__PURE__ */ v("div", {
 		className: "flex-1 overflow-hidden",
 		children: [
-			P === "org" && /* @__PURE__ */ y(l, {
-				organizations: x,
+			M === "org" && /* @__PURE__ */ _(c, {
+				organizations: y,
 				searchedOrganizations: J,
-				currentOrganizationId: w,
-				searchQuery: I.org,
-				onSearchChange: (e) => X("org", e),
-				onSelect: ae,
-				searchInputRef: B
+				currentOrganizationId: S,
+				searchQuery: P.org,
+				onSearchChange: (e) => Y("org", e),
+				onSelect: Z,
+				searchInputRef: R
 			}),
-			P === "workspace" && /* @__PURE__ */ y(u, {
+			M === "workspace" && /* @__PURE__ */ _(l, {
 				filteredWorkspaces: H,
-				searchedWorkspaces: Y,
-				currentWorkspaceId: T,
-				searchQuery: I.workspace,
-				onSearchChange: (e) => X("workspace", e),
-				onSelect: oe,
-				searchInputRef: B
+				searchedWorkspaces: ae,
+				currentWorkspaceId: C,
+				searchQuery: P.workspace,
+				onSearchChange: (e) => Y("workspace", e),
+				onSelect: se,
+				searchInputRef: R
 			}),
-			P === "project" && /* @__PURE__ */ y(d, {
-				onWorkspaceWideSelect: T && A ? q : void 0,
+			M === "project" && /* @__PURE__ */ _(u, {
+				onWorkspaceWideSelect: C && O ? q : void 0,
 				filteredProjects: U,
-				searchedProjects: ie,
-				currentProjectId: E,
-				searchQuery: I.project,
-				onSearchChange: (e) => X("project", e),
-				onSelect: se,
-				searchInputRef: B
+				searchedProjects: oe,
+				currentProjectId: w,
+				searchQuery: P.project,
+				onSearchChange: (e) => Y("project", e),
+				onSelect: ce,
+				searchInputRef: R
 			})
 		]
-	})] }), $ = /* @__PURE__ */ y(f, {
-		isOpen: M,
-		compact: ee,
-		currentOrg: te,
-		currentWorkspace: ne,
-		currentProject: re,
-		onToggle: () => N(!M)
+	})] }), $ = /* @__PURE__ */ _(d, {
+		isOpen: A,
+		compact: re,
+		currentOrg: ie,
+		currentWorkspace: B,
+		currentProject: V,
+		onToggle: () => j(!A)
 	});
-	return R ? /* @__PURE__ */ b("div", {
+	return I ? /* @__PURE__ */ v("div", {
 		className: "relative",
-		children: [$, /* @__PURE__ */ y(e, {
-			open: M,
-			onOpenChange: N,
-			children: /* @__PURE__ */ b(t, {
+		children: [$, /* @__PURE__ */ _(e, {
+			open: A,
+			onOpenChange: j,
+			children: /* @__PURE__ */ v(t, {
 				side: "bottom",
 				className: "h-[70vh] flex flex-col p-0",
-				children: [/* @__PURE__ */ y(n, {
+				children: [/* @__PURE__ */ _(n, {
 					className: "px-4 pt-4 pb-2 border-b border-[var(--color-border-subtle)]",
-					children: /* @__PURE__ */ y(r, {
+					children: /* @__PURE__ */ _(r, {
 						className: "text-[var(--color-text-primary)]",
-						children: j("contextSwitcher.title", "Switch Context")
+						children: k("contextSwitcher.title", "Switch Context")
 					})
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "flex-1 flex flex-col overflow-hidden",
 					children: Q()
 				})]
 			})
 		})]
-	}) : /* @__PURE__ */ b("div", {
+	}) : /* @__PURE__ */ v("div", {
 		className: "relative",
-		ref: z,
-		children: [$, M && /* @__PURE__ */ y(o, {
-			onDismiss: () => N(!1),
-			children: /* @__PURE__ */ y("div", {
+		ref: L,
+		children: [$, A && /* @__PURE__ */ _(ee, {
+			onDismiss: () => j(!1),
+			children: /* @__PURE__ */ _("div", {
 				className: "absolute right-0 mt-2 w-[calc(100vw-2rem)] sm:w-[26rem] bg-[var(--color-bg-elevated)] border border-[var(--color-border-subtle)] rounded-card shadow-[var(--shadow-elevation-4)] z-50 flex flex-col max-h-[400px] overflow-hidden animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-200",
 				children: Q()
 			})
@@ -178,4 +179,4 @@ var x = ({ organizations: x, workspaces: S, projects: C, currentOrganizationId:
 	});
 };
 //#endregion
-export { x as ContextSwitcher };
+export { y as ContextSwitcher };

package/dist/chrome/contextSwitcher/OrganizationList.js

@@ -1,34 +1,45 @@
-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";
+import { organizationDetail as e } from "./organizationLabel.js";
+import { SearchInput as t } from "./SearchInput.js";
+import { EmptyState as n } from "./EmptyState.js";
+import { BuildingIcon as r, CheckIcon as i } from "./icons.js";
+import { jsx as a, jsxs as o } 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", {
+var s = ({ organizations: s, searchedOrganizations: c, currentOrganizationId: l, searchQuery: u, onSearchChange: d, onSelect: f, searchInputRef: p }) => /* @__PURE__ */ o("div", {
 	className: "h-full flex flex-col",
-	children: [/* @__PURE__ */ i(e, {
-		value: c,
-		onChange: l,
+	children: [/* @__PURE__ */ a(t, {
+		value: u,
+		onChange: d,
 		placeholder: "Search organizations...",
-		inputRef: d
-	}), /* @__PURE__ */ i("div", {
+		inputRef: p
+	}), /* @__PURE__ */ a("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-[var(--motion-easing-out)] animate-in fade-in-0 slide-in-from-left-2 ${e.id === s ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-primary hover:bg-bg-sunken 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, {
+		children: c.length > 0 ? c.map((t, n) => {
+			let c = e(t, s);
+			return /* @__PURE__ */ o("button", {
+				"aria-label": c ? `${t.name} (${c})` : void 0,
+				onClick: () => f(t),
+				className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-all duration-200 ease-[var(--motion-easing-out)] animate-in fade-in-0 slide-in-from-left-2 ${t.id === l ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-primary hover:bg-bg-sunken hover:translate-x-0.5"}`,
+				style: { animationDelay: `${n * 30}ms` },
+				children: [
+					/* @__PURE__ */ a(r, { className: "size-5 text-[var(--color-text-secondary)] flex-shrink-0" }),
+					/* @__PURE__ */ o("span", {
+						className: "flex-1 min-w-0 text-left",
+						children: [/* @__PURE__ */ a("span", {
+							className: "block truncate",
+							children: t.name
+						}), c && /* @__PURE__ */ a("span", {
+							className: "block break-all text-xs text-[var(--color-text-secondary)]",
+							children: c
+						})]
+					}),
+					t.id === l && /* @__PURE__ */ a(i, { className: "size-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200" })
+				]
+			}, t.id);
+		}) : /* @__PURE__ */ a(n, {
 			message: "No organizations available",
-			isSearchResult: c.length > 0
+			isSearchResult: u.length > 0
 		})
 	})]
 });
 //#endregion
-export { o as OrganizationList };
+export { s as OrganizationList };

package/dist/chrome/contextSwitcher/organizationLabel.d.ts

@@ -0,0 +1,4 @@
+import { Organization } from './types';
+/** Keep a label stable across filtering and ordering; never use a list position. */
+export declare function organizationDetail(org: Organization, organizations: Organization[]): string | undefined;
+export declare function matchesOrganizationSearch(org: Organization, query: string): boolean;

package/dist/chrome/contextSwitcher/organizationLabel.js

@@ -0,0 +1,13 @@
+//#region src/chrome/contextSwitcher/organizationLabel.ts
+function e(e, t) {
+	let n = t.filter((t) => t.name === e.name);
+	if (n.length < 2) return;
+	let r = e.slug?.trim();
+	return r ? n.filter((e) => e.slug?.trim() === r).length === 1 ? r : `${r} · ID: ${e.id}` : `ID: ${e.id}`;
+}
+function t(e, t) {
+	let n = t.toLowerCase().trim();
+	return !n || e.name.toLowerCase().includes(n) || !!e.slug?.toLowerCase().includes(n);
+}
+//#endregion
+export { t as matchesOrganizationSearch, e as organizationDetail };

package/dist/shared/graphql/fetch.d.ts

@@ -148,6 +148,12 @@ export declare function ensureWorkspaceToken(options: {
      */
     signal?: AbortSignal;
     currentQuery: string;
+    /** Optional predispatch facade guard; legacy caller behavior remains unchanged. */
+    issuanceGuard?: {
+        identityKey: string;
+        isCurrent(): boolean;
+        accepts(token: string, workspaceId: string): boolean;
+    };
 }): Promise<string | null>;
 /** Resolve full gateway GraphQL URL */
 export declare function resolveGatewayUrl(gateway: Gateway, baseUrl?: string): string;