@ampless/admin 1.0.0-alpha.70 → 1.0.0-alpha.72

package/dist/{chunk-WE2GQIMF.js → chunk-ECN2MBJN.js}

@@ -1,15 +1,16 @@
 'use client';
 import {
   ImageUploadDialog,
+  getAdminCmsConfig,
   getMediaProcessingDefaults,
   uploadProcessedImage
-} from "./chunk-FTAGUNNZ.js";
+} from "./chunk-DDAGBC4N.js";
 import {
   publicMediaUrl
 } from "./chunk-2ITWLRYF.js";
 import {
   useT
-} from "./chunk-CAGGVZUP.js";
+} from "./chunk-DUSEHGSV.js";
 
 // src/components/media-picker.tsx
 import { useEffect, useRef, useState } from "react";
@@ -154,7 +155,7 @@ function MediaPicker({ trigger, onSelect }) {
 }
 
 // src/components/post-form.tsx
-import { useRef as useRef3, useState as useState4 } from "react";
+import { useEffect as useEffect4, useRef as useRef3, useState as useState5 } from "react";
 import { useRouter } from "next/navigation";
 import { Image as ImageIcon3 } from "lucide-react";
 import {
@@ -164,13 +165,13 @@ import {
   formatDate
 } from "ampless";
 import {
-  renderBody,
+  renderBody as renderBody2,
   tiptapToHtml,
   tiptapToMarkdown,
   markdownToHtml,
   htmlToMarkdown
 } from "@ampless/runtime";
-import { Button as Button6, Input, Label, Textarea } from "@ampless/runtime/ui";
+import { Button as Button7, Input, Label, Textarea } from "@ampless/runtime/ui";
 
 // src/editor/tiptap-editor.tsx
 import { useEditor, EditorContent } from "@tiptap/react";
@@ -579,7 +580,7 @@ var EDITOR_STYLES = `
   border-radius: 2px;
 }
 `;
-function TiptapEditor({ initialContent, onChange }) {
+function TiptapEditor({ initialContent, onChange, onUserEdit }) {
   const editor = useEditor({
     extensions: [
       StarterKit,
@@ -607,6 +608,7 @@ function TiptapEditor({ initialContent, onChange }) {
     },
     onUpdate: ({ editor: editor2 }) => {
       onChange?.(editor2.getJSON());
+      onUserEdit?.();
     }
   });
   return /* @__PURE__ */ jsxs5("div", { className: "rounded-md border", children: [
@@ -617,10 +619,187 @@ function TiptapEditor({ initialContent, onChange }) {
   ] });
 }
 
+// src/components/post-history-panel.tsx
+import { useCallback, useEffect as useEffect3, useState as useState3 } from "react";
+import { listPostHistory } from "ampless";
+import { renderBody } from "@ampless/runtime";
+import { Button as Button5 } from "@ampless/runtime/ui";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+function formatRevisedAt(iso, timezone, locale) {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return iso;
+  try {
+    return new Intl.DateTimeFormat(locale || void 0, {
+      year: "numeric",
+      month: "short",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+      timeZone: timezone
+    }).format(d);
+  } catch {
+    return iso;
+  }
+}
+function revisionAsPost(rev) {
+  return {
+    postId: rev.postId,
+    slug: rev.slug ?? "",
+    title: rev.title ?? "",
+    excerpt: rev.excerpt,
+    format: rev.format ?? "markdown",
+    body: rev.body,
+    status: rev.status ?? "draft",
+    publishedAt: rev.publishedAt,
+    tags: rev.tags ?? [],
+    metadata: rev.metadata
+  };
+}
+function PostHistoryPanel({ postId, onRestore }) {
+  const t = useT();
+  const config = getAdminCmsConfig();
+  const timezone = config?.timezone ?? "UTC";
+  const locale = config?.locale ?? "en";
+  const [open, setOpen] = useState3(false);
+  const [loaded, setLoaded] = useState3(false);
+  const [loading, setLoading] = useState3(false);
+  const [error, setError] = useState3(null);
+  const [revisions, setRevisions] = useState3([]);
+  const [nextToken, setNextToken] = useState3(void 0);
+  const [selected, setSelected] = useState3(null);
+  const loadPage = useCallback(
+    async (token) => {
+      setLoading(true);
+      setError(null);
+      try {
+        const conn = await listPostHistory(postId, { limit: PAGE_SIZE, nextToken: token });
+        setRevisions((prev) => token ? [...prev, ...conn.items] : conn.items);
+        setNextToken(conn.nextToken);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+      } finally {
+        setLoading(false);
+      }
+    },
+    [postId]
+  );
+  useEffect3(() => {
+    if (open && !loaded) {
+      setLoaded(true);
+      void loadPage();
+    }
+  }, [open, loaded, loadPage]);
+  return /* @__PURE__ */ jsxs6("section", { className: "rounded-md border", children: [
+    /* @__PURE__ */ jsxs6(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((v) => !v),
+        "aria-expanded": open,
+        className: "flex w-full items-center justify-between px-4 py-3 text-left text-sm font-medium",
+        children: [
+          /* @__PURE__ */ jsx6("span", { children: t("posts.history.title") }),
+          /* @__PURE__ */ jsx6("span", { className: "text-muted-foreground", "aria-hidden": "true", children: open ? "\u2212" : "+" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs6("div", { className: "space-y-4 border-t px-4 py-4", children: [
+      error && /* @__PURE__ */ jsx6("p", { className: "text-sm text-destructive", children: error }),
+      loading && revisions.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground", children: t("common.loading") }) : revisions.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground", children: t("posts.history.empty") }) : /* @__PURE__ */ jsx6("div", { className: "overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsxs6("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ jsx6("thead", { children: /* @__PURE__ */ jsxs6("tr", { className: "border-b text-left text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx6("th", { className: "px-3 py-2 font-medium", children: t("posts.history.columnRevisedAt") }),
+          /* @__PURE__ */ jsx6("th", { className: "px-3 py-2 font-medium", children: t("posts.history.columnStatus") }),
+          /* @__PURE__ */ jsx6("th", { className: "px-3 py-2 font-medium", children: t("posts.history.columnTitle") }),
+          /* @__PURE__ */ jsx6("th", { className: "px-3 py-2 font-medium text-right", children: t("common.actions") })
+        ] }) }),
+        /* @__PURE__ */ jsx6("tbody", { children: revisions.map((rev) => /* @__PURE__ */ jsxs6(
+          "tr",
+          {
+            className: selected?.postHistoryId === rev.postHistoryId ? "border-b bg-muted/50" : "border-b",
+            children: [
+              /* @__PURE__ */ jsx6("td", { className: "whitespace-nowrap px-3 py-2 font-mono text-xs", children: formatRevisedAt(rev.revisedAt, timezone, locale) }),
+              /* @__PURE__ */ jsx6("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx6("span", { className: "text-xs text-muted-foreground", children: rev.status ? t(`common.${rev.status}`) : "\u2014" }) }),
+              /* @__PURE__ */ jsx6("td", { className: "px-3 py-2", children: rev.title || "\u2014" }),
+              /* @__PURE__ */ jsx6("td", { className: "px-3 py-2 text-right", children: /* @__PURE__ */ jsxs6("div", { className: "flex justify-end gap-2", children: [
+                /* @__PURE__ */ jsx6(
+                  Button5,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    size: "sm",
+                    onClick: () => setSelected(rev),
+                    children: t("posts.history.view")
+                  }
+                ),
+                /* @__PURE__ */ jsx6(
+                  Button5,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    size: "sm",
+                    onClick: () => {
+                      if (confirm(t("posts.history.restoreConfirm"))) onRestore(rev);
+                    },
+                    children: t("posts.history.restore")
+                  }
+                )
+              ] }) })
+            ]
+          },
+          rev.postHistoryId
+        )) })
+      ] }) }),
+      nextToken && /* @__PURE__ */ jsx6("div", { children: /* @__PURE__ */ jsx6(
+        Button5,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          disabled: loading,
+          onClick: () => void loadPage(nextToken),
+          children: loading ? t("common.loading") : t("posts.history.loadMore")
+        }
+      ) }),
+      selected && /* @__PURE__ */ jsxs6("div", { className: "space-y-3 rounded-md border p-4", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx6("h4", { className: "text-sm font-semibold", children: t("posts.history.viewing", {
+            date: formatRevisedAt(selected.revisedAt, timezone, locale)
+          }) }),
+          /* @__PURE__ */ jsx6(
+            Button5,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: () => setSelected(null),
+              children: t("common.cancel")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs6("p", { className: "text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx6("span", { className: "font-mono uppercase", children: selected.format ?? "\u2014" }),
+          selected.slug && /* @__PURE__ */ jsxs6(Fragment2, { children: [
+            /* @__PURE__ */ jsx6("span", { className: "mx-2", children: "\xB7" }),
+            /* @__PURE__ */ jsx6("span", { className: "font-mono", children: selected.slug })
+          ] })
+        ] }),
+        selected.format === "static" ? /* @__PURE__ */ jsx6("p", { className: "rounded-md bg-amber-50 p-2 text-xs text-amber-700 dark:bg-amber-950 dark:text-amber-400", children: t("posts.history.staticCaveat") }) : /* @__PURE__ */ jsx6(
+          "div",
+          {
+            className: "prose prose-neutral dark:prose-invert max-w-none text-sm",
+            dangerouslySetInnerHTML: { __html: renderBody(revisionAsPost(selected)) }
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
 // src/components/static-uploader.tsx
-import { useState as useState3 } from "react";
+import { useState as useState4 } from "react";
 import { FileText, AlertTriangle, FileArchive, X } from "lucide-react";
-import { Button as Button5 } from "@ampless/runtime/ui";
+import { Button as Button6 } from "@ampless/runtime/ui";
 
 // src/lib/static-bundle.ts
 import JSZip from "jszip";
@@ -706,13 +885,13 @@ async function deleteBundle(slug) {
 }
 
 // src/components/static-uploader.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function StaticUploader({ initial, onFilesReady, onClear }) {
   const t = useT();
-  const [pending, setPending] = useState3(null);
-  const [issues, setIssues] = useState3([]);
-  const [busy, setBusy] = useState3(false);
-  const [error, setError] = useState3(null);
+  const [pending, setPending] = useState4(null);
+  const [issues, setIssues] = useState4([]);
+  const [busy, setBusy] = useState4(false);
+  const [error, setError] = useState4(null);
   async function handleZip(file) {
     setBusy(true);
     setError(null);
@@ -786,11 +965,11 @@ function StaticUploader({ initial, onFilesReady, onClear }) {
     onClear();
   }
   const showCurrent = !pending && initial && initial.files.length > 0;
-  return /* @__PURE__ */ jsxs6("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "rounded-md border border-dashed p-4", children: [
-      /* @__PURE__ */ jsxs6("label", { className: "flex flex-col items-start gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx6("span", { className: "font-medium", children: t("posts.form.static.pick") }),
-        /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs7("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "rounded-md border border-dashed p-4", children: [
+      /* @__PURE__ */ jsxs7("label", { className: "flex flex-col items-start gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx7("span", { className: "font-medium", children: t("posts.form.static.pick") }),
+        /* @__PURE__ */ jsx7(
           "input",
           {
             type: "file",
@@ -800,13 +979,13 @@ function StaticUploader({ initial, onFilesReady, onClear }) {
             disabled: busy
           }
         ),
-        /* @__PURE__ */ jsx6("span", { className: "text-xs text-muted-foreground", children: t("posts.form.static.pickHint") })
+        /* @__PURE__ */ jsx7("span", { className: "text-xs text-muted-foreground", children: t("posts.form.static.pickHint") })
       ] }),
-      busy && /* @__PURE__ */ jsx6("p", { className: "mt-2 text-sm text-muted-foreground", children: t("common.loading") }),
-      error && /* @__PURE__ */ jsx6("p", { className: "mt-2 text-sm text-destructive", children: error })
+      busy && /* @__PURE__ */ jsx7("p", { className: "mt-2 text-sm text-muted-foreground", children: t("common.loading") }),
+      error && /* @__PURE__ */ jsx7("p", { className: "mt-2 text-sm text-destructive", children: error })
     ] }),
-    showCurrent && /* @__PURE__ */ jsx6(CurrentBundle, { body: initial }),
-    pending && /* @__PURE__ */ jsx6(
+    showCurrent && /* @__PURE__ */ jsx7(CurrentBundle, { body: initial }),
+    pending && /* @__PURE__ */ jsx7(
       PendingBundle,
       {
         files: pending,
@@ -818,15 +997,15 @@ function StaticUploader({ initial, onFilesReady, onClear }) {
 }
 function CurrentBundle({ body }) {
   const t = useT();
-  return /* @__PURE__ */ jsxs6("div", { className: "rounded-md border bg-muted/30 p-3", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "mb-2 flex items-center gap-2 text-sm font-medium", children: [
-      /* @__PURE__ */ jsx6(FileArchive, { className: "h-4 w-4" }),
+  return /* @__PURE__ */ jsxs7("div", { className: "rounded-md border bg-muted/30 p-3", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "mb-2 flex items-center gap-2 text-sm font-medium", children: [
+      /* @__PURE__ */ jsx7(FileArchive, { className: "h-4 w-4" }),
       t("posts.form.static.currentBundle", {
         count: body.files.length,
         entrypoint: body.entrypoint
       })
     ] }),
-    /* @__PURE__ */ jsx6(FileList, { files: body.files })
+    /* @__PURE__ */ jsx7(FileList, { files: body.files })
   ] });
 }
 function PendingBundle({
@@ -836,49 +1015,49 @@ function PendingBundle({
 }) {
   const t = useT();
   const totalBytes = files.reduce((sum, f) => sum + f.data.byteLength, 0);
-  return /* @__PURE__ */ jsxs6("div", { className: "rounded-md border p-3", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "mb-2 flex items-center justify-between gap-2 text-sm font-medium", children: [
-      /* @__PURE__ */ jsxs6("span", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx6(FileArchive, { className: "h-4 w-4" }),
+  return /* @__PURE__ */ jsxs7("div", { className: "rounded-md border p-3", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "mb-2 flex items-center justify-between gap-2 text-sm font-medium", children: [
+      /* @__PURE__ */ jsxs7("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx7(FileArchive, { className: "h-4 w-4" }),
         t("posts.form.static.pendingBundle", {
           count: files.length,
           size: formatBytes(totalBytes)
         })
       ] }),
-      /* @__PURE__ */ jsxs6(Button5, { type: "button", variant: "ghost", size: "sm", onClick: onClear, children: [
-        /* @__PURE__ */ jsx6(X, { className: "mr-1 h-3 w-3" }),
+      /* @__PURE__ */ jsxs7(Button6, { type: "button", variant: "ghost", size: "sm", onClick: onClear, children: [
+        /* @__PURE__ */ jsx7(X, { className: "mr-1 h-3 w-3" }),
         t("common.cancel")
       ] })
     ] }),
-    issues.length > 0 && /* @__PURE__ */ jsxs6("div", { className: "mb-3 rounded-md border border-destructive/40 bg-destructive/5 p-2 text-sm", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "mb-1 flex items-center gap-2 font-medium text-destructive", children: [
-        /* @__PURE__ */ jsx6(AlertTriangle, { className: "h-4 w-4" }),
+    issues.length > 0 && /* @__PURE__ */ jsxs7("div", { className: "mb-3 rounded-md border border-destructive/40 bg-destructive/5 p-2 text-sm", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "mb-1 flex items-center gap-2 font-medium text-destructive", children: [
+        /* @__PURE__ */ jsx7(AlertTriangle, { className: "h-4 w-4" }),
         t("posts.form.static.issuesTitle", { count: issues.length })
       ] }),
-      /* @__PURE__ */ jsxs6("ul", { className: "space-y-0.5 text-xs", children: [
-        issues.slice(0, 20).map((issue, idx) => /* @__PURE__ */ jsxs6("li", { className: "font-mono", children: [
+      /* @__PURE__ */ jsxs7("ul", { className: "space-y-0.5 text-xs", children: [
+        issues.slice(0, 20).map((issue, idx) => /* @__PURE__ */ jsxs7("li", { className: "font-mono", children: [
           issue.path,
           ": ",
           issue.reason
         ] }, `${issue.path}-${idx}`)),
-        issues.length > 20 && /* @__PURE__ */ jsxs6("li", { className: "font-mono text-muted-foreground", children: [
+        issues.length > 20 && /* @__PURE__ */ jsxs7("li", { className: "font-mono text-muted-foreground", children: [
           "\u2026 ",
           issues.length - 20,
           " more"
         ] })
       ] }),
-      /* @__PURE__ */ jsx6("p", { className: "mt-2 text-xs text-muted-foreground", children: t("posts.form.static.issuesHint") })
+      /* @__PURE__ */ jsx7("p", { className: "mt-2 text-xs text-muted-foreground", children: t("posts.form.static.issuesHint") })
     ] }),
-    /* @__PURE__ */ jsx6(FileList, { files: files.map((f) => f.path) })
+    /* @__PURE__ */ jsx7(FileList, { files: files.map((f) => f.path) })
   ] });
 }
 function FileList({ files }) {
-  return /* @__PURE__ */ jsxs6("ul", { className: "space-y-0.5 text-xs", children: [
-    files.slice(0, 40).map((path) => /* @__PURE__ */ jsxs6("li", { className: "flex items-center gap-1.5 font-mono text-muted-foreground", children: [
-      /* @__PURE__ */ jsx6(FileText, { className: "h-3 w-3 shrink-0" }),
+  return /* @__PURE__ */ jsxs7("ul", { className: "space-y-0.5 text-xs", children: [
+    files.slice(0, 40).map((path) => /* @__PURE__ */ jsxs7("li", { className: "flex items-center gap-1.5 font-mono text-muted-foreground", children: [
+      /* @__PURE__ */ jsx7(FileText, { className: "h-3 w-3 shrink-0" }),
       path
     ] }, path)),
-    files.length > 40 && /* @__PURE__ */ jsxs6("li", { className: "font-mono text-xs text-muted-foreground", children: [
+    files.length > 40 && /* @__PURE__ */ jsxs7("li", { className: "font-mono text-xs text-muted-foreground", children: [
       "\u2026 ",
       files.length - 40,
       " more"
@@ -951,8 +1130,98 @@ function isFuture(iso) {
   return t > Date.now();
 }
 
+// src/lib/post-draft.ts
+var DRAFT_KEY_PREFIX = "ampless:draft:";
+var NEW_POST_DRAFT_ID = "new";
+function draftKey(postId) {
+  return `${DRAFT_KEY_PREFIX}${postId ?? NEW_POST_DRAFT_ID}`;
+}
+function hasStorage() {
+  return typeof window !== "undefined" && !!window.localStorage;
+}
+function readDraft(postId) {
+  if (!hasStorage()) return null;
+  try {
+    const raw = window.localStorage.getItem(draftKey(postId));
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed !== "object" || typeof parsed.format !== "string") {
+      return null;
+    }
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+function writeDraft(postId, draft) {
+  if (!hasStorage()) return;
+  try {
+    window.localStorage.setItem(draftKey(postId), JSON.stringify(draft));
+  } catch {
+  }
+}
+function clearDraft(postId) {
+  if (!hasStorage()) return;
+  try {
+    window.localStorage.removeItem(draftKey(postId));
+  } catch {
+  }
+}
+function clearAllDrafts() {
+  if (!hasStorage()) return;
+  try {
+    const keys = [];
+    for (let i = 0; i < window.localStorage.length; i++) {
+      const k = window.localStorage.key(i);
+      if (k && k.startsWith(DRAFT_KEY_PREFIX)) keys.push(k);
+    }
+    for (const k of keys) window.localStorage.removeItem(k);
+  } catch {
+  }
+}
+function draftDiffersFromLoaded(draft, loaded) {
+  if (draft.title !== loaded.title) return true;
+  if (draft.slug !== loaded.slug) return true;
+  if (draft.excerpt !== loaded.excerpt) return true;
+  if (draft.format !== loaded.format) return true;
+  if (draft.status !== loaded.status) return true;
+  if (draft.tags !== loaded.tags) return true;
+  if (draft.publishedAtInput !== loaded.publishedAtInput) return true;
+  if (draft.noLayout !== loaded.noLayout) return true;
+  return !deepEqual(draft.body, loaded.body);
+}
+function reconcileDraft(draft, loaded) {
+  if (!draftDiffersFromLoaded(draft, loaded)) return "discard";
+  if (draft.baseUpdatedAt !== loaded.updatedAt) return "stale";
+  return "recover";
+}
+function deepEqual(a, b) {
+  if (a === b) return true;
+  if (typeof a !== typeof b) return false;
+  if (a === null || b === null) return a === b;
+  if (typeof a !== "object") return false;
+  if (Array.isArray(a) || Array.isArray(b)) {
+    if (!Array.isArray(a) || !Array.isArray(b)) return false;
+    if (a.length !== b.length) return false;
+    for (let i = 0; i < a.length; i++) {
+      if (!deepEqual(a[i], b[i])) return false;
+    }
+    return true;
+  }
+  const ao = a;
+  const bo = b;
+  const ak = Object.keys(ao);
+  const bk = Object.keys(bo);
+  if (ak.length !== bk.length) return false;
+  for (const k of ak) {
+    if (!Object.prototype.hasOwnProperty.call(bo, k)) return false;
+    if (!deepEqual(ao[k], bo[k])) return false;
+  }
+  return true;
+}
+
 // src/components/post-form.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var EMPTY_TIPTAP_DOC = { type: "doc", content: [{ type: "paragraph" }] };
 var IMAGE_URL_RE = /\.(jpe?g|png|gif|webp|avif|svg|bmp|tiff?)(\?|$)/i;
 var STYLESHEET_URL_RE = /\.css(\?|$)/i;
@@ -978,23 +1247,51 @@ function defaultBodyForFormat(format) {
 function isStaticBody(value) {
   return !!value && typeof value === "object" && "entrypoint" in value && "files" in value && Array.isArray(value.files);
 }
+function formatDraftTime(epochMs, timezone, locale) {
+  const d = new Date(epochMs);
+  if (Number.isNaN(d.getTime())) return "";
+  try {
+    return new Intl.DateTimeFormat(locale || void 0, {
+      year: "numeric",
+      month: "short",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+      timeZone: timezone
+    }).format(d);
+  } catch {
+    return d.toLocaleString();
+  }
+}
 function PostForm({ post }) {
   const router = useRouter();
   const t = useT();
   const isEdit = !!post;
   const bodyTextareaRef = useRef3(null);
-  const [title, setTitle] = useState4(post?.title ?? "");
-  const [slug, setSlug] = useState4(post?.slug ?? "");
-  const [excerpt, setExcerpt] = useState4(post?.excerpt ?? "");
-  const [format, setFormat] = useState4(post?.format ?? "tiptap");
-  const [body, setBody] = useState4(post?.body ?? EMPTY_TIPTAP_DOC);
-  const [status, setStatus] = useState4(post?.status ?? "draft");
-  const [tagsInput, setTagsInput] = useState4((post?.tags ?? []).join(", "));
-  const [noLayout, setNoLayout] = useState4(post?.metadata?.no_layout === true);
-  const [publishedAtInput, setPublishedAtInput] = useState4(isoToLocalInput(post?.publishedAt));
-  const [saving, setSaving] = useState4(false);
-  const [error, setError] = useState4(null);
-  const [view, setView] = useState4("edit");
+  const [title, setTitle] = useState5(post?.title ?? "");
+  const [slug, setSlug] = useState5(post?.slug ?? "");
+  const [excerpt, setExcerpt] = useState5(post?.excerpt ?? "");
+  const [format, setFormat] = useState5(post?.format ?? "tiptap");
+  const [body, setBody] = useState5(post?.body ?? EMPTY_TIPTAP_DOC);
+  const [status, setStatus] = useState5(post?.status ?? "draft");
+  const [tagsInput, setTagsInput] = useState5((post?.tags ?? []).join(", "));
+  const [noLayout, setNoLayout] = useState5(post?.metadata?.no_layout === true);
+  const [publishedAtInput, setPublishedAtInput] = useState5(isoToLocalInput(post?.publishedAt));
+  const [saving, setSaving] = useState5(false);
+  const [error, setError] = useState5(null);
+  const [view, setView] = useState5("edit");
+  const [editorEpoch, setEditorEpoch] = useState5(0);
+  const dirtyRef = useRef3(false);
+  function markDirty() {
+    dirtyRef.current = true;
+  }
+  const [recovery, setRecovery] = useState5(null);
+  const [restoredHint, setRestoredHint] = useState5(false);
+  const draftId = post?.postId ?? NEW_POST_DRAFT_ID;
+  const isStaticFormat = format === "static";
+  const cmsConfig = getAdminCmsConfig();
+  const draftTimezone = cmsConfig?.timezone ?? "UTC";
+  const draftLocale = cmsConfig?.locale ?? "en";
   const initialPublishedAtInput = isoToLocalInput(post?.publishedAt);
   const resolvedPublishedAt = resolvePublishedAtForSave({
     status,
@@ -1002,7 +1299,7 @@ function PostForm({ post }) {
     initialInput: initialPublishedAtInput,
     existing: post?.publishedAt
   });
-  const [pendingBundle, setPendingBundle] = useState4(null);
+  const [pendingBundle, setPendingBundle] = useState5(null);
   const initialStaticBody = isStaticBody(post?.body) ? post.body : null;
   function buildMetadata() {
     const next = { ...post?.metadata ?? {} };
@@ -1017,9 +1314,87 @@ function PostForm({ post }) {
       )
     );
   }
+  const loadedState = {
+    title: post?.title ?? "",
+    slug: post?.slug ?? "",
+    excerpt: post?.excerpt ?? "",
+    format: post?.format ?? "tiptap",
+    body: post?.body ?? EMPTY_TIPTAP_DOC,
+    status: post?.status ?? "draft",
+    tags: (post?.tags ?? []).join(", "),
+    publishedAtInput: isoToLocalInput(post?.publishedAt),
+    noLayout: post?.metadata?.no_layout === true,
+    updatedAt: post?.updatedAt ?? null
+  };
+  function buildCurrentDraft() {
+    return {
+      title,
+      slug,
+      excerpt,
+      format,
+      body,
+      status,
+      tags: tagsInput,
+      publishedAtInput,
+      noLayout,
+      baseUpdatedAt: post?.updatedAt ?? null,
+      savedAt: Date.now()
+    };
+  }
+  function applyDraft(draft) {
+    setTitle(draft.title);
+    setSlug(draft.slug);
+    setExcerpt(draft.excerpt);
+    setFormat(draft.format);
+    setBody(draft.body);
+    setStatus(draft.status);
+    setTagsInput(draft.tags);
+    setPublishedAtInput(draft.publishedAtInput);
+    setNoLayout(draft.noLayout && draft.format === "html");
+    setPendingBundle(null);
+    setEditorEpoch((e) => e + 1);
+    setView("edit");
+    markDirty();
+    setRestoredHint(true);
+  }
+  function acceptRecovery() {
+    if (!recovery) return;
+    applyDraft(recovery.draft);
+    setRecovery(null);
+  }
+  function discardRecovery() {
+    clearDraft(draftId);
+    dirtyRef.current = false;
+    setRecovery(null);
+  }
+  useEffect4(() => {
+    if (loadedState.format === "static") return;
+    const draft = readDraft(draftId);
+    if (!draft) return;
+    if (draft.format === "static") {
+      clearDraft(draftId);
+      return;
+    }
+    const decision = reconcileDraft(draft, loadedState);
+    if (decision === "discard") {
+      clearDraft(draftId);
+      return;
+    }
+    setRecovery({ draft, decision });
+  }, []);
+  useEffect4(() => {
+    if (isStaticFormat) return;
+    if (!dirtyRef.current) return;
+    const handle = setTimeout(() => {
+      if (!dirtyRef.current) return;
+      writeDraft(draftId, buildCurrentDraft());
+    }, 1200);
+    return () => clearTimeout(handle);
+  }, [title, slug, excerpt, format, body, status, tagsInput, publishedAtInput, noLayout]);
   function insertMediaSnippet(url) {
     if (format === "tiptap") return;
     const snippet = snippetFor(url, format);
+    markDirty();
     const ta = bodyTextareaRef.current;
     const current = typeof body === "string" ? body : "";
     if (!ta) {
@@ -1072,6 +1447,23 @@ function PostForm({ post }) {
     setBody(nextBody);
     setPendingBundle(null);
     if (next !== "html") setNoLayout(false);
+    markDirty();
+  }
+  function restoreRevision(rev) {
+    const fmt = rev.format ?? "markdown";
+    setTitle(rev.title ?? "");
+    setSlug(rev.slug ?? "");
+    setExcerpt(rev.excerpt ?? "");
+    setFormat(fmt);
+    setBody(rev.body);
+    setStatus(rev.status ?? "draft");
+    setTagsInput((rev.tags ?? []).join(", "));
+    setPublishedAtInput(isoToLocalInput(rev.publishedAt));
+    setNoLayout(rev.metadata?.no_layout === true && fmt === "html");
+    setPendingBundle(null);
+    setEditorEpoch((e) => e + 1);
+    setView("edit");
+    markDirty();
   }
   async function save(e) {
     e.preventDefault();
@@ -1097,10 +1489,10 @@ function PostForm({ post }) {
           });
           nextBody = result.body;
           metadata = { ...metadata ?? {}, files: result.filesMeta };
-        } else if (initialStaticBody) {
-          nextBody = initialStaticBody;
         } else {
-          throw new Error(t("posts.form.static.noBundle"));
+          const fallbackManifest = isStaticBody(body) ? body : initialStaticBody;
+          if (!fallbackManifest) throw new Error(t("posts.form.static.noBundle"));
+          nextBody = fallbackManifest;
         }
       }
       if (isEdit) {
@@ -1128,6 +1520,9 @@ function PostForm({ post }) {
           metadata
         });
       }
+      dirtyRef.current = false;
+      clearDraft(draftId);
+      if (!isEdit) clearDraft(NEW_POST_DRAFT_ID);
       router.push("/admin/posts");
       router.refresh();
     } catch (err) {
@@ -1163,9 +1558,9 @@ function PostForm({ post }) {
     publishedAt: resolvedPublishedAt,
     tags: parseTags(tagsInput)
   };
-  return /* @__PURE__ */ jsxs7("form", { onSubmit: save, className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "flex gap-1 border-b", children: [
-      /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs8("form", { onSubmit: save, className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex gap-1 border-b", children: [
+      /* @__PURE__ */ jsx8(
         "button",
         {
           type: "button",
@@ -1175,7 +1570,7 @@ function PostForm({ post }) {
           children: t("posts.form.tabEdit")
         }
       ),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         "button",
         {
           type: "button",
@@ -1186,24 +1581,24 @@ function PostForm({ post }) {
         }
       )
     ] }),
-    view === "preview" && /* @__PURE__ */ jsxs7("article", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs7("header", { className: "border-b pb-4", children: [
-        /* @__PURE__ */ jsx7("h1", { className: "text-3xl font-bold tracking-tight", children: title || /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground italic", children: t("posts.form.previewNoTitle") }) }),
-        /* @__PURE__ */ jsxs7("p", { className: "mt-2 text-sm text-muted-foreground", children: [
-          previewPost.publishedAt ? /* @__PURE__ */ jsx7("time", { dateTime: previewPost.publishedAt, children: formatDate(previewPost.publishedAt) }) : /* @__PURE__ */ jsx7("span", { children: t("common.draft") }),
-          /* @__PURE__ */ jsx7("span", { className: "mx-2", children: "\xB7" }),
-          /* @__PURE__ */ jsx7("span", { className: "font-mono text-xs uppercase", children: format })
+    view === "preview" && /* @__PURE__ */ jsxs8("article", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs8("header", { className: "border-b pb-4", children: [
+        /* @__PURE__ */ jsx8("h1", { className: "text-3xl font-bold tracking-tight", children: title || /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground italic", children: t("posts.form.previewNoTitle") }) }),
+        /* @__PURE__ */ jsxs8("p", { className: "mt-2 text-sm text-muted-foreground", children: [
+          previewPost.publishedAt ? /* @__PURE__ */ jsx8("time", { dateTime: previewPost.publishedAt, children: formatDate(previewPost.publishedAt) }) : /* @__PURE__ */ jsx8("span", { children: t("common.draft") }),
+          /* @__PURE__ */ jsx8("span", { className: "mx-2", children: "\xB7" }),
+          /* @__PURE__ */ jsx8("span", { className: "font-mono text-xs uppercase", children: format })
         ] }),
-        excerpt && /* @__PURE__ */ jsx7("p", { className: "mt-3 text-base text-muted-foreground", children: excerpt })
+        excerpt && /* @__PURE__ */ jsx8("p", { className: "mt-3 text-base text-muted-foreground", children: excerpt })
       ] }),
-      format === "static" ? /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground", children: t("posts.form.static.previewHint") }) : /* @__PURE__ */ jsx7(
+      format === "static" ? /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: t("posts.form.static.previewHint") }) : /* @__PURE__ */ jsx8(
         "div",
         {
           className: "prose prose-neutral dark:prose-invert max-w-none",
-          dangerouslySetInnerHTML: { __html: renderBody(previewPost) }
+          dangerouslySetInnerHTML: { __html: renderBody2(previewPost) }
         }
       ),
-      previewPost.tags && previewPost.tags.length > 0 && /* @__PURE__ */ jsx7("div", { className: "flex flex-wrap gap-2 border-t pt-4 text-sm", children: previewPost.tags.map((tag) => /* @__PURE__ */ jsxs7(
+      previewPost.tags && previewPost.tags.length > 0 && /* @__PURE__ */ jsx8("div", { className: "flex flex-wrap gap-2 border-t pt-4 text-sm", children: previewPost.tags.map((tag) => /* @__PURE__ */ jsxs8(
         "span",
         {
           className: "rounded-full border px-2 py-0.5 text-xs text-muted-foreground",
@@ -1214,12 +1609,33 @@ function PostForm({ post }) {
         },
         tag
       )) }),
-      /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: t("posts.form.previewHint") })
+      /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground", children: t("posts.form.previewHint") })
     ] }),
-    /* @__PURE__ */ jsxs7("div", { className: view === "edit" ? "space-y-6" : "hidden", children: [
-      /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx7(Label, { htmlFor: "title", children: t("posts.form.title") }),
-        /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsxs8("div", { className: view === "edit" ? "space-y-6" : "hidden", children: [
+      recovery && /* @__PURE__ */ jsxs8(
+        "div",
+        {
+          role: "alert",
+          className: recovery.decision === "stale" ? "space-y-2 rounded-md border border-amber-300 bg-amber-50 p-4 text-sm dark:border-amber-800 dark:bg-amber-950" : "space-y-2 rounded-md border border-[var(--primary)]/40 bg-[var(--primary)]/5 p-4 text-sm",
+          children: [
+            /* @__PURE__ */ jsx8("p", { className: "font-medium", children: recovery.decision === "stale" ? t("posts.draft.staleTitle") : t("posts.draft.recoverTitle") }),
+            /* @__PURE__ */ jsx8("p", { className: "text-muted-foreground", children: recovery.decision === "stale" ? t("posts.draft.staleBody", {
+              when: formatDraftTime(recovery.draft.savedAt, draftTimezone, draftLocale)
+            }) : t("posts.draft.recoverBody", {
+              when: formatDraftTime(recovery.draft.savedAt, draftTimezone, draftLocale)
+            }) }),
+            /* @__PURE__ */ jsxs8("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx8(Button7, { type: "button", size: "sm", onClick: acceptRecovery, children: recovery.decision === "stale" ? t("posts.draft.restoreAnyway") : t("posts.draft.restore") }),
+              /* @__PURE__ */ jsx8(Button7, { type: "button", size: "sm", variant: "outline", onClick: discardRecovery, children: t("posts.draft.discard") })
+            ] })
+          ]
+        }
+      ),
+      restoredHint && !recovery && /* @__PURE__ */ jsx8("p", { className: "rounded-md border border-[var(--primary)]/40 bg-[var(--primary)]/5 px-3 py-2 text-xs text-muted-foreground", children: t("posts.draft.restored") }),
+      isStaticFormat && /* @__PURE__ */ jsx8("p", { className: "rounded-md border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: t("posts.draft.staticUnsupported") }),
+      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8(Label, { htmlFor: "title", children: t("posts.form.title") }),
+        /* @__PURE__ */ jsx8(
           Input,
           {
             id: "title",
@@ -1228,37 +1644,44 @@ function PostForm({ post }) {
             onChange: (e) => {
               setTitle(e.target.value);
               if (!isEdit && !slug) setSlug(slugify(e.target.value));
+              markDirty();
             }
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx7(Label, { htmlFor: "slug", children: t("posts.form.slug") }),
-        /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8(Label, { htmlFor: "slug", children: t("posts.form.slug") }),
+        /* @__PURE__ */ jsx8(
           Input,
           {
             id: "slug",
             value: slug,
-            onChange: (e) => setSlug(e.target.value),
+            onChange: (e) => {
+              setSlug(e.target.value);
+              markDirty();
+            },
             placeholder: slugify(title) || t("posts.form.slugPlaceholder")
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx7(Label, { htmlFor: "excerpt", children: t("posts.form.excerpt") }),
-        /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8(Label, { htmlFor: "excerpt", children: t("posts.form.excerpt") }),
+        /* @__PURE__ */ jsx8(
           Textarea,
           {
             id: "excerpt",
             rows: 2,
             value: excerpt,
-            onChange: (e) => setExcerpt(e.target.value)
+            onChange: (e) => {
+              setExcerpt(e.target.value);
+              markDirty();
+            }
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx7(Label, { htmlFor: "format", children: t("posts.form.format") }),
-        /* @__PURE__ */ jsxs7(
+      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8(Label, { htmlFor: "format", children: t("posts.form.format") }),
+        /* @__PURE__ */ jsxs8(
           "select",
           {
             id: "format",
@@ -1266,120 +1689,145 @@ function PostForm({ post }) {
             onChange: (e) => changeFormat(e.target.value),
             className: "flex h-9 w-full max-w-xs rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm",
             children: [
-              /* @__PURE__ */ jsx7("option", { value: "tiptap", children: "Tiptap (rich editor)" }),
-              /* @__PURE__ */ jsx7("option", { value: "markdown", children: "Markdown" }),
-              /* @__PURE__ */ jsx7("option", { value: "html", children: "HTML" }),
-              /* @__PURE__ */ jsx7("option", { value: "static", children: t("posts.form.formatStaticLabel") })
+              /* @__PURE__ */ jsx8("option", { value: "tiptap", children: "Tiptap (rich editor)" }),
+              /* @__PURE__ */ jsx8("option", { value: "markdown", children: "Markdown" }),
+              /* @__PURE__ */ jsx8("option", { value: "html", children: "HTML" }),
+              /* @__PURE__ */ jsx8("option", { value: "static", children: t("posts.form.formatStaticLabel") })
             ]
           }
         ),
-        /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: t("posts.form.formatHint") })
+        /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground", children: t("posts.form.formatHint") })
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx7(Label, { children: t("posts.form.body") }),
+      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx8(Label, { children: t("posts.form.body") }),
           format !== "tiptap" && format !== "static" && // For textarea-based formats (markdown / html) there's no
           // embedded toolbar, so we surface the MediaPicker as a
           // standalone button. Selecting an asset inserts a
           // format-aware snippet at the cursor.
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             MediaPicker,
             {
               onSelect: insertMediaSnippet,
-              trigger: /* @__PURE__ */ jsxs7(Button6, { type: "button", variant: "outline", size: "sm", children: [
-                /* @__PURE__ */ jsx7(ImageIcon3, { className: "mr-2 h-3 w-3" }),
+              trigger: /* @__PURE__ */ jsxs8(Button7, { type: "button", variant: "outline", size: "sm", children: [
+                /* @__PURE__ */ jsx8(ImageIcon3, { className: "mr-2 h-3 w-3" }),
                 t("posts.form.insertMedia")
               ] })
             }
           )
         ] }),
-        format === "tiptap" ? /* @__PURE__ */ jsx7(TiptapEditor, { initialContent: body, onChange: setBody }) : format === "static" ? /* @__PURE__ */ jsx7(
+        format === "tiptap" ? /* @__PURE__ */ jsx8(
+          TiptapEditor,
+          {
+            initialContent: body,
+            onChange: setBody,
+            onUserEdit: markDirty
+          },
+          editorEpoch
+        ) : format === "static" ? /* @__PURE__ */ jsx8(
           StaticUploader,
           {
             initial: initialStaticBody,
             onFilesReady: (files, entrypoint) => setPendingBundle({ files, entrypoint }),
             onClear: () => setPendingBundle(null)
           }
-        ) : /* @__PURE__ */ jsx7(
+        ) : /* @__PURE__ */ jsx8(
           Textarea,
           {
             ref: bodyTextareaRef,
             rows: 20,
             value: typeof body === "string" ? body : "",
-            onChange: (e) => setBody(e.target.value),
+            onChange: (e) => {
+              setBody(e.target.value);
+              markDirty();
+            },
             className: "font-mono text-xs"
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx7(Label, { htmlFor: "tags", children: t("posts.form.tags") }),
-        /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8(Label, { htmlFor: "tags", children: t("posts.form.tags") }),
+        /* @__PURE__ */ jsx8(
           Input,
           {
             id: "tags",
             value: tagsInput,
-            onChange: (e) => setTagsInput(e.target.value),
+            onChange: (e) => {
+              setTagsInput(e.target.value);
+              markDirty();
+            },
             placeholder: t("posts.form.tagsPlaceholder")
           }
         ),
-        /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: t("posts.form.tagsHint") })
+        /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground", children: t("posts.form.tagsHint") })
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx7(Label, { htmlFor: "status", children: t("posts.form.status") }),
-        /* @__PURE__ */ jsxs7(
+      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8(Label, { htmlFor: "status", children: t("posts.form.status") }),
+        /* @__PURE__ */ jsxs8(
           "select",
           {
             id: "status",
             value: status,
-            onChange: (e) => setStatus(e.target.value),
+            onChange: (e) => {
+              setStatus(e.target.value);
+              markDirty();
+            },
             className: "flex h-9 w-full max-w-xs rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm",
             children: [
-              /* @__PURE__ */ jsx7("option", { value: "draft", children: t("common.draft") }),
-              /* @__PURE__ */ jsx7("option", { value: "published", children: t("common.published") })
+              /* @__PURE__ */ jsx8("option", { value: "draft", children: t("common.draft") }),
+              /* @__PURE__ */ jsx8("option", { value: "published", children: t("common.published") })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx7(Label, { htmlFor: "publishedAt", children: t("posts.form.publishedAt") }),
-        /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8(Label, { htmlFor: "publishedAt", children: t("posts.form.publishedAt") }),
+        /* @__PURE__ */ jsx8(
           "input",
           {
             id: "publishedAt",
             type: "datetime-local",
             value: publishedAtInput,
-            onChange: (e) => setPublishedAtInput(e.target.value),
+            onChange: (e) => {
+              setPublishedAtInput(e.target.value);
+              markDirty();
+            },
             className: "flex h-9 w-full max-w-xs rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm"
           }
         ),
-        /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: t("posts.form.publishedAtHint") }),
-        status === "published" && isFuture(resolvedPublishedAt) && /* @__PURE__ */ jsx7("p", { className: "text-xs text-amber-600 dark:text-amber-400", children: t("posts.form.scheduledNotice", { date: publishedAtInput }) })
+        /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground", children: t("posts.form.publishedAtHint") }),
+        status === "published" && isFuture(resolvedPublishedAt) && /* @__PURE__ */ jsx8("p", { className: "text-xs text-amber-600 dark:text-amber-400", children: t("posts.form.scheduledNotice", { date: publishedAtInput }) })
       ] }),
-      format === "html" && /* @__PURE__ */ jsx7("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs7("label", { className: "flex items-start gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx7(
+      format === "html" && /* @__PURE__ */ jsx8("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs8("label", { className: "flex items-start gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx8(
           "input",
           {
             type: "checkbox",
             checked: noLayout,
-            onChange: (e) => setNoLayout(e.target.checked),
+            onChange: (e) => {
+              setNoLayout(e.target.checked);
+              markDirty();
+            },
             className: "mt-1"
           }
         ),
-        /* @__PURE__ */ jsxs7("span", { children: [
-          /* @__PURE__ */ jsx7("span", { className: "font-medium", children: t("posts.form.noLayout") }),
-          /* @__PURE__ */ jsx7("span", { className: "block text-xs text-muted-foreground", children: t("posts.form.noLayoutHint") })
+        /* @__PURE__ */ jsxs8("span", { children: [
+          /* @__PURE__ */ jsx8("span", { className: "font-medium", children: t("posts.form.noLayout") }),
+          /* @__PURE__ */ jsx8("span", { className: "block text-xs text-muted-foreground", children: t("posts.form.noLayoutHint") })
         ] })
       ] }) }),
-      error && /* @__PURE__ */ jsx7("p", { className: "text-sm text-destructive", children: error }),
-      /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx7(Button6, { type: "submit", disabled: saving, children: saving ? t("common.saving") : isEdit ? t("posts.form.saveChanges") : t("posts.form.createPost") }),
-        isEdit && /* @__PURE__ */ jsx7(Button6, { type: "button", variant: "destructive", onClick: handleDelete, disabled: saving, children: t("posts.form.delete") })
-      ] })
+      error && /* @__PURE__ */ jsx8("p", { className: "text-sm text-destructive", children: error }),
+      /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx8(Button7, { type: "submit", disabled: saving, children: saving ? t("common.saving") : isEdit ? t("posts.form.saveChanges") : t("posts.form.createPost") }),
+        isEdit && /* @__PURE__ */ jsx8(Button7, { type: "button", variant: "destructive", onClick: handleDelete, disabled: saving, children: t("posts.form.delete") })
+      ] }),
+      isEdit && post && /* @__PURE__ */ jsx8(PostHistoryPanel, { postId: post.postId, onRestore: restoreRevision })
     ] })
   ] });
 }
 
 export {
   MediaPicker,
+  clearAllDrafts,
   PostForm
 };