@ampless/admin 1.0.0-alpha.84 → 1.0.0-beta.100

package/dist/{chunk-BRTC5O3E.js → chunk-4WYMEUYU.js}

@@ -4,7 +4,7 @@ import {
   getAdminCmsConfig,
   getMediaProcessingDefaults,
   uploadProcessedImage
-} from "./chunk-HN3UFHP7.js";
+} from "./chunk-ANME5KDN.js";
 import {
   getAdminEditorExtensions,
   getAdminTiptapNodeHtml,
@@ -15,7 +15,7 @@ import {
 } from "./chunk-2ITWLRYF.js";
 import {
   useT
-} from "./chunk-K44QF3MV.js";
+} from "./chunk-4OFRX6QX.js";
 
 // src/components/media-picker.tsx
 import { useEffect, useRef, useState } from "react";
@@ -160,7 +160,7 @@ function MediaPicker({ trigger, onSelect }) {
 }
 
 // src/components/post-form.tsx
-import { useEffect as useEffect4, useRef as useRef3, useState as useState5 } from "react";
+import { useEffect as useEffect5, useRef as useRef4, useState as useState6 } from "react";
 import { useRouter } from "next/navigation";
 import { Image as ImageIcon3 } from "lucide-react";
 import {
@@ -169,7 +169,7 @@ import {
   deletePost,
   formatDate
 } from "ampless";
-import { Button as Button7, Input, Label, Textarea } from "@ampless/runtime/ui";
+import { Button as Button7, Input as Input2, Label, Textarea } from "@ampless/runtime/ui";
 
 // src/editor/tiptap-editor.tsx
 import { useEditor, EditorContent } from "@tiptap/react";
@@ -325,8 +325,77 @@ function TableControls({ editor }) {
   ] });
 }
 
-// src/editor/toolbar.tsx
+// src/editor/code-block-language-control.tsx
+import { useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
+import { Braces } from "lucide-react";
+import { Input } from "@ampless/runtime/ui";
+
+// src/editor/code-language.ts
+var TOKEN = /^[a-z0-9][a-z0-9_-]{0,63}$/;
+function normalizeCodeLanguage(value) {
+  const cleaned = value.toLowerCase().replace(/[^a-z0-9_-]/g, "");
+  return TOKEN.test(cleaned) ? cleaned : null;
+}
+
+// src/editor/code-block-language-control.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function CodeBlockLanguageControl({ editor }) {
+  const t = useT();
+  const [state, setState] = useState3({ active: false, language: "" });
+  const [localValue, setLocalValue] = useState3("");
+  const focusedRef = useRef3(false);
+  const lastSeededLanguageRef = useRef3("");
+  useEffect3(() => {
+    const sync = () => {
+      const active = editor.isActive("codeBlock");
+      const language = editor.getAttributes("codeBlock").language ?? "";
+      setState({ active, language });
+      if (!focusedRef.current || language !== lastSeededLanguageRef.current) {
+        setLocalValue(language);
+        lastSeededLanguageRef.current = language;
+      }
+    };
+    sync();
+    editor.on("selectionUpdate", sync);
+    editor.on("transaction", sync);
+    return () => {
+      editor.off("selectionUpdate", sync);
+      editor.off("transaction", sync);
+    };
+  }, [editor]);
+  if (!state.active) return null;
+  return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ jsx3(Braces, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx3(
+      Input,
+      {
+        type: "text",
+        className: "h-8 w-32 text-xs",
+        value: localValue,
+        title: t("editor.codeBlock.languageLabel"),
+        placeholder: t("editor.codeBlock.languagePlaceholder"),
+        "aria-label": t("editor.codeBlock.languageLabel"),
+        onFocus: () => {
+          focusedRef.current = true;
+        },
+        onBlur: () => {
+          focusedRef.current = false;
+          const committed = editor.getAttributes("codeBlock").language ?? "";
+          setLocalValue(committed);
+          lastSeededLanguageRef.current = committed;
+        },
+        onChange: (e) => {
+          const raw = e.target.value;
+          setLocalValue(raw);
+          editor.chain().updateAttributes("codeBlock", { language: normalizeCodeLanguage(raw) }).run();
+        }
+      }
+    )
+  ] });
+}
+
+// src/editor/toolbar.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function Toolbar({ editor }) {
   const t = useT();
   if (!editor) return null;
@@ -362,10 +431,10 @@ function Toolbar({ editor }) {
   const insertImage = (url) => {
     editor.chain().focus().setImage({ src: url }).run();
   };
-  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap gap-1 border-b p-2", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap gap-1 border-b p-2", children: [
     tools.map((tool) => {
       const Icon = tool.icon;
-      return /* @__PURE__ */ jsx3(
+      return /* @__PURE__ */ jsx4(
         Button3,
         {
           type: "button",
@@ -373,12 +442,12 @@ function Toolbar({ editor }) {
           size: "icon",
           onClick: tool.action,
           className: cn2(tool.isActive() && "bg-accent text-accent-foreground"),
-          children: /* @__PURE__ */ jsx3(Icon, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx4(Icon, { className: "h-4 w-4" })
         },
         tool.name
       );
     }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(
       Button3,
       {
         type: "button",
@@ -386,17 +455,18 @@ function Toolbar({ editor }) {
         size: "icon",
         onClick: setLink,
         className: cn2(editor.isActive("link") && "bg-accent text-accent-foreground"),
-        children: /* @__PURE__ */ jsx3(LinkIcon, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx4(LinkIcon, { className: "h-4 w-4" })
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(
       MediaPicker,
       {
         onSelect: insertImage,
-        trigger: /* @__PURE__ */ jsx3(Button3, { type: "button", variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx3(ImageIcon, { className: "h-4 w-4" }) })
+        trigger: /* @__PURE__ */ jsx4(Button3, { type: "button", variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx4(ImageIcon, { className: "h-4 w-4" }) })
       }
     ),
-    /* @__PURE__ */ jsx3(TableControls, { editor })
+    /* @__PURE__ */ jsx4(TableControls, { editor }),
+    /* @__PURE__ */ jsx4(CodeBlockLanguageControl, { editor })
   ] });
 }
 
@@ -404,7 +474,7 @@ function Toolbar({ editor }) {
 import { BubbleMenu } from "@tiptap/react/menus";
 import { Trash2, Pencil, ImageIcon as ImageIcon2, Maximize2 } from "lucide-react";
 import { Button as Button4, cn as cn3 } from "@ampless/runtime/ui";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function ImageBubbleMenu({ editor }) {
   const t = useT();
   const editAlt = () => {
@@ -422,14 +492,14 @@ function ImageBubbleMenu({ editor }) {
     editor.chain().focus().updateAttributes("image", { display: next }).run();
   };
   const currentDisplay = editor.getAttributes("image").display ?? null;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     BubbleMenu,
     {
       editor,
       shouldShow: ({ editor: editor2 }) => editor2.isActive("image"),
       options: { placement: "top" },
-      children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1 rounded-md border bg-popover p-1 shadow", children: [
-        /* @__PURE__ */ jsxs4(
+      children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1 rounded-md border bg-popover p-1 shadow", children: [
+        /* @__PURE__ */ jsxs5(
           Button4,
           {
             type: "button",
@@ -439,12 +509,12 @@ function ImageBubbleMenu({ editor }) {
             className: cn3(currentDisplay === "inline" && "bg-accent text-accent-foreground"),
             title: t("editor.image.inlineTitle"),
             children: [
-              /* @__PURE__ */ jsx4(ImageIcon2, { className: "mr-1 h-3 w-3" }),
+              /* @__PURE__ */ jsx5(ImageIcon2, { className: "mr-1 h-3 w-3" }),
               t("editor.image.inline")
             ]
           }
         ),
-        /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsxs5(
           Button4,
           {
             type: "button",
@@ -454,18 +524,18 @@ function ImageBubbleMenu({ editor }) {
             className: cn3(currentDisplay === "lightbox" && "bg-accent text-accent-foreground"),
             title: t("editor.image.lightboxTitle"),
             children: [
-              /* @__PURE__ */ jsx4(Maximize2, { className: "mr-1 h-3 w-3" }),
+              /* @__PURE__ */ jsx5(Maximize2, { className: "mr-1 h-3 w-3" }),
               t("editor.image.lightbox")
             ]
           }
         ),
-        /* @__PURE__ */ jsx4("span", { className: "mx-1 h-4 w-px bg-border" }),
-        /* @__PURE__ */ jsxs4(Button4, { type: "button", variant: "ghost", size: "sm", onClick: editAlt, children: [
-          /* @__PURE__ */ jsx4(Pencil, { className: "mr-1 h-3 w-3" }),
+        /* @__PURE__ */ jsx5("span", { className: "mx-1 h-4 w-px bg-border" }),
+        /* @__PURE__ */ jsxs5(Button4, { type: "button", variant: "ghost", size: "sm", onClick: editAlt, children: [
+          /* @__PURE__ */ jsx5(Pencil, { className: "mr-1 h-3 w-3" }),
           t("editor.image.alt")
         ] }),
-        /* @__PURE__ */ jsxs4(Button4, { type: "button", variant: "ghost", size: "sm", onClick: remove2, children: [
-          /* @__PURE__ */ jsx4(Trash2, { className: "mr-1 h-3 w-3" }),
+        /* @__PURE__ */ jsxs5(Button4, { type: "button", variant: "ghost", size: "sm", onClick: remove2, children: [
+          /* @__PURE__ */ jsx5(Trash2, { className: "mr-1 h-3 w-3" }),
           t("editor.image.delete")
         ] })
       ] })
@@ -517,7 +587,7 @@ var BASE_TIPTAP_EXTENSIONS = [
 ];
 
 // src/editor/tiptap-editor.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var EDITOR_STYLES = `
 .ProseMirror .tiptap-table,
 .ProseMirror table {
@@ -617,19 +687,77 @@ function TiptapEditor({ initialContent, onChange, onUserEdit }) {
       onUserEdit?.();
     }
   });
-  return /* @__PURE__ */ jsxs5("div", { className: "rounded-md border", children: [
-    /* @__PURE__ */ jsx5("style", { children: EDITOR_STYLES }),
-    /* @__PURE__ */ jsx5(Toolbar, { editor }),
-    editor && /* @__PURE__ */ jsx5(ImageBubbleMenu, { editor }),
-    /* @__PURE__ */ jsx5(EditorContent, { editor })
+  return /* @__PURE__ */ jsxs6("div", { className: "rounded-md border", children: [
+    /* @__PURE__ */ jsx6("style", { children: EDITOR_STYLES }),
+    /* @__PURE__ */ jsx6(Toolbar, { editor }),
+    editor && /* @__PURE__ */ jsx6(ImageBubbleMenu, { editor }),
+    /* @__PURE__ */ jsx6(EditorContent, { editor })
   ] });
 }
 
 // src/components/post-history-panel.tsx
-import { useCallback, useEffect as useEffect3, useState as useState3 } from "react";
+import { useCallback, useEffect as useEffect4, useState as useState4 } from "react";
 import { listPostHistory } from "ampless";
 import { Button as Button5 } from "@ampless/runtime/ui";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+
+// src/lib/preview-srcdoc.ts
+function buildPreviewSrcDoc(html) {
+  if (typeof document === "undefined") return html;
+  if (!html.includes("<head>")) return html;
+  const linkTags = [];
+  const styleTags = [];
+  const linkEls = document.querySelectorAll('link[rel="stylesheet"]');
+  for (const el of linkEls) {
+    if (el.href) {
+      linkTags.push(`<link rel="stylesheet" href="${el.href}">`);
+    }
+  }
+  const styleEls = document.querySelectorAll("style");
+  for (const el of styleEls) {
+    const content = el.textContent ?? "";
+    if (content.trim()) {
+      styleTags.push(`<style>${content}</style>`);
+    }
+  }
+  const collected = [...linkTags, ...styleTags];
+  let result = html;
+  if (collected.length > 0) {
+    result = result.replace("<head>", `<head>${collected.join("")}`);
+  }
+  const bodyDataAttrs = [];
+  for (const attr of document.body.attributes) {
+    if (attr.name.startsWith("data-")) {
+      const escaped = attr.value.replace(/"/g, "&quot;");
+      bodyDataAttrs.push(`${attr.name}="${escaped}"`);
+    }
+  }
+  if (bodyDataAttrs.length > 0) {
+    result = result.replace(
+      /(<body\b[^>]*)(>)/,
+      `$1 ${bodyDataAttrs.join(" ")}$2`
+    );
+  }
+  const htmlClass = document.documentElement.className;
+  if (htmlClass) {
+    const escaped = htmlClass.replace(/"/g, "&quot;");
+    result = result.replace(
+      /(<html\b)([^>]*)(>)/,
+      (_, open, attrs, close) => {
+        if (/class=/.test(attrs)) {
+          return `${open}${attrs.replace(/class="([^"]*)"/, `class="$1 ${escaped}`)}${close}`;
+        }
+        return `${open}${attrs} class="${escaped}"${close}`;
+      }
+    );
+  }
+  if (collected.length > 0) {
+    result = result.replace(/<style\s+id="ampless-preview-base">[\s\S]*?<\/style>/, "");
+  }
+  return result;
+}
+
+// src/components/post-history-panel.tsx
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 function formatRevisedAt(iso, timezone, locale) {
   const d = new Date(iso);
@@ -670,17 +798,17 @@ function PostHistoryPanel({
   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 [previewHtml, setPreviewHtml] = useState3("");
+  const [open, setOpen] = useState4(false);
+  const [loaded, setLoaded] = useState4(false);
+  const [loading, setLoading] = useState4(false);
+  const [error, setError] = useState4(null);
+  const [revisions, setRevisions] = useState4([]);
+  const [nextToken, setNextToken] = useState4(void 0);
+  const [selected, setSelected] = useState4(null);
+  const [previewHtml, setPreviewHtml] = useState4("");
   const selectedHistoryId = selected?.postHistoryId;
   const selectedFormat = selected?.format;
-  useEffect3(() => {
+  useEffect4(() => {
     if (!selected) return;
     if (selected.format === "static") return;
     const ctrl = new AbortController();
@@ -693,7 +821,7 @@ function PostHistoryPanel({
       if (!r.ok) throw new Error(`preview ${r.status}`);
       return r.text();
     }).then((html) => {
-      if (!ctrl.signal.aborted) setPreviewHtml(html);
+      if (!ctrl.signal.aborted) setPreviewHtml(buildPreviewSrcDoc(html));
     }).catch((err) => {
       if (ctrl.signal.aborted) return;
       console.error("[ampless admin] revision preview fetch failed:", err);
@@ -716,14 +844,14 @@ function PostHistoryPanel({
     },
     [postId]
   );
-  useEffect3(() => {
+  useEffect4(() => {
     if (open && !loaded) {
       setLoaded(true);
       void loadPage();
     }
   }, [open, loaded, loadPage]);
-  return /* @__PURE__ */ jsxs6("section", { className: "rounded-md border", children: [
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7("section", { className: "rounded-md border", children: [
+    /* @__PURE__ */ jsxs7(
       "button",
       {
         type: "button",
@@ -731,30 +859,30 @@ function PostHistoryPanel({
         "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" : "+" })
+          /* @__PURE__ */ jsx7("span", { children: t("posts.history.title") }),
+          /* @__PURE__ */ jsx7("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") })
+    open && /* @__PURE__ */ jsxs7("div", { className: "space-y-4 border-t px-4 py-4", children: [
+      error && /* @__PURE__ */ jsx7("p", { className: "text-sm text-destructive", children: error }),
+      loading && revisions.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground", children: t("common.loading") }) : revisions.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground", children: t("posts.history.empty") }) : /* @__PURE__ */ jsx7("div", { className: "overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsxs7("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ jsx7("thead", { children: /* @__PURE__ */ jsxs7("tr", { className: "border-b text-left text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx7("th", { className: "px-3 py-2 font-medium", children: t("posts.history.columnRevisedAt") }),
+          /* @__PURE__ */ jsx7("th", { className: "px-3 py-2 font-medium", children: t("posts.history.columnStatus") }),
+          /* @__PURE__ */ jsx7("th", { className: "px-3 py-2 font-medium", children: t("posts.history.columnTitle") }),
+          /* @__PURE__ */ jsx7("th", { className: "px-3 py-2 font-medium text-right", children: t("common.actions") })
         ] }) }),
-        /* @__PURE__ */ jsx6("tbody", { children: revisions.map((rev) => /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsx7("tbody", { children: revisions.map((rev) => /* @__PURE__ */ jsxs7(
           "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(
+              /* @__PURE__ */ jsx7("td", { className: "whitespace-nowrap px-3 py-2 font-mono text-xs", children: formatRevisedAt(rev.revisedAt, timezone, locale) }),
+              /* @__PURE__ */ jsx7("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx7("span", { className: "text-xs text-muted-foreground", children: rev.status ? t(`common.${rev.status}`) : "\u2014" }) }),
+              /* @__PURE__ */ jsx7("td", { className: "px-3 py-2", children: rev.title || "\u2014" }),
+              /* @__PURE__ */ jsx7("td", { className: "px-3 py-2 text-right", children: /* @__PURE__ */ jsxs7("div", { className: "flex justify-end gap-2", children: [
+                /* @__PURE__ */ jsx7(
                   Button5,
                   {
                     type: "button",
@@ -764,7 +892,7 @@ function PostHistoryPanel({
                     children: t("posts.history.view")
                   }
                 ),
-                /* @__PURE__ */ jsx6(
+                /* @__PURE__ */ jsx7(
                   Button5,
                   {
                     type: "button",
@@ -782,7 +910,7 @@ function PostHistoryPanel({
           rev.postHistoryId
         )) })
       ] }) }),
-      nextToken && /* @__PURE__ */ jsx6("div", { children: /* @__PURE__ */ jsx6(
+      nextToken && /* @__PURE__ */ jsx7("div", { children: /* @__PURE__ */ jsx7(
         Button5,
         {
           type: "button",
@@ -793,12 +921,12 @@ function PostHistoryPanel({
           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", {
+      selected && /* @__PURE__ */ jsxs7("div", { className: "space-y-3 rounded-md border p-4", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx7("h4", { className: "text-sm font-semibold", children: t("posts.history.viewing", {
             date: formatRevisedAt(selected.revisedAt, timezone, locale)
           }) }),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(
             Button5,
             {
               type: "button",
@@ -809,14 +937,14 @@ function PostHistoryPanel({
             }
           )
         ] }),
-        /* @__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 })
+        /* @__PURE__ */ jsxs7("p", { className: "text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx7("span", { className: "font-mono uppercase", children: selected.format ?? "\u2014" }),
+          selected.slug && /* @__PURE__ */ jsxs7(Fragment2, { children: [
+            /* @__PURE__ */ jsx7("span", { className: "mx-2", children: "\xB7" }),
+            /* @__PURE__ */ jsx7("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") }) : (
+        selected.format === "static" ? /* @__PURE__ */ jsx7("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") }) : (
           // Sandbox is `allow-scripts allow-same-origin`. With
           // srcDoc, this gives the iframe the admin's origin so
           // 3rd-party embed widgets (YouTube SDK, x.com widgets.js)
@@ -843,7 +971,7 @@ function PostHistoryPanel({
           // don't style its srcDoc contents. Typography comes from
           // the full document the preview route now returns
           // (PREVIEW_BASE_CSS + theme vars in createPreviewRouteHandler).
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(
             "iframe",
             {
               title: "revision-preview",
@@ -859,7 +987,7 @@ function PostHistoryPanel({
 }
 
 // src/components/static-uploader.tsx
-import { useState as useState4 } from "react";
+import { useState as useState5 } from "react";
 import { FileText, AlertTriangle, FileArchive, X } from "lucide-react";
 import { Button as Button6 } from "@ampless/runtime/ui";
 
@@ -909,7 +1037,15 @@ async function uploadBundle(opts) {
   if (!opts.files.some((f) => f.path === entrypoint)) {
     throw new Error(`Entrypoint "${entrypoint}" is not present in the bundle.`);
   }
-  await deleteBundle(opts.slug).catch(() => void 0);
+  try {
+    await deleteBundle(opts.slug);
+  } catch (err) {
+    console.error(
+      "[ampless static-bundle] failed to clear existing bundle before replace:",
+      err
+    );
+    throw err;
+  }
   const prefix = bundlePrefix(opts.slug);
   let uploaded = 0;
   const filesMeta = {};
@@ -947,13 +1083,13 @@ async function deleteBundle(slug) {
 }
 
 // src/components/static-uploader.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function StaticUploader({ initial, onFilesReady, onClear }) {
   const t = useT();
-  const [pending, setPending] = useState4(null);
-  const [issues, setIssues] = useState4([]);
-  const [busy, setBusy] = useState4(false);
-  const [error, setError] = useState4(null);
+  const [pending, setPending] = useState5(null);
+  const [issues, setIssues] = useState5([]);
+  const [busy, setBusy] = useState5(false);
+  const [error, setError] = useState5(null);
   async function handleZip(file) {
     setBusy(true);
     setError(null);
@@ -983,7 +1119,7 @@ function StaticUploader({ initial, onFilesReady, onClear }) {
       const extracted = [];
       const structural = [];
       for (const f of Array.from(files)) {
-        const rel = f.webkitRelativePath ?? f.name;
+        const rel = f.webkitRelativePath || f.name;
         const stripped = rel.includes("/") ? rel.slice(rel.indexOf("/") + 1) : rel;
         const reason = validateBundlePath(stripped);
         if (reason) {
@@ -1011,13 +1147,14 @@ function StaticUploader({ initial, onFilesReady, onClear }) {
     }
   }
   function onPickerChange(e) {
-    const fl = e.target.files;
-    if (!fl || fl.length === 0) return;
+    const picked = e.target.files;
+    if (!picked || picked.length === 0) return;
+    const files = Array.from(picked);
     e.target.value = "";
-    if (fl.length === 1 && fl[0].name.toLowerCase().endsWith(".zip")) {
-      void handleZip(fl[0]);
+    if (files.length === 1 && files[0].name.toLowerCase().endsWith(".zip")) {
+      void handleZip(files[0]);
     } else {
-      void handleLooseFiles(fl);
+      void handleLooseFiles(files);
     }
   }
   function clearPending() {
@@ -1027,11 +1164,11 @@ function StaticUploader({ initial, onFilesReady, onClear }) {
     onClear();
   }
   const showCurrent = !pending && initial && initial.files.length > 0;
-  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(
+  return /* @__PURE__ */ jsxs8("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "rounded-md border border-dashed p-4", children: [
+      /* @__PURE__ */ jsxs8("label", { className: "flex flex-col items-start gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx8("span", { className: "font-medium", children: t("posts.form.static.pick") }),
+        /* @__PURE__ */ jsx8(
           "input",
           {
             type: "file",
@@ -1041,13 +1178,13 @@ function StaticUploader({ initial, onFilesReady, onClear }) {
             disabled: busy
           }
         ),
-        /* @__PURE__ */ jsx7("span", { className: "text-xs text-muted-foreground", children: t("posts.form.static.pickHint") })
+        /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: t("posts.form.static.pickHint") })
       ] }),
-      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 })
+      busy && /* @__PURE__ */ jsx8("p", { className: "mt-2 text-sm text-muted-foreground", children: t("common.loading") }),
+      error && /* @__PURE__ */ jsx8("p", { className: "mt-2 text-sm text-destructive", children: error })
     ] }),
-    showCurrent && /* @__PURE__ */ jsx7(CurrentBundle, { body: initial }),
-    pending && /* @__PURE__ */ jsx7(
+    showCurrent && /* @__PURE__ */ jsx8(CurrentBundle, { body: initial }),
+    pending && /* @__PURE__ */ jsx8(
       PendingBundle,
       {
         files: pending,
@@ -1059,15 +1196,15 @@ function StaticUploader({ initial, onFilesReady, onClear }) {
 }
 function CurrentBundle({ body }) {
   const t = useT();
-  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" }),
+  return /* @__PURE__ */ jsxs8("div", { className: "rounded-md border bg-muted/30 p-3", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "mb-2 flex items-center gap-2 text-sm font-medium", children: [
+      /* @__PURE__ */ jsx8(FileArchive, { className: "h-4 w-4" }),
       t("posts.form.static.currentBundle", {
         count: body.files.length,
         entrypoint: body.entrypoint
       })
     ] }),
-    /* @__PURE__ */ jsx7(FileList, { files: body.files })
+    /* @__PURE__ */ jsx8(FileList, { files: body.files })
   ] });
 }
 function PendingBundle({
@@ -1077,49 +1214,49 @@ function PendingBundle({
 }) {
   const t = useT();
   const totalBytes = files.reduce((sum, f) => sum + f.data.byteLength, 0);
-  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" }),
+  return /* @__PURE__ */ jsxs8("div", { className: "rounded-md border p-3", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "mb-2 flex items-center justify-between gap-2 text-sm font-medium", children: [
+      /* @__PURE__ */ jsxs8("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx8(FileArchive, { className: "h-4 w-4" }),
         t("posts.form.static.pendingBundle", {
           count: files.length,
           size: formatBytes(totalBytes)
         })
       ] }),
-      /* @__PURE__ */ jsxs7(Button6, { type: "button", variant: "ghost", size: "sm", onClick: onClear, children: [
-        /* @__PURE__ */ jsx7(X, { className: "mr-1 h-3 w-3" }),
+      /* @__PURE__ */ jsxs8(Button6, { type: "button", variant: "ghost", size: "sm", onClick: onClear, children: [
+        /* @__PURE__ */ jsx8(X, { className: "mr-1 h-3 w-3" }),
         t("common.cancel")
       ] })
     ] }),
-    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" }),
+    issues.length > 0 && /* @__PURE__ */ jsxs8("div", { className: "mb-3 rounded-md border border-destructive/40 bg-destructive/5 p-2 text-sm", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "mb-1 flex items-center gap-2 font-medium text-destructive", children: [
+        /* @__PURE__ */ jsx8(AlertTriangle, { className: "h-4 w-4" }),
         t("posts.form.static.issuesTitle", { count: issues.length })
       ] }),
-      /* @__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: [
+      /* @__PURE__ */ jsxs8("ul", { className: "space-y-0.5 text-xs", children: [
+        issues.slice(0, 20).map((issue, idx) => /* @__PURE__ */ jsxs8("li", { className: "font-mono", children: [
           issue.path,
           ": ",
           issue.reason
         ] }, `${issue.path}-${idx}`)),
-        issues.length > 20 && /* @__PURE__ */ jsxs7("li", { className: "font-mono text-muted-foreground", children: [
+        issues.length > 20 && /* @__PURE__ */ jsxs8("li", { className: "font-mono text-muted-foreground", children: [
           "\u2026 ",
           issues.length - 20,
           " more"
         ] })
       ] }),
-      /* @__PURE__ */ jsx7("p", { className: "mt-2 text-xs text-muted-foreground", children: t("posts.form.static.issuesHint") })
+      /* @__PURE__ */ jsx8("p", { className: "mt-2 text-xs text-muted-foreground", children: t("posts.form.static.issuesHint") })
     ] }),
-    /* @__PURE__ */ jsx7(FileList, { files: files.map((f) => f.path) })
+    /* @__PURE__ */ jsx8(FileList, { files: files.map((f) => f.path) })
   ] });
 }
 function FileList({ files }) {
-  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" }),
+  return /* @__PURE__ */ jsxs8("ul", { className: "space-y-0.5 text-xs", children: [
+    files.slice(0, 40).map((path) => /* @__PURE__ */ jsxs8("li", { className: "flex items-center gap-1.5 font-mono text-muted-foreground", children: [
+      /* @__PURE__ */ jsx8(FileText, { className: "h-3 w-3 shrink-0" }),
       path
     ] }, path)),
-    files.length > 40 && /* @__PURE__ */ jsxs7("li", { className: "font-mono text-xs text-muted-foreground", children: [
+    files.length > 40 && /* @__PURE__ */ jsxs8("li", { className: "font-mono text-xs text-muted-foreground", children: [
       "\u2026 ",
       files.length - 40,
       " more"
@@ -1313,7 +1450,7 @@ function convertBodyFormat(body, from, to, registries) {
 }
 
 // src/components/post-form.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } 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;
@@ -1359,27 +1496,27 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
   const router = useRouter();
   const t = useT();
   const isEdit = !!post;
-  const bodyTextareaRef = useRef3(null);
-  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 [previewHtml, setPreviewHtml] = useState5("");
-  const [editorEpoch, setEditorEpoch] = useState5(0);
-  const dirtyRef = useRef3(false);
+  const bodyTextareaRef = useRef4(null);
+  const [title, setTitle] = useState6(post?.title ?? "");
+  const [slug, setSlug] = useState6(post?.slug ?? "");
+  const [excerpt, setExcerpt] = useState6(post?.excerpt ?? "");
+  const [format, setFormat] = useState6(post?.format ?? "tiptap");
+  const [body, setBody] = useState6(post?.body ?? EMPTY_TIPTAP_DOC);
+  const [status, setStatus] = useState6(post?.status ?? "draft");
+  const [tagsInput, setTagsInput] = useState6((post?.tags ?? []).join(", "));
+  const [noLayout, setNoLayout] = useState6(post?.metadata?.no_layout === true);
+  const [publishedAtInput, setPublishedAtInput] = useState6(isoToLocalInput(post?.publishedAt));
+  const [saving, setSaving] = useState6(false);
+  const [error, setError] = useState6(null);
+  const [view, setView] = useState6("edit");
+  const [previewHtml, setPreviewHtml] = useState6("");
+  const [editorEpoch, setEditorEpoch] = useState6(0);
+  const dirtyRef = useRef4(false);
   function markDirty() {
     dirtyRef.current = true;
   }
-  const [recovery, setRecovery] = useState5(null);
-  const [restoredHint, setRestoredHint] = useState5(false);
+  const [recovery, setRecovery] = useState6(null);
+  const [restoredHint, setRestoredHint] = useState6(false);
   const draftId = post?.postId ?? NEW_POST_DRAFT_ID;
   const isStaticFormat = format === "static";
   const cmsConfig = getAdminCmsConfig();
@@ -1392,7 +1529,7 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
     initialInput: initialPublishedAtInput,
     existing: post?.publishedAt
   });
-  const [pendingBundle, setPendingBundle] = useState5(null);
+  const [pendingBundle, setPendingBundle] = useState6(null);
   const initialStaticBody = isStaticBody(post?.body) ? post.body : null;
   function buildMetadata() {
     const next = { ...post?.metadata ?? {} };
@@ -1460,7 +1597,7 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
     dirtyRef.current = false;
     setRecovery(null);
   }
-  useEffect4(() => {
+  useEffect5(() => {
     if (loadedState.format === "static") return;
     const draft = readDraft(draftId);
     if (!draft) return;
@@ -1475,7 +1612,7 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
     }
     setRecovery({ draft, decision });
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     if (isStaticFormat) return;
     if (!dirtyRef.current) return;
     const handle = setTimeout(() => {
@@ -1583,13 +1720,13 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
         await updatePost(post.postId, {
           title,
           slug: finalSlug,
-          excerpt: excerpt || void 0,
+          excerpt,
           format,
           body: nextBody,
           status,
           publishedAt,
           tags,
-          metadata
+          metadata: metadata ?? {}
         });
       } else {
         await createPost({
@@ -1642,7 +1779,7 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
     publishedAt: resolvedPublishedAt,
     tags: parseTags(tagsInput)
   };
-  useEffect4(() => {
+  useEffect5(() => {
     if (view !== "preview") return;
     if (format === "static") return;
     const ctrl = new AbortController();
@@ -1656,7 +1793,7 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
         if (!r.ok) throw new Error(`preview ${r.status}`);
         return r.text();
       }).then((html) => {
-        if (!ctrl.signal.aborted) setPreviewHtml(html);
+        if (!ctrl.signal.aborted) setPreviewHtml(buildPreviewSrcDoc(html));
       }).catch((err) => {
         if (ctrl.signal.aborted) return;
         console.error("[ampless admin] preview fetch failed:", err);
@@ -1678,9 +1815,9 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
     resolvedPublishedAt,
     tagsInput
   ]);
-  return /* @__PURE__ */ jsxs8("form", { onSubmit: save, className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex gap-1 border-b", children: [
-      /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs9("form", { onSubmit: save, className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex gap-1 border-b", children: [
+      /* @__PURE__ */ jsx9(
         "button",
         {
           type: "button",
@@ -1690,7 +1827,7 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
           children: t("posts.form.tabEdit")
         }
       ),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         "button",
         {
           type: "button",
@@ -1701,17 +1838,17 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
         }
       )
     ] }),
-    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 })
+    view === "preview" && /* @__PURE__ */ jsxs9("article", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs9("header", { className: "border-b pb-4", children: [
+        /* @__PURE__ */ jsx9("h1", { className: "text-3xl font-bold tracking-tight", children: title || /* @__PURE__ */ jsx9("span", { className: "text-muted-foreground italic", children: t("posts.form.previewNoTitle") }) }),
+        /* @__PURE__ */ jsxs9("p", { className: "mt-2 text-sm text-muted-foreground", children: [
+          previewPost.publishedAt ? /* @__PURE__ */ jsx9("time", { dateTime: previewPost.publishedAt, children: formatDate(previewPost.publishedAt) }) : /* @__PURE__ */ jsx9("span", { children: t("common.draft") }),
+          /* @__PURE__ */ jsx9("span", { className: "mx-2", children: "\xB7" }),
+          /* @__PURE__ */ jsx9("span", { className: "font-mono text-xs uppercase", children: format })
         ] }),
-        excerpt && /* @__PURE__ */ jsx8("p", { className: "mt-3 text-base text-muted-foreground", children: excerpt })
+        excerpt && /* @__PURE__ */ jsx9("p", { className: "mt-3 text-base text-muted-foreground", children: excerpt })
       ] }),
-      format === "static" ? /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: t("posts.form.static.previewHint") }) : (
+      format === "static" ? /* @__PURE__ */ jsx9("p", { className: "text-sm text-muted-foreground", children: t("posts.form.static.previewHint") }) : (
         // Phase 7: preview HTML is fetched from the template's
         // `/admin/preview` Route Handler so `ampless.renderBody`
         // (async ReactNode) + `ampless.publicPostScriptsForPage(
@@ -1749,7 +1886,7 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
         // document — an iframe srcDoc does not inherit the parent page's
         // CSS. Typography is now applied inside the document returned by
         // createPreviewRouteHandler (PREVIEW_BASE_CSS + theme cssVars).
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "iframe",
           {
             title: "post-preview",
@@ -1759,7 +1896,7 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
           }
         )
       ),
-      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(
+      previewPost.tags && previewPost.tags.length > 0 && /* @__PURE__ */ jsx9("div", { className: "flex flex-wrap gap-2 border-t pt-4 text-sm", children: previewPost.tags.map((tag) => /* @__PURE__ */ jsxs9(
         "span",
         {
           className: "rounded-full border px-2 py-0.5 text-xs text-muted-foreground",
@@ -1770,34 +1907,34 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
         },
         tag
       )) }),
-      /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground", children: t("posts.form.previewHint") })
+      /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground", children: t("posts.form.previewHint") })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { className: view === "edit" ? "space-y-6" : "hidden", children: [
-      recovery && /* @__PURE__ */ jsxs8(
+    /* @__PURE__ */ jsxs9("div", { className: view === "edit" ? "space-y-6" : "hidden", children: [
+      recovery && /* @__PURE__ */ jsxs9(
         "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", {
+            /* @__PURE__ */ jsx9("p", { className: "font-medium", children: recovery.decision === "stale" ? t("posts.draft.staleTitle") : t("posts.draft.recoverTitle") }),
+            /* @__PURE__ */ jsx9("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") })
+            /* @__PURE__ */ jsxs9("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx9(Button7, { type: "button", size: "sm", onClick: acceptRecovery, children: recovery.decision === "stale" ? t("posts.draft.restoreAnyway") : t("posts.draft.restore") }),
+              /* @__PURE__ */ jsx9(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,
+      restoredHint && !recovery && /* @__PURE__ */ jsx9("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__ */ jsx9("p", { className: "rounded-md border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: t("posts.draft.staticUnsupported") }),
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx9(Label, { htmlFor: "title", children: t("posts.form.title") }),
+        /* @__PURE__ */ jsx9(
+          Input2,
           {
             id: "title",
             required: true,
@@ -1810,10 +1947,10 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx8(Label, { htmlFor: "slug", children: t("posts.form.slug") }),
-        /* @__PURE__ */ jsx8(
-          Input,
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx9(Label, { htmlFor: "slug", children: t("posts.form.slug") }),
+        /* @__PURE__ */ jsx9(
+          Input2,
           {
             id: "slug",
             value: slug,
@@ -1825,9 +1962,9 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx8(Label, { htmlFor: "excerpt", children: t("posts.form.excerpt") }),
-        /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx9(Label, { htmlFor: "excerpt", children: t("posts.form.excerpt") }),
+        /* @__PURE__ */ jsx9(
           Textarea,
           {
             id: "excerpt",
@@ -1840,9 +1977,9 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx8(Label, { htmlFor: "format", children: t("posts.form.format") }),
-        /* @__PURE__ */ jsxs8(
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx9(Label, { htmlFor: "format", children: t("posts.form.format") }),
+        /* @__PURE__ */ jsxs9(
           "select",
           {
             id: "format",
@@ -1850,34 +1987,34 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
             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__ */ 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__ */ jsx9("option", { value: "tiptap", children: "Tiptap (rich editor)" }),
+              /* @__PURE__ */ jsx9("option", { value: "markdown", children: "Markdown" }),
+              /* @__PURE__ */ jsx9("option", { value: "html", children: "HTML" }),
+              /* @__PURE__ */ jsx9("option", { value: "static", children: t("posts.form.formatStaticLabel") })
             ]
           }
         ),
-        /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground", children: t("posts.form.formatHint") })
+        /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground", children: t("posts.form.formatHint") })
       ] }),
-      /* @__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") }),
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx9(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__ */ jsx8(
+          /* @__PURE__ */ jsx9(
             MediaPicker,
             {
               onSelect: insertMediaSnippet,
-              trigger: /* @__PURE__ */ jsxs8(Button7, { type: "button", variant: "outline", size: "sm", children: [
-                /* @__PURE__ */ jsx8(ImageIcon3, { className: "mr-2 h-3 w-3" }),
+              trigger: /* @__PURE__ */ jsxs9(Button7, { type: "button", variant: "outline", size: "sm", children: [
+                /* @__PURE__ */ jsx9(ImageIcon3, { className: "mr-2 h-3 w-3" }),
                 t("posts.form.insertMedia")
               ] })
             }
           )
         ] }),
-        format === "tiptap" ? /* @__PURE__ */ jsx8(
+        format === "tiptap" ? /* @__PURE__ */ jsx9(
           TiptapEditor,
           {
             initialContent: body,
@@ -1885,14 +2022,14 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
             onUserEdit: markDirty
           },
           editorEpoch
-        ) : format === "static" ? /* @__PURE__ */ jsx8(
+        ) : format === "static" ? /* @__PURE__ */ jsx9(
           StaticUploader,
           {
             initial: initialStaticBody,
             onFilesReady: (files, entrypoint) => setPendingBundle({ files, entrypoint }),
             onClear: () => setPendingBundle(null)
           }
-        ) : /* @__PURE__ */ jsx8(
+        ) : /* @__PURE__ */ jsx9(
           Textarea,
           {
             ref: bodyTextareaRef,
@@ -1906,10 +2043,10 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx8(Label, { htmlFor: "tags", children: t("posts.form.tags") }),
-        /* @__PURE__ */ jsx8(
-          Input,
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx9(Label, { htmlFor: "tags", children: t("posts.form.tags") }),
+        /* @__PURE__ */ jsx9(
+          Input2,
           {
             id: "tags",
             value: tagsInput,
@@ -1920,11 +2057,11 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
             placeholder: t("posts.form.tagsPlaceholder")
           }
         ),
-        /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground", children: t("posts.form.tagsHint") })
+        /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground", children: t("posts.form.tagsHint") })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx8(Label, { htmlFor: "status", children: t("posts.form.status") }),
-        /* @__PURE__ */ jsxs8(
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx9(Label, { htmlFor: "status", children: t("posts.form.status") }),
+        /* @__PURE__ */ jsxs9(
           "select",
           {
             id: "status",
@@ -1935,15 +2072,15 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
             },
             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__ */ jsx8("option", { value: "draft", children: t("common.draft") }),
-              /* @__PURE__ */ jsx8("option", { value: "published", children: t("common.published") })
+              /* @__PURE__ */ jsx9("option", { value: "draft", children: t("common.draft") }),
+              /* @__PURE__ */ jsx9("option", { value: "published", children: t("common.published") })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx8(Label, { htmlFor: "publishedAt", children: t("posts.form.publishedAt") }),
-        /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx9(Label, { htmlFor: "publishedAt", children: t("posts.form.publishedAt") }),
+        /* @__PURE__ */ jsx9(
           "input",
           {
             id: "publishedAt",
@@ -1956,11 +2093,11 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
             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__ */ 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 }) })
+        /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground", children: t("posts.form.publishedAtHint") }),
+        status === "published" && isFuture(resolvedPublishedAt) && /* @__PURE__ */ jsx9("p", { className: "text-xs text-amber-600 dark:text-amber-400", children: t("posts.form.scheduledNotice", { date: publishedAtInput }) })
       ] }),
-      format === "html" && /* @__PURE__ */ jsx8("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs8("label", { className: "flex items-start gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx8(
+      format === "html" && /* @__PURE__ */ jsx9("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs9("label", { className: "flex items-start gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx9(
           "input",
           {
             type: "checkbox",
@@ -1972,17 +2109,17 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
             className: "mt-1"
           }
         ),
-        /* @__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") })
+        /* @__PURE__ */ jsxs9("span", { children: [
+          /* @__PURE__ */ jsx9("span", { className: "font-medium", children: t("posts.form.noLayout") }),
+          /* @__PURE__ */ jsx9("span", { className: "block text-xs text-muted-foreground", children: t("posts.form.noLayoutHint") })
         ] })
       ] }) }),
-      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") })
+      error && /* @__PURE__ */ jsx9("p", { className: "text-sm text-destructive", children: error }),
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx9(Button7, { type: "submit", disabled: saving, children: saving ? t("common.saving") : isEdit ? t("posts.form.saveChanges") : t("posts.form.createPost") }),
+        isEdit && /* @__PURE__ */ jsx9(Button7, { type: "button", variant: "destructive", onClick: handleDelete, disabled: saving, children: t("posts.form.delete") })
       ] }),
-      isEdit && post && /* @__PURE__ */ jsx8(
+      isEdit && post && /* @__PURE__ */ jsx9(
         PostHistoryPanel,
         {
           postId: post.postId,