@btst/plugin-cms 1.0.0 → 1.2.0-beta.1

package/dist/client/components/pages/content-editor-page.internal.mjs

@@ -8,6 +8,7 @@ import { orderCMSContentTypes } from '../../overrides.mjs';
 import { CMS_PLUGIN_ID } from '../../constants.mjs';
 import { ContentForm } from '../forms/content-form.mjs';
 import { InverseRelationsPanel } from '../inverse-relations-panel.mjs';
+import { RevisionHistory } from '../revision-history.mjs';
 import { EmptyState } from '../shared/empty-state.mjs';
 import { PageWrapper } from '../shared/page-wrapper.mjs';
 import { EditorSkeleton } from '../loading/editor-skeleton.mjs';
@@ -85,6 +86,7 @@ function ContentEditorPage({ typeSlug, id }) {
   );
   const contentType = contentTypes.find((ct) => ct.slug === typeSlug);
   const isEditing = !!id;
+  const [restoreCount, setRestoreCount] = useState(0);
   const { item, isLoading: isLoadingItem } = useContentItem(typeSlug, id ?? "");
   const resourceForm = useContentItemForm({
     action: isEditing ? "edit" : "create",
@@ -93,12 +95,17 @@ function ContentEditorPage({ typeSlug, id }) {
     toCreateVars: (values) => ({
       typeSlug,
       slug: values.slug,
-      data: values.data
+      data: values.data,
+      publishAt: values.publishAt
     }),
     toUpdateVars: (values) => ({
       typeSlug,
       id: id ?? "",
-      data: { slug: values.slug, data: values.data }
+      data: {
+        slug: values.slug,
+        data: values.data,
+        publishAt: values.publishAt
+      }
     }),
     onSuccess: () => {
       void navigate?.(joinBasePath(basePath, `/cms/${typeSlug}`));
@@ -108,6 +115,7 @@ function ContentEditorPage({ typeSlug, id }) {
     return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-editor-page", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx(
       EmptyState,
       {
+        page: id ? "editContent" : "newContent",
         title: localization?.CMS_ERROR_NOT_FOUND ?? t("cms.common.notFound", "Not found"),
         description: localization?.CMS_ERROR_TYPE_NOT_FOUND_DESCRIPTION ?? t("cms.common.typeNotFoundDescription", "Content type not found")
       }
@@ -120,6 +128,7 @@ function ContentEditorPage({ typeSlug, id }) {
     return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-editor-page", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx(
       EmptyState,
       {
+        page: id ? "editContent" : "newContent",
         title: localization?.CMS_ERROR_NOT_FOUND ?? t("cms.common.notFound", "Not found"),
         description: localization?.CMS_ERROR_ITEM_NOT_FOUND_DESCRIPTION ?? t("cms.common.itemNotFoundDescription", "Content item not found")
       }
@@ -131,7 +140,7 @@ function ContentEditorPage({ typeSlug, id }) {
   const hasFieldErrors = Object.keys(resourceForm.fieldErrors).length > 0;
   const title = isEditing ? (localization?.CMS_EDITOR_TITLE_EDIT ?? t("cms.editor.titleEdit", "Edit {typeName}")).replace("{typeName}", contentType.name) : (localization?.CMS_EDITOR_TITLE_NEW ?? t("cms.editor.titleNew", "New {typeName}")).replace("{typeName}", contentType.name);
   return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-editor-page", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-2xl space-y-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -141,7 +150,15 @@ function ContentEditorPage({ typeSlug, id }) {
           children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title })
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
+      isEditing && id && /* @__PURE__ */ jsx(
+        RevisionHistory,
+        {
+          typeSlug,
+          itemId: id,
+          onRestored: () => setRestoreCount((count) => count + 1)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx(
       ContentForm,
@@ -152,6 +169,7 @@ function ContentEditorPage({ typeSlug, id }) {
           JSON.parse(contentType.jsonSchema)
         ) : void 0,
         initialSlug: item?.slug,
+        initialPublishAt: item?.publishAt,
         isEditing,
         onSubmit: handleSubmit,
         onCancel: () => void navigate?.(joinBasePath(basePath, `/cms/${typeSlug}`)),
@@ -159,7 +177,7 @@ function ContentEditorPage({ typeSlug, id }) {
         errorMessage: hasFieldErrors ? void 0 : resourceForm.error?.message,
         isSubmitting: resourceForm.isSubmitting
       },
-      isEditing ? `edit-${id}` : "create"
+      isEditing ? `edit-${id}-${restoreCount}` : "create"
     ),
     isEditing && id && /* @__PURE__ */ jsx(InverseRelationsPanel, { contentTypeSlug: typeSlug, itemId: id })
   ] }) });

package/dist/client/components/pages/content-list-page.internal.cjs

@@ -99,6 +99,7 @@ function ContentListPage({ typeSlug }) {
     return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { testId: "cms-list-page", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-5xl", children: /* @__PURE__ */ jsxRuntime.jsx(
       emptyState.EmptyState,
       {
+        page: "contentList",
         title: localization?.CMS_ERROR_NOT_FOUND ?? t("cms.common.notFound", "Not found"),
         description: localization?.CMS_ERROR_TYPE_NOT_FOUND_DESCRIPTION ?? t("cms.common.typeNotFoundDescription", "Content type not found")
       }
@@ -157,6 +158,7 @@ function ContentListPage({ typeSlug }) {
     items.length === 0 ? isSearchLoading ? null : hasSearch ? /* @__PURE__ */ jsxRuntime.jsx(
       emptyState.EmptyState,
       {
+        page: "contentList",
         title: localization?.CMS_LIST_SEARCH_EMPTY ?? t("cms.list.searchEmpty", "No items match your search"),
         description: localization?.CMS_LIST_SEARCH_EMPTY_DESCRIPTION ?? t(
           "cms.list.searchEmptyDescription",
@@ -166,6 +168,7 @@ function ContentListPage({ typeSlug }) {
     ) : /* @__PURE__ */ jsxRuntime.jsx(
       emptyState.EmptyState,
       {
+        page: "contentList",
         title: localization?.CMS_LIST_EMPTY ?? t("cms.list.empty", "No items yet"),
         description: localization?.CMS_LIST_EMPTY_DESCRIPTION ?? t(
           "cms.list.emptyDescription",

package/dist/client/components/pages/content-list-page.internal.mjs

@@ -97,6 +97,7 @@ function ContentListPage({ typeSlug }) {
     return /* @__PURE__ */ jsx(PageWrapper, { testId: "cms-list-page", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-5xl", children: /* @__PURE__ */ jsx(
       EmptyState,
       {
+        page: "contentList",
         title: localization?.CMS_ERROR_NOT_FOUND ?? t("cms.common.notFound", "Not found"),
         description: localization?.CMS_ERROR_TYPE_NOT_FOUND_DESCRIPTION ?? t("cms.common.typeNotFoundDescription", "Content type not found")
       }
@@ -155,6 +156,7 @@ function ContentListPage({ typeSlug }) {
     items.length === 0 ? isSearchLoading ? null : hasSearch ? /* @__PURE__ */ jsx(
       EmptyState,
       {
+        page: "contentList",
         title: localization?.CMS_LIST_SEARCH_EMPTY ?? t("cms.list.searchEmpty", "No items match your search"),
         description: localization?.CMS_LIST_SEARCH_EMPTY_DESCRIPTION ?? t(
           "cms.list.searchEmptyDescription",
@@ -164,6 +166,7 @@ function ContentListPage({ typeSlug }) {
     ) : /* @__PURE__ */ jsx(
       EmptyState,
       {
+        page: "contentList",
         title: localization?.CMS_LIST_EMPTY ?? t("cms.list.empty", "No items yet"),
         description: localization?.CMS_LIST_EMPTY_DESCRIPTION ?? t(
           "cms.list.emptyDescription",

package/dist/client/components/pages/dashboard-page.internal.cjs

@@ -2,15 +2,13 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const lucideReact = require('lucide-react');
-const card = require('../../../ui/src/components/card.cjs');
 const context = require('@btst/stack/context');
 const overrides = require('../../overrides.cjs');
 const constants = require('../../constants.cjs');
 const emptyState = require('../shared/empty-state.cjs');
 const pageWrapper = require('../shared/page-wrapper.cjs');
 const useRouteLifecycle = require('../../../ui/src/hooks/use-route-lifecycle.cjs');
-const utils = require('../../../utils.cjs');
+const contentTypeCard = require('../shared/content-type-card.cjs');
 const cmsHooks = require('../../hooks/cms-hooks.cjs');
 
 function DashboardPage() {
@@ -44,6 +42,7 @@ function DashboardPage() {
       /* @__PURE__ */ jsxRuntime.jsx(
         emptyState.EmptyState,
         {
+          page: "dashboard",
           title: localization?.CMS_DASHBOARD_NO_TYPES ?? t("cms.dashboard.noTypes", "No content types configured"),
           description: localization?.CMS_DASHBOARD_NO_TYPES_DESCRIPTION ?? t(
             "cms.dashboard.noTypesDescription",
@@ -65,34 +64,15 @@ function DashboardPage() {
       /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: subtitle })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: contentTypes.map((ct) => /* @__PURE__ */ jsxRuntime.jsxs(
-      card.Card,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: contentTypes.map((ct) => /* @__PURE__ */ jsxRuntime.jsx(
+      contentTypeCard.ContentTypeCard,
       {
-        className: utils.cn(
-          "hover:border-primary/50 transition-colors cursor-pointer",
-          classNames?.contentTypeCard
-        ),
-        onClick: () => void navigate?.(context.joinBasePath(basePath, `/cms/${ct.slug}`)),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(card.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              card.CardTitle,
-              {
-                className: utils.cn(
-                  "text-lg font-medium",
-                  classNames?.contentTypeTitle
-                ),
-                children: ct.name
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5 text-muted-foreground" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(card.CardContent, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold", children: ct.itemCount }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: formatItemCount(ct.itemCount) }),
-            ct.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-2 line-clamp-2", children: ct.description })
-          ] })
-        ]
+        page: "dashboard",
+        contentType: ct,
+        itemCountLabel: formatItemCount(ct.itemCount),
+        className: classNames?.contentTypeCard,
+        titleClassName: classNames?.contentTypeTitle,
+        onOpen: () => void navigate?.(context.joinBasePath(basePath, `/cms/${ct.slug}`))
       },
       ct.id
     )) })

package/dist/client/components/pages/dashboard-page.internal.mjs

@@ -1,14 +1,12 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { FileText } from 'lucide-react';
-import { Card, CardHeader, CardTitle, CardContent } from '../../../ui/src/components/card.mjs';
 import { useTranslate, usePluginOverrides, useStack, joinBasePath } from '@btst/stack/context';
 import { orderCMSContentTypes } from '../../overrides.mjs';
 import { CMS_PLUGIN_ID } from '../../constants.mjs';
 import { EmptyState } from '../shared/empty-state.mjs';
 import { PageWrapper } from '../shared/page-wrapper.mjs';
 import { useRouteLifecycle } from '../../../ui/src/hooks/use-route-lifecycle.mjs';
-import { cn } from '../../../utils.mjs';
+import { ContentTypeCard } from '../shared/content-type-card.mjs';
 import { useSuspenseContentTypes } from '../../hooks/cms-hooks.mjs';
 
 function DashboardPage() {
@@ -42,6 +40,7 @@ function DashboardPage() {
       /* @__PURE__ */ jsx(
         EmptyState,
         {
+          page: "dashboard",
           title: localization?.CMS_DASHBOARD_NO_TYPES ?? t("cms.dashboard.noTypes", "No content types configured"),
           description: localization?.CMS_DASHBOARD_NO_TYPES_DESCRIPTION ?? t(
             "cms.dashboard.noTypesDescription",
@@ -63,34 +62,15 @@ function DashboardPage() {
       /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }),
       /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: subtitle })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: contentTypes.map((ct) => /* @__PURE__ */ jsxs(
-      Card,
+    /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: contentTypes.map((ct) => /* @__PURE__ */ jsx(
+      ContentTypeCard,
       {
-        className: cn(
-          "hover:border-primary/50 transition-colors cursor-pointer",
-          classNames?.contentTypeCard
-        ),
-        onClick: () => void navigate?.(joinBasePath(basePath, `/cms/${ct.slug}`)),
-        children: [
-          /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-            /* @__PURE__ */ jsx(
-              CardTitle,
-              {
-                className: cn(
-                  "text-lg font-medium",
-                  classNames?.contentTypeTitle
-                ),
-                children: ct.name
-              }
-            ),
-            /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 text-muted-foreground" })
-          ] }),
-          /* @__PURE__ */ jsxs(CardContent, { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold", children: ct.itemCount }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatItemCount(ct.itemCount) }),
-            ct.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-2 line-clamp-2", children: ct.description })
-          ] })
-        ]
+        page: "dashboard",
+        contentType: ct,
+        itemCountLabel: formatItemCount(ct.itemCount),
+        className: classNames?.contentTypeCard,
+        titleClassName: classNames?.contentTypeTitle,
+        onOpen: () => void navigate?.(joinBasePath(basePath, `/cms/${ct.slug}`))
       },
       ct.id
     )) })

package/dist/client/components/revision-history.cjs

@@ -0,0 +1,161 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const button = require('../../ui/src/components/button.cjs');
+const sheet = require('../../ui/src/components/sheet.cjs');
+const alertDialog = require('../../ui/src/components/alert-dialog.cjs');
+const context = require('@btst/stack/context');
+const cmsHooks = require('../hooks/cms-hooks.cjs');
+
+function RevisionHistory({
+  typeSlug,
+  itemId,
+  onRestored
+}) {
+  const t = context.useTranslate();
+  const [open, setOpen] = React.useState(false);
+  const [selected, setSelected] = React.useState(
+    null
+  );
+  const [restoreError, setRestoreError] = React.useState(null);
+  const history = cmsHooks.useContentRevisions(typeSlug, itemId, open);
+  const restore = cmsHooks.useRestoreContentRevision();
+  const restoreSelected = async () => {
+    if (!selected) return;
+    setRestoreError(null);
+    try {
+      await restore.mutateAsync({
+        typeSlug,
+        id: itemId,
+        revisionId: selected.id
+      });
+      onRestored();
+      setSelected(null);
+      setOpen(false);
+    } catch (error) {
+      setRestoreError(
+        error instanceof Error ? error.message : t("cms.revisions.restoreError", "Could not restore revision")
+      );
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(sheet.Sheet, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", children: t("cms.revisions.title", "Revision history") }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(sheet.SheetContent, { className: "w-full overflow-y-auto sm:max-w-lg", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(sheet.SheetHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetTitle, { children: t("cms.revisions.title", "Revision history") }),
+        /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetDescription, { children: t(
+          "cms.revisions.description",
+          "Inspect saved versions. Restoring a version replaces the editor state and creates a new revision."
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 px-4 pb-6", children: [
+        history.isLoading && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", children: t("cms.revisions.loading", "Loading revisions...") }),
+        history.error && /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive", children: history.error.message }),
+          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", onClick: () => void history.refetch(), children: t("cms.revisions.retry", "Retry") })
+        ] }),
+        !history.isLoading && !history.error && history.revisions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t(
+          "cms.revisions.empty",
+          "No revisions yet. Saving this entry will create its first revision."
+        ) }),
+        history.revisions.map((revision) => /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "rounded-md border p-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "cursor-pointer space-y-1 break-words", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: t("cms.revisions.version", "Version {version}").replace(
+              "{version}",
+              String(revision.version)
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-sm text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: revision.createdAt, children: new Date(revision.createdAt).toLocaleString() }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block text-sm text-muted-foreground", children: [
+              t("cms.revisions.author", "Author"),
+              ":",
+              " ",
+              revision.authorId ?? t("cms.revisions.system", "System")
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 space-y-3 text-sm", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "break-words", children: [
+              t("cms.common.slugLabel", "Slug"),
+              ": ",
+              revision.slug
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              t("cms.editor.publishAt", "Publish at"),
+              ":",
+              " ",
+              revision.publishAt ? new Date(revision.publishAt).toLocaleString() : t("cms.revisions.unscheduled", "Not scheduled")
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "pre",
+              {
+                className: "max-h-80 overflow-auto rounded-md bg-muted p-3 text-xs",
+                "aria-label": t("cms.revisions.snapshot", "Field snapshot"),
+                children: JSON.stringify(JSON.parse(revision.data), null, 2)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              button.Button,
+              {
+                variant: "outline",
+                disabled: restore.isPending,
+                onClick: () => {
+                  setRestoreError(null);
+                  setSelected(revision);
+                },
+                children: t("cms.revisions.restore", "Restore this version")
+              }
+            )
+          ] })
+        ] }, revision.id)),
+        history.hasNextPage && /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            variant: "outline",
+            disabled: history.isFetchingNextPage,
+            onClick: () => void history.fetchNextPage(),
+            children: t("cms.revisions.loadMore", "Load older revisions")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      alertDialog.AlertDialog,
+      {
+        open: !!selected,
+        onOpenChange: (value) => {
+          if (!value && !restore.isPending) setSelected(null);
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogTitle, { children: t(
+              "cms.revisions.confirmTitle",
+              "Restore version {version}?"
+            ).replace("{version}", String(selected?.version ?? "")) }),
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogDescription, { children: t(
+              "cms.revisions.confirmDescription",
+              "This replaces the active entry, including its slug and schedule. Unsaved editor changes will be discarded. Existing revisions are kept."
+            ) })
+          ] }),
+          restoreError && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-destructive", children: restoreError }),
+          /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogCancel, { disabled: restore.isPending, children: t("cms.common.cancel", "Cancel") }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              alertDialog.AlertDialogAction,
+              {
+                disabled: restore.isPending,
+                onClick: (event) => {
+                  event.preventDefault();
+                  void restoreSelected();
+                },
+                children: restore.isPending ? t("cms.revisions.restoring", "Restoring...") : t("cms.revisions.confirm", "Restore version")
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+exports.RevisionHistory = RevisionHistory;

package/dist/client/components/revision-history.mjs

@@ -0,0 +1,159 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Button } from '../../ui/src/components/button.mjs';
+import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription } from '../../ui/src/components/sheet.mjs';
+import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from '../../ui/src/components/alert-dialog.mjs';
+import { useTranslate } from '@btst/stack/context';
+import { useContentRevisions, useRestoreContentRevision } from '../hooks/cms-hooks.mjs';
+
+function RevisionHistory({
+  typeSlug,
+  itemId,
+  onRestored
+}) {
+  const t = useTranslate();
+  const [open, setOpen] = useState(false);
+  const [selected, setSelected] = useState(
+    null
+  );
+  const [restoreError, setRestoreError] = useState(null);
+  const history = useContentRevisions(typeSlug, itemId, open);
+  const restore = useRestoreContentRevision();
+  const restoreSelected = async () => {
+    if (!selected) return;
+    setRestoreError(null);
+    try {
+      await restore.mutateAsync({
+        typeSlug,
+        id: itemId,
+        revisionId: selected.id
+      });
+      onRestored();
+      setSelected(null);
+      setOpen(false);
+    } catch (error) {
+      setRestoreError(
+        error instanceof Error ? error.message : t("cms.revisions.restoreError", "Could not restore revision")
+      );
+    }
+  };
+  return /* @__PURE__ */ jsxs(Sheet, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: t("cms.revisions.title", "Revision history") }) }),
+    /* @__PURE__ */ jsxs(SheetContent, { className: "w-full overflow-y-auto sm:max-w-lg", children: [
+      /* @__PURE__ */ jsxs(SheetHeader, { children: [
+        /* @__PURE__ */ jsx(SheetTitle, { children: t("cms.revisions.title", "Revision history") }),
+        /* @__PURE__ */ jsx(SheetDescription, { children: t(
+          "cms.revisions.description",
+          "Inspect saved versions. Restoring a version replaces the editor state and creates a new revision."
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4 px-4 pb-6", children: [
+        history.isLoading && /* @__PURE__ */ jsx("p", { role: "status", children: t("cms.revisions.loading", "Loading revisions...") }),
+        history.error && /* @__PURE__ */ jsxs("div", { role: "alert", className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-destructive", children: history.error.message }),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => void history.refetch(), children: t("cms.revisions.retry", "Retry") })
+        ] }),
+        !history.isLoading && !history.error && history.revisions.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t(
+          "cms.revisions.empty",
+          "No revisions yet. Saving this entry will create its first revision."
+        ) }),
+        history.revisions.map((revision) => /* @__PURE__ */ jsxs("details", { className: "rounded-md border p-3", children: [
+          /* @__PURE__ */ jsxs("summary", { className: "cursor-pointer space-y-1 break-words", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: t("cms.revisions.version", "Version {version}").replace(
+              "{version}",
+              String(revision.version)
+            ) }),
+            /* @__PURE__ */ jsx("span", { className: "block text-sm text-muted-foreground", children: /* @__PURE__ */ jsx("time", { dateTime: revision.createdAt, children: new Date(revision.createdAt).toLocaleString() }) }),
+            /* @__PURE__ */ jsxs("span", { className: "block text-sm text-muted-foreground", children: [
+              t("cms.revisions.author", "Author"),
+              ":",
+              " ",
+              revision.authorId ?? t("cms.revisions.system", "System")
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3 text-sm", children: [
+            /* @__PURE__ */ jsxs("p", { className: "break-words", children: [
+              t("cms.common.slugLabel", "Slug"),
+              ": ",
+              revision.slug
+            ] }),
+            /* @__PURE__ */ jsxs("p", { children: [
+              t("cms.editor.publishAt", "Publish at"),
+              ":",
+              " ",
+              revision.publishAt ? new Date(revision.publishAt).toLocaleString() : t("cms.revisions.unscheduled", "Not scheduled")
+            ] }),
+            /* @__PURE__ */ jsx(
+              "pre",
+              {
+                className: "max-h-80 overflow-auto rounded-md bg-muted p-3 text-xs",
+                "aria-label": t("cms.revisions.snapshot", "Field snapshot"),
+                children: JSON.stringify(JSON.parse(revision.data), null, 2)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                disabled: restore.isPending,
+                onClick: () => {
+                  setRestoreError(null);
+                  setSelected(revision);
+                },
+                children: t("cms.revisions.restore", "Restore this version")
+              }
+            )
+          ] })
+        ] }, revision.id)),
+        history.hasNextPage && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            disabled: history.isFetchingNextPage,
+            onClick: () => void history.fetchNextPage(),
+            children: t("cms.revisions.loadMore", "Load older revisions")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      AlertDialog,
+      {
+        open: !!selected,
+        onOpenChange: (value) => {
+          if (!value && !restore.isPending) setSelected(null);
+        },
+        children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: t(
+              "cms.revisions.confirmTitle",
+              "Restore version {version}?"
+            ).replace("{version}", String(selected?.version ?? "")) }),
+            /* @__PURE__ */ jsx(AlertDialogDescription, { children: t(
+              "cms.revisions.confirmDescription",
+              "This replaces the active entry, including its slug and schedule. Unsaved editor changes will be discarded. Existing revisions are kept."
+            ) })
+          ] }),
+          restoreError && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive", children: restoreError }),
+          /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx(AlertDialogCancel, { disabled: restore.isPending, children: t("cms.common.cancel", "Cancel") }),
+            /* @__PURE__ */ jsx(
+              AlertDialogAction,
+              {
+                disabled: restore.isPending,
+                onClick: (event) => {
+                  event.preventDefault();
+                  void restoreSelected();
+                },
+                children: restore.isPending ? t("cms.revisions.restoring", "Restoring...") : t("cms.revisions.confirm", "Restore version")
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+export { RevisionHistory };

package/dist/client/components/shared/content-type-card.cjs

@@ -0,0 +1,56 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const card = require('../../../ui/src/components/card.cjs');
+const context = require('@btst/stack/context');
+const constants = require('../../constants.cjs');
+const utils = require('../../../utils.cjs');
+
+function ContentTypeCard({
+  page,
+  ...props
+}) {
+  if (!page) return /* @__PURE__ */ jsxRuntime.jsx(DefaultContentTypeCard, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(ScopedContentTypeCard, { page, ...props });
+}
+function ScopedContentTypeCard({
+  page,
+  ...props
+}) {
+  const { pageOverrides } = context.usePluginOverrides(constants.CMS_PLUGIN_ID);
+  const TypeCard = (page ? pageOverrides?.[page]?.ContentTypeCard : void 0) ?? DefaultContentTypeCard;
+  return /* @__PURE__ */ jsxRuntime.jsx(TypeCard, { ...props });
+}
+function DefaultContentTypeCard({
+  contentType,
+  itemCountLabel,
+  onOpen,
+  className,
+  titleClassName
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    card.Card,
+    {
+      className: utils.cn(
+        "hover:border-primary/50 transition-colors cursor-pointer",
+        className
+      ),
+      onClick: onOpen,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(card.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(card.CardTitle, { className: utils.cn("text-lg font-medium", titleClassName), children: contentType.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5 text-muted-foreground" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(card.CardContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold", children: contentType.itemCount }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: itemCountLabel }),
+          contentType.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-2 line-clamp-2", children: contentType.description })
+        ] })
+      ]
+    }
+  );
+}
+
+exports.ContentTypeCard = ContentTypeCard;