@ampless/admin 0.2.0-alpha.22 → 0.2.0-alpha.23

package/dist/{chunk-CVJCMTYB.js → chunk-LITTIDB3.js}

@@ -5,13 +5,13 @@ import {
 import {
   ImageUploadDialog,
   getMediaProcessingDefaults
-} from "./chunk-S66L5CDS.js";
+} from "./chunk-CTGFMK2J.js";
 import {
   publicMediaUrl
 } from "./chunk-2ITWLRYF.js";
 import {
   useT
-} from "./chunk-XY4JWSMS.js";
+} from "./chunk-Q66BLMNJ.js";
 
 // src/lib/upload.ts
 import { uploadData } from "aws-amplify/storage";
@@ -177,7 +177,7 @@ function MediaPicker({ trigger, onSelect }) {
 }
 
 // src/components/post-form.tsx
-import { useRef as useRef2, useState as useState3 } from "react";
+import { useRef as useRef3, useState as useState4 } from "react";
 import { useRouter } from "next/navigation";
 import { Image as ImageIcon3 } from "lucide-react";
 import {
@@ -193,39 +193,197 @@ import {
   markdownToHtml,
   htmlToMarkdown
 } from "@ampless/runtime";
-import { Button as Button5, Input, Label, Textarea } from "@ampless/runtime/ui";
+import { Button as Button6, Input, Label, Textarea } from "@ampless/runtime/ui";
 
 // src/editor/tiptap-editor.tsx
 import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import Link from "@tiptap/extension-link";
 import Image from "@tiptap/extension-image";
+import { Table } from "@tiptap/extension-table";
+import { TableRow } from "@tiptap/extension-table-row";
+import { TableHeader } from "@tiptap/extension-table-header";
+import { TableCell } from "@tiptap/extension-table-cell";
+import { TaskList } from "@tiptap/extension-task-list";
+import { TaskItem } from "@tiptap/extension-task-item";
+import { Underline as Underline2 } from "@tiptap/extension-underline";
+import { Highlight } from "@tiptap/extension-highlight";
+import { TextAlign } from "@tiptap/extension-text-align";
 
 // src/editor/toolbar.tsx
 import {
   Bold,
   Italic,
+  Underline,
+  Strikethrough,
+  Highlighter,
   Heading1,
   Heading2,
   List,
   ListOrdered,
+  ListChecks,
   Code,
+  Quote,
+  Minus,
+  TextAlignStart,
+  TextAlignCenter,
+  TextAlignEnd,
+  TextAlignJustify,
   Link as LinkIcon,
   Image as ImageIcon
 } from "lucide-react";
+import { Button as Button3, cn as cn2 } from "@ampless/runtime/ui";
+
+// src/editor/table-controls.tsx
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import { Table as TableIcon } from "lucide-react";
 import { Button as Button2, cn } from "@ampless/runtime/ui";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function TableControls({ editor }) {
+  const t = useT();
+  const [open, setOpen] = useState2(false);
+  const rootRef = useRef2(null);
+  useEffect2(() => {
+    if (!open) return;
+    function onPointerDown(e) {
+      if (!rootRef.current) return;
+      if (e.target instanceof Node && rootRef.current.contains(e.target)) return;
+      setOpen(false);
+    }
+    function onKey(e) {
+      if (e.key === "Escape") setOpen(false);
+    }
+    document.addEventListener("mousedown", onPointerDown);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onPointerDown);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  const inTable = editor.isActive("table");
+  const items = [
+    {
+      key: "insert",
+      label: t("editor.table.insert"),
+      run: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(),
+      enabled: !inTable
+    },
+    {
+      key: "addRowBefore",
+      label: t("editor.table.addRowBefore"),
+      run: () => editor.chain().focus().addRowBefore().run(),
+      enabled: inTable && editor.can().addRowBefore()
+    },
+    {
+      key: "addRowAfter",
+      label: t("editor.table.addRowAfter"),
+      run: () => editor.chain().focus().addRowAfter().run(),
+      enabled: inTable && editor.can().addRowAfter()
+    },
+    {
+      key: "addColumnBefore",
+      label: t("editor.table.addColumnBefore"),
+      run: () => editor.chain().focus().addColumnBefore().run(),
+      enabled: inTable && editor.can().addColumnBefore()
+    },
+    {
+      key: "addColumnAfter",
+      label: t("editor.table.addColumnAfter"),
+      run: () => editor.chain().focus().addColumnAfter().run(),
+      enabled: inTable && editor.can().addColumnAfter()
+    },
+    {
+      key: "deleteRow",
+      label: t("editor.table.deleteRow"),
+      run: () => editor.chain().focus().deleteRow().run(),
+      enabled: inTable && editor.can().deleteRow()
+    },
+    {
+      key: "deleteColumn",
+      label: t("editor.table.deleteColumn"),
+      run: () => editor.chain().focus().deleteColumn().run(),
+      enabled: inTable && editor.can().deleteColumn()
+    },
+    {
+      key: "toggleHeaderRow",
+      label: t("editor.table.toggleHeaderRow"),
+      run: () => editor.chain().focus().toggleHeaderRow().run(),
+      enabled: inTable && editor.can().toggleHeaderRow()
+    },
+    {
+      key: "deleteTable",
+      label: t("editor.table.deleteTable"),
+      run: () => editor.chain().focus().deleteTable().run(),
+      enabled: inTable && editor.can().deleteTable()
+    }
+  ];
+  return /* @__PURE__ */ jsxs2("div", { ref: rootRef, className: "relative", children: [
+    /* @__PURE__ */ jsx2(
+      Button2,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        onClick: () => setOpen((v) => !v),
+        className: cn(inTable && "bg-accent text-accent-foreground"),
+        title: t("editor.table.title"),
+        "aria-expanded": open,
+        "aria-haspopup": "menu",
+        children: /* @__PURE__ */ jsx2(TableIcon, { className: "h-4 w-4" })
+      }
+    ),
+    open && /* @__PURE__ */ jsx2(
+      "div",
+      {
+        role: "menu",
+        className: "absolute left-0 top-full z-50 mt-1 min-w-[12rem] rounded-md border bg-popover p-1 shadow",
+        children: items.map((item) => /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            role: "menuitem",
+            disabled: !item.enabled,
+            onClick: () => {
+              if (!item.enabled) return;
+              item.run();
+              setOpen(false);
+            },
+            className: cn(
+              "block w-full rounded-sm px-2 py-1 text-left text-sm",
+              item.enabled ? "hover:bg-accent hover:text-accent-foreground" : "cursor-not-allowed text-muted-foreground opacity-50"
+            ),
+            children: item.label
+          },
+          item.key
+        ))
+      }
+    )
+  ] });
+}
+
+// src/editor/toolbar.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function Toolbar({ editor }) {
   const t = useT();
   if (!editor) return null;
   const tools = [
     { name: "bold", icon: Bold, action: () => editor.chain().focus().toggleBold().run(), isActive: () => editor.isActive("bold") },
     { name: "italic", icon: Italic, action: () => editor.chain().focus().toggleItalic().run(), isActive: () => editor.isActive("italic") },
+    { name: "underline", icon: Underline, action: () => editor.chain().focus().toggleUnderline().run(), isActive: () => editor.isActive("underline") },
+    { name: "strike", icon: Strikethrough, action: () => editor.chain().focus().toggleStrike().run(), isActive: () => editor.isActive("strike") },
+    { name: "highlight", icon: Highlighter, action: () => editor.chain().focus().toggleHighlight().run(), isActive: () => editor.isActive("highlight") },
     { name: "h1", icon: Heading1, action: () => editor.chain().focus().toggleHeading({ level: 1 }).run(), isActive: () => editor.isActive("heading", { level: 1 }) },
     { name: "h2", icon: Heading2, action: () => editor.chain().focus().toggleHeading({ level: 2 }).run(), isActive: () => editor.isActive("heading", { level: 2 }) },
     { name: "bulletList", icon: List, action: () => editor.chain().focus().toggleBulletList().run(), isActive: () => editor.isActive("bulletList") },
     { name: "orderedList", icon: ListOrdered, action: () => editor.chain().focus().toggleOrderedList().run(), isActive: () => editor.isActive("orderedList") },
-    { name: "code", icon: Code, action: () => editor.chain().focus().toggleCodeBlock().run(), isActive: () => editor.isActive("codeBlock") }
+    { name: "taskList", icon: ListChecks, action: () => editor.chain().focus().toggleTaskList().run(), isActive: () => editor.isActive("taskList") },
+    { name: "code", icon: Code, action: () => editor.chain().focus().toggleCodeBlock().run(), isActive: () => editor.isActive("codeBlock") },
+    { name: "blockquote", icon: Quote, action: () => editor.chain().focus().toggleBlockquote().run(), isActive: () => editor.isActive("blockquote") },
+    { name: "hr", icon: Minus, action: () => editor.chain().focus().setHorizontalRule().run(), isActive: () => false },
+    { name: "alignLeft", icon: TextAlignStart, action: () => editor.chain().focus().setTextAlign("left").run(), isActive: () => editor.isActive({ textAlign: "left" }) },
+    { name: "alignCenter", icon: TextAlignCenter, action: () => editor.chain().focus().setTextAlign("center").run(), isActive: () => editor.isActive({ textAlign: "center" }) },
+    { name: "alignRight", icon: TextAlignEnd, action: () => editor.chain().focus().setTextAlign("right").run(), isActive: () => editor.isActive({ textAlign: "right" }) },
+    { name: "alignJustify", icon: TextAlignJustify, action: () => editor.chain().focus().setTextAlign("justify").run(), isActive: () => editor.isActive({ textAlign: "justify" }) }
   ];
   const setLink = () => {
     const previousUrl = editor.getAttributes("link").href ?? "";
@@ -240,48 +398,49 @@ function Toolbar({ editor }) {
   const insertImage = (url) => {
     editor.chain().focus().setImage({ src: url }).run();
   };
-  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap gap-1 border-b p-2", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap gap-1 border-b p-2", children: [
     tools.map((tool) => {
       const Icon = tool.icon;
-      return /* @__PURE__ */ jsx2(
-        Button2,
+      return /* @__PURE__ */ jsx3(
+        Button3,
         {
           type: "button",
           variant: "ghost",
           size: "icon",
           onClick: tool.action,
-          className: cn(tool.isActive() && "bg-accent text-accent-foreground"),
-          children: /* @__PURE__ */ jsx2(Icon, { className: "h-4 w-4" })
+          className: cn2(tool.isActive() && "bg-accent text-accent-foreground"),
+          children: /* @__PURE__ */ jsx3(Icon, { className: "h-4 w-4" })
         },
         tool.name
       );
     }),
-    /* @__PURE__ */ jsx2(
-      Button2,
+    /* @__PURE__ */ jsx3(
+      Button3,
       {
         type: "button",
         variant: "ghost",
         size: "icon",
         onClick: setLink,
-        className: cn(editor.isActive("link") && "bg-accent text-accent-foreground"),
-        children: /* @__PURE__ */ jsx2(LinkIcon, { className: "h-4 w-4" })
+        className: cn2(editor.isActive("link") && "bg-accent text-accent-foreground"),
+        children: /* @__PURE__ */ jsx3(LinkIcon, { className: "h-4 w-4" })
       }
     ),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3(
       MediaPicker,
       {
         onSelect: insertImage,
-        trigger: /* @__PURE__ */ jsx2(Button2, { type: "button", variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx2(ImageIcon, { className: "h-4 w-4" }) })
+        trigger: /* @__PURE__ */ jsx3(Button3, { type: "button", variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx3(ImageIcon, { className: "h-4 w-4" }) })
       }
-    )
+    ),
+    /* @__PURE__ */ jsx3(TableControls, { editor })
   ] });
 }
 
 // src/editor/image-bubble-menu.tsx
 import { BubbleMenu } from "@tiptap/react/menus";
 import { Trash2, Pencil, ImageIcon as ImageIcon2, Maximize2 } from "lucide-react";
-import { Button as Button3, cn as cn2 } from "@ampless/runtime/ui";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Button as Button4, cn as cn3 } from "@ampless/runtime/ui";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function ImageBubbleMenu({ editor }) {
   const t = useT();
   const editAlt = () => {
@@ -299,50 +458,50 @@ function ImageBubbleMenu({ editor }) {
     editor.chain().focus().updateAttributes("image", { display: next }).run();
   };
   const currentDisplay = editor.getAttributes("image").display ?? null;
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     BubbleMenu,
     {
       editor,
       shouldShow: ({ editor: editor2 }) => editor2.isActive("image"),
       options: { placement: "top" },
-      children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1 rounded-md border bg-popover p-1 shadow", children: [
-        /* @__PURE__ */ jsxs3(
-          Button3,
+      children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1 rounded-md border bg-popover p-1 shadow", children: [
+        /* @__PURE__ */ jsxs4(
+          Button4,
           {
             type: "button",
             variant: "ghost",
             size: "sm",
             onClick: () => setDisplay("inline"),
-            className: cn2(currentDisplay === "inline" && "bg-accent text-accent-foreground"),
+            className: cn3(currentDisplay === "inline" && "bg-accent text-accent-foreground"),
             title: t("editor.image.inlineTitle"),
             children: [
-              /* @__PURE__ */ jsx3(ImageIcon2, { className: "mr-1 h-3 w-3" }),
+              /* @__PURE__ */ jsx4(ImageIcon2, { className: "mr-1 h-3 w-3" }),
               t("editor.image.inline")
             ]
           }
         ),
-        /* @__PURE__ */ jsxs3(
-          Button3,
+        /* @__PURE__ */ jsxs4(
+          Button4,
           {
             type: "button",
             variant: "ghost",
             size: "sm",
             onClick: () => setDisplay("lightbox"),
-            className: cn2(currentDisplay === "lightbox" && "bg-accent text-accent-foreground"),
+            className: cn3(currentDisplay === "lightbox" && "bg-accent text-accent-foreground"),
             title: t("editor.image.lightboxTitle"),
             children: [
-              /* @__PURE__ */ jsx3(Maximize2, { className: "mr-1 h-3 w-3" }),
+              /* @__PURE__ */ jsx4(Maximize2, { className: "mr-1 h-3 w-3" }),
               t("editor.image.lightbox")
             ]
           }
         ),
-        /* @__PURE__ */ jsx3("span", { className: "mx-1 h-4 w-px bg-border" }),
-        /* @__PURE__ */ jsxs3(Button3, { type: "button", variant: "ghost", size: "sm", onClick: editAlt, children: [
-          /* @__PURE__ */ jsx3(Pencil, { className: "mr-1 h-3 w-3" }),
+        /* @__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" }),
           t("editor.image.alt")
         ] }),
-        /* @__PURE__ */ jsxs3(Button3, { type: "button", variant: "ghost", size: "sm", onClick: remove2, children: [
-          /* @__PURE__ */ jsx3(Trash2, { className: "mr-1 h-3 w-3" }),
+        /* @__PURE__ */ jsxs4(Button4, { type: "button", variant: "ghost", size: "sm", onClick: remove2, children: [
+          /* @__PURE__ */ jsx4(Trash2, { className: "mr-1 h-3 w-3" }),
           t("editor.image.delete")
         ] })
       ] })
@@ -351,7 +510,7 @@ function ImageBubbleMenu({ editor }) {
 }
 
 // src/editor/tiptap-editor.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var AmplessImage = Image.extend({
   addAttributes() {
     return {
@@ -367,12 +526,97 @@ var AmplessImage = Image.extend({
     };
   }
 });
+var EDITOR_STYLES = `
+.ProseMirror .tiptap-table,
+.ProseMirror table {
+  border-collapse: collapse;
+  table-layout: fixed;
+  width: 100%;
+  margin: 0.75em 0;
+  overflow: hidden;
+}
+.ProseMirror .tiptap-table td,
+.ProseMirror .tiptap-table th,
+.ProseMirror table td,
+.ProseMirror table th {
+  border: 1px solid var(--border);
+  padding: 0.4em 0.6em;
+  min-width: 1em;
+  vertical-align: top;
+  position: relative;
+}
+.ProseMirror .tiptap-table th,
+.ProseMirror table th {
+  background: var(--muted);
+  font-weight: 600;
+  text-align: left;
+}
+.ProseMirror .tiptap-table .selectedCell,
+.ProseMirror table .selectedCell {
+  background: var(--accent);
+}
+.ProseMirror .tableWrapper {
+  overflow-x: auto;
+  margin: 0.75em 0;
+}
+.ProseMirror .column-resize-handle {
+  position: absolute;
+  right: -2px;
+  top: 0;
+  bottom: 0;
+  width: 4px;
+  background: var(--ring);
+  pointer-events: none;
+}
+.ProseMirror.resize-cursor {
+  cursor: col-resize;
+}
+
+.ProseMirror ul[data-type='taskList'] {
+  list-style: none;
+  padding-left: 0;
+}
+.ProseMirror ul[data-type='taskList'] li {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.5em;
+}
+.ProseMirror ul[data-type='taskList'] li > label {
+  flex: 0 0 auto;
+  margin-top: 0.25em;
+  user-select: none;
+}
+.ProseMirror ul[data-type='taskList'] li > div {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.ProseMirror ul[data-type='taskList'] li[data-checked='true'] > div {
+  text-decoration: line-through;
+  color: var(--muted-foreground);
+}
+
+.ProseMirror mark {
+  background: #fef08a;
+  color: inherit;
+  padding: 0 0.1em;
+  border-radius: 2px;
+}
+`;
 function TiptapEditor({ initialContent, onChange }) {
   const editor = useEditor({
     extensions: [
       StarterKit,
       Link.configure({ openOnClick: false }),
-      AmplessImage.configure({ inline: false, allowBase64: false })
+      AmplessImage.configure({ inline: false, allowBase64: false }),
+      Table.configure({ resizable: true, HTMLAttributes: { class: "tiptap-table" } }),
+      TableRow,
+      TableHeader,
+      TableCell,
+      TaskList,
+      TaskItem.configure({ nested: true }),
+      Underline2,
+      Highlight.configure({ multicolor: false }),
+      TextAlign.configure({ types: ["heading", "paragraph"] })
     ],
     content: initialContent ?? { type: "doc", content: [{ type: "paragraph" }] },
     immediatelyRender: false,
@@ -388,17 +632,18 @@ function TiptapEditor({ initialContent, onChange }) {
       onChange?.(editor2.getJSON());
     }
   });
-  return /* @__PURE__ */ jsxs4("div", { className: "rounded-md border", children: [
-    /* @__PURE__ */ jsx4(Toolbar, { editor }),
-    editor && /* @__PURE__ */ jsx4(ImageBubbleMenu, { editor }),
-    /* @__PURE__ */ jsx4(EditorContent, { editor })
+  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 })
   ] });
 }
 
 // src/components/static-uploader.tsx
-import { useState as useState2 } from "react";
+import { useState as useState3 } from "react";
 import { FileText, AlertTriangle, FileArchive, X } from "lucide-react";
-import { Button as Button4 } from "@ampless/runtime/ui";
+import { Button as Button5 } from "@ampless/runtime/ui";
 
 // src/lib/static-bundle.ts
 import JSZip from "jszip";
@@ -590,13 +835,13 @@ function pickDefaultEntrypoint(files) {
 }
 
 // src/components/static-uploader.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function StaticUploader({ initial, onFilesReady, onClear }) {
   const t = useT();
-  const [pending, setPending] = useState2(null);
-  const [issues, setIssues] = useState2([]);
-  const [busy, setBusy] = useState2(false);
-  const [error, setError] = useState2(null);
+  const [pending, setPending] = useState3(null);
+  const [issues, setIssues] = useState3([]);
+  const [busy, setBusy] = useState3(false);
+  const [error, setError] = useState3(null);
   async function handleZip(file) {
     setBusy(true);
     setError(null);
@@ -670,11 +915,11 @@ function StaticUploader({ initial, onFilesReady, onClear }) {
     onClear();
   }
   const showCurrent = !pending && initial && initial.files.length > 0;
-  return /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "rounded-md border border-dashed p-4", children: [
-      /* @__PURE__ */ jsxs5("label", { className: "flex flex-col items-start gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx5("span", { className: "font-medium", children: t("posts.form.static.pick") }),
-        /* @__PURE__ */ jsx5(
+  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(
           "input",
           {
             type: "file",
@@ -684,13 +929,13 @@ function StaticUploader({ initial, onFilesReady, onClear }) {
             disabled: busy
           }
         ),
-        /* @__PURE__ */ jsx5("span", { className: "text-xs text-muted-foreground", children: t("posts.form.static.pickHint") })
+        /* @__PURE__ */ jsx6("span", { className: "text-xs text-muted-foreground", children: t("posts.form.static.pickHint") })
       ] }),
-      busy && /* @__PURE__ */ jsx5("p", { className: "mt-2 text-sm text-muted-foreground", children: t("common.loading") }),
-      error && /* @__PURE__ */ jsx5("p", { className: "mt-2 text-sm text-destructive", children: error })
+      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 })
     ] }),
-    showCurrent && /* @__PURE__ */ jsx5(CurrentBundle, { body: initial }),
-    pending && /* @__PURE__ */ jsx5(
+    showCurrent && /* @__PURE__ */ jsx6(CurrentBundle, { body: initial }),
+    pending && /* @__PURE__ */ jsx6(
       PendingBundle,
       {
         files: pending,
@@ -702,15 +947,15 @@ function StaticUploader({ initial, onFilesReady, onClear }) {
 }
 function CurrentBundle({ body }) {
   const t = useT();
-  return /* @__PURE__ */ jsxs5("div", { className: "rounded-md border bg-muted/30 p-3", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "mb-2 flex items-center gap-2 text-sm font-medium", children: [
-      /* @__PURE__ */ jsx5(FileArchive, { className: "h-4 w-4" }),
+  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" }),
       t("posts.form.static.currentBundle", {
         count: body.files.length,
         entrypoint: body.entrypoint
       })
     ] }),
-    /* @__PURE__ */ jsx5(FileList, { files: body.files })
+    /* @__PURE__ */ jsx6(FileList, { files: body.files })
   ] });
 }
 function PendingBundle({
@@ -720,49 +965,49 @@ function PendingBundle({
 }) {
   const t = useT();
   const totalBytes = files.reduce((sum, f) => sum + f.data.byteLength, 0);
-  return /* @__PURE__ */ jsxs5("div", { className: "rounded-md border p-3", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "mb-2 flex items-center justify-between gap-2 text-sm font-medium", children: [
-      /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx5(FileArchive, { className: "h-4 w-4" }),
+  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" }),
         t("posts.form.static.pendingBundle", {
           count: files.length,
           size: formatBytes(totalBytes)
         })
       ] }),
-      /* @__PURE__ */ jsxs5(Button4, { type: "button", variant: "ghost", size: "sm", onClick: onClear, children: [
-        /* @__PURE__ */ jsx5(X, { className: "mr-1 h-3 w-3" }),
+      /* @__PURE__ */ jsxs6(Button5, { type: "button", variant: "ghost", size: "sm", onClick: onClear, children: [
+        /* @__PURE__ */ jsx6(X, { className: "mr-1 h-3 w-3" }),
         t("common.cancel")
       ] })
     ] }),
-    issues.length > 0 && /* @__PURE__ */ jsxs5("div", { className: "mb-3 rounded-md border border-destructive/40 bg-destructive/5 p-2 text-sm", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "mb-1 flex items-center gap-2 font-medium text-destructive", children: [
-        /* @__PURE__ */ jsx5(AlertTriangle, { className: "h-4 w-4" }),
+    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" }),
         t("posts.form.static.issuesTitle", { count: issues.length })
       ] }),
-      /* @__PURE__ */ jsxs5("ul", { className: "space-y-0.5 text-xs", children: [
-        issues.slice(0, 20).map((issue, idx) => /* @__PURE__ */ jsxs5("li", { className: "font-mono", children: [
+      /* @__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: [
           issue.path,
           ": ",
           issue.reason
         ] }, `${issue.path}-${idx}`)),
-        issues.length > 20 && /* @__PURE__ */ jsxs5("li", { className: "font-mono text-muted-foreground", children: [
+        issues.length > 20 && /* @__PURE__ */ jsxs6("li", { className: "font-mono text-muted-foreground", children: [
           "\u2026 ",
           issues.length - 20,
           " more"
         ] })
       ] }),
-      /* @__PURE__ */ jsx5("p", { className: "mt-2 text-xs text-muted-foreground", children: t("posts.form.static.issuesHint") })
+      /* @__PURE__ */ jsx6("p", { className: "mt-2 text-xs text-muted-foreground", children: t("posts.form.static.issuesHint") })
     ] }),
-    /* @__PURE__ */ jsx5(FileList, { files: files.map((f) => f.path) })
+    /* @__PURE__ */ jsx6(FileList, { files: files.map((f) => f.path) })
   ] });
 }
 function FileList({ files }) {
-  return /* @__PURE__ */ jsxs5("ul", { className: "space-y-0.5 text-xs", children: [
-    files.slice(0, 40).map((path) => /* @__PURE__ */ jsxs5("li", { className: "flex items-center gap-1.5 font-mono text-muted-foreground", children: [
-      /* @__PURE__ */ jsx5(FileText, { className: "h-3 w-3 shrink-0" }),
+  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" }),
       path
     ] }, path)),
-    files.length > 40 && /* @__PURE__ */ jsxs5("li", { className: "font-mono text-xs text-muted-foreground", children: [
+    files.length > 40 && /* @__PURE__ */ jsxs6("li", { className: "font-mono text-xs text-muted-foreground", children: [
       "\u2026 ",
       files.length - 40,
       " more"
@@ -785,7 +1030,7 @@ function guessEntrypoint(files) {
 }
 
 // src/components/post-form.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } 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;
@@ -815,19 +1060,19 @@ function PostForm({ post }) {
   const router = useRouter();
   const t = useT();
   const isEdit = !!post;
-  const bodyTextareaRef = useRef2(null);
-  const [title, setTitle] = useState3(post?.title ?? "");
-  const [slug, setSlug] = useState3(post?.slug ?? "");
-  const [excerpt, setExcerpt] = useState3(post?.excerpt ?? "");
-  const [format, setFormat] = useState3(post?.format ?? "tiptap");
-  const [body, setBody] = useState3(post?.body ?? EMPTY_TIPTAP_DOC);
-  const [status, setStatus] = useState3(post?.status ?? "draft");
-  const [tagsInput, setTagsInput] = useState3((post?.tags ?? []).join(", "));
-  const [noLayout, setNoLayout] = useState3(post?.metadata?.no_layout === true);
-  const [saving, setSaving] = useState3(false);
-  const [error, setError] = useState3(null);
-  const [view, setView] = useState3("edit");
-  const [pendingBundle, setPendingBundle] = useState3(null);
+  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 [saving, setSaving] = useState4(false);
+  const [error, setError] = useState4(null);
+  const [view, setView] = useState4("edit");
+  const [pendingBundle, setPendingBundle] = useState4(null);
   const initialStaticBody = isStaticBody(post?.body) ? post.body : null;
   function buildMetadata() {
     const next = { ...post?.metadata ?? {} };
@@ -988,9 +1233,9 @@ function PostForm({ post }) {
     publishedAt: status === "published" ? post?.publishedAt ?? (/* @__PURE__ */ new Date()).toISOString() : void 0,
     tags: parseTags(tagsInput)
   };
-  return /* @__PURE__ */ jsxs6("form", { onSubmit: save, className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "flex gap-1 border-b", children: [
-      /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs7("form", { onSubmit: save, className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex gap-1 border-b", children: [
+      /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -1000,7 +1245,7 @@ function PostForm({ post }) {
           children: t("posts.form.tabEdit")
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -1011,24 +1256,24 @@ function PostForm({ post }) {
         }
       )
     ] }),
-    view === "preview" && /* @__PURE__ */ jsxs6("article", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs6("header", { className: "border-b pb-4", children: [
-        /* @__PURE__ */ jsx6("h1", { className: "text-3xl font-bold tracking-tight", children: title || /* @__PURE__ */ jsx6("span", { className: "text-muted-foreground italic", children: t("posts.form.previewNoTitle") }) }),
-        /* @__PURE__ */ jsxs6("p", { className: "mt-2 text-sm text-muted-foreground", children: [
-          previewPost.publishedAt ? /* @__PURE__ */ jsx6("time", { dateTime: previewPost.publishedAt, children: formatDate(previewPost.publishedAt) }) : /* @__PURE__ */ jsx6("span", { children: t("common.draft") }),
-          /* @__PURE__ */ jsx6("span", { className: "mx-2", children: "\xB7" }),
-          /* @__PURE__ */ jsx6("span", { className: "font-mono text-xs uppercase", children: format })
+    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 })
         ] }),
-        excerpt && /* @__PURE__ */ jsx6("p", { className: "mt-3 text-base text-muted-foreground", children: excerpt })
+        excerpt && /* @__PURE__ */ jsx7("p", { className: "mt-3 text-base text-muted-foreground", children: excerpt })
       ] }),
-      format === "static" ? /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground", children: t("posts.form.static.previewHint") }) : /* @__PURE__ */ jsx6(
+      format === "static" ? /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground", children: t("posts.form.static.previewHint") }) : /* @__PURE__ */ jsx7(
         "div",
         {
           className: "prose prose-neutral dark:prose-invert max-w-none",
           dangerouslySetInnerHTML: { __html: renderBody(previewPost) }
         }
       ),
-      previewPost.tags && previewPost.tags.length > 0 && /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap gap-2 border-t pt-4 text-sm", children: previewPost.tags.map((tag) => /* @__PURE__ */ jsxs6(
+      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(
         "span",
         {
           className: "rounded-full border px-2 py-0.5 text-xs text-muted-foreground",
@@ -1039,12 +1284,12 @@ function PostForm({ post }) {
         },
         tag
       )) }),
-      /* @__PURE__ */ jsx6("p", { className: "text-xs text-muted-foreground", children: t("posts.form.previewHint") })
+      /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: t("posts.form.previewHint") })
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: view === "edit" ? "space-y-6" : "hidden", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx6(Label, { htmlFor: "title", children: t("posts.form.title") }),
-        /* @__PURE__ */ jsx6(
+    /* @__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(
           Input,
           {
             id: "title",
@@ -1057,9 +1302,9 @@ function PostForm({ post }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx6(Label, { htmlFor: "slug", children: t("posts.form.slug") }),
-        /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx7(Label, { htmlFor: "slug", children: t("posts.form.slug") }),
+        /* @__PURE__ */ jsx7(
           Input,
           {
             id: "slug",
@@ -1069,9 +1314,9 @@ function PostForm({ post }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx6(Label, { htmlFor: "excerpt", children: t("posts.form.excerpt") }),
-        /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx7(Label, { htmlFor: "excerpt", children: t("posts.form.excerpt") }),
+        /* @__PURE__ */ jsx7(
           Textarea,
           {
             id: "excerpt",
@@ -1081,9 +1326,9 @@ function PostForm({ post }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx6(Label, { htmlFor: "format", children: t("posts.form.format") }),
-        /* @__PURE__ */ jsxs6(
+      /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx7(Label, { htmlFor: "format", children: t("posts.form.format") }),
+        /* @__PURE__ */ jsxs7(
           "select",
           {
             id: "format",
@@ -1091,41 +1336,41 @@ 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__ */ jsx6("option", { value: "tiptap", children: "Tiptap (rich editor)" }),
-              /* @__PURE__ */ jsx6("option", { value: "markdown", children: "Markdown" }),
-              /* @__PURE__ */ jsx6("option", { value: "html", children: "HTML" }),
-              /* @__PURE__ */ jsx6("option", { value: "static", children: t("posts.form.formatStaticLabel") })
+              /* @__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__ */ jsx6("p", { className: "text-xs text-muted-foreground", children: t("posts.form.formatHint") })
+        /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: t("posts.form.formatHint") })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx6(Label, { children: t("posts.form.body") }),
+      /* @__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") }),
           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__ */ jsx6(
+          /* @__PURE__ */ jsx7(
             MediaPicker,
             {
               onSelect: insertMediaSnippet,
-              trigger: /* @__PURE__ */ jsxs6(Button5, { type: "button", variant: "outline", size: "sm", children: [
-                /* @__PURE__ */ jsx6(ImageIcon3, { className: "mr-2 h-3 w-3" }),
+              trigger: /* @__PURE__ */ jsxs7(Button6, { type: "button", variant: "outline", size: "sm", children: [
+                /* @__PURE__ */ jsx7(ImageIcon3, { className: "mr-2 h-3 w-3" }),
                 t("posts.form.insertMedia")
               ] })
             }
           )
         ] }),
-        format === "tiptap" ? /* @__PURE__ */ jsx6(TiptapEditor, { initialContent: body, onChange: setBody }) : format === "static" ? /* @__PURE__ */ jsx6(
+        format === "tiptap" ? /* @__PURE__ */ jsx7(TiptapEditor, { initialContent: body, onChange: setBody }) : format === "static" ? /* @__PURE__ */ jsx7(
           StaticUploader,
           {
             initial: initialStaticBody,
             onFilesReady: (files, entrypoint) => setPendingBundle({ files, entrypoint }),
             onClear: () => setPendingBundle(null)
           }
-        ) : /* @__PURE__ */ jsx6(
+        ) : /* @__PURE__ */ jsx7(
           Textarea,
           {
             ref: bodyTextareaRef,
@@ -1136,9 +1381,9 @@ function PostForm({ post }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx6(Label, { htmlFor: "tags", children: t("posts.form.tags") }),
-        /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx7(Label, { htmlFor: "tags", children: t("posts.form.tags") }),
+        /* @__PURE__ */ jsx7(
           Input,
           {
             id: "tags",
@@ -1147,11 +1392,11 @@ function PostForm({ post }) {
             placeholder: t("posts.form.tagsPlaceholder")
           }
         ),
-        /* @__PURE__ */ jsx6("p", { className: "text-xs text-muted-foreground", children: t("posts.form.tagsHint") })
+        /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: t("posts.form.tagsHint") })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx6(Label, { htmlFor: "status", children: t("posts.form.status") }),
-        /* @__PURE__ */ jsxs6(
+      /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx7(Label, { htmlFor: "status", children: t("posts.form.status") }),
+        /* @__PURE__ */ jsxs7(
           "select",
           {
             id: "status",
@@ -1159,14 +1404,14 @@ function PostForm({ post }) {
             onChange: (e) => setStatus(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__ */ jsx6("option", { value: "draft", children: t("common.draft") }),
-              /* @__PURE__ */ jsx6("option", { value: "published", children: t("common.published") })
+              /* @__PURE__ */ jsx7("option", { value: "draft", children: t("common.draft") }),
+              /* @__PURE__ */ jsx7("option", { value: "published", children: t("common.published") })
             ]
           }
         )
       ] }),
-      format === "html" && /* @__PURE__ */ jsx6("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs6("label", { className: "flex items-start gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx6(
+      format === "html" && /* @__PURE__ */ jsx7("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs7("label", { className: "flex items-start gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx7(
           "input",
           {
             type: "checkbox",
@@ -1175,15 +1420,15 @@ function PostForm({ post }) {
             className: "mt-1"
           }
         ),
-        /* @__PURE__ */ jsxs6("span", { children: [
-          /* @__PURE__ */ jsx6("span", { className: "font-medium", children: t("posts.form.noLayout") }),
-          /* @__PURE__ */ jsx6("span", { className: "block text-xs text-muted-foreground", children: t("posts.form.noLayoutHint") })
+        /* @__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") })
         ] })
       ] }) }),
-      error && /* @__PURE__ */ jsx6("p", { className: "text-sm text-destructive", children: error }),
-      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx6(Button5, { type: "submit", disabled: saving, children: saving ? t("common.saving") : isEdit ? t("posts.form.saveChanges") : t("posts.form.createPost") }),
-        isEdit && /* @__PURE__ */ jsx6(Button5, { type: "button", variant: "destructive", onClick: handleDelete, disabled: saving, children: t("posts.form.delete") })
+      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") })
       ] })
     ] })
   ] });