@plumile/backoffice-react 0.1.102 → 0.1.104

package/lib/esm/{BackofficeLayoutPage-BiSUwAi9.js → BackofficeLayoutPage-r6dXo9SI.js}

@@ -9,11 +9,11 @@ import { t as g } from "./BackofficePermissionsContext-CmWwudBU.js";
 import { Suspense as _, useCallback as v, useContext as y, useEffect as b, useMemo as x, useState as S } from "react";
 import { useTranslation as C } from "react-i18next";
 import { RoutingContext as ee, useLocation as te } from "@plumile/router";
-import { AdminShellLayout as ne, BackofficeSidebarProfileMenu as w, Button as T, EnvironmentBadge as E, GlobalSearchInput as D, GripDotsSvg as O, InlineBanner as k, PinFilledSvg as A, PinSvg as j, SidebarHomeSvg as M, SidebarTasksSvg as N, Skeleton as P, ToastProvider as re } from "@plumile/ui";
-import { commitMutation as F, usePreloadedQuery as ie } from "react-relay";
+import { AdminShellLayout as ne, BackofficeSidebarProfileMenu as re, Button as w, EnvironmentBadge as T, GlobalSearchInput as E, GripDotsSvg as D, InlineBanner as O, PinFilledSvg as k, PinSvg as A, SidebarHomeSvg as j, SidebarTasksSvg as M, Skeleton as N, ToastProvider as ie } from "@plumile/ui";
+import { commitMutation as P, usePreloadedQuery as F } from "react-relay";
 import { jsx as I, jsxs as L } from "react/jsx-runtime";
 //#region src/hooks/useBackofficeSidebarPins.ts
-var R = "backoffice.sidebar.pins.v1", z = (e) => {
+var ae = "backoffice.sidebar.pins.v1", R = (e) => {
 	if (typeof window > "u") return [];
 	try {
 		let t = window.localStorage.getItem(e);
@@ -23,16 +23,20 @@ var R = "backoffice.sidebar.pins.v1", z = (e) => {
 	} catch {
 		return [];
 	}
-}, B = (e, t) => {
+}, z = (e, t) => {
 	let n = [], r = /* @__PURE__ */ new Set();
 	return e.forEach((e) => {
 		t.has(e) && (r.has(e) || (r.add(e), n.push(e)));
 	}), n;
-}, ae = (e) => {
-	let { storageKey: t = R, visibleEntityIds: n } = e, r = x(() => new Set(n), [n]), [i, a] = S(() => B(z(t), r));
+}, oe = (e) => {
+	let { enabled: t = !0, storageKey: n = ae, visibleEntityIds: r } = e, i = x(() => new Set(r), [r]), [a, o] = S(() => t ? z(R(n), i) : []);
 	b(() => {
-		a((e) => {
-			let t = B(e, r);
+		if (!t) {
+			o([]);
+			return;
+		}
+		o((e) => {
+			let t = z(e, i);
 			if (t.length === e.length) {
 				let n = !0;
 				for (let r = 0; r < t.length; r += 1) if (t[r] !== e[r]) {
@@ -43,66 +47,109 @@ var R = "backoffice.sidebar.pins.v1", z = (e) => {
 			}
 			return t;
 		});
-	}, [r]), b(() => {
-		a(B(z(t), r));
-	}, [t, r]), b(() => {
-		if (!(typeof window > "u")) try {
-			window.localStorage.setItem(t, JSON.stringify(i));
+	}, [t, i]), b(() => {
+		if (!t) {
+			o([]);
+			return;
+		}
+		o(z(R(n), i));
+	}, [
+		t,
+		n,
+		i
+	]), b(() => {
+		if (!(!t || typeof window > "u")) try {
+			window.localStorage.setItem(n, JSON.stringify(a));
 		} catch {}
-	}, [i, t]);
-	let o = x(() => new Set(i), [i]), s = v((e) => {
-		r.has(e) && a((t) => t.includes(e) ? t : [...t, e]);
-	}, [r]), c = v((e) => {
-		a((t) => t.filter((t) => t !== e));
-	}, []), l = v((e) => {
-		o.has(e) ? c(e) : s(e);
 	}, [
+		t,
+		a,
+		n
+	]);
+	let s = x(() => new Set(a), [a]), c = v((e) => {
+		t && i.has(e) && o((t) => t.includes(e) ? t : [...t, e]);
+	}, [t, i]), l = v((e) => {
+		t && o((t) => t.filter((t) => t !== e));
+	}, [t]), u = v((e) => {
+		s.has(e) ? l(e) : c(e);
+	}, [
+		c,
 		s,
-		o,
-		c
-	]), u = v((e, t) => {
-		e !== t && a((n) => {
-			let r = n.indexOf(e), i = n.indexOf(t);
-			if (r === -1 || i === -1 || r === i) return n;
-			let a = [...n];
+		l
+	]), d = v((e, n) => {
+		t && e !== n && o((t) => {
+			let r = t.indexOf(e), i = t.indexOf(n);
+			if (r === -1 || i === -1 || r === i) return t;
+			let a = [...t];
 			return a.splice(r, 1), a.splice(i, 0, e), a;
 		});
-	}, []);
+	}, [t]);
 	return {
-		pins: i,
-		isPinned: v((e) => o.has(e), [o]),
-		pin: s,
-		unpin: c,
-		toggle: l,
-		reorder: u
+		pins: a,
+		isPinned: v((e) => s.has(e), [s]),
+		pin: c,
+		unpin: l,
+		toggle: u,
+		reorder: d
 	};
+}, B = (e) => {
+	if (e == null || typeof window > "u") return null;
+	try {
+		let t = window.localStorage.getItem(e);
+		if (t == null) return null;
+		let n = JSON.parse(t);
+		if (typeof n != "object" || !n) return null;
+		let r = {};
+		return Object.entries(n).forEach(([e, t]) => {
+			typeof t == "boolean" && (r[e] = t);
+		}), r;
+	} catch {
+		return null;
+	}
 }, V = (e, t, n) => {
 	let r = {};
 	return e.forEach((e) => {
 		r[e] = n?.[e] ?? !0;
 	}), t != null && e.includes(t) && (r[t] = !1), r;
-}, oe = (e) => {
-	let { groupIds: t, activeGroupId: n, defaultCollapsedByGroupId: r } = e, i = x(() => [...t], [t]), [a, o] = S(() => V(i, n, r));
+}, se = (e) => {
+	let { activeGroupId: t, defaultCollapsedByGroupId: n, groupIds: r, persist: i = !1, storageKey: a } = e, o = x(() => [...r], [r]), [s, c] = S(() => {
+		if (i) {
+			let e = B(a);
+			if (e != null) return {
+				...V(o, t, n),
+				...e
+			};
+		}
+		return V(o, t, n);
+	});
 	return b(() => {
-		o((e) => {
-			let t = {};
-			return i.forEach((n) => {
-				t[n] = e[n] ?? r?.[n] ?? !0;
-			}), n != null && i.includes(n) && (t[n] = !1), t;
+		c((e) => {
+			let r = {};
+			return o.forEach((t) => {
+				r[t] = e[t] ?? n?.[t] ?? !0;
+			}), t != null && o.includes(t) && (r[t] = !1), r;
 		});
 	}, [
+		t,
 		n,
-		r,
-		i
+		o
+	]), b(() => {
+		if (!(!i || a == null || typeof window > "u")) try {
+			window.localStorage.setItem(a, JSON.stringify(s));
+		} catch {}
+	}, [
+		s,
+		i,
+		a
 	]), b(() => {
-		n != null && o((e) => e[n] === !1 ? e : {
+		t != null && c((e) => e[t] === !1 ? e : {
 			...e,
-			[n]: !1
+			[t]: !1
 		});
-	}, [n]), {
-		collapsedByGroupId: a,
+	}, [t]), {
+		collapsedByGroupId: s,
 		setCollapsed: v((e, t) => {
-			o((n) => n[e] === t ? n : {
+			c((n) => n[e] === t ? n : {
 				...n,
 				[e]: t
 			});
@@ -113,11 +160,11 @@ var R = "backoffice.sidebar.pins.v1", z = (e) => {
 	height: 18,
 	"aria-hidden": "true"
 });
-function se(e) {
-	let { basePath: t, pathname: n, entities: r, sidebar: l, permissions: f, searchQuery: p, tApp: m, t: h, pinnedEntityIds: g = [], recentItems: _ = [], onTogglePin: v, onReorderPin: y, collapsedByGroupId: b, onGroupCollapsedChange: x } = e, S = u(r, l), C = Object.entries(S), ee = new Set(g), te = h("sidebar.actions.pin"), ne = h("sidebar.actions.unpin"), w = h("sidebar.actions.reorder"), T = d(S, l), E = p?.trim().toLowerCase() ?? "", D = (e) => E === "" || e.toLowerCase().includes(E), k = (e) => {
+function ce(e) {
+	let { basePath: t, pathname: n, entities: r, sidebar: l, permissions: f, searchQuery: p, tApp: m, t: h, pinnedEntityIds: g = [], recentItems: _ = [], onTogglePin: v, onReorderPin: y, collapsedByGroupId: b, onGroupCollapsedChange: x } = e, S = u(r, l), C = Object.entries(S), ee = new Set(g), te = h("sidebar.actions.pin"), ne = h("sidebar.actions.unpin"), re = h("sidebar.actions.reorder"), w = d(S, l), T = p?.trim().toLowerCase() ?? "", E = (e) => T === "" || e.toLowerCase().includes(T), O = (e) => {
 		if (v == null) return null;
-		let t = ee.has(e), n = te, r = j;
-		return t && (n = ne, r = A), /* @__PURE__ */ I("button", {
+		let t = ee.has(e), n = te, r = A;
+		return t && (n = ne, r = k), /* @__PURE__ */ I("button", {
 			type: "button",
 			className: H,
 			"aria-pressed": t,
@@ -132,7 +179,7 @@ function se(e) {
 				"aria-hidden": "true"
 			})
 		});
-	}, P = (e) => {
+	}, N = (e) => {
 		let { entityId: t, groupId: i, groupIcon: a, itemIcon: o, itemLabel: u, enableReorder: d } = e, p = r[t];
 		if (p == null) return null;
 		let h = {
@@ -145,7 +192,7 @@ function se(e) {
 		}), l?.isItemVisible?.(h, f) === !1) return null;
 		if (p.kind === "tool") {
 			let e = u ?? c(p.label, m);
-			return E !== "" && !e.toLowerCase().includes(E) ? null : {
+			return T !== "" && !e.toLowerCase().includes(T) ? null : {
 				id: `tool-${t}`,
 				data: {
 					kind: "tool",
@@ -154,21 +201,21 @@ function se(e) {
 				},
 				label: e,
 				href: p.routes.list,
-				icon: U(o ?? a, /* @__PURE__ */ I(N, {
+				icon: U(o ?? a, /* @__PURE__ */ I(M, {
 					width: 18,
 					height: 18,
 					"aria-hidden": "true"
 				})),
 				isActive: s(n, p.routes.list),
 				ariaLabel: e,
-				actionSlot: k(t)
+				actionSlot: O(t)
 			};
 		}
 		if (!p.hasList) return null;
 		let g = u ?? c(p.label, m);
-		if (E !== "" && !g.toLowerCase().includes(E)) return null;
+		if (T !== "" && !g.toLowerCase().includes(T)) return null;
 		let _, v, b, x, S = !1;
-		d === !0 && y != null && (S = !0, _ = /* @__PURE__ */ I(O, {
+		d === !0 && y != null && (S = !0, _ = /* @__PURE__ */ I(D, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
@@ -185,7 +232,7 @@ function se(e) {
 			n === "" || n === t || y(n, t);
 		});
 		let C;
-		return _ != null && (C = w), {
+		return _ != null && (C = re), {
 			id: t,
 			data: {
 				kind: "entity",
@@ -194,14 +241,14 @@ function se(e) {
 			},
 			label: g,
 			href: p.routes.list,
-			icon: U(o ?? a, /* @__PURE__ */ I(N, {
+			icon: U(o ?? a, /* @__PURE__ */ I(M, {
 				width: 18,
 				height: 18,
 				"aria-hidden": "true"
 			})),
 			isActive: s(n, p.routes.list),
 			ariaLabel: g,
-			actionSlot: k(t),
+			actionSlot: O(t),
 			dragHandleSlot: _,
 			dragHandleLabel: C,
 			draggable: S,
@@ -209,7 +256,7 @@ function se(e) {
 			onDragOver: b,
 			onDrop: x
 		};
-	}, re = (e) => {
+	}, ie = (e) => {
 		let { hub: t, groupId: a, icon: o } = e, u = {
 			kind: "hub",
 			id: t.id
@@ -226,7 +273,7 @@ function se(e) {
 			return !(l?.isItemVisible?.(n, f) === !1 || e.kind !== "tool" && !e.hasList);
 		});
 		if (d.length > 0 && p.length === 0) return null;
-		let h = c(t.title, m), g = D(h), _ = p.some((e) => D(c(e.label, m)));
+		let h = c(t.title, m), g = E(h), _ = p.some((e) => E(c(e.label, m)));
 		if (!g && !_) return null;
 		let v = s(n, t.href) || p.some((e) => s(n, e.routes.list));
 		return {
@@ -238,7 +285,7 @@ function se(e) {
 			},
 			label: h,
 			href: t.href,
-			icon: U(o, /* @__PURE__ */ I(N, {
+			icon: U(o, /* @__PURE__ */ I(M, {
 				width: 18,
 				height: 18,
 				"aria-hidden": "true"
@@ -246,18 +293,18 @@ function se(e) {
 			isActive: v,
 			ariaLabel: h
 		};
-	}, F = [];
+	}, P = [];
 	if (g.length > 0) {
 		let e = g.map((e) => {
-			let t = T.get(e);
-			return P({
+			let t = w.get(e);
+			return N({
 				entityId: e,
 				groupId: t?.groupId,
 				groupIcon: t?.icon,
 				enableReorder: !0
 			});
 		}).filter((e) => e != null);
-		e.length > 0 && F.push({
+		e.length > 0 && P.push({
 			id: "pinned",
 			title: h("sidebar.sections.pinned"),
 			items: e,
@@ -271,8 +318,8 @@ function se(e) {
 				kind: e.kind,
 				id: e.id
 			};
-			if (l?.isItemVisible?.(t, f) === !1 || E !== "" && !e.label.toLowerCase().includes(E)) return null;
-			let i = T.get(e.id);
+			if (l?.isItemVisible?.(t, f) === !1 || T !== "" && !e.label.toLowerCase().includes(T)) return null;
+			let i = w.get(e.id);
 			return {
 				id: `recent-${e.kind}-${e.id}`,
 				data: {
@@ -282,7 +329,7 @@ function se(e) {
 				},
 				label: e.label,
 				href: e.href,
-				icon: U(i?.icon, /* @__PURE__ */ I(N, {
+				icon: U(i?.icon, /* @__PURE__ */ I(M, {
 					width: 18,
 					height: 18,
 					"aria-hidden": "true"
@@ -291,7 +338,7 @@ function se(e) {
 				ariaLabel: e.label
 			};
 		}).filter((e) => e != null);
-		e.length > 0 && F.push({
+		e.length > 0 && P.push({
 			id: "recent",
 			title: h("sidebar.sections.recent"),
 			items: e,
@@ -306,7 +353,7 @@ function se(e) {
 			id: "dashboard"
 		}, f) !== !1) {
 			let r = h("sidebar.items.dashboard");
-			E !== "" && !r.toLowerCase().includes(E) || u.push({
+			T !== "" && !r.toLowerCase().includes(T) || u.push({
 				id: "dashboard",
 				data: {
 					kind: "dashboard",
@@ -315,7 +362,7 @@ function se(e) {
 				},
 				label: r,
 				href: t,
-				icon: U(void 0, /* @__PURE__ */ I(M, {
+				icon: U(void 0, /* @__PURE__ */ I(j, {
 					width: 18,
 					height: 18,
 					"aria-hidden": "true"
@@ -328,7 +375,7 @@ function se(e) {
 		if (d.length > 0 && d.forEach((t) => {
 			if (t.kind === "dashboard") return;
 			if (t.kind === "hub") {
-				let n = re({
+				let n = ie({
 					hub: a(t, l),
 					groupId: e,
 					icon: t.icon ?? r.icon
@@ -338,7 +385,7 @@ function se(e) {
 			}
 			let n;
 			t.label != null && (n = c(t.label, m));
-			let i = P({
+			let i = N({
 				entityId: t.id,
 				groupId: e,
 				groupIcon: r.icon,
@@ -352,7 +399,7 @@ function se(e) {
 		let g = b?.[e], _;
 		x != null && (_ = (t) => {
 			x(e, t);
-		}), F.push({
+		}), P.push({
 			id: e,
 			title: p,
 			items: u,
@@ -361,11 +408,11 @@ function se(e) {
 			isCollapsed: g,
 			onCollapsedChange: _
 		});
-	}), F;
+	}), P;
 }
 //#endregion
 //#region src/components/backoffice/routing/backofficeContentError.css.ts
-var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", ce = (e) => {
+var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", K = (e) => {
 	if (e instanceof Error) {
 		let t = e.message.trim();
 		return t.length > 0 ? t : null;
@@ -375,15 +422,15 @@ var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", ce = (e) => {
 		return t.length > 0 ? t : null;
 	}
 	return null;
-}, K = ({ error: e, onRetry: t }) => {
-	let { t: n } = r(), i = ce(e);
+}, le = ({ error: e, onRetry: t }) => {
+	let { t: n } = r(), i = K(e);
 	return /* @__PURE__ */ I("div", {
 		className: W,
 		role: "alert",
-		children: /* @__PURE__ */ I(k, {
+		children: /* @__PURE__ */ I(O, {
 			tone: "danger",
 			className: G,
-			actions: /* @__PURE__ */ I(T, {
+			actions: /* @__PURE__ */ I(w, {
 				type: "button",
 				variant: "secondary",
 				size: "small",
@@ -393,36 +440,36 @@ var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", ce = (e) => {
 			children: i
 		})
 	});
-}, le = "txvbqb9ip txvbqbai7 txvbqbaop txvbqbu7g txvbqbjs7", ue = "txvbqbjfg", de = "txvbqb9iy txvbqbaop txvbqbc17", q = "txvbqb9ip txvbqbai7 txvbqbaog txvbqblbg txvbqbjny txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45", J = () => /* @__PURE__ */ L("div", {
-	className: le,
+}, q = "txvbqb9ip txvbqbai7 txvbqbaop txvbqbu7g txvbqbjs7", ue = "txvbqbjfg", de = "txvbqb9iy txvbqbaop txvbqbc17", fe = "txvbqb9ip txvbqbai7 txvbqbaog txvbqblbg txvbqbjny txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45", J = () => /* @__PURE__ */ L("div", {
+	className: q,
 	role: "status",
 	"aria-live": "polite",
 	"aria-busy": "true",
 	children: [
-		/* @__PURE__ */ I(P, {
+		/* @__PURE__ */ I(N, {
 			variant: "text",
 			width: "38%",
 			className: ue
 		}),
-		/* @__PURE__ */ I(P, {
+		/* @__PURE__ */ I(N, {
 			variant: "text",
 			width: "62%"
 		}),
 		/* @__PURE__ */ I("div", {
 			className: de,
 			children: Array.from({ length: 4 }, (e, t) => /* @__PURE__ */ L("div", {
-				className: q,
+				className: fe,
 				children: [
-					/* @__PURE__ */ I(P, {
+					/* @__PURE__ */ I(N, {
 						variant: "text",
 						width: "46%"
 					}),
-					/* @__PURE__ */ I(P, {
+					/* @__PURE__ */ I(N, {
 						variant: "text",
 						width: "82%",
 						lines: 2
 					}),
-					/* @__PURE__ */ I(P, {
+					/* @__PURE__ */ I(N, {
 						variant: "block",
 						width: "100%",
 						height: 120
@@ -431,10 +478,10 @@ var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", ce = (e) => {
 			}, `content-skeleton-${t}`))
 		})
 	]
-}), Y = "txvbqb9ip txvbqbai7 txvbqbjs7 txvbqbu7g txvbqbk5y", fe = ({ children: e }) => /* @__PURE__ */ I("div", {
+}), Y = "txvbqb9ip txvbqbai7 txvbqbjs7 txvbqbu7g txvbqbk5y", pe = ({ children: e }) => /* @__PURE__ */ I("div", {
 	className: Y,
 	children: /* @__PURE__ */ I(p, {
-		fallback: ({ error: e, reset: t }) => /* @__PURE__ */ I(K, {
+		fallback: ({ error: e, reset: t }) => /* @__PURE__ */ I(le, {
 			error: e,
 			onRetry: t
 		}),
@@ -443,7 +490,7 @@ var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", ce = (e) => {
 			children: e
 		})
 	})
-}), X = (e) => e?.trim() ?? "", pe = ({ viewer: e, unknownUserLabel: t }) => {
+}), X = (e) => e?.trim() ?? "", me = ({ viewer: e, unknownUserLabel: t }) => {
 	let n = [X(e?.firstName), X(e?.lastName)].filter((e) => e !== "").join(" ").trim();
 	n === "" && (n = t);
 	let r = X(e?.email), i = X(e?.initials);
@@ -455,7 +502,7 @@ var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", ce = (e) => {
 		initials: i,
 		ariaLabel: a.join(" - ")
 	};
-}, me = "plumile:backoffice:recent-items", he = (e) => {
+}, he = "plumile:backoffice:recent-items", ge = "plumile:backoffice:sidebar", _e = (e) => {
 	if (typeof window > "u") return [];
 	try {
 		let t = window.localStorage.getItem(e);
@@ -469,82 +516,107 @@ var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", ce = (e) => {
 	} catch {
 		return [];
 	}
-}, ge = (e, t) => {
+}, ve = (e, t) => {
 	if (!(typeof window > "u")) try {
 		window.localStorage.setItem(e, JSON.stringify(t));
 	} catch {}
 }, Z = ({ children: i, permissions: a, authStatus: o, activeGroupId: s }) => {
-	let { t: c } = C(), { t: d } = r(), { pathname: p } = te(), _ = y(ee), T = t(), { auth: O, basePath: k, entities: A, sidebar: j } = n(), [M, N] = S(""), [P, ie] = S(!1), [L, R] = S(!1), [z, B] = S(null), V = j?.recentItems, H = V?.enabled === !0, U = V?.storageKey ?? me, W = V?.maxItems ?? 8, [G, ce] = S(() => H ? he(U) : []), K = x(() => u(A, j), [A, j]), le = x(() => Object.keys(K), [K]), ue = x(() => Object.fromEntries(Object.entries(K).map(([e, t]) => [e, t.behavior?.defaultCollapsed ?? !0])), [K]), de = x(() => f(K, A, j, a), [
-		A,
-		K,
+	let { t: c } = C(), { t: d } = r(), { pathname: p } = te(), _ = y(ee), w = t(), { auth: D, basePath: O, entities: k, sidebar: A } = n(), [j, M] = S(""), N = A?.preferences?.storageKey ?? ge, F = A?.preferences?.persistCollapsed === !0, [L, ae] = S(() => {
+		if (!F || typeof window > "u") return !1;
+		try {
+			return window.localStorage.getItem(`${N}:collapsed`) === "true";
+		} catch {
+			return !1;
+		}
+	}), [R, z] = S(!1), [B, V] = S(null), H = A?.recentItems, U = H?.enabled === !0, W = H?.storageKey ?? he, G = H?.maxItems ?? 8, [K, le] = S(() => U ? _e(W) : []);
+	b(() => {
+		if (!(!F || typeof window > "u")) try {
+			window.localStorage.setItem(`${N}:collapsed`, String(L));
+		} catch {}
+	}, [
+		L,
+		F,
+		N
+	]);
+	let q = x(() => u(k, A), [k, A]), ue = x(() => Object.keys(q), [q]), de = x(() => Object.fromEntries(Object.entries(q).map(([e, t]) => [e, t.behavior?.defaultCollapsed ?? !0])), [q]), fe = x(() => f(q, k, A, a), [
+		k,
+		q,
 		a,
-		j
-	]), q = x(() => l(p, A), [A, p]);
+		A
+	]), J = x(() => l(p, k), [k, p]);
 	b(() => {
-		if (!H || q == null) return;
-		let e = A[q];
+		if (!U || J == null) return;
+		let e = k[J];
 		if (e == null || e.kind !== "tool" && !e.hasList) return;
 		let t = e.routes.list, n = "entity";
 		e.kind === "tool" && (n = "tool");
 		let r = {
 			kind: n,
-			id: q,
+			id: J,
 			label: e.label(c),
 			href: t,
 			visitedAt: Date.now()
 		};
-		ce((e) => {
-			let t = [r, ...e.filter((e) => e.id !== r.id || e.kind !== r.kind)].slice(0, W);
-			return ge(U, t), t;
+		le((e) => {
+			let t = [r, ...e.filter((e) => e.id !== r.id || e.kind !== r.kind)].slice(0, G);
+			return ve(W, t), t;
 		});
 	}, [
-		q,
-		A,
-		H,
-		W,
+		J,
+		k,
 		U,
+		G,
+		W,
 		c
 	]);
-	let { pins: J, toggle: Y, reorder: X } = ae({ visibleEntityIds: de }), { collapsedByGroupId: Z, setCollapsed: Q } = oe({
-		groupIds: le,
+	let { pins: Y, toggle: X, reorder: Z } = oe({
+		enabled: A?.pinnedItems?.enabled === !0,
+		storageKey: A?.pinnedItems?.storageKey,
+		visibleEntityIds: fe
+	}), Q;
+	A?.preferences?.storageKey != null && (Q = `${A.preferences.storageKey}:groups`);
+	let { collapsedByGroupId: $, setCollapsed: ye } = se({
+		groupIds: ue,
 		activeGroupId: s,
-		defaultCollapsedByGroupId: ue
-	}), $ = x(() => se({
-		basePath: k,
+		defaultCollapsedByGroupId: de,
+		persist: A?.preferences?.persistGroups === !0,
+		storageKey: Q
+	}), be = x(() => ce({
+		basePath: O,
 		pathname: p,
-		entities: A,
-		sidebar: j,
+		entities: k,
+		sidebar: A,
 		permissions: a,
-		searchQuery: M,
+		searchQuery: j,
 		tApp: c,
 		t: d,
-		pinnedEntityIds: J,
-		recentItems: G,
-		onTogglePin: Y,
-		onReorderPin: X,
-		collapsedByGroupId: Z,
-		onGroupCollapsedChange: Q
+		pinnedEntityIds: Y,
+		recentItems: K,
+		onTogglePin: X,
+		onReorderPin: Z,
+		collapsedByGroupId: $,
+		onGroupCollapsedChange: ye
 	}), [
+		O,
+		$,
 		k,
-		Z,
-		A,
 		p,
 		a,
-		J,
-		G,
-		X,
-		Q,
+		Y,
+		K,
+		Z,
+		ye,
+		A,
 		j,
-		M,
 		d,
 		c,
-		Y
-	]), _e = x(() => import.meta.env?.DEV === !0 ? "dev" : "prod", []), ve = v(() => {
-		L || (R(!0), (async () => {
+		X
+	]), xe = x(() => import.meta.env?.DEV === !0 ? "dev" : "prod", []), Se = v(() => {
+		R || (z(!0), (async () => {
 			try {
-				let t = await O.logout.load();
+				let t = await D.logout.load();
 				await new Promise((e, n) => {
-					F(T, {
+					P(w, {
 						mutation: t.logoutMutation,
 						variables: {},
 						onCompleted: () => {
@@ -554,56 +626,58 @@ var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", ce = (e) => {
 							n(e);
 						}
 					});
-				}), localStorage.removeItem("auth_token"), localStorage.removeItem("remember_me"), e(), _?.history.push({ pathname: h(k) });
+				}), localStorage.removeItem("auth_token"), localStorage.removeItem("remember_me"), e(), _?.history.push({ pathname: h(O) });
 			} finally {
-				R(!1);
+				z(!1);
 			}
 		})().catch(() => {}));
 	}, [
-		O.logout,
-		k,
-		L,
-		T,
+		D.logout,
+		O,
+		R,
+		w,
 		_
-	]), ye = o?.me ?? null, be = /* @__PURE__ */ I(w, {
-		collapsed: P,
-		viewer: x(() => pe({
-			viewer: ye,
+	]), Ce = o?.me ?? null, we = /* @__PURE__ */ I(re, {
+		collapsed: L,
+		viewer: x(() => me({
+			viewer: Ce,
 			unknownUserLabel: d("sidebar.profile.unknownUser")
-		}), [d, ye]),
+		}), [d, Ce]),
 		labels: {
 			sectionTitle: d("sidebar.profile.title"),
 			menuAriaLabel: d("sidebar.profile.menuAriaLabel"),
 			signOut: d("sidebar.profile.actions.signOut")
 		},
-		onSignOut: ve,
-		isSigningOut: L
-	}), xe = null;
-	return z != null && (xe = /* @__PURE__ */ I(fe, { children: i })), /* @__PURE__ */ I(re, { children: /* @__PURE__ */ I(ne, {
+		onSignOut: Se,
+		isSigningOut: R
+	}), Te = null;
+	B != null && (Te = /* @__PURE__ */ I(pe, { children: i }));
+	let Ee = null;
+	return L || (Ee = /* @__PURE__ */ I(E, {
+		value: j,
+		onChange: M,
+		placeholder: d("sidebar.search.placeholder"),
+		ariaLabel: d("sidebar.search.placeholder")
+	})), /* @__PURE__ */ I(ie, { children: /* @__PURE__ */ I(ne, {
 		sidebar: {
-			sections: $,
-			header: /* @__PURE__ */ I(E, { environment: _e }),
-			search: /* @__PURE__ */ I(D, {
-				value: M,
-				onChange: N,
-				placeholder: d("sidebar.search.placeholder"),
-				ariaLabel: d("sidebar.search.placeholder")
-			}),
-			footer: be,
-			isCollapsed: P,
-			onCollapsedChange: ie
+			sections: be,
+			header: /* @__PURE__ */ I(T, { environment: xe }),
+			search: Ee,
+			footer: we,
+			isCollapsed: L,
+			onCollapsedChange: ae
 		},
-		topbar: { breadcrumb: /* @__PURE__ */ I("div", { ref: B }) },
+		topbar: { breadcrumb: /* @__PURE__ */ I("div", { ref: V }) },
 		children: /* @__PURE__ */ I(g, {
 			permissions: a,
 			children: /* @__PURE__ */ I(m, {
-				value: { target: z },
-				children: xe
+				value: { target: B },
+				children: Te
 			})
 		})
 	}) });
 }, Q = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => /* @__PURE__ */ I(Z, {
-	permissions: ie(t, n),
+	permissions: F(t, n),
 	authStatus: r,
 	activeGroupId: i,
 	children: e
@@ -622,4 +696,4 @@ var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", ce = (e) => {
 //#endregion
 export { $ as BackofficeLayoutPage, $ as default };
 
-//# sourceMappingURL=BackofficeLayoutPage-BiSUwAi9.js.map
+//# sourceMappingURL=BackofficeLayoutPage-r6dXo9SI.js.map