convex-cms 0.0.3 → 0.0.5-alpha.0

package/admin-dist/server/_ssr/{content-B5RhL7uW.mjs → content-D1tbeOd0.mjs}

@@ -1,16 +1,17 @@
-import { r as reactExports, j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
-import { d as useNavigate, L as Link } from "../_chunks/_libs/@tanstack/react-router.mjs";
-import { a as api, D as DropdownMenu, d as DropdownMenuTrigger, e as DropdownMenuContent, f as DropdownMenuItem, c as cn } from "./router-DDWcF-kt.mjs";
-import { u as usePermissions } from "./usePermissions-BJGGahrJ.mjs";
-import { C as CmsButton, B as Badge } from "./badge-6BsP37vG.mjs";
-import { I as Input, C as CmsEmptyState, a as Checkbox, c as CmsDialog } from "./CmsEmptyState-DU7-7-mV.mjs";
-import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from "./select-BUhDDf4T.mjs";
+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-D1BMAMJT.mjs";
+import { u as usePermissions } from "./usePermissions-CKeM6_Vw.mjs";
+import { C as CmsButton, B as Badge } from "./CmsButton-B45JAKR1.mjs";
+import { I as Input, C as CmsEmptyState, a as Checkbox, c as CmsDialog } from "./CmsEmptyState-D_BQFAVR.mjs";
+import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from "./select-CqmuN2F6.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 { C as CmsStatusBadge } from "./CmsStatusBadge-B_pi4KCp.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-CrUZA59A.mjs";
+import { C as CmsToolbar } from "./CmsToolbar-ByaW5iXf.mjs";
+import { C as CmsStatusBadge } from "./CmsStatusBadge-B-sj6yaj.mjs";
+import { u as useTanStackNavigation } from "./tanstack-adapter-BXZrMauE.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, aj as CircleCheckBig, 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";
@@ -368,31 +369,22 @@ function BulkActionBar({
     )
   ] });
 }
-function ContentPage() {
-  const navigate = useNavigate();
+function ContentPage({ api: api2, navigation }) {
   const [selectedTypeId, setSelectedTypeId] = reactExports.useState("");
   const [selectedStatus, setSelectedStatus] = reactExports.useState("");
   const [searchQuery, setSearchQuery] = reactExports.useState("");
   const [dismissedError, setDismissedError] = reactExports.useState(null);
   const [selectedIds, setSelectedIds] = reactExports.useState(/* @__PURE__ */ new Set());
-  const {
-    canCreate,
-    canUpdate
-  } = usePermissions();
-  const contentTypesResult = useQuery(api.contentTypes.list, {
-    isActive: true
-  });
+  const { canCreate, canUpdate } = usePermissions();
+  const contentTypesResult = useQuery(api2.contentTypes.list, { isActive: true });
   const contentTypes = contentTypesResult?.page ?? [];
   const contentTypesError = contentTypesResult?.error;
   const isLoadingContentTypes = contentTypesResult === void 0;
-  const entriesResult = useQuery(api.entries.list, {
+  const entriesResult = useQuery(api2.entries.list, {
     contentTypeId: selectedTypeId || void 0,
     status: selectedStatus || void 0,
     search: searchQuery.trim() || void 0,
-    paginationOpts: {
-      numItems: 50,
-      cursor: null
-    }
+    paginationOpts: { numItems: 50, cursor: null }
   });
   const entries = entriesResult?.page ?? [];
   const entriesError = entriesResult?.error;
@@ -403,12 +395,7 @@ function ContentPage() {
     window.location.reload();
   }, []);
   const handleCreateEntry = (contentTypeId) => {
-    navigate({
-      to: "/entries/new/$contentTypeId",
-      params: {
-        contentTypeId
-      }
-    });
+    navigation.navigateToNewEntry(contentTypeId);
   };
   const getContentTypeName = (contentTypeId) => {
     const type = contentTypes.find((t) => t._id === contentTypeId);
@@ -450,13 +437,32 @@ function ContentPage() {
   }, []);
   if (contentTypesError && entriesError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6 p-6", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(CmsPageHeader, { title: "Content", description: "Browse and manage content entries across all content types." }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { error: contentTypesError, title: "Failed to load content", onRetry: handleRetry })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CmsPageHeader,
+        {
+          title: "Content",
+          description: "Browse and manage content entries across all content types."
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ErrorState,
+        {
+          error: contentTypesError,
+          title: "Failed to load content",
+          onRetry: handleRetry
+        }
+      )
     ] });
   }
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6 p-6", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(CmsPageHeader, { title: "Content", description: "Browse and manage content entries across all content types." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CmsPageHeader,
+        {
+          title: "Content",
+          description: "Browse and manage content entries across all content types."
+        }
+      ),
       /* @__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..." })
@@ -464,69 +470,178 @@ function ContentPage() {
     ] });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6 p-6", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CmsPageHeader, { title: "Content", description: "Browse and manage content entries across all content types." }),
-    contentTypesError && dismissedError !== "contentTypes" && /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorAlert, { error: contentTypesError, onDismiss: () => setDismissedError("contentTypes"), onRetry: handleRetry }),
-    entriesError && dismissedError !== "entries" && /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorAlert, { error: entriesError, onDismiss: () => setDismissedError("entries"), 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: "text", placeholder: "Search content...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-64 pl-9", "data-testid": "content-search-input" })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: selectedTypeId || "all", onValueChange: (v) => setSelectedTypeId(v === "all" ? "" : v), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "w-48", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All Content Types" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "all", children: "All Content Types" }),
-          contentTypes.map((type) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: type._id, children: type.displayName }, type._id))
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: selectedStatus || "all", onValueChange: (v) => setSelectedStatus(v === "all" ? "" : v), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "w-36", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All Statuses" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "all", children: "All Statuses" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "draft", children: "Draft" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "published", children: "Published" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "scheduled", children: "Scheduled" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "archived", children: "Archived" })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsPageHeader,
+      {
+        title: "Content",
+        description: "Browse and manage content entries across all content types."
+      }
+    ),
+    contentTypesError && dismissedError !== "contentTypes" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ErrorAlert,
+      {
+        error: contentTypesError,
+        onDismiss: () => setDismissedError("contentTypes"),
+        onRetry: handleRetry
+      }
+    ),
+    entriesError && dismissedError !== "entries" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ErrorAlert,
+      {
+        error: entriesError,
+        onDismiss: () => setDismissedError("entries"),
+        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: "text",
+                placeholder: "Search content...",
+                value: searchQuery,
+                onChange: (e) => setSearchQuery(e.target.value),
+                className: "w-64 pl-9",
+                "data-testid": "content-search-input"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Select,
+            {
+              value: selectedTypeId || "all",
+              onValueChange: (v) => setSelectedTypeId(v === "all" ? "" : v),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "w-48", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All Content Types" }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "all", children: "All Content Types" }),
+                  contentTypes.map((type) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: type._id, children: type.displayName }, type._id))
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Select,
+            {
+              value: selectedStatus || "all",
+              onValueChange: (v) => setSelectedStatus(v === "all" ? "" : v),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "w-36", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All Statuses" }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "all", children: "All Statuses" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "draft", children: "Draft" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "published", children: "Published" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "scheduled", children: "Scheduled" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "archived", children: "Archived" })
+                ] })
+              ]
+            }
+          )
+        ] }),
+        right: canCreate("contentEntries") && /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsButton, { disabled: contentTypes.length === 0, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
+            "Create Entry",
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "end", children: contentTypes.map((type) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            DropdownMenuItem,
+            {
+              onClick: () => handleCreateEntry(type._id),
+              children: type.displayName
+            },
+            type._id
+          )) })
         ] })
-      ] })
-    ] }), right: canCreate("contentEntries") && /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CmsButton, { disabled: contentTypes.length === 0, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
-        "Create Entry",
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "end", children: contentTypes.map((type) => /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { onClick: () => handleCreateEntry(type._id), children: type.displayName }, type._id)) })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(BulkActionBar, { selectedIds: Array.from(selectedIds), onClearSelection: handleClearSelection, onOperationComplete: handleClearSelection }),
-    entries.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(CmsEmptyState, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-6" }), title: "No content entries yet", description: contentTypes.length === 0 ? "Create a content type first, then start adding content entries." : 'Click "Create Entry" to add your first content entry.' }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg border bg-card", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full", children: [
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      BulkActionBar,
+      {
+        selectedIds: Array.from(selectedIds),
+        onClearSelection: handleClearSelection,
+        onOperationComplete: handleClearSelection
+      }
+    ),
+    entries.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsEmptyState,
+      {
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-6" }),
+        title: "No content entries yet",
+        description: contentTypes.length === 0 ? "Create a content type first, then start adding content entries." : 'Click "Create Entry" to add your first content entry.'
+      }
+    ) : /* @__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: "w-10 p-3 text-left", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, { checked: selectedIds.size === entries.length && entries.length > 0, onCheckedChange: handleSelectAll, "aria-label": "Select all entries" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "w-10 p-3 text-left", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Checkbox,
+          {
+            checked: selectedIds.size === entries.length && entries.length > 0,
+            onCheckedChange: handleSelectAll,
+            "aria-label": "Select all entries"
+          }
+        ) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left text-sm font-medium text-muted-foreground", children: "Title" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left text-sm font-medium text-muted-foreground", children: "Type" }),
         /* @__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: "Updated" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left text-sm font-medium text-muted-foreground", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: entries.map((entry) => /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: cn("border-b last:border-0 transition-colors hover:bg-muted/50", selectedIds.has(entry._id) && "bg-primary/5"), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, { checked: selectedIds.has(entry._id), onCheckedChange: (checked) => handleSelectItem(entry._id, checked), "aria-label": `Select ${getEntryTitle(entry, entry.contentTypeId)}` }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/entries/$entryId", params: {
-          entryId: entry._id
-        }, className: "block", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-foreground hover:text-primary", children: getEntryTitle(entry, entry.contentTypeId) }),
-          /* @__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", 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: canUpdate("contentEntries") ? /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", size: "sm", asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/entries/$entryId", params: {
-          entryId: entry._id
-        }, children: "Edit" }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", size: "sm", asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/entries/$entryId", params: {
-          entryId: entry._id
-        }, children: "View" }) }) })
-      ] }, entry._id)) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: entries.map((entry) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "tr",
+        {
+          className: cn(
+            "border-b last:border-0 transition-colors hover:bg-muted/50",
+            selectedIds.has(entry._id) && "bg-primary/5"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Checkbox,
+              {
+                checked: selectedIds.has(entry._id),
+                onCheckedChange: (checked) => handleSelectItem(entry._id, checked),
+                "aria-label": `Select ${getEntryTitle(entry, entry.contentTypeId)}`
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                type: "button",
+                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: "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", 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(
+              CmsButton,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: () => navigation.navigateToEntry(entry._id),
+                children: canUpdate("contentEntries") ? "Edit" : "View"
+              }
+            ) })
+          ]
+        },
+        entry._id
+      )) })
     ] }) })
   ] });
 }
+function ContentRoute() {
+  const navigation = useTanStackNavigation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ContentPage, { api, navigation });
+}
 export {
-  ContentPage as component
+  ContentRoute as component
 };