@questpie/admin 1.1.0 → 2.0.0

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

@@ -0,0 +1,550 @@
+import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
+import { cn, formatLabel } from "../../lib/utils.mjs";
+import { selectAdmin, selectBasePath, selectNavigate, useAdminStore } from "../../runtime/provider.mjs";
+import { ComponentRenderer } from "../../components/component-renderer.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 { useAuthClientSafe } from "../../hooks/use-auth.mjs";
+import { 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 { Icon } from "@iconify/react";
+import * as React$1 from "react";
+import { toast } from "sonner";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/layout/admin-sidebar.tsx
+/**
+* AdminSidebar Component
+*
+* Navigation sidebar for the admin UI using shadcn sidebar primitives.
+* Automatically reads from AdminProvider context when props are not provided.
+*/
+/**
+* Extract typed props from untyped sidebar config items.
+* Server sidebar items come as plain objects without strict typing.
+*/
+function getSidebarItemProps(item) {
+	const i = item;
+	return {
+		collection: i.collection,
+		global: i.global,
+		pageId: i.pageId,
+		label: i.label,
+		icon: i.icon,
+		href: i.href
+	};
+}
+/**
+* Build NavigationGroup[] from server sidebar config, using server
+* collection/global metadata for labels/icons and local navigation
+* only for page items (which are client-only).
+*/
+function useServerNavigation() {
+	const { data: serverConfig } = useAdminConfig();
+	const storeNavigation = useAdminStore((s) => s.navigation);
+	const basePath = useAdminStore(selectBasePath);
+	return React$1.useMemo(() => {
+		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);
+		}
+		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",
+						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;
+			}
+		}
+		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
+	]);
+}
+function useSidebarProps(props) {
+	const storeNavigation = useAdminStore((s) => s.navigation);
+	const storeBrandName = useAdminStore((s) => s.brandName);
+	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"
+	};
+}
+/**
+* Render an icon - handles ComponentReference and React components.
+*
+* @example
+* ```tsx
+* // React component
+* <RenderIcon icon={UsersIcon} />
+*
+* // Server-defined reference
+* <RenderIcon icon={{ type: "icon", props: { name: "ph:users" } }} />
+* ```
+*/
+function RenderIcon(props) {
+	const { icon, className } = props;
+	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"
+			})
+		]
+	});
+}
+/**
+* Check if element is a navigation item (not divider)
+*/
+function isNavigationItem(element) {
+	return element.type !== "divider";
+}
+function normalizeRoute(route) {
+	return route?.replace(/\/+$/, "");
+}
+function isRouteActive(activeRoute, itemHref, basePath, exact = false) {
+	if (!activeRoute) return false;
+	const normalizedActive = normalizeRoute(activeRoute);
+	const normalizedItem = normalizeRoute(itemHref);
+	const normalizedBase = normalizeRoute(basePath);
+	if (!normalizedActive || !normalizedItem) return false;
+	if (normalizedActive === normalizedItem) return true;
+	if (exact || normalizedItem === normalizedBase) return false;
+	return normalizedActive.startsWith(`${normalizedItem}/`);
+}
+/**
+* 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 { 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",
+			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),
+			...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: label
+		})] })
+	});
+	return /* @__PURE__ */ jsx(SidebarMenuItem, {
+		className,
+		onClickCapture: handleClick,
+		children: linkContent
+	});
+}
+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 ?? [];
+	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,
+		children: [
+			group.icon && /* @__PURE__ */ jsx(RenderIcon, {
+				icon: group.icon,
+				className: "size-3.5"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "flex-1 font-mono  text-left",
+				children: groupLabel
+			}),
+			group.collapsed !== void 0 && /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:caret-down",
+				className: cn("size-3.5 transition-transform", isCollapsed && "-rotate-90")
+			})
+		]
+	}), !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),
+				LinkComponent,
+				renderNavItem,
+				useActiveProps
+			}, element.id);
+		}) }), sections.map((subSection) => /* @__PURE__ */ jsx(NavGroup, {
+			group: subSection,
+			activeRoute,
+			LinkComponent,
+			renderNavItem,
+			basePath,
+			useActiveProps,
+			depth: depth + 1
+		}, subSection.id))]
+	})] });
+}
+/**
+* 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 UserFooter() {
+	const { state, isMobile, setOpenMobile } = useSidebar();
+	const collapsed = state === "collapsed";
+	const authClient = useAuthClientSafe();
+	const { user, isPending } = useSessionState();
+	const navigate = useAdminStore(selectNavigate);
+	const basePath = useAdminStore(selectBasePath);
+	const admin = useAdminStore(selectAdmin);
+	const { t, locale: uiLocale, setLocale: setUiLocale, getLocaleName } = useTranslation();
+	const uiLocales = admin.getLocale().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 });
+	if (!authClient || !user) return null;
+	const displayName = user.name || user.email?.split("@")[0] || "User";
+	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",
+			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
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+				/* @__PURE__ */ jsxs(DropdownMenuItem, {
+					onClick: handleMyAccount,
+					children: [/* @__PURE__ */ jsx(Icon, {
+						icon: "ph:user-circle",
+						className: "size-4"
+					}), t("auth.myAccount")]
+				}),
+				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")]
+				})
+			]
+		})] }) }) })
+	});
+}
+/**
+* AdminSidebar Component
+*
+* When used inside AdminProvider, navigation and brandName are automatically
+* read from context if not provided as props.
+*
+* @example
+* ```tsx
+* // With AdminProvider (automatic)
+* <AdminProvider admin={admin} client={client}>
+*   <SidebarProvider>
+*     <AdminSidebar LinkComponent={Link} activeRoute="/admin/posts" />
+*   </SidebarProvider>
+* </AdminProvider>
+*
+* // Without AdminProvider (manual)
+* <SidebarProvider>
+*   <AdminSidebar
+*     navigation={buildNavigation(admin)}
+*     LinkComponent={Link}
+*     activeRoute="/admin/posts"
+*     brandName="My CMS"
+*   />
+* </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
+	});
+	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",
+			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, {
+				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, {})
+		]
+	});
+}
+
+//#endregion
+export { AdminSidebar };
+//# sourceMappingURL=admin-sidebar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin-sidebar.mjs","names":["React"],"sources":["../../../../src/client/views/layout/admin-sidebar.tsx"],"sourcesContent":["/**\n * AdminSidebar Component\n *\n * Navigation sidebar for the admin UI using shadcn sidebar primitives.\n * Automatically reads from AdminProvider context when props are not provided.\n */\n\nimport { Icon } from \"@iconify/react\";\nimport * as React from \"react\";\nimport { toast } from \"sonner\";\nimport { ComponentRenderer } from \"../../components/component-renderer\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuPortal,\n\tDropdownMenuSeparator,\n\tDropdownMenuSub,\n\tDropdownMenuSubContent,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuTrigger,\n} from \"../../components/ui/dropdown-menu\";\nimport {\n\tSidebar,\n\tSidebarContent,\n\tSidebarFooter,\n\tSidebarGroup,\n\tSidebarGroupContent,\n\tSidebarGroupLabel,\n\tSidebarHeader,\n\tSidebarMenu,\n\tSidebarMenuItem,\n\tSidebarSeparator,\n\tuseSidebar,\n} from \"../../components/ui/sidebar\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from \"../../components/ui/tooltip\";\nimport { useAdminConfig } from \"../../hooks/use-admin-config\";\nimport { useAuthClientSafe } from \"../../hooks/use-auth\";\nimport { useSessionState } from \"../../hooks/use-current-user\";\nimport { useResolveText, useTranslation } from \"../../i18n/hooks\";\nimport { cn, formatLabel } from \"../../lib/utils\";\nimport {\n\tselectAdmin,\n\tselectBasePath,\n\tselectNavigate,\n\tuseAdminStore,\n} from \"../../runtime/provider\";\nimport type {\n\tNavigationElement,\n\tNavigationGroup,\n\tNavigationItem,\n} from \"../../runtime/routes\";\nimport { getFlagUrl } from \"../../utils/locale-to-flag\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Link component props (router-agnostic)\n */\nexport interface LinkComponentProps {\n\tto: string;\n\tclassName?: string;\n\tchildren: React.ReactNode;\n\tactiveProps?: { className?: string };\n\tactiveOptions?: { exact?: boolean };\n}\n\n/**\n * AdminSidebar props\n */\nexport interface AdminSidebarProps {\n\t/**\n\t * Navigation groups to render.\n\t * If not provided, reads from AdminProvider context.\n\t */\n\tnavigation?: NavigationGroup[];\n\n\t/**\n\t * Link component (router-specific)\n\t */\n\tLinkComponent: React.ComponentType<LinkComponentProps>;\n\n\t/**\n\t * Current active route\n\t */\n\tactiveRoute?: string;\n\n\t/**\n\t * Base path for admin routes\n\t */\n\tbasePath?: string;\n\n\t/**\n\t * Brand name.\n\t * If not provided, reads from AdminProvider context.\n\t */\n\tbrandName?: string;\n\n\t/**\n\t * Custom class for sidebar container\n\t */\n\tclassName?: string;\n\n\t/**\n\t * Render custom brand content\n\t */\n\trenderBrand?: (props: {\n\t\tname: string;\n\t\tcollapsed: boolean;\n\t}) => React.ReactNode;\n\n\t/**\n\t * Render custom nav item\n\t */\n\trenderNavItem?: (params: {\n\t\titem: NavigationItem;\n\t\tisActive: boolean;\n\t\tcollapsed: boolean;\n\t}) => React.ReactNode;\n\n\t/**\n\t * Custom footer content (replaces entire footer including UserFooter)\n\t */\n\tfooter?: React.ReactNode;\n\n\t/**\n\t * Content to render after the brand header.\n\t * Perfect for scope/tenant pickers in multi-tenant apps.\n\t *\n\t * @example\n\t * ```tsx\n\t * <AdminSidebar\n\t *   afterBrand={<ScopePicker collection=\"properties\" />}\n\t * />\n\t * ```\n\t */\n\tafterBrand?: React.ReactNode;\n\n\t/**\n\t * Content to render before the user footer.\n\t * Useful for additional actions or quick links.\n\t *\n\t * @example\n\t * ```tsx\n\t * <AdminSidebar\n\t *   beforeFooter={\n\t *     <Button variant=\"outline\" className=\"w-full\">\n\t *       Need Help?\n\t *     </Button>\n\t *   }\n\t * />\n\t * ```\n\t */\n\tbeforeFooter?: React.ReactNode;\n\n\t/**\n\t * Use framework-specific active link props (e.g., TanStack Router's activeProps)\n\t * @default true\n\t */\n\tuseActiveProps?: boolean;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/**\n * Extract typed props from untyped sidebar config items.\n * Server sidebar items come as plain objects without strict typing.\n */\nfunction getSidebarItemProps(item: unknown) {\n\tconst i = item as Record<string, any>;\n\treturn {\n\t\tcollection: i.collection as string | undefined,\n\t\tglobal: i.global as string | undefined,\n\t\tpageId: i.pageId as string | undefined,\n\t\tlabel: i.label as string | undefined,\n\t\ticon: i.icon as NavigationItem[\"icon\"] | undefined,\n\t\thref: i.href as string | undefined,\n\t};\n}\n\n// ============================================================================\n// Internal Hook - Build navigation from server config\n// ============================================================================\n\n/**\n * Build NavigationGroup[] from server sidebar config, using server\n * collection/global metadata for labels/icons and local navigation\n * only for page items (which are client-only).\n */\nfunction useServerNavigation(): NavigationGroup[] | undefined {\n\tconst { data: serverConfig } = useAdminConfig();\n\tconst storeNavigation = useAdminStore((s) => s.navigation);\n\tconst basePath = useAdminStore(selectBasePath);\n\n\treturn React.useMemo(() => {\n\t\tconst sections = serverConfig?.sidebar?.sections;\n\t\tif (!sections?.length) return undefined;\n\n\t\t// Build a lookup map from local navigation for page items only\n\t\tconst pageMap = new Map<string, NavigationItem>();\n\t\tfor (const group of storeNavigation ?? []) {\n\t\t\tfor (const element of group.items ?? []) {\n\t\t\t\tif (element.type !== \"divider\" && \"id\" in element) {\n\t\t\t\t\tconst navItem = element as NavigationItem;\n\t\t\t\t\tif (navItem.type === \"page\") {\n\t\t\t\t\t\tpageMap.set(navItem.id, navItem);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Convert a sidebar item to a navigation element\n\t\tfunction convertItem(item: any): NavigationElement | undefined {\n\t\t\tconst props = getSidebarItemProps(item);\n\t\t\tswitch (item.type) {\n\t\t\t\tcase \"collection\": {\n\t\t\t\t\tconst collectionName = props.collection!;\n\t\t\t\t\tconst meta = serverConfig?.collections?.[collectionName];\n\t\t\t\t\treturn {\n\t\t\t\t\t\tid: `collection:${collectionName}`,\n\t\t\t\t\t\tlabel: props.label ?? meta?.label ?? formatLabel(collectionName),\n\t\t\t\t\t\thref: `${basePath}/collections/${collectionName}`,\n\t\t\t\t\t\ticon: props.icon ?? meta?.icon,\n\t\t\t\t\t\ttype: \"collection\" as const,\n\t\t\t\t\t\torder: 0,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tcase \"global\": {\n\t\t\t\t\tconst globalName = props.global!;\n\t\t\t\t\tconst meta = serverConfig?.globals?.[globalName];\n\t\t\t\t\treturn {\n\t\t\t\t\t\tid: `global:${globalName}`,\n\t\t\t\t\t\tlabel: props.label ?? meta?.label ?? formatLabel(globalName),\n\t\t\t\t\t\thref: `${basePath}/globals/${globalName}`,\n\t\t\t\t\t\ticon: props.icon ?? meta?.icon,\n\t\t\t\t\t\ttype: \"global\" as const,\n\t\t\t\t\t\torder: 0,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tcase \"page\": {\n\t\t\t\t\tconst found = pageMap.get(`page:${props.pageId}`);\n\t\t\t\t\tif (!found) return undefined;\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...found,\n\t\t\t\t\t\tlabel: props.label ?? found.label,\n\t\t\t\t\t\ticon: props.icon ?? found.icon,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tcase \"link\":\n\t\t\t\t\treturn {\n\t\t\t\t\t\tid: `link:${props.href}`,\n\t\t\t\t\t\tlabel: props.label ?? \"\",\n\t\t\t\t\t\thref: props.href!,\n\t\t\t\t\t\ticon: props.icon,\n\t\t\t\t\t\ttype: \"link\" as const,\n\t\t\t\t\t\torder: 0,\n\t\t\t\t\t};\n\n\t\t\t\tcase \"divider\":\n\t\t\t\t\treturn { type: \"divider\" as const };\n\n\t\t\t\tdefault:\n\t\t\t\t\treturn undefined;\n\t\t\t}\n\t\t}\n\n\t\t// Convert a section to a navigation group (recursive for nested sections)\n\t\tfunction convertSection(section: any): NavigationGroup {\n\t\t\treturn {\n\t\t\t\tid: section.id,\n\t\t\t\tlabel: section.title,\n\t\t\t\ticon: section.icon,\n\t\t\t\tcollapsed: section.collapsed,\n\t\t\t\titems: (section.items ?? [])\n\t\t\t\t\t.map(convertItem)\n\t\t\t\t\t.filter((i: any): i is NavigationElement => i !== undefined),\n\t\t\t\tsections: section.sections?.map(convertSection),\n\t\t\t};\n\t\t}\n\n\t\treturn sections.map(convertSection);\n\t}, [serverConfig, storeNavigation, basePath]);\n}\n\n// ============================================================================\n// Internal Hook - Resolve props from store\n// ============================================================================\n\nfunction useSidebarProps(props: {\n\tnavigation?: NavigationGroup[];\n\tbrandName?: string;\n}): { navigation: NavigationGroup[]; brandName: string } {\n\t// Select individual values to avoid object identity issues\n\tconst storeNavigation = useAdminStore((s) => s.navigation);\n\tconst storeBrandName = useAdminStore((s) => s.brandName);\n\n\t// Try server-driven navigation\n\tconst serverNavigation = useServerNavigation();\n\n\t// If props provided, use them (props take priority)\n\tif (props.navigation !== undefined && props.brandName !== undefined) {\n\t\treturn {\n\t\t\tnavigation: props.navigation,\n\t\t\tbrandName: props.brandName,\n\t\t};\n\t}\n\n\treturn {\n\t\tnavigation: props.navigation ?? serverNavigation ?? storeNavigation ?? [],\n\t\tbrandName: props.brandName ?? storeBrandName ?? \"Admin\",\n\t};\n}\n\n// ============================================================================\n// Sub-components\n// ============================================================================\n\n/**\n * Render an icon - handles ComponentReference and React components.\n *\n * @example\n * ```tsx\n * // React component\n * <RenderIcon icon={UsersIcon} />\n *\n * // Server-defined reference\n * <RenderIcon icon={{ type: \"icon\", props: { name: \"ph:users\" } }} />\n * ```\n */\nfunction RenderIcon(props: {\n\ticon: NavigationItem[\"icon\"];\n\tclassName?: string;\n}) {\n\tconst { icon, className } = props;\n\n\tif (!icon) {\n\t\treturn null;\n\t}\n\n\tif (typeof icon === \"object\" && icon !== null && \"type\" in icon) {\n\t\treturn (\n\t\t\t<ComponentRenderer\n\t\t\t\treference={icon as any}\n\t\t\t\tadditionalProps={{ className: cn(\"size-4 shrink-0\", className) }}\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst IconComp = icon as React.ComponentType<{ className?: string }>;\n\treturn <IconComp className={cn(\"size-4 shrink-0\", className)} />;\n}\n\nfunction QuestpieSymbol({ className }: { className?: string }) {\n\treturn (\n\t\t<svg\n\t\t\twidth=\"640\"\n\t\t\theight=\"640\"\n\t\t\tviewBox=\"0 0 640 640\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tclassName={cn(\n\t\t\t\t\"size-8 shrink-0 text-[#02012B] dark:text-white\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<title>QUESTPIE</title>\n\t\t\t<path\n\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\td=\"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\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\td=\"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\"\n\t\t\t\tfill=\"#B700FF\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n\n/**\n * Check if element is a navigation item (not divider)\n */\nfunction isNavigationItem(\n\telement: NavigationElement,\n): element is NavigationItem {\n\treturn element.type !== \"divider\";\n}\n\nfunction normalizeRoute(route?: string) {\n\treturn route?.replace(/\\/+$/, \"\");\n}\n\nfunction isRouteActive(\n\tactiveRoute: string | undefined,\n\titemHref: string,\n\tbasePath: string,\n\texact = false,\n) {\n\tif (!activeRoute) {\n\t\treturn false;\n\t}\n\n\tconst normalizedActive = normalizeRoute(activeRoute);\n\tconst normalizedItem = normalizeRoute(itemHref);\n\tconst normalizedBase = normalizeRoute(basePath);\n\n\tif (!normalizedActive || !normalizedItem) {\n\t\treturn false;\n\t}\n\n\t// Exact match\n\tif (normalizedActive === normalizedItem) {\n\t\treturn true;\n\t}\n\n\t// For exact mode or base path (dashboard), don't match prefixes\n\tif (exact || normalizedItem === normalizedBase) {\n\t\treturn false;\n\t}\n\n\t// Prefix match for non-exact items\n\treturn normalizedActive.startsWith(`${normalizedItem}/`);\n}\n\n/**\n * Menu button styles - QUESTPIE design: clean, technical look\n */\nconst menuButtonStyles = cn(\n\t\"flex w-full items-center gap-2.5 px-3 py-2 text-sm font-medium transition-colors duration-150\",\n\t\"text-sidebar-foreground hover:text-sidebar-foreground hover:bg-sidebar-accent\",\n\t\"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-sidebar-ring\",\n\t\"group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-2 group-data-[collapsible=icon]:size-8\",\n);\n\nconst menuButtonActiveStyles = cn(\n\t\"bg-sidebar-primary/10 text-sidebar-primary border-l-2 border-sidebar-primary\",\n);\n\nfunction NavItem({\n\titem,\n\tisActive,\n\tLinkComponent,\n\trenderNavItem,\n\tuseActiveProps,\n\tclassName,\n}: {\n\titem: NavigationItem;\n\tisActive: boolean;\n\tLinkComponent: React.ComponentType<LinkComponentProps>;\n\trenderNavItem?: AdminSidebarProps[\"renderNavItem\"];\n\tuseActiveProps: boolean;\n\tclassName?: string;\n}) {\n\tconst { state, isMobile, setOpenMobile } = useSidebar();\n\tconst collapsed = state === \"collapsed\";\n\tconst resolveText = useResolveText();\n\n\t// Close sidebar on mobile when navigating\n\tconst handleClick = React.useCallback(() => {\n\t\tif (isMobile) {\n\t\t\tsetOpenMobile(false);\n\t\t}\n\t}, [isMobile, setOpenMobile]);\n\n\tif (renderNavItem) {\n\t\treturn <>{renderNavItem({ item, isActive, collapsed })}</>;\n\t}\n\n\tconst label = resolveText(item.label);\n\n\t// Dashboard and external links should use exact matching\n\t// Collections and globals should use prefix matching\n\tconst shouldUseExact =\n\t\titem.type === \"dashboard\" || item.type === \"link\" || item.type === \"page\";\n\n\tconst linkActiveProps = useActiveProps\n\t\t? {\n\t\t\t\tactiveProps: { className: menuButtonActiveStyles },\n\t\t\t\tactiveOptions: { exact: shouldUseExact },\n\t\t\t}\n\t\t: {};\n\n\tconst linkContent = (\n\t\t<LinkComponent\n\t\t\tto={item.href}\n\t\t\tclassName={cn(menuButtonStyles, isActive && menuButtonActiveStyles)}\n\t\t\t{...linkActiveProps}\n\t\t>\n\t\t\t{item.icon && <RenderIcon icon={item.icon} />}\n\t\t\t<span className=\"truncate group-data-[collapsible=icon]:hidden\">\n\t\t\t\t{label}\n\t\t\t</span>\n\t\t</LinkComponent>\n\t);\n\n\t// Show tooltip when collapsed (desktop only)\n\tif (collapsed && !isMobile) {\n\t\treturn (\n\t\t\t<SidebarMenuItem onClickCapture={handleClick}>\n\t\t\t\t<Tooltip>\n\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t<LinkComponent\n\t\t\t\t\t\t\t\tto={item.href}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\tmenuButtonStyles,\n\t\t\t\t\t\t\t\t\tisActive && menuButtonActiveStyles,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{...linkActiveProps}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.icon && <RenderIcon icon={item.icon} />}\n\t\t\t\t\t\t\t\t<span className=\"truncate group-data-[collapsible=icon]:hidden\">\n\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</LinkComponent>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<TooltipContent side=\"right\" align=\"center\">\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</TooltipContent>\n\t\t\t\t</Tooltip>\n\t\t\t</SidebarMenuItem>\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarMenuItem className={className} onClickCapture={handleClick}>\n\t\t\t{linkContent}\n\t\t</SidebarMenuItem>\n\t);\n}\n\nfunction NavGroup({\n\tgroup,\n\tactiveRoute,\n\tLinkComponent,\n\trenderNavItem,\n\tbasePath,\n\tuseActiveProps,\n\tdepth = 0,\n}: {\n\tgroup: NavigationGroup;\n\tactiveRoute?: string;\n\tLinkComponent: React.ComponentType<LinkComponentProps>;\n\trenderNavItem?: AdminSidebarProps[\"renderNavItem\"];\n\tbasePath: string;\n\tuseActiveProps: boolean;\n\tdepth?: number;\n}) {\n\t// Track collapsed state for sections that support it\n\tconst [isCollapsed, setIsCollapsed] = React.useState(\n\t\tgroup.collapsed ?? false,\n\t);\n\tconst resolveText = useResolveText();\n\tconst groupLabel = resolveText(group.label);\n\n\tconst items = group.items ?? [];\n\tconst sections = group.sections ?? [];\n\tconst hasContent = items.length > 0 || sections.length > 0;\n\n\treturn (\n\t\t<SidebarGroup>\n\t\t\t{/* Section header with optional icon and collapse toggle */}\n\t\t\t{groupLabel && (\n\t\t\t\t<SidebarGroupLabel\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"gap-2 px-3 mt-2\",\n\t\t\t\t\t\tgroup.collapsed !== undefined &&\n\t\t\t\t\t\t\t\"cursor-pointer hover:text-sidebar-foreground\",\n\t\t\t\t\t\tdepth > 0 && \"pl-6\",\n\t\t\t\t\t)}\n\t\t\t\t\tonClick={\n\t\t\t\t\t\tgroup.collapsed !== undefined\n\t\t\t\t\t\t\t? () => setIsCollapsed(!isCollapsed)\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{group.icon && <RenderIcon icon={group.icon} className=\"size-3.5\" />}\n\t\t\t\t\t<span className=\"flex-1 font-mono  text-left\">{groupLabel}</span>\n\t\t\t\t\t{group.collapsed !== undefined && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon=\"ph:caret-down\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"size-3.5 transition-transform\",\n\t\t\t\t\t\t\t\tisCollapsed && \"-rotate-90\",\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</SidebarGroupLabel>\n\t\t\t)}\n\n\t\t\t{/* Section content (hidden when collapsed) */}\n\t\t\t{!isCollapsed && hasContent && (\n\t\t\t\t<SidebarGroupContent className={cn(depth > 0 && \"pl-3\")}>\n\t\t\t\t\t{/* Items */}\n\t\t\t\t\t{items.length > 0 && (\n\t\t\t\t\t\t<SidebarMenu>\n\t\t\t\t\t\t\t{items.map((element, elementIndex) => {\n\t\t\t\t\t\t\t\t// Handle dividers\n\t\t\t\t\t\t\t\tif (!isNavigationItem(element)) {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<SidebarSeparator\n\t\t\t\t\t\t\t\t\t\t\tkey={`${group.id ?? groupLabel ?? \"group\"}-divider-${elementIndex}`}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"my-2\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t// Handle navigation items\n\t\t\t\t\t\t\t\t// Dashboard and links use exact matching, collections/globals use prefix\n\t\t\t\t\t\t\t\tconst shouldUseExact =\n\t\t\t\t\t\t\t\t\telement.type === \"dashboard\" ||\n\t\t\t\t\t\t\t\t\telement.type === \"link\" ||\n\t\t\t\t\t\t\t\t\telement.type === \"page\";\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<NavItem\n\t\t\t\t\t\t\t\t\t\tkey={element.id}\n\t\t\t\t\t\t\t\t\t\titem={element}\n\t\t\t\t\t\t\t\t\t\tisActive={isRouteActive(\n\t\t\t\t\t\t\t\t\t\t\tactiveRoute,\n\t\t\t\t\t\t\t\t\t\t\telement.href,\n\t\t\t\t\t\t\t\t\t\t\tbasePath,\n\t\t\t\t\t\t\t\t\t\t\tshouldUseExact,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tLinkComponent={LinkComponent}\n\t\t\t\t\t\t\t\t\t\trenderNavItem={renderNavItem}\n\t\t\t\t\t\t\t\t\t\tuseActiveProps={useActiveProps}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</SidebarMenu>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{/* Nested sections */}\n\t\t\t\t\t{sections.map((subSection) => (\n\t\t\t\t\t\t<NavGroup\n\t\t\t\t\t\t\tkey={subSection.id}\n\t\t\t\t\t\t\tgroup={subSection}\n\t\t\t\t\t\t\tactiveRoute={activeRoute}\n\t\t\t\t\t\t\tLinkComponent={LinkComponent}\n\t\t\t\t\t\t\trenderNavItem={renderNavItem}\n\t\t\t\t\t\t\tbasePath={basePath}\n\t\t\t\t\t\t\tuseActiveProps={useActiveProps}\n\t\t\t\t\t\t\tdepth={depth + 1}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</SidebarGroupContent>\n\t\t\t)}\n\t\t</SidebarGroup>\n\t);\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\n/**\n * Loading skeleton for UserFooter\n */\nfunction UserFooterSkeleton({ collapsed }: { collapsed: boolean }) {\n\treturn (\n\t\t<SidebarFooter className=\"border-t border-sidebar-border/50 p-2\">\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"flex items-center gap-2.5 p-2\",\n\t\t\t\t\tcollapsed && \"justify-center\",\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<Skeleton className=\"size-8 shrink-0\" />\n\t\t\t\t{!collapsed && (\n\t\t\t\t\t<div className=\"grid flex-1 gap-1\">\n\t\t\t\t\t\t<Skeleton className=\"h-3 w-24\" />\n\t\t\t\t\t\t<Skeleton className=\"h-2 w-32\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</SidebarFooter>\n\t);\n}\n\nfunction UserFooter() {\n\tconst { state, isMobile, setOpenMobile } = useSidebar();\n\tconst collapsed = state === \"collapsed\";\n\n\t// Get auth client and session state\n\tconst authClient = useAuthClientSafe();\n\tconst { user, isPending } = useSessionState();\n\tconst navigate = useAdminStore(selectNavigate);\n\tconst basePath = useAdminStore(selectBasePath);\n\tconst admin = useAdminStore(selectAdmin);\n\tconst {\n\t\tt,\n\t\tlocale: uiLocale,\n\t\tsetLocale: setUiLocale,\n\t\tgetLocaleName,\n\t} = useTranslation();\n\n\t// Get available locales from admin config\n\tconst localeConfig = admin.getLocale();\n\tconst uiLocales = localeConfig.supported ?? [\"en\"];\n\tconst hasMultipleUiLocales = uiLocales.length > 1;\n\tconst uiLocaleOptions = uiLocales.map((code) => ({\n\t\tcode,\n\t\tlabel: getLocaleName(code),\n\t}));\n\n\t// Close sidebar on mobile when navigating\n\tconst closeSidebarOnMobile = React.useCallback(() => {\n\t\tif (isMobile) {\n\t\t\tsetOpenMobile(false);\n\t\t}\n\t}, [isMobile, setOpenMobile]);\n\n\t// Handle logout\n\tconst handleLogout = React.useCallback(async () => {\n\t\tif (!authClient) return;\n\t\ttry {\n\t\t\tawait authClient.signOut();\n\t\t\tcloseSidebarOnMobile();\n\t\t\tnavigate(`${basePath}/login`);\n\t\t} catch (error) {\n\t\t\ttoast.error(t(\"auth.logoutFailed\"));\n\t\t}\n\t}, [authClient, navigate, basePath, closeSidebarOnMobile, t]);\n\n\t// Handle navigate to user profile\n\tconst handleMyAccount = React.useCallback(() => {\n\t\tif (user?.id) {\n\t\t\tcloseSidebarOnMobile();\n\t\t\tnavigate(`${basePath}/collections/user/${user.id}`);\n\t\t}\n\t}, [navigate, basePath, user?.id, closeSidebarOnMobile]);\n\n\t// Show skeleton while loading\n\tif (isPending) {\n\t\treturn <UserFooterSkeleton collapsed={collapsed} />;\n\t}\n\n\t// If no auth client or no user, don't show footer\n\tif (!authClient || !user) {\n\t\treturn null;\n\t}\n\n\t// Get display values\n\tconst displayName = user.name || user.email?.split(\"@\")[0] || \"User\";\n\tconst displayEmail = user.email || \"\";\n\n\treturn (\n\t\t<SidebarFooter className=\"border-t border-sidebar-border/50 p-2\">\n\t\t\t<SidebarMenu>\n\t\t\t\t{/* User Menu */}\n\t\t\t\t<SidebarMenuItem>\n\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t<DropdownMenuTrigger\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"flex w-full items-center gap-2.5 p-2 text-left transition-colors duration-150\",\n\t\t\t\t\t\t\t\t\"hover:bg-sidebar-accent text-sidebar-foreground\",\n\t\t\t\t\t\t\t\t\"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-sidebar-ring\",\n\t\t\t\t\t\t\t\tcollapsed && \"justify-center\",\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex size-8 shrink-0 items-center justify-center bg-sidebar-primary/10 text-sidebar-primary border border-sidebar-primary/20\">\n\t\t\t\t\t\t\t\t<Icon icon=\"ph:user-bold\" className=\"size-4\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{!collapsed && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div className=\"grid flex-1 text-left leading-tight\">\n\t\t\t\t\t\t\t\t\t\t<span className=\"truncate text-xs font-medium\">\n\t\t\t\t\t\t\t\t\t\t\t{displayName}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<span className=\"truncate text-[10px] text-sidebar-foreground/50\">\n\t\t\t\t\t\t\t\t\t\t\t{displayEmail}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\ticon=\"ph:caret-up-down\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"ml-auto size-3.5 text-sidebar-foreground/40\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t<DropdownMenuContent\n\t\t\t\t\t\t\tside={collapsed ? \"right\" : \"top\"}\n\t\t\t\t\t\t\talign={collapsed ? \"start\" : \"start\"}\n\t\t\t\t\t\t\tclassName=\"w-56\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"px-2 py-1.5\">\n\t\t\t\t\t\t\t\t<p className=\"text-xs font-medium\">{displayName}</p>\n\t\t\t\t\t\t\t\t<p className=\"text-[10px] text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t{displayEmail}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t{user.role && (\n\t\t\t\t\t\t\t\t\t<p className=\"text-[10px] text-muted-foreground capitalize mt-0.5\">\n\t\t\t\t\t\t\t\t\t\t{user.role}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t\t{/* My Account - link to user detail */}\n\t\t\t\t\t\t\t<DropdownMenuItem onClick={handleMyAccount}>\n\t\t\t\t\t\t\t\t<Icon icon=\"ph:user-circle\" className=\"size-4\" />\n\t\t\t\t\t\t\t\t{t(\"auth.myAccount\")}\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t{/* UI Language Switcher */}\n\t\t\t\t\t\t\t{hasMultipleUiLocales && (\n\t\t\t\t\t\t\t\t<DropdownMenuSub>\n\t\t\t\t\t\t\t\t\t<DropdownMenuSubTrigger>\n\t\t\t\t\t\t\t\t\t\t<Icon icon=\"ph:globe\" />\n\t\t\t\t\t\t\t\t\t\t{t(\"locale.uiLanguage\")}\n\t\t\t\t\t\t\t\t\t</DropdownMenuSubTrigger>\n\t\t\t\t\t\t\t\t\t<DropdownMenuPortal>\n\t\t\t\t\t\t\t\t\t\t<DropdownMenuSubContent>\n\t\t\t\t\t\t\t\t\t\t\t{uiLocaleOptions.map((locale) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={locale.code}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => setUiLocale(locale.code)}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={getFlagUrl(locale.code)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={locale.code}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"h-3 w-4 rounded-[2px] object-cover\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonError={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style.display = \"none\";\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"uppercase text-xs font-medium w-6\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{locale.code}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"flex-1\">{locale.label}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{locale.code === uiLocale && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon=\"ph:check\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"size-4 text-primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuSubContent>\n\t\t\t\t\t\t\t\t\t</DropdownMenuPortal>\n\t\t\t\t\t\t\t\t</DropdownMenuSub>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t\t<DropdownMenuItem variant=\"destructive\" onClick={handleLogout}>\n\t\t\t\t\t\t\t\t<Icon icon=\"ph:sign-out\" className=\"size-4\" />\n\t\t\t\t\t\t\t\t{t(\"auth.logout\")}\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t</SidebarMenuItem>\n\t\t\t</SidebarMenu>\n\t\t</SidebarFooter>\n\t);\n}\n\n/**\n * AdminSidebar Component\n *\n * When used inside AdminProvider, navigation and brandName are automatically\n * read from context if not provided as props.\n *\n * @example\n * ```tsx\n * // With AdminProvider (automatic)\n * <AdminProvider admin={admin} client={client}>\n *   <SidebarProvider>\n *     <AdminSidebar LinkComponent={Link} activeRoute=\"/admin/posts\" />\n *   </SidebarProvider>\n * </AdminProvider>\n *\n * // Without AdminProvider (manual)\n * <SidebarProvider>\n *   <AdminSidebar\n *     navigation={buildNavigation(admin)}\n *     LinkComponent={Link}\n *     activeRoute=\"/admin/posts\"\n *     brandName=\"My CMS\"\n *   />\n * </SidebarProvider>\n * ```\n */\nexport function AdminSidebar({\n\tnavigation: navigationProp,\n\tLinkComponent,\n\tactiveRoute,\n\tbasePath = \"/admin\",\n\tbrandName: brandNameProp,\n\tclassName,\n\trenderBrand,\n\trenderNavItem,\n\tfooter,\n\tafterBrand,\n\tbeforeFooter,\n\tuseActiveProps = true,\n}: AdminSidebarProps): React.ReactElement {\n\t// Resolve navigation and brandName from props or store\n\tconst { navigation, brandName } = useSidebarProps({\n\t\tnavigation: navigationProp,\n\t\tbrandName: brandNameProp,\n\t});\n\n\tconst { state, isMobile, setOpenMobile } = useSidebar();\n\tconst collapsed = state === \"collapsed\";\n\n\t// Close sidebar on mobile when navigating\n\tconst handleBrandClick = React.useCallback(() => {\n\t\tif (isMobile) {\n\t\t\tsetOpenMobile(false);\n\t\t}\n\t}, [isMobile, setOpenMobile]);\n\n\tconst brandContent = renderBrand ? (\n\t\trenderBrand({ name: brandName, collapsed })\n\t) : (\n\t\t<>\n\t\t\t<QuestpieSymbol />\n\t\t\t{!collapsed && (\n\t\t\t\t<div className=\"grid flex-1 text-left leading-tight\">\n\t\t\t\t\t<span className=\"truncate  font-bold tracking-tight\">\n\t\t\t\t\t\t{brandName}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n\n\tconst brandLink = (\n\t\t<LinkComponent\n\t\t\tto={basePath}\n\t\t\tclassName={cn(\n\t\t\t\t\"flex items-center gap-2.5 p-2 transition-colors duration-150\",\n\t\t\t\t\"hover:bg-sidebar-accent\",\n\t\t\t\tcollapsed && \"justify-center\",\n\t\t\t)}\n\t\t>\n\t\t\t{brandContent}\n\t\t</LinkComponent>\n\t);\n\n\treturn (\n\t\t<Sidebar collapsible=\"icon\" className={className}>\n\t\t\t{/* Brand Header */}\n\t\t\t<SidebarHeader className=\"p-2 border-b border-sidebar-border/50\">\n\t\t\t\t<SidebarMenu>\n\t\t\t\t\t<SidebarMenuItem onClickCapture={handleBrandClick}>\n\t\t\t\t\t\t{collapsed && !isMobile ? (\n\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t<LinkComponent\n\t\t\t\t\t\t\t\t\t\t\tto={basePath}\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\"flex items-center gap-2.5 p-2 transition-colors duration-150\",\n\t\t\t\t\t\t\t\t\t\t\t\t\"hover:bg-sidebar-accent\",\n\t\t\t\t\t\t\t\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{renderBrand ? (\n\t\t\t\t\t\t\t\t\t\t\t\trenderBrand({ name: brandName, collapsed: true })\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<QuestpieSymbol />\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</LinkComponent>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<TooltipContent side=\"right\">{brandName}</TooltipContent>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tbrandLink\n\t\t\t\t\t\t)}\n\t\t\t\t\t</SidebarMenuItem>\n\t\t\t\t</SidebarMenu>\n\t\t\t</SidebarHeader>\n\n\t\t\t{/* After Brand Slot - for scope pickers, etc */}\n\t\t\t{afterBrand && !collapsed && (\n\t\t\t\t<div className=\"px-3 py-2 border-b border-sidebar-border/50\">\n\t\t\t\t\t{afterBrand}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* Navigation */}\n\t\t\t<SidebarContent>\n\t\t\t\t{navigation.map((group, index) => (\n\t\t\t\t\t<NavGroup\n\t\t\t\t\t\tkey={group.id ?? `group-${index}`}\n\t\t\t\t\t\tgroup={group}\n\t\t\t\t\t\tactiveRoute={activeRoute}\n\t\t\t\t\t\tLinkComponent={LinkComponent}\n\t\t\t\t\t\trenderNavItem={renderNavItem}\n\t\t\t\t\t\tbasePath={basePath}\n\t\t\t\t\t\tuseActiveProps={useActiveProps}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</SidebarContent>\n\n\t\t\t{/* Before Footer Slot - for additional actions */}\n\t\t\t{beforeFooter && !collapsed && (\n\t\t\t\t<div className=\"px-3 py-2 border-t border-sidebar-border/50\">\n\t\t\t\t\t{beforeFooter}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* Footer */}\n\t\t\t{footer ?? <UserFooter />}\n\t\t</Sidebar>\n\t);\n}\n"],"mappings":"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"}