@underverse-ui/underverse 1.0.163 → 1.0.164

package/dist/index.js

@@ -779,7 +779,11 @@ var en_default = {
       bookmark: "Bookmark Card",
       bookmarkDesc: "Embed a link as a bookmark card",
       fileCard: "File Attachment",
-      fileCardDesc: "Upload a file card attachment"
+      fileCardDesc: "Upload a file card attachment",
+      formCheckbox: "Form Checkbox",
+      formCheckboxDesc: "Insert an interactive checkbox field",
+      formRadio: "Form Radio Button",
+      formRadioDesc: "Insert an interactive radio button field"
     },
     floatingMenu: {
       addBlock: "Add block"
@@ -862,12 +866,20 @@ var en_default = {
       apply: "Apply",
       clear: "Clear",
       recalculate: "Recalculate",
-      done: "Done"
+      done: "Done",
+      alignVertical: "Vertical Alignment",
+      alignVerticalTop: "Top Align",
+      alignVerticalMiddle: "Middle Align",
+      alignVerticalBottom: "Bottom Align"
     },
     callout: {
       selectEmoji: "Select Emoji",
       backgroundColor: "Background Color"
     },
+    radio: {
+      groupName: "Group Name",
+      editGroup: "Edit Group Name"
+    },
     bookmark: {
       clickToOpenNewTab: "Click to open this link in a new tab.",
       clickToOpenLink: "Click to open link.",
@@ -952,6 +964,9 @@ var en_default = {
       mergeCells: "Merge cells",
       splitCell: "Split cell",
       imageUpload: "Upload Image",
+      formFields: "Form Fields",
+      formCheckbox: "Form Checkbox",
+      formRadio: "Form Radio Button",
       applySource: "Apply",
       closeDialog: "Close",
       copyHtml: "Copy HTML",
@@ -1177,7 +1192,11 @@ var vi_default = {
       bookmark: "Th\u1EBB li\xEAn k\u1EBFt",
       bookmarkDesc: "Nh\xFAng m\u1ED9t li\xEAn k\u1EBFt d\u01B0\u1EDBi d\u1EA1ng th\u1EBB xem tr\u01B0\u1EDBc",
       fileCard: "T\u1EC7p \u0111\xEDnh k\xE8m",
-      fileCardDesc: "T\u1EA3i l\xEAn t\u1EC7p tin \u0111\xEDnh k\xE8m"
+      fileCardDesc: "T\u1EA3i l\xEAn t\u1EC7p tin \u0111\xEDnh k\xE8m",
+      formCheckbox: "Checkbox bi\u1EC3u m\u1EABu",
+      formCheckboxDesc: "Th\xEAm \xF4 checkbox bi\u1EC3u m\u1EABu",
+      formRadio: "Radio bi\u1EC3u m\u1EABu",
+      formRadioDesc: "Th\xEAm n\xFAt ch\u1ECDn m\u1ED9t (Radio) bi\u1EC3u m\u1EABu"
     },
     floatingMenu: {
       addBlock: "Th\xEAm kh\u1ED1i"
@@ -1260,12 +1279,20 @@ var vi_default = {
       apply: "\xC1p d\u1EE5ng",
       clear: "X\xF3a",
       recalculate: "T\xEDnh l\u1EA1i",
-      done: "Xong"
+      done: "Xong",
+      alignVertical: "C\u0103n l\u1EC1 d\u1ECDc",
+      alignVerticalTop: "C\u0103n tr\xEAn",
+      alignVerticalMiddle: "C\u0103n gi\u1EEFa",
+      alignVerticalBottom: "C\u0103n d\u01B0\u1EDBi"
     },
     callout: {
       selectEmoji: "Ch\u1ECDn Bi\u1EC3u t\u01B0\u1EE3ng",
       backgroundColor: "M\xE0u n\u1EC1n"
     },
+    radio: {
+      groupName: "T\xEAn nh\xF3m",
+      editGroup: "S\u1EEDa t\xEAn nh\xF3m"
+    },
     bookmark: {
       clickToOpenNewTab: "B\u1EA5m \u0111\u1EC3 m\u1EDF li\xEAn k\u1EBFt n\xE0y trong tab m\u1EDBi.",
       clickToOpenLink: "B\u1EA5m \u0111\u1EC3 m\u1EDF li\xEAn k\u1EBFt.",
@@ -1350,6 +1377,9 @@ var vi_default = {
       mergeCells: "G\u1ED9p \xF4",
       splitCell: "T\xE1ch \xF4",
       imageUpload: "T\u1EA3i \u1EA3nh l\xEAn",
+      formFields: "Tr\u01B0\u1EDDng bi\u1EC3u m\u1EABu",
+      formCheckbox: "Checkbox bi\u1EC3u m\u1EABu",
+      formRadio: "N\xFAt ch\u1ECDn m\u1ED9t (Radio)",
       applySource: "\xC1p d\u1EE5ng",
       closeDialog: "\u0110\xF3ng",
       copyHtml: "Sao ch\xE9p HTML",
@@ -1575,7 +1605,11 @@ var ko_default = {
       bookmark: "\uBD81\uB9C8\uD06C \uCE74\uB4DC",
       bookmarkDesc: "\uB9C1\uD06C\uB97C \uBD81\uB9C8\uD06C \uCE74\uB4DC\uB85C \uC0BD\uC785\uD569\uB2C8\uB2E4",
       fileCard: "\uD30C\uC77C \uCCA8\uBD80",
-      fileCardDesc: "\uD30C\uC77C \uCE74\uB4DC \uCCA8\uBD80 \uD30C\uC77C\uC744 \uC5C5\uB85C\uB4DC\uD569\uB2C8\uB2E4"
+      fileCardDesc: "\uD30C\uC77C \uCE74\uB4DC \uCCA8\uBD80 \uD30C\uC77C\uC744 \uC5C5\uB85C\uB4DC\uD569\uB2C8\uB2E4",
+      formCheckbox: "\uC591\uC2DD \uCCB4\uD06C\uBC15\uC2A4",
+      formCheckboxDesc: "\uB300\uD654\uD615 \uCCB4\uD06C\uBC15\uC2A4 \uD544\uB4DC \uC0BD\uC785",
+      formRadio: "\uC591\uC2DD \uB77C\uB514\uC624 \uBC84\uD2BC",
+      formRadioDesc: "\uB300\uD654\uD615 \uB77C\uB514\uC624 \uBC84\uD2BC \uD544\uB4DC \uC0BD\uC785"
     },
     floatingMenu: {
       addBlock: "\uBE14\uB85D \uCD94\uAC00"
@@ -1658,12 +1692,20 @@ var ko_default = {
       apply: "\uC801\uC6A9",
       clear: "\uC9C0\uC6B0\uAE30",
       recalculate: "\uB2E4\uC2DC \uACC4\uC0B0",
-      done: "\uC644\uB8CC"
+      done: "\uC644\uB8CC",
+      alignVertical: "\uC138\uB85C \uB9DE\uCDA4",
+      alignVerticalTop: "\uC704\uCABD \uB9DE\uCDA4",
+      alignVerticalMiddle: "\uAC00\uC6B4\uB370 \uB9DE\uCDA4",
+      alignVerticalBottom: "\uC544\uB798\uCABD \uB9DE\uCDA4"
     },
     callout: {
       selectEmoji: "\uC774\uBAA8\uC9C0 \uC120\uD0DD",
       backgroundColor: "\uBC30\uACBD \uC0C9\uC0C1"
     },
+    radio: {
+      groupName: "\uADF8\uB8F9 \uC774\uB984",
+      editGroup: "\uADF8\uB8F9 \uC774\uB984 \uD3B8\uC9D1"
+    },
     bookmark: {
       clickToOpenNewTab: "\uD074\uB9AD\uD558\uC5EC \uC774 \uB9C1\uD06C\uB97C \uC0C8 \uD0ED\uC5D0\uC11C \uC5FD\uB2C8\uB2E4.",
       clickToOpenLink: "\uD074\uB9AD\uD558\uC5EC \uB9C1\uD06C\uB97C \uC5FD\uB2C8\uB2E4.",
@@ -1748,6 +1790,9 @@ var ko_default = {
       mergeCells: "\uC140 \uBCD1\uD569",
       splitCell: "\uC140 \uBD84\uD560",
       imageUpload: "\uC774\uBBF8\uC9C0 \uC5C5\uB85C\uB4DC",
+      formFields: "\uC591\uC2DD \uD544\uB4DC",
+      formCheckbox: "\uC591\uC2DD \uCCB4\uD06C\uBC15\uC2A4",
+      formRadio: "\uC591\uC2DD \uB77C\uB514\uC624 \uBC84\uD2BC",
       applySource: "\uC801\uC6A9",
       closeDialog: "\uB2EB\uAE30",
       copyHtml: "HTML \uBCF5\uC0AC",
@@ -1973,7 +2018,11 @@ var ja_default = {
       bookmark: "\u30D6\u30C3\u30AF\u30DE\u30FC\u30AF\u30AB\u30FC\u30C9",
       bookmarkDesc: "\u30EA\u30F3\u30AF\u3092\u30D6\u30C3\u30AF\u30DE\u30FC\u30AF\u30AB\u30FC\u30C9\u3068\u3057\u3066\u57CB\u3081\u8FBC\u307F\u307E\u3059",
       fileCard: "\u30D5\u30A1\u30A4\u30EB\u6DFB\u4ED8",
-      fileCardDesc: "\u30D5\u30A1\u30A4\u30EB\u30AB\u30FC\u30C9\u306E\u6DFB\u4ED8\u30D5\u30A1\u30A4\u30EB\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3057\u307E\u3059"
+      fileCardDesc: "\u30D5\u30A1\u30A4\u30EB\u30AB\u30FC\u30C9\u306E\u6DFB\u4ED8\u30D5\u30A1\u30A4\u30EB\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3057\u307E\u3059",
+      formCheckbox: "\u30D5\u30A9\u30FC\u30E0\u30C1\u30A7\u30C3\u30AF\u30DC\u30C3\u30AF\u30B9",
+      formCheckboxDesc: "\u30A4\u30F3\u30BF\u30E9\u30AF\u30C6\u30A3\u30D6\u306A\u30C1\u30A7\u30C3\u30AF\u30DC\u30C3\u30AF\u30B9\u3092\u633F\u5165\u3057\u307E\u3059",
+      formRadio: "\u30D5\u30A9\u30FC\u30E0\u30E9\u30B8\u30AA\u30DC\u30BF\u30F3",
+      formRadioDesc: "\u30A4\u30F3\u30BF\u30E9\u30AF\u30C6\u30A3\u30D6\u306A\u30E9\u30B8\u30AA\u30DC\u30BF\u30F3\u3092\u633F\u5165\u3057\u307E\u3059"
     },
     floatingMenu: {
       addBlock: "\u30D6\u30ED\u30C3\u30AF\u3092\u8FFD\u52A0"
@@ -2056,12 +2105,20 @@ var ja_default = {
       apply: "\u9069\u7528",
       clear: "\u30AF\u30EA\u30A2",
       recalculate: "\u518D\u8A08\u7B97",
-      done: "\u5B8C\u4E86"
+      done: "\u5B8C\u4E86",
+      alignVertical: "\u5782\u76F4\u63C3\u3048",
+      alignVerticalTop: "\u4E0A\u63C3\u3048",
+      alignVerticalMiddle: "\u4E0A\u4E0B\u4E2D\u592E\u63C3\u3048",
+      alignVerticalBottom: "\u4E0B\u63C3\u3048"
     },
     callout: {
       selectEmoji: "\u7D75\u6587\u5B57\u3092\u9078\u629E",
       backgroundColor: "\u80CC\u666F\u8272"
     },
+    radio: {
+      groupName: "\u30B0\u30EB\u30FC\u30D7\u540D",
+      editGroup: "\u30B0\u30EB\u30FC\u30D7\u540D\u7DE8\u96C6"
+    },
     bookmark: {
       clickToOpenNewTab: "\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u3053\u306E\u30EA\u30F3\u30AF\u3092\u65B0\u3057\u3044\u30BF\u30D6\u3067\u958B\u304F\u3002",
       clickToOpenLink: "\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30EA\u30F3\u30AF\u3092\u958B\u304F\u3002",
@@ -2146,6 +2203,9 @@ var ja_default = {
       mergeCells: "\u30BB\u30EB\u3092\u7D50\u5408",
       splitCell: "\u30BB\u30EB\u3092\u5206\u5272",
       imageUpload: "\u753B\u50CF\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9",
+      formFields: "\u30D5\u30A9\u30FC\u30E0\u30D5\u30A3\u30FC\u30EB\u30C9",
+      formCheckbox: "\u30D5\u30A9\u30FC\u30E0\u30C1\u30A7\u30C3\u30AF\u30DC\u30C3\u30AF\u30B9",
+      formRadio: "\u30D5\u30A9\u30FC\u30E0\u30E9\u30B8\u30AA\u30DC\u30BF\u30F3",
       applySource: "\u9069\u7528",
       closeDialog: "\u9589\u3058\u308B",
       copyHtml: "HTML\u3092\u30B3\u30D4\u30FC",
@@ -7599,7 +7659,15 @@ var DropdownMenu = ({
 }) => {
   const [internalOpen, setInternalOpen] = useState17(false);
   const open = isOpen !== void 0 ? isOpen : internalOpen;
-  const setOpen = onOpenChange || setInternalOpen;
+  const setOpen = React25.useCallback(
+    (nextOpen) => {
+      if (isOpen === void 0) {
+        setInternalOpen(nextOpen);
+      }
+      onOpenChange?.(nextOpen);
+    },
+    [isOpen, onOpenChange]
+  );
   const triggerRef = React25.useRef(null);
   const menuRef = React25.useRef(null);
   const itemsRef = React25.useRef([]);
@@ -24867,7 +24935,7 @@ import React83, { useEffect as useEffect38, useImperativeHandle as useImperative
 import { useEditor, EditorContent } from "@tiptap/react";
 
 // src/components/UEditor/extensions.ts
-import { mergeAttributes as mergeAttributes5 } from "@tiptap/core";
+import { mergeAttributes as mergeAttributes7 } from "@tiptap/core";
 import Document from "@tiptap/extension-document";
 import Paragraph from "@tiptap/extension-paragraph";
 import Text from "@tiptap/extension-text";
@@ -24884,7 +24952,7 @@ import TaskItem from "@tiptap/extension-task-item";
 import Blockquote from "@tiptap/extension-blockquote";
 import Code from "@tiptap/extension-code";
 import { wrappingInputRule } from "@tiptap/core";
-import { ReactNodeViewRenderer as ReactNodeViewRenderer5 } from "@tiptap/react";
+import { ReactNodeViewRenderer as ReactNodeViewRenderer7 } from "@tiptap/react";
 
 // src/components/UEditor/callout.ts
 import { Node as Node2, mergeAttributes } from "@tiptap/core";
@@ -25513,6 +25581,370 @@ var FileCard = Node4.create({
   }
 });
 
+// src/components/UEditor/form-checkbox.ts
+import { Node as Node5, mergeAttributes as mergeAttributes4 } from "@tiptap/core";
+import { ReactNodeViewRenderer as ReactNodeViewRenderer4 } from "@tiptap/react";
+
+// src/components/UEditor/FormCheckboxView.tsx
+import { NodeViewWrapper as NodeViewWrapper4 } from "@tiptap/react";
+import { Check as Check10 } from "lucide-react";
+import { jsx as jsx79 } from "react/jsx-runtime";
+var FormCheckboxView = ({ node, updateAttributes, editor, selected }) => {
+  const isChecked = !!node.attrs.checked;
+  const isEditable = editor.isEditable;
+  const handleToggle = (e) => {
+    if (!isEditable) return;
+    e.preventDefault();
+    e.stopPropagation();
+    updateAttributes({ checked: !isChecked });
+  };
+  const handleKeyDown2 = (e) => {
+    if (e.key === " " || e.key === "Enter") {
+      handleToggle(e);
+    }
+  };
+  return /* @__PURE__ */ jsx79(
+    NodeViewWrapper4,
+    {
+      as: "span",
+      className: cn(
+        "inline-flex items-center justify-center align-middle mx-1",
+        isEditable ? "cursor-pointer select-none" : "cursor-default"
+      ),
+      children: /* @__PURE__ */ jsx79(
+        "span",
+        {
+          role: "checkbox",
+          "aria-checked": isChecked,
+          tabIndex: isEditable ? 0 : -1,
+          onClick: handleToggle,
+          onKeyDown: handleKeyDown2,
+          className: cn(
+            "flex items-center justify-center w-5 h-5 rounded-md border text-primary-foreground transition-all duration-200 outline-none",
+            isChecked ? "bg-primary border-primary scale-100" : "bg-background border-border/70 hover:border-primary/50",
+            selected && "ring-2 ring-primary/30 ring-offset-1",
+            isEditable && "focus-visible:ring-2 focus-visible:ring-primary/45 focus-visible:ring-offset-1 focus-visible:border-primary"
+          ),
+          children: /* @__PURE__ */ jsx79(
+            "span",
+            {
+              className: cn(
+                "transition-transform duration-200 ease-out-back",
+                isChecked ? "scale-100 opacity-100" : "scale-50 opacity-0"
+              ),
+              children: /* @__PURE__ */ jsx79(Check10, { className: "w-3.5 h-3.5 stroke-[3px]" })
+            }
+          )
+        }
+      )
+    }
+  );
+};
+
+// src/components/UEditor/form-checkbox.ts
+var FormCheckbox2 = Node5.create({
+  name: "formCheckbox",
+  group: "inline",
+  inline: true,
+  atom: true,
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  addAttributes() {
+    return {
+      checked: {
+        default: false,
+        parseHTML: (element) => {
+          const checked = element.getAttribute("data-checked") || element.getAttribute("checked");
+          if (checked === "true" || checked === "") return true;
+          if (element instanceof HTMLInputElement) {
+            return element.checked;
+          }
+          return false;
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.checked) return {};
+          return {
+            "data-checked": "true",
+            checked: "checked"
+          };
+        }
+      },
+      id: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-id") || element.getAttribute("id") || `chk-${Math.random().toString(36).substring(2, 9)}`,
+        renderHTML: (attributes) => {
+          if (!attributes.id) return {};
+          return {
+            "data-id": attributes.id,
+            id: attributes.id
+          };
+        }
+      },
+      name: {
+        default: "",
+        parseHTML: (element) => element.getAttribute("name") || "",
+        renderHTML: (attributes) => {
+          if (!attributes.name) return {};
+          return {
+            name: attributes.name
+          };
+        }
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'input[type="checkbox"][data-type="form-checkbox"]'
+      },
+      {
+        tag: 'span[data-type="form-checkbox"]'
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "input",
+      mergeAttributes4(this.options.HTMLAttributes, HTMLAttributes, {
+        type: "checkbox",
+        "data-type": "form-checkbox"
+      })
+    ];
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer4(FormCheckboxView);
+  },
+  addCommands() {
+    return {
+      setFormCheckbox: (attributes) => ({ commands }) => {
+        return commands.insertContent({
+          type: this.name,
+          attrs: attributes
+        });
+      }
+    };
+  }
+});
+
+// src/components/UEditor/form-radio.ts
+import { Node as Node6, mergeAttributes as mergeAttributes5 } from "@tiptap/core";
+import { ReactNodeViewRenderer as ReactNodeViewRenderer5 } from "@tiptap/react";
+
+// src/components/UEditor/FormRadioView.tsx
+import { NodeViewWrapper as NodeViewWrapper5 } from "@tiptap/react";
+import { Settings } from "lucide-react";
+import { jsx as jsx80, jsxs as jsxs65 } from "react/jsx-runtime";
+var FormRadioView = ({ node, updateAttributes, editor, selected }) => {
+  const t = useSmartTranslations("UEditor");
+  const isChecked = !!node.attrs.checked;
+  const isEditable = editor.isEditable;
+  const groupName = node.attrs.name || "radio-group";
+  const handleSelect = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!isEditable) return;
+    editor.commands.checkFormRadio(node.attrs.id);
+  };
+  const handleKeyDown2 = (e) => {
+    if (e.key === " " || e.key === "Enter") {
+      handleSelect(e);
+    }
+  };
+  return /* @__PURE__ */ jsxs65(
+    NodeViewWrapper5,
+    {
+      as: "span",
+      className: cn(
+        "inline-flex items-center justify-center align-middle mx-1 select-none",
+        isEditable ? "cursor-pointer" : "cursor-default"
+      ),
+      children: [
+        /* @__PURE__ */ jsx80(
+          "span",
+          {
+            role: "radio",
+            "aria-checked": isChecked,
+            tabIndex: isEditable ? 0 : -1,
+            onClick: handleSelect,
+            onKeyDown: handleKeyDown2,
+            className: cn(
+              "flex items-center justify-center w-5 h-5 rounded-full border bg-background transition-all duration-200 outline-none",
+              isChecked ? "border-primary scale-100" : "border-border/70 hover:border-primary/50",
+              selected && "ring-2 ring-primary/30 ring-offset-1",
+              isEditable && "focus-visible:ring-2 focus-visible:ring-primary/45 focus-visible:ring-offset-1 focus-visible:border-primary"
+            ),
+            children: /* @__PURE__ */ jsx80(
+              "span",
+              {
+                className: cn(
+                  "w-2.5 h-2.5 rounded-full bg-primary transition-all duration-200 ease-out-back",
+                  isChecked ? "scale-100 opacity-100" : "scale-50 opacity-0"
+                )
+              }
+            )
+          }
+        ),
+        isEditable && selected && /* @__PURE__ */ jsx80("span", { className: "inline-flex items-center ml-0.5", contentEditable: false, children: /* @__PURE__ */ jsx80(
+          Popover,
+          {
+            placement: "bottom-start",
+            trigger: /* @__PURE__ */ jsx80(
+              "button",
+              {
+                type: "button",
+                className: "p-0.5 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors outline-none cursor-pointer",
+                title: t("radio.editGroup") || "Edit Group",
+                children: /* @__PURE__ */ jsx80(Settings, { className: "w-3.5 h-3.5" })
+              }
+            ),
+            children: /* @__PURE__ */ jsxs65("div", { className: "p-3 w-52 flex flex-col gap-2 bg-card border rounded-xl shadow-lg text-card-foreground", children: [
+              /* @__PURE__ */ jsx80("label", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("radio.groupName") || "Group Name" }),
+              /* @__PURE__ */ jsx80(
+                "input",
+                {
+                  type: "text",
+                  value: groupName,
+                  onChange: (e) => updateAttributes({ name: e.target.value }),
+                  className: "w-full text-sm px-2 py-1.5 border border-border/60 rounded-lg bg-background text-foreground focus:outline-none focus:ring-1 focus:ring-primary"
+                }
+              )
+            ] })
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+// src/components/UEditor/form-radio.ts
+var FormRadio = Node6.create({
+  name: "formRadio",
+  group: "inline",
+  inline: true,
+  atom: true,
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  addAttributes() {
+    return {
+      checked: {
+        default: false,
+        parseHTML: (element) => {
+          const checked = element.getAttribute("data-checked") || element.getAttribute("checked");
+          if (checked === "true" || checked === "") return true;
+          if (element instanceof HTMLInputElement) {
+            return element.checked;
+          }
+          return false;
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.checked) return {};
+          return {
+            "data-checked": "true",
+            checked: "checked"
+          };
+        }
+      },
+      id: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-id") || element.getAttribute("id") || `rad-${Math.random().toString(36).substring(2, 9)}`,
+        renderHTML: (attributes) => {
+          if (!attributes.id) return {};
+          return {
+            "data-id": attributes.id,
+            id: attributes.id
+          };
+        }
+      },
+      name: {
+        default: "radio-group",
+        parseHTML: (element) => element.getAttribute("name") || element.getAttribute("data-group") || "radio-group",
+        renderHTML: (attributes) => {
+          if (!attributes.name) return {};
+          return {
+            name: attributes.name,
+            "data-group": attributes.name
+          };
+        }
+      },
+      value: {
+        default: "",
+        parseHTML: (element) => element.getAttribute("value") || "",
+        renderHTML: (attributes) => {
+          if (!attributes.value) return {};
+          return {
+            value: attributes.value
+          };
+        }
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'input[type="radio"][data-type="form-radio"]'
+      },
+      {
+        tag: 'span[data-type="form-radio"]'
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "input",
+      mergeAttributes5(this.options.HTMLAttributes, HTMLAttributes, {
+        type: "radio",
+        "data-type": "form-radio"
+      })
+    ];
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer5(FormRadioView);
+  },
+  addCommands() {
+    return {
+      setFormRadio: (attributes) => ({ commands }) => {
+        return commands.insertContent({
+          type: this.name,
+          attrs: attributes
+        });
+      },
+      checkFormRadio: (id) => ({ tr, dispatch }) => {
+        if (!dispatch) return true;
+        let targetGroupName = "";
+        let targetPos = -1;
+        tr.doc.descendants((node, pos) => {
+          if (node.type.name === "formRadio" && node.attrs.id === id) {
+            targetGroupName = node.attrs.name;
+            targetPos = pos;
+            return false;
+          }
+          return true;
+        });
+        if (targetPos === -1) return false;
+        tr.doc.descendants((node, pos) => {
+          if (node.type.name === "formRadio") {
+            if (pos === targetPos) {
+              if (!node.attrs.checked) {
+                tr.setNodeMarkup(pos, void 0, { ...node.attrs, checked: true });
+              }
+            } else if (node.attrs.name === targetGroupName && node.attrs.checked) {
+              tr.setNodeMarkup(pos, void 0, { ...node.attrs, checked: false });
+            }
+          }
+          return true;
+        });
+        return true;
+      }
+    };
+  }
+});
+
 // src/components/UEditor/extensions.ts
 import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
 import History2 from "@tiptap/extension-history";
@@ -25550,7 +25982,9 @@ import {
   Type,
   Info as Info3,
   Bookmark as BookmarkIcon,
-  Paperclip
+  Paperclip,
+  CheckSquare,
+  CircleDot
 } from "lucide-react";
 
 // src/components/UEditor/tippy-interop.ts
@@ -25573,7 +26007,7 @@ function destroyTippyInstance(instance) {
 }
 
 // src/components/UEditor/slash-command.tsx
-import { jsx as jsx79, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs66 } from "react/jsx-runtime";
 var DEFAULT_MESSAGES = {
   noResults: "No results",
   basicBlocks: "Basic Blocks",
@@ -25604,7 +26038,11 @@ var DEFAULT_MESSAGES = {
   bookmark: "Bookmark Card",
   bookmarkDesc: "Embed a link as a bookmark card",
   fileCard: "File Attachment",
-  fileCardDesc: "Upload a file card attachment"
+  fileCardDesc: "Upload a file card attachment",
+  formCheckbox: "Form Checkbox",
+  formCheckboxDesc: "Insert an interactive checkbox field",
+  formRadio: "Form Radio Button",
+  formRadioDesc: "Insert an interactive radio button field"
 };
 function useResettingIndex2(resetToken) {
   const [state, setState] = React70.useState({ resetToken, index: 0 });
@@ -25655,7 +26093,11 @@ function buildSlashCommandMessages(translate) {
     bookmark: translate("slashCommand.bookmark") || "Bookmark Card",
     bookmarkDesc: translate("slashCommand.bookmarkDesc") || "Embed a link as a bookmark card",
     fileCard: translate("slashCommand.fileCard") || "File Attachment",
-    fileCardDesc: translate("slashCommand.fileCardDesc") || "Upload a file card attachment"
+    fileCardDesc: translate("slashCommand.fileCardDesc") || "Upload a file card attachment",
+    formCheckbox: translate("slashCommand.formCheckbox") || "Form Checkbox",
+    formCheckboxDesc: translate("slashCommand.formCheckboxDesc") || "Insert an interactive checkbox field",
+    formRadio: translate("slashCommand.formRadio") || "Form Radio Button",
+    formRadioDesc: translate("slashCommand.formRadioDesc") || "Insert an interactive radio button field"
   };
 }
 function buildSlashCommandItems({
@@ -25795,6 +26237,22 @@ function buildSlashCommandItems({
         };
         input.click();
       })
+    },
+    {
+      icon: CheckSquare,
+      title: messages.formCheckbox,
+      description: messages.formCheckboxDesc,
+      command: run(({ editor, range }) => {
+        getCommandChain(editor, range).setFormCheckbox().run();
+      })
+    },
+    {
+      icon: CircleDot,
+      title: messages.formRadio,
+      description: messages.formRadioDesc,
+      command: run(({ editor, range }) => {
+        getCommandChain(editor, range).setFormRadio({ name: `radio-group-${Math.random().toString(36).substring(2, 6)}` }).run();
+      })
     }
   ].filter((item) => item.title.toLowerCase().includes(query.toLowerCase()));
 }
@@ -25831,11 +26289,11 @@ var SlashCommandList = forwardRef14((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ jsx79("div", { className: "w-72 p-4 text-center text-sm text-muted-foreground", children: props.messages.noResults });
+    return /* @__PURE__ */ jsx81("div", { className: "w-72 p-4 text-center text-sm text-muted-foreground", children: props.messages.noResults });
   }
-  return /* @__PURE__ */ jsxs65("div", { ref: listRef, className: "w-72 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
-    /* @__PURE__ */ jsx79("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx79("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: props.messages.basicBlocks }) }),
-    /* @__PURE__ */ jsx79("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ jsxs65(
+  return /* @__PURE__ */ jsxs66("div", { ref: listRef, className: "w-72 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
+    /* @__PURE__ */ jsx81("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx81("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: props.messages.basicBlocks }) }),
+    /* @__PURE__ */ jsx81("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ jsxs66(
       "button",
       {
         type: "button",
@@ -25847,19 +26305,19 @@ var SlashCommandList = forwardRef14((props, ref) => {
           selectedIndex === index ? "bg-accent" : "hover:bg-accent/50"
         ),
         children: [
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx81(
             "div",
             {
               className: cn(
                 "flex items-center justify-center w-10 h-10 rounded-lg mr-3 transition-colors",
                 selectedIndex === index ? "bg-primary/10" : "bg-muted/50 group-hover:bg-muted"
               ),
-              children: /* @__PURE__ */ jsx79(item.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
+              children: /* @__PURE__ */ jsx81(item.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
             }
           ),
-          /* @__PURE__ */ jsxs65("div", { className: "text-left", children: [
-            /* @__PURE__ */ jsx79("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: item.title }),
-            /* @__PURE__ */ jsx79("div", { className: "text-xs text-muted-foreground", children: item.description })
+          /* @__PURE__ */ jsxs66("div", { className: "text-left", children: [
+            /* @__PURE__ */ jsx81("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: item.title }),
+            /* @__PURE__ */ jsx81("div", { className: "text-xs text-muted-foreground", children: item.description })
           ] })
         ]
       },
@@ -26814,7 +27272,7 @@ import { ReactRenderer as ReactRenderer2 } from "@tiptap/react";
 import { PluginKey as PluginKey2 } from "@tiptap/pm/state";
 import React71, { forwardRef as forwardRef15, useImperativeHandle as useImperativeHandle2 } from "react";
 import { Smile as Smile2 } from "lucide-react";
-import { jsx as jsx80, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs67 } from "react/jsx-runtime";
 function useResettingIndex3(resetToken) {
   const [state, setState] = React71.useState({ resetToken, index: 0 });
   const selectedIndex = Object.is(state.resetToken, resetToken) ? state.index : 0;
@@ -26864,15 +27322,15 @@ var EmojiList = forwardRef15((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ jsx80("div", { className: "w-80 p-4 text-center text-sm text-muted-foreground bg-card border border-border/50 rounded-2xl shadow-lg", children: t("emojiSuggestion.noResults") });
+    return /* @__PURE__ */ jsx82("div", { className: "w-80 p-4 text-center text-sm text-muted-foreground bg-card border border-border/50 rounded-2xl shadow-lg", children: t("emojiSuggestion.noResults") });
   }
-  return /* @__PURE__ */ jsxs66("div", { className: "w-80 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
-    /* @__PURE__ */ jsx80("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ jsxs66("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx80(Smile2, { className: "w-4 h-4 text-primary" }),
-      /* @__PURE__ */ jsx80("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("emojiSuggestion.title") })
+  return /* @__PURE__ */ jsxs67("div", { className: "w-80 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
+    /* @__PURE__ */ jsx82("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx82(Smile2, { className: "w-4 h-4 text-primary" }),
+      /* @__PURE__ */ jsx82("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("emojiSuggestion.title") })
     ] }) }),
-    /* @__PURE__ */ jsxs66("div", { className: "p-3", children: [
-      /* @__PURE__ */ jsx80("div", { className: "grid grid-cols-8 gap-1", children: props.items.slice(0, 64).map((item, index) => /* @__PURE__ */ jsx80(
+    /* @__PURE__ */ jsxs67("div", { className: "p-3", children: [
+      /* @__PURE__ */ jsx82("div", { className: "grid grid-cols-8 gap-1", children: props.items.slice(0, 64).map((item, index) => /* @__PURE__ */ jsx82(
         EmojiGridButton,
         {
           emoji: item.emoji,
@@ -26883,7 +27341,7 @@ var EmojiList = forwardRef15((props, ref) => {
         },
         item.name
       )) }),
-      props.items.length > 64 && /* @__PURE__ */ jsx80("div", { className: "mt-2 text-xs text-center text-muted-foreground", children: showingCountLabel })
+      props.items.length > 64 && /* @__PURE__ */ jsx82("div", { className: "mt-2 text-xs text-center text-muted-foreground", children: showingCountLabel })
     ] })
   ] });
 });
@@ -26969,7 +27427,7 @@ import { ReactRenderer as ReactRenderer3 } from "@tiptap/react";
 import { PluginKey as PluginKey3 } from "@tiptap/pm/state";
 import React72, { forwardRef as forwardRef16, useImperativeHandle as useImperativeHandle3 } from "react";
 import { Sigma } from "lucide-react";
-import { jsx as jsx81, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs68 } from "react/jsx-runtime";
 var FORMULA_FUNCTIONS = [
   {
     name: "SUM",
@@ -27042,14 +27500,14 @@ var FormulaSuggestionList = forwardRef16((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ jsx81("div", { className: "w-72 p-3 text-sm text-muted-foreground bg-card border border-border/50 rounded-lg shadow-lg", children: t("formulaSuggestion.noResults") });
+    return /* @__PURE__ */ jsx83("div", { className: "w-72 p-3 text-sm text-muted-foreground bg-card border border-border/50 rounded-lg shadow-lg", children: t("formulaSuggestion.noResults") });
   }
-  return /* @__PURE__ */ jsxs67("div", { className: "w-72 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-lg shadow-lg", children: [
-    /* @__PURE__ */ jsx81("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx81(Sigma, { className: "w-4 h-4 text-primary" }),
-      /* @__PURE__ */ jsx81("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("formulaSuggestion.title") })
+  return /* @__PURE__ */ jsxs68("div", { className: "w-72 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-lg shadow-lg", children: [
+    /* @__PURE__ */ jsx83("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx83(Sigma, { className: "w-4 h-4 text-primary" }),
+      /* @__PURE__ */ jsx83("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("formulaSuggestion.title") })
     ] }) }),
-    /* @__PURE__ */ jsx81("div", { className: "p-1.5", children: props.items.map((item, index) => /* @__PURE__ */ jsxs67(
+    /* @__PURE__ */ jsx83("div", { className: "p-1.5", children: props.items.map((item, index) => /* @__PURE__ */ jsxs68(
       "button",
       {
         type: "button",
@@ -27058,11 +27516,11 @@ var FormulaSuggestionList = forwardRef16((props, ref) => {
         onMouseDown: (event) => event.preventDefault(),
         onClick: () => props.command(item),
         children: [
-          /* @__PURE__ */ jsxs67("div", { className: "flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ jsx81("span", { className: "font-mono text-sm font-semibold", children: item.name }),
-            /* @__PURE__ */ jsx81("span", { className: "font-mono text-xs text-muted-foreground", children: item.signature })
+          /* @__PURE__ */ jsxs68("div", { className: "flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsx83("span", { className: "font-mono text-sm font-semibold", children: item.name }),
+            /* @__PURE__ */ jsx83("span", { className: "font-mono text-xs text-muted-foreground", children: item.signature })
           ] }),
-          /* @__PURE__ */ jsx81("div", { className: "mt-0.5 text-xs text-muted-foreground", children: t(item.descriptionKey) })
+          /* @__PURE__ */ jsx83("div", { className: "mt-0.5 text-xs text-muted-foreground", children: t(item.descriptionKey) })
         ]
       },
       item.name
@@ -27216,8 +27674,8 @@ var UEditorPlaceholder = Extension5.create({
 // src/components/UEditor/resizable-image.tsx
 import { useEffect as useEffect34, useRef as useRef29, useState as useState44 } from "react";
 import Image4 from "@tiptap/extension-image";
-import { mergeAttributes as mergeAttributes4 } from "@tiptap/core";
-import { NodeViewWrapper as NodeViewWrapper4, ReactNodeViewRenderer as ReactNodeViewRenderer4 } from "@tiptap/react";
+import { mergeAttributes as mergeAttributes6 } from "@tiptap/core";
+import { NodeViewWrapper as NodeViewWrapper6, ReactNodeViewRenderer as ReactNodeViewRenderer6 } from "@tiptap/react";
 
 // src/components/UEditor/table-dom-utils.ts
 var DEFAULT_TABLE_ROW_HEIGHT = 25;
@@ -27324,7 +27782,7 @@ function getRelativeSelectedCellsMetrics(surface) {
 }
 
 // src/components/UEditor/resizable-image.tsx
-import { jsx as jsx82, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs69 } from "react/jsx-runtime";
 var MIN_IMAGE_SIZE_PX = 40;
 var IMAGE_LAYOUTS = /* @__PURE__ */ new Set(["block", "left", "right"]);
 var IMAGE_WIDTH_PRESETS = /* @__PURE__ */ new Set(["sm", "md", "lg"]);
@@ -27566,8 +28024,8 @@ function ResizableImageNodeView(props) {
   const showHandle = selected || isHovered || isResizing;
   const wrapperAlignClass = imageLayout === "block" ? textAlign === "center" ? "mx-auto" : textAlign === "right" ? "ml-auto" : textAlign === "justify" ? "mx-auto" : "" : "";
   const wrapperLayoutClass = imageLayout === "left" ? "float-left mr-4 mb-3 mt-1 clear-none max-w-[min(45%,20rem)]" : imageLayout === "right" ? "float-right ml-4 mb-3 mt-1 clear-none max-w-[min(45%,20rem)]" : "w-fit";
-  return /* @__PURE__ */ jsxs68(
-    NodeViewWrapper4,
+  return /* @__PURE__ */ jsxs69(
+    NodeViewWrapper6,
     {
       as: "div",
       ref: wrapperRef,
@@ -27581,7 +28039,7 @@ function ResizableImageNodeView(props) {
       },
       contentEditable: false,
       children: [
-        /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx84(
           "img",
           {
             ref: imgRef,
@@ -27597,7 +28055,7 @@ function ResizableImageNodeView(props) {
             style: getImageDisplayStyle(widthAttr, heightAttr)
           }
         ),
-        /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx84(
           "div",
           {
             ref: resizePreviewRef,
@@ -27621,7 +28079,7 @@ function ResizableImageNodeView(props) {
             }
           }
         ),
-        showHandle && /* @__PURE__ */ jsx82(
+        showHandle && /* @__PURE__ */ jsx84(
           "div",
           {
             "aria-hidden": "true",
@@ -27687,10 +28145,10 @@ var ResizableImage = Image4.extend({
     };
   },
   renderHTML({ HTMLAttributes }) {
-    return ["img", mergeAttributes4(this.options.HTMLAttributes, HTMLAttributes)];
+    return ["img", mergeAttributes6(this.options.HTMLAttributes, HTMLAttributes)];
   },
   addNodeView() {
-    return ReactNodeViewRenderer4(ResizableImageNodeView);
+    return ReactNodeViewRenderer6(ResizableImageNodeView);
   }
 }).configure({
   allowBase64: true,
@@ -28419,9 +28877,9 @@ var table_align_default = UEditorTable;
 
 // src/components/UEditor/CodeBlockView.tsx
 import React74, { useState as useState45 } from "react";
-import { NodeViewWrapper as NodeViewWrapper5, NodeViewContent as NodeViewContent2 } from "@tiptap/react";
-import { Check as Check10, Copy as Copy2, ChevronDown as ChevronDown7 } from "lucide-react";
-import { Fragment as Fragment27, jsx as jsx83, jsxs as jsxs69 } from "react/jsx-runtime";
+import { NodeViewWrapper as NodeViewWrapper7, NodeViewContent as NodeViewContent2 } from "@tiptap/react";
+import { Check as Check11, Copy as Copy2, ChevronDown as ChevronDown7 } from "lucide-react";
+import { Fragment as Fragment27, jsx as jsx85, jsxs as jsxs70 } from "react/jsx-runtime";
 var LANGUAGES = [
   { label: "Plain Text", value: "text" },
   { label: "JavaScript", value: "javascript" },
@@ -28469,15 +28927,15 @@ var CodeBlockView = ({
       console.error("Failed to copy code text: ", err);
     }
   };
-  return /* @__PURE__ */ jsxs69(NodeViewWrapper5, { className: "group/code relative my-4 rounded-xl border border-border/60 bg-muted/40 p-4 font-mono text-sm shadow-sm overflow-visible", children: [
-    /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs70(NodeViewWrapper7, { className: "group/code relative my-4 rounded-xl border border-border/60 bg-muted/40 p-4 font-mono text-sm shadow-sm overflow-visible", children: [
+    /* @__PURE__ */ jsxs70(
       "div",
       {
         className: "absolute right-3 top-3 z-10 flex items-center gap-1.5 opacity-0 group-hover/code:opacity-100 focus-within:opacity-100 transition-opacity duration-200 select-none",
         contentEditable: false,
         children: [
-          /* @__PURE__ */ jsxs69("div", { className: "relative", children: [
-            /* @__PURE__ */ jsxs69(
+          /* @__PURE__ */ jsxs70("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxs70(
               "button",
               {
                 type: "button",
@@ -28485,19 +28943,19 @@ var CodeBlockView = ({
                 className: "flex items-center gap-1.5 rounded-lg border border-border bg-background px-2.5 py-1 text-xs text-muted-foreground hover:text-foreground hover:bg-muted active:scale-95 transition-all focus:outline-none",
                 children: [
                   currentLangLabel,
-                  /* @__PURE__ */ jsx83(ChevronDown7, { className: "h-3 w-3" })
+                  /* @__PURE__ */ jsx85(ChevronDown7, { className: "h-3 w-3" })
                 ]
               }
             ),
-            isDropdownOpen && /* @__PURE__ */ jsxs69(Fragment27, { children: [
-              /* @__PURE__ */ jsx83(
+            isDropdownOpen && /* @__PURE__ */ jsxs70(Fragment27, { children: [
+              /* @__PURE__ */ jsx85(
                 "div",
                 {
                   className: "fixed inset-0 z-20",
                   onClick: () => setIsDropdownOpen(false)
                 }
               ),
-              /* @__PURE__ */ jsx83("div", { className: "absolute right-0 mt-1 max-h-56 w-36 overflow-y-auto rounded-lg border border-border/50 bg-popover p-1 shadow-lg z-30 [scrollbar-width:thin] animate-in fade-in-0 zoom-in-95", children: LANGUAGES.map((lang) => /* @__PURE__ */ jsx83(
+              /* @__PURE__ */ jsx85("div", { className: "absolute right-0 mt-1 max-h-56 w-36 overflow-y-auto rounded-lg border border-border/50 bg-popover p-1 shadow-lg z-30 [scrollbar-width:thin] animate-in fade-in-0 zoom-in-95", children: LANGUAGES.map((lang) => /* @__PURE__ */ jsx85(
                 "button",
                 {
                   type: "button",
@@ -28515,20 +28973,20 @@ var CodeBlockView = ({
               )) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx83(
+          /* @__PURE__ */ jsx85(
             "button",
             {
               type: "button",
               onClick: handleCopy,
               className: "flex h-7 w-7 items-center justify-center rounded-lg border border-border bg-background text-muted-foreground hover:text-foreground hover:bg-muted active:scale-95 transition-all focus:outline-none",
               title: "Copy code",
-              children: copied ? /* @__PURE__ */ jsx83(Check10, { className: "h-3.5 w-3.5 text-success animate-in fade-in-0 zoom-in-75" }) : /* @__PURE__ */ jsx83(Copy2, { className: "h-3.5 w-3.5" })
+              children: copied ? /* @__PURE__ */ jsx85(Check11, { className: "h-3.5 w-3.5 text-success animate-in fade-in-0 zoom-in-75" }) : /* @__PURE__ */ jsx85(Copy2, { className: "h-3.5 w-3.5" })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ jsx83("pre", { className: "m-0 overflow-x-auto [scrollbar-width:thin] pt-4 sm:pt-0", children: /* @__PURE__ */ jsx83("code", { className: "bg-transparent! text-foreground!", children: /* @__PURE__ */ jsx83(NodeViewContent2, {}) }) })
+    /* @__PURE__ */ jsx85("pre", { className: "m-0 overflow-x-auto [scrollbar-width:thin] pt-4 sm:pt-0", children: /* @__PURE__ */ jsx85("code", { className: "bg-transparent! text-foreground!", children: /* @__PURE__ */ jsx85(NodeViewContent2, {}) }) })
   ] });
 };
 
@@ -28628,6 +29086,16 @@ var CustomTableCell = TableCell2.extend({
             "data-computed-value": attributes.computedValue
           };
         }
+      },
+      verticalAlign: {
+        default: null,
+        parseHTML: (element) => element.style.verticalAlign || element.getAttribute("data-vertical-align") || null,
+        renderHTML: (attributes) => {
+          if (!attributes.verticalAlign) return {};
+          return {
+            "data-vertical-align": attributes.verticalAlign
+          };
+        }
       }
     };
   },
@@ -28637,15 +29105,17 @@ var CustomTableCell = TableCell2.extend({
     const borderColor = HTMLAttributes["data-border-color"];
     const borderStyle = HTMLAttributes["data-border-style"];
     const borderWidth = HTMLAttributes["data-border-width"];
+    const verticalAlign = HTMLAttributes["data-vertical-align"];
     let mergedStyle = style;
     if (bg) mergedStyle += `; background-color: ${bg}`;
     if (borderColor) mergedStyle += `; border-color: ${borderColor}`;
     if (borderStyle) mergedStyle += `; border-style: ${borderStyle}`;
     if (borderWidth) mergedStyle += `; border-width: ${borderWidth}`;
+    if (verticalAlign) mergedStyle += `; vertical-align: ${verticalAlign}`;
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "td",
-      mergeAttributes5(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
+      mergeAttributes7(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -28735,6 +29205,16 @@ var CustomTableHeader = TableHeader2.extend({
             "data-computed-value": attributes.computedValue
           };
         }
+      },
+      verticalAlign: {
+        default: null,
+        parseHTML: (element) => element.style.verticalAlign || element.getAttribute("data-vertical-align") || null,
+        renderHTML: (attributes) => {
+          if (!attributes.verticalAlign) return {};
+          return {
+            "data-vertical-align": attributes.verticalAlign
+          };
+        }
       }
     };
   },
@@ -28744,15 +29224,17 @@ var CustomTableHeader = TableHeader2.extend({
     const borderColor = HTMLAttributes["data-border-color"];
     const borderStyle = HTMLAttributes["data-border-style"];
     const borderWidth = HTMLAttributes["data-border-width"];
+    const verticalAlign = HTMLAttributes["data-vertical-align"];
     let mergedStyle = style;
     if (bg) mergedStyle += `; background-color: ${bg}`;
     if (borderColor) mergedStyle += `; border-color: ${borderColor}`;
     if (borderStyle) mergedStyle += `; border-style: ${borderStyle}`;
     if (borderWidth) mergedStyle += `; border-width: ${borderWidth}`;
+    if (verticalAlign) mergedStyle += `; vertical-align: ${verticalAlign}`;
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "th",
-      mergeAttributes5(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
+      mergeAttributes7(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -28778,7 +29260,7 @@ var CustomTaskList = TaskList.extend({
 var lowlight = createLowlight(common);
 var CustomCodeBlockLowlight = CodeBlockLowlight.extend({
   addNodeView() {
-    return ReactNodeViewRenderer5(CodeBlockView);
+    return ReactNodeViewRenderer7(CodeBlockView);
   }
 });
 function buildUEditorExtensions({
@@ -28922,7 +29404,9 @@ function buildUEditorExtensions({
     }),
     FileCard.configure({
       upload: uploadFile
-    })
+    }),
+    FormCheckbox2,
+    FormRadio
   ];
 }
 
@@ -28965,18 +29449,22 @@ import {
   Type as Type2,
   Underline as UnderlineIcon,
   Undo as UndoIcon,
-  Upload as Upload3
+  Upload as Upload3,
+  AlignStartVertical,
+  AlignCenterVertical,
+  AlignEndVertical
 } from "lucide-react";
+import { setCellAttr } from "@tiptap/pm/tables";
 
 // src/components/UEditor/colors.tsx
 import { useMemo as useMemo22, useRef as useRef30 } from "react";
-import { Check as Check11, Highlighter, Palette as Palette2, Paintbrush, Grid as Grid2 } from "lucide-react";
-import { jsx as jsx84, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Check as Check12, Highlighter, Palette as Palette2, Paintbrush, Grid as Grid2 } from "lucide-react";
+import { jsx as jsx86, jsxs as jsxs71 } from "react/jsx-runtime";
 var TextColorIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
-  return /* @__PURE__ */ jsxs70("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx84("span", { className: "text-[15px] font-semibold leading-none", children: "A" }),
-    /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsxs71("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ jsx86("span", { className: "text-[15px] font-semibold leading-none", children: "A" }),
+    /* @__PURE__ */ jsx86(
       "span",
       {
         "aria-hidden": "true",
@@ -28988,9 +29476,9 @@ var TextColorIcon = ({ color }) => {
 };
 var HighlightColorIcon = ({ color }) => {
   const underlineColor = color || "currentColor";
-  return /* @__PURE__ */ jsxs70("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx84(Highlighter, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsxs71("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ jsx86(Highlighter, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx86(
       "span",
       {
         "aria-hidden": "true",
@@ -29002,9 +29490,9 @@ var HighlightColorIcon = ({ color }) => {
 };
 var CellBgColorIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
-  return /* @__PURE__ */ jsxs70("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx84(Paintbrush, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsxs71("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ jsx86(Paintbrush, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx86(
       "span",
       {
         "aria-hidden": "true",
@@ -29016,9 +29504,9 @@ var CellBgColorIcon = ({ color }) => {
 };
 var CellBorderIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
-  return /* @__PURE__ */ jsxs70("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx84(Grid2, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsxs71("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ jsx86(Grid2, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx86(
       "span",
       {
         "aria-hidden": "true",
@@ -29145,9 +29633,9 @@ var EditorColorPalette = ({
   const colorInputRef = useRef30(null);
   const automaticColor = colors[0]?.color ?? "";
   const paletteColors = colors.slice(1);
-  return /* @__PURE__ */ jsxs70("div", { className: "w-56 p-2", children: [
-    /* @__PURE__ */ jsx84("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs71("div", { className: "w-56 p-2", children: [
+    /* @__PURE__ */ jsx86("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxs71(
       "button",
       {
         type: "button",
@@ -29159,12 +29647,12 @@ var EditorColorPalette = ({
           currentColor === automaticColor ? "border-primary text-primary" : "border-transparent text-foreground"
         ),
         children: [
-          /* @__PURE__ */ jsx84("span", { className: "flex h-5 w-5 items-center justify-center rounded border border-border bg-background", children: currentColor === automaticColor && /* @__PURE__ */ jsx84(Check11, { className: "h-3.5 w-3.5" }) }),
-          /* @__PURE__ */ jsx84("span", { className: "flex-1 text-center", children: t("colors.automatic") })
+          /* @__PURE__ */ jsx86("span", { className: "flex h-5 w-5 items-center justify-center rounded border border-border bg-background", children: currentColor === automaticColor && /* @__PURE__ */ jsx86(Check12, { className: "h-3.5 w-3.5" }) }),
+          /* @__PURE__ */ jsx86("span", { className: "flex-1 text-center", children: t("colors.automatic") })
         ]
       }
     ),
-    /* @__PURE__ */ jsx84("div", { className: "mt-2 grid grid-cols-8 gap-1", children: paletteColors.map((c) => /* @__PURE__ */ jsx84(Tooltip, { placement: "top", content: /* @__PURE__ */ jsx84("span", { className: "text-xs font-medium", children: c.name }), children: /* @__PURE__ */ jsx84(
+    /* @__PURE__ */ jsx86("div", { className: "mt-2 grid grid-cols-8 gap-1", children: paletteColors.map((c) => /* @__PURE__ */ jsx86(Tooltip, { placement: "top", content: /* @__PURE__ */ jsx86("span", { className: "text-xs font-medium", children: c.name }), children: /* @__PURE__ */ jsx86(
       "button",
       {
         type: "button",
@@ -29176,10 +29664,10 @@ var EditorColorPalette = ({
           currentColor === c.color ? "border-primary ring-2 ring-primary/25" : "border-border/70"
         ),
         style: { backgroundColor: c.color || "transparent" },
-        children: currentColor === c.color && /* @__PURE__ */ jsx84("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx84(Check11, { className: cn("h-3.5 w-3.5", getSwatchCheckClass(c.color)) }) })
+        children: currentColor === c.color && /* @__PURE__ */ jsx86("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx86(Check12, { className: cn("h-3.5 w-3.5", getSwatchCheckClass(c.color)) }) })
       }
     ) }, `${c.name}-${c.color}`)) }),
-    /* @__PURE__ */ jsxs70(
+    /* @__PURE__ */ jsxs71(
       "button",
       {
         type: "button",
@@ -29187,7 +29675,7 @@ var EditorColorPalette = ({
         onClick: () => colorInputRef.current?.click(),
         className: "mt-3 flex h-9 w-full items-center gap-3 rounded-md px-2 text-sm text-foreground transition-colors hover:bg-muted",
         children: [
-          /* @__PURE__ */ jsx84(
+          /* @__PURE__ */ jsx86(
             "span",
             {
               "aria-hidden": "true",
@@ -29197,9 +29685,9 @@ var EditorColorPalette = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx84("span", { className: "flex-1 text-center", children: t("colors.moreColors") }),
-          /* @__PURE__ */ jsx84(Palette2, { className: "h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx84(
+          /* @__PURE__ */ jsx86("span", { className: "flex-1 text-center", children: t("colors.moreColors") }),
+          /* @__PURE__ */ jsx86(Palette2, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx86(
             "input",
             {
               ref: colorInputRef,
@@ -29345,8 +29833,8 @@ function deleteSelectedImage(editor) {
 
 // src/components/UEditor/inputs.tsx
 import { useEffect as useEffect35, useRef as useRef31, useState as useState46 } from "react";
-import { Check as Check12, X as X18 } from "lucide-react";
-import { jsx as jsx85, jsxs as jsxs71 } from "react/jsx-runtime";
+import { Check as Check13, X as X18 } from "lucide-react";
+import { jsx as jsx87, jsxs as jsxs72 } from "react/jsx-runtime";
 function normalizeUrl(raw) {
   return sanitizeUEditorUrl(raw, "link");
 }
@@ -29367,8 +29855,8 @@ var LinkInput = ({
     const normalized = normalizeUrl(url);
     if (normalized) onSubmit(normalized);
   };
-  return /* @__PURE__ */ jsxs71("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
-    /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsxs72("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
+    /* @__PURE__ */ jsx87(
       "input",
       {
         ref: inputRef,
@@ -29379,8 +29867,8 @@ var LinkInput = ({
         className: "flex-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20"
       }
     ),
-    /* @__PURE__ */ jsx85("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx85(Check12, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx85("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx85(X18, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ jsx87("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx87(Check13, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx87("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx87(X18, { className: "w-4 h-4" }) })
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
@@ -29398,10 +29886,10 @@ var ImageInput = ({ onSubmit, onCancel }) => {
       onSubmit(safeUrl, alt);
     }
   };
-  return /* @__PURE__ */ jsxs71("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
-    /* @__PURE__ */ jsxs71("div", { children: [
-      /* @__PURE__ */ jsx85("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
-      /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsxs72("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
+    /* @__PURE__ */ jsxs72("div", { children: [
+      /* @__PURE__ */ jsx87("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
+      /* @__PURE__ */ jsx87(
         "input",
         {
           ref: inputRef,
@@ -29413,9 +29901,9 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs71("div", { children: [
-      /* @__PURE__ */ jsx85("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
-      /* @__PURE__ */ jsx85(
+    /* @__PURE__ */ jsxs72("div", { children: [
+      /* @__PURE__ */ jsx87("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
+      /* @__PURE__ */ jsx87(
         "input",
         {
           type: "text",
@@ -29426,8 +29914,8 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs71("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx85(
+    /* @__PURE__ */ jsxs72("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx87(
         "button",
         {
           type: "submit",
@@ -29436,7 +29924,7 @@ var ImageInput = ({ onSubmit, onCancel }) => {
           children: t("imageInput.addBtn")
         }
       ),
-      /* @__PURE__ */ jsx85("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
+      /* @__PURE__ */ jsx87("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
     ] })
   ] });
 };
@@ -29804,7 +30292,7 @@ function getDefaultLetterSpacings() {
 }
 
 // src/components/UEditor/toolbar.tsx
-import { Fragment as Fragment28, jsx as jsx86, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx88, jsxs as jsxs73 } from "react/jsx-runtime";
 function getTableAnchorPos(editor) {
   const tableInfo = findTableNodeInfoFromState(editor.state);
   if (tableInfo) return editor.state.selection.from;
@@ -29835,7 +30323,7 @@ function formatTableInsertLabel(template, rows, cols) {
   return template.replace("{rows}", String(rows)).replace("{cols}", String(cols));
 }
 var ToolbarButton = React77.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
-  const button = /* @__PURE__ */ jsx86(
+  const button = /* @__PURE__ */ jsx88(
     "button",
     {
       ref,
@@ -29860,12 +30348,12 @@ var ToolbarButton = React77.forwardRef(({ onClick, onMouseDown, active, disabled
     }
   );
   if (title) {
-    return /* @__PURE__ */ jsx86(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
+    return /* @__PURE__ */ jsx88(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
   }
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ jsx86("div", { className: "mx-0.5 h-5 w-px bg-border/60" });
+var ToolbarDivider = () => /* @__PURE__ */ jsx88("div", { className: "mx-0.5 h-5 w-px bg-border/60" });
 var TableInsertGrid = ({
   insertLabel,
   previewTemplate,
@@ -29874,14 +30362,14 @@ var TableInsertGrid = ({
   const [selection, setSelection] = React77.useState({ rows: 3, cols: 3 });
   const maxRows = 8;
   const maxCols = 8;
-  return /* @__PURE__ */ jsxs72("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
-    /* @__PURE__ */ jsx86("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
-    /* @__PURE__ */ jsx86("div", { className: "grid grid-cols-8 gap-1", onMouseLeave: () => setSelection((prev) => prev), children: Array.from({ length: maxRows }).map(
+  return /* @__PURE__ */ jsxs73("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
+    /* @__PURE__ */ jsx88("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
+    /* @__PURE__ */ jsx88("div", { className: "grid grid-cols-8 gap-1", onMouseLeave: () => setSelection((prev) => prev), children: Array.from({ length: maxRows }).map(
       (_, rowIndex) => Array.from({ length: maxCols }).map((__, colIndex) => {
         const rows = rowIndex + 1;
         const cols = colIndex + 1;
         const active = rows <= selection.rows && cols <= selection.cols;
-        return /* @__PURE__ */ jsx86(
+        return /* @__PURE__ */ jsx88(
           "button",
           {
             type: "button",
@@ -29899,9 +30387,18 @@ var TableInsertGrid = ({
         );
       })
     ) }),
-    /* @__PURE__ */ jsx86("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
+    /* @__PURE__ */ jsx88("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
   ] });
 };
+function applyTableCellAttribute(editor, name, value) {
+  const { state, view } = editor;
+  const applied = setCellAttr(name, value)(state, view.dispatch.bind(view));
+  if (applied) {
+    view.focus();
+    return;
+  }
+  editor.chain().focus().setCellAttribute(name, value).run();
+}
 var EditorToolbar = ({
   editor,
   variant,
@@ -29941,6 +30438,7 @@ var EditorToolbar = ({
   const hasTableContext = isTableSelected || tableCommandAnchorPosRef.current !== null;
   const canMergeCells = hasTableContext && editor.can().mergeCells();
   const canSplitCell = hasTableContext && editor.can().splitCell();
+  const currentCellVerticalAlign = normalizeStyleValue(editor.getAttributes("tableCell").verticalAlign || editor.getAttributes("tableHeader").verticalAlign) || "";
   const currentFontFamily = normalizeStyleValue(textStyleAttrs.fontFamily);
   const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
   const currentTextColor = normalizeStyleValue(textStyleAttrs.color) || "inherit";
@@ -29963,6 +30461,9 @@ var EditorToolbar = ({
   const displayedFontSizeLabel = currentFontSize ? currentFontSizeLabel : "13";
   const activeFontSize = currentFontSize || "13px";
   const tableCommandAnchorPos = tableCommandAnchorPosRef.current ?? tableAnchorPos ?? void 0;
+  const isMedium = variant === "medium";
+  const isMediumFull = variant === "medium-full";
+  const isFull = variant === "default" || variant === "full" || variant === "notion" || !variant;
   const insertImageFiles = async (files) => {
     if (files.length === 0) return;
     setIsUploadingImage(true);
@@ -29984,31 +30485,74 @@ var EditorToolbar = ({
     setIsUploadingImage(false);
   };
   if (variant === "minimal") {
-    return /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-1 border-b border-border/35 bg-muted/30 p-2", children: [
-      /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx86(BoldIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx86(ItalicIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsxs73("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/35 bg-muted/30 p-1.5", children: [
+      /* @__PURE__ */ jsx88(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx88(UndoIcon, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx88(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx88(RedoIcon, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx88(ToolbarDivider, {}),
+      /* @__PURE__ */ jsx88(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx88(BoldIcon, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx88(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx88(ItalicIcon, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx88(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           active: editor.isActive("bulletList"),
           title: t("toolbar.bulletList"),
-          children: /* @__PURE__ */ jsx86(ListIcon, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx88(ListIcon, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx88(
+        DropdownMenu,
+        {
+          contentClassName: "min-w-72",
+          trigger: /* @__PURE__ */ jsx88(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx88(LinkIcon, { className: "w-4 h-4" }) }),
+          children: showLinkInput ? /* @__PURE__ */ jsx88(
+            LinkInput,
+            {
+              initialUrl: String(editor.getAttributes("link").href ?? ""),
+              onSubmit: (url) => {
+                editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+                setShowLinkInput(false);
+              },
+              onCancel: () => setShowLinkInput(false)
+            }
+          ) : /* @__PURE__ */ jsxs73(Fragment28, { children: [
+            /* @__PURE__ */ jsx88(
+              DropdownMenuItem,
+              {
+                icon: LinkIcon,
+                label: t("toolbar.link"),
+                onClick: () => setShowLinkInput(true),
+                active: editor.isActive("link"),
+                closeOnSelect: false
+              }
+            ),
+            /* @__PURE__ */ jsx88(
+              DropdownMenuItem,
+              {
+                icon: Trash22,
+                label: t("toolbar.removeLink"),
+                onClick: () => editor.chain().focus().extendMarkRange("link").unsetLink().run(),
+                disabled: !editor.isActive("link"),
+                destructive: true
+              }
+            )
+          ] })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs72("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/35 bg-linear-to-r from-muted/25 to-transparent p-1.5", children: [
-    /* @__PURE__ */ jsx86(
+  const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? AlignCenterVertical : currentCellVerticalAlign === "bottom" ? AlignEndVertical : AlignStartVertical;
+  return /* @__PURE__ */ jsxs73("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/35 bg-linear-to-r from-muted/25 to-transparent p-1.5", children: [
+    isFull && /* @__PURE__ */ jsx88(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs72(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.fontFamily"), className: "min-w-0 max-w-40 px-1.5 w-auto gap-1", children: [
-          /* @__PURE__ */ jsx86("span", { className: "max-w-28 truncate text-xs font-medium", style: { fontFamily: displayedFontFamilyValue || void 0 }, children: displayedFontFamilyLabel }),
-          /* @__PURE__ */ jsx86(ChevronDown8, { className: "h-3 w-3 text-muted-foreground" })
+          /* @__PURE__ */ jsx88("span", { className: "max-w-28 truncate text-xs font-medium", style: { fontFamily: displayedFontFamilyValue || void 0 }, children: displayedFontFamilyLabel }),
+          /* @__PURE__ */ jsx88(ChevronDown8, { className: "h-3 w-3 text-muted-foreground" })
         ] }),
         contentClassName: "max-h-80 overflow-y-auto min-w-56 p-2",
-        children: availableFontFamilies.map((option) => /* @__PURE__ */ jsx86(
+        children: availableFontFamilies.map((option) => /* @__PURE__ */ jsx88(
           DropdownMenuItem,
           {
             label: option.label,
@@ -30020,19 +30564,19 @@ var EditorToolbar = ({
         ))
       }
     ),
-    /* @__PURE__ */ jsx86(
+    (isMediumFull || isFull) && /* @__PURE__ */ jsx88(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs72(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.fontSize"), className: "px-1.5 w-auto gap-1", children: [
-          /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-0.5", children: [
-            /* @__PURE__ */ jsx86(ChevronsUpDown, { className: "h-3 w-3 text-muted-foreground", strokeWidth: 2.5 }),
-            /* @__PURE__ */ jsx86("span", { className: "min-w-4 text-center text-xs font-semibold leading-none", children: displayedFontSizeLabel })
+          /* @__PURE__ */ jsxs73("div", { className: "flex items-center gap-0.5", children: [
+            /* @__PURE__ */ jsx88(ChevronsUpDown, { className: "h-3 w-3 text-muted-foreground", strokeWidth: 2.5 }),
+            /* @__PURE__ */ jsx88("span", { className: "min-w-4 text-center text-xs font-semibold leading-none", children: displayedFontSizeLabel })
           ] }),
-          /* @__PURE__ */ jsx86(ChevronDown8, { className: "h-3 w-3 text-muted-foreground" })
+          /* @__PURE__ */ jsx88(ChevronDown8, { className: "h-3 w-3 text-muted-foreground" })
         ] }),
         contentClassName: "max-h-80 overflow-y-auto min-w-32 p-2",
-        children: availableFontSizes.map((option) => /* @__PURE__ */ jsx86(
+        children: availableFontSizes.map((option) => /* @__PURE__ */ jsx88(
           DropdownMenuItem,
           {
             label: option.label,
@@ -30043,17 +30587,17 @@ var EditorToolbar = ({
         ))
       }
     ),
-    /* @__PURE__ */ jsxs72(
+    /* @__PURE__ */ jsxs73(
       DropdownMenu,
       {
         contentClassName: "p-1",
-        trigger: /* @__PURE__ */ jsxs72(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: [
-          /* @__PURE__ */ jsx86(Type2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx86(ChevronDown8, { className: "h-3 w-3 text-muted-foreground" })
+          /* @__PURE__ */ jsx88(Type2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx88(ChevronDown8, { className: "h-3 w-3 text-muted-foreground" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: Type2,
@@ -30062,7 +30606,7 @@ var EditorToolbar = ({
               active: editor.isActive("paragraph")
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: Heading1Icon,
@@ -30072,7 +30616,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+1"
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: Heading2Icon,
@@ -30082,7 +30626,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+2"
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: Heading3Icon,
@@ -30095,106 +30639,110 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs72(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ jsxs72(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.lineHeight"), className: "gap-0.5", children: [
-          /* @__PURE__ */ jsx86(ArrowUp, { className: "w-3 h-3" }),
-          /* @__PURE__ */ jsx86(ArrowDown, { className: "w-3 h-3" })
-        ] }),
-        contentClassName: "max-h-72 overflow-y-auto p-1",
-        children: [
-          /* @__PURE__ */ jsx86(
-            DropdownMenuItem,
-            {
-              icon: Type2,
-              label: t("toolbar.lineHeightDefault"),
-              onClick: () => editor.chain().focus().unsetLineHeight().run(),
-              active: !currentLineHeight
-            }
-          ),
-          availableLineHeights.map((option) => /* @__PURE__ */ jsx86(
-            DropdownMenuItem,
-            {
-              label: option.label,
-              onClick: () => editor.chain().focus().setLineHeight(option.value).run(),
-              active: normalizeStyleValue(option.value) === currentLineHeight
-            },
-            option.value
-          ))
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs72(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ jsxs72(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.letterSpacing"), className: "gap-0.5", children: [
-          /* @__PURE__ */ jsx86(ArrowLeft, { className: "w-3 h-3" }),
-          /* @__PURE__ */ jsx86(ArrowRight, { className: "w-3 h-3" })
-        ] }),
-        contentClassName: "max-h-72 overflow-y-auto p-1",
-        children: [
-          /* @__PURE__ */ jsx86(
-            DropdownMenuItem,
-            {
-              icon: Type2,
-              label: t("toolbar.letterSpacingDefault"),
-              onClick: () => editor.chain().focus().unsetLetterSpacing().run(),
-              active: !currentLetterSpacing
-            }
-          ),
-          availableLetterSpacings.map((option) => /* @__PURE__ */ jsx86(
-            DropdownMenuItem,
-            {
-              label: option.label,
-              onClick: () => editor.chain().focus().setLetterSpacing(option.value).run(),
-              active: normalizeStyleValue(option.value) === currentLetterSpacing
-            },
-            option.value
-          ))
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx86(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx86(BoldIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx86(ItalicIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx86(
+    isFull && /* @__PURE__ */ jsxs73(Fragment28, { children: [
+      /* @__PURE__ */ jsxs73(
+        DropdownMenu,
+        {
+          trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
+          }, title: t("toolbar.lineHeight"), className: "gap-0.5", children: [
+            /* @__PURE__ */ jsx88(ArrowUp, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx88(ArrowDown, { className: "w-3 h-3" })
+          ] }),
+          contentClassName: "max-h-72 overflow-y-auto p-1",
+          children: [
+            /* @__PURE__ */ jsx88(
+              DropdownMenuItem,
+              {
+                icon: Type2,
+                label: t("toolbar.lineHeightDefault"),
+                onClick: () => editor.chain().focus().unsetLineHeight().run(),
+                active: !currentLineHeight
+              }
+            ),
+            availableLineHeights.map((option) => /* @__PURE__ */ jsx88(
+              DropdownMenuItem,
+              {
+                label: option.label,
+                onClick: () => editor.chain().focus().setLineHeight(option.value).run(),
+                active: normalizeStyleValue(option.value) === currentLineHeight
+              },
+              option.value
+            ))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs73(
+        DropdownMenu,
+        {
+          trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
+          }, title: t("toolbar.letterSpacing"), className: "gap-0.5", children: [
+            /* @__PURE__ */ jsx88(ArrowLeft, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx88(ArrowRight, { className: "w-3 h-3" })
+          ] }),
+          contentClassName: "max-h-72 overflow-y-auto p-1",
+          children: [
+            /* @__PURE__ */ jsx88(
+              DropdownMenuItem,
+              {
+                icon: Type2,
+                label: t("toolbar.letterSpacingDefault"),
+                onClick: () => editor.chain().focus().unsetLetterSpacing().run(),
+                active: !currentLetterSpacing
+              }
+            ),
+            availableLetterSpacings.map((option) => /* @__PURE__ */ jsx88(
+              DropdownMenuItem,
+              {
+                label: option.label,
+                onClick: () => editor.chain().focus().setLetterSpacing(option.value).run(),
+                active: normalizeStyleValue(option.value) === currentLetterSpacing
+              },
+              option.value
+            ))
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx88(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx88(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx88(BoldIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx88(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx88(ItalicIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx88(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx86(UnderlineIcon, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx86(StrikethroughIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx86(CodeIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx86(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().toggleSubscript().run(),
-        active: editor.isActive("subscript"),
-        title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ jsx86(SubscriptIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx88(UnderlineIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx86(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().toggleSuperscript().run(),
-        active: editor.isActive("superscript"),
-        title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ jsx86(SuperscriptIcon, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ jsx86(
+    /* @__PURE__ */ jsx88(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx88(StrikethroughIcon, { className: "w-4 h-4" }) }),
+    (isMediumFull || isFull) && /* @__PURE__ */ jsx88(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx88(CodeIcon, { className: "w-4 h-4" }) }),
+    isFull && /* @__PURE__ */ jsxs73(Fragment28, { children: [
+      /* @__PURE__ */ jsx88(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleSubscript().run(),
+          active: editor.isActive("subscript"),
+          title: t("toolbar.subscript"),
+          children: /* @__PURE__ */ jsx88(SubscriptIcon, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx88(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().toggleSuperscript().run(),
+          active: editor.isActive("superscript"),
+          title: t("toolbar.superscript"),
+          children: /* @__PURE__ */ jsx88(SuperscriptIcon, { className: "w-4 h-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx88(
       DropdownMenu,
       {
         contentClassName: "min-w-72",
-        trigger: /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx86(LinkIcon, { className: "w-4 h-4" }) }),
-        children: showLinkInput ? /* @__PURE__ */ jsx86(
+        trigger: /* @__PURE__ */ jsx88(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx88(LinkIcon, { className: "w-4 h-4" }) }),
+        children: showLinkInput ? /* @__PURE__ */ jsx88(
           LinkInput,
           {
             initialUrl: String(editor.getAttributes("link").href ?? ""),
@@ -30204,8 +30752,8 @@ var EditorToolbar = ({
             },
             onCancel: () => setShowLinkInput(false)
           }
-        ) : /* @__PURE__ */ jsxs72(Fragment28, { children: [
-          /* @__PURE__ */ jsx86(
+        ) : /* @__PURE__ */ jsxs73(Fragment28, { children: [
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: LinkIcon,
@@ -30215,7 +30763,7 @@ var EditorToolbar = ({
               closeOnSelect: false
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -30228,16 +30776,16 @@ var EditorToolbar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx86(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx86(
+    /* @__PURE__ */ jsx88(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx88(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs72(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("colors.textColor"), children: [
-          /* @__PURE__ */ jsx86(TextColorIcon, { color: currentTextColor }),
-          /* @__PURE__ */ jsx86(ChevronDown8, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx88(TextColorIcon, { color: currentTextColor }),
+          /* @__PURE__ */ jsx88(ChevronDown8, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ jsx86(
+        children: /* @__PURE__ */ jsx88(
           EditorColorPalette,
           {
             colors: textColors,
@@ -30254,15 +30802,15 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx86(
+    /* @__PURE__ */ jsx88(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs72(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-          /* @__PURE__ */ jsx86(HighlightColorIcon, { color: currentHighlightColor }),
-          /* @__PURE__ */ jsx86(ChevronDown8, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx88(HighlightColorIcon, { color: currentHighlightColor }),
+          /* @__PURE__ */ jsx88(ChevronDown8, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ jsx86(
+        children: /* @__PURE__ */ jsx88(
           EditorColorPalette,
           {
             colors: highlightColors,
@@ -30279,83 +30827,117 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx86(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx86(
-      DropdownMenu,
-      {
-        contentClassName: "p-0 overflow-hidden",
-        trigger: /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.emoji"), children: /* @__PURE__ */ jsx86(Smile3, { className: "w-4 h-4" }) }),
-        children: /* @__PURE__ */ jsx86(
-          EmojiPicker2,
-          {
-            onSelect: (emoji) => {
-              editor.chain().focus().insertContent(emoji).run();
-            }
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx86(ToolbarDivider, {}),
-    /* @__PURE__ */ jsxs72(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ jsxs72(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.alignment"), children: [
-          /* @__PURE__ */ jsx86(AlignLeft, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx86(ChevronDown8, { className: "w-3 h-3" })
-        ] }),
-        children: [
-          /* @__PURE__ */ jsx86(
-            DropdownMenuItem,
-            {
-              icon: AlignLeft,
-              label: t("toolbar.alignLeft"),
-              onClick: () => editor.chain().focus().setTextAlign("left").run(),
-              active: editor.isActive({ textAlign: "left" })
-            }
-          ),
-          /* @__PURE__ */ jsx86(
-            DropdownMenuItem,
-            {
-              icon: AlignCenter,
-              label: t("toolbar.alignCenter"),
-              onClick: () => editor.chain().focus().setTextAlign("center").run(),
-              active: editor.isActive({ textAlign: "center" })
-            }
-          ),
-          /* @__PURE__ */ jsx86(
-            DropdownMenuItem,
-            {
-              icon: AlignRight,
-              label: t("toolbar.alignRight"),
-              onClick: () => editor.chain().focus().setTextAlign("right").run(),
-              active: editor.isActive({ textAlign: "right" })
-            }
-          ),
-          /* @__PURE__ */ jsx86(
-            DropdownMenuItem,
+    (isMediumFull || isFull) && /* @__PURE__ */ jsxs73(Fragment28, { children: [
+      /* @__PURE__ */ jsx88(ToolbarDivider, {}),
+      /* @__PURE__ */ jsx88(
+        DropdownMenu,
+        {
+          contentClassName: "p-0 overflow-hidden",
+          trigger: /* @__PURE__ */ jsx88(ToolbarButton, { onClick: () => {
+          }, title: t("toolbar.emoji"), children: /* @__PURE__ */ jsx88(Smile3, { className: "w-4 h-4" }) }),
+          children: /* @__PURE__ */ jsx88(
+            EmojiPicker2,
             {
-              icon: AlignJustify,
-              label: t("toolbar.justify"),
-              onClick: () => editor.chain().focus().setTextAlign("justify").run(),
-              active: editor.isActive({ textAlign: "justify" })
+              onSelect: (emoji) => {
+                editor.chain().focus().insertContent(emoji).run();
+              }
             }
           )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx86(ToolbarDivider, {}),
-    /* @__PURE__ */ jsxs72(
+        }
+      )
+    ] }),
+    (isMediumFull || isFull) && /* @__PURE__ */ jsxs73(Fragment28, { children: [
+      /* @__PURE__ */ jsx88(ToolbarDivider, {}),
+      /* @__PURE__ */ jsxs73(
+        DropdownMenu,
+        {
+          trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
+          }, title: t("toolbar.alignment"), children: [
+            /* @__PURE__ */ jsx88(AlignLeft, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx88(ChevronDown8, { className: "w-3 h-3" })
+          ] }),
+          children: [
+            /* @__PURE__ */ jsx88(
+              DropdownMenuItem,
+              {
+                icon: AlignLeft,
+                label: t("toolbar.alignLeft"),
+                onClick: () => editor.chain().focus().setTextAlign("left").run(),
+                active: editor.isActive({ textAlign: "left" })
+              }
+            ),
+            /* @__PURE__ */ jsx88(
+              DropdownMenuItem,
+              {
+                icon: AlignCenter,
+                label: t("toolbar.alignCenter"),
+                onClick: () => editor.chain().focus().setTextAlign("center").run(),
+                active: editor.isActive({ textAlign: "center" })
+              }
+            ),
+            /* @__PURE__ */ jsx88(
+              DropdownMenuItem,
+              {
+                icon: AlignRight,
+                label: t("toolbar.alignRight"),
+                onClick: () => editor.chain().focus().setTextAlign("right").run(),
+                active: editor.isActive({ textAlign: "right" })
+              }
+            ),
+            /* @__PURE__ */ jsx88(
+              DropdownMenuItem,
+              {
+                icon: AlignJustify,
+                label: t("toolbar.justify"),
+                onClick: () => editor.chain().focus().setTextAlign("justify").run(),
+                active: editor.isActive({ textAlign: "justify" })
+              }
+            ),
+            hasTableContext && /* @__PURE__ */ jsxs73(Fragment28, { children: [
+              /* @__PURE__ */ jsx88("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ jsx88(
+                DropdownMenuItem,
+                {
+                  icon: AlignStartVertical,
+                  label: t("tableMenu.alignVerticalTop") || "Align top",
+                  onClick: () => applyTableCellAttribute(editor, "verticalAlign", "top"),
+                  active: currentCellVerticalAlign === "top"
+                }
+              ),
+              /* @__PURE__ */ jsx88(
+                DropdownMenuItem,
+                {
+                  icon: AlignCenterVertical,
+                  label: t("tableMenu.alignVerticalMiddle") || "Align middle",
+                  onClick: () => applyTableCellAttribute(editor, "verticalAlign", "middle"),
+                  active: currentCellVerticalAlign === "middle"
+                }
+              ),
+              /* @__PURE__ */ jsx88(
+                DropdownMenuItem,
+                {
+                  icon: AlignEndVertical,
+                  label: t("tableMenu.alignVerticalBottom") || "Align bottom",
+                  onClick: () => applyTableCellAttribute(editor, "verticalAlign", "bottom"),
+                  active: currentCellVerticalAlign === "bottom"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx88(ToolbarDivider, {}),
+    /* @__PURE__ */ jsxs73(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs72(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.bulletList"), children: [
-          /* @__PURE__ */ jsx86(ListIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx86(ChevronDown8, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx88(ListIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx88(ChevronDown8, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: ListIcon,
@@ -30365,7 +30947,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+8"
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: ListOrderedIcon,
@@ -30375,7 +30957,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+7"
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: ListTodo2,
@@ -30388,16 +30970,17 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs72(
+    isMediumFull && /* @__PURE__ */ jsx88(ToolbarButton, { onClick: () => editor.chain().focus().toggleBlockquote().run(), active: editor.isActive("blockquote"), title: t("toolbar.quote"), children: /* @__PURE__ */ jsx88(QuoteIcon, { className: "w-4 h-4" }) }),
+    isFull && /* @__PURE__ */ jsxs73(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs72(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.quote"), children: [
-          /* @__PURE__ */ jsx86(QuoteIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx86(ChevronDown8, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx88(QuoteIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx88(ChevronDown8, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: QuoteIcon,
@@ -30407,7 +30990,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+B"
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: FileCode3,
@@ -30420,15 +31003,15 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx86(
+    (isMediumFull || isFull) && /* @__PURE__ */ jsx88(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs72(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.image"), children: [
-          /* @__PURE__ */ jsx86(ImageIcon2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx86(ChevronDown8, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx88(ImageIcon2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx88(ChevronDown8, { className: "w-3 h-3" })
         ] }),
-        children: showImageInput ? /* @__PURE__ */ jsx86(
+        children: showImageInput ? /* @__PURE__ */ jsx88(
           ImageInput,
           {
             onSubmit: (url, alt) => {
@@ -30437,9 +31020,9 @@ var EditorToolbar = ({
             },
             onCancel: () => setShowImageInput(false)
           }
-        ) : /* @__PURE__ */ jsxs72(Fragment28, { children: [
-          /* @__PURE__ */ jsx86(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true), closeOnSelect: false }),
-          /* @__PURE__ */ jsx86(
+        ) : /* @__PURE__ */ jsxs73(Fragment28, { children: [
+          /* @__PURE__ */ jsx88(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true), closeOnSelect: false }),
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: Upload3,
@@ -30449,8 +31032,8 @@ var EditorToolbar = ({
               closeOnSelect: false
             }
           ),
-          imageUploadError && /* @__PURE__ */ jsx86(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
-          /* @__PURE__ */ jsx86(
+          imageUploadError && /* @__PURE__ */ jsx88(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
+          /* @__PURE__ */ jsx88(
             "input",
             {
               ref: fileInputRef,
@@ -30465,8 +31048,8 @@ var EditorToolbar = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx86("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: AlignCenter,
@@ -30476,7 +31059,7 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: AlignLeft,
@@ -30486,7 +31069,7 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: AlignRight,
@@ -30496,8 +31079,8 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ jsx86("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               label: t("toolbar.imageWidthSm"),
@@ -30506,7 +31089,7 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               label: t("toolbar.imageWidthMd"),
@@ -30515,7 +31098,7 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               label: t("toolbar.imageWidthLg"),
@@ -30524,8 +31107,8 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ jsx86("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: RotateCcw2,
@@ -30534,7 +31117,7 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -30547,7 +31130,7 @@ var EditorToolbar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs72(
+    (isMediumFull || isFull) && /* @__PURE__ */ jsxs73(
       DropdownMenu,
       {
         isOpen: isTableMenuOpen,
@@ -30555,14 +31138,14 @@ var EditorToolbar = ({
           setIsTableMenuOpen(open);
           tableCommandAnchorPosRef.current = open ? getTableAnchorPos(editor) : null;
         },
-        trigger: /* @__PURE__ */ jsxs72(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs73(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.table"), children: [
-          /* @__PURE__ */ jsx86(TableIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx86(ChevronDown8, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx88(TableIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx88(ChevronDown8, { className: "w-3 h-3" })
         ] }),
         contentClassName: "p-2 min-w-56",
         children: [
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             TableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -30573,8 +31156,8 @@ var EditorToolbar = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx86("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: AlignLeft,
@@ -30584,7 +31167,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: AlignCenter,
@@ -30594,7 +31177,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: AlignRight,
@@ -30604,8 +31187,8 @@ var EditorToolbar = ({
               disabled: !hasTableContext
             }
           ),
-          /* @__PURE__ */ jsx86("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: ArrowLeft,
@@ -30614,7 +31197,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().addColumnBefore()
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: ArrowDown,
@@ -30623,7 +31206,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().addColumnAfter()
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: ArrowUp,
@@ -30632,7 +31215,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().addRowBefore()
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: ArrowRight,
@@ -30641,8 +31224,8 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().addRowAfter()
             }
           ),
-          /* @__PURE__ */ jsx86("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: TableIcon,
@@ -30651,7 +31234,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().toggleHeaderRow()
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: TableIcon,
@@ -30660,8 +31243,8 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().toggleHeaderColumn()
             }
           ),
-          /* @__PURE__ */ jsx86("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -30670,7 +31253,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().deleteColumn()
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -30679,7 +31262,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().deleteRow()
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx88(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -30691,48 +31274,48 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx86(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx86(UndoIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx86(RedoIcon, { className: "w-4 h-4" }) }),
-    hasTableContext && /* @__PURE__ */ jsxs72(Fragment28, { children: [
-      /* @__PURE__ */ jsx86(ToolbarDivider, {}),
-      /* @__PURE__ */ jsx86(
+    /* @__PURE__ */ jsx88(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx88(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx88(UndoIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx88(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx88(RedoIcon, { className: "w-4 h-4" }) }),
+    hasTableContext && /* @__PURE__ */ jsxs73(Fragment28, { children: [
+      /* @__PURE__ */ jsx88(ToolbarDivider, {}),
+      /* @__PURE__ */ jsx88(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().addColumnBefore().run(),
           disabled: !editor.can().addColumnBefore(),
           title: t("tableMenu.addColumnBefore"),
-          children: /* @__PURE__ */ jsx86(ArrowLeft, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx88(ArrowLeft, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx88(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().addColumnAfter().run(),
           disabled: !editor.can().addColumnAfter(),
           title: t("tableMenu.addColumnAfter"),
-          children: /* @__PURE__ */ jsx86(ArrowRight, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx88(ArrowRight, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx88(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().addRowBefore().run(),
           disabled: !editor.can().addRowBefore(),
           title: t("tableMenu.addRowBefore"),
-          children: /* @__PURE__ */ jsx86(ArrowUp, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx88(ArrowUp, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx88(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().addRowAfter().run(),
           disabled: !editor.can().addRowAfter(),
           title: t("tableMenu.addRowAfter"),
-          children: /* @__PURE__ */ jsx86(ArrowDown, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx88(ArrowDown, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx88(
         ToolbarButton,
         {
           onClick: () => {
@@ -30745,7 +31328,7 @@ var EditorToolbar = ({
           active: canSplitCell,
           disabled: !canMergeCells && !canSplitCell,
           title: canSplitCell ? t("tableMenu.splitCell") : t("tableMenu.mergeCells"),
-          children: /* @__PURE__ */ jsx86(TableCellsMerge, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx88(TableCellsMerge, { className: "w-4 h-4" })
         }
       )
     ] })
@@ -30755,7 +31338,7 @@ var EditorToolbar = ({
 // src/components/UEditor/menus.tsx
 import { useCallback as useCallback22, useEffect as useEffect36, useMemo as useMemo23, useRef as useRef33, useState as useState48 } from "react";
 import { useEditorState as useEditorState2 } from "@tiptap/react";
-import { isInTable as isSelectionInTable, setCellAttr as setCellAttr2 } from "@tiptap/pm/tables";
+import { isInTable as isSelectionInTable, setCellAttr as setCellAttr3 } from "@tiptap/pm/tables";
 import { createPortal as createPortal8 } from "react-dom";
 import {
   AlignCenter as AlignCenter2,
@@ -30778,11 +31361,14 @@ import {
   Edit2,
   Unlink,
   ExternalLink as ExternalLink3,
-  Sigma as Sigma2
+  Sigma as Sigma2,
+  AlignStartVertical as AlignStartVertical2,
+  AlignCenterVertical as AlignCenterVertical2,
+  AlignEndVertical as AlignEndVertical2
 } from "lucide-react";
 
 // src/components/UEditor/table-formula-commands.ts
-import { selectedRect as selectedRect2, setCellAttr, TableMap as TableMap3 } from "@tiptap/pm/tables";
+import { selectedRect as selectedRect2, setCellAttr as setCellAttr2, TableMap as TableMap3 } from "@tiptap/pm/tables";
 
 // src/components/UEditor/table-formula.ts
 var CELL_ADDRESS_RE = /^([A-Z]+)([1-9]\d*)$/i;
@@ -31354,8 +31940,8 @@ function setSelectedTableCellFormula(editor, formula) {
   const normalized = normalizeFormulaInput(formula);
   const { state, view } = editor;
   if (!normalized) {
-    const clearedFormula = setCellAttr("formula", null)(state, view.dispatch.bind(view));
-    const clearedValue2 = setCellAttr("computedValue", null)(editor.state, view.dispatch.bind(view));
+    const clearedFormula = setCellAttr2("formula", null)(state, view.dispatch.bind(view));
+    const clearedValue2 = setCellAttr2("computedValue", null)(editor.state, view.dispatch.bind(view));
     if (clearedFormula || clearedValue2) {
       recalculateActiveTableFormulas(editor);
       view.focus();
@@ -31364,8 +31950,8 @@ function setSelectedTableCellFormula(editor, formula) {
     }
     return false;
   }
-  const appliedFormula = setCellAttr("formula", normalized)(state, view.dispatch.bind(view));
-  const clearedValue = setCellAttr("computedValue", null)(editor.state, view.dispatch.bind(view));
+  const appliedFormula = setCellAttr2("formula", normalized)(state, view.dispatch.bind(view));
+  const clearedValue = setCellAttr2("computedValue", null)(editor.state, view.dispatch.bind(view));
   if (appliedFormula || clearedValue) {
     recalculateActiveTableFormulas(editor);
     view.focus();
@@ -31380,7 +31966,7 @@ function clearSelectedTableCellFormula(editor) {
 function setSelectedTableCellNumberFormat(editor, numberFormat) {
   const value = numberFormat && numberFormat !== "text" ? numberFormat : null;
   const { state, view } = editor;
-  const applied = setCellAttr("numberFormat", value)(state, view.dispatch.bind(view));
+  const applied = setCellAttr2("numberFormat", value)(state, view.dispatch.bind(view));
   if (!applied) return false;
   recalculateSelectedTable(editor);
   view.focus();
@@ -31574,21 +32160,21 @@ function recalculateAllTableFormulas(editor) {
 }
 
 // src/components/UEditor/menus.tsx
-import { Fragment as Fragment29, jsx as jsx87, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx89, jsxs as jsxs74 } from "react/jsx-runtime";
 function applyTableCellBackground(editor, color) {
   const value = color || null;
   const { state, view } = editor;
-  const applied = setCellAttr2("backgroundColor", value)(state, view.dispatch.bind(view));
+  const applied = setCellAttr3("backgroundColor", value)(state, view.dispatch.bind(view));
   if (applied) {
     view.focus();
     return;
   }
   editor.chain().focus().setCellAttribute("backgroundColor", value).run();
 }
-function applyTableCellAttribute(editor, name, value, options = {}) {
+function applyTableCellAttribute2(editor, name, value, options = {}) {
   const shouldFocus = options.focus ?? true;
   const { state, view } = editor;
-  const applied = setCellAttr2(name, value)(state, view.dispatch.bind(view));
+  const applied = setCellAttr3(name, value)(state, view.dispatch.bind(view));
   if (applied) {
     if (shouldFocus) view.focus();
     return;
@@ -31599,7 +32185,7 @@ function applyTableCellAttribute(editor, name, value, options = {}) {
 }
 function BorderStylePreviewIcon({ style }) {
   const isNone = style === "none";
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx89(
     "span",
     {
       "aria-hidden": "true",
@@ -31611,7 +32197,7 @@ function BorderStylePreviewIcon({ style }) {
         borderStyle: style,
         borderWidth: style === "double" ? 3 : 2
       },
-      children: isNone && /* @__PURE__ */ jsx87("span", { className: "absolute left-1/2 top-0 h-full w-px -translate-x-1/2 rotate-45 bg-muted-foreground/70" })
+      children: isNone && /* @__PURE__ */ jsx89("span", { className: "absolute left-1/2 top-0 h-full w-px -translate-x-1/2 rotate-45 bg-muted-foreground/70" })
     }
   );
 }
@@ -31652,6 +32238,7 @@ var BubbleMenuContent = ({
   const currentCellNumberFormat = normalizeStyleValue(editor.getAttributes("tableCell").numberFormat || editor.getAttributes("tableHeader").numberFormat) || "text";
   const currentCellBorderStyle = editor.getAttributes("tableCell").borderStyle || editor.getAttributes("tableHeader").borderStyle || "solid";
   const currentCellBorderWidth = editor.getAttributes("tableCell").borderWidth || editor.getAttributes("tableHeader").borderWidth || "1px";
+  const currentCellVerticalAlign = normalizeStyleValue(editor.getAttributes("tableCell").verticalAlign || editor.getAttributes("tableHeader").verticalAlign) || "";
   const isInTable2 = isSelectionInTable(editor.state);
   const canMergeCells = isInTable2 && editor.can().mergeCells();
   const canSplitCell = isInTable2 && editor.can().splitCell();
@@ -31707,18 +32294,18 @@ var BubbleMenuContent = ({
     onRequestClose?.();
   }, [onKeepOpenChange, onLinkInputOpenChange, onRequestClose]);
   const applyTableCellAttributeAndClose = useCallback22((name, value) => {
-    applyTableCellAttribute(editor, name, value, { focus: false });
+    applyTableCellAttribute2(editor, name, value, { focus: false });
     closeTransientPanels();
   }, [closeTransientPanels, editor]);
   const clearTableCellBorderAndClose = useCallback22(() => {
-    applyTableCellAttribute(editor, "borderColor", null, { focus: false });
-    applyTableCellAttribute(editor, "borderStyle", null, { focus: false });
-    applyTableCellAttribute(editor, "borderWidth", null, { focus: false });
+    applyTableCellAttribute2(editor, "borderColor", null, { focus: false });
+    applyTableCellAttribute2(editor, "borderStyle", null, { focus: false });
+    applyTableCellAttribute2(editor, "borderWidth", null, { focus: false });
     closeTransientPanels();
   }, [closeTransientPanels, editor]);
   const applyTableCellBorderColorAndClose = useCallback22((color) => {
     const value = color || null;
-    applyTableCellAttribute(editor, "borderColor", value, { focus: false });
+    applyTableCellAttribute2(editor, "borderColor", value, { focus: false });
     closeTransientPanels();
   }, [closeTransientPanels, editor]);
   const closeColorPalette = useCallback22(() => {
@@ -31754,7 +32341,7 @@ var BubbleMenuContent = ({
     };
   }, [editor, showLinkInput]);
   if (showLinkInput) {
-    return /* @__PURE__ */ jsx87(
+    return /* @__PURE__ */ jsx89(
       LinkInput,
       {
         initialUrl: editor.getAttributes("link").href || "",
@@ -31775,17 +32362,17 @@ var BubbleMenuContent = ({
     const isHighlightPalette = activeColorPalette === "highlight";
     if (activeColorPalette === "cell-border") {
       const currentBorderColor = editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor || "currentColor";
-      return /* @__PURE__ */ jsxs73("div", { className: "flex flex-col gap-2 p-2 w-56 text-sm", "data-ueditor-keep-open": true, children: [
-        /* @__PURE__ */ jsx87("div", { className: "font-semibold text-xs text-muted-foreground uppercase tracking-wider mb-1", children: t("tableMenu.cellBorder") || "Cell Borders" }),
-        /* @__PURE__ */ jsxs73("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx87("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderStyle") || "Border Style" }),
-          /* @__PURE__ */ jsx87("div", { className: "grid grid-cols-3 gap-1", role: "group", "aria-label": t("tableMenu.borderStyle") || "Border Style", children: [
+      return /* @__PURE__ */ jsxs74("div", { className: "flex flex-col gap-2 p-2 w-56 text-sm", "data-ueditor-keep-open": true, children: [
+        /* @__PURE__ */ jsx89("div", { className: "font-semibold text-xs text-muted-foreground uppercase tracking-wider mb-1", children: t("tableMenu.cellBorder") || "Cell Borders" }),
+        /* @__PURE__ */ jsxs74("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx89("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderStyle") || "Border Style" }),
+          /* @__PURE__ */ jsx89("div", { className: "grid grid-cols-3 gap-1", role: "group", "aria-label": t("tableMenu.borderStyle") || "Border Style", children: [
             ["solid", "Solid"],
             ["dashed", "Dashed"],
             ["dotted", "Dotted"],
             ["double", "Double"],
             ["none", "None"]
-          ].map(([style, label]) => /* @__PURE__ */ jsxs73(
+          ].map(([style, label]) => /* @__PURE__ */ jsxs74(
             "button",
             {
               type: "button",
@@ -31797,16 +32384,16 @@ var BubbleMenuContent = ({
                 currentCellBorderStyle === style ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsx87(BorderStylePreviewIcon, { style }),
-                /* @__PURE__ */ jsx87("span", { children: label })
+                /* @__PURE__ */ jsx89(BorderStylePreviewIcon, { style }),
+                /* @__PURE__ */ jsx89("span", { children: label })
               ]
             },
             style
           )) })
         ] }),
-        /* @__PURE__ */ jsxs73("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx87("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderWidth") || "Border Width" }),
-          /* @__PURE__ */ jsx87("div", { className: "grid grid-cols-4 gap-1", role: "group", "aria-label": t("tableMenu.borderWidth") || "Border Width", children: ["1px", "2px", "3px", "4px"].map((width) => /* @__PURE__ */ jsx87(
+        /* @__PURE__ */ jsxs74("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx89("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderWidth") || "Border Width" }),
+          /* @__PURE__ */ jsx89("div", { className: "grid grid-cols-4 gap-1", role: "group", "aria-label": t("tableMenu.borderWidth") || "Border Width", children: ["1px", "2px", "3px", "4px"].map((width) => /* @__PURE__ */ jsx89(
             "button",
             {
               type: "button",
@@ -31822,15 +32409,15 @@ var BubbleMenuContent = ({
             width
           )) })
         ] }),
-        /* @__PURE__ */ jsxs73(
+        /* @__PURE__ */ jsxs74(
           "button",
           {
             type: "button",
             onClick: () => setActiveColorPalette("cell-border-color"),
             className: "flex items-center justify-between w-full h-8 px-2 rounded-md border border-input hover:bg-accent text-xs",
             children: [
-              /* @__PURE__ */ jsx87("span", { children: t("tableMenu.borderColor") || "Border Color" }),
-              /* @__PURE__ */ jsx87(
+              /* @__PURE__ */ jsx89("span", { children: t("tableMenu.borderColor") || "Border Color" }),
+              /* @__PURE__ */ jsx89(
                 "span",
                 {
                   className: "w-4 h-4 rounded-full border border-border",
@@ -31842,7 +32429,7 @@ var BubbleMenuContent = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx87("div", { className: "flex items-center justify-between gap-2 mt-2 pt-2 border-t border-border", children: /* @__PURE__ */ jsx87(
+        /* @__PURE__ */ jsx89("div", { className: "flex items-center justify-between gap-2 mt-2 pt-2 border-t border-border", children: /* @__PURE__ */ jsx89(
           "button",
           {
             type: "button",
@@ -31856,7 +32443,7 @@ var BubbleMenuContent = ({
     }
     if (activeColorPalette === "cell-border-color") {
       const currentBorderColor = normalizeStyleValue(editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor) || "";
-      return /* @__PURE__ */ jsx87("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ jsx87(
+      return /* @__PURE__ */ jsx89("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ jsx89(
         EditorColorPalette,
         {
           colors: borderColors,
@@ -31866,7 +32453,7 @@ var BubbleMenuContent = ({
         }
       ) });
     }
-    return /* @__PURE__ */ jsx87("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ jsx87(
+    return /* @__PURE__ */ jsx89("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ jsx89(
       EditorColorPalette,
       {
         colors: isTextPalette ? textColors : highlightColors,
@@ -31877,32 +32464,32 @@ var BubbleMenuContent = ({
     ) });
   }
   if (isImageSelected) {
-    return /* @__PURE__ */ jsxs73("div", { className: "flex items-center gap-0.5 p-1", children: [
-      /* @__PURE__ */ jsx87(ToolbarButton, { onClick: () => applyImageLayout(editor, "block"), active: imageLayout === "block", title: t("toolbar.imageLayoutBlock"), children: /* @__PURE__ */ jsx87(AlignCenter2, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx87(ToolbarButton, { onClick: () => applyImageLayout(editor, "left"), active: imageLayout === "left", title: t("toolbar.imageLayoutLeft"), children: /* @__PURE__ */ jsx87(AlignLeft2, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx87(ToolbarButton, { onClick: () => applyImageLayout(editor, "right"), active: imageLayout === "right", title: t("toolbar.imageLayoutRight"), children: /* @__PURE__ */ jsx87(AlignRight2, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx87("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-      /* @__PURE__ */ jsx87(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "sm"), active: imageWidthPreset === "sm", title: t("toolbar.imageWidthSm"), children: /* @__PURE__ */ jsx87("span", { className: "text-[10px] font-semibold", children: "S" }) }),
-      /* @__PURE__ */ jsx87(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "md"), active: imageWidthPreset === "md", title: t("toolbar.imageWidthMd"), children: /* @__PURE__ */ jsx87("span", { className: "text-[10px] font-semibold", children: "M" }) }),
-      /* @__PURE__ */ jsx87(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "lg"), active: imageWidthPreset === "lg", title: t("toolbar.imageWidthLg"), children: /* @__PURE__ */ jsx87("span", { className: "text-[10px] font-semibold", children: "L" }) }),
-      /* @__PURE__ */ jsx87("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-      /* @__PURE__ */ jsx87(ToolbarButton, { onClick: () => resetImageSize(editor), title: t("toolbar.imageResetSize"), children: /* @__PURE__ */ jsx87(RotateCcw3, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx87(
+    return /* @__PURE__ */ jsxs74("div", { className: "flex items-center gap-0.5 p-1", children: [
+      /* @__PURE__ */ jsx89(ToolbarButton, { onClick: () => applyImageLayout(editor, "block"), active: imageLayout === "block", title: t("toolbar.imageLayoutBlock"), children: /* @__PURE__ */ jsx89(AlignCenter2, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx89(ToolbarButton, { onClick: () => applyImageLayout(editor, "left"), active: imageLayout === "left", title: t("toolbar.imageLayoutLeft"), children: /* @__PURE__ */ jsx89(AlignLeft2, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx89(ToolbarButton, { onClick: () => applyImageLayout(editor, "right"), active: imageLayout === "right", title: t("toolbar.imageLayoutRight"), children: /* @__PURE__ */ jsx89(AlignRight2, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx89("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+      /* @__PURE__ */ jsx89(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "sm"), active: imageWidthPreset === "sm", title: t("toolbar.imageWidthSm"), children: /* @__PURE__ */ jsx89("span", { className: "text-[10px] font-semibold", children: "S" }) }),
+      /* @__PURE__ */ jsx89(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "md"), active: imageWidthPreset === "md", title: t("toolbar.imageWidthMd"), children: /* @__PURE__ */ jsx89("span", { className: "text-[10px] font-semibold", children: "M" }) }),
+      /* @__PURE__ */ jsx89(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "lg"), active: imageWidthPreset === "lg", title: t("toolbar.imageWidthLg"), children: /* @__PURE__ */ jsx89("span", { className: "text-[10px] font-semibold", children: "L" }) }),
+      /* @__PURE__ */ jsx89("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+      /* @__PURE__ */ jsx89(ToolbarButton, { onClick: () => resetImageSize(editor), title: t("toolbar.imageResetSize"), children: /* @__PURE__ */ jsx89(RotateCcw3, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx89(
         ToolbarButton,
         {
           onClick: () => deleteSelectedImage(editor),
           title: t("toolbar.imageDelete"),
           className: "text-destructive hover:text-destructive",
-          children: /* @__PURE__ */ jsx87(Trash23, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx89(Trash23, { className: "w-4 h-4" })
         }
       )
     ] });
   }
   if (showFormulaPanel && isInTable2) {
-    return /* @__PURE__ */ jsxs73("div", { className: "w-72 p-2", children: [
-      /* @__PURE__ */ jsxs73("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx87("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("tableMenu.formula") || "Formula" }),
-        /* @__PURE__ */ jsx87(
+    return /* @__PURE__ */ jsxs74("div", { className: "w-72 p-2", children: [
+      /* @__PURE__ */ jsxs74("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx89("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("tableMenu.formula") || "Formula" }),
+        /* @__PURE__ */ jsx89(
           "button",
           {
             type: "button",
@@ -31915,7 +32502,7 @@ var BubbleMenuContent = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx87("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsx89("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: /* @__PURE__ */ jsx89(
         "input",
         {
           value: formulaDraft,
@@ -31936,15 +32523,15 @@ var BubbleMenuContent = ({
           className: "h-full min-w-0 flex-1 bg-transparent px-2 text-sm font-medium text-foreground outline-none"
         }
       ) }),
-      /* @__PURE__ */ jsxs73("div", { className: "mt-2", children: [
-        /* @__PURE__ */ jsx87("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("tableMenu.numberFormat") || "Number format" }),
-        /* @__PURE__ */ jsx87("div", { className: "grid grid-cols-5 gap-1", children: [
+      /* @__PURE__ */ jsxs74("div", { className: "mt-2", children: [
+        /* @__PURE__ */ jsx89("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("tableMenu.numberFormat") || "Number format" }),
+        /* @__PURE__ */ jsx89("div", { className: "grid grid-cols-5 gap-1", children: [
           ["text", "Text"],
           ["number", "123"],
           ["currency", "$"],
           ["percent", "%"],
           ["date", "Date"]
-        ].map(([format, label]) => /* @__PURE__ */ jsx87(
+        ].map(([format, label]) => /* @__PURE__ */ jsx89(
           "button",
           {
             type: "button",
@@ -31958,8 +32545,8 @@ var BubbleMenuContent = ({
           format
         )) })
       ] }),
-      /* @__PURE__ */ jsxs73("div", { className: "mt-2 grid grid-cols-3 gap-1", children: [
-        /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsxs74("div", { className: "mt-2 grid grid-cols-3 gap-1", children: [
+        /* @__PURE__ */ jsx89(
           "button",
           {
             type: "button",
@@ -31972,7 +32559,7 @@ var BubbleMenuContent = ({
             children: t("tableMenu.apply") || "Apply"
           }
         ),
-        /* @__PURE__ */ jsx87(
+        /* @__PURE__ */ jsx89(
           "button",
           {
             type: "button",
@@ -31984,7 +32571,7 @@ var BubbleMenuContent = ({
             children: t("tableMenu.clear") || "Clear"
           }
         ),
-        /* @__PURE__ */ jsx87(
+        /* @__PURE__ */ jsx89(
           "button",
           {
             type: "button",
@@ -31997,10 +32584,10 @@ var BubbleMenuContent = ({
     ] });
   }
   if (showTypographyPanel) {
-    return /* @__PURE__ */ jsxs73("div", { className: "w-72 p-2", children: [
-      /* @__PURE__ */ jsxs73("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx87("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("toolbar.textStyle") }),
-        /* @__PURE__ */ jsx87(
+    return /* @__PURE__ */ jsxs74("div", { className: "w-72 p-2", children: [
+      /* @__PURE__ */ jsxs74("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx89("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("toolbar.textStyle") }),
+        /* @__PURE__ */ jsx89(
           "button",
           {
             type: "button",
@@ -32010,11 +32597,11 @@ var BubbleMenuContent = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs73("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs73("div", { children: [
-          /* @__PURE__ */ jsx87("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.fontSize") }),
-          /* @__PURE__ */ jsxs73("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: [
-            /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsxs74("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs74("div", { children: [
+          /* @__PURE__ */ jsx89("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.fontSize") }),
+          /* @__PURE__ */ jsxs74("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: [
+            /* @__PURE__ */ jsx89(
               "input",
               {
                 type: "number",
@@ -32038,8 +32625,8 @@ var BubbleMenuContent = ({
                 className: "h-full min-w-0 flex-1 bg-transparent px-2 text-center text-sm font-semibold text-foreground outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
               }
             ),
-            /* @__PURE__ */ jsx87("span", { className: "border-l border-border/50 px-2 text-[11px] text-muted-foreground", children: "px" }),
-            /* @__PURE__ */ jsx87(
+            /* @__PURE__ */ jsx89("span", { className: "border-l border-border/50 px-2 text-[11px] text-muted-foreground", children: "px" }),
+            /* @__PURE__ */ jsx89(
               "button",
               {
                 type: "button",
@@ -32049,12 +32636,12 @@ var BubbleMenuContent = ({
                   "flex h-full w-9 items-center justify-center border-l border-border/50 transition-colors hover:bg-muted",
                   showFontSizeOptions && "bg-primary/10 text-primary"
                 ),
-                children: /* @__PURE__ */ jsx87(ChevronDown9, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx89(ChevronDown9, { className: "h-4 w-4" })
               }
             )
           ] }),
-          showFontSizeOptions && /* @__PURE__ */ jsxs73("div", { className: "mt-1 grid grid-cols-4 gap-1", children: [
-            /* @__PURE__ */ jsx87(
+          showFontSizeOptions && /* @__PURE__ */ jsxs74("div", { className: "mt-1 grid grid-cols-4 gap-1", children: [
+            /* @__PURE__ */ jsx89(
               "button",
               {
                 type: "button",
@@ -32069,7 +32656,7 @@ var BubbleMenuContent = ({
                 children: "A"
               }
             ),
-            quickFontSizes.map((option) => /* @__PURE__ */ jsx87(
+            quickFontSizes.map((option) => /* @__PURE__ */ jsx89(
               "button",
               {
                 type: "button",
@@ -32087,10 +32674,10 @@ var BubbleMenuContent = ({
             ))
           ] })
         ] }),
-        /* @__PURE__ */ jsxs73("div", { children: [
-          /* @__PURE__ */ jsx87("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.lineHeight") }),
-          /* @__PURE__ */ jsxs73("div", { className: "grid grid-cols-4 gap-1", children: [
-            /* @__PURE__ */ jsx87(
+        /* @__PURE__ */ jsxs74("div", { children: [
+          /* @__PURE__ */ jsx89("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.lineHeight") }),
+          /* @__PURE__ */ jsxs74("div", { className: "grid grid-cols-4 gap-1", children: [
+            /* @__PURE__ */ jsx89(
               "button",
               {
                 type: "button",
@@ -32102,7 +32689,7 @@ var BubbleMenuContent = ({
                 children: "LH"
               }
             ),
-            quickLineHeights.map((option) => /* @__PURE__ */ jsx87(
+            quickLineHeights.map((option) => /* @__PURE__ */ jsx89(
               "button",
               {
                 type: "button",
@@ -32117,8 +32704,8 @@ var BubbleMenuContent = ({
             ))
           ] })
         ] }),
-        /* @__PURE__ */ jsxs73("div", { className: "grid grid-cols-2 gap-1 border-t border-border/40 pt-2", children: [
-          /* @__PURE__ */ jsxs73(
+        /* @__PURE__ */ jsxs74("div", { className: "grid grid-cols-2 gap-1 border-t border-border/40 pt-2", children: [
+          /* @__PURE__ */ jsxs74(
             "button",
             {
               type: "button",
@@ -32128,12 +32715,12 @@ var BubbleMenuContent = ({
                 editor.isActive("subscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsx87(SubscriptIcon2, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx89(SubscriptIcon2, { className: "h-4 w-4" }),
                 t("toolbar.subscript")
               ]
             }
           ),
-          /* @__PURE__ */ jsxs73(
+          /* @__PURE__ */ jsxs74(
             "button",
             {
               type: "button",
@@ -32143,7 +32730,7 @@ var BubbleMenuContent = ({
                 editor.isActive("superscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsx87(SuperscriptIcon2, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx89(SuperscriptIcon2, { className: "h-4 w-4" }),
                 t("toolbar.superscript")
               ]
             }
@@ -32152,22 +32739,23 @@ var BubbleMenuContent = ({
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs73("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ jsx87(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx87(BoldIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx87(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx87(ItalicIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx87(
+  const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? AlignCenterVertical2 : currentCellVerticalAlign === "bottom" ? AlignEndVertical2 : AlignStartVertical2;
+  return /* @__PURE__ */ jsxs74("div", { className: "flex items-center gap-0.5 p-1", children: [
+    /* @__PURE__ */ jsx89(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx89(BoldIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx89(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx89(ItalicIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx89(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx87(UnderlineIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx89(UnderlineIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx87(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx87(StrikethroughIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx87(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx87(CodeIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx87("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx89(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx89(StrikethroughIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx89(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx89(CodeIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx89("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx89(
       ToolbarButton,
       {
         onMouseDown: () => {
@@ -32178,22 +32766,22 @@ var BubbleMenuContent = ({
         },
         active: editor.isActive("link"),
         title: t("toolbar.link"),
-        children: /* @__PURE__ */ jsx87(LinkIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx89(LinkIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx87(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ jsx87(TextColorIcon, { color: currentTextColor }) }),
-    /* @__PURE__ */ jsx87(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ jsx87(HighlightColorIcon, { color: currentHighlightColor }) }),
-    isInTable2 && /* @__PURE__ */ jsxs73(Fragment29, { children: [
-      /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx89(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ jsx89(TextColorIcon, { color: currentTextColor }) }),
+    /* @__PURE__ */ jsx89(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ jsx89(HighlightColorIcon, { color: currentHighlightColor }) }),
+    isInTable2 && /* @__PURE__ */ jsxs74(Fragment29, { children: [
+      /* @__PURE__ */ jsx89(
         ToolbarButton,
         {
           onClick: () => setActiveColorPalette("cell-bg"),
           active: Boolean(currentCellBgColor),
           title: t("tableMenu.cellBackground") || "Cell background",
-          children: /* @__PURE__ */ jsx87(CellBgColorIcon, { color: currentCellBgColor })
+          children: /* @__PURE__ */ jsx89(CellBgColorIcon, { color: currentCellBgColor })
         }
       ),
-      /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsx89(
         ToolbarButton,
         {
           onMouseDown: () => {
@@ -32204,7 +32792,7 @@ var BubbleMenuContent = ({
             editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor || editor.getAttributes("tableCell").borderStyle || editor.getAttributes("tableHeader").borderStyle || editor.getAttributes("tableCell").borderWidth || editor.getAttributes("tableHeader").borderWidth
           ),
           title: t("tableMenu.cellBorder") || "Cell border",
-          children: /* @__PURE__ */ jsx87(
+          children: /* @__PURE__ */ jsx89(
             CellBorderIcon,
             {
               color: editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor
@@ -32212,7 +32800,7 @@ var BubbleMenuContent = ({
           )
         }
       ),
-      /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsx89(
         ToolbarButton,
         {
           onMouseDown: () => {
@@ -32224,10 +32812,10 @@ var BubbleMenuContent = ({
           },
           active: Boolean(currentCellFormula),
           title: t("tableMenu.formula") || "Formula",
-          children: /* @__PURE__ */ jsx87(Sigma2, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx89(Sigma2, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsx89(
         ToolbarButton,
         {
           onClick: () => {
@@ -32240,17 +32828,69 @@ var BubbleMenuContent = ({
           active: canSplitCell,
           disabled: !canMergeCells && !canSplitCell,
           title: canSplitCell ? t("tableMenu.splitCell") || "Split cell" : t("tableMenu.mergeCells") || "Merge cells",
-          children: /* @__PURE__ */ jsx87(TableCellsMerge2, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx89(TableCellsMerge2, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsxs74(
+        DropdownMenu,
+        {
+          onOpenChange: (open) => {
+            onKeepOpenChange?.(open);
+          },
+          trigger: /* @__PURE__ */ jsxs74(
+            ToolbarButton,
+            {
+              onMouseDown: () => {
+                onKeepOpenChange?.(true);
+              },
+              onClick: () => {
+              },
+              title: t("tableMenu.alignVertical") || "Vertical alignment",
+              children: [
+                /* @__PURE__ */ jsx89(VerticalAlignActiveIcon, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx89(ChevronDown9, { className: "w-3 h-3" })
+              ]
+            }
+          ),
+          children: [
+            /* @__PURE__ */ jsx89(
+              DropdownMenuItem,
+              {
+                icon: AlignStartVertical2,
+                label: t("tableMenu.alignVerticalTop") || "Align top",
+                onClick: () => applyTableCellAttribute2(editor, "verticalAlign", "top", { focus: false }),
+                active: currentCellVerticalAlign === "top"
+              }
+            ),
+            /* @__PURE__ */ jsx89(
+              DropdownMenuItem,
+              {
+                icon: AlignCenterVertical2,
+                label: t("tableMenu.alignVerticalMiddle") || "Align middle",
+                onClick: () => applyTableCellAttribute2(editor, "verticalAlign", "middle", { focus: false }),
+                active: currentCellVerticalAlign === "middle"
+              }
+            ),
+            /* @__PURE__ */ jsx89(
+              DropdownMenuItem,
+              {
+                icon: AlignEndVertical2,
+                label: t("tableMenu.alignVerticalBottom") || "Align bottom",
+                onClick: () => applyTableCellAttribute2(editor, "verticalAlign", "bottom", { focus: false }),
+                active: currentCellVerticalAlign === "bottom"
+              }
+            )
+          ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx89(
       ToolbarButton,
       {
         onClick: () => setShowTypographyPanel(true),
         active: Boolean(currentFontSize || currentLineHeight || editor.isActive("subscript") || editor.isActive("superscript")),
         title: t("toolbar.textStyle"),
-        children: /* @__PURE__ */ jsx87(Type3, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx89(Type3, { className: "w-4 h-4" })
       }
     )
   ] });
@@ -32264,12 +32904,12 @@ var LinkPreviewContent = ({ editor, onEdit }) => {
   const handleUnlink = () => {
     editor.chain().focus().unsetLink().run();
   };
-  return /* @__PURE__ */ jsxs73("div", { className: "flex items-center gap-1 p-1 max-w-sm", children: [
-    /* @__PURE__ */ jsx87("span", { className: "text-xs text-muted-foreground font-mono px-2 truncate max-w-45", children: url }),
-    /* @__PURE__ */ jsx87("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx87(ToolbarButton, { onClick: handleOpen, title: t("linkPreview.open") || "Open link", children: /* @__PURE__ */ jsx87(ExternalLink3, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx87(ToolbarButton, { onClick: onEdit, title: t("linkPreview.edit") || "Edit link", children: /* @__PURE__ */ jsx87(Edit2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx87(ToolbarButton, { onClick: handleUnlink, title: t("linkPreview.unlink") || "Remove link", className: "text-destructive hover:text-destructive", children: /* @__PURE__ */ jsx87(Unlink, { className: "w-4 h-4" }) })
+  return /* @__PURE__ */ jsxs74("div", { className: "flex items-center gap-1 p-1 max-w-sm", children: [
+    /* @__PURE__ */ jsx89("span", { className: "text-xs text-muted-foreground font-mono px-2 truncate max-w-45", children: url }),
+    /* @__PURE__ */ jsx89("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx89(ToolbarButton, { onClick: handleOpen, title: t("linkPreview.open") || "Open link", children: /* @__PURE__ */ jsx89(ExternalLink3, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx89(ToolbarButton, { onClick: onEdit, title: t("linkPreview.edit") || "Edit link", children: /* @__PURE__ */ jsx89(Edit2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx89(ToolbarButton, { onClick: handleUnlink, title: t("linkPreview.unlink") || "Remove link", className: "text-destructive hover:text-destructive", children: /* @__PURE__ */ jsx89(Unlink, { className: "w-4 h-4" }) })
   ] });
 };
 var CustomBubbleMenu = ({
@@ -32390,7 +33030,7 @@ var CustomBubbleMenu = ({
   }, [editor]);
   if (!isVisible) return null;
   return createPortal8(
-    /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx89(
       "div",
       {
         ref: menuRef,
@@ -32410,7 +33050,7 @@ var CustomBubbleMenu = ({
           }
           e.preventDefault();
         },
-        children: editor.isActive("link") && !keepOpenRef.current && !linkInputOpen ? /* @__PURE__ */ jsx87(
+        children: editor.isActive("link") && !keepOpenRef.current && !linkInputOpen ? /* @__PURE__ */ jsx89(
           LinkPreviewContent,
           {
             editor,
@@ -32419,7 +33059,7 @@ var CustomBubbleMenu = ({
               setKeepOpen(true);
             }
           }
-        ) : /* @__PURE__ */ jsx87(
+        ) : /* @__PURE__ */ jsx89(
           BubbleMenuContent,
           {
             editor,
@@ -32438,25 +33078,25 @@ var CustomBubbleMenu = ({
 };
 
 // src/components/UEditor/CharacterCount.tsx
-import { jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsxs as jsxs75 } from "react/jsx-runtime";
 var CharacterCountDisplay = ({ editor, maxCharacters }) => {
   const t = useSmartTranslations("UEditor");
   const storage = editor.storage;
   const characterCount = storage.characterCount?.characters?.() ?? 0;
   const wordCount = storage.characterCount?.words?.() ?? 0;
   const percentage = maxCharacters ? Math.round(characterCount / maxCharacters * 100) : 0;
-  return /* @__PURE__ */ jsxs74("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
-    /* @__PURE__ */ jsxs74("span", { children: [
+  return /* @__PURE__ */ jsxs75("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t border-border/30 bg-muted/20", children: [
+    /* @__PURE__ */ jsxs75("span", { children: [
       wordCount,
       " ",
       t("words")
     ] }),
-    /* @__PURE__ */ jsxs74("span", { children: [
+    /* @__PURE__ */ jsxs75("span", { children: [
       characterCount,
       " ",
       t("characters")
     ] }),
-    maxCharacters && /* @__PURE__ */ jsxs74("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
+    maxCharacters && /* @__PURE__ */ jsxs75("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
       characterCount,
       "/",
       maxCharacters
@@ -33911,7 +34551,7 @@ var NodeRange = class {
   }
 };
 var emptyAttrs = /* @__PURE__ */ Object.create(null);
-var Node5 = class _Node {
+var Node7 = class _Node {
   /**
   @internal
   */
@@ -34312,7 +34952,7 @@ var Node5 = class _Node {
     return node;
   }
 };
-Node5.prototype.text = void 0;
+Node7.prototype.text = void 0;
 function wrapMarks(marks, str) {
   for (let i = marks.length - 1; i >= 0; i--)
     str = marks[i].type.name + "(" + str + ")";
@@ -37362,7 +38002,7 @@ function buildTableHoverState({
 }
 
 // src/components/UEditor/table-drag-preview.tsx
-import { Fragment as Fragment31, jsx as jsx88, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx90, jsxs as jsxs76 } from "react/jsx-runtime";
 function TableDragPreview({
   columnDragLabel,
   dragPreview,
@@ -37373,9 +38013,9 @@ function TableDragPreview({
   const expandPreviewWidth = dragPreview.kind === "add-column" ? layout.tableWidth + dragPreview.previewCols * layout.avgColumnWidth : layout.tableWidth;
   const expandPreviewHeight = dragPreview.kind === "add-row" ? layout.tableHeight + dragPreview.previewRows * layout.avgRowHeight : layout.tableHeight;
   const dragStatusText = dragPreview.kind === "row" ? `${rowDragLabel} ${dragPreview.originIndex + 1} -> ${dragPreview.targetIndex + 1}` : dragPreview.kind === "column" ? `${columnDragLabel} ${dragPreview.originIndex + 1} -> ${dragPreview.targetIndex + 1}` : dragPreview.kind === "add-row" ? `+${dragPreview.previewRows}R` : `+${dragPreview.previewCols}C`;
-  return /* @__PURE__ */ jsxs75(Fragment31, { children: [
-    dragPreview.kind === "row" && /* @__PURE__ */ jsxs75(Fragment31, { children: [
-      /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsxs76(Fragment31, { children: [
+    dragPreview.kind === "row" && /* @__PURE__ */ jsxs76(Fragment31, { children: [
+      /* @__PURE__ */ jsx90(
         "div",
         {
           "aria-hidden": "true",
@@ -37388,7 +38028,7 @@ function TableDragPreview({
           }
         }
       ),
-      /* @__PURE__ */ jsx88(
+      /* @__PURE__ */ jsx90(
         "div",
         {
           "aria-hidden": "true",
@@ -37402,8 +38042,8 @@ function TableDragPreview({
         }
       )
     ] }),
-    dragPreview.kind === "column" && /* @__PURE__ */ jsxs75(Fragment31, { children: [
-      /* @__PURE__ */ jsx88(
+    dragPreview.kind === "column" && /* @__PURE__ */ jsxs76(Fragment31, { children: [
+      /* @__PURE__ */ jsx90(
         "div",
         {
           "aria-hidden": "true",
@@ -37416,7 +38056,7 @@ function TableDragPreview({
           }
         }
       ),
-      /* @__PURE__ */ jsx88(
+      /* @__PURE__ */ jsx90(
         "div",
         {
           "aria-hidden": "true",
@@ -37430,7 +38070,7 @@ function TableDragPreview({
         }
       )
     ] }),
-    (dragPreview.kind === "add-row" || dragPreview.kind === "add-column") && /* @__PURE__ */ jsx88(
+    (dragPreview.kind === "add-row" || dragPreview.kind === "add-column") && /* @__PURE__ */ jsx90(
       "div",
       {
         "aria-hidden": "true",
@@ -37443,7 +38083,7 @@ function TableDragPreview({
         }
       }
     ),
-    /* @__PURE__ */ jsx88(
+    /* @__PURE__ */ jsx90(
       "div",
       {
         role: "status",
@@ -37459,7 +38099,7 @@ function TableDragPreview({
 }
 
 // src/components/UEditor/table-add-rails.tsx
-import { Fragment as Fragment32, jsx as jsx89, jsxs as jsxs76 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx91, jsxs as jsxs77 } from "react/jsx-runtime";
 var ADD_COLUMN_RAIL_GAP = 4;
 var ADD_ROW_RAIL_GAP = 4;
 function TableAddRails({
@@ -37480,13 +38120,13 @@ function TableAddRails({
   const rowRailLeft = visibleBounds.left;
   const showColumnRail = controlsVisible || addColumnVisible;
   const showRowRail = controlsVisible || addRowVisible;
-  return /* @__PURE__ */ jsxs76(Fragment32, { children: [
-    /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsxs77(Fragment32, { children: [
+    /* @__PURE__ */ jsx91(
       Tooltip,
       {
         placement: "right",
-        content: /* @__PURE__ */ jsx89("span", { className: "text-xs font-medium", children: quickAddColumnLabel }),
-        children: /* @__PURE__ */ jsx89(
+        content: /* @__PURE__ */ jsx91("span", { className: "text-xs font-medium", children: quickAddColumnLabel }),
+        children: /* @__PURE__ */ jsx91(
           "button",
           {
             type: "button",
@@ -37513,17 +38153,17 @@ function TableAddRails({
               transform: showColumnRail ? "scale(1)" : "scale(0.92)",
               pointerEvents: showColumnRail ? "auto" : "none"
             },
-            children: /* @__PURE__ */ jsx89("span", { className: "text-sm font-medium leading-none", children: "+" })
+            children: /* @__PURE__ */ jsx91("span", { className: "text-sm font-medium leading-none", children: "+" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx89(
+    /* @__PURE__ */ jsx91(
       Tooltip,
       {
         placement: "bottom",
-        content: /* @__PURE__ */ jsx89("span", { className: "text-xs font-medium", children: quickAddRowLabel }),
-        children: /* @__PURE__ */ jsx89(
+        content: /* @__PURE__ */ jsx91("span", { className: "text-xs font-medium", children: quickAddRowLabel }),
+        children: /* @__PURE__ */ jsx91(
           "button",
           {
             type: "button",
@@ -37550,7 +38190,7 @@ function TableAddRails({
               transform: showRowRail ? "scale(1)" : "scale(0.92)",
               pointerEvents: showRowRail ? "auto" : "none"
             },
-            children: /* @__PURE__ */ jsx89("span", { className: "text-sm font-medium leading-none", children: "+" })
+            children: /* @__PURE__ */ jsx91("span", { className: "text-sm font-medium leading-none", children: "+" })
           }
         )
       }
@@ -37560,7 +38200,7 @@ function TableAddRails({
 
 // src/components/UEditor/table-control-menu.tsx
 import { MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 function TableControlMenu({
   controlsVisible,
   isOpen,
@@ -37572,7 +38212,7 @@ function TableControlMenu({
   top
 }) {
   const shown = controlsVisible || menuVisible || isOpen;
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx92(
     "div",
     {
       className: "absolute z-30",
@@ -37581,13 +38221,13 @@ function TableControlMenu({
         top,
         left
       },
-      children: /* @__PURE__ */ jsx90(
+      children: /* @__PURE__ */ jsx92(
         Tooltip,
         {
           placement: "top",
           disabled: isOpen,
-          content: /* @__PURE__ */ jsx90("span", { className: "text-xs font-medium", children: label }),
-          children: /* @__PURE__ */ jsx90("span", { className: "inline-flex", children: /* @__PURE__ */ jsx90(
+          content: /* @__PURE__ */ jsx92("span", { className: "text-xs font-medium", children: label }),
+          children: /* @__PURE__ */ jsx92("span", { className: "inline-flex", children: /* @__PURE__ */ jsx92(
             DropdownMenu,
             {
               placement: "bottom-start",
@@ -37595,7 +38235,7 @@ function TableControlMenu({
               onOpenChange,
               contentClassName: "p-2",
               items,
-              trigger: /* @__PURE__ */ jsx90(
+              trigger: /* @__PURE__ */ jsx92(
                 "button",
                 {
                   type: "button",
@@ -37611,7 +38251,7 @@ function TableControlMenu({
                     transform: shown ? "scale(1)" : "scale(0.82)",
                     pointerEvents: shown ? "auto" : "none"
                   },
-                  children: /* @__PURE__ */ jsx90(MoreHorizontal2, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx92(MoreHorizontal2, { className: "h-4 w-4" })
                 }
               )
             }
@@ -37624,7 +38264,7 @@ function TableControlMenu({
 
 // src/components/UEditor/table-axis-handles.tsx
 import { GripHorizontal, GripVertical as GripVertical3 } from "lucide-react";
-import { Fragment as Fragment33, jsx as jsx91 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx93 } from "react/jsx-runtime";
 var IDLE_HANDLE_SCALE = "0.78";
 function TableRowHandles({
   activeRowIndex,
@@ -37638,12 +38278,12 @@ function TableRowHandles({
   rowHandleLeft,
   rowHandles
 }) {
-  return /* @__PURE__ */ jsx91(Fragment33, { children: rowHandles.map((rowHandle) => {
+  return /* @__PURE__ */ jsx93(Fragment33, { children: rowHandles.map((rowHandle) => {
     const menuKey = `row:${rowHandle.index}`;
     const isActive = rowHandle.index === activeRowIndex;
     const visible = controlsVisible || hoverRowHandleIndex === rowHandle.index || openMenuKey === menuKey;
     const isShown = visible || isActive;
-    return /* @__PURE__ */ jsx91(
+    return /* @__PURE__ */ jsx93(
       "div",
       {
         className: "absolute z-30",
@@ -37652,13 +38292,13 @@ function TableRowHandles({
           top: Math.max(8, rowHandle.center - 12),
           left: rowHandleLeft
         },
-        children: /* @__PURE__ */ jsx91(
+        children: /* @__PURE__ */ jsx93(
           Tooltip,
           {
             placement: "right",
             disabled: openMenuKey === menuKey || !visible && isActive,
-            content: /* @__PURE__ */ jsx91("span", { className: "text-xs font-medium", children: `${rowDragLabel} ${rowHandle.index + 1}` }),
-            children: /* @__PURE__ */ jsx91("span", { className: "inline-flex", children: /* @__PURE__ */ jsx91(
+            content: /* @__PURE__ */ jsx93("span", { className: "text-xs font-medium", children: `${rowDragLabel} ${rowHandle.index + 1}` }),
+            children: /* @__PURE__ */ jsx93("span", { className: "inline-flex", children: /* @__PURE__ */ jsx93(
               DropdownMenu,
               {
                 placement: "right",
@@ -37666,7 +38306,7 @@ function TableRowHandles({
                 onOpenChange: (open) => onOpenMenuChange(menuKey, open),
                 contentClassName: "p-2",
                 items: getMenuItems(rowHandle),
-                trigger: /* @__PURE__ */ jsx91(
+                trigger: /* @__PURE__ */ jsx93(
                   "button",
                   {
                     type: "button",
@@ -37685,7 +38325,7 @@ function TableRowHandles({
                       transform: isShown ? "scale(1)" : `scale(${IDLE_HANDLE_SCALE})`,
                       pointerEvents: isShown ? "auto" : "none"
                     },
-                    children: visible ? /* @__PURE__ */ jsx91(GripVertical3, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx91("div", { className: "h-3 w-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
+                    children: visible ? /* @__PURE__ */ jsx93(GripVertical3, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx93("div", { className: "h-3 w-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
                   }
                 )
               }
@@ -37709,12 +38349,12 @@ function TableColumnHandles({
   onStartDrag,
   openMenuKey
 }) {
-  return /* @__PURE__ */ jsx91(Fragment33, { children: columnHandles.map((columnHandle) => {
+  return /* @__PURE__ */ jsx93(Fragment33, { children: columnHandles.map((columnHandle) => {
     const menuKey = `column:${columnHandle.index}`;
     const isActive = columnHandle.index === activeColumnIndex;
     const visible = controlsVisible || hoverColumnHandleIndex === columnHandle.index || openMenuKey === menuKey;
     const isShown = visible || isActive;
-    return /* @__PURE__ */ jsx91(
+    return /* @__PURE__ */ jsx93(
       "div",
       {
         className: "absolute z-30",
@@ -37723,13 +38363,13 @@ function TableColumnHandles({
           top: columnHandleTop,
           left: Math.max(8, columnHandle.center - 12)
         },
-        children: /* @__PURE__ */ jsx91(
+        children: /* @__PURE__ */ jsx93(
           Tooltip,
           {
             placement: "top",
             disabled: openMenuKey === menuKey || !visible && isActive,
-            content: /* @__PURE__ */ jsx91("span", { className: "text-xs font-medium", children: `${columnDragLabel} ${columnHandle.index + 1}` }),
-            children: /* @__PURE__ */ jsx91("span", { className: "inline-flex", children: /* @__PURE__ */ jsx91(
+            content: /* @__PURE__ */ jsx93("span", { className: "text-xs font-medium", children: `${columnDragLabel} ${columnHandle.index + 1}` }),
+            children: /* @__PURE__ */ jsx93("span", { className: "inline-flex", children: /* @__PURE__ */ jsx93(
               DropdownMenu,
               {
                 placement: "bottom-start",
@@ -37737,7 +38377,7 @@ function TableColumnHandles({
                 onOpenChange: (open) => onOpenMenuChange(menuKey, open),
                 contentClassName: "p-2",
                 items: getMenuItems(columnHandle),
-                trigger: /* @__PURE__ */ jsx91(
+                trigger: /* @__PURE__ */ jsx93(
                   "button",
                   {
                     type: "button",
@@ -37756,7 +38396,7 @@ function TableColumnHandles({
                       transform: isShown ? "scale(1)" : `scale(${IDLE_HANDLE_SCALE})`,
                       pointerEvents: isShown ? "auto" : "none"
                     },
-                    children: visible ? /* @__PURE__ */ jsx91(GripHorizontal, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx91("div", { className: "h-1 w-3 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
+                    children: visible ? /* @__PURE__ */ jsx93(GripHorizontal, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx93("div", { className: "h-1 w-3 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
                   }
                 )
               }
@@ -37770,7 +38410,7 @@ function TableColumnHandles({
 }
 
 // src/components/UEditor/table-controls.tsx
-import { Fragment as Fragment34, jsx as jsx92, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx94, jsxs as jsxs78 } from "react/jsx-runtime";
 var TABLE_MENU_TOP_OFFSET = 10;
 function nearestIndex(centers, position) {
   let bestIndex = 0;
@@ -38217,8 +38857,8 @@ function TableControls({ editor, containerRef }) {
   const menuLeft = Math.max(8, layout.tableLeft);
   const rowHandleLeft = layout.tableLeft - 12;
   const columnHandleTop = layout.tableTop - 12;
-  return /* @__PURE__ */ jsxs77(Fragment34, { children: [
-    /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsxs78(Fragment34, { children: [
+    /* @__PURE__ */ jsx94(
       TableRowHandles,
       {
         activeRowIndex: layout.activeRowIndex,
@@ -38235,7 +38875,7 @@ function TableControls({ editor, containerRef }) {
         rowHandles: layout.rowHandles
       }
     ),
-    /* @__PURE__ */ jsx92(
+    /* @__PURE__ */ jsx94(
       TableColumnHandles,
       {
         activeColumnIndex: layout.activeColumnIndex,
@@ -38252,7 +38892,7 @@ function TableControls({ editor, containerRef }) {
         openMenuKey
       }
     ),
-    /* @__PURE__ */ jsx92(
+    /* @__PURE__ */ jsx94(
       TableControlMenu,
       {
         controlsVisible,
@@ -38267,7 +38907,7 @@ function TableControls({ editor, containerRef }) {
         top: menuTop
       }
     ),
-    /* @__PURE__ */ jsx92(
+    /* @__PURE__ */ jsx94(
       TableAddRails,
       {
         addColumnVisible: hoverState.addColumnVisible,
@@ -38281,7 +38921,7 @@ function TableControls({ editor, containerRef }) {
         quickAddRowLabel: t("tableMenu.quickAddRowAfter")
       }
     ),
-    /* @__PURE__ */ jsx92(
+    /* @__PURE__ */ jsx94(
       TableDragPreview,
       {
         columnDragLabel: t("tableMenu.dragColumn"),
@@ -38913,6 +39553,8 @@ import {
   Trash2 as Trash25,
   Underline as UnderlineIcon3,
   Undo as UndoIcon2,
+  Square,
+  CircleDot as CircleDot2,
   Upload as Upload4
 } from "lucide-react";
 
@@ -39053,14 +39695,14 @@ function prepareUEditorPreviewHtml(html) {
 }
 
 // src/components/UEditor/menu-bar.tsx
-import { Fragment as Fragment35, jsx as jsx93, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx95, jsxs as jsxs79 } from "react/jsx-runtime";
 function MenuTableInsertGrid({
   insertLabel,
   previewTemplate,
   onInsert
 }) {
   const closeMenu = useDropdownMenuClose();
-  return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx95(
     TableInsertGrid,
     {
       insertLabel,
@@ -39076,9 +39718,9 @@ function renderMenuItems(items) {
   return items.map((item, i) => {
     switch (item.type) {
       case "separator":
-        return /* @__PURE__ */ jsx93(DropdownMenuSeparator, {}, i);
+        return /* @__PURE__ */ jsx95(DropdownMenuSeparator, {}, i);
       case "action":
-        return /* @__PURE__ */ jsx93(
+        return /* @__PURE__ */ jsx95(
           DropdownMenuItem,
           {
             label: item.label,
@@ -39092,9 +39734,9 @@ function renderMenuItems(items) {
           i
         );
       case "sub":
-        return /* @__PURE__ */ jsx93(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
+        return /* @__PURE__ */ jsx95(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
       case "custom":
-        return /* @__PURE__ */ jsx93(React82.Fragment, { children: item.render() }, item.key);
+        return /* @__PURE__ */ jsx95(React82.Fragment, { children: item.render() }, item.key);
     }
   });
 }
@@ -39396,7 +40038,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
         {
           type: "custom",
           key: "table-insert-grid",
-          render: () => /* @__PURE__ */ jsx93(
+          render: () => /* @__PURE__ */ jsx95(
             MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -39471,7 +40113,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
   ];
 }
 var MenuBarTrigger = React82.forwardRef(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx93(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx95(
     "button",
     {
       ref,
@@ -39574,9 +40216,9 @@ var MenuBar = ({
     {
       type: "custom",
       key: "image",
-      render: () => showImageInput ? /* @__PURE__ */ jsx93(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ jsxs78(Fragment35, { children: [
-        /* @__PURE__ */ jsx93(DropdownMenuItem, { label: t("menubar.image"), icon: ImageIcon3, onClick: () => setShowImageInput(true), closeOnSelect: false }),
-        /* @__PURE__ */ jsx93(
+      render: () => showImageInput ? /* @__PURE__ */ jsx95(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ jsxs79(Fragment35, { children: [
+        /* @__PURE__ */ jsx95(DropdownMenuItem, { label: t("menubar.image"), icon: ImageIcon3, onClick: () => setShowImageInput(true), closeOnSelect: false }),
+        /* @__PURE__ */ jsx95(
           DropdownMenuItem,
           {
             label: t("menubar.imageUpload"),
@@ -39591,7 +40233,7 @@ var MenuBar = ({
     {
       type: "custom",
       key: "link",
-      render: () => showLinkInput ? /* @__PURE__ */ jsx93(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ jsx93(
+      render: () => showLinkInput ? /* @__PURE__ */ jsx95(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ jsx95(
         DropdownMenuItem,
         {
           label: t("menubar.link"),
@@ -39611,7 +40253,7 @@ var MenuBar = ({
         {
           type: "custom",
           key: "table-grid",
-          render: () => /* @__PURE__ */ jsx93(
+          render: () => /* @__PURE__ */ jsx95(
             MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -39623,6 +40265,26 @@ var MenuBar = ({
       ]
     },
     { type: "separator" },
+    {
+      type: "sub",
+      label: t("menubar.formFields") || "Form Fields",
+      icon: ListTodo3,
+      items: [
+        {
+          type: "action",
+          label: t("menubar.formCheckbox") || "Form Checkbox",
+          icon: Square,
+          onClick: () => editor.chain().focus().setFormCheckbox().run()
+        },
+        {
+          type: "action",
+          label: t("menubar.formRadio") || "Form Radio Button",
+          icon: CircleDot2,
+          onClick: () => editor.chain().focus().setFormRadio().run()
+        }
+      ]
+    },
+    { type: "separator" },
     {
       type: "action",
       label: t("menubar.horizontalRule"),
@@ -39664,8 +40326,8 @@ var MenuBar = ({
     },
     { label: t("menubar.table"), items: buildTableMenuItems(t, editor, handleInsertTable), open: void 0, onOpenChange: void 0 }
   ];
-  return /* @__PURE__ */ jsxs78(Fragment35, { children: [
-    /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsxs79(Fragment35, { children: [
+    /* @__PURE__ */ jsx95(
       "input",
       {
         ref: fileInputRef,
@@ -39676,11 +40338,11 @@ var MenuBar = ({
         onChange: (e) => handleImageFiles(e.target.files)
       }
     ),
-    /* @__PURE__ */ jsxs78("div", { className: "flex items-center gap-0.5 border-b border-border/35 bg-muted/20 px-1.5 py-0.5", children: [
-      menus.map(({ label, items, open, onOpenChange }) => /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsxs79("div", { className: "flex items-center gap-0.5 border-b border-border/35 bg-muted/20 px-1.5 py-0.5", children: [
+      menus.map(({ label, items, open, onOpenChange }) => /* @__PURE__ */ jsx95(
         DropdownMenu,
         {
-          trigger: /* @__PURE__ */ jsx93(MenuBarTrigger, { children: label }),
+          trigger: /* @__PURE__ */ jsx95(MenuBarTrigger, { children: label }),
           placement: "bottom-start",
           isOpen: open,
           onOpenChange,
@@ -39688,7 +40350,7 @@ var MenuBar = ({
         },
         label
       )),
-      /* @__PURE__ */ jsx93(
+      /* @__PURE__ */ jsx95(
         "button",
         {
           type: "button",
@@ -39699,20 +40361,20 @@ var MenuBar = ({
             "ml-auto inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors",
             "hover:bg-accent hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1"
           ),
-          children: /* @__PURE__ */ jsx93(Eye3, { className: "h-4 w-4", "aria-hidden": "true" })
+          children: /* @__PURE__ */ jsx95(Eye3, { className: "h-4 w-4", "aria-hidden": "true" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx95(
       Modal_default,
       {
         isOpen: showSourceDialog,
         onClose: () => setShowSourceDialog(false),
         title: t("menubar.sourceCode"),
         size: "lg",
-        children: /* @__PURE__ */ jsxs78("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx93("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
-          /* @__PURE__ */ jsx93(
+        children: /* @__PURE__ */ jsxs79("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx95("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
+          /* @__PURE__ */ jsx95(
             "textarea",
             {
               "data-testid": "source-code-textarea",
@@ -39722,8 +40384,8 @@ var MenuBar = ({
               spellCheck: false
             }
           ),
-          /* @__PURE__ */ jsxs78("div", { className: "flex gap-2 justify-end", children: [
-            /* @__PURE__ */ jsx93(
+          /* @__PURE__ */ jsxs79("div", { className: "flex gap-2 justify-end", children: [
+            /* @__PURE__ */ jsx95(
               "button",
               {
                 type: "button",
@@ -39732,7 +40394,7 @@ var MenuBar = ({
                 children: t("menubar.applySource")
               }
             ),
-            /* @__PURE__ */ jsx93(
+            /* @__PURE__ */ jsx95(
               "button",
               {
                 type: "button",
@@ -39745,7 +40407,7 @@ var MenuBar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx95(
       Modal_default,
       {
         isOpen: showPreviewDialog,
@@ -39756,12 +40418,12 @@ var MenuBar = ({
         height: "min(860px, calc(100vh - 2rem))",
         className: "flex flex-col overflow-hidden rounded-xl md:rounded-2xl",
         contentClassName: "flex min-h-0 flex-1 overflow-hidden p-0",
-        children: /* @__PURE__ */ jsx93(
+        children: /* @__PURE__ */ jsx95(
           "div",
           {
             "data-testid": "preview-content",
             className: "min-h-0 flex-1 overflow-y-auto overscroll-contain",
-            children: editor.isEmpty ? /* @__PURE__ */ jsx93("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ jsx93(
+            children: editor.isEmpty ? /* @__PURE__ */ jsx95("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ jsx95(
               "div",
               {
                 className: UEDITOR_PROSEMIRROR_CLASS_NAME,
@@ -39916,7 +40578,7 @@ function getFormulaRangePickHighlight(container, pickState) {
 }
 
 // src/components/UEditor/UEditor.tsx
-import { jsx as jsx94, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs80 } from "react/jsx-runtime";
 var UEditor = React83.forwardRef(({
   content = "",
   onChange,
@@ -39936,10 +40598,12 @@ var UEditor = React83.forwardRef(({
   showToolbar = true,
   showBubbleMenu = true,
   showCharacterCount = true,
+  showFooter = true,
   maxCharacters,
   minHeight = "200px",
   maxHeight = "auto",
   variant = "default",
+  rounded = true,
   fontFamilies,
   fontSizes,
   lineHeights,
@@ -40145,7 +40809,7 @@ var UEditor = React83.forwardRef(({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ jsx94(
+    return /* @__PURE__ */ jsx96(
       "div",
       {
         className: cn("w-full border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -40154,7 +40818,7 @@ var UEditor = React83.forwardRef(({
       }
     );
   }
-  return /* @__PURE__ */ jsxs79(
+  return /* @__PURE__ */ jsxs80(
     "div",
     {
       className: cn(
@@ -40164,12 +40828,13 @@ var UEditor = React83.forwardRef(({
           "transition-[transform,box-shadow,border-color,background-color] duration-300 ease-soft",
           "shadow-sm focus-within:shadow-md focus-within:border-primary/15",
           "backdrop-blur-sm",
-          variant === "notion" && "hover:shadow-md"
+          variant === "notion" && "hover:shadow-md",
+          rounded ? "rounded-2xl md:rounded-3xl max-md:rounded-xl" : "rounded-none"
         ] : "rounded-none",
         className
       ),
       children: [
-        editable && showMenuBar && /* @__PURE__ */ jsx94(
+        editable && showMenuBar && /* @__PURE__ */ jsx96(
           MenuBar,
           {
             editor,
@@ -40184,7 +40849,7 @@ var UEditor = React83.forwardRef(({
             onPreview
           }
         ),
-        editable && showToolbar && /* @__PURE__ */ jsx94(
+        editable && showToolbar && /* @__PURE__ */ jsx96(
           EditorToolbar,
           {
             editor,
@@ -40199,7 +40864,7 @@ var UEditor = React83.forwardRef(({
             letterSpacings
           }
         ),
-        editable && showBubbleMenu && /* @__PURE__ */ jsx94(
+        editable && showBubbleMenu && /* @__PURE__ */ jsx96(
           CustomBubbleMenu,
           {
             editor,
@@ -40207,7 +40872,7 @@ var UEditor = React83.forwardRef(({
             lineHeights
           }
         ),
-        /* @__PURE__ */ jsxs79(
+        /* @__PURE__ */ jsxs80(
           "div",
           {
             ref: (node) => {
@@ -40220,7 +40885,7 @@ var UEditor = React83.forwardRef(({
               maxHeight
             },
             children: [
-              /* @__PURE__ */ jsx94(
+              /* @__PURE__ */ jsx96(
                 "span",
                 {
                   ref: tableColumnGuideRef,
@@ -40228,7 +40893,7 @@ var UEditor = React83.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ jsx94(
+              /* @__PURE__ */ jsx96(
                 "span",
                 {
                   ref: tableRowGuideRef,
@@ -40236,7 +40901,7 @@ var UEditor = React83.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ jsx94(
+              /* @__PURE__ */ jsx96(
                 "span",
                 {
                   ref: activeTableCellHighlightRef,
@@ -40245,7 +40910,7 @@ var UEditor = React83.forwardRef(({
                   className: "pointer-events-none hidden absolute z-20 rounded-[2px] border-2 border-primary bg-primary/10"
                 }
               ),
-              formulaRangeHighlight && /* @__PURE__ */ jsx94(
+              formulaRangeHighlight && /* @__PURE__ */ jsx96(
                 "span",
                 {
                   "aria-hidden": "true",
@@ -40259,8 +40924,8 @@ var UEditor = React83.forwardRef(({
                   }
                 }
               ),
-              editable && /* @__PURE__ */ jsx94(TableControls, { editor, containerRef: editorContentRef }),
-              /* @__PURE__ */ jsx94(
+              editable && /* @__PURE__ */ jsx96(TableControls, { editor, containerRef: editorContentRef }),
+              /* @__PURE__ */ jsx96(
                 EditorContent,
                 {
                   editor,
@@ -40270,7 +40935,7 @@ var UEditor = React83.forwardRef(({
             ]
           }
         ),
-        showCharacterCount && /* @__PURE__ */ jsx94(CharacterCountDisplay, { editor, maxCharacters })
+        showFooter && showCharacterCount && /* @__PURE__ */ jsx96(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );