@questpie/admin 2.0.0 → 3.0.1

package/dist/client/views/layout/admin-sidebar.mjs

@@ -1,19 +1,23 @@
-import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
+import { useResolveText, useSafeI18n, useTranslation } from "../../i18n/hooks.mjs";
 import { cn, formatLabel } from "../../lib/utils.mjs";
-import { selectAdmin, selectBasePath, selectNavigate, useAdminStore } from "../../runtime/provider.mjs";
+import { selectAdmin, selectBasePath, selectContentLocale, selectNavigate, selectSetContentLocale, useAdminStore } from "../../runtime/provider.mjs";
+import { useSafeContentLocales } from "../../runtime/content-locales-provider.mjs";
 import { ComponentRenderer } from "../../components/component-renderer.mjs";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../components/ui/tooltip.mjs";
 import { useAdminConfig } from "../../hooks/use-admin-config.mjs";
 import { getFlagUrl } from "../../utils/locale-to-flag.mjs";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../../components/ui/dropdown-menu.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../../components/ui/dropdown-menu.mjs";
 import { useAuthClientSafe } from "../../hooks/use-auth.mjs";
-import { useSessionState } from "../../hooks/use-current-user.mjs";
+import { useCurrentUser, useSessionState } from "../../hooks/use-current-user.mjs";
 import { Skeleton } from "../../components/ui/skeleton.mjs";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../../components/ui/tooltip.mjs";
 import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuItem, SidebarSeparator, useSidebar } from "../../components/ui/sidebar.mjs";
+import { getAdminPreferenceQueryKey, useAdminPreference, useSetAdminPreference } from "../../hooks/use-admin-preferences.mjs";
+import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
-import * as React$1 from "react";
-import { toast } from "sonner";
+import * as React from "react";
+import { useQueryClient } from "@tanstack/react-query";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
 
 //#region src/client/views/layout/admin-sidebar.tsx
 /**
@@ -43,94 +47,124 @@ function getSidebarItemProps(item) {
 * only for page items (which are client-only).
 */
 function useServerNavigation() {
+	const $ = c(6);
 	const { data: serverConfig } = useAdminConfig();
-	const storeNavigation = useAdminStore((s) => s.navigation);
+	const storeNavigation = useAdminStore(_temp);
 	const basePath = useAdminStore(selectBasePath);
-	return React$1.useMemo(() => {
+	let t0;
+	bb0: {
 		const sections = serverConfig?.sidebar?.sections;
-		if (!sections?.length) return void 0;
-		const pageMap = /* @__PURE__ */ new Map();
-		for (const group of storeNavigation ?? []) for (const element of group.items ?? []) if (element.type !== "divider" && "id" in element) {
-			const navItem = element;
-			if (navItem.type === "page") pageMap.set(navItem.id, navItem);
+		if (!sections?.length) {
+			t0 = void 0;
+			break bb0;
 		}
-		function convertItem(item) {
-			const props = getSidebarItemProps(item);
-			switch (item.type) {
-				case "collection": {
-					const collectionName = props.collection;
-					const meta = serverConfig?.collections?.[collectionName];
-					return {
-						id: `collection:${collectionName}`,
-						label: props.label ?? meta?.label ?? formatLabel(collectionName),
-						href: `${basePath}/collections/${collectionName}`,
-						icon: props.icon ?? meta?.icon,
-						type: "collection",
-						order: 0
-					};
-				}
-				case "global": {
-					const globalName = props.global;
-					const meta = serverConfig?.globals?.[globalName];
-					return {
-						id: `global:${globalName}`,
-						label: props.label ?? meta?.label ?? formatLabel(globalName),
-						href: `${basePath}/globals/${globalName}`,
-						icon: props.icon ?? meta?.icon,
-						type: "global",
+		let t1;
+		if ($[0] !== basePath || $[1] !== sections || $[2] !== serverConfig?.collections || $[3] !== serverConfig?.globals || $[4] !== storeNavigation) {
+			const pageMap = /* @__PURE__ */ new Map();
+			for (const group of storeNavigation ?? []) for (const element of group.items ?? []) if (element.type !== "divider" && "id" in element) {
+				const navItem = element;
+				if (navItem.type === "page") pageMap.set(navItem.id, navItem);
+			}
+			const convertItem = function convertItem$1(item) {
+				const props = getSidebarItemProps(item);
+				switch (item.type) {
+					case "collection": {
+						const collectionName = props.collection;
+						const meta_0 = serverConfig?.collections?.[collectionName];
+						return {
+							id: `collection:${collectionName}`,
+							label: props.label ?? meta_0?.label ?? formatLabel(collectionName),
+							href: `${basePath}/collections/${collectionName}`,
+							icon: props.icon ?? meta_0?.icon,
+							type: "collection",
+							order: 0
+						};
+					}
+					case "global": {
+						const globalName = props.global;
+						const meta = serverConfig?.globals?.[globalName];
+						return {
+							id: `global:${globalName}`,
+							label: props.label ?? meta?.label ?? formatLabel(globalName),
+							href: `${basePath}/globals/${globalName}`,
+							icon: props.icon ?? meta?.icon,
+							type: "global",
+							order: 0
+						};
+					}
+					case "page": {
+						const found = pageMap.get(`page:${props.pageId}`);
+						if (!found) return;
+						return {
+							...found,
+							label: props.label ?? found.label,
+							icon: props.icon ?? found.icon
+						};
+					}
+					case "link": return {
+						id: `link:${props.href}`,
+						label: props.label ?? "",
+						href: props.href,
+						icon: props.icon,
+						type: "link",
 						order: 0
 					};
+					case "divider": return { type: "divider" };
+					default: return;
 				}
-				case "page": {
-					const found = pageMap.get(`page:${props.pageId}`);
-					if (!found) return void 0;
-					return {
-						...found,
-						label: props.label ?? found.label,
-						icon: props.icon ?? found.icon
-					};
-				}
-				case "link": return {
-					id: `link:${props.href}`,
-					label: props.label ?? "",
-					href: props.href,
-					icon: props.icon,
-					type: "link",
-					order: 0
+			};
+			function convertSection(section) {
+				return {
+					id: section.id,
+					label: section.title,
+					icon: section.icon,
+					collapsible: section.collapsible,
+					items: (section.items ?? []).map(convertItem).filter(_temp2),
+					sections: section.sections?.map(convertSection)
 				};
-				case "divider": return { type: "divider" };
-				default: return;
 			}
-		}
-		function convertSection(section) {
-			return {
-				id: section.id,
-				label: section.title,
-				icon: section.icon,
-				collapsed: section.collapsed,
-				items: (section.items ?? []).map(convertItem).filter((i) => i !== void 0),
-				sections: section.sections?.map(convertSection)
-			};
-		}
-		return sections.map(convertSection);
-	}, [
-		serverConfig,
-		storeNavigation,
-		basePath
-	]);
+			t1 = sections.map(convertSection);
+			$[0] = basePath;
+			$[1] = sections;
+			$[2] = serverConfig?.collections;
+			$[3] = serverConfig?.globals;
+			$[4] = storeNavigation;
+			$[5] = t1;
+		} else t1 = $[5];
+		t0 = t1;
+	}
+	return t0;
+}
+function _temp2(i) {
+	return i !== void 0;
+}
+function _temp(s) {
+	return s.navigation;
 }
 function useSidebarProps(props) {
-	const storeNavigation = useAdminStore((s) => s.navigation);
-	const storeBrandName = useAdminStore((s) => s.brandName);
+	const $ = c(6);
+	const storeNavigation = useAdminStore(_temp3);
+	const storeBrandName = useAdminStore(_temp4);
 	const serverNavigation = useServerNavigation();
-	if (props.navigation !== void 0 && props.brandName !== void 0) return {
-		navigation: props.navigation,
-		brandName: props.brandName
-	};
-	return {
-		navigation: props.navigation ?? serverNavigation ?? storeNavigation ?? [],
-		brandName: props.brandName ?? storeBrandName ?? "Admin"
-	};
+	let t0;
+	if ($[0] !== serverNavigation || $[1] !== storeNavigation) {
+		t0 = serverNavigation ?? storeNavigation ?? [];
+		$[0] = serverNavigation;
+		$[1] = storeNavigation;
+		$[2] = t0;
+	} else t0 = $[2];
+	const t1 = props.brandName ?? storeBrandName ?? "Admin";
+	let t2;
+	if ($[3] !== t0 || $[4] !== t1) {
+		t2 = {
+			navigation: t0,
+			brandName: t1
+		};
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
 }
 /**
 * Render an icon - handles ComponentReference and React components.
@@ -144,39 +178,124 @@ function useSidebarProps(props) {
 * <RenderIcon icon={{ type: "icon", props: { name: "ph:users" } }} />
 * ```
 */
-function RenderIcon(props) {
+function _temp4(s_0) {
+	return s_0.brandName;
+}
+function _temp3(s) {
+	return s.navigation;
+}
+function areIconValuesEqual(a, b) {
+	if (a === b) return true;
+	if (!a || !b) return false;
+	if (typeof a === "object" && typeof b === "object" && "type" in a && "type" in b) {
+		const aRef = a;
+		const bRef = b;
+		if (aRef.type !== bRef.type) return false;
+		const aProps = aRef.props ?? {};
+		const bProps = bRef.props ?? {};
+		const aKeys = Object.keys(aProps);
+		const bKeys = Object.keys(bProps);
+		if (aKeys.length !== bKeys.length) return false;
+		for (const key of aKeys) if (aProps[key] !== bProps[key]) return false;
+		return true;
+	}
+	return false;
+}
+const RenderIcon = React.memo(function RenderIcon$1(props) {
+	const $ = c(10);
 	const { icon, className } = props;
+	let t0;
+	if ($[0] !== className) {
+		t0 = cn("size-4 shrink-0", className);
+		$[0] = className;
+		$[1] = t0;
+	} else t0 = $[1];
+	const mergedClassName = t0;
+	let t1;
+	if ($[2] !== mergedClassName) {
+		t1 = { className: mergedClassName };
+		$[2] = mergedClassName;
+		$[3] = t1;
+	} else t1 = $[3];
+	const additionalProps = t1;
 	if (!icon) return null;
-	if (typeof icon === "object" && icon !== null && "type" in icon) return /* @__PURE__ */ jsx(ComponentRenderer, {
-		reference: icon,
-		additionalProps: { className: cn("size-4 shrink-0", className) }
-	});
-	return /* @__PURE__ */ jsx(icon, { className: cn("size-4 shrink-0", className) });
-}
-function QuestpieSymbol({ className }) {
-	return /* @__PURE__ */ jsxs("svg", {
-		width: "640",
-		height: "640",
-		viewBox: "0 0 640 640",
-		fill: "none",
-		xmlns: "http://www.w3.org/2000/svg",
-		className: cn("size-8 shrink-0 text-[#02012B] dark:text-white", className),
-		children: [
-			/* @__PURE__ */ jsx("title", { children: "QUESTPIE" }),
-			/* @__PURE__ */ jsx("path", {
-				fillRule: "evenodd",
-				clipRule: "evenodd",
-				d: "M466.377 350.987C468.486 340.983 469.595 330.611 469.595 319.98C469.595 237.377 402.624 170.406 320.001 170.406C237.378 170.406 170.406 237.377 170.406 319.98C170.406 393.857 223.976 455.23 294.402 467.372V510.268C200.465 497.754 128 417.329 128 319.98C128 213.952 213.962 128 320.001 128C426.04 128 512.002 213.952 512.002 319.98C512.002 344.198 507.517 367.37 499.332 388.708C489.817 374.897 478.748 362.239 466.377 350.987ZM320.002 469.553C381.932 469.553 435.067 431.927 457.799 378.296C468.772 389.602 478.366 402.254 486.309 415.98C453.11 473.357 391.065 511.959 320.002 511.959L320.002 469.553Z",
-				fill: "currentColor"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				fillRule: "evenodd",
-				clipRule: "evenodd",
-				d: "M320.002 512H512.004V511.985C512.004 405.958 426.042 320.005 320.003 320.005C320.003 320.005 320.002 320.005 320.002 320.005V512Z",
-				fill: "#B700FF"
-			})
-		]
-	});
+	if (typeof icon === "object" && icon !== null && "type" in icon) {
+		const t2$1 = icon;
+		let t3;
+		if ($[4] !== additionalProps || $[5] !== t2$1) {
+			t3 = /* @__PURE__ */ jsx(ComponentRenderer, {
+				reference: t2$1,
+				additionalProps
+			});
+			$[4] = additionalProps;
+			$[5] = t2$1;
+			$[6] = t3;
+		} else t3 = $[6];
+		return t3;
+	}
+	const IconComp = icon;
+	let t2;
+	if ($[7] !== IconComp || $[8] !== mergedClassName) {
+		t2 = /* @__PURE__ */ jsx(IconComp, { className: mergedClassName });
+		$[7] = IconComp;
+		$[8] = mergedClassName;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}, (prev, next) => {
+	if (prev.className !== next.className) return false;
+	return areIconValuesEqual(prev.icon, next.icon);
+});
+function QuestpieSymbol(t0) {
+	const $ = c(7);
+	const { className } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = cn("size-6 shrink-0", className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	let t3;
+	let t4;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("title", { children: "QUESTPIE" });
+		t3 = /* @__PURE__ */ jsx("path", {
+			d: "M22 10V2H2V22H10",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "square",
+			className: "text-[#0a0a0a] dark:text-white"
+		});
+		t4 = /* @__PURE__ */ jsx("path", {
+			d: "M23 13H13V23H23V13Z",
+			fill: "#B700FF"
+		});
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = t4;
+	} else {
+		t2 = $[2];
+		t3 = $[3];
+		t4 = $[4];
+	}
+	let t5;
+	if ($[5] !== t1) {
+		t5 = /* @__PURE__ */ jsxs("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			className: t1,
+			children: [
+				t2,
+				t3,
+				t4
+			]
+		});
+		$[5] = t1;
+		$[6] = t5;
+	} else t5 = $[6];
+	return t5;
 }
 /**
 * Check if element is a navigation item (not divider)
@@ -200,119 +319,464 @@ function isRouteActive(activeRoute, itemHref, basePath, exact = false) {
 /**
 * Menu button styles - QUESTPIE design: clean, technical look
 */
-const menuButtonStyles = cn("flex w-full items-center gap-2.5 px-3 py-2 text-sm font-medium transition-colors duration-150", "text-sidebar-foreground hover:text-sidebar-foreground hover:bg-sidebar-accent", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-sidebar-ring", "group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-2 group-data-[collapsible=icon]:size-8");
-const menuButtonActiveStyles = cn("bg-sidebar-primary/10 text-sidebar-primary border-l-2 border-sidebar-primary");
-function NavItem({ item, isActive, LinkComponent, renderNavItem, useActiveProps, className }) {
+const menuButtonStyles = cn("flex w-full items-center gap-2.5 px-3 py-2 text-sm font-medium transition-colors duration-150", "text-sidebar-foreground hover:text-sidebar-foreground hover:bg-sidebar-accent", "focus-visible:ring-sidebar-ring focus-visible:ring-1 focus-visible:outline-none", "group-data-[collapsible=icon]:size-8 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-2");
+const menuButtonActiveStyles = cn("bg-sidebar-primary/10 text-sidebar-primary");
+/**
+* Active indicator bar positioned at the sidebar group edge.
+* Uses negative left offset to compensate for SidebarGroupContent nesting padding.
+*/
+function ActiveIndicator(t0) {
+	const $ = c(2);
+	const { depth } = t0;
+	const t1 = `${-depth * .75}rem`;
+	let t2;
+	if ($[0] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: "bg-sidebar-primary absolute top-0 bottom-0 w-0.5",
+			style: { left: t1 },
+			"aria-hidden": "true"
+		});
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	return t2;
+}
+function NavItem(t0) {
+	const $ = c(66);
+	const { item, isActive, LinkComponent, renderNavItem, useActiveProps, className, depth: t1 } = t0;
+	const depth = t1 === void 0 ? 0 : t1;
 	const { state, isMobile, setOpenMobile } = useSidebar();
 	const collapsed = state === "collapsed";
 	const resolveText = useResolveText();
-	const handleClick = React$1.useCallback(() => {
-		if (isMobile) setOpenMobile(false);
-	}, [isMobile, setOpenMobile]);
-	if (renderNavItem) return /* @__PURE__ */ jsx(Fragment, { children: renderNavItem({
-		item,
-		isActive,
-		collapsed
-	}) });
-	const label = resolveText(item.label);
-	const shouldUseExact = item.type === "dashboard" || item.type === "link" || item.type === "page";
-	const linkActiveProps = useActiveProps ? {
-		activeProps: { className: menuButtonActiveStyles },
-		activeOptions: { exact: shouldUseExact }
-	} : {};
-	const linkContent = /* @__PURE__ */ jsxs(LinkComponent, {
-		to: item.href,
-		className: cn(menuButtonStyles, isActive && menuButtonActiveStyles),
-		...linkActiveProps,
-		children: [item.icon && /* @__PURE__ */ jsx(RenderIcon, { icon: item.icon }), /* @__PURE__ */ jsx("span", {
-			className: "truncate group-data-[collapsible=icon]:hidden",
+	let t2;
+	if ($[0] !== isMobile || $[1] !== setOpenMobile) {
+		t2 = () => {
+			if (isMobile) setOpenMobile(false);
+		};
+		$[0] = isMobile;
+		$[1] = setOpenMobile;
+		$[2] = t2;
+	} else t2 = $[2];
+	const handleClick = t2;
+	if (renderNavItem) {
+		const NavItemRenderer = renderNavItem;
+		let t3$1;
+		if ($[3] !== NavItemRenderer || $[4] !== collapsed || $[5] !== isActive || $[6] !== item) {
+			t3$1 = /* @__PURE__ */ jsx(NavItemRenderer, {
+				item,
+				isActive,
+				collapsed
+			});
+			$[3] = NavItemRenderer;
+			$[4] = collapsed;
+			$[5] = isActive;
+			$[6] = item;
+			$[7] = t3$1;
+		} else t3$1 = $[7];
+		return t3$1;
+	}
+	let t3;
+	if ($[8] !== item.label || $[9] !== resolveText) {
+		t3 = resolveText(item.label);
+		$[8] = item.label;
+		$[9] = resolveText;
+		$[10] = t3;
+	} else t3 = $[10];
+	const label = t3;
+	const shouldUseExact = item.type === "link" || item.type === "page";
+	let t4;
+	if ($[11] !== shouldUseExact || $[12] !== useActiveProps) {
+		t4 = useActiveProps ? {
+			activeProps: { className: menuButtonActiveStyles },
+			activeOptions: { exact: shouldUseExact }
+		} : {};
+		$[11] = shouldUseExact;
+		$[12] = useActiveProps;
+		$[13] = t4;
+	} else t4 = $[13];
+	const linkActiveProps = t4;
+	const ariaCurrent = isActive ? "page" : void 0;
+	const t5 = item.href;
+	const t6 = collapsed ? label : void 0;
+	const t7 = isActive && "qa-sidebar__nav-link--active";
+	const t8 = isActive && menuButtonActiveStyles;
+	let t9;
+	if ($[14] !== t7 || $[15] !== t8) {
+		t9 = cn("qa-sidebar__nav-link", menuButtonStyles, t7, t8);
+		$[14] = t7;
+		$[15] = t8;
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	if ($[17] !== item.icon) {
+		t10 = item.icon && /* @__PURE__ */ jsx(RenderIcon, {
+			icon: item.icon,
+			className: "qa-sidebar__nav-icon"
+		});
+		$[17] = item.icon;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== label) {
+		t11 = /* @__PURE__ */ jsx("span", {
+			className: "qa-sidebar__nav-label truncate group-data-[collapsible=icon]:hidden",
 			children: label
-		})]
-	});
-	if (collapsed && !isMobile) return /* @__PURE__ */ jsx(SidebarMenuItem, {
-		onClickCapture: handleClick,
-		children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(LinkComponent, {
-			to: item.href,
-			className: cn(menuButtonStyles, isActive && menuButtonActiveStyles),
+		});
+		$[19] = label;
+		$[20] = t11;
+	} else t11 = $[20];
+	let t12;
+	if ($[21] !== LinkComponent || $[22] !== item.href || $[23] !== linkActiveProps || $[24] !== t10 || $[25] !== t11 || $[26] !== t6 || $[27] !== t9) {
+		t12 = /* @__PURE__ */ jsxs(LinkComponent, {
+			to: t5,
+			"aria-label": t6,
+			className: t9,
 			...linkActiveProps,
-			children: [item.icon && /* @__PURE__ */ jsx(RenderIcon, { icon: item.icon }), /* @__PURE__ */ jsx("span", {
+			children: [t10, t11]
+		});
+		$[21] = LinkComponent;
+		$[22] = item.href;
+		$[23] = linkActiveProps;
+		$[24] = t10;
+		$[25] = t11;
+		$[26] = t6;
+		$[27] = t9;
+		$[28] = t12;
+	} else t12 = $[28];
+	const linkContent = t12;
+	if (collapsed && !isMobile) {
+		let t13$1;
+		if ($[29] !== isActive) {
+			t13$1 = isActive && /* @__PURE__ */ jsx(ActiveIndicator, { depth: 0 });
+			$[29] = isActive;
+			$[30] = t13$1;
+		} else t13$1 = $[30];
+		const t14$1 = item.href;
+		const t15$1 = isActive && "qa-sidebar__nav-link--active";
+		const t16 = isActive && menuButtonActiveStyles;
+		let t17;
+		if ($[31] !== t15$1 || $[32] !== t16) {
+			t17 = cn("qa-sidebar__nav-link", menuButtonStyles, t15$1, t16);
+			$[31] = t15$1;
+			$[32] = t16;
+			$[33] = t17;
+		} else t17 = $[33];
+		let t18;
+		if ($[34] !== item.icon) {
+			t18 = item.icon && /* @__PURE__ */ jsx(RenderIcon, { icon: item.icon });
+			$[34] = item.icon;
+			$[35] = t18;
+		} else t18 = $[35];
+		let t19;
+		if ($[36] !== label) {
+			t19 = /* @__PURE__ */ jsx("span", {
 				className: "truncate group-data-[collapsible=icon]:hidden",
 				children: label
-			})]
-		}) }), /* @__PURE__ */ jsx(TooltipContent, {
-			side: "right",
-			align: "center",
-			children: label
-		})] })
-	});
-	return /* @__PURE__ */ jsx(SidebarMenuItem, {
-		className,
-		onClickCapture: handleClick,
-		children: linkContent
-	});
+			});
+			$[36] = label;
+			$[37] = t19;
+		} else t19 = $[37];
+		let t20;
+		if ($[38] !== LinkComponent || $[39] !== item.href || $[40] !== linkActiveProps || $[41] !== t17 || $[42] !== t18 || $[43] !== t19) {
+			t20 = /* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(LinkComponent, {
+				to: t14$1,
+				className: t17,
+				...linkActiveProps,
+				children: [t18, t19]
+			}) });
+			$[38] = LinkComponent;
+			$[39] = item.href;
+			$[40] = linkActiveProps;
+			$[41] = t17;
+			$[42] = t18;
+			$[43] = t19;
+			$[44] = t20;
+		} else t20 = $[44];
+		let t21;
+		if ($[45] !== label) {
+			t21 = /* @__PURE__ */ jsx(TooltipContent, {
+				side: "right",
+				align: "center",
+				children: label
+			});
+			$[45] = label;
+			$[46] = t21;
+		} else t21 = $[46];
+		let t22;
+		if ($[47] !== t20 || $[48] !== t21) {
+			t22 = /* @__PURE__ */ jsxs(Tooltip, { children: [t20, t21] });
+			$[47] = t20;
+			$[48] = t21;
+			$[49] = t22;
+		} else t22 = $[49];
+		let t23;
+		if ($[50] !== ariaCurrent || $[51] !== handleClick || $[52] !== t13$1 || $[53] !== t22) {
+			t23 = /* @__PURE__ */ jsxs(SidebarMenuItem, {
+				className: "qa-sidebar__nav-item",
+				onClickCapture: handleClick,
+				"aria-current": ariaCurrent,
+				children: [t13$1, t22]
+			});
+			$[50] = ariaCurrent;
+			$[51] = handleClick;
+			$[52] = t13$1;
+			$[53] = t22;
+			$[54] = t23;
+		} else t23 = $[54];
+		return t23;
+	}
+	let t13;
+	if ($[55] !== className) {
+		t13 = cn("qa-sidebar__nav-item", className);
+		$[55] = className;
+		$[56] = t13;
+	} else t13 = $[56];
+	let t14;
+	if ($[57] !== depth || $[58] !== isActive) {
+		t14 = isActive && /* @__PURE__ */ jsx(ActiveIndicator, { depth });
+		$[57] = depth;
+		$[58] = isActive;
+		$[59] = t14;
+	} else t14 = $[59];
+	let t15;
+	if ($[60] !== ariaCurrent || $[61] !== handleClick || $[62] !== linkContent || $[63] !== t13 || $[64] !== t14) {
+		t15 = /* @__PURE__ */ jsxs(SidebarMenuItem, {
+			className: t13,
+			onClickCapture: handleClick,
+			"aria-current": ariaCurrent,
+			children: [t14, linkContent]
+		});
+		$[60] = ariaCurrent;
+		$[61] = handleClick;
+		$[62] = linkContent;
+		$[63] = t13;
+		$[64] = t14;
+		$[65] = t15;
+	} else t15 = $[65];
+	return t15;
+}
+const SIDEBAR_COLLAPSED_SECTIONS_KEY = "sidebar:collapsed-sections";
+/**
+* Hook to manage sidebar section collapse state, persisted in admin preferences.
+* Returns the collapsed map and a toggle function.
+* Collapsible sections default to collapsed (true) when no preference is stored.
+*/
+function useSidebarCollapsedSections() {
+	const $ = c(13);
+	const user = useCurrentUser();
+	const queryClient = useQueryClient();
+	const { data: stored, isLoading } = useAdminPreference(SIDEBAR_COLLAPSED_SECTIONS_KEY);
+	const { mutate: persist } = useSetAdminPreference(SIDEBAR_COLLAPSED_SECTIONS_KEY);
+	const t0 = user?.id;
+	let t1;
+	if ($[0] !== t0) {
+		t1 = getAdminPreferenceQueryKey(t0, SIDEBAR_COLLAPSED_SECTIONS_KEY);
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const queryKey = t1;
+	let t2;
+	if ($[2] !== stored) {
+		t2 = (sectionId, collapsible) => {
+			if (!collapsible || !sectionId) return false;
+			return stored?.[sectionId] ?? false;
+		};
+		$[2] = stored;
+		$[3] = t2;
+	} else t2 = $[3];
+	const isSectionCollapsed = t2;
+	let t3;
+	if ($[4] !== persist || $[5] !== queryClient || $[6] !== queryKey || $[7] !== stored) {
+		t3 = (sectionId_0) => {
+			const current = stored ?? {};
+			const isCurrentlyCollapsed = current[sectionId_0] ?? false;
+			const next = {
+				...current,
+				[sectionId_0]: !isCurrentlyCollapsed
+			};
+			queryClient.setQueryData(queryKey, next);
+			persist(next);
+		};
+		$[4] = persist;
+		$[5] = queryClient;
+		$[6] = queryKey;
+		$[7] = stored;
+		$[8] = t3;
+	} else t3 = $[8];
+	const toggleSection = t3;
+	let t4;
+	if ($[9] !== isLoading || $[10] !== isSectionCollapsed || $[11] !== toggleSection) {
+		t4 = {
+			isSectionCollapsed,
+			toggleSection,
+			isLoading
+		};
+		$[9] = isLoading;
+		$[10] = isSectionCollapsed;
+		$[11] = toggleSection;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
 }
-function NavGroup({ group, activeRoute, LinkComponent, renderNavItem, basePath, useActiveProps, depth = 0 }) {
-	const [isCollapsed, setIsCollapsed] = React$1.useState(group.collapsed ?? false);
-	const groupLabel = useResolveText()(group.label);
-	const items = group.items ?? [];
-	const sections = group.sections ?? [];
+function NavGroup(t0) {
+	const $ = c(26);
+	const { group, activeRoute, LinkComponent, renderNavItem, basePath, useActiveProps, isSectionCollapsed, toggleSection, depth: t1 } = t0;
+	const depth = t1 === void 0 ? 0 : t1;
+	const isCollapsed = isSectionCollapsed(group.id, group.collapsible);
+	const resolveText = useResolveText();
+	let t2;
+	if ($[0] !== group.label || $[1] !== resolveText) {
+		t2 = resolveText(group.label);
+		$[0] = group.label;
+		$[1] = resolveText;
+		$[2] = t2;
+	} else t2 = $[2];
+	const groupLabel = t2;
+	let t3;
+	if ($[3] !== group.items) {
+		t3 = group.items ?? [];
+		$[3] = group.items;
+		$[4] = t3;
+	} else t3 = $[4];
+	const items = t3;
+	let t4;
+	if ($[5] !== group.sections) {
+		t4 = group.sections ?? [];
+		$[5] = group.sections;
+		$[6] = t4;
+	} else t4 = $[6];
+	const sections = t4;
 	const hasContent = items.length > 0 || sections.length > 0;
-	return /* @__PURE__ */ jsxs(SidebarGroup, { children: [groupLabel && /* @__PURE__ */ jsxs(SidebarGroupLabel, {
-		className: cn("gap-2 px-3 mt-2", group.collapsed !== void 0 && "cursor-pointer hover:text-sidebar-foreground", depth > 0 && "pl-6"),
-		onClick: group.collapsed !== void 0 ? () => setIsCollapsed(!isCollapsed) : void 0,
+	const T0 = SidebarGroup;
+	const t5 = "qa-sidebar__group";
+	const t6 = groupLabel && /* @__PURE__ */ jsxs(SidebarGroupLabel, {
+		className: cn("qa-sidebar__group-label mt-2 gap-2 px-3", group.collapsible && "hover:text-sidebar-foreground cursor-pointer", depth > 0 && "pl-6"),
+		role: group.collapsible ? "button" : void 0,
+		tabIndex: group.collapsible ? 0 : void 0,
+		"aria-expanded": group.collapsible ? !isCollapsed : void 0,
+		onClick: group.collapsible && group.id ? () => toggleSection(group.id) : void 0,
+		onKeyDown: group.collapsible && group.id ? (e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				toggleSection(group.id);
+			}
+		} : void 0,
 		children: [
 			group.icon && /* @__PURE__ */ jsx(RenderIcon, {
 				icon: group.icon,
 				className: "size-3.5"
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "flex-1 font-mono  text-left",
+				className: "flex-1 text-left font-mono",
 				children: groupLabel
 			}),
-			group.collapsed !== void 0 && /* @__PURE__ */ jsx(Icon, {
+			group.collapsible && /* @__PURE__ */ jsx(Icon, {
 				icon: "ph:caret-down",
-				className: cn("size-3.5 transition-transform", isCollapsed && "-rotate-90")
+				className: cn("size-3.5 transition-transform", isCollapsed && "-rotate-90"),
+				"aria-hidden": "true"
 			})
 		]
-	}), !isCollapsed && hasContent && /* @__PURE__ */ jsxs(SidebarGroupContent, {
-		className: cn(depth > 0 && "pl-3"),
-		children: [items.length > 0 && /* @__PURE__ */ jsx(SidebarMenu, { children: items.map((element, elementIndex) => {
-			if (!isNavigationItem(element)) return /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }, `${group.id ?? groupLabel ?? "group"}-divider-${elementIndex}`);
-			const shouldUseExact = element.type === "dashboard" || element.type === "link" || element.type === "page";
-			return /* @__PURE__ */ jsx(NavItem, {
-				item: element,
-				isActive: isRouteActive(activeRoute, element.href, basePath, shouldUseExact),
+	});
+	let t7;
+	if ($[7] !== LinkComponent || $[8] !== activeRoute || $[9] !== basePath || $[10] !== depth || $[11] !== group.id || $[12] !== groupLabel || $[13] !== hasContent || $[14] !== isCollapsed || $[15] !== isSectionCollapsed || $[16] !== items || $[17] !== renderNavItem || $[18] !== sections || $[19] !== toggleSection || $[20] !== useActiveProps) {
+		t7 = !isCollapsed && hasContent && /* @__PURE__ */ jsxs(SidebarGroupContent, {
+			className: cn(depth > 0 && "pl-3"),
+			children: [items.length > 0 && /* @__PURE__ */ jsx(SidebarMenu, { children: items.map((element, elementIndex) => {
+				if (!isNavigationItem(element)) return /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }, `${group.id ?? groupLabel ?? "group"}-divider-${elementIndex}`);
+				const shouldUseExact = element.type === "link" || element.type === "page";
+				return /* @__PURE__ */ jsx(NavItem, {
+					item: element,
+					isActive: isRouteActive(activeRoute, element.href, basePath, shouldUseExact),
+					LinkComponent,
+					renderNavItem,
+					useActiveProps,
+					depth
+				}, element.id);
+			}) }), sections.map((subSection) => /* @__PURE__ */ jsx(NavGroup, {
+				group: subSection,
+				activeRoute,
 				LinkComponent,
 				renderNavItem,
-				useActiveProps
-			}, element.id);
-		}) }), sections.map((subSection) => /* @__PURE__ */ jsx(NavGroup, {
-			group: subSection,
-			activeRoute,
-			LinkComponent,
-			renderNavItem,
-			basePath,
-			useActiveProps,
-			depth: depth + 1
-		}, subSection.id))]
-	})] });
+				basePath,
+				useActiveProps,
+				isSectionCollapsed,
+				toggleSection,
+				depth: depth + 1
+			}, subSection.id))]
+		});
+		$[7] = LinkComponent;
+		$[8] = activeRoute;
+		$[9] = basePath;
+		$[10] = depth;
+		$[11] = group.id;
+		$[12] = groupLabel;
+		$[13] = hasContent;
+		$[14] = isCollapsed;
+		$[15] = isSectionCollapsed;
+		$[16] = items;
+		$[17] = renderNavItem;
+		$[18] = sections;
+		$[19] = toggleSection;
+		$[20] = useActiveProps;
+		$[21] = t7;
+	} else t7 = $[21];
+	let t8;
+	if ($[22] !== T0 || $[23] !== t6 || $[24] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(T0, {
+			className: t5,
+			children: [t6, t7]
+		});
+		$[22] = T0;
+		$[23] = t6;
+		$[24] = t7;
+		$[25] = t8;
+	} else t8 = $[25];
+	return t8;
 }
 /**
 * Loading skeleton for UserFooter
 */
-function UserFooterSkeleton({ collapsed }) {
-	return /* @__PURE__ */ jsx(SidebarFooter, {
-		className: "border-t border-sidebar-border/50 p-2",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: cn("flex items-center gap-2.5 p-2", collapsed && "justify-center"),
-			children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-8 shrink-0" }), !collapsed && /* @__PURE__ */ jsxs("div", {
-				className: "grid flex-1 gap-1",
-				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-2 w-32" })]
-			})]
-		})
-	});
+function UserFooterSkeleton(t0) {
+	const $ = c(8);
+	const { collapsed } = t0;
+	const t1 = collapsed && "justify-center";
+	let t2;
+	if ($[0] !== t1) {
+		t2 = cn("flex items-center gap-2.5 p-2", t1);
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Skeleton, { className: "size-8 shrink-0" });
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== collapsed) {
+		t4 = !collapsed && /* @__PURE__ */ jsxs("div", {
+			className: "grid flex-1 gap-1",
+			children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-2 w-32" })]
+		});
+		$[3] = collapsed;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== t2 || $[6] !== t4) {
+		t5 = /* @__PURE__ */ jsx(SidebarFooter, {
+			className: "border-sidebar-border border-t p-2",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: t2,
+				children: [t3, t4]
+			})
+		});
+		$[5] = t2;
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	return t5;
 }
 function UserFooter() {
+	const $ = c(84);
 	const { state, isMobile, setOpenMobile } = useSidebar();
 	const collapsed = state === "collapsed";
 	const authClient = useAuthClientSafe();
@@ -321,136 +785,362 @@ function UserFooter() {
 	const basePath = useAdminStore(selectBasePath);
 	const admin = useAdminStore(selectAdmin);
 	const { t, locale: uiLocale, setLocale: setUiLocale, getLocaleName } = useTranslation();
-	const uiLocales = admin.getLocale().supported ?? ["en"];
+	const i18nAdapter = useSafeI18n();
+	const localeConfig = admin.getLocale();
+	const uiLocales = i18nAdapter?.locales ?? localeConfig.supported ?? ["en"];
 	const hasMultipleUiLocales = uiLocales.length > 1;
-	const uiLocaleOptions = uiLocales.map((code) => ({
-		code,
-		label: getLocaleName(code)
-	}));
-	const closeSidebarOnMobile = React$1.useCallback(() => {
-		if (isMobile) setOpenMobile(false);
-	}, [isMobile, setOpenMobile]);
-	const handleLogout = React$1.useCallback(async () => {
-		if (!authClient) return;
-		try {
-			await authClient.signOut();
-			closeSidebarOnMobile();
-			navigate(`${basePath}/login`);
-		} catch (error) {
-			toast.error(t("auth.logoutFailed"));
-		}
-	}, [
-		authClient,
-		navigate,
-		basePath,
-		closeSidebarOnMobile,
-		t
-	]);
-	const handleMyAccount = React$1.useCallback(() => {
-		if (user?.id) {
-			closeSidebarOnMobile();
-			navigate(`${basePath}/collections/user/${user.id}`);
-		}
-	}, [
-		navigate,
-		basePath,
-		user?.id,
-		closeSidebarOnMobile
-	]);
-	if (isPending) return /* @__PURE__ */ jsx(UserFooterSkeleton, { collapsed });
+	let t0;
+	if ($[0] !== getLocaleName) {
+		t0 = (code) => ({
+			code,
+			label: getLocaleName(code)
+		});
+		$[0] = getLocaleName;
+		$[1] = t0;
+	} else t0 = $[1];
+	const uiLocaleOptions = uiLocales.map(t0);
+	const contentLocales = useSafeContentLocales();
+	const contentLocale = useAdminStore(selectContentLocale);
+	const setContentLocale = useAdminStore(selectSetContentLocale);
+	const hasMultipleContentLocales = (contentLocales?.locales?.length ?? 0) > 1;
+	let t1;
+	if ($[2] !== isMobile || $[3] !== setOpenMobile) {
+		t1 = () => {
+			if (isMobile) setOpenMobile(false);
+		};
+		$[2] = isMobile;
+		$[3] = setOpenMobile;
+		$[4] = t1;
+	} else t1 = $[4];
+	const closeSidebarOnMobile = t1;
+	let t2;
+	if ($[5] !== authClient || $[6] !== basePath || $[7] !== closeSidebarOnMobile || $[8] !== navigate || $[9] !== t) {
+		t2 = async () => {
+			if (!authClient) return;
+			try {
+				await authClient.signOut();
+				closeSidebarOnMobile();
+				navigate(`${basePath}/login`);
+			} catch (t3$1) {
+				toast.error(t("auth.logoutFailed"));
+			}
+		};
+		$[5] = authClient;
+		$[6] = basePath;
+		$[7] = closeSidebarOnMobile;
+		$[8] = navigate;
+		$[9] = t;
+		$[10] = t2;
+	} else t2 = $[10];
+	const handleLogout = t2;
+	let t3;
+	if ($[11] !== basePath || $[12] !== closeSidebarOnMobile || $[13] !== navigate || $[14] !== user) {
+		t3 = () => {
+			if (user?.id) {
+				closeSidebarOnMobile();
+				navigate(`${basePath}/collections/user/${user.id}`);
+			}
+		};
+		$[11] = basePath;
+		$[12] = closeSidebarOnMobile;
+		$[13] = navigate;
+		$[14] = user;
+		$[15] = t3;
+	} else t3 = $[15];
+	const handleMyAccount = t3;
+	if (isPending) {
+		let t4$1;
+		if ($[16] !== collapsed) {
+			t4$1 = /* @__PURE__ */ jsx(UserFooterSkeleton, { collapsed });
+			$[16] = collapsed;
+			$[17] = t4$1;
+		} else t4$1 = $[17];
+		return t4$1;
+	}
 	if (!authClient || !user) return null;
-	const displayName = user.name || user.email?.split("@")[0] || "User";
+	let t4;
+	if ($[18] !== user.email || $[19] !== user.name) {
+		t4 = user.name || user.email?.split("@")[0] || "User";
+		$[18] = user.email;
+		$[19] = user.name;
+		$[20] = t4;
+	} else t4 = $[20];
+	const displayName = t4;
 	const displayEmail = user.email || "";
-	return /* @__PURE__ */ jsx(SidebarFooter, {
-		className: "border-t border-sidebar-border/50 p-2",
-		children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(DropdownMenuTrigger, {
-			className: cn("flex w-full items-center gap-2.5 p-2 text-left transition-colors duration-150", "hover:bg-sidebar-accent text-sidebar-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-sidebar-ring", collapsed && "justify-center"),
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "flex size-8 shrink-0 items-center justify-center bg-sidebar-primary/10 text-sidebar-primary border border-sidebar-primary/20",
-				children: /* @__PURE__ */ jsx(Icon, {
-					icon: "ph:user-bold",
-					className: "size-4"
-				})
-			}), !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-				className: "grid flex-1 text-left leading-tight",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "truncate text-xs font-medium",
-					children: displayName
-				}), /* @__PURE__ */ jsx("span", {
-					className: "truncate text-[10px] text-sidebar-foreground/50",
-					children: displayEmail
-				})]
-			}), /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:caret-up-down",
-				className: "ml-auto size-3.5 text-sidebar-foreground/40"
-			})] })]
-		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-			side: collapsed ? "right" : "top",
-			align: collapsed ? "start" : "start",
-			className: "w-56",
+	const T0 = SidebarFooter;
+	const t5 = "qa-sidebar__footer border-sidebar-border border-t p-2";
+	const T1 = SidebarMenu;
+	const T2 = SidebarMenuItem;
+	const T3 = DropdownMenu;
+	const t6 = collapsed && "justify-center";
+	let t7;
+	if ($[21] !== t6) {
+		t7 = cn("flex w-full items-center gap-2.5 p-2 text-left transition-colors duration-150", "hover:bg-sidebar-accent text-sidebar-foreground", "focus-visible:ring-sidebar-ring focus-visible:ring-1 focus-visible:outline-none", t6);
+		$[21] = t6;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			className: "qa-sidebar__user-avatar bg-sidebar-primary/10 text-sidebar-primary border-sidebar-primary/20 flex size-8 shrink-0 items-center justify-center border",
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:user-bold",
+				className: "size-4"
+			})
+		});
+		$[23] = t8;
+	} else t8 = $[23];
+	let t9;
+	if ($[24] !== collapsed || $[25] !== displayEmail || $[26] !== displayName) {
+		t9 = !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+			className: "grid flex-1 text-left leading-tight",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "qa-sidebar__user-name truncate text-xs font-medium",
+				children: displayName
+			}), /* @__PURE__ */ jsx("span", {
+				className: "qa-sidebar__user-email text-sidebar-foreground/70 truncate text-[10px]",
+				children: displayEmail
+			})]
+		}), /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:caret-up-down",
+			className: "text-sidebar-foreground/60 ml-auto size-3.5",
+			"aria-hidden": "true"
+		})] });
+		$[24] = collapsed;
+		$[25] = displayEmail;
+		$[26] = displayName;
+		$[27] = t9;
+	} else t9 = $[27];
+	let t10;
+	if ($[28] !== t7 || $[29] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+			className: t7,
+			children: [t8, t9]
+		});
+		$[28] = t7;
+		$[29] = t9;
+		$[30] = t10;
+	} else t10 = $[30];
+	const T4 = DropdownMenuContent;
+	const t11 = collapsed ? "right" : "top";
+	const t12 = collapsed ? "start" : "start";
+	const t13 = "w-56";
+	let t14;
+	if ($[31] !== displayName) {
+		t14 = /* @__PURE__ */ jsx("p", {
+			className: "text-xs font-medium",
+			children: displayName
+		});
+		$[31] = displayName;
+		$[32] = t14;
+	} else t14 = $[32];
+	let t15;
+	if ($[33] !== displayEmail) {
+		t15 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-[10px]",
+			children: displayEmail
+		});
+		$[33] = displayEmail;
+		$[34] = t15;
+	} else t15 = $[34];
+	let t16;
+	if ($[35] !== user.role) {
+		t16 = user.role && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-0.5 text-[10px] capitalize",
+			children: user.role
+		});
+		$[35] = user.role;
+		$[36] = t16;
+	} else t16 = $[36];
+	let t17;
+	if ($[37] !== t14 || $[38] !== t15 || $[39] !== t16) {
+		t17 = /* @__PURE__ */ jsxs("div", {
+			className: "px-2 py-1.5",
 			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "px-2 py-1.5",
-					children: [
-						/* @__PURE__ */ jsx("p", {
-							className: "text-xs font-medium",
-							children: displayName
-						}),
-						/* @__PURE__ */ jsx("p", {
-							className: "text-[10px] text-muted-foreground",
-							children: displayEmail
-						}),
-						user.role && /* @__PURE__ */ jsx("p", {
-							className: "text-[10px] text-muted-foreground capitalize mt-0.5",
-							children: user.role
-						})
-					]
+				t14,
+				t15,
+				t16
+			]
+		});
+		$[37] = t14;
+		$[38] = t15;
+		$[39] = t16;
+		$[40] = t17;
+	} else t17 = $[40];
+	let t18;
+	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+		t18 = /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
+		$[41] = t18;
+	} else t18 = $[41];
+	let t19;
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+		t19 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:user-circle",
+			className: "size-4"
+		});
+		$[42] = t19;
+	} else t19 = $[42];
+	let t20;
+	if ($[43] !== t) {
+		t20 = t("auth.myAccount");
+		$[43] = t;
+		$[44] = t20;
+	} else t20 = $[44];
+	let t21;
+	if ($[45] !== handleMyAccount || $[46] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			onClick: handleMyAccount,
+			children: [t19, t20]
+		});
+		$[45] = handleMyAccount;
+		$[46] = t20;
+		$[47] = t21;
+	} else t21 = $[47];
+	const t22 = hasMultipleUiLocales && /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:globe" }), t("locale.uiLanguage")] }), /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: uiLocaleOptions.map((locale) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+		onClick: () => setUiLocale(locale.code),
+		children: [
+			/* @__PURE__ */ jsx("img", {
+				src: getFlagUrl(locale.code),
+				alt: locale.code,
+				className: "h-3 w-4 object-cover",
+				onError: _temp5
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "w-6 text-xs font-medium uppercase",
+				children: locale.code
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "flex-1",
+				children: locale.label
+			}),
+			locale.code === uiLocale && /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:check",
+				className: "text-primary size-4"
+			})
+		]
+	}, locale.code)) })] });
+	let t23;
+	if ($[48] !== contentLocale || $[49] !== contentLocales || $[50] !== hasMultipleContentLocales || $[51] !== setContentLocale || $[52] !== t) {
+		t23 = hasMultipleContentLocales && /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:translate" }), t("locale.contentLanguage")] }), /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: contentLocales.locales.map((locale_0) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			onClick: () => setContentLocale(locale_0.code),
+			children: [
+				/* @__PURE__ */ jsx("img", {
+					src: getFlagUrl(locale_0.flagCountryCode ?? locale_0.code),
+					alt: locale_0.code,
+					className: "h-3 w-4 object-cover",
+					onError: _temp6
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "w-6 text-xs font-medium uppercase",
+					children: locale_0.code
 				}),
-				/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-				/* @__PURE__ */ jsxs(DropdownMenuItem, {
-					onClick: handleMyAccount,
-					children: [/* @__PURE__ */ jsx(Icon, {
-						icon: "ph:user-circle",
-						className: "size-4"
-					}), t("auth.myAccount")]
+				/* @__PURE__ */ jsx("span", {
+					className: "flex-1",
+					children: locale_0.label ?? locale_0.code
 				}),
-				hasMultipleUiLocales && /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:globe" }), t("locale.uiLanguage")] }), /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: uiLocaleOptions.map((locale) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
-					onClick: () => setUiLocale(locale.code),
-					children: [
-						/* @__PURE__ */ jsx("img", {
-							src: getFlagUrl(locale.code),
-							alt: locale.code,
-							className: "h-3 w-4 rounded-[2px] object-cover",
-							onError: (e) => {
-								e.currentTarget.style.display = "none";
-							}
-						}),
-						/* @__PURE__ */ jsx("span", {
-							className: "uppercase text-xs font-medium w-6",
-							children: locale.code
-						}),
-						/* @__PURE__ */ jsx("span", {
-							className: "flex-1",
-							children: locale.label
-						}),
-						locale.code === uiLocale && /* @__PURE__ */ jsx(Icon, {
-							icon: "ph:check",
-							className: "size-4 text-primary"
-						})
-					]
-				}, locale.code)) }) })] }),
-				/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-				/* @__PURE__ */ jsxs(DropdownMenuItem, {
-					variant: "destructive",
-					onClick: handleLogout,
-					children: [/* @__PURE__ */ jsx(Icon, {
-						icon: "ph:sign-out",
-						className: "size-4"
-					}), t("auth.logout")]
+				locale_0.code === contentLocale && /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:check",
+					className: "text-primary size-4"
 				})
 			]
-		})] }) }) })
-	});
+		}, locale_0.code)) })] });
+		$[48] = contentLocale;
+		$[49] = contentLocales;
+		$[50] = hasMultipleContentLocales;
+		$[51] = setContentLocale;
+		$[52] = t;
+		$[53] = t23;
+	} else t23 = $[53];
+	let t24;
+	if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
+		t24 = /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
+		$[54] = t24;
+	} else t24 = $[54];
+	let t25;
+	if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
+		t25 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:sign-out",
+			className: "size-4"
+		});
+		$[55] = t25;
+	} else t25 = $[55];
+	let t26;
+	if ($[56] !== t) {
+		t26 = t("auth.logout");
+		$[56] = t;
+		$[57] = t26;
+	} else t26 = $[57];
+	let t27;
+	if ($[58] !== handleLogout || $[59] !== t26) {
+		t27 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			variant: "destructive",
+			onClick: handleLogout,
+			children: [t25, t26]
+		});
+		$[58] = handleLogout;
+		$[59] = t26;
+		$[60] = t27;
+	} else t27 = $[60];
+	let t28;
+	if ($[61] !== T4 || $[62] !== t11 || $[63] !== t12 || $[64] !== t17 || $[65] !== t18 || $[66] !== t21 || $[67] !== t22 || $[68] !== t23 || $[69] !== t27) {
+		t28 = /* @__PURE__ */ jsxs(T4, {
+			side: t11,
+			align: t12,
+			className: t13,
+			children: [
+				t17,
+				t18,
+				t21,
+				t22,
+				t23,
+				t24,
+				t27
+			]
+		});
+		$[61] = T4;
+		$[62] = t11;
+		$[63] = t12;
+		$[64] = t17;
+		$[65] = t18;
+		$[66] = t21;
+		$[67] = t22;
+		$[68] = t23;
+		$[69] = t27;
+		$[70] = t28;
+	} else t28 = $[70];
+	let t29;
+	if ($[71] !== T3 || $[72] !== t10 || $[73] !== t28) {
+		t29 = /* @__PURE__ */ jsxs(T3, { children: [t10, t28] });
+		$[71] = T3;
+		$[72] = t10;
+		$[73] = t28;
+		$[74] = t29;
+	} else t29 = $[74];
+	let t30;
+	if ($[75] !== T2 || $[76] !== t29) {
+		t30 = /* @__PURE__ */ jsx(T2, { children: t29 });
+		$[75] = T2;
+		$[76] = t29;
+		$[77] = t30;
+	} else t30 = $[77];
+	let t31;
+	if ($[78] !== T1 || $[79] !== t30) {
+		t31 = /* @__PURE__ */ jsx(T1, { children: t30 });
+		$[78] = T1;
+		$[79] = t30;
+		$[80] = t31;
+	} else t31 = $[80];
+	let t32;
+	if ($[81] !== T0 || $[82] !== t31) {
+		t32 = /* @__PURE__ */ jsx(T0, {
+			className: t5,
+			children: t31
+		});
+		$[81] = T0;
+		$[82] = t31;
+		$[83] = t32;
+	} else t32 = $[83];
+	return t32;
 }
 /**
 * AdminSidebar Component
@@ -470,81 +1160,220 @@ function UserFooter() {
 * // Without AdminProvider (manual)
 * <SidebarProvider>
 *   <AdminSidebar
-*     navigation={buildNavigation(admin)}
 *     LinkComponent={Link}
 *     activeRoute="/admin/posts"
-*     brandName="My CMS"
+*     brandName="My App"
 *   />
 * </SidebarProvider>
 * ```
 */
-function AdminSidebar({ navigation: navigationProp, LinkComponent, activeRoute, basePath = "/admin", brandName: brandNameProp, className, renderBrand, renderNavItem, footer, afterBrand, beforeFooter, useActiveProps = true }) {
-	const { navigation, brandName } = useSidebarProps({
-		navigation: navigationProp,
-		brandName: brandNameProp
-	});
+function _temp6(e_0) {
+	e_0.currentTarget.style.display = "none";
+}
+function _temp5(e) {
+	e.currentTarget.style.display = "none";
+}
+function AdminSidebar(t0) {
+	const $ = c(63);
+	const { LinkComponent, activeRoute, basePath: t1, brandName: brandNameProp, className, renderBrand, renderNavItem, footer, afterBrand, beforeFooter, useActiveProps: t2 } = t0;
+	const basePath = t1 === void 0 ? "/admin" : t1;
+	const useActiveProps = t2 === void 0 ? true : t2;
+	let t3;
+	if ($[0] !== brandNameProp) {
+		t3 = { brandName: brandNameProp };
+		$[0] = brandNameProp;
+		$[1] = t3;
+	} else t3 = $[1];
+	const { navigation, brandName } = useSidebarProps(t3);
 	const { state, isMobile, setOpenMobile } = useSidebar();
 	const collapsed = state === "collapsed";
-	const handleBrandClick = React$1.useCallback(() => {
-		if (isMobile) setOpenMobile(false);
-	}, [isMobile, setOpenMobile]);
-	const brandContent = renderBrand ? renderBrand({
-		name: brandName,
-		collapsed
-	}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(QuestpieSymbol, {}), !collapsed && /* @__PURE__ */ jsx("div", {
-		className: "grid flex-1 text-left leading-tight",
-		children: /* @__PURE__ */ jsx("span", {
-			className: "truncate  font-bold tracking-tight",
+	const { isSectionCollapsed, toggleSection } = useSidebarCollapsedSections();
+	let t4;
+	if ($[2] !== isMobile || $[3] !== setOpenMobile) {
+		t4 = () => {
+			if (isMobile) setOpenMobile(false);
+		};
+		$[2] = isMobile;
+		$[3] = setOpenMobile;
+		$[4] = t4;
+	} else t4 = $[4];
+	const handleBrandClick = t4;
+	let t5;
+	if ($[5] !== brandName || $[6] !== collapsed || $[7] !== renderBrand) {
+		t5 = renderBrand ? renderBrand({
+			name: brandName,
+			collapsed
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(QuestpieSymbol, {}), !collapsed && /* @__PURE__ */ jsx("div", {
+			className: "grid flex-1 text-left leading-tight",
+			children: /* @__PURE__ */ jsx("span", {
+				className: "truncate font-bold tracking-tight",
+				children: brandName
+			})
+		})] });
+		$[5] = brandName;
+		$[6] = collapsed;
+		$[7] = renderBrand;
+		$[8] = t5;
+	} else t5 = $[8];
+	const brandContent = t5;
+	const t6 = collapsed && "justify-center";
+	let t7;
+	if ($[9] !== t6) {
+		t7 = cn("qa-sidebar__brand flex items-center gap-2.5 p-2 transition-colors duration-150", "hover:bg-sidebar-accent", t6);
+		$[9] = t6;
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== LinkComponent || $[12] !== basePath || $[13] !== brandContent || $[14] !== t7) {
+		t8 = /* @__PURE__ */ jsx(LinkComponent, {
+			to: basePath,
+			className: t7,
+			children: brandContent
+		});
+		$[11] = LinkComponent;
+		$[12] = basePath;
+		$[13] = brandContent;
+		$[14] = t7;
+		$[15] = t8;
+	} else t8 = $[15];
+	const brandLink = t8;
+	let t9;
+	if ($[16] !== className) {
+		t9 = cn("qa-sidebar", className);
+		$[16] = className;
+		$[17] = t9;
+	} else t9 = $[17];
+	let t10;
+	if ($[18] !== LinkComponent || $[19] !== basePath || $[20] !== brandLink || $[21] !== brandName || $[22] !== collapsed || $[23] !== isMobile || $[24] !== renderBrand) {
+		t10 = collapsed && !isMobile ? /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(LinkComponent, {
+			to: basePath,
+			className: cn("flex items-center gap-2.5 p-2 transition-colors duration-150", "hover:bg-sidebar-accent", "justify-center"),
+			children: renderBrand ? renderBrand({
+				name: brandName,
+				collapsed: true
+			}) : /* @__PURE__ */ jsx(QuestpieSymbol, {})
+		}) }), /* @__PURE__ */ jsx(TooltipContent, {
+			side: "right",
 			children: brandName
-		})
-	})] });
-	const brandLink = /* @__PURE__ */ jsx(LinkComponent, {
-		to: basePath,
-		className: cn("flex items-center gap-2.5 p-2 transition-colors duration-150", "hover:bg-sidebar-accent", collapsed && "justify-center"),
-		children: brandContent
-	});
-	return /* @__PURE__ */ jsxs(Sidebar, {
-		collapsible: "icon",
-		className,
-		children: [
-			/* @__PURE__ */ jsx(SidebarHeader, {
-				className: "p-2 border-b border-sidebar-border/50",
-				children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, {
-					onClickCapture: handleBrandClick,
-					children: collapsed && !isMobile ? /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(LinkComponent, {
-						to: basePath,
-						className: cn("flex items-center gap-2.5 p-2 transition-colors duration-150", "hover:bg-sidebar-accent", "justify-center"),
-						children: renderBrand ? renderBrand({
-							name: brandName,
-							collapsed: true
-						}) : /* @__PURE__ */ jsx(QuestpieSymbol, {})
-					}) }), /* @__PURE__ */ jsx(TooltipContent, {
-						side: "right",
-						children: brandName
-					})] }) : brandLink
-				}) })
-			}),
-			afterBrand && !collapsed && /* @__PURE__ */ jsx("div", {
-				className: "px-3 py-2 border-b border-sidebar-border/50",
-				children: afterBrand
-			}),
-			/* @__PURE__ */ jsx(SidebarContent, { children: navigation.map((group, index) => /* @__PURE__ */ jsx(NavGroup, {
+		})] }) : brandLink;
+		$[18] = LinkComponent;
+		$[19] = basePath;
+		$[20] = brandLink;
+		$[21] = brandName;
+		$[22] = collapsed;
+		$[23] = isMobile;
+		$[24] = renderBrand;
+		$[25] = t10;
+	} else t10 = $[25];
+	let t11;
+	if ($[26] !== handleBrandClick || $[27] !== t10) {
+		t11 = /* @__PURE__ */ jsx(SidebarHeader, {
+			className: "qa-sidebar__header border-sidebar-border border-b p-2",
+			children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, {
+				onClickCapture: handleBrandClick,
+				children: t10
+			}) })
+		});
+		$[26] = handleBrandClick;
+		$[27] = t10;
+		$[28] = t11;
+	} else t11 = $[28];
+	let t12;
+	if ($[29] !== afterBrand || $[30] !== collapsed) {
+		t12 = afterBrand && !collapsed && /* @__PURE__ */ jsx("div", {
+			className: "qa-sidebar__after-brand border-sidebar-border border-b px-3 py-2",
+			children: afterBrand
+		});
+		$[29] = afterBrand;
+		$[30] = collapsed;
+		$[31] = t12;
+	} else t12 = $[31];
+	let t13;
+	if ($[32] !== LinkComponent || $[33] !== activeRoute || $[34] !== basePath || $[35] !== isSectionCollapsed || $[36] !== navigation || $[37] !== renderNavItem || $[38] !== toggleSection || $[39] !== useActiveProps) {
+		let t14$1;
+		if ($[41] !== LinkComponent || $[42] !== activeRoute || $[43] !== basePath || $[44] !== isSectionCollapsed || $[45] !== renderNavItem || $[46] !== toggleSection || $[47] !== useActiveProps) {
+			t14$1 = (group, index) => /* @__PURE__ */ jsx(NavGroup, {
 				group,
 				activeRoute,
 				LinkComponent,
 				renderNavItem,
 				basePath,
-				useActiveProps
-			}, group.id ?? `group-${index}`)) }),
-			beforeFooter && !collapsed && /* @__PURE__ */ jsx("div", {
-				className: "px-3 py-2 border-t border-sidebar-border/50",
-				children: beforeFooter
-			}),
-			footer ?? /* @__PURE__ */ jsx(UserFooter, {})
-		]
-	});
+				useActiveProps,
+				isSectionCollapsed,
+				toggleSection
+			}, group.id ?? `group-${index}`);
+			$[41] = LinkComponent;
+			$[42] = activeRoute;
+			$[43] = basePath;
+			$[44] = isSectionCollapsed;
+			$[45] = renderNavItem;
+			$[46] = toggleSection;
+			$[47] = useActiveProps;
+			$[48] = t14$1;
+		} else t14$1 = $[48];
+		t13 = navigation.map(t14$1);
+		$[32] = LinkComponent;
+		$[33] = activeRoute;
+		$[34] = basePath;
+		$[35] = isSectionCollapsed;
+		$[36] = navigation;
+		$[37] = renderNavItem;
+		$[38] = toggleSection;
+		$[39] = useActiveProps;
+		$[40] = t13;
+	} else t13 = $[40];
+	let t14;
+	if ($[49] !== t13) {
+		t14 = /* @__PURE__ */ jsx(SidebarContent, {
+			className: "qa-sidebar__content",
+			children: /* @__PURE__ */ jsx("nav", {
+				"aria-label": "Admin navigation",
+				className: "qa-sidebar__nav",
+				children: t13
+			})
+		});
+		$[49] = t13;
+		$[50] = t14;
+	} else t14 = $[50];
+	let t15;
+	if ($[51] !== beforeFooter || $[52] !== collapsed) {
+		t15 = beforeFooter && !collapsed && /* @__PURE__ */ jsx("div", {
+			className: "qa-sidebar__before-footer border-sidebar-border border-t px-3 py-2",
+			children: beforeFooter
+		});
+		$[51] = beforeFooter;
+		$[52] = collapsed;
+		$[53] = t15;
+	} else t15 = $[53];
+	let t16;
+	if ($[54] !== footer) {
+		t16 = footer ?? /* @__PURE__ */ jsx(UserFooter, {});
+		$[54] = footer;
+		$[55] = t16;
+	} else t16 = $[55];
+	let t17;
+	if ($[56] !== t11 || $[57] !== t12 || $[58] !== t14 || $[59] !== t15 || $[60] !== t16 || $[61] !== t9) {
+		t17 = /* @__PURE__ */ jsxs(Sidebar, {
+			collapsible: "icon",
+			className: t9,
+			children: [
+				t11,
+				t12,
+				t14,
+				t15,
+				t16
+			]
+		});
+		$[56] = t11;
+		$[57] = t12;
+		$[58] = t14;
+		$[59] = t15;
+		$[60] = t16;
+		$[61] = t9;
+		$[62] = t17;
+	} else t17 = $[62];
+	return t17;
 }
 
 //#endregion
-export { AdminSidebar };
-//# sourceMappingURL=admin-sidebar.mjs.map
+export { AdminSidebar };