convex-cms 0.0.2 → 0.0.5-alpha.0

package/admin-dist/server/_ssr/content-D1tbeOd0.mjs

@@ -0,0 +1,647 @@
+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-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";
+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";
+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-slot.mjs";
+import "../_chunks/_libs/@radix-ui/react-compose-refs.mjs";
+import "../_chunks/_libs/@radix-ui/react-dropdown-menu.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-primitive.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-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-presence.mjs";
+import "../_chunks/_libs/@radix-ui/react-roving-focus.mjs";
+import "../_chunks/_libs/@radix-ui/react-id.mjs";
+import "../_libs/aria-hidden.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 "../_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";
+import "../_chunks/_libs/@radix-ui/react-dialog.mjs";
+import "../_chunks/_libs/@radix-ui/react-checkbox.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-previous.mjs";
+import "../_chunks/_libs/@radix-ui/react-select.mjs";
+import "../_chunks/_libs/@radix-ui/number.mjs";
+import "../_chunks/_libs/@radix-ui/react-visually-hidden.mjs";
+const ACTION_CONFIG = {
+  publish: {
+    title: "Publish Items",
+    description: "This will publish all selected items, making them publicly visible.",
+    confirmLabel: "Publish All",
+    confirmVariant: "success"
+  },
+  unpublish: {
+    title: "Unpublish Items",
+    description: "This will unpublish all selected items, changing them back to draft status.",
+    confirmLabel: "Unpublish All",
+    confirmVariant: "warning"
+  },
+  delete: {
+    title: "Delete Items",
+    description: "This will move all selected items to trash.",
+    warning: "Items in trash can be restored within the retention period.",
+    confirmLabel: "Delete All",
+    confirmVariant: "danger"
+  },
+  archive: {
+    title: "Archive Items",
+    description: "This will archive all selected items.",
+    confirmLabel: "Archive All",
+    confirmVariant: "secondary"
+  }
+};
+function BulkOperationModal({
+  action,
+  count,
+  isProcessing,
+  result,
+  onConfirm,
+  onCancel
+}) {
+  const config = ACTION_CONFIG[action];
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    CmsDialog,
+    {
+      open: true,
+      onOpenChange: (open) => !open && !isProcessing && onCancel(),
+      title: config.title,
+      size: "sm",
+      footer: result ? /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "primary", onClick: onCancel, children: result.failed === 0 ? "Done" : "Close" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: "outline",
+            onClick: onCancel,
+            disabled: isProcessing,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: config.confirmVariant,
+            onClick: onConfirm,
+            loading: isProcessing,
+            children: config.confirmLabel
+          }
+        )
+      ] }),
+      children: result ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: result.failed === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-3 py-4 text-center", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-emerald-100 text-emerald-600", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheckBig, { className: "size-6" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+          "Successfully processed",
+          " ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-semibold text-foreground", children: result.succeeded }),
+          " ",
+          result.succeeded === 1 ? "item" : "items"
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg border border-emerald-200 bg-emerald-50 p-3 text-center", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-2xl font-semibold text-emerald-700", children: result.succeeded }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-emerald-600", children: "Succeeded" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg border border-red-200 bg-red-50 p-3 text-center", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-2xl font-semibold text-red-700", children: result.failed }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-red-600", children: "Failed" })
+          ] })
+        ] }),
+        result.errors && result.errors.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg border border-amber-200 bg-amber-50 p-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mb-2 text-sm font-medium text-amber-800", children: "Errors:" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "space-y-1 text-xs text-amber-700", children: [
+            result.errors.slice(0, 5).map((error, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "truncate", children: [
+              "• ",
+              error
+            ] }, index)),
+            result.errors.length > 5 && /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "text-amber-600", children: [
+              "...and ",
+              result.errors.length - 5,
+              " more errors"
+            ] })
+          ] })
+        ] })
+      ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+          "You are about to ",
+          action,
+          " ",
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-semibold text-foreground", children: [
+            count,
+            " ",
+            count === 1 ? "item" : "items"
+          ] }),
+          "."
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: config.description }),
+        config.warning && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-amber-200 bg-amber-50 p-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "mt-0.5 size-4 shrink-0 text-amber-600" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-amber-800", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: "Note:" }),
+            " ",
+            config.warning
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+function BulkActionBar({
+  selectedIds,
+  onClearSelection,
+  onOperationComplete
+}) {
+  const [activeAction, setActiveAction] = reactExports.useState(null);
+  const [isProcessing, setIsProcessing] = reactExports.useState(false);
+  const [result, setResult] = reactExports.useState(null);
+  const bulkPublish = useMutation(api.bulkOperations.bulkPublish);
+  const bulkUnpublish = useMutation(api.bulkOperations.bulkUnpublish);
+  const bulkDelete = useMutation(api.bulkOperations.bulkDelete);
+  const bulkUpdate = useMutation(api.bulkOperations.bulkUpdate);
+  const handleAction = reactExports.useCallback((action) => {
+    setActiveAction(action);
+    setResult(null);
+  }, []);
+  const handleConfirm = reactExports.useCallback(async () => {
+    if (!activeAction || selectedIds.length === 0) return;
+    setIsProcessing(true);
+    setResult(null);
+    try {
+      let response;
+      switch (activeAction) {
+        case "publish":
+          response = await bulkPublish({
+            ids: selectedIds,
+            changeDescription: "Bulk published from admin"
+          });
+          break;
+        case "unpublish":
+          response = await bulkUnpublish({
+            ids: selectedIds
+          });
+          break;
+        case "delete":
+          response = await bulkDelete({
+            ids: selectedIds,
+            hardDelete: false
+          });
+          break;
+        case "archive":
+          response = await bulkUpdate({
+            ids: selectedIds,
+            status: "archived"
+          });
+          break;
+        default:
+          throw new Error(`Unknown action: ${activeAction}`);
+      }
+      setResult({
+        succeeded: response.succeeded,
+        failed: response.failed,
+        errors: response.errors?.map((e) => `${e.id}: ${e.error}`)
+      });
+      if (response.failed === 0) {
+        setTimeout(() => {
+          setActiveAction(null);
+          onClearSelection();
+          onOperationComplete?.();
+        }, 1500);
+      }
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Operation failed";
+      setResult({
+        succeeded: 0,
+        failed: selectedIds.length,
+        errors: [message]
+      });
+    } finally {
+      setIsProcessing(false);
+    }
+  }, [
+    activeAction,
+    selectedIds,
+    bulkPublish,
+    bulkUnpublish,
+    bulkDelete,
+    bulkUpdate,
+    onClearSelection,
+    onOperationComplete
+  ]);
+  const handleCancel = reactExports.useCallback(() => {
+    setActiveAction(null);
+    setResult(null);
+  }, []);
+  if (selectedIds.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-x-0 bottom-0 z-50 border-t bg-background/95 px-6 py-3 shadow-lg backdrop-blur supports-[backdrop-filter]:bg-background/80", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto flex max-w-7xl items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", className: "text-sm font-semibold", children: selectedIds.length }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm text-muted-foreground", children: [
+          selectedIds.length === 1 ? "item" : "items",
+          " selected"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onClearSelection,
+            className: "flex items-center gap-1 text-sm text-muted-foreground transition-colors hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-3" }),
+              "Clear"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: "success",
+            size: "sm",
+            onClick: () => handleAction("publish"),
+            children: "Publish"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: "warning",
+            size: "sm",
+            onClick: () => handleAction("unpublish"),
+            children: "Unpublish"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: "secondary",
+            size: "sm",
+            onClick: () => handleAction("archive"),
+            children: "Archive"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CmsButton,
+          {
+            variant: "danger",
+            size: "sm",
+            onClick: () => handleAction("delete"),
+            children: "Delete"
+          }
+        )
+      ] })
+    ] }) }),
+    activeAction && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      BulkOperationModal,
+      {
+        action: activeAction,
+        count: selectedIds.length,
+        isProcessing,
+        result,
+        onConfirm: handleConfirm,
+        onCancel: handleCancel
+      }
+    )
+  ] });
+}
+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(api2.contentTypes.list, { isActive: true });
+  const contentTypes = contentTypesResult?.page ?? [];
+  const contentTypesError = contentTypesResult?.error;
+  const isLoadingContentTypes = contentTypesResult === void 0;
+  const entriesResult = useQuery(api2.entries.list, {
+    contentTypeId: selectedTypeId || void 0,
+    status: selectedStatus || void 0,
+    search: searchQuery.trim() || void 0,
+    paginationOpts: { numItems: 50, cursor: null }
+  });
+  const entries = entriesResult?.page ?? [];
+  const entriesError = entriesResult?.error;
+  const isLoadingEntries = entriesResult === void 0;
+  const isLoading = isLoadingContentTypes || isLoadingEntries;
+  const handleRetry = reactExports.useCallback(() => {
+    setDismissedError(null);
+    window.location.reload();
+  }, []);
+  const handleCreateEntry = (contentTypeId) => {
+    navigation.navigateToNewEntry(contentTypeId);
+  };
+  const getContentTypeName = (contentTypeId) => {
+    const type = contentTypes.find((t) => t._id === contentTypeId);
+    return type?.displayName ?? "Unknown";
+  };
+  const getEntryTitle = (entry, contentTypeId) => {
+    const type = contentTypes.find((t) => t._id === contentTypeId);
+    const titleField = type?.titleField ?? "title";
+    const title = entry.data[titleField];
+    return typeof title === "string" && title ? title : "Untitled";
+  };
+  const formatDate = (timestamp) => {
+    return new Date(timestamp).toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "short",
+      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());
+  }, []);
+  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
+        }
+      )
+    ] });
+  }
+  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.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..." })
+      ] })
+    ] });
+  }
+  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" })
+                ] })
+              ]
+            }
+          )
+        ] }),
+        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("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.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 {
+  ContentRoute as component
+};