@plumile/backoffice-react 0.1.103 → 0.1.105

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

@@ -1,19 +1,19 @@
 import { o as e } from "./environment-DQfVyWHJ.js";
 import { t } from "./useRelayEnvironment-vQ86aW-n.js";
 import { r as n, t as r } from "./useBackofficeReactTranslation-Btt58EIo.js";
-import { a as i, c as a, i as o, n as s, o as c, r as l, s as u, t as d, u as f } from "./sidebarUtils-BZETlHea.js";
+import { a as i, c as a, i as o, n as s, o as c, r as l, s as u, t as d, u as f } from "./sidebarUtils-BgCBLJLv.js";
 import { t as p } from "./BackofficeErrorBoundary-BwRVSDHU.js";
-import { t as m } from "./BackofficeTopbarPortalContext-CphoSrZD.js";
-import { t as h } from "./backofficeAuthPaths-2KMmkBLv.js";
-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 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";
+import { t as m } from "./BackofficeTopbarPortalContext-Da5XFatM.js";
+import { t as h } from "./backofficeAuthPaths-2hHNn8D3.js";
+import { t as g } from "./BackofficePermissionsContext-C2bdxy2z.js";
+import { Suspense as _, useCallback as v, useContext as ee, useEffect as y, useMemo as b, useState as x } from "react";
+import { useTranslation as S } from "react-i18next";
+import { RoutingContext as te, useLocation as ne } from "@plumile/router";
+import { AdminShellLayout as re, BackofficeSidebarHistorySvg as C, 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 ie, SidebarTasksSvg as M, Skeleton as N, ToastProvider as P } from "@plumile/ui";
+import { commitMutation as F, usePreloadedQuery as I } from "react-relay";
+import { jsx as L, jsxs as R } from "react/jsx-runtime";
 //#region src/hooks/useBackofficeSidebarPins.ts
-var ae = "backoffice.sidebar.pins.v1", R = (e) => {
+var z = "backoffice.sidebar.pins.v1", B = (e) => {
 	if (typeof window > "u") return [];
 	try {
 		let t = window.localStorage.getItem(e);
@@ -23,20 +23,20 @@ var ae = "backoffice.sidebar.pins.v1", R = (e) => {
 	} catch {
 		return [];
 	}
-}, z = (e, t) => {
+}, V = (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;
-}, 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(() => {
+}, ae = (e) => {
+	let { enabled: t = !0, storageKey: n = z, visibleEntityIds: r } = e, i = b(() => new Set(r), [r]), [a, o] = x(() => t ? V(B(n), i) : []);
+	y(() => {
 		if (!t) {
 			o([]);
 			return;
 		}
 		o((e) => {
-			let t = z(e, i);
+			let t = V(e, i);
 			if (t.length === e.length) {
 				let n = !0;
 				for (let r = 0; r < t.length; r += 1) if (t[r] !== e[r]) {
@@ -47,17 +47,17 @@ var ae = "backoffice.sidebar.pins.v1", R = (e) => {
 			}
 			return t;
 		});
-	}, [t, i]), b(() => {
+	}, [t, i]), y(() => {
 		if (!t) {
 			o([]);
 			return;
 		}
-		o(z(R(n), i));
+		o(V(B(n), i));
 	}, [
 		t,
 		n,
 		i
-	]), b(() => {
+	]), y(() => {
 		if (!(!t || typeof window > "u")) try {
 			window.localStorage.setItem(n, JSON.stringify(a));
 		} catch {}
@@ -66,7 +66,7 @@ var ae = "backoffice.sidebar.pins.v1", R = (e) => {
 		a,
 		n
 	]);
-	let s = x(() => new Set(a), [a]), c = v((e) => {
+	let s = b(() => 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));
@@ -92,7 +92,7 @@ var ae = "backoffice.sidebar.pins.v1", R = (e) => {
 		toggle: u,
 		reorder: d
 	};
-}, B = (e) => {
+}, oe = (e) => {
 	if (e == null || typeof window > "u") return null;
 	try {
 		let t = window.localStorage.getItem(e);
@@ -106,23 +106,23 @@ var ae = "backoffice.sidebar.pins.v1", R = (e) => {
 	} catch {
 		return null;
 	}
-}, V = (e, t, n) => {
+}, H = (e, t, n) => {
 	let r = {};
 	return e.forEach((e) => {
 		r[e] = n?.[e] ?? !0;
 	}), t != null && e.includes(t) && (r[t] = !1), r;
 }, se = (e) => {
-	let { activeGroupId: t, defaultCollapsedByGroupId: n, groupIds: r, persist: i = !1, storageKey: a } = e, o = x(() => [...r], [r]), [s, c] = S(() => {
+	let { activeGroupId: t, defaultCollapsedByGroupId: n, groupIds: r, persist: i = !1, storageKey: a } = e, o = b(() => [...r], [r]), [s, c] = x(() => {
 		if (i) {
-			let e = B(a);
+			let e = oe(a);
 			if (e != null) return {
-				...V(o, t, n),
+				...H(o, t, n),
 				...e
 			};
 		}
-		return V(o, t, n);
+		return H(o, t, n);
 	});
-	return b(() => {
+	return y(() => {
 		c((e) => {
 			let r = {};
 			return o.forEach((t) => {
@@ -133,7 +133,7 @@ var ae = "backoffice.sidebar.pins.v1", R = (e) => {
 		t,
 		n,
 		o
-	]), b(() => {
+	]), y(() => {
 		if (!(!i || a == null || typeof window > "u")) try {
 			window.localStorage.setItem(a, JSON.stringify(s));
 		} catch {}
@@ -141,7 +141,7 @@ var ae = "backoffice.sidebar.pins.v1", R = (e) => {
 		s,
 		i,
 		a
-	]), b(() => {
+	]), y(() => {
 		t != null && c((e) => e[t] === !1 ? e : {
 			...e,
 			[t]: !1
@@ -155,31 +155,54 @@ var ae = "backoffice.sidebar.pins.v1", R = (e) => {
 			});
 		}, [])
 	};
-}, H = "_1xws1b00 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxp txvbqbc6p txvbqb1rg txvbqb12g txvbqb1py txvbqblag txvbqbv0t txvbqbva1 txvbqbv txvbqb78 txvbqb6x txvbqb7k", U = (e, t) => e == null ? t ?? null : /* @__PURE__ */ I(e, {
-	width: 18,
-	height: 18,
+}, U = "_1xws1b00 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxp txvbqbc6p txvbqb1rg txvbqb12g txvbqb1py txvbqblag txvbqbv0t txvbqbva1 txvbqbv txvbqb78 txvbqb6x txvbqb7k", W = (e, t, n = 18) => e == null ? t ?? null : /* @__PURE__ */ L(e, {
+	width: n,
+	height: n,
 	"aria-hidden": "true"
 });
 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) => {
+	let { basePath: t, pathname: n, entities: r, sidebar: l, permissions: f, searchQuery: p, tApp: m, t: h, pinnedEntityIds: g = [], recentItems: _ = [], onTogglePin: v, onReorderPin: ee, collapsedByGroupId: y, onGroupCollapsedChange: b, sidebarCollapsed: x = !1 } = e, S = u(r, l), te = Object.entries(S), ne = new Set(g), re = h("sidebar.actions.pin"), w = h("sidebar.actions.unpin"), T = h("sidebar.actions.reorder"), E = d(S, l), D = p?.trim().toLowerCase() ?? "", k = (e) => D === "" || e.toLowerCase().includes(D), N = (e) => {
 		if (v == null) return null;
-		let t = ee.has(e), n = te, r = A;
-		return t && (n = ne, r = k), /* @__PURE__ */ I("button", {
+		let t = ne.has(e), n = re, r = j;
+		return t && (n = w, r = A), /* @__PURE__ */ L("button", {
 			type: "button",
-			className: H,
+			className: U,
 			"aria-pressed": t,
 			"aria-label": n,
 			title: n,
 			onClick: (t) => {
 				t.preventDefault(), t.stopPropagation(), v(e);
 			},
-			children: /* @__PURE__ */ I(r, {
+			children: /* @__PURE__ */ L(r, {
 				width: 14,
 				height: 14,
 				"aria-hidden": "true"
 			})
 		});
-	}, N = (e) => {
+	}, P = (e) => {
+		if (l?.isItemVisible?.({
+			kind: "dashboard",
+			id: "dashboard"
+		}, f) === !1) return null;
+		let r = h("sidebar.items.dashboard");
+		return k(r) ? {
+			id: "dashboard",
+			data: {
+				kind: "dashboard",
+				id: "dashboard",
+				groupId: e
+			},
+			label: r,
+			href: t,
+			icon: W(void 0, /* @__PURE__ */ L(ie, {
+				width: 18,
+				height: 18,
+				"aria-hidden": "true"
+			})),
+			isActive: s(n, t),
+			ariaLabel: r
+		} : null;
+	}, F = (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 = {
@@ -192,7 +215,7 @@ function ce(e) {
 		}), l?.isItemVisible?.(h, f) === !1) return null;
 		if (p.kind === "tool") {
 			let e = u ?? c(p.label, m);
-			return T !== "" && !e.toLowerCase().includes(T) ? null : {
+			return D !== "" && !e.toLowerCase().includes(D) ? null : {
 				id: `tool-${t}`,
 				data: {
 					kind: "tool",
@@ -201,38 +224,38 @@ function ce(e) {
 				},
 				label: e,
 				href: p.routes.list,
-				icon: U(o ?? a, /* @__PURE__ */ I(M, {
+				icon: W(o ?? a, /* @__PURE__ */ L(M, {
 					width: 18,
 					height: 18,
 					"aria-hidden": "true"
 				})),
 				isActive: s(n, p.routes.list),
 				ariaLabel: e,
-				actionSlot: O(t)
+				actionSlot: N(t)
 			};
 		}
 		if (!p.hasList) return null;
 		let g = u ?? c(p.label, m);
-		if (T !== "" && !g.toLowerCase().includes(T)) return null;
-		let _, v, b, x, S = !1;
-		d === !0 && y != null && (S = !0, _ = /* @__PURE__ */ I(D, {
+		if (D !== "" && !g.toLowerCase().includes(D)) return null;
+		let _, v, y, b, x = !1;
+		d === !0 && ee != null && (x = !0, _ = /* @__PURE__ */ L(O, {
 			width: 14,
 			height: 14,
 			"aria-hidden": "true"
 		}), v = (e) => {
 			let { dataTransfer: n } = e;
 			n.effectAllowed = "move", n.setData("text/plain", t);
-		}, b = (e) => {
+		}, y = (e) => {
 			e.preventDefault();
 			let { dataTransfer: t } = e;
 			t.dropEffect = "move";
-		}, x = (e) => {
+		}, b = (e) => {
 			e.preventDefault();
 			let n = e.dataTransfer.getData("text/plain");
-			n === "" || n === t || y(n, t);
+			n === "" || n === t || ee(n, t);
 		});
-		let C;
-		return _ != null && (C = re), {
+		let S;
+		return _ != null && (S = T), {
 			id: t,
 			data: {
 				kind: "entity",
@@ -241,22 +264,22 @@ function ce(e) {
 			},
 			label: g,
 			href: p.routes.list,
-			icon: U(o ?? a, /* @__PURE__ */ I(M, {
+			icon: W(o ?? a, /* @__PURE__ */ L(M, {
 				width: 18,
 				height: 18,
 				"aria-hidden": "true"
 			})),
 			isActive: s(n, p.routes.list),
 			ariaLabel: g,
-			actionSlot: O(t),
+			actionSlot: N(t),
 			dragHandleSlot: _,
-			dragHandleLabel: C,
-			draggable: S,
+			dragHandleLabel: S,
+			draggable: x,
 			onDragStart: v,
-			onDragOver: b,
-			onDrop: x
+			onDragOver: y,
+			onDrop: b
 		};
-	}, ie = (e) => {
+	}, I = (e) => {
 		let { hub: t, groupId: a, icon: o } = e, u = {
 			kind: "hub",
 			id: t.id
@@ -273,7 +296,7 @@ function ce(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 = E(h), _ = p.some((e) => E(c(e.label, m)));
+		let h = c(t.title, m), g = k(h), _ = p.some((e) => k(c(e.label, m)));
 		if (!g && !_) return null;
 		let v = s(n, t.href) || p.some((e) => s(n, e.routes.list));
 		return {
@@ -285,7 +308,7 @@ function ce(e) {
 			},
 			label: h,
 			href: t.href,
-			icon: U(o, /* @__PURE__ */ I(M, {
+			icon: W(o, /* @__PURE__ */ L(M, {
 				width: 18,
 				height: 18,
 				"aria-hidden": "true"
@@ -293,20 +316,46 @@ function ce(e) {
 			isActive: v,
 			ariaLabel: h
 		};
-	}, P = [];
+	}, R = [], z = l?.primaryItems ?? [];
+	if (z.length > 0) {
+		let e = z.map((e) => {
+			if (e.kind === "dashboard") return P();
+			if (e.kind === "hub") return I({
+				hub: a(e, l),
+				icon: e.icon
+			});
+			let t;
+			return e.label != null && (t = c(e.label, m)), F({
+				entityId: e.id,
+				itemIcon: e.icon,
+				itemLabel: t
+			});
+		}).filter((e) => e != null);
+		e.length > 0 && R.push({
+			id: "primary",
+			items: e,
+			collapsible: !1
+		});
+	}
 	if (g.length > 0) {
 		let e = g.map((e) => {
-			let t = w.get(e);
-			return N({
+			let t = E.get(e);
+			return F({
 				entityId: e,
 				groupId: t?.groupId,
-				groupIcon: t?.icon,
+				groupIcon: t?.groupIcon,
+				itemIcon: t?.itemIcon,
 				enableReorder: !0
 			});
 		}).filter((e) => e != null);
-		e.length > 0 && P.push({
+		e.length > 0 && R.push({
 			id: "pinned",
 			title: h("sidebar.sections.pinned"),
+			icon: W(void 0, /* @__PURE__ */ L(j, {
+				width: 16,
+				height: 16,
+				"aria-hidden": "true"
+			})),
 			items: e,
 			collapsible: !1
 		});
@@ -318,8 +367,8 @@ function ce(e) {
 				kind: e.kind,
 				id: e.id
 			};
-			if (l?.isItemVisible?.(t, f) === !1 || T !== "" && !e.label.toLowerCase().includes(T)) return null;
-			let i = w.get(e.id);
+			if (l?.isItemVisible?.(t, f) === !1 || D !== "" && !e.label.toLowerCase().includes(D)) return null;
+			let i = E.get(e.id);
 			return {
 				id: `recent-${e.kind}-${e.id}`,
 				data: {
@@ -329,7 +378,7 @@ function ce(e) {
 				},
 				label: e.label,
 				href: e.href,
-				icon: U(i?.icon, /* @__PURE__ */ I(M, {
+				icon: W(i?.itemIcon ?? i?.groupIcon, /* @__PURE__ */ L(M, {
 					width: 18,
 					height: 18,
 					"aria-hidden": "true"
@@ -338,138 +387,115 @@ function ce(e) {
 				ariaLabel: e.label
 			};
 		}).filter((e) => e != null);
-		e.length > 0 && P.push({
+		e.length > 0 && R.push({
 			id: "recent",
 			title: h("sidebar.sections.recent"),
+			icon: W(void 0, /* @__PURE__ */ L(C, {
+				width: 16,
+				height: 16,
+				"aria-hidden": "true"
+			})),
 			items: e,
 			collapsible: !1
 		});
 	}
-	return C.forEach(([e, r], i) => {
-		if (r.isVisible != null && !r.isVisible(f)) return;
-		let u = [];
-		if (i === 0 && l?.isItemVisible?.({
-			kind: "dashboard",
-			id: "dashboard"
-		}, f) !== !1) {
-			let r = h("sidebar.items.dashboard");
-			T !== "" && !r.toLowerCase().includes(T) || u.push({
-				id: "dashboard",
-				data: {
-					kind: "dashboard",
-					id: "dashboard",
-					groupId: e
-				},
-				label: r,
-				href: t,
-				icon: U(void 0, /* @__PURE__ */ I(j, {
-					width: 18,
-					height: 18,
-					"aria-hidden": "true"
-				})),
-				isActive: s(n, t),
-				ariaLabel: h("sidebar.items.dashboard")
-			});
-		}
-		let d = o(r);
-		if (d.length > 0 && d.forEach((t) => {
-			if (t.kind === "dashboard") return;
-			if (t.kind === "hub") {
-				let n = ie({
-					hub: a(t, l),
+	return te.forEach(([e, t]) => {
+		if (t.isVisible != null && !t.isVisible(f)) return;
+		let n = [], r = o(t);
+		r.length > 0 && r.forEach((r) => {
+			if (r.kind === "dashboard") {
+				let t = P(e);
+				t != null && n.push(t);
+				return;
+			}
+			if (r.kind === "hub") {
+				let i = I({
+					hub: a(r, l),
 					groupId: e,
-					icon: t.icon ?? r.icon
+					icon: r.icon ?? t.icon
 				});
-				n != null && u.push(n);
+				i != null && n.push(i);
 				return;
 			}
-			let n;
-			t.label != null && (n = c(t.label, m));
-			let i = N({
-				entityId: t.id,
+			let i;
+			r.label != null && (i = c(r.label, m));
+			let o = F({
+				entityId: r.id,
 				groupId: e,
-				groupIcon: r.icon,
-				itemIcon: t.icon,
-				itemLabel: n
+				groupIcon: t.icon,
+				itemIcon: r.icon,
+				itemLabel: i
 			});
-			i != null && u.push(i);
-		}), u.length === 0) return;
-		let p;
-		r.title != null && (p = c(r.title, m));
-		let g = b?.[e], _;
-		x != null && (_ = (t) => {
-			x(e, t);
-		}), P.push({
+			o != null && n.push(o);
+		});
+		let i = n;
+		if (x && t.behavior?.showInCollapsedRail !== !0 && (i = n.filter((e) => e.id === "dashboard" || e.isActive === !0)), i.length === 0) return;
+		let s;
+		t.title != null && (s = c(t.title, m));
+		let u = y?.[e], d;
+		b != null && (d = (t) => {
+			b(e, t);
+		}), R.push({
 			id: e,
-			title: p,
-			items: u,
-			collapsible: r.behavior?.collapsible ?? !0,
-			defaultCollapsed: r.behavior?.defaultCollapsed ?? !0,
-			isCollapsed: g,
-			onCollapsedChange: _
+			title: s,
+			icon: W(t.icon, void 0, 16),
+			items: i,
+			collapsible: t.behavior?.collapsible ?? !0,
+			defaultCollapsed: t.behavior?.defaultCollapsed ?? !0,
+			isCollapsed: u,
+			onCollapsedChange: d
 		});
-	}), P;
+	}), R;
 }
 //#endregion
 //#region src/components/backoffice/routing/backofficeContentError.css.ts
-var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", K = (e) => {
-	if (e instanceof Error) {
-		let t = e.message.trim();
-		return t.length > 0 ? t : null;
-	}
-	if (typeof e == "string") {
-		let t = e.trim();
-		return t.length > 0 ? t : null;
-	}
-	return null;
-}, le = ({ error: e, onRetry: t }) => {
-	let { t: n } = r(), i = K(e);
-	return /* @__PURE__ */ I("div", {
-		className: W,
-		role: "alert",
-		children: /* @__PURE__ */ I(O, {
+var G = "txvbqb9ip txvbqbai7 txvbqbu7g", K = "txvbqbwy", le = ({ onRetry: e }) => {
+	let { t } = r();
+	return /* @__PURE__ */ L("div", {
+		className: G,
+		children: /* @__PURE__ */ L(k, {
 			tone: "danger",
-			className: G,
-			actions: /* @__PURE__ */ I(w, {
+			className: K,
+			actions: /* @__PURE__ */ L(T, {
 				type: "button",
 				variant: "secondary",
 				size: "small",
-				onClick: t,
-				children: n("common.actions.retry")
+				onClick: e,
+				children: t("common.actions.retry")
 			}),
-			children: i
+			children: t("common.errors.unexpected")
 		})
 	});
-}, 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", {
+}, 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__ */ R("div", {
 	className: q,
 	role: "status",
 	"aria-live": "polite",
 	"aria-busy": "true",
 	children: [
-		/* @__PURE__ */ I(N, {
+		/* @__PURE__ */ L(N, {
 			variant: "text",
 			width: "38%",
 			className: ue
 		}),
-		/* @__PURE__ */ I(N, {
+		/* @__PURE__ */ L(N, {
 			variant: "text",
 			width: "62%"
 		}),
-		/* @__PURE__ */ I("div", {
+		/* @__PURE__ */ L("div", {
 			className: de,
-			children: Array.from({ length: 4 }, (e, t) => /* @__PURE__ */ L("div", {
+			children: Array.from({ length: 4 }, (e, t) => /* @__PURE__ */ R("div", {
 				className: fe,
 				children: [
-					/* @__PURE__ */ I(N, {
+					/* @__PURE__ */ L(N, {
 						variant: "text",
 						width: "46%"
 					}),
-					/* @__PURE__ */ I(N, {
+					/* @__PURE__ */ L(N, {
 						variant: "text",
 						width: "82%",
 						lines: 2
 					}),
-					/* @__PURE__ */ I(N, {
+					/* @__PURE__ */ L(N, {
 						variant: "block",
 						width: "100%",
 						height: 120
@@ -478,15 +504,15 @@ var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", K = (e) => {
 			}, `content-skeleton-${t}`))
 		})
 	]
-}), Y = "txvbqb9ip txvbqbai7 txvbqbjs7 txvbqbu7g txvbqbk5y", pe = ({ children: e }) => /* @__PURE__ */ I("div", {
+}), Y = "txvbqb9ip txvbqbai7 txvbqbjs7 txvbqbu7g txvbqbk5y", pe = ({ children: e }) => /* @__PURE__ */ L("div", {
 	className: Y,
-	children: /* @__PURE__ */ I(p, {
-		fallback: ({ error: e, reset: t }) => /* @__PURE__ */ I(le, {
+	children: /* @__PURE__ */ L(p, {
+		fallback: ({ error: e, reset: t }) => /* @__PURE__ */ L(le, {
 			error: e,
 			onRetry: t
 		}),
-		children: /* @__PURE__ */ I(_, {
-			fallback: /* @__PURE__ */ I(J, {}),
+		children: /* @__PURE__ */ L(_, {
+			fallback: /* @__PURE__ */ L(J, {}),
 			children: e
 		})
 	})
@@ -521,30 +547,30 @@ var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", K = (e) => {
 		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), 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;
+	let { t: c } = S(), { t: d } = r(), { pathname: p } = ne(), _ = ee(te), C = t(), { auth: T, basePath: O, entities: k, sidebar: A } = n(), [j, ie] = x(""), M = A?.preferences?.storageKey ?? ge, N = A?.preferences?.persistCollapsed === !0, [I, R] = x(() => {
+		if (!N || typeof window > "u") return !1;
 		try {
-			return window.localStorage.getItem(`${N}:collapsed`) === "true";
+			return window.localStorage.getItem(`${M}: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));
+	}), [z, B] = x(!1), [V, oe] = x(null), H = A?.recentItems, U = H?.enabled === !0, W = H?.storageKey ?? he, G = H?.maxItems ?? 8, [K, le] = x(() => U ? _e(W) : []);
+	y(() => {
+		if (!(!N || typeof window > "u")) try {
+			window.localStorage.setItem(`${M}:collapsed`, String(I));
 		} catch {}
 	}, [
-		L,
-		F,
-		N
+		I,
+		N,
+		M
 	]);
-	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), [
+	let q = b(() => u(k, A), [k, A]), ue = b(() => Object.keys(q), [q]), de = b(() => Object.fromEntries(Object.entries(q).map(([e, t]) => [e, t.behavior?.defaultCollapsed ?? !0])), [q]), fe = b(() => f(q, k, A, a), [
 		k,
 		q,
 		a,
 		A
-	]), J = x(() => l(p, k), [k, p]);
-	b(() => {
+	]), J = b(() => l(p, k), [k, p]);
+	y(() => {
 		if (!U || J == null) return;
 		let e = k[J];
 		if (e == null || e.kind !== "tool" && !e.hasList) return;
@@ -569,19 +595,19 @@ var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", K = (e) => {
 		W,
 		c
 	]);
-	let { pins: Y, toggle: X, reorder: Z } = oe({
+	let { pins: Y, toggle: X, reorder: Z } = ae({
 		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({
+	}), ye;
+	A?.preferences?.storageKey != null && (ye = `${A.preferences.storageKey}:groups`);
+	let { collapsedByGroupId: Q, setCollapsed: $ } = se({
 		groupIds: ue,
 		activeGroupId: s,
 		defaultCollapsedByGroupId: de,
 		persist: A?.preferences?.persistGroups === !0,
-		storageKey: Q
-	}), be = x(() => ce({
+		storageKey: ye
+	}), be = b(() => ce({
 		basePath: O,
 		pathname: p,
 		entities: k,
@@ -594,29 +620,61 @@ var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", K = (e) => {
 		recentItems: K,
 		onTogglePin: X,
 		onReorderPin: Z,
-		collapsedByGroupId: $,
-		onGroupCollapsedChange: ye
+		collapsedByGroupId: Q,
+		onGroupCollapsedChange: $,
+		sidebarCollapsed: !1
 	}), [
 		O,
+		Q,
+		k,
+		p,
+		a,
+		Y,
+		K,
+		Z,
 		$,
+		A,
+		j,
+		d,
+		c,
+		X
+	]), xe = b(() => ce({
+		basePath: O,
+		pathname: p,
+		entities: k,
+		sidebar: A,
+		permissions: a,
+		searchQuery: j,
+		tApp: c,
+		t: d,
+		pinnedEntityIds: Y,
+		recentItems: K,
+		onTogglePin: X,
+		onReorderPin: Z,
+		collapsedByGroupId: Q,
+		onGroupCollapsedChange: $,
+		sidebarCollapsed: !1
+	}), [
+		O,
+		Q,
 		k,
 		p,
 		a,
 		Y,
 		K,
 		Z,
-		ye,
+		$,
 		A,
 		j,
 		d,
 		c,
 		X
-	]), xe = x(() => import.meta.env?.DEV === !0 ? "dev" : "prod", []), Se = v(() => {
-		R || (z(!0), (async () => {
+	]), Se = b(() => import.meta.env?.DEV === !0 ? "dev" : "prod", []), Ce = v(() => {
+		z || (B(!0), (async () => {
 			try {
-				let t = await D.logout.load();
+				let t = await T.logout.load();
 				await new Promise((e, n) => {
-					P(w, {
+					F(C, {
 						mutation: t.logoutMutation,
 						variables: {},
 						onCompleted: () => {
@@ -628,72 +686,98 @@ var W = "txvbqb9ip txvbqbai7 txvbqbu7g", G = "txvbqbwy", K = (e) => {
 					});
 				}), localStorage.removeItem("auth_token"), localStorage.removeItem("remember_me"), e(), _?.history.push({ pathname: h(O) });
 			} finally {
-				z(!1);
+				B(!1);
 			}
 		})().catch(() => {}));
 	}, [
-		D.logout,
+		T.logout,
 		O,
-		R,
-		w,
+		z,
+		C,
 		_
-	]), Ce = o?.me ?? null, we = /* @__PURE__ */ I(re, {
-		collapsed: L,
-		viewer: x(() => me({
-			viewer: Ce,
-			unknownUserLabel: d("sidebar.profile.unknownUser")
-		}), [d, Ce]),
+	]), we = o?.me ?? null, Te = b(() => me({
+		viewer: we,
+		unknownUserLabel: d("sidebar.profile.unknownUser")
+	}), [d, we]), Ee = /* @__PURE__ */ L(w, {
+		collapsed: !1,
+		viewer: Te,
 		labels: {
 			sectionTitle: d("sidebar.profile.title"),
 			menuAriaLabel: d("sidebar.profile.menuAriaLabel"),
 			signOut: d("sidebar.profile.actions.signOut")
 		},
-		onSignOut: Se,
-		isSigningOut: R
-	}), Te = null;
-	B != null && (Te = /* @__PURE__ */ I(pe, { children: i }));
-	let Ee = null;
-	return L || (Ee = /* @__PURE__ */ I(E, {
+		onSignOut: Ce,
+		isSigningOut: z
+	}), De = /* @__PURE__ */ L(w, {
+		collapsed: !1,
+		viewer: Te,
+		labels: {
+			sectionTitle: d("sidebar.profile.title"),
+			menuAriaLabel: d("sidebar.profile.menuAriaLabel"),
+			signOut: d("sidebar.profile.actions.signOut")
+		},
+		onSignOut: Ce,
+		isSigningOut: z
+	}), Oe = null;
+	V != null && (Oe = /* @__PURE__ */ L(pe, { children: i }));
+	let ke = /* @__PURE__ */ L(D, {
 		value: j,
-		onChange: M,
+		onChange: ie,
 		placeholder: d("sidebar.search.placeholder"),
 		ariaLabel: d("sidebar.search.placeholder")
-	})), /* @__PURE__ */ I(ie, { children: /* @__PURE__ */ I(ne, {
+	});
+	return /* @__PURE__ */ L(P, { children: /* @__PURE__ */ L(re, {
 		sidebar: {
 			sections: be,
-			header: /* @__PURE__ */ I(T, { environment: xe }),
-			search: Ee,
-			footer: we,
-			isCollapsed: L,
-			onCollapsedChange: ae
+			header: /* @__PURE__ */ L(E, { environment: Se }),
+			search: ke,
+			footer: Ee,
+			isCollapsed: I,
+			onCollapsedChange: R,
+			collapseToggleLabel: d("sidebar.actions.collapseSidebar"),
+			expandToggleLabel: d("sidebar.actions.expandSidebar"),
+			navigationAriaLabel: d("sidebar.navigationAriaLabel")
 		},
-		topbar: { breadcrumb: /* @__PURE__ */ I("div", { ref: V }) },
-		children: /* @__PURE__ */ I(g, {
+		mobileSidebar: {
+			sections: xe,
+			header: /* @__PURE__ */ L(E, { environment: Se }),
+			search: ke,
+			footer: De,
+			isCollapsed: !1,
+			hideCollapseToggle: !0,
+			navigationAriaLabel: d("sidebar.navigationAriaLabel")
+		},
+		topbar: { breadcrumb: /* @__PURE__ */ L("div", { ref: oe }) },
+		children: /* @__PURE__ */ L(g, {
 			permissions: a,
-			children: /* @__PURE__ */ I(m, {
-				value: { target: B },
-				children: Te
+			children: /* @__PURE__ */ L(m, {
+				value: {
+					target: V,
+					dashboardHref: O,
+					dashboardLabel: d("sidebar.items.dashboard")
+				},
+				children: Oe
 			})
 		})
 	}) });
-}, Q = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => /* @__PURE__ */ I(Z, {
-	permissions: F(t, n),
+}, ye = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => /* @__PURE__ */ L(Z, {
+	permissions: I(t, n),
 	authStatus: r,
 	activeGroupId: i,
 	children: e
-}), $ = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => t != null && n != null ? /* @__PURE__ */ I(Q, {
+}), Q = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => t != null && n != null ? /* @__PURE__ */ L(ye, {
 	permissionsQuery: t,
 	prepared: n,
 	authStatus: r,
 	activeGroupId: i,
 	children: e
-}) : /* @__PURE__ */ I(Z, {
+}) : /* @__PURE__ */ L(Z, {
 	permissions: null,
 	authStatus: r,
 	activeGroupId: i,
 	children: e
 });
 //#endregion
-export { $ as BackofficeLayoutPage, $ as default };
+export { Q as BackofficeLayoutPage, Q as default };
 
-//# sourceMappingURL=BackofficeLayoutPage-r6dXo9SI.js.map
+//# sourceMappingURL=BackofficeLayoutPage-Bq2bKkYF.js.map