convex-cms 0.0.6 → 0.0.7

package/admin-dist/server/_ssr/router-vd1nySeP.mjs

@@ -0,0 +1,3041 @@
+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 { R as Root$1, C as CollapsibleTrigger$1, a as CollapsibleContent$1 } from "../_chunks/_libs/@radix-ui/react-collapsible.mjs";
+import { R as Root$3, C as Content, a as Close, T as Title, D as Description, P as Portal$2, O as Overlay } from "../_chunks/_libs/@radix-ui/react-dialog.mjs";
+import { S as Slot } from "../_chunks/_libs/@radix-ui/react-slot.mjs";
+import { c as cva } from "../_libs/class-variance-authority.mjs";
+import { R as Root$2 } from "../_chunks/_libs/@radix-ui/react-label.mjs";
+import { C as Checkbox$1, a as CheckboxIndicator } from "../_chunks/_libs/@radix-ui/react-checkbox.mjs";
+import { R as Root2$2, T as Trigger$2, I as Icon$1, V as Value, P as Portal$1, C as Content2$2, a as Viewport, b as Item, c as ItemIndicator, d as ItemText, S as ScrollUpButton, e as ScrollDownButton } from "../_chunks/_libs/@radix-ui/react-select.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 { 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, b as anyApi, u as useQuery, d as useMutation } 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 CodeXml, P as Plus, g as ChevronUp, X, h as ChevronRight, i as Check, j as CircleAlert, k as Eye, S as SquarePen, A as Archive, l as Bookmark, F as Flag, m as Heart, n as Star, o as Package, p as Phone, q as Mail, D as DollarSign, r as MapPin, s as Folder, t as Braces, u as SquareCheckBig, T as ToggleLeft, v as Hash, w as Link$1, x as Clock, y as Calendar, G as Globe, z as Lock, I as Trash2, J as Settings, K as FileCode, N as Tags, O as Image$1, Q as FileText, R as LayoutDashboard, V as FolderOpen, W as Tag, Y as List, Z as Link2, _ as FileType, $ as TextAlignStart, a0 as TriangleAlert } 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 "../_chunks/_libs/@tanstack/store.mjs";
+import "../_chunks/_libs/@tanstack/history.mjs";
+import "../_libs/tiny-invariant.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/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-compose-refs.mjs";
+import "../_chunks/_libs/@radix-ui/react-primitive.mjs";
+import "../_chunks/_libs/@radix-ui/react-presence.mjs";
+import "../_chunks/_libs/@radix-ui/react-id.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-scope.mjs";
+import "../_chunks/_libs/@radix-ui/react-portal.mjs";
+import "../_chunks/_libs/@radix-ui/react-focus-guards.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 "../_libs/aria-hidden.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-previous.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-size.mjs";
+import "../_chunks/_libs/@radix-ui/number.mjs";
+import "../_chunks/_libs/@radix-ui/react-collection.mjs";
+import "../_chunks/_libs/@radix-ui/react-direction.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-visually-hidden.mjs";
+import "../_chunks/_libs/@radix-ui/react-menu.mjs";
+import "../_chunks/_libs/@radix-ui/react-roving-focus.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-is-hydrated.mjs";
+import "node:async_hooks";
+const globalsCss = "/assets/globals-CoCRjt0K.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,
+  api: api$1
+}) {
+  const resolvedApi = api$1 ?? api.admin;
+  const settings = useQuery(resolvedApi.getSettings);
+  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 });
+}
+const Collapsible = Root$1;
+const CollapsibleTrigger = CollapsibleTrigger$1;
+const CollapsibleContent = CollapsibleContent$1;
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Root$3, { "data-slot": "dialog", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$2, { "data-slot": "dialog-portal", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(X, {}),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-muted-foreground text-sm", 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
+    }
+  );
+}
+const motion = {
+  fast: "duration-100 ease-out"
+};
+const variantMap = {
+  primary: "default",
+  secondary: "secondary",
+  danger: "destructive",
+  ghost: "ghost",
+  outline: "outline",
+  link: "link",
+  success: "default",
+  warning: "default"
+};
+const customVariantClasses = {
+  success: "bg-success text-success-foreground hover:bg-success/90 focus-visible:ring-success",
+  warning: "bg-warning text-warning-foreground hover:bg-warning/90 focus-visible:ring-warning"
+};
+const LoadingSpinner = () => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  "svg",
+  {
+    className: "size-4 animate-spin",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "circle",
+        {
+          className: "opacity-25",
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: "currentColor",
+          strokeWidth: "4"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          className: "opacity-75",
+          fill: "currentColor",
+          d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+        }
+      )
+    ]
+  }
+);
+function CmsButton({
+  variant = "primary",
+  loading,
+  disabled,
+  children,
+  className,
+  asChild,
+  ...props
+}) {
+  const mappedVariant = variantMap[variant];
+  const customClass = customVariantClasses[variant];
+  if (asChild) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        variant: mappedVariant,
+        disabled: disabled || loading,
+        className: cn(motion.fast, customClass, className),
+        asChild: true,
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Button,
+    {
+      variant: mappedVariant,
+      disabled: disabled || loading,
+      className: cn(motion.fast, customClass, className),
+      ...props,
+      children: [
+        loading && /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingSpinner, {}),
+        children
+      ]
+    }
+  );
+}
+const sizeClasses = {
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  xl: "max-w-xl",
+  "2xl": "max-w-2xl"
+};
+function CmsDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+  footer,
+  size = "md",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    DialogContent,
+    {
+      className: cn(
+        "flex max-h-[85vh] flex-col overflow-hidden",
+        sizeClasses[size],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { className: "shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: title }),
+          description && /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: description })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "min-h-0 flex-1 overflow-y-auto py-4 [&::-webkit-scrollbar]:hidden",
+            style: { scrollbarWidth: "none", msOverflowStyle: "none" },
+            children
+          }
+        ),
+        footer && /* @__PURE__ */ jsxRuntimeExports.jsx(DialogFooter, { className: "shrink-0 border-t pt-4", children: footer })
+      ]
+    }
+  ) });
+}
+function CmsConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  onConfirm,
+  onCancel,
+  variant = "default",
+  loading,
+  isLoading,
+  error
+}) {
+  const isLoadingState = loading ?? isLoading ?? false;
+  const handleCancel = () => {
+    onCancel?.();
+    onOpenChange(false);
+  };
+  const handleConfirm = () => {
+    onConfirm();
+  };
+  const getButtonVariant = () => {
+    if (variant === "danger") return "danger";
+    if (variant === "warning") return "warning";
+    return "primary";
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    CmsDialog,
+    {
+      open,
+      onOpenChange,
+      title,
+      size: "sm",
+      footer: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", onClick: handleCancel, disabled: isLoadingState, children: cancelLabel }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: getButtonVariant(),
+            onClick: handleConfirm,
+            loading: isLoadingState,
+            children: confirmLabel
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: description }),
+        error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-destructive", children: error })
+      ] })
+    }
+  );
+}
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "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",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Root$2,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Checkbox$1,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CheckboxIndicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Root2$2, { "data-slot": "select", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Trigger$2,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Content2$2,
+    {
+      "data-slot": "select-content",
+      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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            "data-slot": "select-item-indicator",
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ItemIndicator, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4" }) })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronUp, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" })
+    }
+  );
+}
+function BreakingChangesWarningDialog({
+  isOpen,
+  onClose,
+  breakingChanges,
+  onForceUpdate,
+  onCancel,
+  isLoading
+}) {
+  const handleCancel = () => {
+    onCancel();
+    onClose();
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    CmsDialog,
+    {
+      open: isOpen,
+      onOpenChange: (open) => !open && !isLoading && handleCancel(),
+      title: "Breaking Changes Detected",
+      size: "lg",
+      footer: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", onClick: handleCancel, disabled: isLoading, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "danger", onClick: onForceUpdate, loading: isLoading, children: "Force Update" })
+      ] }),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "diff-modified flex items-start gap-3 rounded-lg border p-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "mt-0.5 size-5 shrink-0 text-diff-modified" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium text-diff-modified", children: "These changes may affect existing content" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-diff-modified-foreground", children: "The following changes could cause data loss or validation errors for existing entries. Review carefully before proceeding." })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm font-medium text-foreground", children: [
+            breakingChanges.length,
+            " breaking change",
+            breakingChanges.length !== 1 ? "s" : "",
+            " detected:"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "space-y-2", children: breakingChanges.map((change, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "li",
+            {
+              className: "flex items-start gap-2 rounded-md border bg-muted/30 px-3 py-2 text-sm",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mt-0.5 size-1.5 shrink-0 rounded-full bg-warning" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground", children: change })
+              ]
+            },
+            index
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: 'Click "Force Update" to apply these changes anyway, or "Cancel" to go back and modify your changes.' })
+      ] })
+    }
+  );
+}
+const FIELD_TYPE_INFO = {
+  text: {
+    label: "Text",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TextAlignStart, { className: "size-4" }),
+    description: "Single line text input"
+  },
+  richText: {
+    label: "Rich Text",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FileType, { className: "size-4" }),
+    description: "Multi-line formatted text"
+  },
+  number: {
+    label: "Number",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Hash, { className: "size-4" }),
+    description: "Numeric value"
+  },
+  boolean: {
+    label: "Boolean",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleLeft, { className: "size-4" }),
+    description: "True/false toggle"
+  },
+  date: {
+    label: "Date",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar, { className: "size-4" }),
+    description: "Date picker"
+  },
+  datetime: {
+    label: "Date & Time",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar, { className: "size-4" }),
+    description: "Date and time picker"
+  },
+  reference: {
+    label: "Reference",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Link2, { className: "size-4" }),
+    description: "Link to another content entry"
+  },
+  media: {
+    label: "Media",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Image$1, { className: "size-4" }),
+    description: "Image, video, or file"
+  },
+  json: {
+    label: "JSON",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Braces, { className: "size-4" }),
+    description: "Custom JSON data"
+  },
+  select: {
+    label: "Select",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" }),
+    description: "Dropdown selection"
+  },
+  multiSelect: {
+    label: "Multi-Select",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(List, { className: "size-4" }),
+    description: "Multiple selections"
+  },
+  tags: {
+    label: "Tags",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { className: "size-4" }),
+    description: "Free-form tag list"
+  },
+  category: {
+    label: "Category",
+    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-4" }),
+    description: "Taxonomy category selection"
+  }
+};
+function generateMachineName(displayName) {
+  return displayName.toLowerCase().trim().replace(/[^a-z0-9\s]/g, "").replace(/\s+/g, "_").replace(/^[0-9]/, "_$&").slice(0, 64);
+}
+function isValidMachineName(name) {
+  return /^[a-z][a-z0-9_]{0,63}$/.test(name);
+}
+function ContentTypeFormModal({
+  isOpen,
+  onClose,
+  onCreated,
+  onUpdated,
+  contentType
+}) {
+  const isEditing = !!contentType;
+  const isCodeDefined = contentType?.source === "code";
+  const isReadOnly = isCodeDefined;
+  const [displayName, setDisplayName] = reactExports.useState("");
+  const [machineName, setMachineName] = reactExports.useState("");
+  const [machineNameManuallyEdited, setMachineNameManuallyEdited] = reactExports.useState(
+    false
+  );
+  const [description, setDescription] = reactExports.useState("");
+  const [singleton, setSingleton] = reactExports.useState(false);
+  const [fields, setFields] = reactExports.useState([
+    { name: "title", label: "Title", type: "text", required: true }
+  ]);
+  const [titleField, setTitleField] = reactExports.useState("title");
+  const [slugField, setSlugField] = reactExports.useState("title");
+  const [isSubmitting, setIsSubmitting] = reactExports.useState(false);
+  const [submitError, setSubmitError] = reactExports.useState(null);
+  const [activeFieldIndex, setActiveFieldIndex] = reactExports.useState(null);
+  const [showFieldEditor, setShowFieldEditor] = reactExports.useState(false);
+  const [breakingChanges, setBreakingChanges] = reactExports.useState([]);
+  const [showBreakingWarning, setShowBreakingWarning] = reactExports.useState(false);
+  const [isForceUpdating, setIsForceUpdating] = reactExports.useState(false);
+  const createContentType = useMutation(api.admin.createContentType);
+  const updateContentType = useMutation(api.admin.updateContentType);
+  reactExports.useEffect(() => {
+    if (contentType && isOpen) {
+      setDisplayName(contentType.displayName);
+      setMachineName(contentType.name);
+      setMachineNameManuallyEdited(true);
+      setDescription(contentType.description || "");
+      setSingleton(contentType.singleton || false);
+      setFields(contentType.fields);
+      setTitleField(contentType.titleField || "");
+      setSlugField(contentType.slugField || "");
+    }
+  }, [contentType, isOpen]);
+  const resetForm = reactExports.useCallback(() => {
+    setDisplayName("");
+    setMachineName("");
+    setMachineNameManuallyEdited(false);
+    setDescription("");
+    setSingleton(false);
+    setFields([
+      { name: "title", label: "Title", type: "text", required: true }
+    ]);
+    setTitleField("title");
+    setSlugField("title");
+    setIsSubmitting(false);
+    setSubmitError(null);
+    setActiveFieldIndex(null);
+    setShowFieldEditor(false);
+    setBreakingChanges([]);
+    setShowBreakingWarning(false);
+    setIsForceUpdating(false);
+  }, []);
+  const handleDisplayNameChange = reactExports.useCallback(
+    (value) => {
+      setDisplayName(value);
+      if (!machineNameManuallyEdited) {
+        setMachineName(generateMachineName(value));
+      }
+    },
+    [machineNameManuallyEdited]
+  );
+  const handleMachineNameChange = reactExports.useCallback((value) => {
+    setMachineNameManuallyEdited(true);
+    setMachineName(value.toLowerCase().replace(/[^a-z0-9_]/g, ""));
+  }, []);
+  const addField = reactExports.useCallback(() => {
+    const newFieldName = `field_${fields.length + 1}`;
+    setFields((prev) => [
+      ...prev,
+      {
+        name: newFieldName,
+        label: `Field ${prev.length + 1}`,
+        type: "text",
+        required: false
+      }
+    ]);
+    setActiveFieldIndex(fields.length);
+    setShowFieldEditor(true);
+  }, [fields.length]);
+  const removeField = reactExports.useCallback(
+    (index) => {
+      const fieldToRemove = fields[index];
+      setFields((prev) => prev.filter((_, i) => i !== index));
+      if (titleField === fieldToRemove.name) {
+        const firstTextField = fields.find(
+          (f, i) => i !== index && f.type === "text"
+        );
+        setTitleField(firstTextField?.name || "");
+      }
+      if (slugField === fieldToRemove.name) {
+        const firstTextField = fields.find(
+          (f, i) => i !== index && f.type === "text"
+        );
+        setSlugField(firstTextField?.name || "");
+      }
+      if (activeFieldIndex === index) {
+        setActiveFieldIndex(null);
+        setShowFieldEditor(false);
+      } else if (activeFieldIndex !== null && activeFieldIndex > index) {
+        setActiveFieldIndex(activeFieldIndex - 1);
+      }
+    },
+    [fields, activeFieldIndex, titleField, slugField]
+  );
+  const updateField = reactExports.useCallback(
+    (index, updates) => {
+      setFields(
+        (prev) => prev.map(
+          (field, i) => i === index ? { ...field, ...updates } : field
+        )
+      );
+    },
+    []
+  );
+  const moveField = reactExports.useCallback((fromIndex, toIndex) => {
+    setFields((prev) => {
+      const newFields = [...prev];
+      const [movedField] = newFields.splice(fromIndex, 1);
+      newFields.splice(toIndex, 0, movedField);
+      return newFields;
+    });
+    setActiveFieldIndex(toIndex);
+  }, []);
+  const validationErrors = reactExports.useMemo(() => {
+    const errors = [];
+    if (!displayName.trim()) {
+      errors.push("Display name is required");
+    }
+    if (!machineName.trim()) {
+      errors.push("System Name is required");
+    } else if (!isValidMachineName(machineName)) {
+      errors.push(
+        "System Name must start with a letter and contain only lowercase letters, numbers, and underscores"
+      );
+    }
+    if (fields.length === 0) {
+      errors.push("At least one field is required");
+    }
+    const fieldNames = fields.map((f) => f.name);
+    const duplicates = fieldNames.filter(
+      (name, index) => fieldNames.indexOf(name) !== index
+    );
+    if (duplicates.length > 0) {
+      errors.push(
+        `Duplicate field names: ${[...new Set(duplicates)].join(", ")}`
+      );
+    }
+    for (const field of fields) {
+      if (!field.name.trim()) {
+        errors.push(`Field "${field.label}" has an empty name`);
+      } else if (!/^[a-z][a-z0-9_]{0,63}$/.test(field.name)) {
+        errors.push(`Field "${field.name}" has an invalid name format`);
+      }
+      if (!field.label.trim()) {
+        errors.push(`Field with name "${field.name}" has an empty label`);
+      }
+      if ((field.type === "select" || field.type === "multiSelect") && (!field.options?.options || field.options.options.length === 0)) {
+        errors.push(
+          `${field.type} field "${field.label}" requires at least one option`
+        );
+      }
+    }
+    return errors;
+  }, [displayName, machineName, fields]);
+  const textFields = reactExports.useMemo(() => fields.filter((f) => f.type === "text"), [
+    fields
+  ]);
+  const parseBreakingChanges = (errorMessage) => {
+    const lines = errorMessage.split("\n");
+    return lines.filter((line) => line.trim().startsWith("-")).map((line) => line.trim().substring(2));
+  };
+  const handleSubmit = reactExports.useCallback(
+    async (e, force = false) => {
+      e.preventDefault();
+      if (validationErrors.length > 0) {
+        setSubmitError(validationErrors.join(". "));
+        return;
+      }
+      setIsSubmitting(true);
+      setSubmitError(null);
+      try {
+        if (isEditing && contentType) {
+          const result = await updateContentType({
+            id: contentType._id,
+            displayName: displayName.trim(),
+            description: description.trim() || void 0,
+            fields,
+            singleton,
+            titleField: titleField || void 0,
+            slugField: slugField || void 0,
+            force
+          });
+          onUpdated?.(result);
+          resetForm();
+          onClose();
+        } else {
+          const result = await createContentType({
+            name: machineName,
+            displayName: displayName.trim(),
+            description: description.trim() || void 0,
+            fields,
+            singleton,
+            titleField: titleField || void 0,
+            slugField: slugField || void 0
+          });
+          onCreated?.(result);
+          resetForm();
+          onClose();
+        }
+      } catch (error) {
+        const message = error instanceof Error ? error.message : isEditing ? "Failed to update content type" : "Failed to create content type";
+        if (isEditing && !force && message.includes("breaking change")) {
+          const changes = parseBreakingChanges(message);
+          setBreakingChanges(changes);
+          setShowBreakingWarning(true);
+        } else {
+          setSubmitError(message);
+        }
+      } finally {
+        setIsSubmitting(false);
+      }
+    },
+    [
+      validationErrors,
+      isEditing,
+      contentType,
+      createContentType,
+      updateContentType,
+      machineName,
+      displayName,
+      description,
+      fields,
+      singleton,
+      titleField,
+      slugField,
+      onCreated,
+      onUpdated,
+      resetForm,
+      onClose
+    ]
+  );
+  const handleForceUpdate = reactExports.useCallback(async () => {
+    setIsForceUpdating(true);
+    try {
+      if (contentType) {
+        const result = await updateContentType({
+          id: contentType._id,
+          displayName: displayName.trim(),
+          description: description.trim() || void 0,
+          fields,
+          singleton,
+          titleField: titleField || void 0,
+          slugField: slugField || void 0,
+          force: true
+        });
+        onUpdated?.(result);
+        resetForm();
+        setShowBreakingWarning(false);
+        onClose();
+      }
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to update content type";
+      setSubmitError(message);
+      setShowBreakingWarning(false);
+    } finally {
+      setIsForceUpdating(false);
+    }
+  }, [
+    contentType,
+    updateContentType,
+    displayName,
+    description,
+    fields,
+    singleton,
+    titleField,
+    slugField,
+    onUpdated,
+    resetForm,
+    onClose
+  ]);
+  const handleClose = reactExports.useCallback(() => {
+    if (isSubmitting) return;
+    resetForm();
+    onClose();
+  }, [isSubmitting, resetForm, onClose]);
+  if (!isOpen) return null;
+  const activeField = activeFieldIndex !== null ? fields[activeFieldIndex] : null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsDialog,
+      {
+        open: isOpen,
+        onOpenChange: (open) => !open && handleClose(),
+        title: isCodeDefined ? "View Content Type" : isEditing ? "Edit Content Type" : "Create Content Type",
+        size: "2xl",
+        footer: isReadOnly ? /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", onClick: handleClose, children: "Close" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CmsButton,
+            {
+              variant: "outline",
+              onClick: handleClose,
+              disabled: isSubmitting,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CmsButton,
+            {
+              variant: "primary",
+              onClick: handleSubmit,
+              disabled: validationErrors.length > 0,
+              loading: isSubmitting,
+              "data-testid": isEditing ? "update-content-type-submit" : "create-content-type-submit",
+              children: isEditing ? "Save Changes" : "Create Content Type"
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
+          isCodeDefined && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-violet-200 bg-violet-50 p-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CodeXml, { className: "mt-0.5 size-5 shrink-0 text-violet-600" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium text-violet-900", children: "Managed by Code" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-violet-700", children: "This content type is defined in your codebase and cannot be edited through the admin interface. To make changes, update the definition in your code." })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-sm font-semibold text-foreground", children: "Basic Information" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { htmlFor: "displayName", children: [
+                "Display Name ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  id: "displayName",
+                  value: displayName,
+                  onChange: (e) => handleDisplayNameChange(e.target.value),
+                  placeholder: "e.g., Blog Post",
+                  disabled: isSubmitting || isReadOnly,
+                  autoFocus: !isReadOnly,
+                  "data-testid": "display-name-input"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { htmlFor: "machineName", children: [
+                "System Name ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Input,
+                {
+                  id: "machineName",
+                  value: machineName,
+                  onChange: (e) => handleMachineNameChange(e.target.value),
+                  placeholder: "e.g., blog_post",
+                  disabled: isSubmitting || isEditing || isReadOnly,
+                  className: cn(
+                    !isValidMachineName(machineName) && machineName && "border-destructive"
+                  ),
+                  "data-testid": "machine-name-input"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: isEditing ? "System name cannot be changed after creation" : "Lowercase letters, numbers, and underscores only. Used in API queries." })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "description", children: "Description" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Textarea,
+                {
+                  id: "description",
+                  value: description,
+                  onChange: (e) => setDescription(e.target.value),
+                  placeholder: "Optional description of this content type",
+                  disabled: isSubmitting || isReadOnly,
+                  rows: 2
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Checkbox,
+                {
+                  id: "singleton",
+                  checked: singleton,
+                  onCheckedChange: (checked) => setSingleton(checked),
+                  disabled: isSubmitting || isReadOnly
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "singleton", className: "cursor-pointer", children: "Singleton (only one entry allowed)" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-sm font-semibold text-foreground", children: "Fields" }),
+              !isReadOnly && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                CmsButton,
+                {
+                  type: "button",
+                  variant: "secondary",
+                  size: "sm",
+                  onClick: addField,
+                  disabled: isSubmitting,
+                  "data-testid": "add-field-button",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-3.5" }),
+                    "Add Field"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2", children: fields.map((field, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex items-center gap-2 rounded-lg border p-2 transition-colors",
+                  !isReadOnly && "cursor-pointer hover:bg-muted/50",
+                  activeFieldIndex === index && "border-primary bg-primary/5"
+                ),
+                onClick: () => {
+                  if (!isReadOnly) {
+                    setActiveFieldIndex(index);
+                    setShowFieldEditor(true);
+                  }
+                },
+                "data-testid": `field-item-${index}`,
+                children: [
+                  !isReadOnly && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-0.5", children: [
+                    index > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          moveField(index, index - 1);
+                        },
+                        className: "rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground",
+                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronUp, { className: "size-3" })
+                      }
+                    ),
+                    index < fields.length - 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          moveField(index, index + 1);
+                        },
+                        className: "rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground",
+                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3" })
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-8 items-center justify-center rounded bg-muted text-muted-foreground", children: FIELD_TYPE_INFO[field.type].icon }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "truncate text-sm font-medium", children: field.label }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                      FIELD_TYPE_INFO[field.type].label,
+                      field.required && " *"
+                    ] })
+                  ] }),
+                  !isReadOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        removeField(index);
+                      },
+                      disabled: isSubmitting || fields.length === 1,
+                      className: "rounded p-1 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive disabled:opacity-50",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4" })
+                    }
+                  )
+                ]
+              },
+              index
+            )) }),
+            !isReadOnly && showFieldEditor && activeField && activeFieldIndex !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "div",
+              {
+                className: "rounded-lg border bg-muted/30 p-4",
+                "data-testid": "field-editor",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-4 flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("h5", { className: "font-medium", children: [
+                      "Edit Field: ",
+                      activeField.label
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          setShowFieldEditor(false);
+                          setActiveFieldIndex(null);
+                        },
+                        className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
+                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4" })
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { htmlFor: "fieldLabel", children: [
+                        "Label ",
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Input,
+                        {
+                          id: "fieldLabel",
+                          value: activeField.label,
+                          onChange: (e) => updateField(activeFieldIndex, {
+                            label: e.target.value,
+                            name: machineNameManuallyEdited ? activeField.name : generateMachineName(e.target.value) || activeField.name
+                          }),
+                          disabled: isSubmitting,
+                          "data-testid": "field-label-input"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { htmlFor: "fieldName", children: [
+                        "Name ",
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Input,
+                        {
+                          id: "fieldName",
+                          value: activeField.name,
+                          onChange: (e) => updateField(activeFieldIndex, {
+                            name: e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, "")
+                          }),
+                          disabled: isSubmitting,
+                          "data-testid": "field-name-input"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { htmlFor: "fieldType", children: [
+                        "Type ",
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                        Select,
+                        {
+                          value: activeField.type,
+                          onValueChange: (value) => updateField(activeFieldIndex, {
+                            type: value,
+                            options: void 0
+                          }),
+                          disabled: isSubmitting,
+                          children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { "data-testid": "field-type-select", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: Object.entries(FIELD_TYPE_INFO).map(([type, info]) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: type, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                              info.icon,
+                              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: info.label }),
+                              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground", children: [
+                                "- ",
+                                info.description
+                              ] })
+                            ] }) }, type)) })
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Checkbox,
+                        {
+                          id: "fieldRequired",
+                          checked: activeField.required,
+                          onCheckedChange: (checked) => updateField(activeFieldIndex, {
+                            required: checked
+                          }),
+                          disabled: isSubmitting
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "fieldRequired", className: "cursor-pointer", children: "Required" })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "fieldDescription", children: "Help Text" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Input,
+                        {
+                          id: "fieldDescription",
+                          value: activeField.description || "",
+                          onChange: (e) => updateField(activeFieldIndex, {
+                            description: e.target.value || void 0
+                          }),
+                          placeholder: "Help text shown below the field",
+                          disabled: isSubmitting
+                        }
+                      )
+                    ] }),
+                    (activeField.type === "select" || activeField.type === "multiSelect") && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      SelectOptionsEditor,
+                      {
+                        options: activeField.options?.options || [],
+                        onChange: (options) => updateField(activeFieldIndex, {
+                          options: { ...activeField.options, options }
+                        }),
+                        disabled: isSubmitting
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          textFields.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: "text-sm font-semibold text-foreground", children: "Display Settings" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "titleField", children: "Title Field" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                Select,
+                {
+                  value: titleField || "none",
+                  onValueChange: (v2) => setTitleField(v2 === "none" ? "" : v2),
+                  disabled: isSubmitting,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "None" }) }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "none", children: "None" }),
+                      textFields.map((field) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: field.name, children: field.label }, field.name))
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Field to display as the entry title in lists" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "slugField", children: "Slug Field" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                Select,
+                {
+                  value: slugField || "none",
+                  onValueChange: (v2) => setSlugField(v2 === "none" ? "" : v2),
+                  disabled: isSubmitting,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "None (auto-generate)" }) }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "none", children: "None (auto-generate)" }),
+                      textFields.map((field) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: field.name, children: field.label }, field.name))
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Field to use for generating URL-friendly slugs" })
+            ] })
+          ] }),
+          submitError && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: "diff-removed rounded-lg border px-3 py-2 text-sm",
+              role: "alert",
+              "data-testid": "submit-error",
+              children: submitError
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      BreakingChangesWarningDialog,
+      {
+        isOpen: showBreakingWarning,
+        onClose: () => setShowBreakingWarning(false),
+        breakingChanges,
+        onForceUpdate: handleForceUpdate,
+        onCancel: () => {
+          setShowBreakingWarning(false);
+          setBreakingChanges([]);
+        },
+        isLoading: isForceUpdating
+      }
+    )
+  ] });
+}
+function SelectOptionsEditor({
+  options,
+  onChange,
+  disabled
+}) {
+  const addOption = () => {
+    onChange([
+      ...options,
+      { value: `option_${options.length + 1}`, label: "" }
+    ]);
+  };
+  const removeOption = (index) => {
+    onChange(options.filter((_, i) => i !== index));
+  };
+  const updateOption = (index, updates) => {
+    onChange(
+      options.map((opt, i) => i === index ? { ...opt, ...updates } : opt)
+    );
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { children: [
+      "Options ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2", children: options.map((option, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Input,
+        {
+          value: option.label,
+          onChange: (e) => {
+            const label = e.target.value;
+            const value = label.toLowerCase().replace(/[^a-z0-9]/g, "_").replace(/^_+|_+$/g, "");
+            updateOption(index, { label, value });
+          },
+          placeholder: "Option label",
+          disabled,
+          className: "flex-1"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Input,
+        {
+          value: option.value,
+          onChange: (e) => updateOption(index, {
+            value: e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, "")
+          }),
+          placeholder: "value",
+          disabled,
+          className: "w-32"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => removeOption(index),
+          disabled,
+          className: "rounded p-1 text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-4" })
+        }
+      )
+    ] }, index)) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      CmsButton,
+      {
+        type: "button",
+        variant: "secondary",
+        size: "sm",
+        onClick: addOption,
+        disabled,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-3.5" }),
+          "Add Option"
+        ]
+      }
+    )
+  ] });
+}
+function Sidebar() {
+  const routerState = useRouterState();
+  const currentPath = routerState.location.pathname;
+  const config = useAdminConfig();
+  const { navItems, branding, layout } = config;
+  const [isCreateModalOpen, setIsCreateModalOpen] = reactExports.useState(false);
+  const contentTypesResult = useQuery(api.admin.listContentTypes, {
+    isActive: true
+  });
+  const contentTypes = contentTypesResult?.page ?? [];
+  const isActive = (to, exact) => {
+    if (exact) {
+      return currentPath === to;
+    }
+    return currentPath.startsWith(to);
+  };
+  const isContentActive = currentPath === "/content" || currentPath.startsWith("/entries/type/") || currentPath.startsWith("/entries/new/") || currentPath.startsWith("/entries/");
+  const renderNavItem = (item) => {
+    if (item.id === "content") {
+      return renderContentMenu(item);
+    }
+    return /* @__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 renderContentMenu = (item) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Collapsible, { defaultOpen: isContentActive, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      CollapsibleTrigger,
+      {
+        className: cn(
+          "flex w-full items-center gap-3 rounded-md px-2 py-2 text-sm font-medium transition-colors",
+          isContentActive ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
+          "group"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { name: item.icon, className: "size-5" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 text-left", children: item.label }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 transition-transform duration-200 group-data-[state=open]:rotate-180" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-5 mt-1 space-y-1 border-l border-sidebar-border pl-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Link,
+        {
+          to: "/content",
+          className: cn(
+            "flex items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors",
+            currentPath === "/content" ? "bg-sidebar-accent/60 text-sidebar-accent-foreground" : "text-sidebar-foreground/80 hover:bg-sidebar-accent/30 hover:text-sidebar-accent-foreground"
+          ),
+          children: "All Entries"
+        }
+      ),
+      contentTypes.map((type) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Link,
+        {
+          to: "/entries/type/$contentTypeId",
+          params: { contentTypeId: type._id },
+          className: cn(
+            "flex items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors",
+            currentPath === `/entries/type/${type._id}` ? "bg-sidebar-accent/60 text-sidebar-accent-foreground" : "text-sidebar-foreground/80 hover:bg-sidebar-accent/30 hover:text-sidebar-accent-foreground"
+          ),
+          children: type.displayName
+        },
+        type._id
+      )),
+      contentTypes.length === 0 && contentTypesResult !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setIsCreateModalOpen(true),
+          className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm text-sidebar-foreground/60 hover:bg-sidebar-accent/30 hover:text-sidebar-accent-foreground",
+          children: "+ Create content type"
+        }
+      )
+    ] }) })
+  ] }, item.id);
+  const sidebarWidth = layout.sidebarWidth;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__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" })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ContentTypeFormModal,
+      {
+        isOpen: isCreateModalOpen,
+        onClose: () => setIsCreateModalOpen(false)
+      }
+    )
+  ] });
+}
+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
+    }
+  );
+}
+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: "/" }];
+  const decodedPathname = decodeURIComponent(pathname);
+  if (decodedPathname === "/") {
+    return breadcrumbs;
+  }
+  const segments = decodedPathname.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: "diff-modified max-w-lg space-y-4 rounded-lg border p-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-xl font-semibold text-diff-modified", children: "Convex Configuration Required" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-diff-modified-foreground", 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-diff-modified-foreground", 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-diff-modified-bg/50 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-diff-modified-bg/50 px-1", children: "CONVEX_URL=YOUR_URL" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+            "Add to",
+            " ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-diff-modified-bg/50 px-1", children: ".env.local" }),
+            ":",
+            " ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-diff-modified-bg/50 px-1", children: "CONVEX_URL=YOUR_URL" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-diff-modified-foreground", children: [
+        "Run",
+        " ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-diff-modified-bg/50 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-zdlZgpTo.mjs");
+const Route$9 = createFileRoute("/trash")({
+  component: lazyRouteComponent($$splitComponentImporter$9, "component")
+});
+const $$splitComponentImporter$8 = () => import("./taxonomies-B8nqce6u.mjs");
+const Route$8 = createFileRoute("/taxonomies")({
+  component: lazyRouteComponent($$splitComponentImporter$8, "component")
+});
+const $$splitComponentImporter$7 = () => import("./settings-DlTO2JSj.mjs");
+const Route$7 = createFileRoute("/settings")({
+  component: lazyRouteComponent($$splitComponentImporter$7, "component")
+});
+const $$splitComponentImporter$6 = () => import("./media-CbzgTRRQ.mjs");
+const Route$6 = createFileRoute("/media")({
+  component: lazyRouteComponent($$splitComponentImporter$6, "component")
+});
+const $$splitComponentImporter$5 = () => import("./content-types-DCzrBhTH.mjs");
+const Route$5 = createFileRoute("/content-types")({
+  component: lazyRouteComponent($$splitComponentImporter$5, "component")
+});
+const $$splitComponentImporter$4 = () => import("./content-BHX39L4D.mjs");
+const Route$4 = createFileRoute("/content")({
+  component: lazyRouteComponent($$splitComponentImporter$4, "component")
+});
+const $$splitComponentImporter$3 = () => import("./index-DwM_5VNP.mjs");
+const Route$3 = createFileRoute("/")({
+  component: lazyRouteComponent($$splitComponentImporter$3, "component")
+});
+const $$splitComponentImporter$2 = () => import("./_entryId-9GxatOkL.mjs");
+const Route$2 = createFileRoute("/entries/$entryId")({
+  component: lazyRouteComponent($$splitComponentImporter$2, "component")
+});
+const $$splitComponentImporter$1 = () => import("./_contentTypeId-CiDiX-p7.mjs");
+const Route$1 = createFileRoute("/entries/type/$contentTypeId")({
+  component: lazyRouteComponent($$splitComponentImporter$1, "component")
+});
+const $$splitComponentImporter = () => import("./new._contentTypeId-6Ph-Gtlw.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 {
+  useAuth as A,
+  Button as B,
+  CmsButton as C,
+  Dialog as D,
+  getResourcePermissions as E,
+  canAccessResource as F,
+  hasPermission as G,
+  Route as H,
+  Input as I,
+  buttonVariants as J,
+  useBreadcrumbContext as K,
+  Label as L,
+  router as M,
+  Popover as P,
+  RouteGuard as R,
+  Select as S,
+  Textarea as T,
+  SelectTrigger as a,
+  SelectValue as b,
+  SelectContent as c,
+  SelectItem as d,
+  Checkbox as e,
+  cn as f,
+  CmsConfirmDialog as g,
+  api as h,
+  CmsDialog as i,
+  useTheme as j,
+  DialogContent as k,
+  DialogTitle as l,
+  DropdownMenu as m,
+  DropdownMenuTrigger as n,
+  DropdownMenuContent as o,
+  DropdownMenuItem as p,
+  DropdownMenuSeparator as q,
+  DialogHeader as r,
+  DialogFooter as s,
+  useSettingsConfig as t,
+  useAdminConfig as u,
+  ContentTypeFormModal as v,
+  Route$2 as w,
+  Route$1 as x,
+  PopoverTrigger as y,
+  PopoverContent as z
+};