convex-cms 0.0.3 → 0.0.5-alpha.2

package/admin-dist/server/_ssr/{content-types-BIOqCQYN.mjs → content-types-C8cBFdzE.mjs}

@@ -1,16 +1,16 @@
-import { r as reactExports, j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
-import { L as Link } from "../_chunks/_libs/@tanstack/react-router.mjs";
-import { a as api, c as cn } from "./router-DDWcF-kt.mjs";
-import { I as Input, a as Checkbox, C as CmsEmptyState, c as CmsDialog } from "./CmsEmptyState-DU7-7-mV.mjs";
-import { C as CmsButton, B as Badge } from "./badge-6BsP37vG.mjs";
-import { L as Label } from "./label-C8Dko1j7.mjs";
-import { T as Textarea } from "./textarea-9jNeYJSc.mjs";
-import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from "./select-BUhDDf4T.mjs";
-import { E as ErrorState, a as ErrorAlert } from "./ErrorState-cI-bKLez.mjs";
-import { C as CmsPageHeader } from "./CmsPageHeader-CseW0AHm.mjs";
-import { C as CmsToolbar } from "./CmsToolbar-X75ex6ek.mjs";
+import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
+import { a as api, c as cn } from "./router-nSVkxb6Y.mjs";
+import { C as CmsButton, B as Badge } from "./CmsButton-DOiTVKQq.mjs";
+import { I as Input, a as Checkbox, C as CmsEmptyState, c as CmsDialog } from "./CmsEmptyState-fbnGt3LD.mjs";
+import { L as Label } from "./label-qn2Afwl4.mjs";
+import { T as Textarea } from "./textarea-CI0Jqx2x.mjs";
+import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from "./select-BKQlQScw.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-DHRrdOZa.mjs";
+import { C as CmsToolbar } from "./CmsToolbar-zTE45z2q.mjs";
+import { u as useTanStackNavigation } from "./tanstack-adapter-Bsz8kha-.mjs";
 import { u as useQuery, d as useMutation } from "../_libs/convex.mjs";
 import { ad as Grid3x3, ae as List, Q as Plus, N as Search, af as FileType, W as Pencil, ag as TextAlignStart, ah as FolderOpen, V as Tag, d as ChevronDown, p as Braces, I as Image, a8 as Link2, u as Calendar, T as ToggleLeft, r as Hash, ai as ChevronUp, X, O 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";
@@ -987,36 +987,35 @@ const FIELD_ICONS = {
   tags: /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { className: "size-3" }),
   category: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-3" })
 };
-function ContentTypesPage() {
+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 [dismissedError, setDismissedError] = reactExports.useState(false);
+  const [
+    editingContentType,
+    setEditingContentType
+  ] = reactExports.useState(null);
   const handleContentTypeCreated = reactExports.useCallback(() => {
     setShowCreateModal(false);
   }, []);
   const handleContentTypeUpdated = reactExports.useCallback(() => {
     setEditingContentType(null);
   }, []);
-  const contentTypesResult = useQuery(api.contentTypes.list, {
+  const contentTypesResult = useQuery(api2.listContentTypes, {
     isActive: showActiveOnly ? true : void 0,
     includeEntryCounts: true
   });
   const contentTypes = contentTypesResult?.page ?? [];
   const isLoading = contentTypesResult === void 0;
-  const error = contentTypesResult?.error;
-  const handleRetry = reactExports.useCallback(() => {
-    setDismissedError(false);
-    window.location.reload();
-  }, []);
   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));
+    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", {
@@ -1044,78 +1043,173 @@ function ContentTypesPage() {
       return "Just now";
     }
   };
-  if (error && !isLoading) {
-    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(ErrorState, { error, title: "Failed to load content types", onRetry: handleRetry })
-    ] });
-  }
   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." }),
-    error && !dismissedError && /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorAlert, { error, onDismiss: () => setDismissedError(true), onRetry: handleRetry }),
-    /* @__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.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" }),
-          /* @__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(Link, { to: "/entries/type/$contentTypeId", params: {
-        contentTypeId: contentType._id
-      }, className: "flex flex-1 flex-col", 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.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("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("label", { className: "flex cursor-pointer items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Checkbox,
+              {
+                checked: showActiveOnly,
+                onCheckedChange: (checked) => setShowActiveOnly(checked)
+              }
+            ),
+            "Active only"
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "mt-auto pt-3 text-xs text-muted-foreground", children: [
-          "Updated ",
-          getRelativeTime(contentType._creationTime)
+        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"
+              ]
+            }
+          )
         ] })
-      ] })
-    ] }, contentType._id)) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg border bg-card", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full", children: [
+      }
+    ),
+    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.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"
+                }
+              ),
+              /* @__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" }),
@@ -1124,28 +1218,66 @@ function ContentTypesPage() {
         /* @__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: [
-          /* @__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: [
-          /* @__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", asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/entries/type/$contentTypeId", params: {
-            contentTypeId: contentType._id
-          }, children: "View Entries" }) })
-        ] }) })
-      ] }, contentType._id)) })
+      /* @__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: [
+              /* @__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: [
+              /* @__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 ",
@@ -1155,12 +1287,25 @@ function ContentTypesPage() {
       " content type",
       contentTypes.length !== 1 ? "s" : ""
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ContentTypeFormModal, { isOpen: showCreateModal || !!editingContentType, onClose: () => {
-      setShowCreateModal(false);
-      setEditingContentType(null);
-    }, contentType: editingContentType, onCreated: handleContentTypeCreated, onUpdated: handleContentTypeUpdated })
+    /* @__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 {
-  ContentTypesPage as component
+  ContentTypesRoute as component
 };

package/admin-dist/server/_ssr/{index-DHSHDPt1.mjs → index-BJtcrEc-.mjs}

@@ -1,9 +1,10 @@
 import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
-import { L as Link } from "../_chunks/_libs/@tanstack/react-router.mjs";
-import { a as api, c as cn } from "./router-DDWcF-kt.mjs";
-import { C as CmsPageHeader } from "./CmsPageHeader-CseW0AHm.mjs";
+import { a as api, c as cn } from "./router-nSVkxb6Y.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-DHRrdOZa.mjs";
+import { u as useTanStackNavigation } from "./tanstack-adapter-Bsz8kha-.mjs";
 import { u as useQuery } from "../_libs/convex.mjs";
 import { J as FileText, I as Image, a as Layers, x as Settings, ak as TrendingUp } 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";
@@ -138,17 +139,55 @@ function Skeleton({ className, ...props }) {
     }
   );
 }
-function DashboardPage() {
-  const stats = useQuery(api.stats.getDashboardStats);
+function DashboardPage({ api: api2, navigation }) {
+  const stats = useQuery(api2.getDashboardStats, {});
   const isLoading = stats === void 0;
   const hasError = stats === null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-8", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CmsPageHeader, { title: "Dashboard", description: "Welcome to Convex CMS Admin. Manage your content, media, and publishing workflows." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsPageHeader,
+      {
+        title: "Dashboard",
+        description: "Welcome to Convex CMS Admin. Manage your content, media, and publishing workflows."
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardCard, { title: "Content Entries", description: "Create and manage your content", href: "/content", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-5" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardCard, { title: "Media Library", description: "Upload and organize media assets", href: "/media", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Image, { className: "size-5" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardCard, { title: "Content Types", description: "Define content schemas and fields", href: "/content-types", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Layers, { className: "size-5" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardCard, { title: "Settings", description: "Configure CMS settings", href: "/settings", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Settings, { className: "size-5" }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        DashboardCard,
+        {
+          title: "Content Entries",
+          description: "Create and manage your content",
+          onClick: () => navigation.navigate("/content"),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        DashboardCard,
+        {
+          title: "Media Library",
+          description: "Upload and organize media assets",
+          onClick: () => navigation.navigate("/media"),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Image, { className: "size-5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        DashboardCard,
+        {
+          title: "Content Types",
+          description: "Define content schemas and fields",
+          onClick: () => navigation.navigate("/content-types"),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Layers, { className: "size-5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        DashboardCard,
+        {
+          title: "Settings",
+          description: "Configure CMS settings",
+          onClick: () => navigation.navigate("/settings"),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Settings, { className: "size-5" })
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -156,10 +195,38 @@ function DashboardPage() {
         /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-lg font-semibold", children: "Quick Stats" })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(StatCard, { label: "Content Types", value: isLoading ? void 0 : hasError ? "—" : String(stats.contentTypes), isLoading }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(StatCard, { label: "Content Entries", value: isLoading ? void 0 : hasError ? "—" : String(stats.contentEntries), isLoading }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(StatCard, { label: "Media Assets", value: isLoading ? void 0 : hasError ? "—" : String(stats.mediaAssets), isLoading }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(StatCard, { label: "Published", value: isLoading ? void 0 : hasError ? "—" : String(stats.published), isLoading })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          StatCard,
+          {
+            label: "Content Types",
+            value: isLoading ? void 0 : hasError ? "—" : String(stats.contentTypes),
+            isLoading
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          StatCard,
+          {
+            label: "Content Entries",
+            value: isLoading ? void 0 : hasError ? "—" : String(stats.contentEntries),
+            isLoading
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          StatCard,
+          {
+            label: "Media Assets",
+            value: isLoading ? void 0 : hasError ? "—" : String(stats.mediaAssets),
+            isLoading
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          StatCard,
+          {
+            label: "Published",
+            value: isLoading ? void 0 : hasError ? "—" : String(stats.published),
+            isLoading
+          }
+        )
       ] })
     ] })
   ] });
@@ -167,10 +234,10 @@ function DashboardPage() {
 function DashboardCard({
   title,
   description,
-  href,
+  onClick,
   icon
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: href, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: "transition-colors hover:bg-accent/50", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick, className: "text-left", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: "h-full transition-colors hover:bg-accent/50", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(CardHeader, { className: "pb-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2 flex size-10 items-center justify-center rounded-lg bg-primary/10 text-primary", children: icon }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(CardTitle, { className: "text-base", children: title })
@@ -188,6 +255,10 @@ function StatCard({
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground", children: label })
   ] }) });
 }
+function DashboardRoute() {
+  const navigation = useTanStackNavigation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardPage, { api: api.admin, navigation });
+}
 export {
-  DashboardPage as component
+  DashboardRoute as component
 };

package/admin-dist/server/_ssr/index.mjs

@@ -440,7 +440,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("./_tanstack-start-manifest_v-BwDlABVk.mjs");
+  const { tsrStartManifest } = await import("./_tanstack-start-manifest_v-BffZedId.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -915,7 +915,7 @@ function getStartResponseHeaders(opts) {
 let entriesPromise;
 let manifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-DDWcF-kt.mjs").then((n) => n.s);
+  const routerEntry = await import("./router-nSVkxb6Y.mjs").then((n) => n.s);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }

package/admin-dist/server/_ssr/{label-C8Dko1j7.mjs → label-qn2Afwl4.mjs}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
 import { R as Root } from "../_chunks/_libs/@radix-ui/react-label.mjs";
-import { c as cn } from "./router-DDWcF-kt.mjs";
+import { c as cn } from "./router-nSVkxb6Y.mjs";
 function Label({
   className,
   ...props