convex-cms 0.0.6 → 0.0.7

package/admin-dist/server/_ssr/content-types-DCzrBhTH.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-vd1nySeP.mjs";
+import { B as Badge } from "./badge-EI998zba.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-BHUmrIWD.mjs";
+import { C as CmsToolbar } from "./CmsToolbar-BCrwg7OL.mjs";
+import { C as CmsEmptyState } from "./CmsEmptyState-BM8DghTl.mjs";
+import { u as useTanStackNavigation } from "./tanstack-adapter-DWbaPByn.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-diff-modified-border bg-diff-modified-bg text-xs font-normal text-diff-modified-foreground",
+                  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-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
+      )) })
+    ] }) }),
+    !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
+};

package/admin-dist/server/_ssr/{index-BlSIlH4Z.mjs → index-DwM_5VNP.mjs}

@@ -1,18 +1,15 @@
-import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
-import { a as api, c as cn } from "./router-x6Ab8T4s.mjs";
-import { C as CmsPageHeader } from "./CmsPageHeader-ClNPU7Up.mjs";
-import { u as useTanStackNavigation } from "./tanstack-adapter-D3ZcKtbY.mjs";
-import { u as useQuery } from "../_libs/convex.mjs";
-import { J as FileText, I as Image, a as Layers, x as Settings, al as TrendingUp } from "../_libs/lucide-react.mjs";
+import { j as jsxRuntimeExports, r as reactExports } from "../_chunks/_libs/react.mjs";
+import { h as api, B as Button, f as cn } from "./router-vd1nySeP.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-BHUmrIWD.mjs";
+import { u as useTanStackNavigation, A as Alert, b as AlertTitle, a as AlertDescription } from "./tanstack-adapter-DWbaPByn.mjs";
+import { u as useQuery, d as useMutation } from "../_libs/convex.mjs";
+import { Q as FileText, O as Image, a as Layers, J as Settings, am as TrendingUp, j as CircleAlert, an as CircleX, a0 as TriangleAlert, ao as RefreshCw } 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";
@@ -35,25 +32,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";
@@ -61,18 +46,31 @@ 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 "../_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";
 function Card({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -140,6 +138,91 @@ function Skeleton({ className, ...props }) {
     }
   );
 }
+function SchemaDriftWarning({ api: api2 }) {
+  const driftResults = useQuery(api2.checkSchemaDrift, {});
+  const syncMutation = useMutation(api2.syncCodeDefinedTypes);
+  const [isSyncing, setIsSyncing] = reactExports.useState(false);
+  const [syncResult, setSyncResult] = reactExports.useState(null);
+  if (driftResults === void 0) {
+    return null;
+  }
+  if (!driftResults || driftResults.length === 0) {
+    if (syncResult && (syncResult.created > 0 || syncResult.updated > 0)) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(Alert, { className: "border-success/50 bg-success/10", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-4 text-success" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AlertTitle, { className: "text-diff-added-foreground", children: "Sync Complete" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDescription, { className: "text-diff-added-foreground/80", children: [
+          syncResult.created > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            syncResult.created,
+            " content type(s) created. "
+          ] }),
+          syncResult.updated > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            syncResult.updated,
+            " content type(s) updated."
+          ] })
+        ] })
+      ] });
+    }
+    return null;
+  }
+  const errors = driftResults.filter((d) => d.severity === "error");
+  const warnings = driftResults.filter((d) => d.severity === "warning");
+  const handleSync = async () => {
+    setIsSyncing(true);
+    setSyncResult(null);
+    try {
+      const result = await syncMutation({});
+      setSyncResult(result);
+    } catch (error) {
+      console.error("Sync failed:", error);
+    } finally {
+      setIsSyncing(false);
+    }
+  };
+  const variant = errors.length > 0 ? "destructive" : "default";
+  const Icon = errors.length > 0 ? CircleX : TriangleAlert;
+  const iconColor = errors.length > 0 ? "text-destructive" : "text-warning";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Alert, { variant, className: errors.length === 0 ? "border-warning/50 bg-warning/10" : "", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: `size-4 ${iconColor}` }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(AlertTitle, { className: errors.length === 0 ? "text-diff-modified-foreground" : "", children: "Schema Drift Detected" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDescription, { className: errors.length === 0 ? "text-diff-modified-foreground/80" : "", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      errors.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("strong", { children: [
+          errors.length,
+          " error(s)"
+        ] }),
+        ":",
+        " ",
+        errors.slice(0, 3).map((e) => e.message).join(" "),
+        errors.length > 3 && ` ...and ${errors.length - 3} more`
+      ] }),
+      warnings.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("strong", { children: [
+          warnings.length,
+          " warning(s)"
+        ] }),
+        ": Code-defined types may need syncing."
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Button,
+          {
+            size: "sm",
+            variant: errors.length > 0 ? "destructive" : "outline",
+            onClick: handleSync,
+            disabled: isSyncing,
+            className: errors.length === 0 ? "border-warning/50 text-diff-modified-foreground hover:bg-warning/20" : "",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: `mr-1.5 size-3.5 ${isSyncing ? "animate-spin" : ""}` }),
+              isSyncing ? "Syncing..." : "Sync Now"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs opacity-75", children: "Syncs code-defined types to the database" })
+      ] })
+    ] }) })
+  ] });
+}
 function DashboardPage({ api: api2, navigation }) {
   const stats = useQuery(api2.getDashboardStats, {});
   const isLoading = stats === void 0;
@@ -152,6 +235,7 @@ function DashboardPage({ api: api2, navigation }) {
         description: "Welcome to Convex CMS Admin. Manage your content, media, and publishing workflows."
       }
     ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SchemaDriftWarning, { api: api2 }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         DashboardCard,