convex-cms 0.0.2 → 0.0.3

package/admin-dist/server/_ssr/router-DDWcF-kt.mjs

@@ -0,0 +1,1556 @@
+import { c as createRouter, a as createRootRoute, b as createFileRoute, l as lazyRouteComponent, O as Outlet, H as HeadContent, S as Scripts, u as useRouterState, L as Link, d as useNavigate } from "../_chunks/_libs/@tanstack/react-router.mjs";
+import { r as reactExports, j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
+import { c as clsx } from "../_libs/clsx.mjs";
+import { t as twMerge } from "../_libs/tailwind-merge.mjs";
+import { S as Slot } from "../_chunks/_libs/@radix-ui/react-slot.mjs";
+import { R as Root2$1, T as Trigger$1, P as Portal2, C as Content2$1, L as Label2, S as Separator2, I as Item2 } from "../_chunks/_libs/@radix-ui/react-dropdown-menu.mjs";
+import { R as Root, I as Image, F as Fallback } from "../_chunks/_libs/@radix-ui/react-avatar.mjs";
+import { c as cva } from "../_libs/class-variance-authority.mjs";
+import { R as Root2, T as Trigger, P as Portal, C as Content2 } from "../_chunks/_libs/@radix-ui/react-popover.mjs";
+import { c as createServerFn, T as TSS_SERVER_FUNCTION, g as getServerFnById } from "./index.mjs";
+import { v, c as componentsGeneric, C as ConvexReactClient, a as ConvexProvider, u as useQuery, b as anyApi } from "../_libs/convex.mjs";
+import { L as LoaderCircle, a as Layers, H as House, B as Bell, C as CircleQuestionMark, b as Book, c as Code, M as MessageSquare, E as ExternalLink, d as ChevronDown, U as User, e as LogOut, f as ChevronRight, g as CircleAlert, h as Eye, S as SquarePen, A as Archive, i as Bookmark, F as Flag, j as Heart, k as Star, P as Package, l as Phone, m as Mail, D as DollarSign, n as MapPin, o as Folder, p as Braces, q as SquareCheckBig, T as ToggleLeft, r as Hash, s as Link$1, t as Clock, u as Calendar, G as Globe, v as Lock, w as Trash2, x as Settings, y as FileCode, z as Tags, I as Image$1, J as FileText, K as LayoutDashboard } from "../_libs/lucide-react.mjs";
+import { o as object, b as boolean, s as string, _ as _enum, n as number, a as array, r as record } from "../_libs/zod.mjs";
+import "../_libs/tiny-warning.mjs";
+import "../_chunks/_libs/@tanstack/router-core.mjs";
+import "../_libs/cookie-es.mjs";
+import "../_chunks/_libs/@tanstack/store.mjs";
+import "../_chunks/_libs/@tanstack/history.mjs";
+import "../_libs/tiny-invariant.mjs";
+import "../_libs/seroval.mjs";
+import "../_libs/seroval-plugins.mjs";
+import "node:stream/web";
+import "node:stream";
+import "../_chunks/_libs/react-dom.mjs";
+import "util";
+import "crypto";
+import "async_hooks";
+import "stream";
+import "../_libs/isbot.mjs";
+import "../_chunks/_libs/@tanstack/react-store.mjs";
+import "../_libs/use-sync-external-store.mjs";
+import "../_chunks/_libs/@radix-ui/react-compose-refs.mjs";
+import "../_chunks/_libs/@radix-ui/primitive.mjs";
+import "../_chunks/_libs/@radix-ui/react-context.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-controllable-state.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-layout-effect.mjs";
+import "../_chunks/_libs/@radix-ui/react-primitive.mjs";
+import "../_chunks/_libs/@radix-ui/react-menu.mjs";
+import "../_chunks/_libs/@radix-ui/react-collection.mjs";
+import "../_chunks/_libs/@radix-ui/react-direction.mjs";
+import "../_chunks/_libs/@radix-ui/react-dismissable-layer.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-callback-ref.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-escape-keydown.mjs";
+import "../_chunks/_libs/@radix-ui/react-focus-guards.mjs";
+import "../_chunks/_libs/@radix-ui/react-focus-scope.mjs";
+import "../_chunks/_libs/@radix-ui/react-popper.mjs";
+import "../_chunks/_libs/@floating-ui/react-dom.mjs";
+import "../_chunks/_libs/@floating-ui/dom.mjs";
+import "../_chunks/_libs/@floating-ui/core.mjs";
+import "../_chunks/_libs/@floating-ui/utils.mjs";
+import "../_chunks/_libs/@radix-ui/react-arrow.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-size.mjs";
+import "../_chunks/_libs/@radix-ui/react-portal.mjs";
+import "../_chunks/_libs/@radix-ui/react-presence.mjs";
+import "../_chunks/_libs/@radix-ui/react-roving-focus.mjs";
+import "../_chunks/_libs/@radix-ui/react-id.mjs";
+import "../_libs/aria-hidden.mjs";
+import "../_libs/react-remove-scroll.mjs";
+import "../_libs/tslib.mjs";
+import "../_libs/react-remove-scroll-bar.mjs";
+import "../_libs/react-style-singleton.mjs";
+import "../_libs/get-nonce.mjs";
+import "../_libs/use-sidecar.mjs";
+import "../_libs/use-callback-ref.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-is-hydrated.mjs";
+import "node:async_hooks";
+import "../_libs/h3-v2.mjs";
+import "../_libs/rou3.mjs";
+import "../_libs/srvx.mjs";
+import "node:http";
+import "node:https";
+import "node:http2";
+const globalsCss = "/assets/globals-CS6BZ0zp.css";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+v.union(
+  v.literal("admin"),
+  v.literal("editor"),
+  v.literal("author"),
+  v.literal("viewer")
+);
+const resourceValidator = v.union(
+  v.literal("contentTypes"),
+  v.literal("contentEntries"),
+  v.literal("mediaItems"),
+  v.literal("settings")
+);
+const actionValidator = v.union(
+  v.literal("create"),
+  v.literal("read"),
+  v.literal("update"),
+  v.literal("delete"),
+  v.literal("publish"),
+  v.literal("unpublish"),
+  v.literal("restore"),
+  v.literal("manage"),
+  v.literal("move")
+);
+v.object({
+  resource: resourceValidator,
+  action: actionValidator,
+  scope: v.optional(v.union(v.literal("all"), v.literal("own")))
+});
+function fullCrud(resource, scope = "all") {
+  return [
+    { resource, action: "create", scope },
+    { resource, action: "read", scope },
+    { resource, action: "update", scope },
+    { resource, action: "delete", scope }
+  ];
+}
+function readOnly(resource, scope = "all") {
+  return [{ resource, action: "read", scope }];
+}
+function publishPermissions(scope = "all") {
+  return [
+    { resource: "contentEntries", action: "publish", scope },
+    { resource: "contentEntries", action: "unpublish", scope }
+  ];
+}
+const ADMIN_ROLE = {
+  name: "admin",
+  displayName: "Administrator",
+  description: "Full access to all CMS features including settings and content type management",
+  isSystem: true,
+  permissions: [
+    // Content types - full management
+    ...fullCrud("contentTypes"),
+    // Content entries - full CRUD + publish
+    ...fullCrud("contentEntries"),
+    ...publishPermissions(),
+    { resource: "contentEntries", action: "restore" },
+    // Media - full management
+    ...fullCrud("mediaItems"),
+    // Settings - full access
+    { resource: "settings", action: "manage" },
+    ...readOnly("settings")
+  ]
+};
+const EDITOR_ROLE = {
+  name: "editor",
+  displayName: "Editor",
+  description: "Can manage all content and media, but cannot modify settings or content types",
+  isSystem: true,
+  permissions: [
+    // Content types - read only
+    ...readOnly("contentTypes"),
+    // Content entries - full CRUD + publish
+    ...fullCrud("contentEntries"),
+    ...publishPermissions(),
+    { resource: "contentEntries", action: "restore" },
+    // Media - full management
+    ...fullCrud("mediaItems")
+  ]
+};
+const AUTHOR_ROLE = {
+  name: "author",
+  displayName: "Author",
+  description: "Can create and manage own content and media",
+  isSystem: true,
+  permissions: [
+    // Content types - read only
+    ...readOnly("contentTypes"),
+    // Content entries - own content only
+    { resource: "contentEntries", action: "create" },
+    { resource: "contentEntries", action: "read", scope: "own" },
+    { resource: "contentEntries", action: "update", scope: "own" },
+    { resource: "contentEntries", action: "delete", scope: "own" },
+    // Authors can publish/unpublish their own content
+    { resource: "contentEntries", action: "publish", scope: "own" },
+    { resource: "contentEntries", action: "unpublish", scope: "own" },
+    // Media - can create and manage own, read all (for embedding)
+    { resource: "mediaItems", action: "create" },
+    { resource: "mediaItems", action: "read", scope: "all" },
+    // Can read all for embedding
+    { resource: "mediaItems", action: "update", scope: "own" },
+    { resource: "mediaItems", action: "delete", scope: "own" }
+  ]
+};
+const VIEWER_ROLE = {
+  name: "viewer",
+  displayName: "Viewer",
+  description: "Read-only access to published content and media",
+  isSystem: true,
+  permissions: [
+    // Content types - read only
+    ...readOnly("contentTypes"),
+    // Content entries - read published only (scope: "all" means all published)
+    ...readOnly("contentEntries"),
+    // Media - read only
+    ...readOnly("mediaItems")
+  ]
+};
+const DEFAULT_ROLES = {
+  admin: ADMIN_ROLE,
+  editor: EDITOR_ROLE,
+  author: AUTHOR_ROLE,
+  viewer: VIEWER_ROLE
+};
+function permissionMatches(granted, requested) {
+  if (granted.resource !== requested.resource || granted.action !== requested.action) {
+    return false;
+  }
+  const grantedScope = granted.scope ?? "all";
+  const requestedScope = requested.scope ?? "all";
+  if (grantedScope === "all") {
+    return true;
+  }
+  return requestedScope === "own";
+}
+function hasPermission(roleName, permission, customRoles) {
+  const role = DEFAULT_ROLES[roleName] ?? customRoles?.[roleName];
+  if (!role) {
+    return false;
+  }
+  return role.permissions.some((p) => permissionMatches(p, permission));
+}
+function getRolePermissions(roleName, customRoles) {
+  const role = DEFAULT_ROLES[roleName] ?? customRoles?.[roleName];
+  return role?.permissions ?? [];
+}
+function getRole(roleName, customRoles) {
+  return DEFAULT_ROLES[roleName] ?? customRoles?.[roleName];
+}
+function getResourcePermissions(roleName, resource, customRoles) {
+  return getRolePermissions(roleName, customRoles).filter(
+    (p) => p.resource === resource
+  );
+}
+function canAccessResource(roleName, resource, customRoles) {
+  return getResourcePermissions(roleName, resource, customRoles).length > 0;
+}
+const AuthContext = reactExports.createContext(null);
+function AuthProvider({
+  children,
+  getUser,
+  getUserRole,
+  onLogout,
+  autoRedirectToLogin = false,
+  loginUrl = "/login"
+}) {
+  const [user, setUser] = reactExports.useState(null);
+  const [role, setRole] = reactExports.useState(null);
+  const [authState, setAuthState] = reactExports.useState("loading");
+  const [error, setError] = reactExports.useState(null);
+  const loadAuth = reactExports.useCallback(async () => {
+    setAuthState("loading");
+    setError(null);
+    try {
+      const currentUser = await getUser();
+      if (!currentUser) {
+        setUser(null);
+        setRole(null);
+        setAuthState("unauthenticated");
+        if (autoRedirectToLogin && typeof window !== "undefined") {
+          window.location.href = loginUrl;
+        }
+        return;
+      }
+      const userRole = await getUserRole({ userId: currentUser.id });
+      setUser(currentUser);
+      setRole(userRole);
+      setAuthState("authenticated");
+    } catch (err) {
+      console.error("Authentication error:", err);
+      setUser(null);
+      setRole(null);
+      setError(err instanceof Error ? err.message : "Authentication failed");
+      setAuthState("error");
+    }
+  }, [getUser, getUserRole, autoRedirectToLogin, loginUrl]);
+  reactExports.useEffect(() => {
+    loadAuth();
+  }, [loadAuth]);
+  const checkPermission = reactExports.useCallback(
+    (permission) => {
+      if (!role) {
+        return false;
+      }
+      return hasPermission(role, permission);
+    },
+    [role]
+  );
+  const logout = reactExports.useCallback(async () => {
+    try {
+      if (onLogout) {
+        await onLogout();
+      }
+      setUser(null);
+      setRole(null);
+      setAuthState("unauthenticated");
+      if (autoRedirectToLogin && typeof window !== "undefined") {
+        window.location.href = loginUrl;
+      }
+    } catch (err) {
+      console.error("Logout error:", err);
+      setError(err instanceof Error ? err.message : "Logout failed");
+    }
+  }, [onLogout, autoRedirectToLogin, loginUrl]);
+  const refresh = reactExports.useCallback(async () => {
+    await loadAuth();
+  }, [loadAuth]);
+  const value = {
+    user,
+    role,
+    authState,
+    isLoading: authState === "loading",
+    isAuthenticated: authState === "authenticated",
+    error,
+    checkPermission,
+    logout,
+    refresh
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(AuthContext.Provider, { value, children });
+}
+function useAuth() {
+  const context = reactExports.useContext(AuthContext);
+  if (!context) {
+    throw new Error("useAuth must be used within an AuthProvider");
+  }
+  return context;
+}
+const ThemeContext = reactExports.createContext(null);
+const STORAGE_KEY = "convex-cms-theme";
+function getSystemTheme() {
+  if (typeof window === "undefined") return "light";
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function getStoredTheme() {
+  if (typeof window === "undefined") return "system";
+  const stored = localStorage.getItem(STORAGE_KEY);
+  if (stored === "light" || stored === "dark" || stored === "system") {
+    return stored;
+  }
+  return "system";
+}
+function ThemeProvider({ children }) {
+  const [theme, setThemeState] = reactExports.useState(() => getStoredTheme());
+  const [resolvedTheme, setResolvedTheme] = reactExports.useState(() => {
+    const stored = getStoredTheme();
+    return stored === "system" ? getSystemTheme() : stored;
+  });
+  const applyTheme = reactExports.useCallback((newTheme) => {
+    const resolved = newTheme === "system" ? getSystemTheme() : newTheme;
+    setResolvedTheme(resolved);
+    const root = document.documentElement;
+    root.classList.remove("light", "dark");
+    root.classList.add(resolved);
+  }, []);
+  const setTheme = reactExports.useCallback(
+    (newTheme) => {
+      setThemeState(newTheme);
+      localStorage.setItem(STORAGE_KEY, newTheme);
+      applyTheme(newTheme);
+    },
+    [applyTheme]
+  );
+  reactExports.useEffect(() => {
+    applyTheme(theme);
+  }, [theme, applyTheme]);
+  reactExports.useEffect(() => {
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = () => {
+      if (theme === "system") {
+        applyTheme("system");
+      }
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, [theme, applyTheme]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeContext.Provider, { value: { theme, resolvedTheme, setTheme }, children });
+}
+function useTheme() {
+  const context = reactExports.useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+const navItemSchema = object({
+  id: string(),
+  path: string(),
+  label: string(),
+  icon: string(),
+  visible: boolean().default(true),
+  section: _enum(["main", "config"]).default("main"),
+  badge: string().optional(),
+  exact: boolean().optional()
+});
+const brandingSchema = object({
+  appName: string().default("Convex CMS"),
+  logo: string().optional(),
+  favicon: string().optional()
+});
+const layoutSchema = object({
+  sidebarWidth: number().min(200).max(400).default(256),
+  sidebarCollapsible: boolean().default(false)
+});
+const navigationSchema = object({
+  showDashboard: boolean().default(true),
+  showContent: boolean().default(true),
+  showMedia: boolean().default(true),
+  showTaxonomies: boolean().default(true),
+  showContentTypes: boolean().default(true),
+  showTrash: boolean().default(true),
+  showSettings: boolean().default(true),
+  customItems: array(navItemSchema).default([])
+});
+const themeSchema = object({
+  mode: _enum(["light", "dark", "system"]).default("system"),
+  allowModeSwitch: boolean().default(true),
+  tokens: record(string(), string()).optional()
+});
+const adminConfigSchema = object({
+  branding: brandingSchema.default(() => brandingSchema.parse({})),
+  layout: layoutSchema.default(() => layoutSchema.parse({})),
+  navigation: navigationSchema.default(() => navigationSchema.parse({})),
+  theme: themeSchema.default(() => themeSchema.parse({}))
+});
+const DEFAULT_NAV_ITEMS = [
+  {
+    id: "dashboard",
+    path: "/",
+    label: "Dashboard",
+    icon: "LayoutDashboard",
+    section: "main",
+    exact: true
+  },
+  { id: "content", path: "/content", label: "Content", icon: "FileText", section: "main" },
+  { id: "media", path: "/media", label: "Media", icon: "Image", section: "main" },
+  { id: "taxonomies", path: "/taxonomies", label: "Taxonomies", icon: "Tags", section: "main" },
+  {
+    id: "content-types",
+    path: "/content-types",
+    label: "Content Types",
+    icon: "Layers",
+    section: "config"
+  },
+  { id: "trash", path: "/trash", label: "Trash", icon: "Trash2", section: "config" },
+  { id: "settings", path: "/settings", label: "Settings", icon: "Settings", section: "config" }
+];
+function resolveAdminConfig(input) {
+  return adminConfigSchema.parse(input ?? {});
+}
+function getVisibleNavItems(config) {
+  const visibilityMap = {
+    dashboard: config.navigation.showDashboard,
+    content: config.navigation.showContent,
+    media: config.navigation.showMedia,
+    taxonomies: config.navigation.showTaxonomies,
+    "content-types": config.navigation.showContentTypes,
+    trash: config.navigation.showTrash,
+    settings: config.navigation.showSettings
+  };
+  const filtered = DEFAULT_NAV_ITEMS.filter((item) => visibilityMap[item.id] !== false);
+  const allItems = [...filtered, ...config.navigation.customItems.filter((i) => i.visible !== false)];
+  return {
+    main: allItems.filter((i) => i.section === "main"),
+    config: allItems.filter((i) => i.section === "config")
+  };
+}
+const AdminConfigContext = reactExports.createContext(null);
+function AdminConfigProvider({
+  config,
+  children
+}) {
+  const navItems = getVisibleNavItems(config);
+  const value = { ...config, navItems };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(AdminConfigContext.Provider, { value, children });
+}
+function useAdminConfig() {
+  const config = reactExports.useContext(AdminConfigContext);
+  if (!config) {
+    throw new Error("useAdminConfig must be used within AdminConfigProvider");
+  }
+  return config;
+}
+const api = anyApi;
+componentsGeneric();
+const SettingsConfigContext = reactExports.createContext(null);
+function SettingsConfigProvider({
+  baseConfig,
+  children
+}) {
+  const settings = useQuery(api.settings.get);
+  const mergedConfig = reactExports.useMemo(() => {
+    if (!settings) return baseConfig;
+    return {
+      ...baseConfig,
+      navigation: {
+        ...baseConfig.navigation,
+        showMedia: baseConfig.navigation.showMedia && settings.features.mediaManagement
+      }
+    };
+  }, [baseConfig, settings]);
+  const contextValue = reactExports.useMemo(
+    () => ({ baseConfig, settings }),
+    [baseConfig, settings]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsConfigContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AdminConfigProvider, { config: mergedConfig, children }) });
+}
+function useSettingsConfig() {
+  const ctx = reactExports.useContext(SettingsConfigContext);
+  if (!ctx) {
+    throw new Error("useSettingsConfig must be used within SettingsConfigProvider");
+  }
+  return ctx;
+}
+const BreadcrumbContext = reactExports.createContext(null);
+function BreadcrumbProvider({ children }) {
+  const [overrides, setOverrides] = reactExports.useState(/* @__PURE__ */ new Map());
+  const setOverride = reactExports.useCallback((path, label) => {
+    setOverrides((prev) => {
+      const next = new Map(prev);
+      next.set(path, label);
+      return next;
+    });
+  }, []);
+  const clearOverride = reactExports.useCallback((path) => {
+    setOverrides((prev) => {
+      const next = new Map(prev);
+      next.delete(path);
+      return next;
+    });
+  }, []);
+  const value = reactExports.useMemo(
+    () => ({ overrides, setOverride, clearOverride }),
+    [overrides, setOverride, clearOverride]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(BreadcrumbContext.Provider, { value, children });
+}
+function useBreadcrumbContext() {
+  const context = reactExports.useContext(BreadcrumbContext);
+  if (!context) {
+    throw new Error("useBreadcrumbContext must be used within a BreadcrumbProvider");
+  }
+  return context;
+}
+const iconRegistry = {
+  LayoutDashboard,
+  FileText,
+  Image: Image$1,
+  Layers,
+  Tags,
+  FileCode,
+  Settings,
+  Trash2,
+  HelpCircle: CircleQuestionMark,
+  Home: House,
+  User,
+  Bell,
+  Lock,
+  Globe,
+  Calendar,
+  Clock,
+  Link: Link$1,
+  Hash,
+  ToggleLeft,
+  ChevronDown,
+  CheckSquare: SquareCheckBig,
+  Braces,
+  Folder,
+  MapPin,
+  DollarSign,
+  Mail,
+  Phone,
+  Package,
+  Star,
+  Heart,
+  Flag,
+  Bookmark,
+  Archive,
+  Edit: SquarePen,
+  Eye,
+  AlertCircle: CircleAlert
+};
+function Icon({
+  name,
+  className = "size-5"
+}) {
+  const IconComponent = iconRegistry[name];
+  if (!IconComponent) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(IconComponent, { className });
+}
+function Sidebar() {
+  const routerState = useRouterState();
+  const currentPath = routerState.location.pathname;
+  const config = useAdminConfig();
+  const { navItems, branding, layout } = config;
+  const isActive = (to, exact) => {
+    if (exact) {
+      return currentPath === to;
+    }
+    return currentPath.startsWith(to);
+  };
+  const renderNavItem = (item) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Link,
+    {
+      to: item.path,
+      className: cn(
+        "flex items-center gap-3 rounded-md px-2 py-2 text-sm font-medium transition-colors",
+        isActive(item.path, item.exact) ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { name: item.icon, className: "size-5" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1", children: item.label }),
+        item.badge && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded-full bg-sidebar-primary px-2 py-0.5 text-xs text-sidebar-primary-foreground", children: item.badge })
+      ]
+    },
+    item.id
+  );
+  const sidebarWidth = layout.sidebarWidth;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "aside",
+    {
+      className: "fixed inset-y-0 left-0 z-50 flex flex-col border-r border-sidebar-border bg-sidebar",
+      style: { width: sidebarWidth },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-14 items-center gap-2 border-b border-sidebar-border px-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/", className: "flex items-center gap-2 font-semibold text-sidebar-foreground", children: [
+          branding.logo ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: branding.logo, alt: branding.appName, className: "size-8" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Layers, { className: "size-4" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-base", children: branding.appName })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { className: "flex-1 space-y-6 overflow-y-auto p-4", children: [
+          navItems.main.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-2 text-xs font-medium uppercase tracking-wider text-sidebar-foreground/60", children: "Main" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1 pt-2", children: navItems.main.map(renderNavItem) })
+          ] }),
+          navItems.config.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "px-2 text-xs font-medium uppercase tracking-wider text-sidebar-foreground/60", children: "Configuration" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1 pt-2", children: navItems.config.map(renderNavItem) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-sidebar-border p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between text-xs text-sidebar-foreground/60", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Version" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: "0.1.0" })
+        ] }) })
+      ]
+    }
+  );
+}
+function Breadcrumb({ ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Comp,
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("hover:text-foreground transition-colors", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("text-foreground font-normal", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, {})
+    }
+  );
+}
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Root2$1, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Trigger$1,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal2, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Content2$1,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Item2,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Label2,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Separator2,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function Avatar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Root,
+    {
+      "data-slot": "avatar",
+      className: cn(
+        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "bg-muted flex size-full items-center justify-center rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Root2, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Content2,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+const KEYBOARD_SHORTCUTS = [
+  { keys: ["⌘", "S"], description: "Save entry" },
+  { keys: ["⌘", "⇧", "P"], description: "Publish entry" },
+  { keys: ["⌘", "K"], description: "Quick search" },
+  { keys: ["Esc"], description: "Close modal/panel" }
+];
+const HELP_RESOURCES = [
+  { label: "Documentation", url: "https://docs.convex.dev", icon: Book },
+  { label: "API Reference", url: "https://docs.convex.dev/api", icon: Code },
+  { label: "Community Discord", url: "https://discord.gg/convex", icon: MessageSquare }
+];
+const routeLabels = {
+  "/": "Dashboard",
+  "/content": "Content",
+  "/media": "Media Library",
+  "/content-types": "Content Types",
+  "/settings": "Settings",
+  "/taxonomies": "Taxonomies",
+  "/trash": "Trash",
+  "/entries": "Entries",
+  "/entries/type": "Content Types",
+  "/entries/new": "New Entry"
+};
+function getBreadcrumbs(pathname, appName, overrides) {
+  const breadcrumbs = [{ label: appName, to: "/" }];
+  if (pathname === "/") {
+    return breadcrumbs;
+  }
+  const segments = pathname.split("/").filter(Boolean);
+  let currentPath = "";
+  segments.forEach((segment, index) => {
+    currentPath += `/${segment}`;
+    const isLast = index === segments.length - 1;
+    let label = overrides.get(currentPath) ?? routeLabels[currentPath];
+    if (!label) {
+      label = segment.charAt(0).toUpperCase() + segment.slice(1).replace(/-/g, " ");
+    }
+    if (isLast) {
+      breadcrumbs.push({ label });
+    } else {
+      breadcrumbs.push({ label, to: currentPath });
+    }
+  });
+  return breadcrumbs;
+}
+function Header() {
+  const routerState = useRouterState();
+  const navigate = useNavigate();
+  const { branding } = useAdminConfig();
+  let overrides = /* @__PURE__ */ new Map();
+  try {
+    const breadcrumbContext = useBreadcrumbContext();
+    overrides = breadcrumbContext.overrides;
+  } catch {
+  }
+  const breadcrumbs = getBreadcrumbs(routerState.location.pathname, branding.appName, overrides);
+  let user = null;
+  let role = null;
+  let logout = async () => {
+  };
+  let isAuthenticated = false;
+  try {
+    const auth = useAuth();
+    user = auth.user;
+    role = auth.role;
+    logout = auth.logout;
+    isAuthenticated = auth.isAuthenticated;
+  } catch {
+  }
+  const roleDefinition = role ? getRole(role) : null;
+  const roleDisplayName = roleDefinition?.displayName ?? role ?? "No Role";
+  const userDisplayName = user?.name ?? user?.email ?? "User";
+  const getInitials = (name) => {
+    const parts = name.split(" ");
+    if (parts.length >= 2) {
+      return `${parts[0][0]}${parts[1][0]}`.toUpperCase();
+    }
+    return name.slice(0, 2).toUpperCase();
+  };
+  const userInitials = user?.name ? getInitials(user.name) : "U";
+  const handleLogout = async () => {
+    await logout();
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: "sticky top-0 z-40 flex h-14 items-center justify-between border-b border-border bg-background/95 px-6 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(BreadcrumbList, { children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [
+      index > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(BreadcrumbSeparator, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(BreadcrumbItem, { children: crumb.to ? /* @__PURE__ */ jsxRuntimeExports.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: crumb.to, className: "flex items-center gap-1.5", children: [
+        index === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(House, { className: "size-3.5" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: crumb.label })
+      ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(BreadcrumbPage, { children: crumb.label }) })
+    ] }, index)) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "ghost", size: "icon", className: "size-9", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Bell, { className: "size-4" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Notifications" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(PopoverContent, { align: "end", className: "w-80", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-between pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "font-medium", children: "Notifications" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Bell, { className: "size-8 text-muted-foreground/50" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-sm font-medium", children: "No notifications yet" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "You're all caught up!" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "ghost", size: "icon", className: "size-9", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CircleQuestionMark, { className: "size-4" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Help" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(PopoverContent, { align: "end", className: "w-72", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "font-medium", children: "Help & Resources" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h5", { className: "mb-2 text-xs font-medium text-muted-foreground", children: "Keyboard Shortcuts" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1", children: KEYBOARD_SHORTCUTS.map((shortcut, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground", children: shortcut.description }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-0.5", children: shortcut.keys.map((key, keyIndex) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "kbd",
+                  {
+                    className: "rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-xs",
+                    children: key
+                  },
+                  keyIndex
+                )) })
+              ] }, index)) })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h5", { className: "mb-2 text-xs font-medium text-muted-foreground", children: "Resources" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1", children: HELP_RESOURCES.map((resource) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "a",
+                {
+                  href: resource.url,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "flex items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-accent",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(resource.icon, { className: "size-4 text-muted-foreground" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1", children: resource.label }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-3 text-muted-foreground" })
+                  ]
+                },
+                resource.label
+              )) })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "ghost", className: "h-9 gap-2 pl-2 pr-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Avatar, { className: "size-6", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(AvatarImage, { src: user?.avatarUrl, alt: userDisplayName }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(AvatarFallback, { className: "text-xs", children: userInitials })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium", children: userDisplayName }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3.5 text-muted-foreground" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuContent, { align: "end", className: "w-56", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuLabel, { className: "font-normal", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col space-y-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium", children: userDisplayName }),
+            user?.email && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: user.email }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: roleDisplayName })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onClick: () => navigate({ to: "/settings" }), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(User, { className: "mr-2 size-4" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Profile & Settings" })
+          ] }),
+          isAuthenticated && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onClick: handleLogout, className: "text-destructive focus:text-destructive", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LogOut, { className: "mr-2 size-4" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Logout" })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function AdminLayout({ children }) {
+  const { layout } = useAdminConfig();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-h-screen bg-background", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Sidebar, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col", style: { marginLeft: layout.sidebarWidth }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Header, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("main", { className: "flex-1 overflow-auto p-6", children })
+    ] })
+  ] });
+}
+function DefaultLoading() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "route-guard route-guard--loading bg-background flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "h-8 w-8 animate-spin text-muted-foreground" }) });
+}
+function DefaultUnauthenticated() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "route-guard route-guard--unauthenticated", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "route-guard-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "48",
+        height: "48",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { children: "Authentication Required" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Please log in to access the admin panel." })
+  ] });
+}
+function DefaultUnauthorized({
+  requiredRole,
+  requiredPermission
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "route-guard route-guard--unauthorized", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "route-guard-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "48",
+        height: "48",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "4.93", y1: "4.93", x2: "19.07", y2: "19.07" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { children: "Access Denied" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "You don't have permission to access this page." }),
+    requiredRole && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "route-guard-detail", children: [
+      "Required role: ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: requiredRole })
+    ] }),
+    requiredPermission && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "route-guard-detail", children: [
+      "Required permission:",
+      " ",
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("strong", { children: [
+        requiredPermission.action,
+        " on ",
+        requiredPermission.resource
+      ] })
+    ] })
+  ] });
+}
+function DefaultError({ error }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "route-guard route-guard--error", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "route-guard-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "48",
+        height: "48",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { children: "Authentication Error" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: error })
+  ] });
+}
+function RouteGuard({
+  children,
+  requiredPermission,
+  requiredRole,
+  loadingComponent,
+  unauthenticatedComponent,
+  unauthorizedComponent,
+  onUnauthenticated,
+  onUnauthorized
+}) {
+  const { authState, role, checkPermission, error } = useAuth();
+  if (authState === "loading") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: loadingComponent ?? /* @__PURE__ */ jsxRuntimeExports.jsx(DefaultLoading, {}) });
+  }
+  if (authState === "error") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(DefaultError, { error: error ?? "An error occurred" });
+  }
+  if (authState === "unauthenticated") {
+    onUnauthenticated?.();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: unauthenticatedComponent ?? /* @__PURE__ */ jsxRuntimeExports.jsx(DefaultUnauthenticated, {}) });
+  }
+  if (!role) {
+    onUnauthorized?.();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: unauthorizedComponent ?? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      DefaultUnauthorized,
+      {
+        requiredRole,
+        requiredPermission
+      }
+    ) });
+  }
+  if (requiredRole && role !== requiredRole) {
+    onUnauthorized?.();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: unauthorizedComponent ?? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      DefaultUnauthorized,
+      {
+        requiredRole,
+        requiredPermission
+      }
+    ) });
+  }
+  if (requiredPermission && !checkPermission(requiredPermission)) {
+    onUnauthorized?.();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: unauthorizedComponent ?? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      DefaultUnauthorized,
+      {
+        requiredRole,
+        requiredPermission
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children });
+}
+const createSsrRpc = (functionId, importer) => {
+  const url = "/_serverFn/" + functionId;
+  const serverFnMeta = { id: functionId };
+  const fn = async (...args) => {
+    const serverFn = await getServerFnById(functionId);
+    return serverFn(...args);
+  };
+  return Object.assign(fn, {
+    url,
+    serverFnMeta,
+    [TSS_SERVER_FUNCTION]: true
+  });
+};
+const getServerConfig = createServerFn({
+  method: "GET"
+}).handler(createSsrRpc("dff4e5b7f7b29b6a323200a2df0a5335d739cf583e83c9e514598af6b5ade819"));
+const mockGetUser = () => {
+  return {
+    id: "mock_user_123",
+    name: "Demo Admin",
+    email: "admin@example.com"
+  };
+};
+const mockGetUserRole = () => {
+  return "admin";
+};
+const mockLogout = () => {
+  console.log("Logout called (mock mode)");
+};
+const noAuthGetUser = () => null;
+const noAuthGetUserRole = () => null;
+const noAuthLogout = () => {
+};
+function getAuthConfig(authMode) {
+  switch (authMode) {
+    case "mock":
+    case "demo":
+      return {
+        getUser: mockGetUser,
+        getUserRole: mockGetUserRole,
+        onLogout: mockLogout
+      };
+    case "none":
+    case "disabled":
+      return {
+        getUser: noAuthGetUser,
+        getUserRole: noAuthGetUserRole,
+        onLogout: noAuthLogout
+      };
+    default:
+      return {
+        getUser: mockGetUser,
+        getUserRole: mockGetUserRole,
+        onLogout: mockLogout
+      };
+  }
+}
+const Route$a = createRootRoute({
+  head: () => ({
+    meta: [
+      {
+        charSet: "utf-8"
+      },
+      {
+        name: "viewport",
+        content: "width=device-width, initial-scale=1"
+      },
+      {
+        title: "Convex CMS Admin"
+      },
+      {
+        name: "description",
+        content: "Admin interface for Convex CMS - manage content, media, and publishing workflows"
+      }
+    ],
+    links: [
+      { rel: "stylesheet", href: globalsCss },
+      { rel: "icon", href: "/favicon.ico" }
+    ]
+  }),
+  // Load server config at route initialization
+  loader: async () => {
+    const config = await getServerConfig();
+    return { config };
+  },
+  component: RootComponent
+});
+function RootComponent() {
+  const { config } = Route$a.useLoaderData();
+  const authConfig = reactExports.useMemo(() => getAuthConfig(config.authMode), [config.authMode]);
+  const adminConfig = reactExports.useMemo(
+    () => resolveAdminConfig(config.adminConfig),
+    [config.adminConfig]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(RootDocument, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(BreadcrumbProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConvexProviderWrapper, { config, adminConfig, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    AuthProvider,
+    {
+      getUser: authConfig.getUser,
+      getUserRole: authConfig.getUserRole,
+      onLogout: authConfig.onLogout,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(RouteGuard, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(AdminLayout, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {}) }) })
+    }
+  ) }) }) }) });
+}
+function ConvexProviderWrapper({
+  children,
+  config,
+  adminConfig
+}) {
+  const convex = reactExports.useMemo(() => {
+    if (!config.convexUrl) return null;
+    return new ConvexReactClient(config.convexUrl);
+  }, [config.convexUrl]);
+  if (!convex) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-screen items-center justify-center bg-background p-6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-lg space-y-4 rounded-lg border border-amber-200 bg-amber-50 p-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-xl font-semibold text-amber-900", children: "Convex Configuration Required" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-amber-800", children: "Please provide a Convex deployment URL to connect to your backend." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 text-left text-sm text-amber-700", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-medium", children: "Options:" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "list-inside list-disc space-y-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+            "Run with URL:",
+            " ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-amber-100 px-1", children: "npx convex-cms admin --url YOUR_URL" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+            "Set environment variable:",
+            " ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-amber-100 px-1", children: "CONVEX_URL=YOUR_URL" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+            "Add to",
+            " ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-amber-100 px-1", children: ".env.local" }),
+            ":",
+            " ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-amber-100 px-1", children: "CONVEX_URL=YOUR_URL" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-amber-700", children: [
+        "Run",
+        " ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-amber-100 px-1", children: "npx convex dev" }),
+        " to start Convex and get your URL."
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ConvexProvider, { client: convex, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsConfigProvider, { baseConfig: adminConfig, children }) });
+}
+function RootDocument({ children }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("html", { lang: "en", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("head", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(HeadContent, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("body", { children: [
+      children,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Scripts, {})
+    ] })
+  ] });
+}
+const $$splitComponentImporter$9 = () => import("./trash-DYMxwhZB.mjs");
+const Route$9 = createFileRoute("/trash")({
+  component: lazyRouteComponent($$splitComponentImporter$9, "component")
+});
+const $$splitComponentImporter$8 = () => import("./taxonomies-C8j8g5Q5.mjs");
+const Route$8 = createFileRoute("/taxonomies")({
+  component: lazyRouteComponent($$splitComponentImporter$8, "component")
+});
+const $$splitComponentImporter$7 = () => import("./settings-DAsxnw2q.mjs");
+const Route$7 = createFileRoute("/settings")({
+  component: lazyRouteComponent($$splitComponentImporter$7, "component")
+});
+const $$splitComponentImporter$6 = () => import("./media-CSx3XttC.mjs");
+const Route$6 = createFileRoute("/media")({
+  component: lazyRouteComponent($$splitComponentImporter$6, "component")
+});
+const $$splitComponentImporter$5 = () => import("./content-types-BIOqCQYN.mjs");
+const Route$5 = createFileRoute("/content-types")({
+  component: lazyRouteComponent($$splitComponentImporter$5, "component")
+});
+const $$splitComponentImporter$4 = () => import("./content-B5RhL7uW.mjs");
+const Route$4 = createFileRoute("/content")({
+  component: lazyRouteComponent($$splitComponentImporter$4, "component")
+});
+const $$splitComponentImporter$3 = () => import("./index-DHSHDPt1.mjs");
+const Route$3 = createFileRoute("/")({
+  component: lazyRouteComponent($$splitComponentImporter$3, "component")
+});
+const $$splitComponentImporter$2 = () => import("./_entryId-CRfnqeDf.mjs");
+const Route$2 = createFileRoute("/entries/$entryId")({
+  component: lazyRouteComponent($$splitComponentImporter$2, "component")
+});
+const $$splitComponentImporter$1 = () => import("./_contentTypeId-BqYKEcLr.mjs");
+const Route$1 = createFileRoute("/entries/type/$contentTypeId")({
+  component: lazyRouteComponent($$splitComponentImporter$1, "component")
+});
+const $$splitComponentImporter = () => import("./new._contentTypeId-DzanEZQM.mjs");
+const Route = createFileRoute("/entries/new/$contentTypeId")({
+  component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+const TrashRoute = Route$9.update({
+  id: "/trash",
+  path: "/trash",
+  getParentRoute: () => Route$a
+});
+const TaxonomiesRoute = Route$8.update({
+  id: "/taxonomies",
+  path: "/taxonomies",
+  getParentRoute: () => Route$a
+});
+const SettingsRoute = Route$7.update({
+  id: "/settings",
+  path: "/settings",
+  getParentRoute: () => Route$a
+});
+const MediaRoute = Route$6.update({
+  id: "/media",
+  path: "/media",
+  getParentRoute: () => Route$a
+});
+const ContentTypesRoute = Route$5.update({
+  id: "/content-types",
+  path: "/content-types",
+  getParentRoute: () => Route$a
+});
+const ContentRoute = Route$4.update({
+  id: "/content",
+  path: "/content",
+  getParentRoute: () => Route$a
+});
+const IndexRoute = Route$3.update({
+  id: "/",
+  path: "/",
+  getParentRoute: () => Route$a
+});
+const EntriesEntryIdRoute = Route$2.update({
+  id: "/entries/$entryId",
+  path: "/entries/$entryId",
+  getParentRoute: () => Route$a
+});
+const EntriesTypeContentTypeIdRoute = Route$1.update({
+  id: "/entries/type/$contentTypeId",
+  path: "/entries/type/$contentTypeId",
+  getParentRoute: () => Route$a
+});
+const EntriesNewContentTypeIdRoute = Route.update({
+  id: "/entries/new/$contentTypeId",
+  path: "/entries/new/$contentTypeId",
+  getParentRoute: () => Route$a
+});
+const rootRouteChildren = {
+  IndexRoute,
+  ContentRoute,
+  ContentTypesRoute,
+  MediaRoute,
+  SettingsRoute,
+  TaxonomiesRoute,
+  TrashRoute,
+  EntriesEntryIdRoute,
+  EntriesNewContentTypeIdRoute,
+  EntriesTypeContentTypeIdRoute
+};
+const routeTree = Route$a._addFileChildren(rootRouteChildren)._addFileTypes();
+function getRouter() {
+  const router2 = createRouter({
+    routeTree,
+    scrollRestoration: true,
+    defaultPreload: "intent"
+  });
+  return router2;
+}
+const router = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getRouter
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Button as B,
+  DropdownMenu as D,
+  Popover as P,
+  RouteGuard as R,
+  api as a,
+  useTheme as b,
+  cn as c,
+  DropdownMenuTrigger as d,
+  DropdownMenuContent as e,
+  DropdownMenuItem as f,
+  DropdownMenuSeparator as g,
+  Route$2 as h,
+  Route$1 as i,
+  PopoverTrigger as j,
+  PopoverContent as k,
+  useAuth as l,
+  getResourcePermissions as m,
+  canAccessResource as n,
+  hasPermission as o,
+  Route as p,
+  buttonVariants as q,
+  useBreadcrumbContext as r,
+  router as s,
+  useSettingsConfig as u
+};