@burdenoff/fe-libs 2026.722.2 → 2026.723.1

package/dist/chrome/NavCustomizeDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavCustomizeDialog.d.ts","sourceRoot":"","sources":["../../src/chrome/NavCustomizeDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAwBH,MAAM,WAAW,uBAAuB;IACtC,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA6DD,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,UAAU,EACV,eAA8B,GAC/B,EAAE,uBAAuB,kDAuNzB"}
+{"version":3,"file":"NavCustomizeDialog.d.ts","sourceRoot":"","sources":["../../src/chrome/NavCustomizeDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAwBH,MAAM,WAAW,uBAAuB;IACtC,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA6DD,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,UAAU,EACV,eAA8B,GAC/B,EAAE,uBAAuB,kDAmIzB"}

package/dist/chrome/NavCustomizeDialog.js

@@ -55,131 +55,66 @@ function g({ groupLabels: o, groupOrder: f, everythingLabel: g = "Everything" })
 		o
 	]);
 	if (!_) return null;
-	let { surfaces: w, activeSurfaceId: T, activeSurface: E, resolvedSurfaceId: D, availableSurfaceIds: O, setSurfaceId: k, overrides: A, setItemOverride: j, resetOverrides: M, customizeOpen: N, setCustomizeOpen: P, canSimulate: F, simulation: I, startSimulation: L, stopSimulation: R, simulatableRoles: z, simulatableRolesLoading: B, loadSimulatableRoles: V } = _, H = E ? E.visibleItems : null, U = (e, t, n) => {
-		let r = u(e, t, H, {});
-		j(e.id, n === r ? null : n ? "shown" : "hidden");
-	}, W = Object.keys(A).length, G = O.map((e) => ({
-		id: e,
-		label: e === "everything" ? g : w.find((t) => t.id === e)?.label ?? e
-	}));
+	let { activeSurfaceId: w, activeSurface: T, overrides: E, setItemOverride: D, resetOverrides: O, customizeOpen: k, setCustomizeOpen: A, simulation: j } = _, M = T ? T.visibleItems : null, N = (e, t, n) => {
+		let r = u(e, t, M, {});
+		D(e.id, n === r ? null : n ? "shown" : "hidden");
+	}, P = Object.keys(E).length, F = w === "everything" ? g : T?.label ?? w;
 	return /* @__PURE__ */ p(e, {
-		open: N,
-		onOpenChange: P,
+		open: k,
+		onOpenChange: A,
 		children: /* @__PURE__ */ m(t, {
 			className: "max-h-[85vh] overflow-y-auto sm:max-w-lg",
-			children: [/* @__PURE__ */ m(r, { children: [/* @__PURE__ */ p(i, { children: "Customize menu" }), /* @__PURE__ */ p(n, { children: "Choose which pages appear in your sidebar. Hidden pages stay one click away under “more” and in search — nothing is removed." })] }), /* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ m(r, { children: [/* @__PURE__ */ p(i, { children: "Customize menu" }), /* @__PURE__ */ m(n, { children: [
+				"Choose which pages appear in the",
+				" ",
+				/* @__PURE__ */ p("span", {
+					className: "font-medium text-text-primary",
+					children: F
+				}),
+				" view. Hidden pages stay one click away under “more” and in search — nothing is removed."
+			] })] }), /* @__PURE__ */ p("div", {
 				className: "space-y-5",
-				children: [
-					/* @__PURE__ */ m("section", {
-						className: "space-y-2",
-						children: [
-							/* @__PURE__ */ p("h3", {
-								className: "text-[11px] font-medium uppercase tracking-wider text-text-muted",
-								children: "Menu view"
-							}),
-							/* @__PURE__ */ m("select", {
-								value: T,
-								onChange: (e) => {
-									let t = e.target.value;
-									k(t === D ? null : t);
-								},
-								disabled: !!I,
-								className: "w-full rounded-button border border-border-subtle bg-bg-canvas px-3 py-2 text-body-sm text-text-primary disabled:opacity-60",
-								"data-testid": "persona-dialog-surface-select",
-								children: [G.map((e) => /* @__PURE__ */ p("option", {
-									value: e.id,
-									children: e.label
-								}, e.id)), !G.some((e) => e.id === T) && /* @__PURE__ */ p("option", {
-									value: T,
-									children: w.find((e) => e.id === T)?.label ?? T
-								})]
-							}),
-							T !== D && !I && /* @__PURE__ */ p("button", {
-								type: "button",
-								onClick: () => k(null),
-								className: "text-body-sm text-text-secondary underline-offset-2 hover:text-text-primary hover:underline",
-								"data-testid": "persona-dialog-surface-reset",
-								children: "Reset to my role’s view"
-							})
-						]
-					}),
-					F && /* @__PURE__ */ m("section", {
-						className: "space-y-2",
-						children: [
-							/* @__PURE__ */ p("h3", {
-								className: "text-[11px] font-medium uppercase tracking-wider text-text-muted",
-								children: "Simulate a role (admin preview)"
-							}),
-							/* @__PURE__ */ m("select", {
-								value: I?.roleId ?? "",
-								onFocus: V,
-								onChange: (e) => {
-									let t = e.target.value;
-									if (!t) {
-										R();
-										return;
-									}
-									let n = z.find((e) => e.id === t);
-									n && L(n);
-								},
-								className: "w-full rounded-button border border-border-subtle bg-bg-canvas px-3 py-2 text-body-sm text-text-primary",
-								"data-testid": "persona-dialog-simulate-select",
-								children: [/* @__PURE__ */ p("option", {
-									value: "",
-									children: B ? "Loading roles…" : "Not simulating"
-								}), z.map((e) => /* @__PURE__ */ p("option", {
-									value: e.id,
-									children: e.name
-								}, e.id))]
-							}),
-							/* @__PURE__ */ p("p", {
-								className: "text-body-sm text-text-muted",
-								children: "Preview the menu another role sees. Your own access is unchanged."
-							})
-						]
-					}),
-					/* @__PURE__ */ m("section", {
-						className: "space-y-1",
-						"data-testid": "persona-dialog-items",
-						children: [/* @__PURE__ */ m("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ p("h3", {
-								className: "text-[11px] font-medium uppercase tracking-wider text-text-muted",
-								children: "Menu items"
-							}), W > 0 && /* @__PURE__ */ m("button", {
-								type: "button",
-								onClick: M,
-								className: "text-body-sm text-text-secondary underline-offset-2 hover:text-text-primary hover:underline",
-								"data-testid": "persona-dialog-reset-overrides",
-								children: [
-									"Reset ",
-									W,
-									" change",
-									W === 1 ? "" : "s"
-								]
-							})]
-						}), I ? /* @__PURE__ */ p("p", {
-							className: "py-2 text-body-sm text-text-muted",
-							children: "Exit role simulation to customize your own menu."
-						}) : C.map((e) => /* @__PURE__ */ m("div", {
-							className: "pt-2",
-							children: [e.label && /* @__PURE__ */ p("p", {
-								className: "pb-1 text-[11px] font-medium uppercase tracking-wider text-text-muted",
-								children: e.label
-							}), /* @__PURE__ */ p("div", {
-								className: "divide-y divide-border-subtle",
-								children: e.items.map((e) => /* @__PURE__ */ p(h, {
-									item: e,
-									depth: 0,
-									parentShown: !1,
-									surfaceVisibleItems: H,
-									overrides: A,
-									onToggle: U
-								}, e.id))
-							})]
-						}, e.key))]
-					})
-				]
+				children: /* @__PURE__ */ m("section", {
+					className: "space-y-1",
+					"data-testid": "persona-dialog-items",
+					children: [/* @__PURE__ */ m("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ p("h3", {
+							className: "text-[11px] font-medium uppercase tracking-wider text-text-muted",
+							children: "Menu items"
+						}), P > 0 && /* @__PURE__ */ m("button", {
+							type: "button",
+							onClick: O,
+							className: "text-body-sm text-text-secondary underline-offset-2 hover:text-text-primary hover:underline",
+							"data-testid": "persona-dialog-reset-overrides",
+							children: [
+								"Reset ",
+								P,
+								" change",
+								P === 1 ? "" : "s"
+							]
+						})]
+					}), j ? /* @__PURE__ */ p("p", {
+						className: "py-2 text-body-sm text-text-muted",
+						children: "Exit role simulation to customize your own menu."
+					}) : C.map((e) => /* @__PURE__ */ m("div", {
+						className: "pt-2",
+						children: [e.label && /* @__PURE__ */ p("p", {
+							className: "pb-1 text-[11px] font-medium uppercase tracking-wider text-text-muted",
+							children: e.label
+						}), /* @__PURE__ */ p("div", {
+							className: "divide-y divide-border-subtle",
+							children: e.items.map((e) => /* @__PURE__ */ p(h, {
+								item: e,
+								depth: 0,
+								parentShown: !1,
+								surfaceVisibleItems: M,
+								overrides: E,
+								onToggle: N
+							}, e.id))
+						})]
+					}, e.key))]
+				})
 			})]
 		})
 	});

package/dist/chrome/PersonaSurfaceControls.d.ts

@@ -2,12 +2,15 @@
  * PersonaSurfaceControls — sidebar-footer widget for persona surfaces.
  *
  * Rendered automatically by ProductSideNav when a PersonaSurfaceProvider is
- * mounted. Expanded sidebar: a compact "Viewing" select (the surfaces the
- * user qualifies for + Everything) and a Customize button. Collapsed rail:
- * a single Customize icon button. During role simulation the select is
- * replaced with the simulated role and an Exit control; a viewport-fixed
- * pill (rendered by ProductSideNav OUTSIDE the aside, so backdrop-filter
- * doesn't trap the fixed positioning) mirrors the state on all breakpoints.
+ * mounted. One compact row: a searchable VIEW DROPDOWN (the user's surfaces —
+ * their own role preselected and marked — plus Everything, and, for workspace
+ * admins / super admins, a "Preview a role" section) and a Customize button
+ * that opens the per-item visibility dialog. The dropdown panel renders
+ * inline above the footer (no portal), so inside the mobile drawer it needs
+ * no overlay and never covers the nav. During role preview the trigger tints
+ * amber and an "Exit preview" row appears; a viewport-fixed pill (rendered by
+ * ProductSideNav OUTSIDE the aside — its backdrop-filter would trap fixed
+ * positioning) mirrors the state on all breakpoints.
  */
 export interface PersonaSurfaceControlsProps {
     /** Label for the built-in uncurated surface. @default "Everything" */

package/dist/chrome/PersonaSurfaceControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PersonaSurfaceControls.d.ts","sourceRoot":"","sources":["../../src/chrome/PersonaSurfaceControls.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AASH,MAAM,WAAW,2BAA2B;IAC1C,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,eAA8B,EAC9B,cAAiC,GAClC,EAAE,2BAA2B,kDAyG7B;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,mDAyBpC"}
+{"version":3,"file":"PersonaSurfaceControls.d.ts","sourceRoot":"","sources":["../../src/chrome/PersonaSurfaceControls.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAiBH,MAAM,WAAW,2BAA2B;IAC1C,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA8OD,wBAAgB,sBAAsB,CAAC,EACrC,eAA8B,EAC9B,cAAiC,GAClC,EAAE,2BAA2B,kDA6C7B;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,mDAyBpC"}

package/dist/chrome/PersonaSurfaceControls.js

@@ -1,102 +1,202 @@
 import { useShellUi as e } from "../shared/providers/shell/ShellUiProvider.js";
 import { useSafePersonaSurface as t } from "../shared/providers/shell/PersonaSurfaceProvider.js";
-import { Eye as n, SlidersHorizontal as r, X as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { Check as o, ChevronsUpDown as s, Eye as c, Search as l, SlidersHorizontal as u, X as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/chrome/PersonaSurfaceControls.tsx
-function s({ everythingLabel: s = "Everything", customizeLabel: c = "Customize menu" }) {
-	let l = t(), { sidebarCollapsed: u } = e();
-	if (!l) return null;
-	let { surfaces: d, activeSurfaceId: f, resolvedSurfaceId: p, availableSurfaceIds: m, setSurfaceId: h, setCustomizeOpen: g, simulation: _, stopSimulation: v } = l, y = /* @__PURE__ */ a("button", {
+function h(e, t) {
+	let { surfaces: n, availableSurfaceIds: r, resolvedSurfaceId: i } = e, a = (e) => e === "everything" ? t : n.find((t) => t.id === e)?.label ?? e, o = [...r];
+	return o.sort((e, t) => {
+		let n = (e) => e === i ? 0 : e === "everything" ? 2 : 1;
+		return n(e) - n(t);
+	}), o.map((e) => ({
+		id: e,
+		label: a(e),
+		isResolved: e === i
+	}));
+}
+function g({ everythingLabel: e }) {
+	let u = t(), [g, _] = a(!1), [v, y] = a(""), b = i(null), x = i(null), S = n(() => {
+		_(!1), y("");
+	}, []);
+	if (r(() => {
+		if (!g) return;
+		let e = (e) => {
+			b.current?.contains(e.target) || S();
+		};
+		return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
+		};
+	}, [g, S]), r(() => {
+		g && x.current?.focus();
+	}, [g]), !u) return null;
+	let { activeSurfaceId: C, surfaces: w, resolvedSurfaceId: T, setSurfaceId: E, canSimulate: D, simulation: O, startSimulation: k, stopSimulation: A, simulatableRoles: j, simulatableRolesLoading: M, loadSimulatableRoles: N } = u, P = h(u, e), F = v.trim().toLowerCase(), I = F ? P.filter((e) => e.label.toLowerCase().includes(F)) : P, L = F ? j.filter((e) => e.name.toLowerCase().includes(F)) : j, R = O ? O.roleName : P.find((e) => e.id === C)?.label ?? w.find((e) => e.id === C)?.label ?? e, z = () => {
+		if (g) {
+			S();
+			return;
+		}
+		D && N(), _(!0);
+	}, B = (e) => {
+		e.key === "Escape" && g && (e.preventDefault(), e.stopPropagation(), S());
+	}, V = (e) => {
+		O && A(), E(e === T ? null : e), S();
+	}, H = "flex w-full min-h-9 items-center gap-2 rounded-button px-2.5 py-1.5 text-left text-body-sm text-text-primary hover:bg-bg-sunken transition-colors", U = "px-2.5 pb-1 pt-2.5 text-[11px] font-medium uppercase tracking-wider text-text-muted";
+	return /* @__PURE__ */ m("div", {
+		ref: b,
+		className: "relative min-w-0 flex-1",
+		onKeyDown: B,
+		children: [g && /* @__PURE__ */ m("div", {
+			className: "absolute inset-x-0 bottom-full z-20 mb-2 flex max-h-80 flex-col overflow-hidden rounded-card border border-border-subtle bg-bg-canvas shadow-lg",
+			role: "listbox",
+			"data-testid": "persona-view-panel",
+			children: [/* @__PURE__ */ m("div", {
+				className: "flex items-center gap-2 border-b border-border-subtle px-2.5 py-2",
+				children: [/* @__PURE__ */ p(l, { className: "size-4 flex-shrink-0 text-text-muted" }), /* @__PURE__ */ p("input", {
+					ref: x,
+					value: v,
+					onChange: (e) => y(e.target.value),
+					placeholder: "Search views & roles",
+					className: "w-full bg-transparent text-body-sm text-text-primary outline-none placeholder:text-text-muted",
+					"data-testid": "persona-view-search"
+				})]
+			}), /* @__PURE__ */ m("div", {
+				className: "overflow-y-auto py-1",
+				children: [
+					I.length > 0 && /* @__PURE__ */ p("p", {
+						className: U,
+						children: "Views"
+					}),
+					I.map((e) => {
+						let t = !O && e.id === C;
+						return /* @__PURE__ */ m("button", {
+							type: "button",
+							onClick: () => V(e.id),
+							className: H,
+							"data-testid": `persona-view-${e.id}`,
+							children: [
+								/* @__PURE__ */ p(o, { className: `size-4 flex-shrink-0 ${t ? "text-text-primary" : "invisible"}` }),
+								/* @__PURE__ */ p("span", {
+									className: "truncate",
+									children: e.label
+								}),
+								e.isResolved && /* @__PURE__ */ p("span", {
+									className: "ml-auto flex-shrink-0 rounded-full bg-bg-sunken px-2 py-0.5 text-[11px] text-text-secondary",
+									children: "Your role"
+								})
+							]
+						}, e.id);
+					}),
+					D && /* @__PURE__ */ m(f, { children: [
+						/* @__PURE__ */ p("p", {
+							className: U,
+							children: "Preview a role"
+						}),
+						O && /* @__PURE__ */ m("button", {
+							type: "button",
+							onClick: () => {
+								A(), S();
+							},
+							className: `${H} text-status-warning-text`,
+							"data-testid": "persona-view-exit-preview",
+							children: [/* @__PURE__ */ p(d, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ p("span", { children: "Exit preview" })]
+						}),
+						M && /* @__PURE__ */ p("p", {
+							className: "px-2.5 py-1.5 text-body-sm text-text-muted",
+							children: "Loading roles…"
+						}),
+						L.map((e) => {
+							let t = O?.roleId === e.id;
+							return /* @__PURE__ */ m("button", {
+								type: "button",
+								onClick: () => {
+									k(e), S();
+								},
+								className: H,
+								"data-testid": `persona-preview-${e.id}`,
+								children: [
+									/* @__PURE__ */ p(c, { className: `size-4 flex-shrink-0 ${t ? "text-status-warning-text" : "text-text-muted"}` }),
+									/* @__PURE__ */ p("span", {
+										className: "truncate",
+										children: e.name
+									}),
+									t && /* @__PURE__ */ p(o, { className: "ml-auto size-4 flex-shrink-0" })
+								]
+							}, e.id);
+						}),
+						!M && L.length === 0 && F && /* @__PURE__ */ p("p", {
+							className: "px-2.5 py-1.5 text-body-sm text-text-muted",
+							children: "No matching roles"
+						})
+					] }),
+					I.length === 0 && (!D || L.length === 0) && F && /* @__PURE__ */ p("p", {
+						className: "px-2.5 py-1.5 text-body-sm text-text-muted",
+						children: "No matches"
+					})
+				]
+			})]
+		}), /* @__PURE__ */ m("button", {
+			type: "button",
+			onClick: z,
+			"aria-expanded": g,
+			"aria-haspopup": "listbox",
+			className: `flex w-full min-h-9 items-center gap-2 rounded-button border px-2.5 py-1.5 text-body-sm transition-colors ${O ? "border-status-warning-text/40 bg-status-warning-bg-subtle text-text-primary" : "border-border-subtle bg-bg-canvas text-text-primary hover:bg-bg-sunken"}`,
+			"data-testid": "persona-view-trigger",
+			children: [
+				O ? /* @__PURE__ */ p(c, { className: "size-4 flex-shrink-0 text-status-warning-text" }) : /* @__PURE__ */ p(o, { className: "size-4 flex-shrink-0 text-text-muted" }),
+				/* @__PURE__ */ p("span", {
+					className: "min-w-0 flex-1 truncate text-left",
+					children: O ? `Preview: ${R}` : R
+				}),
+				/* @__PURE__ */ p(s, { className: "size-4 flex-shrink-0 text-text-muted" })
+			]
+		})]
+	});
+}
+function _({ everythingLabel: n = "Everything", customizeLabel: r = "Customize menu" }) {
+	let i = t(), { sidebarCollapsed: a, toggleSidebar: o } = e();
+	if (!i) return null;
+	let { setCustomizeOpen: s } = i, c = /* @__PURE__ */ p("button", {
 		type: "button",
-		onClick: () => g(!0),
+		onClick: () => {
+			typeof window < "u" && window.innerWidth < 768 && !a && o(), s(!0);
+		},
 		className: "p-2 rounded-button text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors flex-shrink-0",
-		"aria-label": c,
-		title: c,
+		"aria-label": r,
+		title: r,
 		"data-testid": "persona-customize-trigger",
-		children: /* @__PURE__ */ a(r, { className: "size-4" })
+		children: /* @__PURE__ */ p(u, { className: "size-4" })
 	});
-	if (u) return /* @__PURE__ */ a("div", {
+	return a ? /* @__PURE__ */ p("div", {
 		className: "hidden md:flex justify-center",
 		"data-testid": "persona-controls-collapsed",
-		children: y
-	});
-	if (_) return /* @__PURE__ */ o("div", {
-		className: "flex items-center gap-2 rounded-button bg-status-warning-bg-subtle px-2 py-1.5",
-		"data-testid": "persona-simulation-footer",
-		children: [
-			/* @__PURE__ */ a(n, { className: "size-4 flex-shrink-0 text-status-warning-text" }),
-			/* @__PURE__ */ o("div", {
-				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ a("p", {
-					className: "text-[11px] uppercase tracking-wider text-status-warning-text",
-					children: "Simulating"
-				}), /* @__PURE__ */ a("p", {
-					className: "truncate text-body-sm font-medium text-text-primary",
-					children: _.roleName
-				})]
-			}),
-			/* @__PURE__ */ a("button", {
-				type: "button",
-				onClick: v,
-				className: "p-1.5 rounded-button text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
-				"aria-label": "Exit role simulation",
-				"data-testid": "persona-simulation-exit",
-				children: /* @__PURE__ */ a(i, { className: "size-4" })
-			})
-		]
-	});
-	let b = m.map((e) => ({
-		id: e,
-		label: e === "everything" ? s : d.find((t) => t.id === e)?.label ?? e
-	}));
-	return /* @__PURE__ */ o("div", {
+		children: c
+	}) : /* @__PURE__ */ m("div", {
 		className: "flex items-center gap-1",
 		"data-testid": "persona-controls",
-		children: [/* @__PURE__ */ o("label", {
-			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ a("span", {
-				className: "sr-only",
-				children: "Menu view"
-			}), /* @__PURE__ */ o("select", {
-				value: f,
-				onChange: (e) => {
-					let t = e.target.value;
-					h(t === p ? null : t);
-				},
-				className: "w-full truncate rounded-button border border-border-subtle bg-bg-canvas px-2 py-1.5 text-body-sm text-text-primary hover:bg-bg-sunken transition-colors",
-				"data-testid": "persona-surface-select",
-				children: [b.map((e) => /* @__PURE__ */ a("option", {
-					value: e.id,
-					children: e.label
-				}, e.id)), !b.some((e) => e.id === f) && /* @__PURE__ */ a("option", {
-					value: f,
-					children: d.find((e) => e.id === f)?.label ?? f
-				})]
-			})]
-		}), y]
+		children: [/* @__PURE__ */ p(g, { everythingLabel: n }), c]
 	});
 }
-function c() {
+function v() {
 	let e = t();
-	return e?.simulation ? /* @__PURE__ */ o("div", {
+	return e?.simulation ? /* @__PURE__ */ m("div", {
 		className: "fixed bottom-4 left-1/2 z-[120] -translate-x-1/2 flex max-w-[calc(100vw-2rem)] items-center gap-2 rounded-full border border-border-subtle bg-bg-canvas px-4 py-2 shadow-lg",
 		style: { marginBottom: "env(safe-area-inset-bottom)" },
 		role: "status",
 		"data-testid": "persona-simulation-pill",
 		children: [
-			/* @__PURE__ */ a(n, { className: "size-4 flex-shrink-0 text-status-warning-text" }),
-			/* @__PURE__ */ o("span", {
+			/* @__PURE__ */ p(c, { className: "size-4 flex-shrink-0 text-status-warning-text" }),
+			/* @__PURE__ */ m("span", {
 				className: "truncate text-body-sm text-text-primary",
 				children: [
 					"Viewing as ",
-					/* @__PURE__ */ a("span", {
+					/* @__PURE__ */ p("span", {
 						className: "font-semibold",
 						children: e.simulation.roleName
 					}),
 					" (simulated)"
 				]
 			}),
-			/* @__PURE__ */ a("button", {
+			/* @__PURE__ */ p("button", {
 				type: "button",
 				onClick: e.stopSimulation,
 				className: "rounded-full px-2 py-0.5 text-body-sm font-medium text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
@@ -107,4 +207,4 @@ function c() {
 	}) : null;
 }
 //#endregion
-export { c as PersonaSimulationPill, s as PersonaSurfaceControls };
+export { v as PersonaSimulationPill, _ as PersonaSurfaceControls };

package/dist/chrome/ProductSideNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSideNav.d.ts","sourceRoot":"","sources":["../../src/chrome/ProductSideNav.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAgBpD,MAAM,WAAW,mBAAmB;IAClC,mFAAmF;IACnF,IAAI,EAAE,SAAS,CAAC;IAChB,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,+BAA+B;IAC/B,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,0DAA0D;IAC1D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAiC,EACjC,aAA0B,GAC3B,EAAE,mBAAmB,2CA2GrB"}
+{"version":3,"file":"ProductSideNav.d.ts","sourceRoot":"","sources":["../../src/chrome/ProductSideNav.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAgBpD,MAAM,WAAW,mBAAmB;IAClC,mFAAmF;IACnF,IAAI,EAAE,SAAS,CAAC;IAChB,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,+BAA+B;IAC/B,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,0DAA0D;IAC1D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAiC,EACjC,aAA0B,GAC3B,EAAE,mBAAmB,2CA+GrB"}

package/dist/chrome/ProductSideNav.js

@@ -3,8 +3,8 @@ import { hasMatchingPermission as t, useSafePermissions as n } from "../shared/p
 import { useShellUi as r } from "../shared/providers/shell/ShellUiProvider.js";
 import { useSafePersonaSurface as i } from "../shared/providers/shell/PersonaSurfaceProvider.js";
 import { appendContextToPath as a, useCurrentContextSearchParams as o } from "../shared/hooks/useCurrentContextSearchParams.js";
-import { SideNavigation as s } from "./SideNavigation.js";
-import { applyNavVisibility as c } from "./sideNavigation/navVisibility.js";
+import { applyNavVisibility as s } from "./sideNavigation/navVisibility.js";
+import { SideNavigation as c } from "./SideNavigation.js";
 import { NavCustomizeDialog as l } from "./NavCustomizeDialog.js";
 import { PersonaSimulationPill as u, PersonaSurfaceControls as d } from "./PersonaSurfaceControls.js";
 import { useMemo as f } from "react";
@@ -23,7 +23,7 @@ function v({ logo: v, appName: y, groupOrder: b, groupLabels: x, mobileActions:
 		I,
 		F
 	]), R = N?.activeSurface ?? null, z = N?.overrides, B = f(() => {
-		let { items: e } = c(j.filter((e) => e.visible !== !1).sort((e, t) => (e.order ?? 999) - (t.order ?? 999)), {
+		let { items: e } = s(j.filter((e) => e.visible !== !1).sort((e, t) => (e.order ?? 999) - (t.order ?? 999)), {
 			hasPermission: L,
 			surfaceVisibleItems: R ? R.visibleItems : null,
 			labelOverrides: R?.labelOverrides,
@@ -66,7 +66,7 @@ function v({ logo: v, appName: y, groupOrder: b, groupLabels: x, mobileActions:
 	return /* @__PURE__ */ h("div", {
 		"data-tour": "sidenav",
 		className: "h-full",
-		children: [/* @__PURE__ */ m(s, {
+		children: [/* @__PURE__ */ m(c, {
 			items: B,
 			currentPath: D.pathname,
 			collapsed: O,
@@ -79,7 +79,7 @@ function v({ logo: v, appName: y, groupOrder: b, groupLabels: x, mobileActions:
 			header: C ?? U,
 			footer: N ? /* @__PURE__ */ m(d, {}) : void 0,
 			contextSearchParams: A
-		}), N && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(l, {
+		}, N ? `${R?.id ?? "everything"}:${P?.roleId ?? ""}` : void 0), N && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(l, {
 			groupLabels: x,
 			groupOrder: b
 		}), /* @__PURE__ */ m(u, {})] })]

package/dist/chrome/sideNavigation/useSideNavigationState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSideNavigationState.d.ts","sourceRoot":"","sources":["../../../src/chrome/sideNavigation/useSideNavigationState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAGvC,UAAU,0BAA0B;IAClC,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,UAAU,4BAA4B;IACpC,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,GACjB,EAAE,0BAA0B,GAAG,4BAA4B,CA0E3D"}
+{"version":3,"file":"useSideNavigationState.d.ts","sourceRoot":"","sources":["../../../src/chrome/sideNavigation/useSideNavigationState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAIvC,UAAU,0BAA0B;IAClC,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,UAAU,4BAA4B;IACpC,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,GACjB,EAAE,0BAA0B,GAAG,4BAA4B,CAkF3D"}

package/dist/chrome/sideNavigation/useSideNavigationState.js

@@ -1,45 +1,46 @@
 import { findAncestorIds as e } from "./helpers.js";
-import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+import { NAV_MORE_ID_PREFIX as t } from "./navVisibility.js";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
 //#region src/chrome/sideNavigation/useSideNavigationState.ts
-function a({ items: a, currentPath: o, collapsed: s, onToggleCollapse: c }) {
-	let [l, u] = i(/* @__PURE__ */ new Set()), d = r(s);
-	return n(() => {
-		d.current = s;
-	}, [s]), n(() => {
-		let t = e(a, o);
-		t.size > 0 && u((e) => {
-			let n = new Set(e), r = !1;
-			return t.forEach((e) => {
-				n.has(e) || (n.add(e), r = !0);
-			}), r ? n : e;
+function o({ items: o, currentPath: s, collapsed: c, onToggleCollapse: l }) {
+	let [u, d] = a(/* @__PURE__ */ new Set()), f = i(c);
+	return r(() => {
+		f.current = c;
+	}, [c]), r(() => {
+		let n = new Set([...e(o, s)].filter((e) => !e.startsWith(t)));
+		n.size > 0 && d((e) => {
+			let t = new Set(e), r = !1;
+			return n.forEach((e) => {
+				t.has(e) || (t.add(e), r = !0);
+			}), r ? t : e;
 		});
-	}, [o, a]), n(() => {
-		if (typeof window > "u" || !c) return;
+	}, [s, o]), r(() => {
+		if (typeof window > "u" || !l) return;
 		let e = window.innerWidth < 768, t = () => {
 			let t = window.innerWidth < 768;
-			t && (!e || !d.current) && c(), e = t;
+			t && (!e || !f.current) && l(), e = t;
 		};
 		return t(), window.addEventListener("resize", t), () => {
 			window.removeEventListener("resize", t);
 		};
-	}, [c]), n(() => {
-		if (s) return;
+	}, [l]), r(() => {
+		if (c) return;
 		let e = (e) => {
-			e.key === "Escape" && c && c();
+			e.key === "Escape" && !e.defaultPrevented && l && l();
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [s, c]), {
-		expandedItems: l,
-		toggleExpand: t((e) => {
-			u((t) => {
+	}, [c, l]), {
+		expandedItems: u,
+		toggleExpand: n((e) => {
+			d((t) => {
 				let n = new Set(t);
 				return n.has(e) ? n.delete(e) : n.add(e), n;
 			});
 		}, []),
-		collapseAll: t(() => {
-			u(/* @__PURE__ */ new Set());
+		collapseAll: n(() => {
+			d(/* @__PURE__ */ new Set());
 		}, [])
 	};
 }
 //#endregion
-export { a as useSideNavigationState };
+export { o as useSideNavigationState };

package/dist/chrome.js

@@ -5,24 +5,24 @@ import { HeaderBar as r } from "./chrome/HeaderBar.js";
 import { FooterBar as i } from "./chrome/FooterBar.js";
 import { PluginFooterStrip as a } from "./chrome/PluginFooterStrip.js";
 import { DEFAULT_FOOTER_COLUMNS as o, DEFAULT_SOCIAL_LINKS as s, Footer as c } from "./chrome/Footer.js";
-import { SideNavigation as l } from "./chrome/SideNavigation.js";
-import { GlobalSearch as u } from "./chrome/GlobalSearch.js";
-import { CommandPalette as d } from "./chrome/CommandPalette.js";
-import { Breadcrumbs as f } from "./chrome/Breadcrumbs.js";
-import { NavLink as p } from "./chrome/NavLink.js";
-import { Tabs as m } from "./chrome/Tabs.js";
-import { Sidebar as h } from "./chrome/Sidebar.js";
-import { ProfileSwitcher as g } from "./chrome/ProfileSwitcher.js";
-import { ProductSwitcher as _ } from "./chrome/ProductSwitcher.js";
-import { LanguageSwitcher as v } from "./chrome/LanguageSwitcher.js";
-import { ContextSwitcher as y } from "./chrome/ContextSwitcher.js";
-import { GeographySwitcher as b } from "./chrome/GeographySwitcher.js";
-import { NotificationCenter as x } from "./chrome/NotificationCenter.js";
-import { LanguagePickerSheet as S } from "./chrome/LanguagePickerSheet.js";
-import { ProductPickerSheet as C } from "./chrome/ProductPickerSheet.js";
-import { AccountSwitcher as w } from "./chrome/AccountSwitcher.js";
-import { AutoBreadcrumbs as T, registerBreadcrumbName as E, unregisterBreadcrumbName as D } from "./chrome/AutoBreadcrumbs.js";
-import { NAV_MORE_ID_PREFIX as O, applyNavVisibility as k, applyPermissionFilter as A, applySurfaceVisibility as j, isItemEffectivelyShown as M } from "./chrome/sideNavigation/navVisibility.js";
+import { NAV_MORE_ID_PREFIX as l, applyNavVisibility as u, applyPermissionFilter as d, applySurfaceVisibility as f, isItemEffectivelyShown as p } from "./chrome/sideNavigation/navVisibility.js";
+import { SideNavigation as m } from "./chrome/SideNavigation.js";
+import { GlobalSearch as h } from "./chrome/GlobalSearch.js";
+import { CommandPalette as g } from "./chrome/CommandPalette.js";
+import { Breadcrumbs as _ } from "./chrome/Breadcrumbs.js";
+import { NavLink as v } from "./chrome/NavLink.js";
+import { Tabs as y } from "./chrome/Tabs.js";
+import { Sidebar as b } from "./chrome/Sidebar.js";
+import { ProfileSwitcher as x } from "./chrome/ProfileSwitcher.js";
+import { ProductSwitcher as S } from "./chrome/ProductSwitcher.js";
+import { LanguageSwitcher as C } from "./chrome/LanguageSwitcher.js";
+import { ContextSwitcher as w } from "./chrome/ContextSwitcher.js";
+import { GeographySwitcher as T } from "./chrome/GeographySwitcher.js";
+import { NotificationCenter as E } from "./chrome/NotificationCenter.js";
+import { LanguagePickerSheet as D } from "./chrome/LanguagePickerSheet.js";
+import { ProductPickerSheet as O } from "./chrome/ProductPickerSheet.js";
+import { AccountSwitcher as k } from "./chrome/AccountSwitcher.js";
+import { AutoBreadcrumbs as A, registerBreadcrumbName as j, unregisterBreadcrumbName as M } from "./chrome/AutoBreadcrumbs.js";
 import { NavCustomizeDialog as N } from "./chrome/NavCustomizeDialog.js";
 import { PersonaSimulationPill as P, PersonaSurfaceControls as F } from "./chrome/PersonaSurfaceControls.js";
 import { ProductSideNav as I } from "./chrome/ProductSideNav.js";
@@ -37,4 +37,4 @@ import { PluginToolbar as W } from "./chrome/PluginToolbar.js";
 import { PluginWidgetGrid as G } from "./chrome/PluginWidgetGrid.js";
 import { PluginContextMenuTarget as K } from "./chrome/PluginContextMenuTarget.js";
 import { ThemePreferences as q } from "./chrome/ThemePreferences.js";
-export { w as AccountSwitcher, t as AppShellLayout, T as AutoBreadcrumbs, L as BrandMark, f as Breadcrumbs, d as CommandPalette, y as ContextSwitcher, o as DEFAULT_FOOTER_COLUMNS, s as DEFAULT_SOCIAL_LINKS, R as DynamicFooter, c as Footer, i as FooterBar, b as GeographySwitcher, u as GlobalSearch, r as HeaderBar, S as LanguagePickerSheet, v as LanguageSwitcher, O as NAV_MORE_ID_PREFIX, N as NavCustomizeDialog, p as NavLink, x as NotificationCenter, n as PageHeader, B as PanelContainer, z as PanelTabs, P as PersonaSimulationPill, F as PersonaSurfaceControls, K as PluginContextMenuTarget, a as PluginFooterStrip, H as PluginRoutes, U as PluginSettingsPage, W as PluginToolbar, G as PluginWidgetGrid, C as ProductPickerSheet, I as ProductSideNav, _ as ProductSwitcher, g as ProfileSwitcher, e as ShortcutHelpDialog, l as SideNavigation, h as Sidebar, V as StatusBar, m as Tabs, q as ThemePreferences, k as applyNavVisibility, A as applyPermissionFilter, j as applySurfaceVisibility, M as isItemEffectivelyShown, E as registerBreadcrumbName, D as unregisterBreadcrumbName };
+export { k as AccountSwitcher, t as AppShellLayout, A as AutoBreadcrumbs, L as BrandMark, _ as Breadcrumbs, g as CommandPalette, w as ContextSwitcher, o as DEFAULT_FOOTER_COLUMNS, s as DEFAULT_SOCIAL_LINKS, R as DynamicFooter, c as Footer, i as FooterBar, T as GeographySwitcher, h as GlobalSearch, r as HeaderBar, D as LanguagePickerSheet, C as LanguageSwitcher, l as NAV_MORE_ID_PREFIX, N as NavCustomizeDialog, v as NavLink, E as NotificationCenter, n as PageHeader, B as PanelContainer, z as PanelTabs, P as PersonaSimulationPill, F as PersonaSurfaceControls, K as PluginContextMenuTarget, a as PluginFooterStrip, H as PluginRoutes, U as PluginSettingsPage, W as PluginToolbar, G as PluginWidgetGrid, O as ProductPickerSheet, I as ProductSideNav, S as ProductSwitcher, x as ProfileSwitcher, e as ShortcutHelpDialog, m as SideNavigation, b as Sidebar, V as StatusBar, y as Tabs, q as ThemePreferences, u as applyNavVisibility, d as applyPermissionFilter, f as applySurfaceVisibility, p as isItemEffectivelyShown, j as registerBreadcrumbName, M as unregisterBreadcrumbName };

package/dist/shared/providers/shell/PersonaSurfaceProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PersonaSurfaceProvider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/shell/PersonaSurfaceProvider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PersonaSurfaceProvider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/shell/PersonaSurfaceProvider.tsx"],"names":[],"mappings":"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"}

package/dist/shared/providers/shell/PersonaSurfaceProvider.js

@@ -67,7 +67,8 @@ function v(e) {
 }
 function y(e, t) {
 	if (!(typeof window > "u")) try {
-		!t.surfaceId && Object.keys(t.overrides ?? {}).length === 0 ? window.localStorage.removeItem(e) : window.localStorage.setItem(e, JSON.stringify(t));
+		let n = Object.values(t.overridesBySurface ?? {}).some((e) => Object.keys(e).length > 0);
+		!t.surfaceId && !n ? window.localStorage.removeItem(e) : window.localStorage.setItem(e, JSON.stringify(t));
 	} catch {}
 }
 var b = "\n  query NavSimulatableRoles($scopeId: String!, $filter: RoleFilterInput, $pagination: PaginationInput) {\n    roles(scopeId: $scopeId, filter: $filter, pagination: $pagination) {\n      id\n      name\n      templateKey\n      priority\n      defaultPermissions {\n        resourceType\n        level\n      }\n    }\n  }\n";
@@ -143,20 +144,23 @@ function x({ children: n, surfaces: r, productKey: f, gateway: p = "workspace" }
 			...t,
 			surfaceId: e ?? void 0
 		}));
-	}, [E]), U = o(() => w.overrides ?? {}, [w.overrides]), W = i((e, t) => {
+	}, [E]), U = o(() => w.overridesBySurface?.[z] ?? {}, [w.overridesBySurface, z]), W = i((e, t) => {
 		E((n) => {
-			let r = { ...n.overrides ?? {} };
-			return t === null ? delete r[e] : r[e] = t, {
+			let r = { ...n.overridesBySurface ?? {} }, i = { ...r[z] ?? {} };
+			return t === null ? delete i[e] : i[e] = t, Object.keys(i).length === 0 ? delete r[z] : r[z] = i, {
 				...n,
-				overrides: r
+				overridesBySurface: r
 			};
 		});
-	}, [E]), G = i(() => {
-		E((e) => ({
-			...e,
-			overrides: {}
-		}));
-	}, [E]), [K, q] = s(!1), J = o(() => ({
+	}, [E, z]), G = i(() => {
+		E((e) => {
+			let t = { ...e.overridesBySurface ?? {} };
+			return delete t[z], {
+				...e,
+				overridesBySurface: t
+			};
+		});
+	}, [E, z]), [K, q] = s(!1), J = o(() => ({
 		surfaces: r,
 		activeSurfaceId: z,
 		activeSurface: B,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.722.2",
+  "version": "2026.723.1",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "imports": {