@underverse-ui/underverse 1.0.140 → 1.0.142

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.140",
+  "version": "1.0.142",
   "sourceEntry": "src/index.ts",
   "totalExports": 232,
   "exports": [

package/dist/index.cjs

@@ -1153,13 +1153,13 @@ var vi_default = {
     alignRight: "C\u0103n ph\u1EA3i"
   },
   ValidationInput: {
-    required: "Tr\u01B0\u1EDDng n\xE0y l\xE0 b\u1EAFt bu\u1ED9c",
-    typeMismatch: "\u0110\u1ECBnh d\u1EA1ng kh\xF4ng h\u1EE3p l\u1EC7",
+    required: "Tr\u01B0\u1EDDng n\xE0y l\xE0 b\u1EAFt bu\u1ED9c.",
+    typeMismatch: "\u0110\u1ECBnh d\u1EA1ng kh\xF4ng h\u1EE3p l\u1EC7.",
     pattern: "Sai m\u1EABu",
     tooShort: "Qu\xE1 ng\u1EAFn",
     tooLong: "Qu\xE1 d\xE0i",
-    rangeUnderflow: "Nh\u1ECF h\u01A1n gi\xE1 tr\u1ECB t\u1ED1i thi\u1EC3u",
-    rangeOverflow: "L\u1EDBn h\u01A1n gi\xE1 tr\u1ECB t\u1ED1i \u0111a",
+    rangeUnderflow: "Gi\xE1 tr\u1ECB nh\u1ECF h\u01A1n m\u1EE9c t\u1ED1i thi\u1EC3u.",
+    rangeOverflow: "Gi\xE1 tr\u1ECB v\u01B0\u1EE3t qu\xE1 m\u1EE9c t\u1ED1i \u0111a.",
     stepMismatch: "Sai b\u01B0\u1EDBc",
     badInput: "Gi\xE1 tr\u1ECB kh\xF4ng h\u1EE3p l\u1EC7",
     invalid: "Gi\xE1 tr\u1ECB kh\xF4ng h\u1EE3p l\u1EC7"
@@ -1194,7 +1194,7 @@ var vi_default = {
     start: "B\u1EAFt \u0111\u1EA7u",
     end: "K\u1EBFt th\xFAc",
     resourcesHeader: "T\xE0i nguy\xEAn",
-    expandGroup: "M\u1EDF nh\xF3m",
+    expandGroup: "M\u1EDF r\u1ED9ng nh\xF3m",
     collapseGroup: "Thu g\u1ECDn nh\xF3m",
     more: "+{n} th\xEAm",
     sprints: "{n} sprint",
@@ -1229,9 +1229,9 @@ var vi_default = {
     uploadedFiles: "T\u1EC7p \u0111\xE3 t\u1EA3i l\xEAn",
     clearAll: "X\xF3a t\u1EA5t c\u1EA3",
     fileTooLarge: "v\u01B0\u1EE3t qu\xE1 gi\u1EDBi h\u1EA1n k\xEDch th\u01B0\u1EDBc",
-    maxFilesReached: "\u0110\xE3 \u0111\u1EA1t gi\u1EDBi h\u1EA1n s\u1ED1 t\u1EC7p",
-    uploadSuccess: "\u0111\xE3 t\u1EA3i l\xEAn th\xE0nh c\xF4ng",
-    uploadFailed: "t\u1EA3i l\xEAn th\u1EA5t b\u1EA1i"
+    maxFilesReached: "\u0110\xE3 \u0111\u1EA1t gi\u1EDBi h\u1EA1n s\u1ED1 t\u1EC7p.",
+    uploadSuccess: "\u0110\xE3 t\u1EA3i l\xEAn th\xE0nh c\xF4ng.",
+    uploadFailed: "T\u1EA3i l\xEAn th\u1EA5t b\u1EA1i."
   },
   UEditor: {
     placeholder: "Nh\u1EADp '/' \u0111\u1EC3 m\u1EDF l\u1EC7nh, ho\u1EB7c b\u1EAFt \u0111\u1EA7u vi\u1EBFt...",
@@ -1432,9 +1432,9 @@ var vi_default = {
       table: "B\u1EA3ng",
       save: "L\u01B0u",
       exportHtml: "Xu\u1EA5t HTML",
-      undo: "Hu\u1EF7 thao t\xE1c",
+      undo: "Ho\xE0n t\xE1c",
       undoShortcut: "Ctrl+Z",
-      redo: "Ho\xE0n t\xE1c",
+      redo: "L\xE0m l\u1EA1i",
       redoShortcut: "Ctrl+Y",
       cut: "C\u1EAFt",
       cutShortcut: "Ctrl+X",
@@ -1464,7 +1464,7 @@ var vi_default = {
       superscript: "Tr\xEAn d\xF2ng",
       subscript: "D\u01B0\u1EDBi d\xF2ng",
       code: "M\xE3",
-      wrap: "Bao",
+      wrap: "Ng\u1EAFt d\xF2ng",
       align: "C\u0103n ch\u1EC9nh",
       clearFormatting: "Xo\xE1 \u0111\u1ECBnh d\u1EA1ng",
       paragraph: "\u0110o\u1EA1n v\u0103n",
@@ -1604,10 +1604,10 @@ var ko_default = {
     supportedFormats: "\uBAA8\uB4E0 \uD30C\uC77C \uD615\uC2DD \uC9C0\uC6D0",
     uploadedFiles: "\uC5C5\uB85C\uB4DC\uB41C \uD30C\uC77C",
     clearAll: "\uBAA8\uB450 \uC9C0\uC6B0\uAE30",
-    fileTooLarge: "\uD06C\uAE30 \uC81C\uD55C \uCD08\uACFC",
-    maxFilesReached: "\uCD5C\uB300 \uD30C\uC77C \uC218 \uB3C4\uB2EC",
-    uploadSuccess: "\uC5C5\uB85C\uB4DC \uC131\uACF5",
-    uploadFailed: "\uC5C5\uB85C\uB4DC \uC2E4\uD328"
+    fileTooLarge: "\uD30C\uC77C \uD06C\uAE30\uAC00 \uC81C\uD55C\uC744 \uCD08\uACFC\uD588\uC2B5\uB2C8\uB2E4.",
+    maxFilesReached: "\uCD5C\uB300 \uD30C\uC77C \uC218\uC5D0 \uB3C4\uB2EC\uD588\uC2B5\uB2C8\uB2E4.",
+    uploadSuccess: "\uC5C5\uB85C\uB4DC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.",
+    uploadFailed: "\uC5C5\uB85C\uB4DC\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4."
   },
   UEditor: {
     placeholder: "\uBA85\uB839\uC5B4\uB294 '/'\uB97C \uC785\uB825\uD558\uAC70\uB098 \uC785\uB825\uC744 \uC2DC\uC791\uD558\uC138\uC694...",
@@ -1795,7 +1795,7 @@ var ko_default = {
     fileCard: {
       unnamed: "\uC774\uB984 \uC5C6\uB294 \uD30C\uC77C",
       uploading: "(\uC5C5\uB85C\uB4DC \uC911...)",
-      uploadFailed: "\uC5C5\uB85C\uB4DC \uC2E4\uD328"
+      uploadFailed: "\uC5C5\uB85C\uB4DC\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4."
     },
     menubar: {
       file: "\uD30C\uC77C",
@@ -1806,7 +1806,7 @@ var ko_default = {
       tools: "\uB3C4\uAD6C",
       table: "\uD45C",
       save: "\uC800\uC7A5",
-      exportHtml: "HTML \uB0B4\uBCF4\uB0B4\uAE30",
+      exportHtml: "HTML \uCD94\uCD9C",
       undo: "\uC2E4\uD589 \uCDE8\uC18C",
       undoShortcut: "Ctrl+Z",
       redo: "\uB2E4\uC2DC \uC2E4\uD589",
@@ -1870,7 +1870,7 @@ var ko_default = {
       applySource: "\uC801\uC6A9",
       closeDialog: "\uB2EB\uAE30",
       copyHtml: "HTML \uBCF5\uC0AC",
-      exportDefault: "HTML \uB0B4\uBCF4\uB0B4\uAE30",
+      exportDefault: "HTML \uCD94\uCD9C",
       previewEmpty: "\uBBF8\uB9AC\uBCFC \uB0B4\uC6A9\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
       sourceCodeHint: "HTML\uC744 \uC9C1\uC811 \uD3B8\uC9D1\uD558\uACE0 \uC801\uC6A9\uC744 \uD074\uB9AD\uD558\uC5EC \uC5D0\uB514\uD130\uB97C \uC5C5\uB370\uC774\uD2B8\uD558\uC138\uC694."
     }
@@ -1979,10 +1979,10 @@ var ja_default = {
     supportedFormats: "\u3059\u3079\u3066\u306E\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u306B\u5BFE\u5FDC",
     uploadedFiles: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3055\u308C\u305F\u30D5\u30A1\u30A4\u30EB",
     clearAll: "\u3059\u3079\u3066\u30AF\u30EA\u30A2",
-    fileTooLarge: "\u30B5\u30A4\u30BA\u5236\u9650\u3092\u8D85\u3048\u3066\u3044\u307E\u3059",
-    maxFilesReached: "\u6700\u5927\u30D5\u30A1\u30A4\u30EB\u6570\u306B\u9054\u3057\u307E\u3057\u305F",
-    uploadSuccess: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u6210\u529F",
-    uploadFailed: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u5931\u6557"
+    fileTooLarge: "\u30B5\u30A4\u30BA\u5236\u9650\u3092\u8D85\u3048\u3066\u3044\u307E\u3059\u3002",
+    maxFilesReached: "\u6700\u5927\u30D5\u30A1\u30A4\u30EB\u6570\u306B\u9054\u3057\u307E\u3057\u305F\u3002",
+    uploadSuccess: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3057\u307E\u3057\u305F\u3002",
+    uploadFailed: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u306B\u5931\u6557\u3057\u307E\u3057\u305F\u3002"
   },
   UEditor: {
     placeholder: "\u30B3\u30DE\u30F3\u30C9\u3092\u4F7F\u7528\u3059\u308B\u306B\u306F '/' \u3092\u5165\u529B\u3001\u307E\u305F\u306F\u5165\u529B\u3092\u958B\u59CB...",
@@ -2053,9 +2053,9 @@ var ja_default = {
       imageLayoutBlock: "\u753B\u50CF\u30D6\u30ED\u30C3\u30AF",
       imageLayoutLeft: "\u753B\u50CF\u3092\u5DE6\u3001\u6587\u5B57\u3092\u53F3\u306B\u56DE\u308A\u8FBC\u307F",
       imageLayoutRight: "\u753B\u50CF\u3092\u53F3\u3001\u6587\u5B57\u3092\u5DE6\u306B\u56DE\u308A\u8FBC\u307F",
-      imageWidthSm: "\u753B\u50CF \u5C0F",
-      imageWidthMd: "\u753B\u50CF \u4E2D",
-      imageWidthLg: "\u753B\u50CF \u5927",
+      imageWidthSm: "\u753B\u50CF\uFF08\u5C0F\uFF09",
+      imageWidthMd: "\u753B\u50CF\uFF08\u4E2D\uFF09",
+      imageWidthLg: "\u753B\u50CF\uFF08\u5927\uFF09",
       imageResetSize: "\u753B\u50CF\u30B5\u30A4\u30BA\u3092\u30EA\u30BB\u30C3\u30C8",
       imageDelete: "\u753B\u50CF\u3092\u524A\u9664"
     },
@@ -6621,6 +6621,7 @@ var Popover = ({
       if (!triggerEl || !popoverEl) return;
       if (triggerEl.contains(target)) return;
       if (popoverEl.contains(target)) return;
+      if (target instanceof Element && target.closest("[data-popover]")) return;
       setIsOpen(false);
     };
     const handleEscape = (event) => {
@@ -7661,6 +7662,11 @@ var VerticalTabs = ({ sidebarWidth = "w-48", className, ...props }) => {
 var import_react14 = __toESM(require("react"), 1);
 var import_lucide_react13 = require("lucide-react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
+var DropdownMenuContext = import_react14.default.createContext(null);
+function useDropdownMenuClose() {
+  return import_react14.default.useContext(DropdownMenuContext)?.closeMenu ?? (() => {
+  });
+}
 function useResettingIndex(resetToken) {
   const [state, setState] = import_react14.default.useState({ resetToken, index: -1 });
   const activeIndex = Object.is(state.resetToken, resetToken) ? state.index : -1;
@@ -7694,6 +7700,7 @@ var DropdownMenu = ({
   const menuRef = import_react14.default.useRef(null);
   const itemsRef = import_react14.default.useRef([]);
   const [activeIndex, setActiveIndex] = useResettingIndex(open);
+  const parentMenu = import_react14.default.useContext(DropdownMenuContext);
   useShadCNAnimations();
   import_react14.default.useEffect(() => {
     if (!open) return;
@@ -7732,13 +7739,24 @@ var DropdownMenu = ({
       document.removeEventListener("keydown", handleKeyNav);
     };
   }, [open, activeIndex, setActiveIndex]);
+  const closeMenu = import_react14.default.useCallback(() => {
+    setOpen(false);
+    parentMenu?.closeMenu();
+  }, [parentMenu, setOpen]);
+  const menuContext = import_react14.default.useMemo(
+    () => ({
+      closeMenu,
+      closeOnSelect
+    }),
+    [closeMenu, closeOnSelect]
+  );
   const handleItemClick = (itemOnClick) => {
     itemOnClick();
     if (closeOnSelect) {
-      setOpen(false);
+      closeMenu();
     }
   };
-  const menuBody = /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: menuRef, "data-dropdown-menu": true, "data-state": open ? "open" : "closed", role: "menu", className: cn("min-w-40", className), children: items ? items.map((item, index) => {
+  const menuBody = /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DropdownMenuContext.Provider, { value: menuContext, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: menuRef, "data-dropdown-menu": true, "data-state": open ? "open" : "closed", role: "menu", className: cn("min-w-40", className), children: items ? items.map((item, index) => {
     const IconComponent = item.icon;
     return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       "button",
@@ -7768,7 +7786,7 @@ var DropdownMenu = ({
       },
       index
     );
-  }) : children });
+  }) : children }) });
   const triggerProps = trigger.props;
   const childRef = triggerProps.ref;
   const enhancedTrigger = import_react14.default.cloneElement(trigger, {
@@ -7825,34 +7843,44 @@ var DropdownMenuItem = ({
   destructive,
   active,
   shortcut,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-  "button",
-  {
-    onClick,
-    disabled,
-    onMouseDown: (e) => e.preventDefault(),
-    className: cn(
-      "flex w-full items-center gap-2 px-3 py-2 text-sm rounded-lg transition-colors group cursor-pointer",
-      "hover:bg-accent hover:text-accent-foreground",
-      "focus:bg-accent focus:text-accent-foreground focus:outline-none",
-      "disabled:opacity-50 disabled:cursor-not-allowed",
-      destructive && "text-destructive hover:bg-destructive/10 focus:bg-destructive/10",
-      active && "bg-primary/10 text-primary",
-      className
-    ),
-    children: [
-      Icon && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { className: cn("w-4 h-4 shrink-0", active ? "text-primary" : "opacity-60 group-hover:opacity-100") }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex-1 text-left", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("font-medium", description && "leading-tight"), children: label }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "text-xs text-muted-foreground", children: description }),
-        children
-      ] }),
-      shortcut && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "ml-2 text-xs text-muted-foreground opacity-60", children: shortcut }),
-      active && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { className: "w-4 h-4 text-primary shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
-    ]
-  }
-);
+  className,
+  closeOnSelect
+}) => {
+  const menu = import_react14.default.useContext(DropdownMenuContext);
+  const shouldCloseOnSelect = closeOnSelect ?? menu?.closeOnSelect ?? false;
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    "button",
+    {
+      onClick: () => {
+        onClick?.();
+        if (shouldCloseOnSelect) {
+          menu?.closeMenu();
+        }
+      },
+      disabled,
+      onMouseDown: (e) => e.preventDefault(),
+      className: cn(
+        "flex w-full items-center gap-2 px-3 py-2 text-sm rounded-lg transition-colors group cursor-pointer",
+        "hover:bg-accent hover:text-accent-foreground",
+        "focus:bg-accent focus:text-accent-foreground focus:outline-none",
+        "disabled:opacity-50 disabled:cursor-not-allowed",
+        destructive && "text-destructive hover:bg-destructive/10 focus:bg-destructive/10",
+        active && "bg-primary/10 text-primary",
+        className
+      ),
+      children: [
+        Icon && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { className: cn("w-4 h-4 shrink-0", active ? "text-primary" : "opacity-60 group-hover:opacity-100") }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex-1 text-left", children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("font-medium", description && "leading-tight"), children: label }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "text-xs text-muted-foreground", children: description }),
+          children
+        ] }),
+        shortcut && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "ml-2 text-xs text-muted-foreground opacity-60", children: shortcut }),
+        active && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { className: "w-4 h-4 text-primary shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+      ]
+    }
+  );
+};
 var DropdownMenuSeparator = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("h-px bg-border my-1", className) });
 var DropdownMenuSub = ({ label, icon: Icon, disabled, children }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   DropdownMenu,
@@ -25403,6 +25431,7 @@ var import_extension_typography = __toESM(require("@tiptap/extension-typography"
 var import_extension_subscript = __toESM(require("@tiptap/extension-subscript"), 1);
 var import_extension_superscript = __toESM(require("@tiptap/extension-superscript"), 1);
 var import_extension_horizontal_rule = __toESM(require("@tiptap/extension-horizontal-rule"), 1);
+var import_extension_gapcursor = __toESM(require("@tiptap/extension-gapcursor"), 1);
 var import_lowlight = require("lowlight");
 
 // src/components/UEditor/slash-command.tsx
@@ -26178,7 +26207,6 @@ var import_core8 = require("@tiptap/core");
 var import_react54 = require("@tiptap/react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var MIN_IMAGE_SIZE_PX = 40;
-var AXIS_LOCK_THRESHOLD_PX = 4;
 var IMAGE_LAYOUTS = /* @__PURE__ */ new Set(["block", "left", "right"]);
 var IMAGE_WIDTH_PRESETS = /* @__PURE__ */ new Set(["sm", "md", "lg"]);
 function toNullableNumber(value) {
@@ -26219,6 +26247,41 @@ function getImageLayoutStyles(layout) {
   }
   return {};
 }
+function getAspectRatio({
+  img,
+  widthAttr,
+  heightAttr,
+  fallbackWidth,
+  fallbackHeight
+}) {
+  if (widthAttr && heightAttr) return widthAttr / heightAttr;
+  if (img.naturalWidth > 0 && img.naturalHeight > 0) return img.naturalWidth / img.naturalHeight;
+  if (fallbackWidth > 0 && fallbackHeight > 0) return fallbackWidth / fallbackHeight;
+  return 1;
+}
+function sizeFromWidth(width, aspect, maxWidth) {
+  let nextW = clamp8(width, MIN_IMAGE_SIZE_PX, maxWidth);
+  let nextH = nextW / aspect;
+  if (nextH < MIN_IMAGE_SIZE_PX) {
+    nextH = MIN_IMAGE_SIZE_PX;
+    nextW = clamp8(nextH * aspect, MIN_IMAGE_SIZE_PX, maxWidth);
+    nextH = nextW / aspect;
+  }
+  return { width: nextW, height: nextH };
+}
+function sizeFromHeight(height, aspect, maxWidth) {
+  let nextH = Math.max(MIN_IMAGE_SIZE_PX, height);
+  let nextW = nextH * aspect;
+  if (nextW > maxWidth) {
+    nextW = maxWidth;
+    nextH = nextW / aspect;
+  }
+  if (nextW < MIN_IMAGE_SIZE_PX) {
+    nextW = MIN_IMAGE_SIZE_PX;
+    nextH = nextW / aspect;
+  }
+  return { width: nextW, height: nextH };
+}
 function ResizableImageNodeView(props) {
   const { node, selected, updateAttributes, editor, getPos } = props;
   const wrapperRef = (0, import_react53.useRef)(null);
@@ -26229,7 +26292,6 @@ function ResizableImageNodeView(props) {
   const heightAttr = toNullableNumber(node.attrs["height"]);
   const textAlign = String(node.attrs["textAlign"] ?? "");
   const imageLayout = parseImageLayout(node.attrs["imageLayout"]);
-  const preserveAspectByDefault = imageLayout === "left" || imageLayout === "right";
   const dragStateRef = (0, import_react53.useRef)(null);
   (0, import_react53.useEffect)(() => {
     const img = imgRef.current;
@@ -26253,7 +26315,13 @@ function ResizableImageNodeView(props) {
     const maxW = editorEl ? editorEl.getBoundingClientRect().width : Number.POSITIVE_INFINITY;
     const startW = Math.max(MIN_IMAGE_SIZE_PX, rect.width);
     const startH = Math.max(MIN_IMAGE_SIZE_PX, rect.height);
-    const aspect = startH > 0 ? startW / startH : 1;
+    const aspect = getAspectRatio({
+      img,
+      widthAttr,
+      heightAttr,
+      fallbackWidth: startW,
+      fallbackHeight: startH
+    });
     dragStateRef.current = {
       pointerId: event.pointerId,
       startX: event.clientX,
@@ -26262,7 +26330,6 @@ function ResizableImageNodeView(props) {
       startH,
       lastW: startW,
       lastH: startH,
-      axis: null,
       aspect,
       maxW: Math.max(MIN_IMAGE_SIZE_PX, maxW)
     };
@@ -26276,24 +26343,9 @@ function ResizableImageNodeView(props) {
     if (event.pointerId !== drag.pointerId) return;
     const dx = event.clientX - drag.startX;
     const dy = event.clientY - drag.startY;
-    let nextW = drag.startW;
-    let nextH = drag.startH;
-    const shouldPreserveAspect = preserveAspectByDefault ? !event.ctrlKey : event.ctrlKey;
-    if (shouldPreserveAspect) {
-      if (Math.abs(dx) >= Math.abs(dy)) {
-        nextW = clamp8(drag.startW + dx, MIN_IMAGE_SIZE_PX, drag.maxW);
-        nextH = clamp8(nextW / drag.aspect, MIN_IMAGE_SIZE_PX, Number.POSITIVE_INFINITY);
-      } else {
-        nextH = clamp8(drag.startH + dy, MIN_IMAGE_SIZE_PX, Number.POSITIVE_INFINITY);
-        nextW = clamp8(nextH * drag.aspect, MIN_IMAGE_SIZE_PX, drag.maxW);
-      }
-    } else {
-      if (!drag.axis && (Math.abs(dx) > AXIS_LOCK_THRESHOLD_PX || Math.abs(dy) > AXIS_LOCK_THRESHOLD_PX)) {
-        drag.axis = Math.abs(dx) >= Math.abs(dy) ? "x" : "y";
-      }
-      if (drag.axis === "x") nextW = clamp8(drag.startW + dx, MIN_IMAGE_SIZE_PX, drag.maxW);
-      if (drag.axis === "y") nextH = clamp8(drag.startH + dy, MIN_IMAGE_SIZE_PX, Number.POSITIVE_INFINITY);
-    }
+    const nextSize = Math.abs(dx) >= Math.abs(dy) ? sizeFromWidth(drag.startW + dx, drag.aspect, drag.maxW) : sizeFromHeight(drag.startH + dy, drag.aspect, drag.maxW);
+    const nextW = nextSize.width;
+    const nextH = nextSize.height;
     drag.lastW = nextW;
     drag.lastH = nextH;
     img.style.width = `${Math.round(nextW)}px`;
@@ -27216,6 +27268,7 @@ function buildUEditorExtensions({
       }
     }),
     import_extension_horizontal_rule.default,
+    import_extension_gapcursor.default,
     import_extension_link.default.configure({
       openOnClick: false,
       protocols: ["http", "https", "mailto", "tel"],
@@ -27565,6 +27618,43 @@ function isSelectedImage(editor) {
   const { selection } = editor.state;
   return selection instanceof import_state6.NodeSelection && selection.node.type.name === "image";
 }
+function toPositiveNumber(value) {
+  if (typeof value === "number" && Number.isFinite(value) && value > 0) return value;
+  if (typeof value === "string") {
+    const parsed = Number.parseInt(value, 10);
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : null;
+  }
+  return null;
+}
+function getImageElementAtSelection(editor, pos) {
+  const nodeDom = editor.view.nodeDOM(pos);
+  if (!(nodeDom instanceof HTMLElement)) return null;
+  if (nodeDom.tagName === "IMG") return nodeDom;
+  return nodeDom.querySelector("img");
+}
+function getImageAspectRatio(editor, attrs, pos) {
+  const widthAttr = toPositiveNumber(attrs.width);
+  const heightAttr = toPositiveNumber(attrs.height);
+  if (widthAttr && heightAttr) return widthAttr / heightAttr;
+  const imageElement = typeof pos === "number" ? getImageElementAtSelection(editor, pos) : null;
+  if (!imageElement) return null;
+  if (imageElement.naturalWidth > 0 && imageElement.naturalHeight > 0) {
+    return imageElement.naturalWidth / imageElement.naturalHeight;
+  }
+  const rect = imageElement.getBoundingClientRect();
+  if (rect.width > 0 && rect.height > 0) return rect.width / rect.height;
+  const width = toPositiveNumber(imageElement.getAttribute("width")) ?? toPositiveNumber(imageElement.style.width);
+  const height = toPositiveNumber(imageElement.getAttribute("height")) ?? toPositiveNumber(imageElement.style.height);
+  return width && height ? width / height : null;
+}
+function getImagePresetAttributes(editor, width, preset, attrs, pos) {
+  const aspect = getImageAspectRatio(editor, attrs, pos);
+  return {
+    width,
+    height: aspect ? Math.round(width / aspect) : toPositiveNumber(attrs.height),
+    imageWidthPreset: preset
+  };
+}
 function applyImageLayout(editor, layout) {
   const { state, view } = editor;
   const { selection, schema } = state;
@@ -27599,15 +27689,15 @@ function applyImageWidthPreset(editor, preset) {
   const mode = attrs.imageLayout === "left" || attrs.imageLayout === "right" ? "wrap" : "block";
   const width = IMAGE_WIDTHS_BY_LAYOUT[mode][preset];
   if (!isSelectedImage(editor)) {
-    editor.chain().focus().updateAttributes("image", { width, imageWidthPreset: preset }).run();
+    editor.chain().focus().updateAttributes("image", getImagePresetAttributes(editor, width, preset, attrs)).run();
     return;
   }
   const { state, view } = editor;
   const selection = state.selection;
+  const nextAttrs = getImagePresetAttributes(editor, width, preset, selection.node.attrs, selection.from);
   const transaction = state.tr.setNodeMarkup(selection.from, void 0, {
     ...selection.node.attrs,
-    width,
-    imageWidthPreset: preset
+    ...nextAttrs
   });
   view.dispatch(transaction.scrollIntoView());
   view.focus();
@@ -28211,7 +28301,16 @@ var EditorToolbar = ({
             onCancel: () => setShowLinkInput(false)
           }
         ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DropdownMenuItem, { icon: import_lucide_react48.Link, label: t("toolbar.link"), onClick: () => setShowLinkInput(true), active: editor.isActive("link") }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+            DropdownMenuItem,
+            {
+              icon: import_lucide_react48.Link,
+              label: t("toolbar.link"),
+              onClick: () => setShowLinkInput(true),
+              active: editor.isActive("link"),
+              closeOnSelect: false
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             DropdownMenuItem,
             {
@@ -28435,14 +28534,15 @@ var EditorToolbar = ({
             onCancel: () => setShowImageInput(false)
           }
         ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DropdownMenuItem, { icon: import_lucide_react48.Link, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DropdownMenuItem, { icon: import_lucide_react48.Link, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true), closeOnSelect: false }),
           /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react48.Upload,
               label: isUploadingImage ? t("imageInput.uploading") : t("imageInput.uploadTab"),
               disabled: isUploadingImage,
-              onClick: () => fileInputRef.current?.click()
+              onClick: () => fileInputRef.current?.click(),
+              closeOnSelect: false
             }
           ),
           imageUploadError && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
@@ -29524,10 +29624,22 @@ var CustomBubbleMenu = ({
         setIsVisible(false);
         return;
       }
-      const start = view.coordsAtPos(from);
-      const end = view.coordsAtPos(to);
-      const left = (start.left + end.left) / 2;
-      const top = start.top - BUBBLE_MENU_OFFSET;
+      let start;
+      let end;
+      try {
+        start = view.coordsAtPos(from);
+        end = view.coordsAtPos(to);
+      } catch {
+        clearShowTimeout();
+        setIsVisible(false);
+        return;
+      }
+      const viewportPadding = 8;
+      const left = Math.min(
+        window.innerWidth - viewportPadding,
+        Math.max(viewportPadding, (start.left + end.left) / 2)
+      );
+      const top = Math.max(viewportPadding, start.top - BUBBLE_MENU_OFFSET);
       setPosition({ top, left });
       if (keepOpenRef.current) {
         clearShowTimeout();
@@ -29549,11 +29661,17 @@ var CustomBubbleMenu = ({
     editor.on("selectionUpdate", updatePosition);
     editor.on("focus", updatePosition);
     editor.on("blur", handleBlur);
+    editor.on("transaction", updatePosition);
+    editor.on("update", updatePosition);
+    const animationFrameId = requestAnimationFrame(updatePosition);
     return () => {
+      cancelAnimationFrame(animationFrameId);
       clearShowTimeout();
       editor.off("selectionUpdate", updatePosition);
       editor.off("focus", updatePosition);
       editor.off("blur", handleBlur);
+      editor.off("transaction", updatePosition);
+      editor.off("update", updatePosition);
     };
   }, [editor]);
   if (!isVisible) return null;
@@ -29563,7 +29681,7 @@ var CustomBubbleMenu = ({
       {
         ref: menuRef,
         "data-popover": true,
-        className: "fixed z-99999 flex rounded-xl border border-border/40 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 zoom-in-95",
+        className: "fixed z-[99999] flex rounded-xl border border-border/40 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 zoom-in-95",
         style: {
           top: `${position.top}px`,
           left: `${position.left}px`,
@@ -35475,6 +35593,17 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
   "[&_.is-editor-empty]:before:float-left",
   "[&_.is-editor-empty]:before:pointer-events-none",
   "[&_.is-editor-empty]:before:h-0",
+  "[&_.ProseMirror-gapcursor]:pointer-events-none",
+  "[&_.ProseMirror-gapcursor]:absolute",
+  "[&_.ProseMirror-gapcursor]:hidden",
+  "[&_.ProseMirror-gapcursor:after]:content-['']",
+  "[&_.ProseMirror-gapcursor:after]:block",
+  "[&_.ProseMirror-gapcursor:after]:absolute",
+  "[&_.ProseMirror-gapcursor:after]:top-[-2px]",
+  "[&_.ProseMirror-gapcursor:after]:w-8",
+  "[&_.ProseMirror-gapcursor:after]:border-t-2",
+  "[&_.ProseMirror-gapcursor:after]:border-primary",
+  "[&.ProseMirror-focused_.ProseMirror-gapcursor]:block",
   "[&_ul[data-type='taskList']]:list-none",
   "[&_ul[data-type='taskList']]:pl-0",
   "[&_ul[data-type='taskList']_li]:flex",
@@ -36062,6 +36191,24 @@ var import_react67 = __toESM(require("react"), 1);
 var import_react68 = require("@tiptap/react");
 var import_lucide_react53 = require("lucide-react");
 var import_jsx_runtime93 = require("react/jsx-runtime");
+function MenuTableInsertGrid({
+  insertLabel,
+  previewTemplate,
+  onInsert
+}) {
+  const closeMenu = useDropdownMenuClose();
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    TableInsertGrid,
+    {
+      insertLabel,
+      previewTemplate,
+      onInsert: (rows, cols) => {
+        onInsert(rows, cols);
+        closeMenu();
+      }
+    }
+  );
+}
 function renderMenuItems(items) {
   return items.map((item, i) => {
     switch (item.type) {
@@ -36387,7 +36534,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
           type: "custom",
           key: "table-insert-grid",
           render: () => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-            TableInsertGrid,
+            MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
               previewTemplate: t("tableMenu.gridPreview"),
@@ -36579,13 +36726,14 @@ var MenuBar = ({
       type: "custom",
       key: "image",
       render: () => showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DropdownMenuItem, { label: t("menubar.image"), icon: import_lucide_react53.Image, onClick: () => setShowImageInput(true) }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DropdownMenuItem, { label: t("menubar.image"), icon: import_lucide_react53.Image, onClick: () => setShowImageInput(true), closeOnSelect: false }),
         /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           DropdownMenuItem,
           {
             label: t("menubar.imageUpload"),
             icon: import_lucide_react53.Upload,
-            onClick: () => fileInputRef.current?.click()
+            onClick: () => fileInputRef.current?.click(),
+            closeOnSelect: false
           }
         )
       ] })
@@ -36600,7 +36748,8 @@ var MenuBar = ({
           label: t("menubar.link"),
           icon: import_lucide_react53.Link,
           shortcut: t("menubar.linkShortcut"),
-          onClick: () => setShowLinkInput(true)
+          onClick: () => setShowLinkInput(true),
+          closeOnSelect: false
         }
       )
     },
@@ -36614,7 +36763,7 @@ var MenuBar = ({
           type: "custom",
           key: "table-grid",
           render: () => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-            TableInsertGrid,
+            MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
               previewTemplate: t("tableMenu.gridPreview"),
@@ -36914,7 +37063,7 @@ var UEditor = import_react69.default.forwardRef(({
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       "div",
       {
-        className: cn("w-full rounded-lg border bg-background flex items-center justify-center text-muted-foreground", className),
+        className: cn("w-full border bg-background flex items-center justify-center text-muted-foreground", className),
         style: { minHeight },
         children: t("loading")
       }
@@ -36926,7 +37075,7 @@ var UEditor = import_react69.default.forwardRef(({
       className: cn(
         "group relative flex flex-col text-card-foreground",
         editable ? [
-          "rounded-2xl md:rounded-3xl border border-border/50 bg-card overflow-hidden",
+          "border border-border/50 bg-card overflow-hidden",
           "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",