convex-cms 0.0.6 → 0.0.7-alpha.0

package/admin-dist/server/_ssr/{content-ZFWVzO25.mjs → content-DrODe6sA.mjs}

@@ -1,24 +1,20 @@
 import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
-import { a as api, D as DropdownMenu, d as DropdownMenuTrigger, e as DropdownMenuContent, f as DropdownMenuItem, c as cn } from "./router-x6Ab8T4s.mjs";
-import { u as usePermissions } from "./usePermissions-zAQj-ruE.mjs";
-import { I as Input, C as CmsEmptyState, a as Checkbox, c as CmsDialog } from "./CmsEmptyState-CuvcXr3Z.mjs";
-import { C as CmsButton, B as Badge } from "./CmsButton-DbzfJru_.mjs";
-import { C as CmsPageHeader } from "./CmsPageHeader-ClNPU7Up.mjs";
-import { C as CmsToolbar } from "./CmsToolbar-BKv1nL6u.mjs";
-import { C as CmsStatusBadge } from "./CmsStatusBadge-CojMbrY7.mjs";
-import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from "./select-CrfEkFJw.mjs";
-import { u as useTanStackNavigation } from "./tanstack-adapter-D3ZcKtbY.mjs";
+import { h as api, m as DropdownMenu, n as DropdownMenuTrigger, C as CmsButton, o as DropdownMenuContent, p as DropdownMenuItem, I as Input, S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem, e as Checkbox, f as cn, i as CmsDialog } from "./router-CaDgRHfQ.mjs";
+import { u as usePermissions } from "./usePermissions-D0qtvmNi.mjs";
+import { B as Badge } from "./badge-Cp61aQNc.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-BcniLh49.mjs";
+import { C as CmsToolbar } from "./CmsToolbar-Dqqb216_.mjs";
+import { C as CmsEmptyState } from "./CmsEmptyState-DYh_PPQE.mjs";
+import { C as CmsStatusBadge } from "./CmsStatusBadge-BShWDxwE.mjs";
+import { u as useTanStackNavigation } from "./tanstack-adapter-DNaUioIZ.mjs";
 import { u as useQuery, d as useMutation } from "../_libs/convex.mjs";
-import { Q as Plus, d as ChevronDown, N as Search, J as FileText, X, ak as CircleCheckBig, O as TriangleAlert } from "../_libs/lucide-react.mjs";
+import { P as Plus, d as ChevronDown, a1 as Search, Q as FileText, X, al as CircleCheckBig, a0 as TriangleAlert } from "../_libs/lucide-react.mjs";
 import "../_chunks/_libs/@tanstack/react-router.mjs";
 import "../_libs/tiny-warning.mjs";
 import "../_chunks/_libs/@tanstack/router-core.mjs";
-import "../_libs/cookie-es.mjs";
 import "../_chunks/_libs/@tanstack/store.mjs";
 import "../_chunks/_libs/@tanstack/history.mjs";
 import "../_libs/tiny-invariant.mjs";
-import "../_libs/seroval.mjs";
-import "../_libs/seroval-plugins.mjs";
 import "node:stream/web";
 import "node:stream";
 import "../_chunks/_libs/react-dom.mjs";
@@ -41,25 +37,13 @@ import "../_chunks/_libs/@radix-ui/react-primitive.mjs";
 import "../_chunks/_libs/@radix-ui/react-slot.mjs";
 import "../_chunks/_libs/@radix-ui/react-presence.mjs";
 import "../_chunks/_libs/@radix-ui/react-id.mjs";
-import "../_chunks/_libs/@radix-ui/react-dropdown-menu.mjs";
-import "../_chunks/_libs/@radix-ui/react-menu.mjs";
-import "../_chunks/_libs/@radix-ui/react-collection.mjs";
-import "../_chunks/_libs/@radix-ui/react-direction.mjs";
+import "../_chunks/_libs/@radix-ui/react-dialog.mjs";
 import "../_chunks/_libs/@radix-ui/react-dismissable-layer.mjs";
 import "../_chunks/_libs/@radix-ui/react-use-callback-ref.mjs";
 import "../_chunks/_libs/@radix-ui/react-use-escape-keydown.mjs";
-import "../_chunks/_libs/@radix-ui/react-focus-guards.mjs";
 import "../_chunks/_libs/@radix-ui/react-focus-scope.mjs";
-import "../_chunks/_libs/@radix-ui/react-popper.mjs";
-import "../_chunks/_libs/@floating-ui/react-dom.mjs";
-import "../_chunks/_libs/@floating-ui/dom.mjs";
-import "../_chunks/_libs/@floating-ui/core.mjs";
-import "../_chunks/_libs/@floating-ui/utils.mjs";
-import "../_chunks/_libs/@radix-ui/react-arrow.mjs";
-import "../_chunks/_libs/@radix-ui/react-use-size.mjs";
 import "../_chunks/_libs/@radix-ui/react-portal.mjs";
-import "../_chunks/_libs/@radix-ui/react-roving-focus.mjs";
-import "../_libs/aria-hidden.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";
@@ -67,25 +51,32 @@ import "../_libs/react-style-singleton.mjs";
 import "../_libs/get-nonce.mjs";
 import "../_libs/use-sidecar.mjs";
 import "../_libs/use-callback-ref.mjs";
-import "../_chunks/_libs/@radix-ui/react-avatar.mjs";
-import "../_chunks/_libs/@radix-ui/react-use-is-hydrated.mjs";
+import "../_libs/aria-hidden.mjs";
 import "../_libs/class-variance-authority.mjs";
-import "../_chunks/_libs/@radix-ui/react-popover.mjs";
-import "./index.mjs";
-import "node:async_hooks";
-import "../_libs/h3-v2.mjs";
-import "../_libs/rou3.mjs";
-import "../_libs/srvx.mjs";
-import "node:http";
-import "node:https";
-import "node:http2";
-import "../_libs/zod.mjs";
-import "../_chunks/_libs/@radix-ui/react-dialog.mjs";
+import "../_chunks/_libs/@radix-ui/react-label.mjs";
 import "../_chunks/_libs/@radix-ui/react-checkbox.mjs";
 import "../_chunks/_libs/@radix-ui/react-use-previous.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-size.mjs";
 import "../_chunks/_libs/@radix-ui/react-select.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-dropdown-menu.mjs";
+import "../_chunks/_libs/@radix-ui/react-menu.mjs";
+import "../_chunks/_libs/@radix-ui/react-roving-focus.mjs";
+import "../_chunks/_libs/@radix-ui/react-avatar.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-is-hydrated.mjs";
+import "../_chunks/_libs/@radix-ui/react-popover.mjs";
+import "./index.mjs";
+import "node:async_hooks";
+import "../_libs/zod.mjs";
 const ACTION_CONFIG = {
   publish: {
     title: "Publish Items",
@@ -379,7 +370,7 @@ function ContentPage({ api: api2, navigation }) {
   const contentTypes = contentTypesResult?.page ?? [];
   const isLoadingContentTypes = contentTypesResult === void 0;
   const entriesResult = useQuery(api2.listEntries, {
-    contentTypeId: selectedTypeId || void 0,
+    contentTypeName: selectedTypeId || void 0,
     status: selectedStatus || void 0,
     search: searchQuery.trim() || void 0,
     paginationOpts: { numItems: 50, cursor: null }
@@ -390,12 +381,12 @@ function ContentPage({ api: api2, navigation }) {
   const handleCreateEntry = (contentTypeId) => {
     navigation.navigateToNewEntry(contentTypeId);
   };
-  const getContentTypeName = (contentTypeId) => {
-    const type = contentTypes.find((t) => t._id === contentTypeId);
-    return type?.displayName ?? "Unknown";
+  const getContentTypeDisplayName = (contentTypeName) => {
+    const type = contentTypes.find((t) => t.name === contentTypeName);
+    return type?.displayName ?? contentTypeName;
   };
-  const getEntryTitle = (entry, contentTypeId) => {
-    const type = contentTypes.find((t) => t._id === contentTypeId);
+  const getEntryTitle = (entry, contentTypeName) => {
+    const type = contentTypes.find((t) => t.name === contentTypeName);
     const titleField = type?.titleField ?? "title";
     const title = entry.data[titleField];
     return typeof title === "string" && title ? title : "Untitled";
@@ -562,7 +553,7 @@ function ContentPage({ api: api2, navigation }) {
               {
                 checked: selectedIds.has(entry._id),
                 onCheckedChange: (checked) => handleSelectItem(entry._id, checked),
-                "aria-label": `Select ${getEntryTitle(entry, entry.contentTypeId)}`
+                "aria-label": `Select ${getEntryTitle(entry, entry.contentTypeName)}`
               }
             ) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -572,12 +563,12 @@ function ContentPage({ api: api2, navigation }) {
                 onClick: () => navigation.navigateToEntry(entry._id),
                 className: "block text-left",
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-foreground hover:text-primary", children: getEntryTitle(entry, entry.contentTypeId) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-foreground hover:text-primary", children: getEntryTitle(entry, entry.contentTypeName) }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block text-xs text-muted-foreground", children: entry.slug })
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3 text-sm text-muted-foreground", children: getContentTypeName(entry.contentTypeId) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3 text-sm text-muted-foreground", children: getContentTypeDisplayName(entry.contentTypeName) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CmsStatusBadge, { status: entry.status }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3 text-sm text-muted-foreground", children: formatDate(entry._creationTime) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(

package/admin-dist/server/_ssr/content-types-BPgMwxiT.mjs

@@ -0,0 +1,459 @@
+import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
+import { h as api, f as cn, C as CmsButton, I as Input, e as Checkbox, v as ContentTypeFormModal } from "./router-CaDgRHfQ.mjs";
+import { B as Badge } from "./badge-Cp61aQNc.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-BcniLh49.mjs";
+import { C as CmsToolbar } from "./CmsToolbar-Dqqb216_.mjs";
+import { C as CmsEmptyState } from "./CmsEmptyState-DYh_PPQE.mjs";
+import { u as useTanStackNavigation } from "./tanstack-adapter-DNaUioIZ.mjs";
+import { u as useQuery } from "../_libs/convex.mjs";
+import { ak as Grid3x3, Y as List, P as Plus, a1 as Search, _ as FileType, f as CodeXml, k as Eye, a3 as Pencil, $ as TextAlignStart, V as FolderOpen, W as Tag, d as ChevronDown, t as Braces, O as Image, Z as Link2, y as Calendar, T as ToggleLeft, v as Hash } from "../_libs/lucide-react.mjs";
+import "../_chunks/_libs/@tanstack/react-router.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 "../_libs/clsx.mjs";
+import "../_libs/tailwind-merge.mjs";
+import "../_chunks/_libs/@radix-ui/react-collapsible.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-slot.mjs";
+import "../_chunks/_libs/@radix-ui/react-presence.mjs";
+import "../_chunks/_libs/@radix-ui/react-id.mjs";
+import "../_chunks/_libs/@radix-ui/react-dialog.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 "../_libs/class-variance-authority.mjs";
+import "../_chunks/_libs/@radix-ui/react-label.mjs";
+import "../_chunks/_libs/@radix-ui/react-checkbox.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-previous.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-size.mjs";
+import "../_chunks/_libs/@radix-ui/react-select.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-dropdown-menu.mjs";
+import "../_chunks/_libs/@radix-ui/react-menu.mjs";
+import "../_chunks/_libs/@radix-ui/react-roving-focus.mjs";
+import "../_chunks/_libs/@radix-ui/react-avatar.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-is-hydrated.mjs";
+import "../_chunks/_libs/@radix-ui/react-popover.mjs";
+import "./index.mjs";
+import "node:async_hooks";
+import "../_libs/zod.mjs";
+const FIELD_ICONS = {
+  text: /* @__PURE__ */ jsxRuntimeExports.jsx(TextAlignStart, { className: "size-3" }),
+  richText: /* @__PURE__ */ jsxRuntimeExports.jsx(FileType, { className: "size-3" }),
+  number: /* @__PURE__ */ jsxRuntimeExports.jsx(Hash, { className: "size-3" }),
+  boolean: /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleLeft, { className: "size-3" }),
+  date: /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar, { className: "size-3" }),
+  datetime: /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar, { className: "size-3" }),
+  reference: /* @__PURE__ */ jsxRuntimeExports.jsx(Link2, { className: "size-3" }),
+  media: /* @__PURE__ */ jsxRuntimeExports.jsx(Image, { className: "size-3" }),
+  json: /* @__PURE__ */ jsxRuntimeExports.jsx(Braces, { className: "size-3" }),
+  select: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3" }),
+  multiSelect: /* @__PURE__ */ jsxRuntimeExports.jsx(List, { className: "size-3" }),
+  tags: /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { className: "size-3" }),
+  category: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-3" })
+};
+function ContentTypesPage({ api: api2, navigation }) {
+  const [searchQuery, setSearchQuery] = reactExports.useState("");
+  const [viewMode, setViewMode] = reactExports.useState("grid");
+  const [showActiveOnly, setShowActiveOnly] = reactExports.useState(true);
+  const [showCreateModal, setShowCreateModal] = reactExports.useState(false);
+  const [
+    editingContentType,
+    setEditingContentType
+  ] = reactExports.useState(null);
+  const handleContentTypeCreated = reactExports.useCallback(() => {
+    setShowCreateModal(false);
+  }, []);
+  const handleContentTypeUpdated = reactExports.useCallback(() => {
+    setEditingContentType(null);
+  }, []);
+  const contentTypesResult = useQuery(api2.listContentTypes, {
+    isActive: showActiveOnly ? true : void 0,
+    includeEntryCounts: true
+  });
+  const contentTypes = contentTypesResult?.page ?? [];
+  const isLoading = contentTypesResult === void 0;
+  const filteredContentTypes = reactExports.useMemo(() => {
+    if (!searchQuery.trim()) {
+      return contentTypes;
+    }
+    const query = searchQuery.toLowerCase();
+    return contentTypes.filter(
+      (type) => type.name.toLowerCase().includes(query) || type.displayName.toLowerCase().includes(query)
+    );
+  }, [contentTypes, searchQuery]);
+  const formatDate = (timestamp) => {
+    return new Date(timestamp).toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  };
+  const getRelativeTime = (timestamp) => {
+    const now = Date.now();
+    const diff = now - timestamp;
+    const seconds = Math.floor(diff / 1e3);
+    const minutes = Math.floor(seconds / 60);
+    const hours = Math.floor(minutes / 60);
+    const days = Math.floor(hours / 24);
+    if (days > 30) {
+      return formatDate(timestamp);
+    } else if (days > 0) {
+      return `${days}d ago`;
+    } else if (hours > 0) {
+      return `${hours}h ago`;
+    } else if (minutes > 0) {
+      return `${minutes}m ago`;
+    } else {
+      return "Just now";
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsPageHeader,
+      {
+        title: "Content Types",
+        description: "Define the structure of your content with custom fields and validation rules."
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsToolbar,
+      {
+        left: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                type: "search",
+                placeholder: "Search content types...",
+                value: searchQuery,
+                onChange: (e) => setSearchQuery(e.target.value),
+                className: "w-64 pl-9"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Checkbox,
+              {
+                checked: showActiveOnly,
+                onCheckedChange: (checked) => setShowActiveOnly(checked)
+              }
+            ),
+            "Active only"
+          ] })
+        ] }),
+        right: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex rounded-md border bg-muted/30", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                className: cn(
+                  "rounded-l-md p-2 transition-colors",
+                  viewMode === "grid" ? "bg-background shadow-sm" : "hover:bg-muted/50"
+                ),
+                onClick: () => setViewMode("grid"),
+                title: "Grid view",
+                "aria-label": "Grid view",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(Grid3x3, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                className: cn(
+                  "rounded-r-md p-2 transition-colors",
+                  viewMode === "list" ? "bg-background shadow-sm" : "hover:bg-muted/50"
+                ),
+                onClick: () => setViewMode("list"),
+                title: "List view",
+                "aria-label": "List view",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(List, { className: "size-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            CmsButton,
+            {
+              onClick: () => setShowCreateModal(true),
+              "data-testid": "create-content-type-button",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
+                "Create Content Type"
+              ]
+            }
+          )
+        ] })
+      }
+    ),
+    isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-8 animate-spin rounded-full border-2 border-muted border-t-primary" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-4 text-sm text-muted-foreground", children: "Loading content types..." })
+    ] }) : filteredContentTypes.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsEmptyState,
+      {
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FileType, { className: "size-6" }),
+        title: searchQuery ? "No content types match your search" : "No content types defined",
+        description: searchQuery ? "Try adjusting your search query or filters." : "Content types define the schema for your content. Create one to get started."
+      }
+    ) : viewMode === "grid" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: filteredContentTypes.map((contentType) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "group flex flex-col rounded-lg border bg-card p-4 transition-all hover:border-primary/50 hover:shadow-md",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-10 items-center justify-center rounded-md bg-muted text-muted-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileType, { className: "size-5" }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5", children: [
+              contentType.source === "code" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                Badge,
+                {
+                  variant: "secondary",
+                  className: "border-violet-200 bg-violet-50 text-xs font-normal text-violet-700",
+                  title: "Managed by code - edit in your codebase",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(CodeXml, { className: "mr-1 size-3" }),
+                    "Code"
+                  ]
+                }
+              ),
+              !contentType.isActive && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", className: "text-xs font-normal", children: "Inactive" }),
+              contentType.singleton && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Badge,
+                {
+                  variant: "secondary",
+                  className: "border-amber-200 bg-amber-50 text-xs font-normal text-amber-700",
+                  children: "Singleton"
+                }
+              ),
+              contentType.source === "code" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  className: "rounded p-1.5 text-muted-foreground opacity-0 transition-all hover:bg-muted hover:text-foreground group-hover:opacity-100",
+                  title: "View content type (managed by code)",
+                  "aria-label": "View content type",
+                  onClick: () => setEditingContentType(contentType),
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "size-4" })
+                }
+              ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: () => setEditingContentType(contentType),
+                  className: "rounded p-1.5 text-muted-foreground opacity-0 transition-all hover:bg-muted hover:text-foreground group-hover:opacity-100",
+                  title: "Edit content type",
+                  "aria-label": "Edit content type",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-4" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => navigation.navigateToContentType(contentType._id),
+              className: "flex flex-1 flex-col text-left",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-base font-semibold text-foreground", children: contentType.displayName }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: contentType.name }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 flex items-center gap-4", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-lg font-semibold text-foreground", children: contentType.fields.length }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: contentType.fields.length === 1 ? "Field" : "Fields" })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-lg font-semibold text-foreground", children: contentType.entryCount ?? 0 }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: contentType.entryCount === 1 ? "Entry" : "Entries" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 flex flex-wrap gap-1.5", children: [
+                  contentType.fields.slice(0, 4).map((field) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "span",
+                    {
+                      className: "flex items-center gap-1 rounded-md bg-muted px-1.5 py-0.5 text-xs text-muted-foreground",
+                      title: field.label,
+                      children: [
+                        FIELD_ICONS[field.type] || /* @__PURE__ */ jsxRuntimeExports.jsx(TextAlignStart, { className: "size-3" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: field.label })
+                      ]
+                    },
+                    field.name
+                  )),
+                  contentType.fields.length > 4 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "rounded-md bg-muted px-1.5 py-0.5 text-xs text-muted-foreground", children: [
+                    "+",
+                    contentType.fields.length - 4,
+                    " more"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "mt-auto pt-3 text-xs text-muted-foreground", children: [
+                  "Updated ",
+                  getRelativeTime(contentType._creationTime)
+                ] })
+              ]
+            }
+          )
+        ]
+      },
+      contentType._id
+    )) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg border bg-card", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left text-sm font-medium text-muted-foreground", children: "Name" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left text-sm font-medium text-muted-foreground", children: "Fields" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left text-sm font-medium text-muted-foreground", children: "Entries" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left text-sm font-medium text-muted-foreground", children: "Status" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left text-sm font-medium text-muted-foreground", children: "Last Updated" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left text-sm font-medium text-muted-foreground", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: filteredContentTypes.map((contentType) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "tr",
+        {
+          className: "border-b last:border-0 transition-colors hover:bg-muted/50",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "p-3", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-medium text-foreground", children: contentType.displayName }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: contentType.name })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3 text-sm text-muted-foreground", children: contentType.fields.length }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3 text-sm text-muted-foreground", children: contentType.entryCount ?? 0 }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5", children: [
+              contentType.source === "code" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                Badge,
+                {
+                  variant: "secondary",
+                  className: "border-violet-200 bg-violet-50 text-xs font-normal text-violet-700",
+                  title: "Managed by code",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(CodeXml, { className: "mr-1 size-3" }),
+                    "Code"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Badge,
+                {
+                  variant: contentType.isActive ? "default" : "secondary",
+                  className: cn(
+                    "text-xs font-normal",
+                    contentType.isActive && "border-emerald-200 bg-emerald-50 text-emerald-700"
+                  ),
+                  children: contentType.isActive ? "Active" : "Inactive"
+                }
+              ),
+              contentType.singleton && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Badge,
+                {
+                  variant: "secondary",
+                  className: "border-amber-200 bg-amber-50 text-xs font-normal text-amber-700",
+                  children: "Singleton"
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3 text-sm text-muted-foreground", children: formatDate(contentType._creationTime) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+              contentType.source === "code" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                CmsButton,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => setEditingContentType(contentType),
+                  title: "View content type (managed by code)",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "size-3.5" }),
+                    "View"
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                CmsButton,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => setEditingContentType(contentType),
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-3.5" }),
+                    "Edit"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CmsButton,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => navigation.navigateToContentType(contentType._id),
+                  children: "View Entries"
+                }
+              )
+            ] }) })
+          ]
+        },
+        contentType._id
+      )) })
+    ] }) }),
+    !isLoading && filteredContentTypes.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-center text-sm text-muted-foreground", children: [
+      "Showing ",
+      filteredContentTypes.length,
+      " of ",
+      contentTypes.length,
+      " content type",
+      contentTypes.length !== 1 ? "s" : ""
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ContentTypeFormModal,
+      {
+        isOpen: showCreateModal || !!editingContentType,
+        onClose: () => {
+          setShowCreateModal(false);
+          setEditingContentType(null);
+        },
+        contentType: editingContentType,
+        onCreated: handleContentTypeCreated,
+        onUpdated: handleContentTypeUpdated
+      }
+    )
+  ] });
+}
+function ContentTypesRoute() {
+  const navigation = useTanStackNavigation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ContentTypesPage, { api: api.admin, navigation });
+}
+export {
+  ContentTypesRoute as component
+};