convex-cms 0.0.9-alpha.9 → 0.0.10

package/admin-dist/server/_ssr/{content-CShtLuhK.mjs → content-BfLBaJCZ.mjs}

@@ -1,14 +1,15 @@
 import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
-import { h as api, n as DropdownMenu, o as DropdownMenuTrigger, C as CmsButton, p as DropdownMenuContent, q 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, u as useApi, i as CmsDialog } from "./router-CQXMuGMF.mjs";
-import { u as usePermissions } from "./usePermissions-DKkpETj_.mjs";
-import { B as Badge } from "./badge-NOEC9bkk.mjs";
-import { C as CmsPageHeader } from "./CmsPageHeader-COUHuECp.mjs";
-import { C as CmsToolbar } from "./CmsToolbar-NB014hsd.mjs";
-import { C as CmsEmptyState } from "./CmsEmptyState-CB6e53i5.mjs";
-import { C as CmsStatusBadge } from "./CmsStatusBadge-kMTL6koE.mjs";
-import { u as useTanStackNavigation } from "./tanstack-adapter-CLavdbUY.mjs";
-import { u as useQuery, f as useMutation } from "../_libs/convex.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 { b as api, C as CmsButton, n as DropdownMenu, o as DropdownMenuTrigger, p as DropdownMenuContent, q as DropdownMenuItem, u as useApi, c as CmsDialog } from "./router-DxF7GBcO.mjs";
+import { u as usePermissions } from "./usePermissions-CDHN95Nz.mjs";
+import { B as Badge } from "./badge-CbjIvhb6.mjs";
+import { C as CmsStatusBadge } from "./CmsStatusBadge-D-YFSAa1.mjs";
+import { C as CmsEmptyState } from "./CmsEmptyState-DzzuQG0S.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-DZ6h7smh.mjs";
+import { C as CmsTable } from "./CmsTable-DG88C5nO.mjs";
+import { u as useTanStackNavigation } from "./tanstack-adapter-CKknPtcU.mjs";
+import { C as CmsFilterBar } from "./CmsFilterBar-C5XADS12.mjs";
+import { u as useQuery, k as useMutation } from "../_libs/convex.mjs";
+import { P as Plus, d as ChevronDown, 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";
@@ -407,27 +408,58 @@ function ContentPage({ api: api2, navigation }) {
       day: "numeric"
     });
   };
-  const handleSelectItem = reactExports.useCallback((id, selected) => {
-    setSelectedIds((prev) => {
-      const next = new Set(prev);
-      if (selected) {
-        next.add(id);
-      } else {
-        next.delete(id);
-      }
-      return next;
-    });
-  }, []);
-  const handleSelectAll = reactExports.useCallback(() => {
-    if (selectedIds.size === entries.length && entries.length > 0) {
-      setSelectedIds(/* @__PURE__ */ new Set());
-    } else {
-      setSelectedIds(new Set(entries.map((e) => e._id)));
-    }
-  }, [selectedIds.size, entries]);
   const handleClearSelection = reactExports.useCallback(() => {
     setSelectedIds(/* @__PURE__ */ new Set());
   }, []);
+  const entryColumns = reactExports.useMemo(
+    () => [
+      {
+        key: "title",
+        header: "Title",
+        cell: (entry) => /* @__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.contentTypeName) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block text-xs text-muted-foreground", children: entry.slug })
+            ]
+          }
+        )
+      },
+      {
+        key: "type",
+        header: "Type",
+        cell: (entry) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-muted-foreground", children: getContentTypeDisplayName(entry.contentTypeName) })
+      },
+      {
+        key: "status",
+        header: "Status",
+        cell: (entry) => /* @__PURE__ */ jsxRuntimeExports.jsx(CmsStatusBadge, { status: entry.status })
+      },
+      {
+        key: "updated",
+        header: "Updated",
+        cell: (entry) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-muted-foreground", children: formatDate(entry._creationTime) })
+      },
+      {
+        key: "actions",
+        header: "Actions",
+        cell: (entry) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => navigation.navigateToEntry(entry._id),
+            children: canUpdate("contentEntries") ? "Edit" : "View"
+          }
+        )
+      }
+    ],
+    [navigation, contentTypes, canUpdate]
+  );
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6 p-6", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -452,56 +484,43 @@ function ContentPage({ api: api2, navigation }) {
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      CmsToolbar,
+      CmsFilterBar,
       {
-        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: [
+        search: {
+          value: searchQuery,
+          onChange: setSearchQuery,
+          placeholder: "Search content...",
+          className: "w-64"
+        },
+        filters: [
+          {
+            key: "contentType",
+            value: selectedTypeId || "all",
+            onChange: (v) => setSelectedTypeId(v === "all" ? "" : v),
+            options: [
+              { value: "all", label: "All Content Types" },
+              ...contentTypes.map((type) => ({
+                value: type._id,
+                label: type.displayName
+              }))
+            ],
+            className: "w-48"
+          },
+          {
+            key: "status",
+            value: selectedStatus || "all",
+            onChange: (v) => setSelectedStatus(v === "all" ? "" : v),
+            options: [
+              { value: "all", label: "All Statuses" },
+              { value: "draft", label: "Draft" },
+              { value: "published", label: "Published" },
+              { value: "scheduled", label: "Scheduled" },
+              { value: "archived", label: "Archived" }
+            ],
+            className: "w-36"
+          }
+        ],
+        actions: 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",
@@ -533,67 +552,18 @@ function ContentPage({ api: api2, navigation }) {
         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: "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.contentTypeName)}`
-              }
-            ) }),
-            /* @__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.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: 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(
-              CmsButton,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => navigation.navigateToEntry(entry._id),
-                children: canUpdate("contentEntries") ? "Edit" : "View"
-              }
-            ) })
-          ]
-        },
-        entry._id
-      )) })
-    ] }) })
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsTable,
+      {
+        columns: entryColumns,
+        data: entries,
+        getRowId: (e) => e._id,
+        selectable: true,
+        selectedIds,
+        onSelectionChange: setSelectedIds,
+        emptyMessage: "No content entries found"
+      }
+    )
   ] });
 }
 function ContentRoute() {

package/admin-dist/server/_ssr/{content-types-PeyRyfbc.mjs → content-types-DZbF6O2q.mjs}

@@ -1,12 +1,13 @@
 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, w as ContentTypeFormModal } from "./router-CQXMuGMF.mjs";
-import { B as Badge } from "./badge-NOEC9bkk.mjs";
-import { C as CmsPageHeader } from "./CmsPageHeader-COUHuECp.mjs";
-import { C as CmsToolbar } from "./CmsToolbar-NB014hsd.mjs";
-import { C as CmsEmptyState } from "./CmsEmptyState-CB6e53i5.mjs";
-import { u as useTanStackNavigation } from "./tanstack-adapter-CLavdbUY.mjs";
+import { b as api, e as cn, C as CmsButton, d as Checkbox, w as ContentTypeFormModal } from "./router-DxF7GBcO.mjs";
+import { B as Badge } from "./badge-CbjIvhb6.mjs";
+import { u as useTanStackNavigation } from "./tanstack-adapter-CKknPtcU.mjs";
+import { C as CmsEmptyState } from "./CmsEmptyState-DzzuQG0S.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-DZ6h7smh.mjs";
+import { C as CmsTable } from "./CmsTable-DG88C5nO.mjs";
+import { C as CmsFilterBar } from "./CmsFilterBar-C5XADS12.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 { f as CodeXml, k as Eye, a2 as Pencil, ak as Grid3x3, Y as List, P as Plus, _ as FileType, $ 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";
@@ -145,6 +146,110 @@ function ContentTypesPage({ api: api2, navigation }) {
       return "Just now";
     }
   };
+  const contentTypeColumns = reactExports.useMemo(
+    () => [
+      {
+        key: "name",
+        header: "Name",
+        cell: (contentType) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { 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 })
+        ] })
+      },
+      {
+        key: "fields",
+        header: "Fields",
+        cell: (contentType) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-muted-foreground", children: contentType.fields.length })
+      },
+      {
+        key: "entries",
+        header: "Entries",
+        cell: (contentType) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-muted-foreground", children: contentType.entryCount ?? 0 })
+      },
+      {
+        key: "status",
+        header: "Status",
+        cell: (contentType) => /* @__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-diff-added-border bg-diff-added-bg text-diff-added-foreground"
+              ),
+              children: contentType.isActive ? "Active" : "Inactive"
+            }
+          ),
+          contentType.singleton && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Badge,
+            {
+              variant: "secondary",
+              className: "border-diff-modified-border bg-diff-modified-bg text-xs font-normal text-diff-modified-foreground",
+              children: "Singleton"
+            }
+          )
+        ] })
+      },
+      {
+        key: "updated",
+        header: "Last Updated",
+        cell: (contentType) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-muted-foreground", children: formatDate(contentType._creationTime) })
+      },
+      {
+        key: "actions",
+        header: "Actions",
+        cell: (contentType) => /* @__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"
+            }
+          )
+        ] })
+      }
+    ],
+    [navigation, formatDate, setEditingContentType]
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       CmsPageHeader,
@@ -154,22 +259,15 @@ function ContentTypesPage({ api: api2, navigation }) {
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      CmsToolbar,
+      CmsFilterBar,
       {
-        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"
-              }
-            )
-          ] }),
+        search: {
+          value: searchQuery,
+          onChange: setSearchQuery,
+          placeholder: "Search content types...",
+          className: "w-64"
+        },
+        actions: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               Checkbox,
@@ -179,9 +277,7 @@ function ContentTypesPage({ api: api2, navigation }) {
               }
             ),
             "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",
@@ -332,100 +428,15 @@ function ContentTypesPage({ api: api2, navigation }) {
         ]
       },
       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-diff-added-border bg-diff-added-bg text-diff-added-foreground"
-                  ),
-                  children: contentType.isActive ? "Active" : "Inactive"
-                }
-              ),
-              contentType.singleton && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Badge,
-                {
-                  variant: "secondary",
-                  className: "border-diff-modified-border bg-diff-modified-bg text-xs font-normal text-diff-modified-foreground",
-                  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
-      )) })
-    ] }) }),
+    )) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CmsTable,
+      {
+        columns: contentTypeColumns,
+        data: filteredContentTypes,
+        getRowId: (ct) => ct._id,
+        emptyMessage: "No content types found"
+      }
+    ),
     !isLoading && filteredContentTypes.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-center text-sm text-muted-foreground", children: [
       "Showing ",
       filteredContentTypes.length,