convex-cms 0.0.2 → 0.0.3

package/admin-dist/server/_ssr/ErrorState-cI-bKLez.mjs

@@ -0,0 +1,89 @@
+import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
+function ErrorState({
+  error,
+  title = "Something went wrong",
+  onRetry,
+  isRetrying = false,
+  icon,
+  className = ""
+}) {
+  const errorMessage = error instanceof Error ? error.message : error ?? "An unexpected error occurred";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `error-state ${className}`, role: "alert", "data-testid": "error-state", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "error-state-icon", children: icon ?? /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "error-state-title", children: title }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "error-state-message", children: errorMessage }),
+    onRetry && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        className: "btn btn-primary",
+        onClick: onRetry,
+        disabled: isRetrying,
+        "data-testid": "error-retry-button",
+        children: isRetrying ? "Retrying..." : "Try Again"
+      }
+    )
+  ] });
+}
+function ErrorAlert({
+  error,
+  onDismiss,
+  onRetry,
+  isRetrying = false,
+  variant = "error",
+  className = ""
+}) {
+  if (!error) return null;
+  const errorMessage = error instanceof Error ? error.message : error;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: `error-alert error-alert--${variant} ${className}`,
+      role: "alert",
+      "data-testid": "error-alert",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "error-alert-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "error-alert-content", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "error-alert-message", children: errorMessage }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "error-alert-actions", children: [
+          onRetry && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              className: "error-alert-btn error-alert-btn--retry",
+              onClick: onRetry,
+              disabled: isRetrying,
+              "data-testid": "error-alert-retry",
+              children: isRetrying ? "Retrying..." : "Retry"
+            }
+          ),
+          onDismiss && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              className: "error-alert-btn error-alert-btn--dismiss",
+              onClick: onDismiss,
+              "aria-label": "Dismiss error",
+              "data-testid": "error-alert-dismiss",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+              ] })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  ErrorState as E,
+  ErrorAlert as a
+};

package/admin-dist/server/_ssr/TaxonomyFilter-Bwrq0-cz.mjs

@@ -0,0 +1,188 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
+import { a as api, P as Popover, j as PopoverTrigger, c as cn, k as PopoverContent } from "./router-DDWcF-kt.mjs";
+import { C as CmsButton, B as Badge } from "./badge-6BsP37vG.mjs";
+import { C as Command, a as CommandInput, b as CommandList, c as CommandEmpty, d as CommandGroup, e as CommandSeparator, f as CommandItem } from "./command-fy8epIKf.mjs";
+import { a as Checkbox } from "./CmsEmptyState-DU7-7-mV.mjs";
+import { u as useQuery } from "../_libs/convex.mjs";
+import { z as Tags, d as ChevronDown, X, Z as Check } from "../_libs/lucide-react.mjs";
+function TaxonomyFilter({
+  selectedTermIds,
+  onChange,
+  taxonomyId,
+  placeholder = "Filter by tags...",
+  disabled = false,
+  className
+}) {
+  const [open, setOpen] = reactExports.useState(false);
+  const [search, setSearch] = reactExports.useState("");
+  const taxonomiesResult = useQuery(api.taxonomies.list, { isActive: true });
+  const taxonomies = taxonomiesResult?.page ?? [];
+  const activeTaxonomy = reactExports.useMemo(() => {
+    if (taxonomyId) {
+      return taxonomies.find((t) => t._id === taxonomyId);
+    }
+    return null;
+  }, [taxonomyId, taxonomies]);
+  const targetTaxonomyId = taxonomyId ?? taxonomies[0]?._id;
+  const termsResult = useQuery(
+    api.taxonomies.listTerms,
+    targetTaxonomyId ? {
+      taxonomyId: targetTaxonomyId,
+      paginationOpts: { numItems: 200, cursor: null }
+    } : "skip"
+  );
+  const terms = termsResult?.page ?? [];
+  const selectedTermsDetails = reactExports.useMemo(() => {
+    return terms.filter((t) => selectedTermIds.includes(t._id));
+  }, [terms, selectedTermIds]);
+  const filteredTerms = reactExports.useMemo(() => {
+    if (!search.trim()) return terms;
+    const lowerSearch = search.toLowerCase();
+    return terms.filter((term) => term.name.toLowerCase().includes(lowerSearch));
+  }, [terms, search]);
+  const handleToggleTerm = reactExports.useCallback(
+    (termId) => {
+      if (selectedTermIds.includes(termId)) {
+        onChange(selectedTermIds.filter((id) => id !== termId));
+      } else {
+        onChange([...selectedTermIds, termId]);
+      }
+    },
+    [selectedTermIds, onChange]
+  );
+  const handleClear = reactExports.useCallback(() => {
+    onChange([]);
+    setOpen(false);
+  }, [onChange]);
+  const handleRemoveTerm = reactExports.useCallback(
+    (termId, e) => {
+      e.stopPropagation();
+      onChange(selectedTermIds.filter((id) => id !== termId));
+    },
+    [selectedTermIds, onChange]
+  );
+  const displayTaxonomyName = activeTaxonomy?.displayName ?? taxonomies[0]?.displayName ?? "Tags";
+  const isLoading = taxonomiesResult === void 0 || targetTaxonomyId && termsResult === void 0;
+  const hasNoTaxonomies = taxonomies.length === 0 && taxonomiesResult !== void 0;
+  if (hasNoTaxonomies) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      CmsButton,
+      {
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": open,
+        disabled: disabled || isLoading,
+        className: cn(
+          "h-9 min-w-[140px] justify-between gap-2",
+          selectedTermIds.length > 0 && "border-primary/50",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, { className: "size-4 text-muted-foreground" }),
+            selectedTermIds.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground", children: placeholder }) : selectedTermIds.length === 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "max-w-[100px] truncate", children: selectedTermsDetails[0]?.name ?? "Tag" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+              selectedTermIds.length,
+              " tags"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+            selectedTermIds.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Badge,
+              {
+                variant: "secondary",
+                className: "size-5 rounded-full p-0 text-xs",
+                children: selectedTermIds.length
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 text-muted-foreground" })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContent, { className: "w-[280px] p-0", align: "start", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Command, { shouldFilter: false, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        CommandInput,
+        {
+          placeholder: `Search ${displayTaxonomyName.toLowerCase()}...`,
+          value: search,
+          onValueChange: setSearch
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CommandList, { children: filteredTerms.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(CommandEmpty, { children: terms.length === 0 ? `No ${displayTaxonomyName.toLowerCase()} found` : "No matches" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { heading: displayTaxonomyName, children: filteredTerms.map((term) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        TermItem,
+        {
+          term,
+          isSelected: selectedTermIds.includes(term._id),
+          onToggle: () => handleToggleTerm(term._id)
+        },
+        term._id
+      )) }) }),
+      selectedTermIds.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CommandSeparator, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2 flex flex-wrap gap-1", children: selectedTermsDetails.map((term) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Badge,
+            {
+              variant: "secondary",
+              className: "gap-1 pr-1",
+              style: term.color ? { backgroundColor: term.color, color: "#fff" } : void 0,
+              children: [
+                term.name,
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ml-0.5 rounded-full p-0.5 hover:bg-black/10",
+                    onClick: (e) => handleRemoveTerm(term._id, e),
+                    "aria-label": `Remove ${term.name}`,
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-3" })
+                  }
+                )
+              ]
+            },
+            term._id
+          )) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CmsButton,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "w-full",
+              onClick: handleClear,
+              children: "Clear all filters"
+            }
+          )
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+function TermItem({ term, isSelected, onToggle }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(CommandItem, { onSelect: onToggle, className: "cursor-pointer", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Checkbox,
+      {
+        checked: isSelected,
+        className: "mr-2",
+        "aria-hidden": "true",
+        tabIndex: -1
+      }
+    ),
+    term.color && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "span",
+      {
+        className: "size-2.5 shrink-0 rounded-full",
+        style: { backgroundColor: term.color }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate", children: term.name }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: term.usageCount }),
+    isSelected && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "ml-1 size-4 text-primary" })
+  ] });
+}
+export {
+  TaxonomyFilter as T
+};

package/admin-dist/server/_ssr/_contentTypeId-BqYKEcLr.mjs

@@ -0,0 +1,379 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
+import { d as useNavigate, L as Link } from "../_chunks/_libs/@tanstack/react-router.mjs";
+import { i as Route$1, a as api } from "./router-DDWcF-kt.mjs";
+import { u as usePermissions } from "./usePermissions-BJGGahrJ.mjs";
+import { u as useBreadcrumbLabel } from "./useBreadcrumbLabel-FNSAr2Ha.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-CseW0AHm.mjs";
+import { C as CmsToolbar } from "./CmsToolbar-X75ex6ek.mjs";
+import { C as CmsButton } from "./badge-6BsP37vG.mjs";
+import { C as CmsStatusBadge } from "./CmsStatusBadge-B_pi4KCp.mjs";
+import { C as CmsEmptyState, I as Input, b as CmsConfirmDialog } from "./CmsEmptyState-DU7-7-mV.mjs";
+import { T as TaxonomyFilter } from "./TaxonomyFilter-Bwrq0-cz.mjs";
+import { S as Select, a as SelectTrigger, b as SelectValue, c as SelectContent, d as SelectItem } from "./select-BUhDDf4T.mjs";
+import { d as useMutation, u as useQuery } from "../_libs/convex.mjs";
+import { J as FileText, Q as Plus, N as Search, al as ArrowUpDown, ai as ChevronUp, d as ChevronDown } from "../_libs/lucide-react.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 "./command-fy8epIKf.mjs";
+import "../_libs/cmdk.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";
+function ContentTypeEntriesPage() {
+  const {
+    contentTypeId
+  } = Route$1.useParams();
+  const navigate = useNavigate();
+  const [selectedStatus, setSelectedStatus] = reactExports.useState("all");
+  const [searchQuery, setSearchQuery] = reactExports.useState("");
+  const [debouncedSearch, setDebouncedSearch] = reactExports.useState("");
+  const [sortField, setSortField] = reactExports.useState("updatedAt");
+  const [sortDirection, setSortDirection] = reactExports.useState("desc");
+  const [currentPage, setCurrentPage] = reactExports.useState(0);
+  const [selectedTermIds, setSelectedTermIds] = reactExports.useState([]);
+  const pageSize = 25;
+  const {
+    canCreate,
+    canUpdate,
+    canDelete
+  } = usePermissions();
+  const deleteEntry = useMutation(api.entries.remove);
+  const [deleteModalOpen, setDeleteModalOpen] = reactExports.useState(false);
+  const [entryToDelete, setEntryToDelete] = reactExports.useState(null);
+  const [isDeleting, setIsDeleting] = reactExports.useState(false);
+  const [deleteError, setDeleteError] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedSearch(searchQuery);
+      setCurrentPage(0);
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [searchQuery]);
+  const contentType = useQuery(api.contentTypes.get, {
+    id: contentTypeId
+  });
+  useBreadcrumbLabel(`/entries/type/${contentTypeId}`, contentType?.displayName);
+  const entriesResult = useQuery(api.entries.list, {
+    contentTypeId,
+    status: selectedStatus === "all" ? void 0 : selectedStatus,
+    search: debouncedSearch || void 0,
+    paginationOpts: {
+      numItems: 250,
+      cursor: null
+    }
+  });
+  const allEntries = entriesResult?.page ?? [];
+  const entriesByTermResult0 = useQuery(api.taxonomies.getEntriesByTerm, selectedTermIds[0] ? {
+    termId: selectedTermIds[0]
+  } : "skip");
+  const entriesByTermResult1 = useQuery(api.taxonomies.getEntriesByTerm, selectedTermIds[1] ? {
+    termId: selectedTermIds[1]
+  } : "skip");
+  const entriesByTermResult2 = useQuery(api.taxonomies.getEntriesByTerm, selectedTermIds[2] ? {
+    termId: selectedTermIds[2]
+  } : "skip");
+  const termFilteredEntryIds = reactExports.useMemo(() => {
+    if (selectedTermIds.length === 0) return null;
+    const ids = /* @__PURE__ */ new Set();
+    const results = [entriesByTermResult0, entriesByTermResult1, entriesByTermResult2];
+    for (let i = 0; i < selectedTermIds.length && i < 3; i++) {
+      const result = results[i];
+      if (result?.page) {
+        for (const entry of result.page) {
+          ids.add(entry._id);
+        }
+      }
+    }
+    return ids;
+  }, [selectedTermIds, entriesByTermResult0, entriesByTermResult1, entriesByTermResult2]);
+  const getEntryTitle = reactExports.useCallback((entry) => {
+    const titleField = contentType?.titleField ?? "title";
+    const title = entry.data[titleField];
+    return typeof title === "string" && title ? title : "Untitled";
+  }, [contentType?.titleField]);
+  const sortedEntries = reactExports.useMemo(() => {
+    let entries = [...allEntries];
+    if (termFilteredEntryIds !== null) {
+      entries = entries.filter((e) => termFilteredEntryIds.has(e._id));
+    }
+    entries.sort((a, b) => {
+      let comparison = 0;
+      switch (sortField) {
+        case "title": {
+          const titleA = getEntryTitle(a).toLowerCase();
+          const titleB = getEntryTitle(b).toLowerCase();
+          comparison = titleA.localeCompare(titleB);
+          break;
+        }
+        case "status":
+          comparison = a.status.localeCompare(b.status);
+          break;
+        case "updatedAt": {
+          const updatedA = a.lastPublishedAt ?? a._creationTime ?? 0;
+          const updatedB = b.lastPublishedAt ?? b._creationTime ?? 0;
+          comparison = updatedA - updatedB;
+          break;
+        }
+        case "createdAt":
+          comparison = (a._creationTime ?? 0) - (b._creationTime ?? 0);
+          break;
+        default:
+          comparison = 0;
+      }
+      return sortDirection === "desc" ? -comparison : comparison;
+    });
+    return entries;
+  }, [allEntries, sortField, sortDirection, getEntryTitle, termFilteredEntryIds]);
+  const paginatedEntries = reactExports.useMemo(() => {
+    const start = currentPage * pageSize;
+    return sortedEntries.slice(start, start + pageSize);
+  }, [sortedEntries, currentPage, pageSize]);
+  const totalPages = Math.ceil(sortedEntries.length / pageSize);
+  const formatDate = (timestamp) => {
+    return new Date(timestamp).toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  };
+  const handleSort = (field) => {
+    if (sortField === field) {
+      setSortDirection(sortDirection === "asc" ? "desc" : "asc");
+    } else {
+      setSortField(field);
+      setSortDirection("desc");
+    }
+  };
+  const getSortIcon = (field) => {
+    if (sortField !== field) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowUpDown, { className: "size-3.5 text-muted-foreground/50" });
+    }
+    return sortDirection === "asc" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronUp, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3.5" });
+  };
+  const handleDeleteClick = reactExports.useCallback((entry) => {
+    const title = getEntryTitle(entry);
+    setEntryToDelete({
+      _id: entry._id,
+      title
+    });
+    setDeleteError(null);
+    setDeleteModalOpen(true);
+  }, [getEntryTitle]);
+  const handleDeleteConfirm = reactExports.useCallback(async () => {
+    if (!entryToDelete) return;
+    setIsDeleting(true);
+    setDeleteError(null);
+    try {
+      await deleteEntry({
+        id: entryToDelete._id,
+        hardDelete: false
+      });
+      setDeleteModalOpen(false);
+      setEntryToDelete(null);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to delete entry";
+      setDeleteError(message);
+    } finally {
+      setIsDeleting(false);
+    }
+  }, [entryToDelete, deleteEntry]);
+  const handleDeleteModalClose = reactExports.useCallback((open) => {
+    if (!open && !isDeleting) {
+      setDeleteModalOpen(false);
+      setEntryToDelete(null);
+      setDeleteError(null);
+    }
+  }, [isDeleting]);
+  const clearFilters = reactExports.useCallback(() => {
+    setSearchQuery("");
+    setDebouncedSearch("");
+    setSelectedStatus("all");
+    setSelectedTermIds([]);
+    setCurrentPage(0);
+  }, []);
+  if (contentType === void 0 || entriesResult === void 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-6 p-6", children: /* @__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 entries..." })
+    ] }) });
+  }
+  if (contentType === null) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-6 p-6", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CmsEmptyState, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-6" }), title: "Content Type Not Found", description: "The content type you're looking for doesn't exist or has been deleted.", action: {
+      label: "Back to Content Types",
+      onClick: () => navigate({
+        to: "/content-types"
+      })
+    } }) });
+  }
+  const hasFilters = searchQuery || selectedStatus !== "all" || selectedTermIds.length > 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CmsPageHeader, { title: contentType.displayName, description: contentType.description, actions: canCreate("contentEntries") && /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/entries/new/$contentTypeId", params: {
+      contentTypeId
+    }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
+      "Create ",
+      contentType.displayName
+    ] }) }) }),
+    /* @__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 entries...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-64 pl-9" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: selectedStatus, onValueChange: (value) => {
+        setSelectedStatus(value);
+        setCurrentPage(0);
+      }, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "w-36", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All Statuses" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "all", children: "All Statuses" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "draft", children: "Draft" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "published", children: "Published" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "scheduled", children: "Scheduled" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "archived", children: "Archived" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TaxonomyFilter, { selectedTermIds, onChange: (termIds) => {
+        setSelectedTermIds(termIds);
+        setCurrentPage(0);
+      }, placeholder: "Tags" })
+    ] }), right: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm text-muted-foreground", children: [
+      sortedEntries.length,
+      " ",
+      sortedEntries.length === 1 ? "entry" : "entries"
+    ] }) }),
+    sortedEntries.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(CmsEmptyState, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-6" }), title: hasFilters ? "No matching entries" : `No ${contentType.displayName} entries yet`, description: hasFilters ? "Try adjusting your search or filter criteria." : `Click "Create ${contentType.displayName}" to add your first entry.`, action: hasFilters ? {
+      label: "Clear Filters",
+      onClick: clearFilters,
+      variant: "secondary"
+    } : void 0 }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__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", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "flex items-center gap-1.5 text-sm font-medium text-muted-foreground hover:text-foreground", onClick: () => handleSort("title"), children: [
+            "Title",
+            getSortIcon("title")
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "flex items-center gap-1.5 text-sm font-medium text-muted-foreground hover:text-foreground", onClick: () => handleSort("status"), children: [
+            "Status",
+            getSortIcon("status")
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "flex items-center gap-1.5 text-sm font-medium text-muted-foreground hover:text-foreground", onClick: () => handleSort("updatedAt"), children: [
+            "Updated",
+            getSortIcon("updatedAt")
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "p-3 text-left text-sm font-medium text-muted-foreground", children: "Actions" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: paginatedEntries.map((entry) => /* @__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(Link, { to: "/entries/$entryId", params: {
+              entryId: entry._id
+            }, className: "font-medium text-foreground hover:text-primary hover:underline", children: getEntryTitle(entry) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: entry.slug })
+          ] }),
+          /* @__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.lastPublishedAt ?? entry._creationTime) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", size: "sm", asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/entries/$entryId", params: {
+              entryId: entry._id
+            }, children: canUpdate("contentEntries") ? "Edit" : "View" }) }),
+            canDelete("contentEntries") && /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "danger", size: "sm", onClick: () => handleDeleteClick(entry), "data-testid": `delete-entry-${entry._id}`, children: "Delete" })
+          ] }) })
+        ] }, entry._id)) })
+      ] }) }),
+      totalPages > 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", size: "sm", onClick: () => setCurrentPage(0), disabled: currentPage === 0, children: "First" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", size: "sm", onClick: () => setCurrentPage((p) => Math.max(0, p - 1)), disabled: currentPage === 0, children: "Previous" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "px-3 text-sm text-muted-foreground", children: [
+          "Page ",
+          currentPage + 1,
+          " of ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", size: "sm", onClick: () => setCurrentPage((p) => Math.min(totalPages - 1, p + 1)), disabled: currentPage >= totalPages - 1, children: "Next" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CmsButton, { variant: "outline", size: "sm", onClick: () => setCurrentPage(totalPages - 1), disabled: currentPage >= totalPages - 1, children: "Last" })
+      ] })
+    ] }),
+    sortedEntries.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-center text-sm text-muted-foreground", children: [
+      "Showing ",
+      paginatedEntries.length,
+      " of ",
+      sortedEntries.length,
+      " ",
+      sortedEntries.length === 1 ? "entry" : "entries"
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CmsConfirmDialog, { open: deleteModalOpen, onOpenChange: handleDeleteModalClose, title: "Delete Entry", description: entryToDelete ? `Are you sure you want to delete "${entryToDelete.title}"? It will be moved to the trash and can be restored within the retention period.` : "Are you sure you want to delete this entry?", confirmLabel: "Delete", variant: "danger", onConfirm: handleDeleteConfirm, isLoading: isDeleting, error: deleteError })
+  ] });
+}
+export {
+  ContentTypeEntriesPage as component
+};