@ampless/admin 1.0.0-beta.113 → 1.0.0-beta.114

package/dist/{chunk-DR2HES7B.js → chunk-HEBAGP4Q.js}

@@ -4,7 +4,7 @@ import {
   getAdminCmsConfig,
   getMediaProcessingDefaults,
   uploadProcessedImage
-} from "./chunk-CRZNBNEF.js";
+} from "./chunk-XGI3Y5KL.js";
 import {
   getAdminEditorExtensions,
   getAdminTiptapNodeHtml,
@@ -15,7 +15,7 @@ import {
 } from "./chunk-2ITWLRYF.js";
 import {
   useT
-} from "./chunk-TQUMC5HE.js";
+} from "./chunk-JSJ6OFNB.js";
 
 // src/components/media-picker.tsx
 import { useEffect, useRef, useState } from "react";
@@ -159,6 +159,20 @@ function MediaPicker({ trigger, onSelect }) {
   ] });
 }
 
+// src/editor/table-classes-context.tsx
+import { createContext, useContext } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var TableClassesContext = createContext([]);
+function TableClassesProvider({
+  classes,
+  children
+}) {
+  return /* @__PURE__ */ jsx2(TableClassesContext.Provider, { value: classes ?? [], children });
+}
+function useTableClasses() {
+  return useContext(TableClassesContext);
+}
+
 // src/components/post-form.tsx
 import { useEffect as useEffect5, useRef as useRef4, useState as useState6 } from "react";
 import { useRouter } from "next/navigation";
@@ -200,13 +214,31 @@ 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 { Table as TableIcon, Check } from "lucide-react";
+import { isValidCustomClassId } from "ampless";
 import { Button as Button2, cn } from "@ampless/runtime/ui";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function currentTableClass(editor) {
+  if (!editor.isActive("table")) return null;
+  const v = editor.getAttributes("table").customClass;
+  return isValidCustomClassId(v) ? v : null;
+}
 function TableControls({ editor }) {
   const t = useT();
   const [open, setOpen] = useState2(false);
   const rootRef = useRef2(null);
+  const themeClasses = useTableClasses();
+  const [activeClass, setActiveClass] = useState2(() => currentTableClass(editor));
+  useEffect2(() => {
+    const sync = () => setActiveClass(currentTableClass(editor));
+    sync();
+    editor.on("selectionUpdate", sync);
+    editor.on("transaction", sync);
+    return () => {
+      editor.off("selectionUpdate", sync);
+      editor.off("transaction", sync);
+    };
+  }, [editor]);
   useEffect2(() => {
     if (!open) return;
     function onPointerDown(e) {
@@ -281,8 +313,15 @@ function TableControls({ editor }) {
       enabled: inTable && editor.can().deleteTable()
     }
   ];
+  const declared = themeClasses.find((c) => c.id === activeClass);
+  const unknownActive = activeClass !== null && !declared;
+  const styleLabel = declared?.label ?? activeClass;
+  const setStyle = (id) => {
+    editor.chain().focus().updateAttributes("table", { customClass: id }).run();
+    setOpen(false);
+  };
   return /* @__PURE__ */ jsxs2("div", { ref: rootRef, className: "relative", children: [
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3(
       Button2,
       {
         type: "button",
@@ -290,36 +329,69 @@ function TableControls({ editor }) {
         size: "icon",
         onClick: () => setOpen((v) => !v),
         className: cn(inTable && "bg-accent text-accent-foreground"),
-        title: t("editor.table.title"),
+        title: styleLabel ? t("editor.table.titleWithStyle", { style: styleLabel }) : t("editor.table.title"),
         "aria-expanded": open,
         "aria-haspopup": "menu",
-        children: /* @__PURE__ */ jsx2(TableIcon, { className: "h-4 w-4" })
+        "data-table-style": activeClass ?? void 0,
+        children: /* @__PURE__ */ jsx3(TableIcon, { className: "h-4 w-4" })
       }
     ),
-    open && /* @__PURE__ */ jsx2(
+    open && /* @__PURE__ */ jsxs2(
       "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);
+        children: [
+          items.map((item) => /* @__PURE__ */ jsx3(
+            "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
             },
-            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
-        ))
+            item.key
+          )),
+          inTable && /* @__PURE__ */ jsxs2("div", { role: "group", "aria-label": t("editor.table.style"), className: "mt-1 border-t pt-1", children: [
+            /* @__PURE__ */ jsx3("div", { className: "px-2 py-1 text-xs font-medium text-muted-foreground", children: t("editor.table.style") }),
+            [
+              { id: null, label: t("editor.table.styleDefault"), description: void 0, unknown: false },
+              ...themeClasses.map((c) => ({ id: c.id, label: c.label, description: c.description, unknown: false })),
+              ...unknownActive ? [{ id: activeClass, label: t("editor.table.styleUnknown", { id: activeClass ?? "" }), description: t("editor.table.styleUnknownHint"), unknown: true }] : []
+            ].map((opt) => {
+              const selected = opt.id === activeClass;
+              return /* @__PURE__ */ jsxs2(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitemradio",
+                  "aria-checked": selected,
+                  title: opt.description,
+                  onClick: () => setStyle(opt.id),
+                  className: cn(
+                    "flex w-full items-center gap-2 rounded-sm px-2 py-1 text-left text-sm hover:bg-accent hover:text-accent-foreground",
+                    opt.unknown && "text-amber-700 dark:text-amber-400"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx3(Check, { className: cn("h-3.5 w-3.5 shrink-0", selected ? "opacity-100" : "opacity-0") }),
+                    /* @__PURE__ */ jsx3("span", { children: opt.label })
+                  ]
+                },
+                opt.id ?? "__default"
+              );
+            }),
+            themeClasses.length === 0 && /* @__PURE__ */ jsx3("div", { className: "px-2 py-1 text-xs text-muted-foreground", children: t("editor.table.styleNoneDeclared") })
+          ] })
+        ]
       }
     )
   ] });
@@ -338,7 +410,7 @@ function normalizeCodeLanguage(value) {
 }
 
 // src/editor/code-block-language-control.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function CodeBlockLanguageControl({ editor }) {
   const t = useT();
   const [state, setState] = useState3({ active: false, language: "" });
@@ -365,8 +437,8 @@ function CodeBlockLanguageControl({ editor }) {
   }, [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(
+    /* @__PURE__ */ jsx4(Braces, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx4(
       Input,
       {
         type: "text",
@@ -395,7 +467,7 @@ function CodeBlockLanguageControl({ editor }) {
 }
 
 // src/editor/toolbar.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function Toolbar({ editor }) {
   const t = useT();
   if (!editor) return null;
@@ -434,7 +506,7 @@ function Toolbar({ editor }) {
   return /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap gap-1 border-b p-2", children: [
     tools.map((tool) => {
       const Icon = tool.icon;
-      return /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5(
         Button3,
         {
           type: "button",
@@ -442,12 +514,12 @@ function Toolbar({ editor }) {
           size: "icon",
           onClick: tool.action,
           className: cn2(tool.isActive() && "bg-accent text-accent-foreground"),
-          children: /* @__PURE__ */ jsx4(Icon, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx5(Icon, { className: "h-4 w-4" })
         },
         tool.name
       );
     }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       Button3,
       {
         type: "button",
@@ -455,18 +527,18 @@ function Toolbar({ editor }) {
         size: "icon",
         onClick: setLink,
         className: cn2(editor.isActive("link") && "bg-accent text-accent-foreground"),
-        children: /* @__PURE__ */ jsx4(LinkIcon, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx5(LinkIcon, { className: "h-4 w-4" })
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       MediaPicker,
       {
         onSelect: insertImage,
-        trigger: /* @__PURE__ */ jsx4(Button3, { type: "button", variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx4(ImageIcon, { className: "h-4 w-4" }) })
+        trigger: /* @__PURE__ */ jsx5(Button3, { type: "button", variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx5(ImageIcon, { className: "h-4 w-4" }) })
       }
     ),
-    /* @__PURE__ */ jsx4(TableControls, { editor }),
-    /* @__PURE__ */ jsx4(CodeBlockLanguageControl, { editor })
+    /* @__PURE__ */ jsx5(TableControls, { editor }),
+    /* @__PURE__ */ jsx5(CodeBlockLanguageControl, { editor })
   ] });
 }
 
@@ -474,7 +546,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 jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function ImageBubbleMenu({ editor }) {
   const t = useT();
   const editAlt = () => {
@@ -492,7 +564,7 @@ function ImageBubbleMenu({ editor }) {
     editor.chain().focus().updateAttributes("image", { display: next }).run();
   };
   const currentDisplay = editor.getAttributes("image").display ?? null;
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     BubbleMenu,
     {
       editor,
@@ -509,7 +581,7 @@ function ImageBubbleMenu({ editor }) {
             className: cn3(currentDisplay === "inline" && "bg-accent text-accent-foreground"),
             title: t("editor.image.inlineTitle"),
             children: [
-              /* @__PURE__ */ jsx5(ImageIcon2, { className: "mr-1 h-3 w-3" }),
+              /* @__PURE__ */ jsx6(ImageIcon2, { className: "mr-1 h-3 w-3" }),
               t("editor.image.inline")
             ]
           }
@@ -524,18 +596,18 @@ function ImageBubbleMenu({ editor }) {
             className: cn3(currentDisplay === "lightbox" && "bg-accent text-accent-foreground"),
             title: t("editor.image.lightboxTitle"),
             children: [
-              /* @__PURE__ */ jsx5(Maximize2, { className: "mr-1 h-3 w-3" }),
+              /* @__PURE__ */ jsx6(Maximize2, { className: "mr-1 h-3 w-3" }),
               t("editor.image.lightbox")
             ]
           }
         ),
-        /* @__PURE__ */ jsx5("span", { className: "mx-1 h-4 w-px bg-border" }),
+        /* @__PURE__ */ jsx6("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" }),
+          /* @__PURE__ */ jsx6(Pencil, { className: "mr-1 h-3 w-3" }),
           t("editor.image.alt")
         ] }),
         /* @__PURE__ */ jsxs5(Button4, { type: "button", variant: "ghost", size: "sm", onClick: remove2, children: [
-          /* @__PURE__ */ jsx5(Trash2, { className: "mr-1 h-3 w-3" }),
+          /* @__PURE__ */ jsx6(Trash2, { className: "mr-1 h-3 w-3" }),
           t("editor.image.delete")
         ] })
       ] })
@@ -556,6 +628,31 @@ 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";
+import { isValidCustomClassId as isValidCustomClassId2, tableCustomClassName } from "ampless";
+var TABLE_CLASS_PREFIX = tableCustomClassName("");
+function parseTableCustomClass(className) {
+  for (const cls of (className ?? "").split(/\s+/)) {
+    if (!cls.startsWith(TABLE_CLASS_PREFIX)) continue;
+    const id = cls.slice(TABLE_CLASS_PREFIX.length);
+    if (isValidCustomClassId2(id)) return id;
+  }
+  return null;
+}
+var AmplessTable = Table.extend({
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      customClass: {
+        default: null,
+        parseHTML: (el) => parseTableCustomClass(el.getAttribute("class")),
+        renderHTML: (attrs) => {
+          const v = attrs.customClass;
+          return isValidCustomClassId2(v) ? { class: tableCustomClassName(v) } : {};
+        }
+      }
+    };
+  }
+});
 var AmplessImage = Image.extend({
   addAttributes() {
     return {
@@ -575,7 +672,7 @@ var BASE_TIPTAP_EXTENSIONS = [
   StarterKit,
   Link.configure({ openOnClick: false }),
   AmplessImage.configure({ inline: false, allowBase64: false }),
-  Table.configure({ resizable: true, HTMLAttributes: { class: "tiptap-table" } }),
+  AmplessTable.configure({ resizable: true, HTMLAttributes: { class: "tiptap-table" } }),
   TableRow,
   TableHeader,
   TableCell,
@@ -587,7 +684,7 @@ var BASE_TIPTAP_EXTENSIONS = [
 ];
 
 // src/editor/tiptap-editor.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var EDITOR_STYLES = `
 .ProseMirror .tiptap-table,
 .ProseMirror table {
@@ -688,10 +785,10 @@ function TiptapEditor({ initialContent, onChange, onUserEdit }) {
     }
   });
   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 })
+    /* @__PURE__ */ jsx7("style", { children: EDITOR_STYLES }),
+    /* @__PURE__ */ jsx7(Toolbar, { editor }),
+    editor && /* @__PURE__ */ jsx7(ImageBubbleMenu, { editor }),
+    /* @__PURE__ */ jsx7(EditorContent, { editor })
   ] });
 }
 
@@ -757,7 +854,7 @@ function buildPreviewSrcDoc(html) {
 }
 
 // src/components/post-history-panel.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 function formatRevisedAt(iso, timezone, locale) {
   const d = new Date(iso);
@@ -859,30 +956,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__ */ jsx7("span", { children: t("posts.history.title") }),
-          /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground", "aria-hidden": "true", children: open ? "\u2212" : "+" })
+          /* @__PURE__ */ jsx8("span", { children: t("posts.history.title") }),
+          /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground", "aria-hidden": "true", children: open ? "\u2212" : "+" })
         ]
       }
     ),
     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") })
+      error && /* @__PURE__ */ jsx8("p", { className: "text-sm text-destructive", children: error }),
+      loading && revisions.length === 0 ? /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: t("common.loading") }) : revisions.length === 0 ? /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: t("posts.history.empty") }) : /* @__PURE__ */ jsx8("div", { className: "overflow-x-auto rounded-md border", children: /* @__PURE__ */ jsxs7("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ jsx8("thead", { children: /* @__PURE__ */ jsxs7("tr", { className: "border-b text-left text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx8("th", { className: "px-3 py-2 font-medium", children: t("posts.history.columnRevisedAt") }),
+          /* @__PURE__ */ jsx8("th", { className: "px-3 py-2 font-medium", children: t("posts.history.columnStatus") }),
+          /* @__PURE__ */ jsx8("th", { className: "px-3 py-2 font-medium", children: t("posts.history.columnTitle") }),
+          /* @__PURE__ */ jsx8("th", { className: "px-3 py-2 font-medium text-right", children: t("common.actions") })
         ] }) }),
-        /* @__PURE__ */ jsx7("tbody", { children: revisions.map((rev) => /* @__PURE__ */ jsxs7(
+        /* @__PURE__ */ jsx8("tbody", { children: revisions.map((rev) => /* @__PURE__ */ jsxs7(
           "tr",
           {
             className: selected?.postHistoryId === rev.postHistoryId ? "border-b bg-muted/50" : "border-b",
             children: [
-              /* @__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(
+              /* @__PURE__ */ jsx8("td", { className: "whitespace-nowrap px-3 py-2 font-mono text-xs", children: formatRevisedAt(rev.revisedAt, timezone, locale) }),
+              /* @__PURE__ */ jsx8("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: rev.status ? t(`common.${rev.status}`) : "\u2014" }) }),
+              /* @__PURE__ */ jsx8("td", { className: "px-3 py-2", children: rev.title || "\u2014" }),
+              /* @__PURE__ */ jsx8("td", { className: "px-3 py-2 text-right", children: /* @__PURE__ */ jsxs7("div", { className: "flex justify-end gap-2", children: [
+                /* @__PURE__ */ jsx8(
                   Button5,
                   {
                     type: "button",
@@ -892,7 +989,7 @@ function PostHistoryPanel({
                     children: t("posts.history.view")
                   }
                 ),
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx8(
                   Button5,
                   {
                     type: "button",
@@ -910,7 +1007,7 @@ function PostHistoryPanel({
           rev.postHistoryId
         )) })
       ] }) }),
-      nextToken && /* @__PURE__ */ jsx7("div", { children: /* @__PURE__ */ jsx7(
+      nextToken && /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8(
         Button5,
         {
           type: "button",
@@ -923,10 +1020,10 @@ function PostHistoryPanel({
       ) }),
       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", {
+          /* @__PURE__ */ jsx8("h4", { className: "text-sm font-semibold", children: t("posts.history.viewing", {
             date: formatRevisedAt(selected.revisedAt, timezone, locale)
           }) }),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             Button5,
             {
               type: "button",
@@ -938,13 +1035,13 @@ function PostHistoryPanel({
           )
         ] }),
         /* @__PURE__ */ jsxs7("p", { className: "text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ jsx7("span", { className: "font-mono uppercase", children: selected.format ?? "\u2014" }),
+          /* @__PURE__ */ jsx8("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 })
+            /* @__PURE__ */ jsx8("span", { className: "mx-2", children: "\xB7" }),
+            /* @__PURE__ */ jsx8("span", { className: "font-mono", children: selected.slug })
           ] })
         ] }),
-        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") }) : (
+        selected.format === "static" ? /* @__PURE__ */ jsx8("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)
@@ -971,7 +1068,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__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             "iframe",
             {
               title: "revision-preview",
@@ -1083,7 +1180,7 @@ async function deleteBundle(slug) {
 }
 
 // src/components/static-uploader.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function StaticUploader({ initial, onFilesReady, onClear }) {
   const t = useT();
   const [pending, setPending] = useState5(null);
@@ -1167,8 +1264,8 @@ function StaticUploader({ initial, onFilesReady, onClear }) {
   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(
+        /* @__PURE__ */ jsx9("span", { className: "font-medium", children: t("posts.form.static.pick") }),
+        /* @__PURE__ */ jsx9(
           "input",
           {
             type: "file",
@@ -1178,13 +1275,13 @@ function StaticUploader({ initial, onFilesReady, onClear }) {
             disabled: busy
           }
         ),
-        /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: t("posts.form.static.pickHint") })
+        /* @__PURE__ */ jsx9("span", { className: "text-xs text-muted-foreground", children: t("posts.form.static.pickHint") })
       ] }),
-      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 })
+      busy && /* @__PURE__ */ jsx9("p", { className: "mt-2 text-sm text-muted-foreground", children: t("common.loading") }),
+      error && /* @__PURE__ */ jsx9("p", { className: "mt-2 text-sm text-destructive", children: error })
     ] }),
-    showCurrent && /* @__PURE__ */ jsx8(CurrentBundle, { body: initial }),
-    pending && /* @__PURE__ */ jsx8(
+    showCurrent && /* @__PURE__ */ jsx9(CurrentBundle, { body: initial }),
+    pending && /* @__PURE__ */ jsx9(
       PendingBundle,
       {
         files: pending,
@@ -1198,13 +1295,13 @@ function CurrentBundle({ body }) {
   const t = useT();
   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" }),
+      /* @__PURE__ */ jsx9(FileArchive, { className: "h-4 w-4" }),
       t("posts.form.static.currentBundle", {
         count: body.files.length,
         entrypoint: body.entrypoint
       })
     ] }),
-    /* @__PURE__ */ jsx8(FileList, { files: body.files })
+    /* @__PURE__ */ jsx9(FileList, { files: body.files })
   ] });
 }
 function PendingBundle({
@@ -1217,20 +1314,20 @@ function PendingBundle({
   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" }),
+        /* @__PURE__ */ jsx9(FileArchive, { className: "h-4 w-4" }),
         t("posts.form.static.pendingBundle", {
           count: files.length,
           size: formatBytes(totalBytes)
         })
       ] }),
       /* @__PURE__ */ jsxs8(Button6, { type: "button", variant: "ghost", size: "sm", onClick: onClear, children: [
-        /* @__PURE__ */ jsx8(X, { className: "mr-1 h-3 w-3" }),
+        /* @__PURE__ */ jsx9(X, { className: "mr-1 h-3 w-3" }),
         t("common.cancel")
       ] })
     ] }),
     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" }),
+        /* @__PURE__ */ jsx9(AlertTriangle, { className: "h-4 w-4" }),
         t("posts.form.static.issuesTitle", { count: issues.length })
       ] }),
       /* @__PURE__ */ jsxs8("ul", { className: "space-y-0.5 text-xs", children: [
@@ -1245,15 +1342,15 @@ function PendingBundle({
           " more"
         ] })
       ] }),
-      /* @__PURE__ */ jsx8("p", { className: "mt-2 text-xs text-muted-foreground", children: t("posts.form.static.issuesHint") })
+      /* @__PURE__ */ jsx9("p", { className: "mt-2 text-xs text-muted-foreground", children: t("posts.form.static.issuesHint") })
     ] }),
-    /* @__PURE__ */ jsx8(FileList, { files: files.map((f) => f.path) })
+    /* @__PURE__ */ jsx9(FileList, { files: files.map((f) => f.path) })
   ] });
 }
 function FileList({ files }) {
   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" }),
+      /* @__PURE__ */ jsx9(FileText, { className: "h-3 w-3 shrink-0" }),
       path
     ] }, path)),
     files.length > 40 && /* @__PURE__ */ jsxs8("li", { className: "font-mono text-xs text-muted-foreground", children: [
@@ -1420,6 +1517,7 @@ function deepEqual(a, b) {
 }
 
 // src/editor/format-switch.ts
+import { isValidCustomClassId as isValidCustomClassId3, tableCustomClassName as tableCustomClassName2 } from "ampless";
 import {
   tiptapToHtml,
   tiptapToMarkdown,
@@ -1427,6 +1525,40 @@ import {
   htmlToMarkdown
 } from "@ampless/runtime";
 import { generateJSON } from "@tiptap/core";
+var TABLE_CLASS_PREFIX2 = tableCustomClassName2("");
+function collectTiptapTableClasses(node, out) {
+  if (!node || typeof node !== "object") return;
+  const n = node;
+  if (n.type === "table" && isValidCustomClassId3(n.attrs?.customClass)) out.add(n.attrs.customClass);
+  if (Array.isArray(n.content)) for (const c of n.content) collectTiptapTableClasses(c, out);
+}
+function addTableClass(cls, out) {
+  if (!cls.startsWith(TABLE_CLASS_PREFIX2)) return;
+  const id = cls.slice(TABLE_CLASS_PREFIX2.length);
+  if (isValidCustomClassId3(id)) out.add(id);
+}
+function collectHtmlTableClasses(html, out) {
+  if (typeof DOMParser !== "undefined") {
+    const doc = new DOMParser().parseFromString(html, "text/html");
+    for (const table of Array.from(doc.querySelectorAll("table"))) {
+      for (const cls of Array.from(table.classList)) addTableClass(cls, out);
+    }
+    return;
+  }
+  for (const m of html.matchAll(/tiptap-table--[a-z0-9-]+/g)) addTableClass(m[0], out);
+}
+function tableClassesLostOnConversion(body, from, to) {
+  if (to !== "markdown" || from === "markdown" || from === "static") return [];
+  const found = /* @__PURE__ */ new Set();
+  if (typeof body === "string") collectHtmlTableClasses(body, found);
+  else if (from === "tiptap") collectTiptapTableClasses(body, found);
+  return [...found];
+}
+function confirmLossyFormatChange(body, from, to, confirm2, message) {
+  const lost = tableClassesLostOnConversion(body, from, to);
+  if (lost.length === 0) return true;
+  return confirm2(message(lost));
+}
 function convertBodyFormat(body, from, to, registries) {
   if (from === to) return body;
   const k = `${from}\u2192${to}`;
@@ -1450,7 +1582,7 @@ function convertBodyFormat(body, from, to, registries) {
 }
 
 // src/components/post-form.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, 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;
@@ -1645,6 +1777,15 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
   }
   function changeFormat(next) {
     if (next === format) return;
+    if (!confirmLossyFormatChange(
+      body,
+      format,
+      next,
+      (message) => window.confirm(message),
+      (classes) => t("posts.form.formatLossTableClasses", { classes: classes.join(", ") })
+    )) {
+      return;
+    }
     let nextBody = body;
     if (next === "static" || format === "static") {
       nextBody = defaultBodyForFormat(next);
@@ -1817,7 +1958,7 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
   ]);
   return /* @__PURE__ */ jsxs9("form", { onSubmit: save, className: "space-y-6", children: [
     /* @__PURE__ */ jsxs9("div", { className: "flex gap-1 border-b", children: [
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         "button",
         {
           type: "button",
@@ -1827,7 +1968,7 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
           children: t("posts.form.tabEdit")
         }
       ),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         "button",
         {
           type: "button",
@@ -1840,15 +1981,15 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
     ] }),
     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__ */ jsx10("h1", { className: "text-3xl font-bold tracking-tight", children: title || /* @__PURE__ */ jsx10("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 })
+          previewPost.publishedAt ? /* @__PURE__ */ jsx10("time", { dateTime: previewPost.publishedAt, children: formatDate(previewPost.publishedAt) }) : /* @__PURE__ */ jsx10("span", { children: t("common.draft") }),
+          /* @__PURE__ */ jsx10("span", { className: "mx-2", children: "\xB7" }),
+          /* @__PURE__ */ jsx10("span", { className: "font-mono text-xs uppercase", children: format })
         ] }),
-        excerpt && /* @__PURE__ */ jsx9("p", { className: "mt-3 text-base text-muted-foreground", children: excerpt })
+        excerpt && /* @__PURE__ */ jsx10("p", { className: "mt-3 text-base text-muted-foreground", children: excerpt })
       ] }),
-      format === "static" ? /* @__PURE__ */ jsx9("p", { className: "text-sm text-muted-foreground", children: t("posts.form.static.previewHint") }) : (
+      format === "static" ? /* @__PURE__ */ jsx10("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(
@@ -1886,7 +2027,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__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "iframe",
           {
             title: "post-preview",
@@ -1896,7 +2037,7 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
           }
         )
       ),
-      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(
+      previewPost.tags && previewPost.tags.length > 0 && /* @__PURE__ */ jsx10("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",
@@ -1907,7 +2048,7 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
         },
         tag
       )) }),
-      /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground", children: t("posts.form.previewHint") })
+      /* @__PURE__ */ jsx10("p", { className: "text-xs text-muted-foreground", children: t("posts.form.previewHint") })
     ] }),
     /* @__PURE__ */ jsxs9("div", { className: view === "edit" ? "space-y-6" : "hidden", children: [
       recovery && /* @__PURE__ */ jsxs9(
@@ -1916,24 +2057,24 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
           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__ */ 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", {
+            /* @__PURE__ */ jsx10("p", { className: "font-medium", children: recovery.decision === "stale" ? t("posts.draft.staleTitle") : t("posts.draft.recoverTitle") }),
+            /* @__PURE__ */ jsx10("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__ */ 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") })
+              /* @__PURE__ */ jsx10(Button7, { type: "button", size: "sm", onClick: acceptRecovery, children: recovery.decision === "stale" ? t("posts.draft.restoreAnyway") : t("posts.draft.restore") }),
+              /* @__PURE__ */ jsx10(Button7, { type: "button", size: "sm", variant: "outline", onClick: discardRecovery, children: t("posts.draft.discard") })
             ] })
           ]
         }
       ),
-      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") }),
+      restoredHint && !recovery && /* @__PURE__ */ jsx10("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__ */ jsx10("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(
+        /* @__PURE__ */ jsx10(Label, { htmlFor: "title", children: t("posts.form.title") }),
+        /* @__PURE__ */ jsx10(
           Input2,
           {
             id: "title",
@@ -1948,8 +2089,8 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
         )
       ] }),
       /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx9(Label, { htmlFor: "slug", children: t("posts.form.slug") }),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(Label, { htmlFor: "slug", children: t("posts.form.slug") }),
+        /* @__PURE__ */ jsx10(
           Input2,
           {
             id: "slug",
@@ -1963,8 +2104,8 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
         )
       ] }),
       /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx9(Label, { htmlFor: "excerpt", children: t("posts.form.excerpt") }),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(Label, { htmlFor: "excerpt", children: t("posts.form.excerpt") }),
+        /* @__PURE__ */ jsx10(
           Textarea,
           {
             id: "excerpt",
@@ -1978,7 +2119,7 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
         )
       ] }),
       /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx9(Label, { htmlFor: "format", children: t("posts.form.format") }),
+        /* @__PURE__ */ jsx10(Label, { htmlFor: "format", children: t("posts.form.format") }),
         /* @__PURE__ */ jsxs9(
           "select",
           {
@@ -1987,34 +2128,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__ */ 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__ */ jsx10("option", { value: "tiptap", children: "Tiptap (rich editor)" }),
+              /* @__PURE__ */ jsx10("option", { value: "markdown", children: "Markdown" }),
+              /* @__PURE__ */ jsx10("option", { value: "html", children: "HTML" }),
+              /* @__PURE__ */ jsx10("option", { value: "static", children: t("posts.form.formatStaticLabel") })
             ]
           }
         ),
-        /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground", children: t("posts.form.formatHint") })
+        /* @__PURE__ */ jsx10("p", { className: "text-xs text-muted-foreground", children: t("posts.form.formatHint") })
       ] }),
       /* @__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") }),
+          /* @__PURE__ */ jsx10(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__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             MediaPicker,
             {
               onSelect: insertMediaSnippet,
               trigger: /* @__PURE__ */ jsxs9(Button7, { type: "button", variant: "outline", size: "sm", children: [
-                /* @__PURE__ */ jsx9(ImageIcon3, { className: "mr-2 h-3 w-3" }),
+                /* @__PURE__ */ jsx10(ImageIcon3, { className: "mr-2 h-3 w-3" }),
                 t("posts.form.insertMedia")
               ] })
             }
           )
         ] }),
-        format === "tiptap" ? /* @__PURE__ */ jsx9(
+        format === "tiptap" ? /* @__PURE__ */ jsx10(
           TiptapEditor,
           {
             initialContent: body,
@@ -2022,14 +2163,14 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
             onUserEdit: markDirty
           },
           editorEpoch
-        ) : format === "static" ? /* @__PURE__ */ jsx9(
+        ) : format === "static" ? /* @__PURE__ */ jsx10(
           StaticUploader,
           {
             initial: initialStaticBody,
             onFilesReady: (files, entrypoint) => setPendingBundle({ files, entrypoint }),
             onClear: () => setPendingBundle(null)
           }
-        ) : /* @__PURE__ */ jsx9(
+        ) : /* @__PURE__ */ jsx10(
           Textarea,
           {
             ref: bodyTextareaRef,
@@ -2044,8 +2185,8 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
         )
       ] }),
       /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx9(Label, { htmlFor: "tags", children: t("posts.form.tags") }),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(Label, { htmlFor: "tags", children: t("posts.form.tags") }),
+        /* @__PURE__ */ jsx10(
           Input2,
           {
             id: "tags",
@@ -2057,10 +2198,10 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
             placeholder: t("posts.form.tagsPlaceholder")
           }
         ),
-        /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground", children: t("posts.form.tagsHint") })
+        /* @__PURE__ */ jsx10("p", { className: "text-xs text-muted-foreground", children: t("posts.form.tagsHint") })
       ] }),
       /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx9(Label, { htmlFor: "status", children: t("posts.form.status") }),
+        /* @__PURE__ */ jsx10(Label, { htmlFor: "status", children: t("posts.form.status") }),
         /* @__PURE__ */ jsxs9(
           "select",
           {
@@ -2072,15 +2213,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__ */ jsx9("option", { value: "draft", children: t("common.draft") }),
-              /* @__PURE__ */ jsx9("option", { value: "published", children: t("common.published") })
+              /* @__PURE__ */ jsx10("option", { value: "draft", children: t("common.draft") }),
+              /* @__PURE__ */ jsx10("option", { value: "published", children: t("common.published") })
             ]
           }
         )
       ] }),
       /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx9(Label, { htmlFor: "publishedAt", children: t("posts.form.publishedAt") }),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(Label, { htmlFor: "publishedAt", children: t("posts.form.publishedAt") }),
+        /* @__PURE__ */ jsx10(
           "input",
           {
             id: "publishedAt",
@@ -2093,11 +2234,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__ */ 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 }) })
+        /* @__PURE__ */ jsx10("p", { className: "text-xs text-muted-foreground", children: t("posts.form.publishedAtHint") }),
+        status === "published" && isFuture(resolvedPublishedAt) && /* @__PURE__ */ jsx10("p", { className: "text-xs text-amber-600 dark:text-amber-400", children: t("posts.form.scheduledNotice", { date: publishedAtInput }) })
       ] }),
-      format === "html" && /* @__PURE__ */ jsx9("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs9("label", { className: "flex items-start gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx9(
+      format === "html" && /* @__PURE__ */ jsx10("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs9("label", { className: "flex items-start gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx10(
           "input",
           {
             type: "checkbox",
@@ -2110,16 +2251,16 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
           }
         ),
         /* @__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") })
+          /* @__PURE__ */ jsx10("span", { className: "font-medium", children: t("posts.form.noLayout") }),
+          /* @__PURE__ */ jsx10("span", { className: "block text-xs text-muted-foreground", children: t("posts.form.noLayoutHint") })
         ] })
       ] }) }),
-      error && /* @__PURE__ */ jsx9("p", { className: "text-sm text-destructive", children: error }),
+      error && /* @__PURE__ */ jsx10("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") })
+        /* @__PURE__ */ jsx10(Button7, { type: "submit", disabled: saving, children: saving ? t("common.saving") : isEdit ? t("posts.form.saveChanges") : t("posts.form.createPost") }),
+        isEdit && /* @__PURE__ */ jsx10(Button7, { type: "button", variant: "destructive", onClick: handleDelete, disabled: saving, children: t("posts.form.delete") })
       ] }),
-      isEdit && post && /* @__PURE__ */ jsx9(
+      isEdit && post && /* @__PURE__ */ jsx10(
         PostHistoryPanel,
         {
           postId: post.postId,
@@ -2133,6 +2274,7 @@ function PostForm({ post, previewEndpoint = "/admin/preview" }) {
 
 export {
   MediaPicker,
+  TableClassesProvider,
   clearAllDrafts,
   PostForm
 };