@burdenoff/fe-libs 2026.723.2 → 2026.723.4

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,kDAmIzB"}
+{"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;AAyFD,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,UAAU,EACV,eAA8B,GAC/B,EAAE,uBAAuB,kDA6RzB"}

package/dist/chrome/NavCustomizeDialog.js

@@ -4,24 +4,24 @@ import { Switch as o } from "../ui/switch.js";
 import { useSafePermissions as s } from "../shared/providers/shell/PermissionProvider.js";
 import { useSafePersonaSurface as c } from "../shared/providers/shell/PersonaSurfaceProvider.js";
 import { applyPermissionFilter as l, isItemEffectivelyShown as u } from "./sideNavigation/navVisibility.js";
-import { useMemo as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useEffect as d, useMemo as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/chrome/NavCustomizeDialog.tsx
-function h({ item: e, depth: t, parentShown: n, surfaceVisibleItems: r, overrides: i, onToggle: a }) {
+function _({ item: e, depth: t, parentShown: n, surfaceVisibleItems: r, overrides: i, onToggle: a }) {
 	let s = u(e, n, r, i), c = s && (!r || r.includes(e.id) || i[e.id] === "shown");
-	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
 		className: "flex items-center justify-between gap-3 py-1.5",
 		style: { paddingLeft: t * 16 },
-		children: [/* @__PURE__ */ p("span", {
+		children: [/* @__PURE__ */ h("span", {
 			className: `truncate text-body-sm ${s ? "text-text-primary" : "text-text-muted"}`,
 			children: e.label
-		}), /* @__PURE__ */ p(o, {
+		}), /* @__PURE__ */ h(o, {
 			checked: s,
 			onCheckedChange: (t) => a(e, n, t === !0),
 			"aria-label": `Show ${e.label} in the menu`,
 			"data-testid": `persona-toggle-${e.id}`
 		})]
-	}), e.children?.map((e) => /* @__PURE__ */ p(h, {
+	}), e.children?.map((e) => /* @__PURE__ */ h(_, {
 		item: e,
 		depth: t + 1,
 		parentShown: c,
@@ -30,94 +30,221 @@ function h({ item: e, depth: t, parentShown: n, surfaceVisibleItems: r, override
 		onToggle: a
 	}, e.id))] });
 }
-function g({ groupLabels: o, groupOrder: f, everythingLabel: g = "Everything" }) {
-	let _ = c(), v = s(), y = a((e) => e.items), b = v?.hasPermission, x = v?.isLoading ?? !1, S = d(() => {
-		let e = y.filter((e) => e.visible !== !1);
-		return !b || x ? e : l(e, b);
+function v(e, t, n) {
+	let r = [], i = (e, a) => {
+		for (let o of e) {
+			let e = u(o, a, t, n);
+			e && r.push(o.id);
+			let s = e && (!t || t.includes(o.id) || n[o.id] === "shown");
+			o.children && i(o.children, s);
+		}
+	};
+	return i(e, !1), r;
+}
+function y({ groupLabels: o, groupOrder: m, everythingLabel: y = "Everything" }) {
+	let b = c(), x = s(), S = a((e) => e.items), [C, w] = p(""), [T, E] = p(null), [D, O] = p(!1), [k, A] = p(null), j = x?.hasPermission, M = x?.isLoading ?? !1, N = f(() => {
+		let e = S.filter((e) => e.visible !== !1);
+		return !j || M ? e : l(e, j);
 	}, [
-		y,
-		b,
-		x
-	]), C = d(() => {
+		S,
+		j,
+		M
+	]);
+	d(() => {
+		w(""), E(null), A(null);
+	}, [b?.customizeOpen ?? !1]);
+	let ee = f(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of S) {
+		for (let t of N) {
 			let n = t.group ?? "__default__", r = e.get(n);
 			r ? r.push(t) : e.set(n, [t]);
 		}
-		return [...f ?? [], ...Array.from(e.keys()).filter((e) => !(f ?? []).includes(e))].filter((t) => (e.get(t)?.length ?? 0) > 0).map((t) => ({
+		return [...m ?? [], ...Array.from(e.keys()).filter((e) => !(m ?? []).includes(e))].filter((t) => (e.get(t)?.length ?? 0) > 0).map((t) => ({
 			key: t,
 			label: t === "__default__" ? null : o?.[t] ?? t,
 			items: e.get(t) ?? []
 		}));
 	}, [
-		S,
-		f,
+		N,
+		m,
 		o
 	]);
-	if (!_) return null;
-	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: k,
-		onOpenChange: A,
-		children: /* @__PURE__ */ m(t, {
+	if (!b) return null;
+	let { activeSurfaceId: P, activeSurface: F, overrides: I, setItemOverride: L, resetOverrides: R, customizeOpen: z, setCustomizeOpen: te, simulation: B, customViews: ne, canManageViews: V, createCustomView: H, renameCustomView: U, deleteCustomView: W } = b, G = F ? F.visibleItems : null, K = (e, t, n) => {
+		let r = u(e, t, G, {});
+		L(e.id, n === r ? null : n ? "shown" : "hidden");
+	}, q = Object.keys(I).length, J = P === "everything" ? y : F?.label ?? P, Y = ne.find((e) => e.id === P) ?? null, X = async () => {
+		let e = C.trim();
+		if (!e || D) return;
+		O(!0), A(null);
+		let t = await H(e, v(N, G, I));
+		O(!1), t ? w("") : A("Could not save the view — try a different name.");
+	}, Z = async () => {
+		if (!Y || T === null || D) return;
+		let e = T.trim();
+		if (!e || e === Y.name) {
+			E(null);
+			return;
+		}
+		O(!0), A(null);
+		let t = await U(Y.id, e);
+		O(!1), t ? E(null) : A("Could not rename the view — try a different name.");
+	}, re = async () => {
+		if (!Y || D) return;
+		O(!0), A(null);
+		let e = await W(Y.id);
+		O(!1), e || A("Could not delete the view.");
+	}, Q = "w-full rounded-button border border-border-subtle bg-bg-canvas px-3 py-2 text-body-sm text-text-primary placeholder:text-text-muted", $ = "rounded-button border border-border-subtle px-3 py-2 text-body-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors disabled:opacity-50";
+	return /* @__PURE__ */ h(e, {
+		open: z,
+		onOpenChange: te,
+		children: /* @__PURE__ */ g(t, {
 			className: "max-h-[85vh] overflow-y-auto sm:max-w-lg",
-			children: [/* @__PURE__ */ m(r, { children: [/* @__PURE__ */ p(i, { children: "Customize menu" }), /* @__PURE__ */ m(n, { children: [
+			children: [/* @__PURE__ */ g(r, { children: [/* @__PURE__ */ h(i, { children: "Customize menu" }), /* @__PURE__ */ g(n, { children: [
 				"Choose which pages appear in the",
 				" ",
-				/* @__PURE__ */ p("span", {
+				/* @__PURE__ */ h("span", {
 					className: "font-medium text-text-primary",
-					children: F
+					children: J
 				}),
 				" view. Hidden pages stay one click away under “more” and in search — nothing is removed."
-			] })] }), /* @__PURE__ */ p("div", {
+			] })] }), /* @__PURE__ */ g("div", {
 				className: "space-y-5",
-				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", {
+				children: [
+					Y && !B && /* @__PURE__ */ g("section", {
+						className: "space-y-2",
+						"data-testid": "persona-dialog-manage-view",
+						children: [/* @__PURE__ */ h("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: "This view"
+						}), T === null ? /* @__PURE__ */ g("div", {
+							className: "flex items-center gap-2",
 							children: [
-								"Reset ",
-								P,
-								" change",
-								P === 1 ? "" : "s"
+								/* @__PURE__ */ h("span", {
+									className: "min-w-0 flex-1 truncate text-body-sm text-text-primary",
+									children: Y.name
+								}),
+								/* @__PURE__ */ h("button", {
+									type: "button",
+									onClick: () => E(Y.name),
+									className: $,
+									"data-testid": "persona-dialog-rename-view",
+									children: "Rename"
+								}),
+								/* @__PURE__ */ h("button", {
+									type: "button",
+									onClick: re,
+									disabled: D,
+									className: `${$} text-status-error-text`,
+									"data-testid": "persona-dialog-delete-view",
+									children: "Delete"
+								})
 							]
+						}) : /* @__PURE__ */ g("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ h("input", {
+								value: T,
+								onChange: (e) => E(e.target.value),
+								onKeyDown: (e) => {
+									e.key === "Enter" && Z();
+								},
+								maxLength: 60,
+								className: Q,
+								"data-testid": "persona-dialog-rename-input"
+							}), /* @__PURE__ */ h("button", {
+								type: "button",
+								onClick: () => void Z(),
+								disabled: D,
+								className: $,
+								"data-testid": "persona-dialog-rename-save",
+								children: "Save"
+							})]
 						})]
-					}), 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))]
-				})
+					}),
+					/* @__PURE__ */ g("section", {
+						className: "space-y-1",
+						"data-testid": "persona-dialog-items",
+						children: [/* @__PURE__ */ g("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ h("h3", {
+								className: "text-[11px] font-medium uppercase tracking-wider text-text-muted",
+								children: "Menu items"
+							}), q > 0 && /* @__PURE__ */ g("button", {
+								type: "button",
+								onClick: R,
+								className: "text-body-sm text-text-secondary underline-offset-2 hover:text-text-primary hover:underline",
+								"data-testid": "persona-dialog-reset-overrides",
+								children: [
+									"Reset ",
+									q,
+									" change",
+									q === 1 ? "" : "s"
+								]
+							})]
+						}), B ? /* @__PURE__ */ h("p", {
+							className: "py-2 text-body-sm text-text-muted",
+							children: "Exit role simulation to customize your own menu."
+						}) : ee.map((e) => /* @__PURE__ */ g("div", {
+							className: "pt-2",
+							children: [e.label && /* @__PURE__ */ h("p", {
+								className: "pb-1 text-[11px] font-medium uppercase tracking-wider text-text-muted",
+								children: e.label
+							}), /* @__PURE__ */ h("div", {
+								className: "divide-y divide-border-subtle",
+								children: e.items.map((e) => /* @__PURE__ */ h(_, {
+									item: e,
+									depth: 0,
+									parentShown: !1,
+									surfaceVisibleItems: G,
+									overrides: I,
+									onToggle: K
+								}, e.id))
+							})]
+						}, e.key))]
+					}),
+					V && !B && /* @__PURE__ */ g("section", {
+						className: "space-y-2",
+						"data-testid": "persona-dialog-save-view",
+						children: [
+							/* @__PURE__ */ h("h3", {
+								className: "text-[11px] font-medium uppercase tracking-wider text-text-muted",
+								children: "Save as new view"
+							}),
+							/* @__PURE__ */ h("p", {
+								className: "text-body-sm text-text-muted",
+								children: "Saves the menu exactly as configured above as your own view, available on all your devices."
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ h("input", {
+									value: C,
+									onChange: (e) => w(e.target.value),
+									onKeyDown: (e) => {
+										e.key === "Enter" && X();
+									},
+									placeholder: "View name (e.g. Harvest season)",
+									maxLength: 60,
+									className: Q,
+									"data-testid": "persona-dialog-new-view-name"
+								}), /* @__PURE__ */ h("button", {
+									type: "button",
+									onClick: () => void X(),
+									disabled: D || !C.trim(),
+									className: $,
+									"data-testid": "persona-dialog-new-view-save",
+									children: "Save"
+								})]
+							}),
+							k && /* @__PURE__ */ h("p", {
+								className: "text-body-sm text-status-error-text",
+								children: k
+							})
+						]
+					})
+				]
 			})]
 		})
 	});
 }
 //#endregion
-export { g as NavCustomizeDialog };
+export { y as NavCustomizeDialog };

package/dist/chrome/PersonaSurfaceControls.d.ts

@@ -5,12 +5,15 @@
  * 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.
+ * that opens the per-item visibility dialog. The dropdown panel portals to
+ * document.body with a stable width (min 300px, clamped to the viewport) and
+ * tracks the trigger's rect — anchored inside the sidebar it would inherit
+ * the sidebar's animating width and be clipped by the aside's
+ * overflow-x-hidden. No backdrop/overlay, so it never deadens the nav or the
+ * mobile drawer. 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;;;;;;;;;;;;;GAaG;AAkBH,MAAM,WAAW,2BAA2B;IAC1C,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAqTD,wBAAgB,sBAAsB,CAAC,EACrC,eAA8B,EAC9B,cAAiC,GAClC,EAAE,2BAA2B,kDA6C7B;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,mDAyBpC"}
+{"version":3,"file":"PersonaSurfaceControls.d.ts","sourceRoot":"","sources":["../../src/chrome/PersonaSurfaceControls.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAkBH,MAAM,WAAW,2BAA2B;IAC1C,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAqWD,wBAAgB,sBAAsB,CAAC,EACrC,eAA8B,EAC9B,cAAiC,GAClC,EAAE,2BAA2B,kDA6C7B;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,mDAyBpC"}

package/dist/chrome/PersonaSurfaceControls.js

@@ -1,11 +1,11 @@
 import { useShellUi as e } from "../shared/providers/shell/ShellUiProvider.js";
 import { useSafePersonaSurface as t } from "../shared/providers/shell/PersonaSurfaceProvider.js";
 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 { Check as o, ChevronsUpDown as s, Eye as c, Plus as l, Search as u, SlidersHorizontal as d, X as ee } from "lucide-react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { createPortal as h } from "react-dom";
 //#region src/chrome/PersonaSurfaceControls.tsx
-function g(e, t) {
+function te(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;
@@ -16,14 +16,14 @@ function g(e, t) {
 		isResolved: e === i
 	}));
 }
-var _ = 300;
-function v({ everythingLabel: e }) {
-	let u = t(), [v, y] = a(!1), [b, x] = a(""), [S, C] = a(null), w = i(null), T = i(null), E = i(null), D = i(null), O = n(() => {
+var g = 300;
+function _({ everythingLabel: e, onOpenCustomize: d }) {
+	let _ = t(), [v, y] = a(!1), [b, x] = a(""), [S, C] = a(null), w = i(null), T = i(null), E = i(null), D = i(null), O = n(() => {
 		y(!1), x("");
 	}, []), k = n(() => {
 		let e = T.current?.getBoundingClientRect();
 		if (!e) return;
-		let t = window.innerWidth, n = Math.min(Math.max(e.width, _), t - 16), r = Math.min(Math.max(8, e.left), t - n - 8);
+		let t = window.innerWidth, n = Math.min(Math.max(e.width, g), t - 16), r = Math.min(Math.max(8, e.left), t - n - 8);
 		C((t) => {
 			let i = window.innerHeight - e.top + 8;
 			return t && t.left === r && t.bottom === i && t.width === n ? t : {
@@ -54,22 +54,22 @@ function v({ everythingLabel: e }) {
 		};
 	}, [v, O]), r(() => {
 		v && D.current?.focus();
-	}, [v]), !u) return null;
-	let { activeSurfaceId: A, surfaces: j, resolvedSurfaceId: M, setSurfaceId: N, canSimulate: P, simulation: F, startSimulation: I, stopSimulation: L, simulatableRoles: R, simulatableRolesLoading: z, loadSimulatableRoles: B } = u, V = g(u, e), H = b.trim().toLowerCase(), U = H ? V.filter((e) => e.label.toLowerCase().includes(H)) : V, W = H ? R.filter((e) => e.name.toLowerCase().includes(H)) : R, G = F ? F.roleName : V.find((e) => e.id === A)?.label ?? j.find((e) => e.id === A)?.label ?? e, K = () => {
+	}, [v]), !_) return null;
+	let { activeSurfaceId: A, surfaces: j, resolvedSurfaceId: M, setSurfaceId: N, canSimulate: P, simulation: F, startSimulation: I, stopSimulation: L, simulatableRoles: R, simulatableRolesLoading: z, loadSimulatableRoles: B, customViews: V, canManageViews: H } = _, U = te(_, e), W = b.trim().toLowerCase(), G = W ? U.filter((e) => e.label.toLowerCase().includes(W)) : U, K = W ? V.filter((e) => e.name.toLowerCase().includes(W)) : V, q = W ? R.filter((e) => e.name.toLowerCase().includes(W)) : R, J = F ? F.roleName : U.find((e) => e.id === A)?.label ?? j.find((e) => e.id === A)?.label ?? V.find((e) => e.id === A)?.name ?? e, Y = () => {
 		if (v) {
 			O();
 			return;
 		}
 		P && B(), y(!0);
-	}, q = (e) => {
+	}, X = (e) => {
 		e.key === "Escape" && v && (e.preventDefault(), e.stopPropagation(), O());
-	}, J = (e) => {
+	}, Z = (e) => {
 		F && L(), N(e === M ? null : e), O();
-	}, Y = "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", X = "px-2.5 pb-1 pt-2.5 text-[11px] font-medium uppercase tracking-wider text-text-muted";
+	}, Q = "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", $ = "px-2.5 pb-1 pt-2.5 text-[11px] font-medium uppercase tracking-wider text-text-muted";
 	return /* @__PURE__ */ m("div", {
 		ref: w,
 		className: "relative min-w-0 flex-1",
-		onKeyDown: q,
+		onKeyDown: X,
 		children: [v && S && typeof document < "u" && h(/* @__PURE__ */ m("div", {
 			ref: E,
 			style: {
@@ -80,10 +80,10 @@ function v({ everythingLabel: e }) {
 			className: "fixed z-[130] 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",
-			onKeyDown: q,
+			onKeyDown: X,
 			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", {
+				children: [/* @__PURE__ */ p(u, { className: "size-4 flex-shrink-0 text-text-muted" }), /* @__PURE__ */ p("input", {
 					ref: D,
 					value: b,
 					onChange: (e) => x(e.target.value),
@@ -94,16 +94,16 @@ function v({ everythingLabel: e }) {
 			}), /* @__PURE__ */ m("div", {
 				className: "overflow-y-auto py-1",
 				children: [
-					U.length > 0 && /* @__PURE__ */ p("p", {
-						className: X,
+					G.length > 0 && /* @__PURE__ */ p("p", {
+						className: $,
 						children: "Views"
 					}),
-					U.map((e) => {
+					G.map((e) => {
 						let t = !F && e.id === A;
 						return /* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: () => J(e.id),
-							className: Y,
+							onClick: () => Z(e.id),
+							className: Q,
 							"data-testid": `persona-view-${e.id}`,
 							children: [
 								/* @__PURE__ */ p(o, { className: `size-4 flex-shrink-0 ${t ? "text-text-primary" : "invisible"}` }),
@@ -118,9 +118,37 @@ function v({ everythingLabel: e }) {
 							]
 						}, e.id);
 					}),
+					(K.length > 0 || H && !W) && /* @__PURE__ */ m(f, { children: [
+						/* @__PURE__ */ p("p", {
+							className: $,
+							children: "My views"
+						}),
+						K.map((e) => {
+							let t = !F && e.id === A;
+							return /* @__PURE__ */ m("button", {
+								type: "button",
+								onClick: () => Z(e.id),
+								className: Q,
+								"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.name
+								})]
+							}, e.id);
+						}),
+						H && !W && /* @__PURE__ */ m("button", {
+							type: "button",
+							onClick: () => {
+								O(), d();
+							},
+							className: `${Q} text-text-secondary`,
+							"data-testid": "persona-view-create",
+							children: [/* @__PURE__ */ p(l, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ p("span", { children: "New view from current…" })]
+						})
+					] }),
 					P && /* @__PURE__ */ m(f, { children: [
 						/* @__PURE__ */ p("p", {
-							className: X,
+							className: $,
 							children: "Preview a role"
 						}),
 						F && /* @__PURE__ */ m("button", {
@@ -128,22 +156,22 @@ function v({ everythingLabel: e }) {
 							onClick: () => {
 								L(), O();
 							},
-							className: `${Y} text-status-warning-text`,
+							className: `${Q} 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" })]
+							children: [/* @__PURE__ */ p(ee, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ p("span", { children: "Exit preview" })]
 						}),
 						z && /* @__PURE__ */ p("p", {
 							className: "px-2.5 py-1.5 text-body-sm text-text-muted",
 							children: "Loading roles…"
 						}),
-						W.map((e) => {
+						q.map((e) => {
 							let t = F?.roleId === e.id;
 							return /* @__PURE__ */ m("button", {
 								type: "button",
 								onClick: () => {
 									I(e), O();
 								},
-								className: Y,
+								className: Q,
 								"data-testid": `persona-preview-${e.id}`,
 								children: [
 									/* @__PURE__ */ p(c, { className: `size-4 flex-shrink-0 ${t ? "text-status-warning-text" : "text-text-muted"}` }),
@@ -155,12 +183,12 @@ function v({ everythingLabel: e }) {
 								]
 							}, e.id);
 						}),
-						!z && W.length === 0 && H && /* @__PURE__ */ p("p", {
+						!z && q.length === 0 && W && /* @__PURE__ */ p("p", {
 							className: "px-2.5 py-1.5 text-body-sm text-text-muted",
 							children: "No matching roles"
 						})
 					] }),
-					U.length === 0 && (!P || W.length === 0) && H && /* @__PURE__ */ p("p", {
+					G.length === 0 && (!P || q.length === 0) && W && /* @__PURE__ */ p("p", {
 						className: "px-2.5 py-1.5 text-body-sm text-text-muted",
 						children: "No matches"
 					})
@@ -169,7 +197,7 @@ function v({ everythingLabel: e }) {
 		}), document.body), /* @__PURE__ */ m("button", {
 			ref: T,
 			type: "button",
-			onClick: K,
+			onClick: Y,
 			"aria-expanded": v,
 			"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 ${F ? "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"}`,
@@ -178,38 +206,41 @@ function v({ everythingLabel: e }) {
 				F ? /* @__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: F ? `Preview: ${G}` : G
+					children: F ? `Preview: ${J}` : J
 				}),
 				/* @__PURE__ */ p(s, { className: "size-4 flex-shrink-0 text-text-muted" })
 			]
 		})]
 	});
 }
-function y({ everythingLabel: n = "Everything", customizeLabel: r = "Customize menu" }) {
+function v({ 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", {
+	let { setCustomizeOpen: s } = i, c = () => {
+		typeof window < "u" && window.innerWidth < 768 && !a && o(), s(!0);
+	}, l = /* @__PURE__ */ p("button", {
 		type: "button",
-		onClick: () => {
-			typeof window < "u" && window.innerWidth < 768 && !a && o(), s(!0);
-		},
+		onClick: c,
 		className: "p-2 rounded-button text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors flex-shrink-0",
 		"aria-label": r,
 		title: r,
 		"data-testid": "persona-customize-trigger",
-		children: /* @__PURE__ */ p(u, { className: "size-4" })
+		children: /* @__PURE__ */ p(d, { className: "size-4" })
 	});
 	return a ? /* @__PURE__ */ p("div", {
 		className: "hidden md:flex justify-center",
 		"data-testid": "persona-controls-collapsed",
-		children: c
+		children: l
 	}) : /* @__PURE__ */ m("div", {
 		className: "flex items-center gap-1",
 		"data-testid": "persona-controls",
-		children: [/* @__PURE__ */ p(v, { everythingLabel: n }), c]
+		children: [/* @__PURE__ */ p(_, {
+			everythingLabel: n,
+			onOpenCustomize: c
+		}), l]
 	});
 }
-function b() {
+function y() {
 	let e = t();
 	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",
@@ -240,4 +271,4 @@ function b() {
 	}) : null;
 }
 //#endregion
-export { b as PersonaSimulationPill, y as PersonaSurfaceControls };
+export { y as PersonaSimulationPill, v as PersonaSurfaceControls };

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

@@ -35,6 +35,18 @@ export interface PersonaSurfaceDefinition {
 /** Reserved surface id meaning "no curation — show everything permitted". */
 export declare const EVERYTHING_SURFACE_ID = "everything";
 export type NavItemOverrideState = 'shown' | 'hidden';
+/**
+ * A USER-CREATED view: same visibility semantics as a product-defined
+ * surface, but owned by one user, named by them, and (in remote-persistence
+ * mode) stored server-side so it follows them across devices. Custom views
+ * have no role mapping — they are picked explicitly.
+ */
+export interface PersonaCustomView {
+    id: string;
+    name: string;
+    visibleItems: string[];
+    homePath: string | null;
+}
 export interface SimulatableRole {
     id: string;
     name: string;
@@ -85,6 +97,17 @@ export interface PersonaSurfaceContextValue {
     simulatableRolesLoading: boolean;
     /** Lazily fetch the workspace role catalog for the simulation picker. */
     loadSimulatableRoles: () => void;
+    /** User-created custom views (server-persisted in remote mode). */
+    customViews: PersonaCustomView[];
+    /**
+     * True when custom-view management is available: remote persistence is
+     * enabled and the server preferences have loaded.
+     */
+    canManageViews: boolean;
+    /** Create a view from an explicit visible-item set; activates it. */
+    createCustomView: (name: string, visibleItems: string[], homePath?: string | null) => Promise<PersonaCustomView | null>;
+    renameCustomView: (id: string, name: string) => Promise<boolean>;
+    deleteCustomView: (id: string) => Promise<boolean>;
 }
 export declare function synthesizeSimulatedPermissionStrings(role: SimulatableRole): string[];
 /**
@@ -107,8 +130,18 @@ export interface PersonaSurfaceProviderProps {
      * @default 'workspace'
      */
     gateway?: 'workspace' | 'global';
+    /**
+     * Where user choices (active view, per-view item overrides, custom views)
+     * live. 'remote' stores them in the backend (wspace-workspace-svc
+     * `nav-view` module) keyed by actor+workspace+product, so they follow the
+     * user across devices; localStorage stays as a warm cache so the sidebar
+     * renders the last-known state instantly while the server responds.
+     * 'local' (default, for shells whose backend hasn't onboarded yet) keeps
+     * everything device-local.
+     */
+    persistence?: 'local' | 'remote';
 }
-export declare function PersonaSurfaceProvider({ children, surfaces, productKey, gateway, }: PersonaSurfaceProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PersonaSurfaceProvider({ children, surfaces, productKey, gateway, persistence, }: PersonaSurfaceProviderProps): import("react/jsx-runtime").JSX.Element;
 /** Access the persona surface context; throws outside the provider. */
 export declare function usePersonaSurface(): PersonaSurfaceContextValue;
 /**

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

@@ -1,18 +1,19 @@
 import { graphqlFetch as e } from "../../graphql/fetch.js";
 import { useSafePermissions as t } from "./PermissionProvider.js";
-import { createContext as n, use as r, useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-import { useQuery as l } from "@tanstack/react-query";
+import { createNavView as n, deleteNavView as r, fetchNavPreferences as i, saveNavPreferences as ee, updateNavView as te } from "./personaSurfaceRemote.js";
+import { createContext as a, use as o, useCallback as s, useEffect as c, useMemo as l, useRef as ne, useState as u } from "react";
+import { jsx as re } from "react/jsx-runtime";
+import { useQuery as d } from "@tanstack/react-query";
 //#region src/shared/providers/shell/PersonaSurfaceProvider.tsx
-var u = "everything", d = n(null), f = [
+var f = "everything", p = a(null), m = [
 	"read",
 	"list",
 	"download",
 	"join",
 	"leave",
 	"vote"
-], p = [
-	...f,
+], h = [
+	...m,
 	"create",
 	"update",
 	"share",
@@ -26,7 +27,7 @@ var u = "everything", d = n(null), f = [
 	"upload",
 	"sync"
 ];
-function m(e) {
+function g(e) {
 	let t = [];
 	for (let n of e.defaultPermissions) {
 		if (n.level === "NONE") continue;
@@ -34,24 +35,24 @@ function m(e) {
 			t.push(`${n.resourceType}:*`);
 			continue;
 		}
-		let e = n.level === "EDITOR" ? p : f;
+		let e = n.level === "EDITOR" ? h : m;
 		for (let r of e) t.push(`${n.resourceType}:${r}`);
 	}
 	return t;
 }
-function h(e, t) {
-	if (t.length === 0) return u;
+function _(e, t) {
+	if (t.length === 0) return f;
 	let n = new Set(t);
 	for (let t of e) if (t.roleNames.some((e) => n.has(e))) return t.id;
-	return u;
+	return f;
 }
-function g(e, t) {
+function ie(e, t) {
 	if (t.templateKey) {
 		for (let n of e) if (n.templateKeys?.includes(t.templateKey)) return n.id;
 	}
-	return h(e, [t.roleName]);
+	return _(e, [t.roleName]);
 }
-function _(e, t) {
+function ae(e, t) {
 	return `boff-persona:${e}:${t ?? "no-scope"}`;
 }
 function v(e) {
@@ -71,146 +72,273 @@ function y(e, t) {
 		!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";
-function x({ children: n, surfaces: r, productKey: f, gateway: p = "workspace" }) {
-	let x = t(), S = x?.scopeId ?? null, C = _(f, S), [w, T] = s(() => v(C));
-	a(() => {
-		T(v(C));
+var oe = "\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";
+function b({ children: a, surfaces: o, productKey: m, gateway: h = "workspace", persistence: b = "local" }) {
+	let x = t(), S = x?.scopeId ?? null, C = ae(m, S), w = b === "remote", [T, E] = u(() => v(C));
+	c(() => {
+		E(v(C));
 	}, [C]);
-	let E = i((e) => {
-		T((t) => {
+	let [D, O] = u([]);
+	c(() => {
+		O([]);
+	}, [S]);
+	let k = d({
+		queryKey: [
+			"persona-nav-preferences",
+			h,
+			S,
+			m
+		],
+		queryFn: () => i(h, S, m),
+		enabled: w && !!S && !!x,
+		staleTime: 60 * 1e3,
+		retry: 2
+	}), { data: A } = k;
+	c(() => {
+		if (!A) return;
+		let e = {
+			surfaceId: A.activeViewId ?? void 0,
+			overridesBySurface: A.overridesByView
+		};
+		E(e), y(C, e), O(A.customViews);
+	}, [A, C]);
+	let j = ne(null), M = s((e) => {
+		!w || !S || (j.current && clearTimeout(j.current), j.current = setTimeout(() => {
+			ee(h, {
+				workspaceId: S,
+				productSlug: m,
+				activeViewId: e.surfaceId ?? null,
+				overridesByView: e.overridesBySurface ?? {}
+			}).catch(() => {});
+		}, 700));
+	}, [
+		w,
+		S,
+		h,
+		m
+	]);
+	c(() => () => {
+		j.current && clearTimeout(j.current);
+	}, []);
+	let N = s((e) => {
+		E((t) => {
 			let n = e(t);
-			return y(C, n), n;
+			return y(C, n), M(n), n;
 		});
-	}, [C]), [D, O] = s(null), [k, A] = s(!1);
-	a(() => {
-		O(null), A(!1);
+	}, [C, M]), [P, F] = u(null), [I, L] = u(!1);
+	c(() => {
+		F(null), L(!1);
 	}, [S]);
-	let j = x?.isSuperAdmin ?? !1, M = !!x && (j || x.hasPermission("rbac:read")), N = l({
+	let R = x?.isSuperAdmin ?? !1, z = !!x && (R || x.hasPermission("rbac:read")), B = d({
 		queryKey: [
 			"persona-simulatable-roles",
-			p,
+			h,
 			S,
-			f
+			m
 		],
 		queryFn: async () => {
 			let t = await e({
-				query: b,
+				query: oe,
 				variables: {
 					scopeId: S,
-					filter: { product: f },
+					filter: { product: m },
 					pagination: { limit: 100 }
 				},
-				gateway: p
+				gateway: h
 			});
 			if (t.errors?.length) throw Error(t.errors[0].message);
 			return [...t.data?.roles ?? []].sort((e, t) => t.priority - e.priority);
 		},
-		enabled: k && M && !!S,
+		enabled: I && z && !!S,
 		staleTime: 300 * 1e3
-	}), P = i(() => {
-		A(!0);
-	}, []), F = i((e) => {
-		O({
+	}), V = s(() => {
+		L(!0);
+	}, []), H = s((e) => {
+		F({
 			roleId: e.id,
 			roleName: e.name,
 			templateKey: e.templateKey,
-			permissionStrings: m(e)
+			permissionStrings: g(e)
 		});
-	}, []), I = i(() => {
-		O(null);
-	}, []), L = o(() => x?.permissions?.roles ?? [], [x?.permissions?.roles]), R = o(() => D ? g(r, D) : h(r, L), [
-		r,
-		D,
-		L
-	]), z = o(() => {
-		if (D) return R;
-		let e = w.surfaceId;
-		return e && (e === "everything" || r.some((t) => t.id === e)) ? e : R;
+	}, []), U = s(() => {
+		F(null);
+	}, []), W = l(() => x?.permissions?.roles ?? [], [x?.permissions?.roles]), G = l(() => P ? ie(o, P) : _(o, W), [
+		o,
+		P,
+		W
+	]), K = l(() => {
+		if (P) return G;
+		let e = T.surfaceId;
+		return e && (e === "everything" || o.some((t) => t.id === e) || D.some((t) => t.id === e)) ? e : G;
 	}, [
+		P,
+		G,
+		T.surfaceId,
+		o,
+		D
+	]), q = l(() => {
+		let e = o.find((e) => e.id === K);
+		if (e) return e;
+		let t = D.find((e) => e.id === K);
+		return t ? {
+			id: t.id,
+			label: t.name,
+			roleNames: [],
+			visibleItems: t.visibleItems,
+			homePath: t.homePath ?? void 0
+		} : null;
+	}, [
+		o,
 		D,
-		R,
-		w.surfaceId,
-		r
-	]), B = o(() => r.find((e) => e.id === z) ?? null, [r, z]), V = o(() => {
-		let e = new Set(L);
-		return [...r.filter((t) => j || t.roleNames.some((t) => e.has(t))).map((e) => e.id), u];
+		K
+	]), J = l(() => {
+		let e = new Set(W);
+		return [...o.filter((t) => R || t.roleNames.some((t) => e.has(t))).map((e) => e.id), f];
 	}, [
-		r,
-		j,
-		L
-	]), H = i((e) => {
-		E((t) => ({
+		o,
+		R,
+		W
+	]), Y = s((e) => {
+		N((t) => ({
 			...t,
 			surfaceId: e ?? void 0
 		}));
-	}, [E]), U = o(() => w.overridesBySurface?.[z] ?? {}, [w.overridesBySurface, z]), W = i((e, t) => {
-		E((n) => {
-			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]), X = l(() => T.overridesBySurface?.[K] ?? {}, [T.overridesBySurface, K]), Z = s((e, t) => {
+		N((n) => {
+			let r = { ...n.overridesBySurface ?? {} }, i = { ...r[K] ?? {} };
+			return t === null ? delete i[e] : i[e] = t, Object.keys(i).length === 0 ? delete r[K] : r[K] = i, {
 				...n,
 				overridesBySurface: r
 			};
 		});
-	}, [E, z]), G = i(() => {
-		E((e) => {
+	}, [N, K]), Q = s(() => {
+		N((e) => {
 			let t = { ...e.overridesBySurface ?? {} };
-			return delete t[z], {
+			return delete t[K], {
 				...e,
 				overridesBySurface: t
 			};
 		});
-	}, [E, z]), [K, q] = s(!1), J = o(() => ({
-		surfaces: r,
-		activeSurfaceId: z,
-		activeSurface: B,
-		resolvedSurfaceId: R,
-		availableSurfaceIds: V,
-		setSurfaceId: H,
-		overrides: U,
-		setItemOverride: W,
-		resetOverrides: G,
-		customizeOpen: K,
-		setCustomizeOpen: q,
-		canSimulate: M,
-		simulation: D,
-		startSimulation: F,
-		stopSimulation: I,
-		simulatableRoles: N.data ?? [],
-		simulatableRolesLoading: N.isLoading && k,
-		loadSimulatableRoles: P
+	}, [N, K]), [$, se] = u(!1), ce = w && !!S && !!k.data, le = s(async (e, t, r) => {
+		if (!w || !S) return null;
+		try {
+			let i = await n(h, {
+				workspaceId: S,
+				productSlug: m,
+				name: e,
+				visibleItems: t,
+				homePath: r ?? null
+			});
+			return O((e) => [...e, i]), N((e) => ({
+				...e,
+				surfaceId: i.id
+			})), i;
+		} catch {
+			return null;
+		}
+	}, [
+		w,
+		S,
+		h,
+		m,
+		N
+	]), ue = s(async (e, t) => {
+		if (!w || !S) return !1;
+		try {
+			let n = await te(h, e, {
+				workspaceId: S,
+				name: t
+			});
+			return O((t) => t.map((t) => t.id === e ? {
+				...t,
+				name: n.name
+			} : t)), !0;
+		} catch {
+			return !1;
+		}
+	}, [
+		w,
+		S,
+		h
+	]), de = s(async (e) => {
+		if (!w || !S) return !1;
+		try {
+			return await r(h, e, S), O((t) => t.filter((t) => t.id !== e)), N((t) => {
+				let n = { ...t.overridesBySurface ?? {} };
+				return delete n[e], {
+					surfaceId: t.surfaceId === e ? void 0 : t.surfaceId,
+					overridesBySurface: n
+				};
+			}), !0;
+		} catch {
+			return !1;
+		}
+	}, [
+		w,
+		S,
+		h,
+		N
+	]), fe = l(() => ({
+		surfaces: o,
+		activeSurfaceId: K,
+		activeSurface: q,
+		resolvedSurfaceId: G,
+		availableSurfaceIds: J,
+		setSurfaceId: Y,
+		overrides: X,
+		setItemOverride: Z,
+		resetOverrides: Q,
+		customizeOpen: $,
+		setCustomizeOpen: se,
+		canSimulate: z,
+		simulation: P,
+		startSimulation: H,
+		stopSimulation: U,
+		simulatableRoles: B.data ?? [],
+		simulatableRolesLoading: B.isLoading && I,
+		loadSimulatableRoles: V,
+		customViews: D,
+		canManageViews: ce,
+		createCustomView: le,
+		renameCustomView: ue,
+		deleteCustomView: de
 	}), [
-		r,
+		o,
+		K,
+		q,
+		G,
+		J,
+		Y,
+		X,
+		Z,
+		Q,
+		$,
 		z,
-		B,
-		R,
-		V,
+		P,
 		H,
 		U,
-		W,
-		G,
-		K,
-		M,
-		D,
-		F,
+		B.data,
+		B.isLoading,
 		I,
-		N.data,
-		N.isLoading,
-		k,
-		P
+		V,
+		D,
+		ce,
+		le,
+		ue,
+		de
 	]);
-	return /* @__PURE__ */ c(d.Provider, {
-		value: J,
-		children: n
+	return /* @__PURE__ */ re(p.Provider, {
+		value: fe,
+		children: a
 	});
 }
-function S() {
-	let e = r(d);
+function x() {
+	let e = o(p);
 	if (!e) throw Error("usePersonaSurface must be used within a PersonaSurfaceProvider");
 	return e;
 }
-function C() {
-	return r(d);
+function S() {
+	return o(p);
 }
 //#endregion
-export { u as EVERYTHING_SURFACE_ID, x as PersonaSurfaceProvider, h as resolveSurfaceForRoles, m as synthesizeSimulatedPermissionStrings, S as usePersonaSurface, C as useSafePersonaSurface };
+export { f as EVERYTHING_SURFACE_ID, b as PersonaSurfaceProvider, _ as resolveSurfaceForRoles, g as synthesizeSimulatedPermissionStrings, x as usePersonaSurface, S as useSafePersonaSurface };

package/dist/shared/providers/shell/index.d.ts

@@ -26,7 +26,7 @@ export type { GeographyContextValue, GeographyProviderProps, } from '../../geogr
 export { PermissionProvider, usePermissions, useSafePermissions, usePermission, useRole, usePermissionLoading, matchPermission, hasMatchingPermission, isSuperAdminBypass, SUPER_ADMIN_ROLE, SUPER_ADMIN_ACTOR_TYPE, } from './PermissionProvider';
 export type { EffectivePermissions, EffectiveResourcePermission, MyRolesResult, RoleInfo, PermissionCheckOptions, PermissionContextValue, PermissionProviderProps, } from './PermissionProvider';
 export { PersonaSurfaceProvider, usePersonaSurface, useSafePersonaSurface, resolveSurfaceForRoles, synthesizeSimulatedPermissionStrings, EVERYTHING_SURFACE_ID, } from './PersonaSurfaceProvider';
-export type { PersonaSurfaceDefinition, PersonaSurfaceContextValue, PersonaSurfaceProviderProps, NavItemOverrideState, SimulatableRole, SimulationState, } from './PersonaSurfaceProvider';
+export type { PersonaSurfaceDefinition, PersonaSurfaceContextValue, PersonaSurfaceProviderProps, PersonaCustomView, NavItemOverrideState, SimulatableRole, SimulationState, } from './PersonaSurfaceProvider';
 export { AuthTokenProvider, useAuthToken } from './AuthTokenProvider';
 export type { AuthTokenContextValue, AuthTokenProviderProps } from './AuthTokenProvider';
 export { MultiGatewayProvider } from './MultiGatewayProvider';

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

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

package/dist/shared/providers/shell/personaSurfaceRemote.d.ts

@@ -0,0 +1,37 @@
+import { NavItemOverrideState } from './PersonaSurfaceProvider';
+export interface RemoteCustomView {
+    id: string;
+    productSlug: string;
+    name: string;
+    visibleItems: string[];
+    homePath: string | null;
+}
+export interface RemoteNavPreferences {
+    activeViewId: string | null;
+    overridesByView: Record<string, Record<string, NavItemOverrideState>>;
+    customViews: RemoteCustomView[];
+}
+type Gateway = 'workspace' | 'global';
+export declare function fetchNavPreferences(gateway: Gateway, workspaceId: string, productSlug: string): Promise<RemoteNavPreferences>;
+export declare function saveNavPreferences(gateway: Gateway, input: {
+    workspaceId: string;
+    productSlug: string;
+    activeViewId: string | null;
+    overridesByView: Record<string, Record<string, NavItemOverrideState>>;
+}): Promise<void>;
+export declare function createNavView(gateway: Gateway, input: {
+    workspaceId: string;
+    productSlug: string;
+    name: string;
+    visibleItems: string[];
+    homePath?: string | null;
+}): Promise<RemoteCustomView>;
+export declare function updateNavView(gateway: Gateway, id: string, input: {
+    workspaceId: string;
+    name?: string;
+    visibleItems?: string[];
+    homePath?: string | null;
+}): Promise<RemoteCustomView>;
+export declare function deleteNavView(gateway: Gateway, id: string, workspaceId: string): Promise<void>;
+export {};
+//# sourceMappingURL=personaSurfaceRemote.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"personaSurfaceRemote.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/shell/personaSurfaceRemote.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAErE,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC;IACtE,WAAW,EAAE,gBAAgB,EAAE,CAAC;CACjC;AAED,KAAK,OAAO,GAAG,WAAW,GAAG,QAAQ,CAAC;AA8EtC,wBAAsB,mBAAmB,CACvC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC,oBAAoB,CAAC,CAsB/B;AAED,wBAAsB,kBAAkB,CACtC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;IACL,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC;CACvE,GACA,OAAO,CAAC,IAAI,CAAC,CAef;AAED,wBAAsB,aAAa,CACjC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;IACL,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,GACA,OAAO,CAAC,gBAAgB,CAAC,CAW3B;AAED,wBAAsB,aAAa,CACjC,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,MAAM,EACV,KAAK,EAAE;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAC/F,OAAO,CAAC,gBAAgB,CAAC,CAW3B;AAED,wBAAsB,aAAa,CACjC,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,MAAM,EACV,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC,IAAI,CAAC,CAQf"}

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

@@ -0,0 +1,84 @@
+import { graphqlFetch as e } from "../../graphql/fetch.js";
+//#region src/shared/providers/shell/personaSurfaceRemote.ts
+var t = "\n  query MyNavPreferences($workspaceId: String!, $productSlug: String!) {\n    myNavPreferences(workspaceId: $workspaceId, productSlug: $productSlug) {\n      \n  activeViewId\n  overridesJson\n  customViews {\n    id\n    productSlug\n    name\n    visibleItems\n    homePath\n  }\n\n    }\n  }\n", n = "\n  mutation SaveMyNavPreferences($input: SaveNavPreferencesInput!) {\n    saveMyNavPreferences(input: $input) {\n      activeViewId\n      overridesJson\n    }\n  }\n", r = "\n  mutation CreateMyNavView($input: CreateNavViewInput!) {\n    createMyNavView(input: $input) {\n      id\n      productSlug\n      name\n      visibleItems\n      homePath\n    }\n  }\n", i = "\n  mutation UpdateMyNavView($id: ID!, $input: UpdateNavViewInput!) {\n    updateMyNavView(id: $id, input: $input) {\n      id\n      productSlug\n      name\n      visibleItems\n      homePath\n    }\n  }\n", a = "\n  mutation DeleteMyNavView($id: ID!, $workspaceId: String!) {\n    deleteMyNavView(id: $id, workspaceId: $workspaceId)\n  }\n";
+function o(e) {
+	if (!e) return {};
+	try {
+		let t = JSON.parse(e);
+		return !t || typeof t != "object" ? {} : t;
+	} catch {
+		return {};
+	}
+}
+function s(e) {
+	return e?.length ? Error(e[0].message) : null;
+}
+async function c(n, r, i) {
+	let a = await e({
+		query: t,
+		variables: {
+			workspaceId: r,
+			productSlug: i
+		},
+		gateway: n
+	}), c = s(a.errors);
+	if (c) throw c;
+	let l = a.data?.myNavPreferences;
+	if (!l) throw Error("No nav preferences returned");
+	return {
+		activeViewId: l.activeViewId,
+		overridesByView: o(l.overridesJson),
+		customViews: l.customViews ?? []
+	};
+}
+async function l(t, r) {
+	let i = s((await e({
+		query: n,
+		variables: { input: {
+			workspaceId: r.workspaceId,
+			productSlug: r.productSlug,
+			activeViewId: r.activeViewId,
+			overridesJson: JSON.stringify(r.overridesByView)
+		} },
+		gateway: t
+	})).errors);
+	if (i) throw i;
+}
+async function u(t, n) {
+	let i = await e({
+		query: r,
+		variables: { input: n },
+		gateway: t
+	}), a = s(i.errors);
+	if (a) throw a;
+	let o = i.data?.createMyNavView;
+	if (!o) throw Error("View was not created");
+	return o;
+}
+async function d(t, n, r) {
+	let a = await e({
+		query: i,
+		variables: {
+			id: n,
+			input: r
+		},
+		gateway: t
+	}), o = s(a.errors);
+	if (o) throw o;
+	let c = a.data?.updateMyNavView;
+	if (!c) throw Error("View was not updated");
+	return c;
+}
+async function f(t, n, r) {
+	let i = s((await e({
+		query: a,
+		variables: {
+			id: n,
+			workspaceId: r
+		},
+		gateway: t
+	})).errors);
+	if (i) throw i;
+}
+//#endregion
+export { u as createNavView, f as deleteNavView, c as fetchNavPreferences, l as saveNavPreferences, d as updateNavView };

package/package.json

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