@questpie/admin 3.2.3 → 3.2.5

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

@@ -15,7 +15,6 @@ import { useCurrentUser, useSessionState } from "../../hooks/use-current-user.mj
 import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuItem, SidebarSeparator, SidebarTrigger, useSidebar } from "../../components/ui/sidebar.mjs";
 import { BrandLogoMark } from "../../components/brand-logo.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 from "react";
 import { useQueryClient } from "@tanstack/react-query";
@@ -50,127 +49,91 @@ function getSidebarItemProps(item) {
 * only for page items (which are client-only).
 */
 function useServerNavigation() {
-	const $ = c(6);
 	const { data: serverConfig } = useAdminConfig();
-	const storeNavigation = useAdminStore(_temp);
+	const storeNavigation = useAdminStore((s) => s.navigation);
 	const basePath = useAdminStore(selectBasePath);
-	let t0;
-	bb0: {
+	return React.useMemo(() => {
 		const sections = serverConfig?.sidebar?.sections;
-		if (!sections?.length) {
-			t0 = void 0;
-			break bb0;
+		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);
 		}
-		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",
+		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 "divider": return { type: "divider" };
-					default: return;
 				}
-			};
-			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 "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 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
 				};
+				case "divider": return { type: "divider" };
+				default: return;
 			}
-			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 convertSection(section) {
+			return {
+				id: section.id,
+				label: section.title,
+				icon: section.icon,
+				collapsible: section.collapsible,
+				items: (section.items ?? []).map(convertItem).filter((i) => i !== void 0),
+				sections: section.sections?.map(convertSection)
+			};
+		}
+		return sections.map(convertSection);
+	}, [
+		serverConfig,
+		storeNavigation,
+		basePath
+	]);
 }
 function useSidebarProps(props) {
-	const $ = c(7);
-	const storeNavigation = useAdminStore(_temp3);
-	const storeBrandName = useAdminStore(_temp4);
-	const storeBrandLogo = useAdminStore(_temp5);
-	const serverNavigation = useServerNavigation();
-	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] !== storeBrandLogo || $[4] !== t0 || $[5] !== t1) {
-		t2 = {
-			navigation: t0,
-			brandName: t1,
-			brandLogo: storeBrandLogo
-		};
-		$[3] = storeBrandLogo;
-		$[4] = t0;
-		$[5] = t1;
-		$[6] = t2;
-	} else t2 = $[6];
-	return t2;
+	const storeNavigation = useAdminStore((s) => s.navigation);
+	const storeBrandName = useAdminStore((s) => s.brandName);
+	const storeBrandLogo = useAdminStore((s) => s.brandLogo);
+	return {
+		navigation: useServerNavigation() ?? storeNavigation ?? [],
+		brandName: props.brandName ?? storeBrandName ?? "Admin",
+		brandLogo: storeBrandLogo
+	};
 }
 /**
 * Render an icon - handles ComponentReference and React components.
@@ -184,15 +147,6 @@ function useSidebarProps(props) {
 * <RenderIcon icon={{ type: "icon", props: { name: "ph:users" } }} />
 * ```
 */
-function _temp5(s_1) {
-	return s_1.brandLogo;
-}
-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;
@@ -211,100 +165,40 @@ function areIconValuesEqual(a, b) {
 	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;
+	const mergedClassName = React.useMemo(() => cn("size-4 shrink-0", className), [className]);
+	const additionalProps = React.useMemo(() => ({ className: mergedClassName }), [mergedClassName]);
 	if (!icon) return null;
-	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;
+	if (typeof icon === "object" && icon !== null && "type" in icon) return /* @__PURE__ */ jsx(ComponentRenderer, {
+		reference: icon,
+		additionalProps
+	});
+	return /* @__PURE__ */ jsx(icon, { className: mergedClassName });
 }, (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-foreground"
-		});
-		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;
+function QuestpieSymbol({ className }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		className: cn("size-6 shrink-0", className),
+		children: [
+			/* @__PURE__ */ jsx("title", { children: "QUESTPIE" }),
+			/* @__PURE__ */ jsx("path", {
+				d: "M22 10V2H2V22H10",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "square",
+				className: "text-foreground"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M23 13H13V23H23V13Z",
+				fill: "#B700FF"
+			})
+		]
+	});
 }
 /**
 * Check if element is a navigation item (not divider)
@@ -330,157 +224,63 @@ function isRouteActive(activeRoute, itemHref, basePath, exact = false) {
 */
 const menuButtonStyles = cn("item-surface font-chrome flex w-full items-center gap-2 px-2 py-2 text-[13px] font-medium transition-[background-color,color,border-color,transform] duration-[var(--motion-duration-base)] ease-[var(--motion-ease-standard)] active:scale-[0.96] motion-reduce:transition-none motion-reduce:active:scale-100", "text-sidebar-foreground/75 hover:bg-sidebar-accent hover:text-sidebar-foreground", "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("border-transparent bg-[var(--sidebar-active-background)] text-[var(--sidebar-active-foreground)]");
-function NavItem(t0) {
-	const $ = c(45);
-	const { item, isActive, LinkComponent, renderNavItem, useActiveProps, className, depth: t1 } = t0;
+function NavItem({ item, isActive, LinkComponent, renderNavItem, useActiveProps, className, depth = 0 }) {
 	const { state, isMobile, setOpenMobile } = useSidebar();
 	const collapsed = state === "collapsed";
-	const resolveText = useResolveText();
-	let t2;
-	if ($[0] !== item.label || $[1] !== resolveText) {
-		t2 = resolveText(item.label);
-		$[0] = item.label;
-		$[1] = resolveText;
-		$[2] = t2;
-	} else t2 = $[2];
-	const label = t2;
+	const label = useResolveText()(item.label);
 	const shouldUseExact = item.type === "link" || item.type === "page";
-	let t3;
-	if ($[3] !== shouldUseExact || $[4] !== useActiveProps) {
-		t3 = useActiveProps ? {
-			activeProps: { className: menuButtonActiveStyles },
-			activeOptions: { exact: shouldUseExact }
-		} : {};
-		$[3] = shouldUseExact;
-		$[4] = useActiveProps;
-		$[5] = t3;
-	} else t3 = $[5];
-	const linkActiveProps = t3;
+	const linkActiveProps = useActiveProps ? {
+		activeProps: { className: menuButtonActiveStyles },
+		activeOptions: { exact: shouldUseExact }
+	} : {};
 	const ariaCurrent = isActive ? "page" : void 0;
-	let t4;
-	if ($[6] !== isMobile || $[7] !== setOpenMobile) {
-		t4 = () => {
-			if (isMobile) setOpenMobile(false);
-		};
-		$[6] = isMobile;
-		$[7] = setOpenMobile;
-		$[8] = t4;
-	} else t4 = $[8];
-	const handleClick = t4;
-	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 ($[9] !== t7 || $[10] !== t8) {
-		t9 = cn("qa-sidebar__nav-link", menuButtonStyles, t7, t8);
-		$[9] = t7;
-		$[10] = t8;
-		$[11] = t9;
-	} else t9 = $[11];
-	let t10;
-	if ($[12] !== item.icon) {
-		t10 = item.icon && /* @__PURE__ */ jsx(RenderIcon, {
+	const handleClick = React.useCallback(() => {
+		if (isMobile) setOpenMobile(false);
+	}, [isMobile, setOpenMobile]);
+	const linkContent = /* @__PURE__ */ jsxs(LinkComponent, {
+		to: item.href,
+		"aria-label": collapsed ? label : void 0,
+		className: cn("qa-sidebar__nav-link", menuButtonStyles, isActive && "qa-sidebar__nav-link--active", isActive && menuButtonActiveStyles),
+		...linkActiveProps,
+		children: [item.icon && /* @__PURE__ */ jsx(RenderIcon, {
 			icon: item.icon,
 			className: "qa-sidebar__nav-icon"
-		});
-		$[12] = item.icon;
-		$[13] = t10;
-	} else t10 = $[13];
-	let t11;
-	if ($[14] !== label) {
-		t11 = /* @__PURE__ */ jsx("span", {
+		}), /* @__PURE__ */ jsx("span", {
 			className: "qa-sidebar__nav-label truncate group-data-[collapsible=icon]:hidden",
 			children: label
-		});
-		$[14] = label;
-		$[15] = t11;
-	} else t11 = $[15];
-	let t12;
-	if ($[16] !== LinkComponent || $[17] !== item.href || $[18] !== linkActiveProps || $[19] !== t10 || $[20] !== t11 || $[21] !== t6 || $[22] !== t9) {
-		t12 = /* @__PURE__ */ jsxs(LinkComponent, {
-			to: t5,
-			"aria-label": t6,
-			className: t9,
+		})]
+	});
+	const builtInNavItem = collapsed && !isMobile ? /* @__PURE__ */ jsx(SidebarMenuItem, {
+		className: "qa-sidebar__nav-item",
+		onClickCapture: handleClick,
+		"aria-current": ariaCurrent,
+		children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(LinkComponent, {
+			to: item.href,
+			className: cn("qa-sidebar__nav-link", menuButtonStyles, isActive && "qa-sidebar__nav-link--active", isActive && menuButtonActiveStyles),
 			...linkActiveProps,
-			children: [t10, t11]
-		});
-		$[16] = LinkComponent;
-		$[17] = item.href;
-		$[18] = linkActiveProps;
-		$[19] = t10;
-		$[20] = t11;
-		$[21] = t6;
-		$[22] = t9;
-		$[23] = t12;
-	} else t12 = $[23];
-	const linkContent = t12;
-	let t13;
-	if ($[24] !== LinkComponent || $[25] !== ariaCurrent || $[26] !== className || $[27] !== collapsed || $[28] !== handleClick || $[29] !== isActive || $[30] !== isMobile || $[31] !== item.href || $[32] !== item.icon || $[33] !== label || $[34] !== linkActiveProps || $[35] !== linkContent) {
-		t13 = collapsed && !isMobile ? /* @__PURE__ */ jsx(SidebarMenuItem, {
-			className: "qa-sidebar__nav-item",
-			onClickCapture: handleClick,
-			"aria-current": ariaCurrent,
-			children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsxs(LinkComponent, {
-				to: item.href,
-				className: cn("qa-sidebar__nav-link", menuButtonStyles, isActive && "qa-sidebar__nav-link--active", isActive && menuButtonActiveStyles),
-				...linkActiveProps,
-				children: [item.icon && /* @__PURE__ */ jsx(RenderIcon, { icon: item.icon }), /* @__PURE__ */ jsx("span", {
-					className: "truncate group-data-[collapsible=icon]:hidden",
-					children: label
-				})]
-			}) }), /* @__PURE__ */ jsx(TooltipContent, {
-				side: "right",
-				align: "center",
+			children: [item.icon && /* @__PURE__ */ jsx(RenderIcon, { icon: item.icon }), /* @__PURE__ */ jsx("span", {
+				className: "truncate group-data-[collapsible=icon]:hidden",
 				children: label
-			})] })
-		}) : /* @__PURE__ */ jsx(SidebarMenuItem, {
-			className: cn("qa-sidebar__nav-item", className),
-			onClickCapture: handleClick,
-			"aria-current": ariaCurrent,
-			children: linkContent
-		});
-		$[24] = LinkComponent;
-		$[25] = ariaCurrent;
-		$[26] = className;
-		$[27] = collapsed;
-		$[28] = handleClick;
-		$[29] = isActive;
-		$[30] = isMobile;
-		$[31] = item.href;
-		$[32] = item.icon;
-		$[33] = label;
-		$[34] = linkActiveProps;
-		$[35] = linkContent;
-		$[36] = t13;
-	} else t13 = $[36];
-	const builtInNavItem = t13;
-	if (renderNavItem) {
-		let t14;
-		if ($[37] !== collapsed || $[38] !== isActive || $[39] !== item || $[40] !== renderNavItem) {
-			t14 = renderNavItem({
-				item,
-				isActive,
-				collapsed
-			});
-			$[37] = collapsed;
-			$[38] = isActive;
-			$[39] = item;
-			$[40] = renderNavItem;
-			$[41] = t14;
-		} else t14 = $[41];
-		let t15;
-		if ($[42] !== builtInNavItem || $[43] !== t14) {
-			t15 = /* @__PURE__ */ jsx(React.Suspense, {
-				fallback: builtInNavItem,
-				children: t14
-			});
-			$[42] = builtInNavItem;
-			$[43] = t14;
-			$[44] = t15;
-		} else t15 = $[44];
-		return t15;
-	}
+			})]
+		}) }), /* @__PURE__ */ jsx(TooltipContent, {
+			side: "right",
+			align: "center",
+			children: label
+		})] })
+	}) : /* @__PURE__ */ jsx(SidebarMenuItem, {
+		className: cn("qa-sidebar__nav-item", className),
+		onClickCapture: handleClick,
+		"aria-current": ariaCurrent,
+		children: linkContent
+	});
+	if (renderNavItem) return /* @__PURE__ */ jsx(React.Suspense, {
+		fallback: builtInNavItem,
+		children: renderNavItem({
+			item,
+			isActive,
+			collapsed
+		})
+	});
 	return builtInNavItem;
 }
 const SIDEBAR_COLLAPSED_SECTIONS_KEY = "sidebar:collapsed-sections";
@@ -490,124 +290,70 @@ const SIDEBAR_COLLAPSED_SECTIONS_KEY = "sidebar:collapsed-sections";
 * 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) => {
+	const queryKey = getAdminPreferenceQueryKey(user?.id, SIDEBAR_COLLAPSED_SECTIONS_KEY);
+	return {
+		isSectionCollapsed: React.useCallback((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) => {
+		}, [stored]),
+		toggleSection: React.useCallback((sectionId) => {
 			const current = stored ?? {};
-			const isCurrentlyCollapsed = current[sectionId_0] ?? false;
+			const isCurrentlyCollapsed = current[sectionId] ?? false;
 			const next = {
 				...current,
-				[sectionId_0]: !isCurrentlyCollapsed
+				[sectionId]: !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;
+		}, [
+			stored,
+			queryClient,
+			queryKey,
+			persist
+		]),
+		isLoading
+	};
 }
-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;
+function NavGroup({ group, activeRoute, LinkComponent, renderNavItem, basePath, useActiveProps, isSectionCollapsed, toggleSection, depth = 0 }) {
 	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 groupLabel = useResolveText()(group.label);
+	const items = group.items ?? [];
+	const sections = group.sections ?? [];
 	const hasContent = items.length > 0 || sections.length > 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 text-left",
-				children: groupLabel
-			}),
-			group.collapsible && /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:caret-down",
-				className: cn("size-3.5 transition-transform", isCollapsed && "-rotate-90"),
-				"aria-hidden": "true"
-			})
-		]
-	});
-	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, {
+	return /* @__PURE__ */ jsxs(SidebarGroup, {
+		className: "qa-sidebar__group",
+		children: [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 text-left",
+					children: groupLabel
+				}),
+				group.collapsible && /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:caret-down",
+					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}`);
@@ -631,88 +377,31 @@ function NavGroup(t0) {
 				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(t0) {
-	const $ = c(8);
-	const { collapsed } = t0;
-	const t1 = collapsed && "justify-center";
-	let t2;
-	if ($[0] !== t1) {
-		t2 = cn("item-surface border-sidebar-border/40 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, {
-				variant: "text",
-				className: "h-3 w-24"
-			}), /* @__PURE__ */ jsx(Skeleton, {
-				variant: "text",
-				className: "h-2 w-32"
+function UserFooterSkeleton({ collapsed }) {
+	return /* @__PURE__ */ jsx(SidebarFooter, {
+		className: "border-sidebar-border border-t p-2",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("item-surface border-sidebar-border/40 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, {
+					variant: "text",
+					className: "h-3 w-24"
+				}), /* @__PURE__ */ jsx(Skeleton, {
+					variant: "text",
+					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(t0) {
-	const $ = c(109);
-	const { theme: t1, setTheme, showThemeToggle } = t0;
-	const theme = t1 === void 0 ? "system" : t1;
+function UserFooter({ theme = "system", setTheme, showThemeToggle }) {
 	const { state, isMobile, setOpenMobile } = useSidebar();
 	const collapsed = state === "collapsed";
 	const authClient = useAuthClientSafe();
@@ -725,454 +414,198 @@ function UserFooter(t0) {
 	const localeConfig = admin.getLocale();
 	const uiLocales = i18nAdapter?.locales ?? localeConfig.supported ?? ["en"];
 	const hasMultipleUiLocales = uiLocales.length > 1;
-	let t2;
-	if ($[0] !== getLocaleName) {
-		t2 = (code) => ({
-			code,
-			label: getLocaleName(code)
-		});
-		$[0] = getLocaleName;
-		$[1] = t2;
-	} else t2 = $[1];
-	const uiLocaleOptions = uiLocales.map(t2);
+	const uiLocaleOptions = uiLocales.map((code) => ({
+		code,
+		label: getLocaleName(code)
+	}));
 	const contentLocales = useSafeContentLocales();
 	const contentLocale = useAdminStore(selectContentLocale);
 	const setContentLocale = useAdminStore(selectSetContentLocale);
 	const hasMultipleContentLocales = (contentLocales?.locales?.length ?? 0) > 1;
 	const shouldShowThemeToggle = !!setTheme && showThemeToggle !== false;
-	let t3;
-	if ($[2] !== t) {
-		t3 = t("ui.themeLight");
-		$[2] = t;
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] !== t3) {
-		t4 = {
+	const themeOptions = [
+		{
 			value: "light",
-			label: t3,
+			label: t("ui.themeLight"),
 			icon: "ph:sun"
-		};
-		$[4] = t3;
-		$[5] = t4;
-	} else t4 = $[5];
-	let t5;
-	if ($[6] !== t) {
-		t5 = t("ui.themeDark");
-		$[6] = t;
-		$[7] = t5;
-	} else t5 = $[7];
-	let t6;
-	if ($[8] !== t5) {
-		t6 = {
+		},
+		{
 			value: "dark",
-			label: t5,
+			label: t("ui.themeDark"),
 			icon: "ph:moon"
-		};
-		$[8] = t5;
-		$[9] = t6;
-	} else t6 = $[9];
-	let t7;
-	if ($[10] !== t) {
-		t7 = t("ui.themeSystem");
-		$[10] = t;
-		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
-	if ($[12] !== t7) {
-		t8 = {
+		},
+		{
 			value: "system",
-			label: t7,
+			label: t("ui.themeSystem"),
 			icon: "ph:monitor"
-		};
-		$[12] = t7;
-		$[13] = t8;
-	} else t8 = $[13];
-	let t9;
-	if ($[14] !== t4 || $[15] !== t6 || $[16] !== t8) {
-		t9 = [
-			t4,
-			t6,
-			t8
-		];
-		$[14] = t4;
-		$[15] = t6;
-		$[16] = t8;
-		$[17] = t9;
-	} else t9 = $[17];
-	const themeOptions = t9;
-	let t10;
-	if ($[18] !== isMobile || $[19] !== setOpenMobile) {
-		t10 = () => {
-			if (isMobile) setOpenMobile(false);
-		};
-		$[18] = isMobile;
-		$[19] = setOpenMobile;
-		$[20] = t10;
-	} else t10 = $[20];
-	const closeSidebarOnMobile = t10;
-	let t11;
-	if ($[21] !== authClient || $[22] !== basePath || $[23] !== closeSidebarOnMobile || $[24] !== navigate || $[25] !== t) {
-		t11 = async () => {
-			if (!authClient) return;
-			try {
-				await authClient.signOut();
-				closeSidebarOnMobile();
-				navigate(`${basePath}/login`);
-			} catch (t12$1) {
-				toast.error(t("auth.logoutFailed"));
-			}
-		};
-		$[21] = authClient;
-		$[22] = basePath;
-		$[23] = closeSidebarOnMobile;
-		$[24] = navigate;
-		$[25] = t;
-		$[26] = t11;
-	} else t11 = $[26];
-	const handleLogout = t11;
-	let t12;
-	if ($[27] !== basePath || $[28] !== closeSidebarOnMobile || $[29] !== navigate || $[30] !== user) {
-		t12 = () => {
-			if (user?.id) {
-				closeSidebarOnMobile();
-				navigate(`${basePath}/collections/user/${user.id}`);
-			}
-		};
-		$[27] = basePath;
-		$[28] = closeSidebarOnMobile;
-		$[29] = navigate;
-		$[30] = user;
-		$[31] = t12;
-	} else t12 = $[31];
-	const handleMyAccount = t12;
-	if (isPending) {
-		let t13$1;
-		if ($[32] !== collapsed) {
-			t13$1 = /* @__PURE__ */ jsx(UserFooterSkeleton, { collapsed });
-			$[32] = collapsed;
-			$[33] = t13$1;
-		} else t13$1 = $[33];
-		return t13$1;
-	}
+		}
+	];
+	const closeSidebarOnMobile = React.useCallback(() => {
+		if (isMobile) setOpenMobile(false);
+	}, [isMobile, setOpenMobile]);
+	const handleLogout = React.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 = () => {
+		if (user?.id) {
+			closeSidebarOnMobile();
+			navigate(`${basePath}/collections/user/${user.id}`);
+		}
+	};
+	if (isPending) return /* @__PURE__ */ jsx(UserFooterSkeleton, { collapsed });
 	if (!authClient || !user) return null;
-	let t13;
-	if ($[34] !== user.email || $[35] !== user.name) {
-		t13 = user.name || user.email?.split("@")[0] || "User";
-		$[34] = user.email;
-		$[35] = user.name;
-		$[36] = t13;
-	} else t13 = $[36];
-	const displayName = t13;
+	const displayName = user.name || user.email?.split("@")[0] || "User";
 	const displayEmail = user.email || "";
-	const T0 = SidebarFooter;
-	const t14 = "qa-sidebar__footer border-sidebar-border/70 border-t p-2";
-	const T1 = SidebarMenu;
-	const T2 = SidebarMenuItem;
-	const T3 = DropdownMenu;
-	const t15 = collapsed && "justify-center";
-	let t16;
-	if ($[37] !== t15) {
-		t16 = cn("qa-sidebar__user-trigger flex w-full items-center gap-2.5 rounded-md p-2 text-left transition-[background-color,color,transform] duration-150 ease-out active:scale-[0.96]", "hover:bg-sidebar-accent text-sidebar-foreground", "focus-visible:ring-sidebar-ring focus-visible:ring-1 focus-visible:outline-none", t15);
-		$[37] = t15;
-		$[38] = t16;
-	} else t16 = $[38];
-	let t17;
-	if ($[39] !== user.image) {
-		t17 = /* @__PURE__ */ jsx("div", {
-			className: "qa-sidebar__user-avatar border-sidebar-border bg-sidebar-accent text-sidebar-accent-foreground flex size-8 shrink-0 items-center justify-center rounded-md border",
-			children: user.image ? /* @__PURE__ */ jsx("img", {
-				src: user.image,
-				alt: "",
-				className: "image-outline size-full rounded-md object-cover"
-			}) : /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:user-bold",
-				className: "size-4"
-			})
-		});
-		$[39] = user.image;
-		$[40] = t17;
-	} else t17 = $[40];
-	let t18;
-	if ($[41] !== collapsed || $[42] !== displayEmail || $[43] !== displayName) {
-		t18 = !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-sm font-medium",
-				children: displayName
-			}), /* @__PURE__ */ jsx("span", {
-				className: "qa-sidebar__user-email text-sidebar-foreground/55 truncate text-xs",
-				children: displayEmail
-			})]
-		}), /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:caret-up-down",
-			className: "text-sidebar-foreground/60 ml-auto size-3.5",
-			"aria-hidden": "true"
-		})] });
-		$[41] = collapsed;
-		$[42] = displayEmail;
-		$[43] = displayName;
-		$[44] = t18;
-	} else t18 = $[44];
-	let t19;
-	if ($[45] !== t16 || $[46] !== t17 || $[47] !== t18) {
-		t19 = /* @__PURE__ */ jsxs(DropdownMenuTrigger, {
-			className: t16,
-			children: [t17, t18]
-		});
-		$[45] = t16;
-		$[46] = t17;
-		$[47] = t18;
-		$[48] = t19;
-	} else t19 = $[48];
-	const T4 = DropdownMenuContent;
-	const t20 = collapsed ? "right" : "top";
-	const t21 = collapsed ? "start" : "start";
-	const t22 = "w-56";
-	let t23;
-	if ($[49] !== displayName) {
-		t23 = /* @__PURE__ */ jsx("p", {
-			className: "text-sm font-medium",
-			children: displayName
-		});
-		$[49] = displayName;
-		$[50] = t23;
-	} else t23 = $[50];
-	let t24;
-	if ($[51] !== displayEmail) {
-		t24 = /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground text-xs",
-			children: displayEmail
-		});
-		$[51] = displayEmail;
-		$[52] = t24;
-	} else t24 = $[52];
-	let t25;
-	if ($[53] !== user.role) {
-		t25 = user.role && /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground mt-0.5 text-xs capitalize",
-			children: user.role
-		});
-		$[53] = user.role;
-		$[54] = t25;
-	} else t25 = $[54];
-	let t26;
-	if ($[55] !== t23 || $[56] !== t24 || $[57] !== t25) {
-		t26 = /* @__PURE__ */ jsxs("div", {
-			className: "px-2 py-1.5",
-			children: [
-				t23,
-				t24,
-				t25
-			]
-		});
-		$[55] = t23;
-		$[56] = t24;
-		$[57] = t25;
-		$[58] = t26;
-	} else t26 = $[58];
-	let t27;
-	if ($[59] === Symbol.for("react.memo_cache_sentinel")) {
-		t27 = /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
-		$[59] = t27;
-	} else t27 = $[59];
-	let t28;
-	if ($[60] === Symbol.for("react.memo_cache_sentinel")) {
-		t28 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:user-circle",
-			className: "size-4"
-		});
-		$[60] = t28;
-	} else t28 = $[60];
-	let t29;
-	if ($[61] !== t) {
-		t29 = t("auth.myAccount");
-		$[61] = t;
-		$[62] = t29;
-	} else t29 = $[62];
-	let t30;
-	if ($[63] !== handleMyAccount || $[64] !== t29) {
-		t30 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
-			onClick: handleMyAccount,
-			children: [t28, t29]
-		});
-		$[63] = handleMyAccount;
-		$[64] = t29;
-		$[65] = t30;
-	} else t30 = $[65];
-	let t31;
-	if ($[66] !== setTheme || $[67] !== shouldShowThemeToggle || $[68] !== t || $[69] !== theme || $[70] !== themeOptions) {
-		t31 = shouldShowThemeToggle && /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:circle-half" }), t("ui.toggleTheme")] }), /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: themeOptions.map((option) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
-			onClick: () => setTheme(option.value),
-			children: [
-				/* @__PURE__ */ jsx(Icon, {
-					icon: option.icon,
+	return /* @__PURE__ */ jsx(SidebarFooter, {
+		className: "qa-sidebar__footer border-sidebar-border/70 border-t p-2",
+		children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(DropdownMenuTrigger, {
+			className: cn("qa-sidebar__user-trigger flex w-full items-center gap-2.5 rounded-md p-2 text-left transition-[background-color,color,transform] duration-150 ease-out active:scale-[0.96]", "hover:bg-sidebar-accent text-sidebar-foreground", "focus-visible:ring-sidebar-ring focus-visible:ring-1 focus-visible:outline-none", collapsed && "justify-center"),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "qa-sidebar__user-avatar border-sidebar-border bg-sidebar-accent text-sidebar-accent-foreground flex size-8 shrink-0 items-center justify-center rounded-md border",
+				children: user.image ? /* @__PURE__ */ jsx("img", {
+					src: user.image,
+					alt: "",
+					className: "image-outline size-full rounded-md object-cover"
+				}) : /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:user-bold",
 					className: "size-4"
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: "flex-1",
-					children: option.label
-				}),
-				theme === option.value && /* @__PURE__ */ jsx(Icon, {
-					icon: "ph:check",
-					className: "text-foreground size-4"
 				})
-			]
-		}, option.value)) })] });
-		$[66] = setTheme;
-		$[67] = shouldShowThemeToggle;
-		$[68] = t;
-		$[69] = theme;
-		$[70] = themeOptions;
-		$[71] = t31;
-	} else t31 = $[71];
-	const t32 = 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: "image-outline h-3 w-4 object-cover",
-				onError: _temp6
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "font-chrome chrome-meta w-6 text-xs font-medium",
-				children: locale.code
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "flex-1",
-				children: locale.label
-			}),
-			locale.code === uiLocale && /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:check",
-				className: "text-foreground size-4"
-			})
-		]
-	}, locale.code)) })] });
-	let t33;
-	if ($[72] !== contentLocale || $[73] !== contentLocales || $[74] !== hasMultipleContentLocales || $[75] !== setContentLocale || $[76] !== t) {
-		t33 = 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),
+			}), !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-sm font-medium",
+					children: displayName
+				}), /* @__PURE__ */ jsx("span", {
+					className: "qa-sidebar__user-email text-sidebar-foreground/55 truncate text-xs",
+					children: displayEmail
+				})]
+			}), /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:caret-up-down",
+				className: "text-sidebar-foreground/60 ml-auto size-3.5",
+				"aria-hidden": "true"
+			})] })]
+		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+			side: collapsed ? "right" : "top",
+			align: collapsed ? "start" : "start",
+			className: "w-56",
 			children: [
-				/* @__PURE__ */ jsx("img", {
-					src: getFlagUrl(locale_0.flagCountryCode ?? locale_0.code),
-					alt: locale_0.code,
-					className: "image-outline h-3 w-4 object-cover",
-					onError: _temp7
+				/* @__PURE__ */ jsxs("div", {
+					className: "px-2 py-1.5",
+					children: [
+						/* @__PURE__ */ jsx("p", {
+							className: "text-sm font-medium",
+							children: displayName
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground text-xs",
+							children: displayEmail
+						}),
+						user.role && /* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground mt-0.5 text-xs capitalize",
+							children: user.role
+						})
+					]
 				}),
-				/* @__PURE__ */ jsx("span", {
-					className: "font-chrome chrome-meta w-6 text-xs font-medium",
-					children: locale_0.code
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: "flex-1",
-					children: locale_0.label ?? 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")]
 				}),
-				locale_0.code === contentLocale && /* @__PURE__ */ jsx(Icon, {
-					icon: "ph:check",
-					className: "text-foreground size-4"
+				shouldShowThemeToggle && /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:circle-half" }), t("ui.toggleTheme")] }), /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: themeOptions.map((option) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+					onClick: () => setTheme(option.value),
+					children: [
+						/* @__PURE__ */ jsx(Icon, {
+							icon: option.icon,
+							className: "size-4"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "flex-1",
+							children: option.label
+						}),
+						theme === option.value && /* @__PURE__ */ jsx(Icon, {
+							icon: "ph:check",
+							className: "text-foreground size-4"
+						})
+					]
+				}, option.value)) })] }),
+				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: "image-outline h-3 w-4 object-cover",
+							onError: (e) => {
+								e.currentTarget.style.display = "none";
+							}
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "font-chrome chrome-meta w-6 text-xs font-medium",
+							children: locale.code
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "flex-1",
+							children: locale.label
+						}),
+						locale.code === uiLocale && /* @__PURE__ */ jsx(Icon, {
+							icon: "ph:check",
+							className: "text-foreground size-4"
+						})
+					]
+				}, locale.code)) })] }),
+				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) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+					onClick: () => setContentLocale(locale.code),
+					children: [
+						/* @__PURE__ */ jsx("img", {
+							src: getFlagUrl(locale.flagCountryCode ?? locale.code),
+							alt: locale.code,
+							className: "image-outline h-3 w-4 object-cover",
+							onError: (e) => {
+								e.currentTarget.style.display = "none";
+							}
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "font-chrome chrome-meta w-6 text-xs font-medium",
+							children: locale.code
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "flex-1",
+							children: locale.label ?? locale.code
+						}),
+						locale.code === contentLocale && /* @__PURE__ */ jsx(Icon, {
+							icon: "ph:check",
+							className: "text-foreground size-4"
+						})
+					]
+				}, 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)) })] });
-		$[72] = contentLocale;
-		$[73] = contentLocales;
-		$[74] = hasMultipleContentLocales;
-		$[75] = setContentLocale;
-		$[76] = t;
-		$[77] = t33;
-	} else t33 = $[77];
-	let t34;
-	if ($[78] === Symbol.for("react.memo_cache_sentinel")) {
-		t34 = /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
-		$[78] = t34;
-	} else t34 = $[78];
-	let t35;
-	if ($[79] === Symbol.for("react.memo_cache_sentinel")) {
-		t35 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:sign-out",
-			className: "size-4"
-		});
-		$[79] = t35;
-	} else t35 = $[79];
-	let t36;
-	if ($[80] !== t) {
-		t36 = t("auth.logout");
-		$[80] = t;
-		$[81] = t36;
-	} else t36 = $[81];
-	let t37;
-	if ($[82] !== handleLogout || $[83] !== t36) {
-		t37 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
-			variant: "destructive",
-			onClick: handleLogout,
-			children: [t35, t36]
-		});
-		$[82] = handleLogout;
-		$[83] = t36;
-		$[84] = t37;
-	} else t37 = $[84];
-	let t38;
-	if ($[85] !== T4 || $[86] !== t20 || $[87] !== t21 || $[88] !== t26 || $[89] !== t27 || $[90] !== t30 || $[91] !== t31 || $[92] !== t32 || $[93] !== t33 || $[94] !== t37) {
-		t38 = /* @__PURE__ */ jsxs(T4, {
-			side: t20,
-			align: t21,
-			className: t22,
-			children: [
-				t26,
-				t27,
-				t30,
-				t31,
-				t32,
-				t33,
-				t34,
-				t37
-			]
-		});
-		$[85] = T4;
-		$[86] = t20;
-		$[87] = t21;
-		$[88] = t26;
-		$[89] = t27;
-		$[90] = t30;
-		$[91] = t31;
-		$[92] = t32;
-		$[93] = t33;
-		$[94] = t37;
-		$[95] = t38;
-	} else t38 = $[95];
-	let t39;
-	if ($[96] !== T3 || $[97] !== t19 || $[98] !== t38) {
-		t39 = /* @__PURE__ */ jsxs(T3, { children: [t19, t38] });
-		$[96] = T3;
-		$[97] = t19;
-		$[98] = t38;
-		$[99] = t39;
-	} else t39 = $[99];
-	let t40;
-	if ($[100] !== T2 || $[101] !== t39) {
-		t40 = /* @__PURE__ */ jsx(T2, { children: t39 });
-		$[100] = T2;
-		$[101] = t39;
-		$[102] = t40;
-	} else t40 = $[102];
-	let t41;
-	if ($[103] !== T1 || $[104] !== t40) {
-		t41 = /* @__PURE__ */ jsx(T1, { children: t40 });
-		$[103] = T1;
-		$[104] = t40;
-		$[105] = t41;
-	} else t41 = $[105];
-	let t42;
-	if ($[106] !== T0 || $[107] !== t41) {
-		t42 = /* @__PURE__ */ jsx(T0, {
-			className: t14,
-			children: t41
-		});
-		$[106] = T0;
-		$[107] = t41;
-		$[108] = t42;
-	} else t42 = $[108];
-	return t42;
+		})] }) }) })
+	});
 }
 /**
 * AdminSidebar Component
@@ -1199,137 +632,56 @@ function UserFooter(t0) {
 * </SidebarProvider>
 * ```
 */
-function _temp7(e_0) {
-	e_0.currentTarget.style.display = "none";
-}
-function _temp6(e) {
-	e.currentTarget.style.display = "none";
-}
-function AdminSidebar(t0) {
-	const $ = c(99);
-	const { LinkComponent, activeRoute, basePath: t1, brandName: brandNameProp, className, renderBrand, renderNavItem, footer, onSearchOpen, afterBrand, beforeFooter, theme, setTheme, showThemeToggle, 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, brandLogo } = useSidebarProps(t3);
+function AdminSidebar({ LinkComponent, activeRoute, basePath = "/admin", brandName: brandNameProp, className, renderBrand, renderNavItem, footer, onSearchOpen, afterBrand, beforeFooter, theme, setTheme, showThemeToggle, useActiveProps = true }) {
+	const { navigation, brandName, brandLogo } = useSidebarProps({ brandName: brandNameProp });
 	const { t } = useTranslation();
 	const { state, isMobile, setOpenMobile, toggleSidebar } = useSidebar();
 	const collapsed = state === "collapsed";
 	const currentActiveRoute = activeRoute ?? (typeof window !== "undefined" ? window.location.pathname : void 0);
 	const { isSectionCollapsed, toggleSection } = useSidebarCollapsedSections();
 	const admin = useAdminStoreRaw()?.getState().admin;
-	let t4;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = { allowDynamicImportLoaders: false };
-		$[2] = t4;
-	} else t4 = $[2];
-	const { Component: BrandOverride } = useLazyComponent(admin?.getComponent("adminSidebarBrand"), t4);
-	let t5;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = { allowDynamicImportLoaders: false };
-		$[3] = t5;
-	} else t5 = $[3];
-	const { Component: NavItemOverride } = useLazyComponent(admin?.getComponent("adminSidebarNavItem"), t5);
-	let t6;
-	if ($[4] !== BrandOverride || $[5] !== renderBrand) {
-		t6 = renderBrand ?? (BrandOverride ? (props) => /* @__PURE__ */ jsx(BrandOverride, { ...props }) : void 0);
-		$[4] = BrandOverride;
-		$[5] = renderBrand;
-		$[6] = t6;
-	} else t6 = $[6];
-	const effectiveRenderBrand = t6;
-	let t7;
-	if ($[7] !== NavItemOverride || $[8] !== renderNavItem) {
-		t7 = renderNavItem ?? (NavItemOverride ? (props_0) => /* @__PURE__ */ jsx(NavItemOverride, { ...props_0 }) : void 0);
-		$[7] = NavItemOverride;
-		$[8] = renderNavItem;
-		$[9] = t7;
-	} else t7 = $[9];
-	const effectiveRenderNavItem = t7;
-	let t8;
-	if ($[10] !== isMobile || $[11] !== setOpenMobile) {
-		t8 = () => {
-			if (isMobile) setOpenMobile(false);
-		};
-		$[10] = isMobile;
-		$[11] = setOpenMobile;
-		$[12] = t8;
-	} else t8 = $[12];
-	const handleBrandClick = t8;
-	let t9;
-	if ($[13] !== brandLogo || $[14] !== brandName) {
-		t9 = (isCollapsed) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BrandLogoMark, {
-			logo: brandLogo,
-			alt: brandName,
-			fallback: /* @__PURE__ */ jsx(QuestpieSymbol, {})
-		}), !isCollapsed && /* @__PURE__ */ jsx("div", {
-			className: "grid flex-1 text-left leading-tight",
-			children: /* @__PURE__ */ jsx("span", {
-				className: "qa-sidebar__brand-name font-chrome truncate text-sm font-medium",
-				children: brandName
+	const { Component: BrandOverride } = useLazyComponent(admin?.getComponent("adminSidebarBrand"), { allowDynamicImportLoaders: false });
+	const { Component: NavItemOverride } = useLazyComponent(admin?.getComponent("adminSidebarNavItem"), { allowDynamicImportLoaders: false });
+	const effectiveRenderBrand = React.useMemo(() => renderBrand ?? (BrandOverride ? (props) => /* @__PURE__ */ jsx(BrandOverride, { ...props }) : void 0), [BrandOverride, renderBrand]);
+	const effectiveRenderNavItem = React.useMemo(() => renderNavItem ?? (NavItemOverride ? (props) => /* @__PURE__ */ jsx(NavItemOverride, { ...props }) : void 0), [NavItemOverride, renderNavItem]);
+	const handleBrandClick = React.useCallback(() => {
+		if (isMobile) setOpenMobile(false);
+	}, [isMobile, setOpenMobile]);
+	const renderBuiltInBrand = React.useCallback((isCollapsed) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BrandLogoMark, {
+		logo: brandLogo,
+		alt: brandName,
+		fallback: /* @__PURE__ */ jsx(QuestpieSymbol, {})
+	}), !isCollapsed && /* @__PURE__ */ jsx("div", {
+		className: "grid flex-1 text-left leading-tight",
+		children: /* @__PURE__ */ jsx("span", {
+			className: "qa-sidebar__brand-name font-chrome truncate text-sm font-medium",
+			children: brandName
+		})
+	})] }), [brandLogo, brandName]);
+	const renderBrandContent = React.useCallback((isCollapsed) => {
+		const builtInBrand = renderBuiltInBrand(isCollapsed);
+		if (!effectiveRenderBrand) return builtInBrand;
+		return /* @__PURE__ */ jsx(React.Suspense, {
+			fallback: builtInBrand,
+			children: effectiveRenderBrand({
+				name: brandName,
+				collapsed: isCollapsed
 			})
-		})] });
-		$[13] = brandLogo;
-		$[14] = brandName;
-		$[15] = t9;
-	} else t9 = $[15];
-	const renderBuiltInBrand = t9;
-	let t10;
-	if ($[16] !== brandName || $[17] !== effectiveRenderBrand || $[18] !== renderBuiltInBrand) {
-		t10 = (isCollapsed_0) => {
-			const builtInBrand = renderBuiltInBrand(isCollapsed_0);
-			if (!effectiveRenderBrand) return builtInBrand;
-			return /* @__PURE__ */ jsx(React.Suspense, {
-				fallback: builtInBrand,
-				children: effectiveRenderBrand({
-					name: brandName,
-					collapsed: isCollapsed_0
-				})
-			});
-		};
-		$[16] = brandName;
-		$[17] = effectiveRenderBrand;
-		$[18] = renderBuiltInBrand;
-		$[19] = t10;
-	} else t10 = $[19];
-	const renderBrandContent = t10;
-	let t11;
-	if ($[20] !== collapsed || $[21] !== renderBrandContent) {
-		t11 = renderBrandContent(collapsed);
-		$[20] = collapsed;
-		$[21] = renderBrandContent;
-		$[22] = t11;
-	} else t11 = $[22];
-	const brandContent = t11;
-	const t12 = collapsed && "justify-center";
-	let t13;
-	if ($[23] !== t12) {
-		t13 = cn("qa-sidebar__brand flex items-center gap-2 rounded-md p-2 transition-[background-color,color,transform] duration-[var(--motion-duration-base)] ease-[var(--motion-ease-standard)] active:scale-[0.96] motion-reduce:transition-none motion-reduce:active:scale-100", "hover:bg-sidebar-accent", t12);
-		$[23] = t12;
-		$[24] = t13;
-	} else t13 = $[24];
-	let t14;
-	if ($[25] !== LinkComponent || $[26] !== basePath || $[27] !== brandContent || $[28] !== t13) {
-		t14 = /* @__PURE__ */ jsx(LinkComponent, {
-			to: basePath,
-			className: t13,
-			children: brandContent
 		});
-		$[25] = LinkComponent;
-		$[26] = basePath;
-		$[27] = brandContent;
-		$[28] = t13;
-		$[29] = t14;
-	} else t14 = $[29];
-	const brandLink = t14;
-	let t15;
-	if ($[30] !== onSearchOpen || $[31] !== t) {
-		t15 = onSearchOpen && /* @__PURE__ */ jsx(Button, {
+	}, [
+		brandName,
+		effectiveRenderBrand,
+		renderBuiltInBrand
+	]);
+	const brandContent = renderBrandContent(collapsed);
+	const brandLink = /* @__PURE__ */ jsx(LinkComponent, {
+		to: basePath,
+		className: cn("qa-sidebar__brand flex items-center gap-2 rounded-md p-2 transition-[background-color,color,transform] duration-[var(--motion-duration-base)] ease-[var(--motion-ease-standard)] active:scale-[0.96] motion-reduce:transition-none motion-reduce:active:scale-100", "hover:bg-sidebar-accent", collapsed && "justify-center"),
+		children: brandContent
+	});
+	const sidebarActions = /* @__PURE__ */ jsxs("div", {
+		className: "qa-sidebar__header-actions flex shrink-0 items-center gap-1",
+		children: [onSearchOpen && /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "ghost",
 			size: "icon-xs",
@@ -1338,223 +690,89 @@ function AdminSidebar(t0) {
 			title: t("common.search"),
 			"aria-label": t("common.search"),
 			children: /* @__PURE__ */ jsx(Icon, { icon: "ph:magnifying-glass" })
-		});
-		$[30] = onSearchOpen;
-		$[31] = t;
-		$[32] = t15;
-	} else t15 = $[32];
-	let t16;
-	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ jsx(SidebarTrigger, { className: "text-sidebar-foreground/60 hover:bg-sidebar-accent hover:text-sidebar-foreground" });
-		$[33] = t16;
-	} else t16 = $[33];
-	let t17;
-	if ($[34] !== t15) {
-		t17 = /* @__PURE__ */ jsxs("div", {
-			className: "qa-sidebar__header-actions flex shrink-0 items-center gap-1",
-			children: [t15, t16]
-		});
-		$[34] = t15;
-		$[35] = t17;
-	} else t17 = $[35];
-	const sidebarActions = t17;
-	let t18;
-	if ($[36] !== className) {
-		t18 = cn("qa-sidebar bg-sidebar relative border-none", className);
-		$[36] = className;
-		$[37] = t18;
-	} else t18 = $[37];
-	let t19;
-	if ($[38] !== LinkComponent || $[39] !== basePath || $[40] !== brandLink || $[41] !== brandName || $[42] !== collapsed || $[43] !== isMobile || $[44] !== renderBrandContent) {
-		t19 = collapsed && !isMobile ? /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(LinkComponent, {
-			to: basePath,
-			className: cn("flex items-center gap-2 rounded-md p-2 transition-[background-color,color,transform] duration-[var(--motion-duration-base)] ease-[var(--motion-ease-standard)] active:scale-[0.96] motion-reduce:transition-none motion-reduce:active:scale-100", "hover:bg-sidebar-accent", "justify-center"),
-			children: renderBrandContent(true)
-		}) }), /* @__PURE__ */ jsx(TooltipContent, {
-			side: "right",
-			children: brandName
-		})] }) : brandLink;
-		$[38] = LinkComponent;
-		$[39] = basePath;
-		$[40] = brandLink;
-		$[41] = brandName;
-		$[42] = collapsed;
-		$[43] = isMobile;
-		$[44] = renderBrandContent;
-		$[45] = t19;
-	} else t19 = $[45];
-	let t20;
-	if ($[46] !== handleBrandClick || $[47] !== t19) {
-		t20 = /* @__PURE__ */ jsx(SidebarMenu, {
-			className: "min-w-0 flex-1",
-			children: /* @__PURE__ */ jsx(SidebarMenuItem, {
-				onClickCapture: handleBrandClick,
-				children: t19
-			})
-		});
-		$[46] = handleBrandClick;
-		$[47] = t19;
-		$[48] = t20;
-	} else t20 = $[48];
-	const t21 = !collapsed && sidebarActions;
-	let t22;
-	if ($[49] !== t20 || $[50] !== t21) {
-		t22 = /* @__PURE__ */ jsxs(SidebarHeader, {
-			className: "qa-sidebar__header h-auto flex-row items-center gap-2 border-none px-3 pt-3 pb-1",
-			children: [t20, t21]
-		});
-		$[49] = t20;
-		$[50] = t21;
-		$[51] = t22;
-	} else t22 = $[51];
-	let t23;
-	if ($[52] !== collapsed || $[53] !== isMobile || $[54] !== onSearchOpen || $[55] !== t || $[56] !== toggleSidebar) {
-		t23 = collapsed && !isMobile && /* @__PURE__ */ jsxs("div", {
-			className: "qa-sidebar__collapsed-peek group/peek absolute top-4 -right-3 z-50 flex items-center",
-			children: [/* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "ghost",
-				size: "icon-xs",
-				className: "border-sidebar-border/70 bg-sidebar text-sidebar-foreground/60 hover:bg-sidebar-accent hover:text-sidebar-foreground h-8 w-3 rounded-l-none rounded-r-md border border-l-0 p-0 shadow-[var(--floating-shadow)]",
-				onClick: toggleSidebar,
-				"aria-label": t("ui.expandSidebar"),
-				children: /* @__PURE__ */ jsx("span", { className: "h-3 w-0.5 rounded-full bg-current opacity-55" })
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "floating-surface ml-1 flex scale-95 items-center gap-1 p-1 opacity-0 transition-[opacity,transform] duration-[var(--motion-duration-base)] ease-[var(--motion-ease-enter)] group-focus-within/peek:scale-100 group-focus-within/peek:opacity-100 group-hover/peek:scale-100 group-hover/peek:opacity-100 motion-reduce:scale-100 motion-reduce:transition-none",
-				children: [/* @__PURE__ */ jsx(SidebarTrigger, {
-					className: "text-muted-foreground hover:bg-muted hover:text-foreground",
-					"aria-label": t("ui.expandSidebar")
-				}), onSearchOpen && /* @__PURE__ */ jsx(Button, {
+		}), /* @__PURE__ */ jsx(SidebarTrigger, { className: "text-sidebar-foreground/60 hover:bg-sidebar-accent hover:text-sidebar-foreground" })]
+	});
+	return /* @__PURE__ */ jsxs(Sidebar, {
+		collapsible: "icon",
+		variant: "inset",
+		className: cn("qa-sidebar bg-sidebar relative border-none", className),
+		children: [
+			/* @__PURE__ */ jsxs(SidebarHeader, {
+				className: "qa-sidebar__header h-auto flex-row items-center gap-2 border-none px-3 pt-3 pb-1",
+				children: [/* @__PURE__ */ jsx(SidebarMenu, {
+					className: "min-w-0 flex-1",
+					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 rounded-md p-2 transition-[background-color,color,transform] duration-[var(--motion-duration-base)] ease-[var(--motion-ease-standard)] active:scale-[0.96] motion-reduce:transition-none motion-reduce:active:scale-100", "hover:bg-sidebar-accent", "justify-center"),
+							children: renderBrandContent(true)
+						}) }), /* @__PURE__ */ jsx(TooltipContent, {
+							side: "right",
+							children: brandName
+						})] }) : brandLink
+					})
+				}), !collapsed && sidebarActions]
+			}),
+			collapsed && !isMobile && /* @__PURE__ */ jsxs("div", {
+				className: "qa-sidebar__collapsed-peek group/peek absolute top-4 -right-3 z-50 flex items-center",
+				children: [/* @__PURE__ */ jsx(Button, {
 					type: "button",
 					variant: "ghost",
-					size: "icon-sm",
-					className: "text-muted-foreground hover:bg-muted hover:text-foreground",
-					onClick: onSearchOpen,
-					title: t("common.search"),
-					"aria-label": t("common.search"),
-					children: /* @__PURE__ */ jsx(Icon, { icon: "ph:magnifying-glass" })
+					size: "icon-xs",
+					className: "border-sidebar-border/70 bg-sidebar text-sidebar-foreground/60 hover:bg-sidebar-accent hover:text-sidebar-foreground h-8 w-3 rounded-l-none rounded-r-md border border-l-0 p-0 shadow-[var(--floating-shadow)]",
+					onClick: toggleSidebar,
+					"aria-label": t("ui.expandSidebar"),
+					children: /* @__PURE__ */ jsx("span", { className: "h-3 w-0.5 rounded-full bg-current opacity-55" })
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "floating-surface ml-1 flex scale-95 items-center gap-1 p-1 opacity-0 transition-[opacity,transform] duration-[var(--motion-duration-base)] ease-[var(--motion-ease-enter)] group-focus-within/peek:scale-100 group-focus-within/peek:opacity-100 group-hover/peek:scale-100 group-hover/peek:opacity-100 motion-reduce:scale-100 motion-reduce:transition-none",
+					children: [/* @__PURE__ */ jsx(SidebarTrigger, {
+						className: "text-muted-foreground hover:bg-muted hover:text-foreground",
+						"aria-label": t("ui.expandSidebar")
+					}), onSearchOpen && /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon-sm",
+						className: "text-muted-foreground hover:bg-muted hover:text-foreground",
+						onClick: onSearchOpen,
+						title: t("common.search"),
+						"aria-label": t("common.search"),
+						children: /* @__PURE__ */ jsx(Icon, { icon: "ph:magnifying-glass" })
+					})]
 				})]
-			})]
-		});
-		$[52] = collapsed;
-		$[53] = isMobile;
-		$[54] = onSearchOpen;
-		$[55] = t;
-		$[56] = toggleSidebar;
-		$[57] = t23;
-	} else t23 = $[57];
-	let t24;
-	if ($[58] !== afterBrand || $[59] !== collapsed) {
-		t24 = afterBrand && !collapsed && /* @__PURE__ */ jsx("div", {
-			className: "qa-sidebar__after-brand border-sidebar-border/70 border-b px-3 py-2",
-			children: afterBrand
-		});
-		$[58] = afterBrand;
-		$[59] = collapsed;
-		$[60] = t24;
-	} else t24 = $[60];
-	let t25;
-	if ($[61] !== t) {
-		t25 = t("nav.adminNavigation");
-		$[61] = t;
-		$[62] = t25;
-	} else t25 = $[62];
-	let t26;
-	if ($[63] !== LinkComponent || $[64] !== basePath || $[65] !== currentActiveRoute || $[66] !== effectiveRenderNavItem || $[67] !== isSectionCollapsed || $[68] !== navigation || $[69] !== toggleSection || $[70] !== useActiveProps) {
-		let t27$1;
-		if ($[72] !== LinkComponent || $[73] !== basePath || $[74] !== currentActiveRoute || $[75] !== effectiveRenderNavItem || $[76] !== isSectionCollapsed || $[77] !== toggleSection || $[78] !== useActiveProps) {
-			t27$1 = (group, index) => /* @__PURE__ */ jsx(NavGroup, {
-				group,
-				activeRoute: currentActiveRoute,
-				LinkComponent,
-				renderNavItem: effectiveRenderNavItem,
-				basePath,
-				useActiveProps: useActiveProps && !currentActiveRoute,
-				isSectionCollapsed,
-				toggleSection
-			}, group.id ?? `group-${index}`);
-			$[72] = LinkComponent;
-			$[73] = basePath;
-			$[74] = currentActiveRoute;
-			$[75] = effectiveRenderNavItem;
-			$[76] = isSectionCollapsed;
-			$[77] = toggleSection;
-			$[78] = useActiveProps;
-			$[79] = t27$1;
-		} else t27$1 = $[79];
-		t26 = navigation.map(t27$1);
-		$[63] = LinkComponent;
-		$[64] = basePath;
-		$[65] = currentActiveRoute;
-		$[66] = effectiveRenderNavItem;
-		$[67] = isSectionCollapsed;
-		$[68] = navigation;
-		$[69] = toggleSection;
-		$[70] = useActiveProps;
-		$[71] = t26;
-	} else t26 = $[71];
-	let t27;
-	if ($[80] !== t25 || $[81] !== t26) {
-		t27 = /* @__PURE__ */ jsx(SidebarContent, {
-			className: "qa-sidebar__content gap-3 px-2 py-3 group-data-[collapsible=icon]:gap-2",
-			children: /* @__PURE__ */ jsx("nav", {
-				"aria-label": t25,
-				className: "qa-sidebar__nav",
-				children: t26
+			}),
+			afterBrand && !collapsed && /* @__PURE__ */ jsx("div", {
+				className: "qa-sidebar__after-brand border-sidebar-border/70 border-b px-3 py-2",
+				children: afterBrand
+			}),
+			/* @__PURE__ */ jsx(SidebarContent, {
+				className: "qa-sidebar__content gap-3 px-2 py-3 group-data-[collapsible=icon]:gap-2",
+				children: /* @__PURE__ */ jsx("nav", {
+					"aria-label": t("nav.adminNavigation"),
+					className: "qa-sidebar__nav",
+					children: navigation.map((group, index) => /* @__PURE__ */ jsx(NavGroup, {
+						group,
+						activeRoute: currentActiveRoute,
+						LinkComponent,
+						renderNavItem: effectiveRenderNavItem,
+						basePath,
+						useActiveProps: useActiveProps && !currentActiveRoute,
+						isSectionCollapsed,
+						toggleSection
+					}, group.id ?? `group-${index}`))
+				})
+			}),
+			beforeFooter && !collapsed && /* @__PURE__ */ jsx("div", {
+				className: "qa-sidebar__before-footer border-sidebar-border/70 border-t px-3 py-2",
+				children: beforeFooter
+			}),
+			footer ?? /* @__PURE__ */ jsx(UserFooter, {
+				theme,
+				setTheme,
+				showThemeToggle
 			})
-		});
-		$[80] = t25;
-		$[81] = t26;
-		$[82] = t27;
-	} else t27 = $[82];
-	let t28;
-	if ($[83] !== beforeFooter || $[84] !== collapsed) {
-		t28 = beforeFooter && !collapsed && /* @__PURE__ */ jsx("div", {
-			className: "qa-sidebar__before-footer border-sidebar-border/70 border-t px-3 py-2",
-			children: beforeFooter
-		});
-		$[83] = beforeFooter;
-		$[84] = collapsed;
-		$[85] = t28;
-	} else t28 = $[85];
-	let t29;
-	if ($[86] !== footer || $[87] !== setTheme || $[88] !== showThemeToggle || $[89] !== theme) {
-		t29 = footer ?? /* @__PURE__ */ jsx(UserFooter, {
-			theme,
-			setTheme,
-			showThemeToggle
-		});
-		$[86] = footer;
-		$[87] = setTheme;
-		$[88] = showThemeToggle;
-		$[89] = theme;
-		$[90] = t29;
-	} else t29 = $[90];
-	let t30;
-	if ($[91] !== t18 || $[92] !== t22 || $[93] !== t23 || $[94] !== t24 || $[95] !== t27 || $[96] !== t28 || $[97] !== t29) {
-		t30 = /* @__PURE__ */ jsxs(Sidebar, {
-			collapsible: "icon",
-			variant: "inset",
-			className: t18,
-			children: [
-				t22,
-				t23,
-				t24,
-				t27,
-				t28,
-				t29
-			]
-		});
-		$[91] = t18;
-		$[92] = t22;
-		$[93] = t23;
-		$[94] = t24;
-		$[95] = t27;
-		$[96] = t28;
-		$[97] = t29;
-		$[98] = t30;
-	} else t30 = $[98];
-	return t30;
+		]
+	});
 }
 
 //#endregion