@underverse-ui/underverse 1.0.100 → 1.0.102

package/dist/index.js

@@ -23109,7 +23109,7 @@ function useLocale2() {
 }
 
 // src/components/UEditor/UEditor.tsx
-import React74, { useEffect as useEffect35, useImperativeHandle as useImperativeHandle3, useMemo as useMemo24, useRef as useRef31 } from "react";
+import React75, { useEffect as useEffect36, useImperativeHandle as useImperativeHandle3, useMemo as useMemo24, useRef as useRef32 } from "react";
 import { useEditor, EditorContent } from "@tiptap/react";
 
 // src/components/UEditor/extensions.ts
@@ -23496,6 +23496,49 @@ var SlashCommand = Extension.create({
 // src/components/UEditor/clipboard-images.ts
 import { Extension as Extension2 } from "@tiptap/core";
 import { Plugin } from "@tiptap/pm/state";
+
+// src/components/UEditor/url-safety.ts
+var LINK_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
+var IMAGE_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:"]);
+function normalizeUrlInput(raw) {
+  return raw.trim().replace(/[\u0000-\u001F\u007F\s]+/g, "");
+}
+function isProtocolRelativeUrl(value) {
+  return value.startsWith("//");
+}
+function isRelativeUrl(value) {
+  return value.startsWith("/") || value.startsWith("./") || value.startsWith("../") || value.startsWith("#");
+}
+function isDataImageUrl(value) {
+  return /^data:image\/(?:png|jpe?g|gif|webp|svg\+xml|bmp|x-icon|avif);base64,/i.test(value);
+}
+function isSafeUEditorUrl(raw, kind) {
+  const value = normalizeUrlInput(raw);
+  if (!value) return false;
+  if (kind === "image" && isDataImageUrl(value)) return true;
+  if (isRelativeUrl(value)) return true;
+  if (isProtocolRelativeUrl(value)) return false;
+  try {
+    const parsed = new URL(value);
+    return kind === "image" ? IMAGE_PROTOCOLS.has(parsed.protocol) : LINK_PROTOCOLS.has(parsed.protocol);
+  } catch {
+    return false;
+  }
+}
+function sanitizeUEditorUrl(raw, kind) {
+  const value = raw.trim();
+  if (!value) return "";
+  if (isSafeUEditorUrl(value, kind)) return normalizeUrlInput(value);
+  if (kind === "link" && !isProtocolRelativeUrl(value) && !/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(value)) {
+    const withProtocol = `https://${value}`;
+    return isSafeUEditorUrl(withProtocol, kind) ? withProtocol : "";
+  }
+  return "";
+}
+
+// src/components/UEditor/clipboard-images.ts
+var DEFAULT_UEDITOR_IMAGE_MAX_FILE_SIZE = 10 * 1024 * 1024;
+var DEFAULT_UEDITOR_IMAGE_MIME_TYPES = ["image/png", "image/jpeg", "image/webp", "image/gif", "image/svg+xml"];
 function getImageFiles(dataTransfer) {
   if (!dataTransfer) return [];
   const itemFiles = [];
@@ -23527,7 +23570,7 @@ async function resolveImageSrc(file, options) {
   if (options.insertMode === "upload" && options.upload) {
     try {
       const result = await options.upload(file);
-      const src = typeof result === "string" ? result : "";
+      const src = typeof result === "string" ? sanitizeUEditorUrl(result, "image") : "";
       if (src) return src;
     } catch (err) {
       if (!options.fallbackToDataUrl) throw err;
@@ -23539,8 +23582,8 @@ var ClipboardImages = Extension2.create({
   name: "clipboardImages",
   addOptions() {
     return {
-      maxFileSize: 10 * 1024 * 1024,
-      allowedMimeTypes: ["image/png", "image/jpeg", "image/webp", "image/gif", "image/svg+xml"],
+      maxFileSize: DEFAULT_UEDITOR_IMAGE_MAX_FILE_SIZE,
+      allowedMimeTypes: DEFAULT_UEDITOR_IMAGE_MIME_TYPES,
       upload: void 0,
       fallbackToDataUrl: true,
       insertMode: "base64"
@@ -24399,6 +24442,9 @@ function buildUEditorExtensions({
   maxCharacters,
   uploadImage,
   imageInsertMode = "base64",
+  maxImageFileSize,
+  allowedImageMimeTypes,
+  fallbackToDataUrl,
   editable = true
 }) {
   return [
@@ -24452,12 +24498,20 @@ function buildUEditorExtensions({
     HorizontalRule,
     Link.configure({
       openOnClick: false,
+      protocols: ["http", "https", "mailto", "tel"],
+      isAllowedUri: (url) => isSafeUEditorUrl(url ?? "", "link"),
       HTMLAttributes: {
         class: "text-primary underline underline-offset-2 hover:text-primary/80 cursor-pointer"
       }
     }),
     resizable_image_default,
-    ClipboardImages.configure({ upload: uploadImage, insertMode: imageInsertMode }),
+    ClipboardImages.configure({
+      upload: uploadImage,
+      insertMode: imageInsertMode,
+      ...maxImageFileSize !== void 0 ? { maxFileSize: maxImageFileSize } : {},
+      ...allowedImageMimeTypes ? { allowedMimeTypes: allowedImageMimeTypes } : {},
+      ...fallbackToDataUrl !== void 0 ? { fallbackToDataUrl } : {}
+    }),
     TextStyle,
     font_family_default,
     font_size_default,
@@ -24713,11 +24767,7 @@ import { useEffect as useEffect33, useRef as useRef28, useState as useState43 }
 import { Check as Check10, X as X19 } from "lucide-react";
 import { jsx as jsx78, jsxs as jsxs66 } from "react/jsx-runtime";
 function normalizeUrl(raw) {
-  const url = raw.trim();
-  if (!url) return "";
-  if (url.startsWith("#") || url.startsWith("/")) return url;
-  if (/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(url)) return url;
-  return `https://${url}`;
+  return sanitizeUEditorUrl(raw, "link");
 }
 var LinkInput = ({
   onSubmit,
@@ -24762,8 +24812,9 @@ var ImageInput = ({ onSubmit, onCancel }) => {
   }, []);
   const handleSubmit = (e) => {
     e.preventDefault();
-    if (url) {
-      onSubmit(url, alt);
+    const safeUrl = sanitizeUEditorUrl(url, "image");
+    if (safeUrl) {
+      onSubmit(safeUrl, alt);
     }
   };
   return /* @__PURE__ */ jsxs66("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
@@ -24949,6 +25000,8 @@ var EditorToolbar = ({
   variant,
   uploadImage,
   imageInsertMode = "base64",
+  maxImageFileSize = DEFAULT_UEDITOR_IMAGE_MAX_FILE_SIZE,
+  allowedImageMimeTypes = DEFAULT_UEDITOR_IMAGE_MIME_TYPES,
   fontFamilies,
   fontSizes,
   lineHeights,
@@ -25016,10 +25069,13 @@ var EditorToolbar = ({
     setImageUploadError(null);
     for (const file of files) {
       if (!file.type.startsWith("image/")) continue;
+      if (file.size > maxImageFileSize) continue;
+      if (allowedImageMimeTypes.length > 0 && !allowedImageMimeTypes.includes(file.type)) continue;
       try {
         const src = imageInsertMode === "upload" && uploadImage ? await uploadImage(file) : await fileToDataUrl2(file);
-        if (!src) continue;
-        editor.chain().focus().setImage({ src, alt: file.name }).run();
+        const safeSrc = sanitizeUEditorUrl(src, "image");
+        if (!safeSrc) continue;
+        editor.chain().focus().setImage({ src: safeSrc, alt: file.name }).run();
         editor.commands.createParagraphNear();
       } catch {
         setImageUploadError(t("imageInput.uploadError"));
@@ -26230,12 +26286,12 @@ var MIME_EXTENSION_MAP = {
   "image/x-icon": "ico",
   "image/avif": "avif"
 };
-function isDataImageUrl(value) {
+function isDataImageUrl2(value) {
   return /^data:image\//i.test(value.trim());
 }
 function parseDataImageUrl(dataUrl) {
   const value = dataUrl.trim();
-  if (!isDataImageUrl(value)) return null;
+  if (!isDataImageUrl2(value)) return null;
   const commaIndex = value.indexOf(",");
   if (commaIndex < 0) return null;
   const header = value.slice(5, commaIndex);
@@ -26269,19 +26325,33 @@ function createFileFromDataImageUrl(dataUrl, index) {
 }
 function normalizeUploadResult(result) {
   if (typeof result === "string") {
-    const url2 = result.trim();
+    const url2 = sanitizeUEditorUrl(result, "image");
     if (!url2) throw new Error("Upload handler returned an empty URL.");
     return { url: url2 };
   }
   if (!result || typeof result !== "object") {
     throw new Error("Upload handler returned invalid result.");
   }
-  const url = typeof result.url === "string" ? result.url.trim() : "";
+  const url = typeof result.url === "string" ? sanitizeUEditorUrl(result.url, "image") : "";
   if (!url) throw new Error("Upload handler object result is missing `url`.");
   const { url: _ignoredUrl, ...rest } = result;
   const meta = Object.keys(rest).length > 0 ? rest : void 0;
   return { url, meta };
 }
+async function runWithConcurrency(items, concurrency, worker) {
+  const limit = Math.max(1, Math.floor(concurrency));
+  const results = new Array(items.length);
+  let nextIndex = 0;
+  async function runNext() {
+    while (nextIndex < items.length) {
+      const currentIndex = nextIndex;
+      nextIndex += 1;
+      results[currentIndex] = await worker(items[currentIndex]);
+    }
+  }
+  await Promise.all(Array.from({ length: Math.min(limit, items.length) }, runNext));
+  return results;
+}
 function getErrorReason(error) {
   if (error instanceof Error && error.message) return error.message;
   if (typeof error === "string" && error.trim()) return error;
@@ -26293,7 +26363,7 @@ function decodeHtmlEntities(value) {
 function normalizeImageUrl(url) {
   const input = decodeHtmlEntities(url.trim());
   if (!input) return "";
-  if (isDataImageUrl(input)) return input;
+  if (isDataImageUrl2(input)) return input;
   const isAbsolute = /^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(input);
   if (!isAbsolute) {
     return input.split("#")[0] ?? input;
@@ -26377,7 +26447,8 @@ var UEditorPrepareContentForSaveError = class extends Error {
 };
 async function prepareUEditorContentForSave({
   html,
-  uploadImageForSave
+  uploadImageForSave,
+  uploadConcurrency = 3
 }) {
   if (!html || !html.includes("<img")) {
     return createResult({ html, uploaded: [], inlineUploaded: [], errors: [] });
@@ -26390,7 +26461,7 @@ async function prepareUEditorContentForSave({
   for (const match of imgMatches) {
     if (!match.srcAttr) continue;
     const src = match.srcAttr.value.trim();
-    if (!isDataImageUrl(src)) continue;
+    if (!isDataImageUrl2(src)) continue;
     base64Candidates.push({
       id: `${match.start}:${match.end}`,
       match,
@@ -26416,8 +26487,10 @@ async function prepareUEditorContentForSave({
   const inlineUploaded = [];
   const errors = [];
   const replacements = /* @__PURE__ */ new Map();
-  const uploadResults = await Promise.all(
-    base64Candidates.map(async (candidate) => {
+  const uploadResults = await runWithConcurrency(
+    base64Candidates,
+    uploadConcurrency,
+    async (candidate) => {
       try {
         const file = createFileFromDataImageUrl(candidate.src, candidate.index);
         const uploadResult = await uploadImageForSave(file);
@@ -26426,7 +26499,7 @@ async function prepareUEditorContentForSave({
       } catch (error) {
         return { candidate, error: getErrorReason(error) };
       }
-    })
+    }
   );
   for (const item of uploadResults) {
     if ("error" in item) {
@@ -30642,6 +30715,111 @@ import {
   Table as TableIcon2,
   Trash2 as Trash24
 } from "lucide-react";
+
+// src/components/UEditor/table-dom-utils.ts
+var MIN_TABLE_ROW_HEIGHT = 36;
+var COLUMN_RESIZE_LINE_THICKNESS = 2;
+var ROW_RESIZE_LINE_THICKNESS = 2;
+var UEDITOR_TABLE_LAYOUT_CHANGE_EVENT = "ueditor-table-layout-change";
+var TABLE_RESIZE_HIT_ZONE = 10;
+function findTableRowNodeInfo(view, rowElement) {
+  const firstCell = rowElement.querySelector("th,td");
+  if (!firstCell) return null;
+  const cellPos = view.posAtDOM(firstCell, 0);
+  const $pos = view.state.doc.resolve(cellPos);
+  for (let depth = $pos.depth; depth > 0; depth -= 1) {
+    const node = $pos.node(depth);
+    if (node.type.name === "tableRow") {
+      return {
+        pos: $pos.before(depth),
+        node
+      };
+    }
+  }
+  return null;
+}
+function resolveEventElement(target) {
+  if (target instanceof Element) return target;
+  if (target instanceof Node) return target.parentElement;
+  return null;
+}
+function getSelectionTableCell(view) {
+  const browserSelection = window.getSelection();
+  const anchorElement = resolveEventElement(browserSelection?.anchorNode ?? null);
+  const anchorCell = anchorElement?.closest?.("th,td");
+  if (anchorCell instanceof HTMLElement) {
+    return anchorCell;
+  }
+  const { from } = view.state.selection;
+  const domAtPos = view.domAtPos(from);
+  const element = resolveEventElement(domAtPos.node);
+  const cell = element?.closest?.("th,td");
+  return cell instanceof HTMLElement ? cell : null;
+}
+function isRowResizeHotspot(cell, clientX, clientY) {
+  const rect = cell.getBoundingClientRect();
+  const nearBottom = rect.bottom - clientY <= TABLE_RESIZE_HIT_ZONE;
+  const nearRight = rect.right - clientX <= TABLE_RESIZE_HIT_ZONE;
+  return nearBottom && !nearRight;
+}
+function isColumnResizeHotspot(cell, clientX, clientY) {
+  const rect = cell.getBoundingClientRect();
+  const nearRight = rect.right - clientX <= TABLE_RESIZE_HIT_ZONE;
+  const nearBottom = rect.bottom - clientY <= TABLE_RESIZE_HIT_ZONE;
+  return nearRight && !nearBottom;
+}
+function getRelativeBoundaryMetrics(surface, table, row, cell) {
+  const surfaceRect = surface.getBoundingClientRect();
+  const tableRect = table.getBoundingClientRect();
+  const rowRect = row.getBoundingClientRect();
+  const cellRect = cell.getBoundingClientRect();
+  return {
+    left: tableRect.left - surfaceRect.left + surface.scrollLeft,
+    top: tableRect.top - surfaceRect.top + surface.scrollTop,
+    width: tableRect.width,
+    height: tableRect.height,
+    rowBottom: rowRect.bottom - surfaceRect.top + surface.scrollTop,
+    columnRight: cellRect.right - surfaceRect.left + surface.scrollLeft
+  };
+}
+function getRelativeCellMetrics(surface, cell) {
+  const surfaceRect = surface.getBoundingClientRect();
+  const cellRect = cell.getBoundingClientRect();
+  return {
+    left: cellRect.left - surfaceRect.left + surface.scrollLeft,
+    top: cellRect.top - surfaceRect.top + surface.scrollTop,
+    width: cellRect.width,
+    height: cellRect.height
+  };
+}
+function getRelativeSelectedCellsMetrics(surface) {
+  const selectedCells = Array.from(
+    surface.querySelectorAll("td.selectedCell, th.selectedCell")
+  );
+  if (selectedCells.length === 0) {
+    return null;
+  }
+  const surfaceRect = surface.getBoundingClientRect();
+  let left = Number.POSITIVE_INFINITY;
+  let top = Number.POSITIVE_INFINITY;
+  let right = Number.NEGATIVE_INFINITY;
+  let bottom = Number.NEGATIVE_INFINITY;
+  selectedCells.forEach((cell) => {
+    const rect = cell.getBoundingClientRect();
+    left = Math.min(left, rect.left);
+    top = Math.min(top, rect.top);
+    right = Math.max(right, rect.right);
+    bottom = Math.max(bottom, rect.bottom);
+  });
+  return {
+    left: left - surfaceRect.left + surface.scrollLeft,
+    top: top - surfaceRect.top + surface.scrollTop,
+    width: right - left,
+    height: bottom - top
+  };
+}
+
+// src/components/UEditor/table-controls.tsx
 import { Fragment as Fragment27, jsx as jsx82, jsxs as jsxs70 } from "react/jsx-runtime";
 var FALLBACK_TABLE_ROW_HEIGHT = 44;
 var FALLBACK_TABLE_COLUMN_WIDTH = 160;
@@ -30941,6 +31119,7 @@ function TableControls({ editor, containerRef }) {
     surface.addEventListener("mouseover", handleSurfaceMouseMove);
     surface.addEventListener("mousemove", handleSurfaceMouseMove);
     surface.addEventListener("scroll", refreshCurrentLayout, { passive: true });
+    surface.addEventListener(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, refreshCurrentLayout);
     window.addEventListener("resize", refreshCurrentLayout);
     editor.on("selectionUpdate", syncFromSelection);
     editor.on("update", refreshCurrentLayout);
@@ -30952,6 +31131,7 @@ function TableControls({ editor, containerRef }) {
       surface.removeEventListener("mouseover", handleSurfaceMouseMove);
       surface.removeEventListener("mousemove", handleSurfaceMouseMove);
       surface.removeEventListener("scroll", refreshCurrentLayout);
+      surface.removeEventListener(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, refreshCurrentLayout);
       window.removeEventListener("resize", refreshCurrentLayout);
       editor.off("selectionUpdate", syncFromSelection);
       editor.off("update", refreshCurrentLayout);
@@ -31635,163 +31815,163 @@ function TableControls({ editor, containerRef }) {
   ] });
 }
 
-// src/components/UEditor/UEditor.tsx
-import { jsx as jsx83, jsxs as jsxs71 } from "react/jsx-runtime";
-var TABLE_RESIZE_HIT_ZONE = 10;
-var MIN_TABLE_ROW_HEIGHT = 36;
-var COLUMN_RESIZE_LINE_THICKNESS = 2;
-var ROW_RESIZE_LINE_THICKNESS = 2;
-function applyPreviewRowHeight(rowElement, nextHeight) {
-  rowElement.style.height = `${nextHeight}px`;
-  rowElement.style.minHeight = `${nextHeight}px`;
-  rowElement.querySelectorAll("th,td").forEach((cell) => {
-    if (cell instanceof HTMLElement) {
-      cell.style.height = `${nextHeight}px`;
-      cell.style.minHeight = `${nextHeight}px`;
-    }
-  });
-}
-function clearPreviewRowHeight(rowElement) {
-  rowElement.style.height = "";
-  rowElement.style.minHeight = "";
-  rowElement.querySelectorAll("th,td").forEach((cell) => {
-    if (cell instanceof HTMLElement) {
-      cell.style.height = "";
-      cell.style.minHeight = "";
-    }
-  });
-}
-function findTableRowNodeInfo(view, rowElement) {
-  const firstCell = rowElement.querySelector("th,td");
-  if (!firstCell) return null;
-  const cellPos = view.posAtDOM(firstCell, 0);
-  const $pos = view.state.doc.resolve(cellPos);
-  for (let depth = $pos.depth; depth > 0; depth -= 1) {
-    const node = $pos.node(depth);
-    if (node.type.name === "tableRow") {
-      return {
-        pos: $pos.before(depth),
-        node
-      };
-    }
-  }
-  return null;
-}
-function resolveEventElement(target) {
-  if (target instanceof Element) return target;
-  if (target instanceof Node) return target.parentElement;
-  return null;
-}
-function getSelectionTableCell(view) {
-  const browserSelection = window.getSelection();
-  const anchorElement = resolveEventElement(browserSelection?.anchorNode ?? null);
-  const anchorCell = anchorElement?.closest?.("th,td");
-  if (anchorCell instanceof HTMLElement) {
-    return anchorCell;
-  }
-  const { from } = view.state.selection;
-  const domAtPos = view.domAtPos(from);
-  const element = resolveEventElement(domAtPos.node);
-  const cell = element?.closest?.("th,td");
-  return cell instanceof HTMLElement ? cell : null;
-}
-function isRowResizeHotspot(cell, clientX, clientY) {
-  const rect = cell.getBoundingClientRect();
-  const nearBottom = rect.bottom - clientY <= TABLE_RESIZE_HIT_ZONE;
-  const nearRight = rect.right - clientX <= TABLE_RESIZE_HIT_ZONE;
-  return nearBottom && !nearRight;
-}
-function isColumnResizeHotspot(cell, clientX, clientY) {
-  const rect = cell.getBoundingClientRect();
-  const nearRight = rect.right - clientX <= TABLE_RESIZE_HIT_ZONE;
-  const nearBottom = rect.bottom - clientY <= TABLE_RESIZE_HIT_ZONE;
-  return nearRight && !nearBottom;
-}
-function getRelativeBoundaryMetrics(surface, table, row, cell) {
-  const surfaceRect = surface.getBoundingClientRect();
-  const tableRect = table.getBoundingClientRect();
-  const rowRect = row.getBoundingClientRect();
-  const cellRect = cell.getBoundingClientRect();
-  return {
-    left: tableRect.left - surfaceRect.left + surface.scrollLeft,
-    top: tableRect.top - surfaceRect.top + surface.scrollTop,
-    width: tableRect.width,
-    height: tableRect.height,
-    rowBottom: rowRect.bottom - surfaceRect.top + surface.scrollTop,
-    columnRight: cellRect.right - surfaceRect.left + surface.scrollLeft
-  };
-}
-function getRelativeCellMetrics(surface, cell) {
-  const surfaceRect = surface.getBoundingClientRect();
-  const cellRect = cell.getBoundingClientRect();
-  return {
-    left: cellRect.left - surfaceRect.left + surface.scrollLeft,
-    top: cellRect.top - surfaceRect.top + surface.scrollTop,
-    width: cellRect.width,
-    height: cellRect.height
-  };
-}
-function getRelativeSelectedCellsMetrics(surface) {
-  const selectedCells = Array.from(
-    surface.querySelectorAll("td.selectedCell, th.selectedCell")
-  );
-  if (selectedCells.length === 0) {
-    return null;
-  }
-  const surfaceRect = surface.getBoundingClientRect();
-  let left = Number.POSITIVE_INFINITY;
-  let top = Number.POSITIVE_INFINITY;
-  let right = Number.NEGATIVE_INFINITY;
-  let bottom = Number.NEGATIVE_INFINITY;
-  selectedCells.forEach((cell) => {
-    const rect = cell.getBoundingClientRect();
-    left = Math.min(left, rect.left);
-    top = Math.min(top, rect.top);
-    right = Math.max(right, rect.right);
-    bottom = Math.max(bottom, rect.bottom);
-  });
-  return {
-    left: left - surfaceRect.left + surface.scrollLeft,
-    top: top - surfaceRect.top + surface.scrollTop,
-    width: right - left,
-    height: bottom - top
-  };
-}
-var UEditor = React74.forwardRef(({
-  content = "",
-  onChange,
-  onHtmlChange,
-  onJsonChange,
-  uploadImage,
-  uploadImageForSave,
-  imageInsertMode = "base64",
-  placeholder,
-  className,
-  editable = true,
-  autofocus = false,
-  showToolbar = true,
-  showBubbleMenu = true,
-  showFloatingMenu = false,
-  showCharacterCount = true,
-  maxCharacters,
-  minHeight = "200px",
-  maxHeight = "auto",
-  variant = "default",
-  fontFamilies,
-  fontSizes,
-  lineHeights,
-  letterSpacings
-}, ref) => {
-  const t = useSmartTranslations("UEditor");
-  const effectivePlaceholder = placeholder ?? t("placeholder");
-  const inFlightPrepareRef = useRef31(null);
-  const lastAppliedContentRef = useRef31(content ?? "");
+// src/components/UEditor/editor-styles.ts
+var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
+  "prose prose-sm sm:prose dark:prose-invert max-w-none",
+  "focus:outline-none",
+  "px-4 py-4",
+  "[&_.is-editor-empty]:before:content-[attr(data-placeholder)]",
+  "[&_.is-editor-empty]:before:text-muted-foreground/50",
+  "[&_.is-editor-empty]:before:float-left",
+  "[&_.is-editor-empty]:before:pointer-events-none",
+  "[&_.is-editor-empty]:before:h-0",
+  "[&_ul[data-type='taskList']]:list-none",
+  "[&_ul[data-type='taskList']]:pl-0",
+  "[&_ul[data-type='taskList']_li]:flex",
+  "[&_ul[data-type='taskList']_li]:items-start",
+  "[&_ul[data-type='taskList']_li]:gap-2",
+  "[&_ul[data-type='taskList']_li>label]:mt-0.5",
+  "[&_ul[data-type='taskList']_li>label>input]:w-4",
+  "[&_ul[data-type='taskList']_li>label>input]:h-4",
+  "[&_ul[data-type='taskList']_li>label>input]:rounded",
+  "[&_ul[data-type='taskList']_li>label>input]:border-2",
+  "[&_ul[data-type='taskList']_li>label>input]:border-primary/50",
+  "[&_ul[data-type='taskList']_li>label>input]:accent-primary",
+  "[&_pre]:bg-muted/40!",
+  "[&_pre]:text-foreground!",
+  "[&_pre]:border!",
+  "[&_pre]:border-border/60!",
+  "[&_pre_code]:bg-transparent!",
+  "[&_.tableWrapper]:overflow-x-auto",
+  "[&_.tableWrapper]:pb-1.5",
+  "[&_.tableWrapper]:select-text",
+  "[&_.tableWrapper]:[scrollbar-width:thin]",
+  "[&_.tableWrapper]:[scrollbar-color:hsl(var(--border))_transparent]",
+  "[&_.tableWrapper::-webkit-scrollbar]:h-2",
+  "[&_.tableWrapper::-webkit-scrollbar]:w-2",
+  "[&_.tableWrapper::-webkit-scrollbar-track]:rounded-full",
+  "[&_.tableWrapper::-webkit-scrollbar-track]:bg-transparent",
+  "[&_.tableWrapper::-webkit-scrollbar-thumb]:rounded-full",
+  "[&_.tableWrapper::-webkit-scrollbar-thumb]:border",
+  "[&_.tableWrapper::-webkit-scrollbar-thumb]:border-solid",
+  "[&_.tableWrapper::-webkit-scrollbar-thumb]:border-transparent",
+  "[&_.tableWrapper::-webkit-scrollbar-thumb]:bg-border/70",
+  "[&_.tableWrapper::-webkit-scrollbar-thumb:hover]:bg-muted-foreground/45",
+  "[&_table]:table-fixed",
+  "[&_table]:overflow-hidden",
+  "[&_table]:select-text",
+  "[&_table[data-table-align]]:w-max",
+  "[&_table[data-table-align]]:max-w-full",
+  "[&_table[data-table-align='center']]:mx-auto",
+  "[&_table[data-table-align='right']]:ml-auto",
+  "[&_table[data-table-align='right']]:mr-0",
+  "[&_td]:relative",
+  "[&_td]:align-top",
+  "[&_td]:box-border",
+  "[&_td]:select-text",
+  "[&_th]:relative",
+  "[&_th]:align-top",
+  "[&_th]:box-border",
+  "[&_th]:select-text",
+  "[&_.selectedCell]:after:content-['']",
+  "[&_.selectedCell]:after:absolute",
+  "[&_.selectedCell]:after:inset-0",
+  "[&_.selectedCell]:after:z-[2]",
+  "[&_.selectedCell]:after:bg-primary/15",
+  "[&_.selectedCell]:after:pointer-events-none",
+  "[&_.column-resize-handle]:pointer-events-auto",
+  "[&_.column-resize-handle]:cursor-col-resize",
+  "[&_.column-resize-handle]:absolute",
+  "[&_.column-resize-handle]:top-[-1px]",
+  "[&_.column-resize-handle]:bottom-[-1px]",
+  "[&_.column-resize-handle]:right-[-5px]",
+  "[&_.column-resize-handle]:z-10",
+  "[&_.column-resize-handle]:w-2.5",
+  "[&_.column-resize-handle]:bg-transparent",
+  "[&_.column-resize-handle]:rounded-none",
+  "[&_.column-resize-handle]:opacity-0",
+  "[&_.column-resize-handle]:transition-opacity",
+  "[&_.column-resize-handle]:after:absolute",
+  "[&_.column-resize-handle]:after:top-0",
+  "[&_.column-resize-handle]:after:bottom-0",
+  "[&_.column-resize-handle]:after:left-1/2",
+  "[&_.column-resize-handle]:after:w-0.5",
+  "[&_.column-resize-handle]:after:-translate-x-1/2",
+  "[&_.column-resize-handle]:after:rounded-full",
+  "[&_.column-resize-handle]:after:bg-primary/75",
+  "[&_.column-resize-handle]:after:content-['']",
+  "[&.resize-cursor_.column-resize-handle]:opacity-100",
+  "[&.resize-cursor_.column-resize-handle]:after:bg-primary",
+  "[&.resize-cursor]:cursor-col-resize",
+  "[&.resize-row-cursor]:cursor-row-resize",
+  "[&_img.ProseMirror-selectednode]:ring-2",
+  "[&_img.ProseMirror-selectednode]:ring-primary/60",
+  "[&_img.ProseMirror-selectednode]:ring-offset-2",
+  "[&_img.ProseMirror-selectednode]:ring-offset-background",
+  "[&_hr]:border-t-2",
+  "[&_hr]:border-primary/30",
+  "[&_hr]:my-8",
+  "[&_h1]:text-3xl",
+  "[&_h1]:font-bold",
+  "[&_h1]:mt-6",
+  "[&_h1]:mb-4",
+  "[&_h1]:text-foreground",
+  "[&_h2]:text-2xl",
+  "[&_h2]:font-semibold",
+  "[&_h2]:mt-5",
+  "[&_h2]:mb-3",
+  "[&_h2]:text-foreground",
+  "[&_h3]:text-xl",
+  "[&_h3]:font-semibold",
+  "[&_h3]:mt-4",
+  "[&_h3]:mb-2",
+  "[&_h3]:text-foreground",
+  "[&_ul:not([data-type='taskList'])]:list-disc",
+  "[&_ul:not([data-type='taskList'])]:pl-6",
+  "[&_ul:not([data-type='taskList'])]:my-3",
+  "[&_ol]:list-decimal",
+  "[&_ol]:pl-6",
+  "[&_ol]:my-3",
+  "[&_li]:my-1",
+  "[&_li]:pl-1",
+  "[&_li_p]:my-0",
+  "[&_blockquote]:border-l-4",
+  "[&_blockquote]:border-primary",
+  "[&_blockquote]:pl-4",
+  "[&_blockquote]:py-2",
+  "[&_blockquote]:my-4",
+  "[&_blockquote]:bg-muted/30",
+  "[&_blockquote]:rounded-r-lg",
+  "[&_blockquote]:italic",
+  "[&_blockquote]:text-muted-foreground",
+  "[&_blockquote_p]:my-0",
+  "[&_[data-image-layout='left']+p]:mt-1",
+  "[&_[data-image-layout='left']+p]:min-h-[5rem]",
+  "[&_[data-image-layout='right']+p]:mt-1",
+  "[&_[data-image-layout='right']+p]:min-h-[5rem]",
+  "max-md:[&_[data-image-layout='left']]:float-none",
+  "max-md:[&_[data-image-layout='left']]:mr-0",
+  "max-md:[&_[data-image-layout='left']]:ml-0",
+  "max-md:[&_[data-image-layout='left']]:max-w-full",
+  "max-md:[&_[data-image-layout='right']]:float-none",
+  "max-md:[&_[data-image-layout='right']]:mr-0",
+  "max-md:[&_[data-image-layout='right']]:ml-0",
+  "max-md:[&_[data-image-layout='right']]:max-w-full",
+  "max-md:[&_[data-image-layout='left']+p]:min-h-0",
+  "max-md:[&_[data-image-layout='right']+p]:min-h-0"
+);
+
+// src/components/UEditor/use-table-interactions.ts
+import React74, { useEffect as useEffect35, useRef as useRef31 } from "react";
+function useUEditorTableInteractions(editor) {
   const editorContentRef = useRef31(null);
   const tableColumnGuideRef = useRef31(null);
   const tableRowGuideRef = useRef31(null);
   const activeTableCellHighlightRef = useRef31(null);
   const hoveredTableCellRef = useRef31(null);
   const activeTableCellRef = useRef31(null);
+  const tableLayoutSyncFrameRef = useRef31(null);
+  const rowResizeCommitFrameRef = useRef31(null);
   const rowResizeStateRef = useRef31(null);
   const setEditorResizeCursor = React74.useCallback((cursor) => {
     const proseMirror = editorContentRef.current?.querySelector(".ProseMirror");
@@ -31833,6 +32013,14 @@ var UEditor = React74.forwardRef(({
     highlight.style.width = `${metrics.width}px`;
     highlight.style.height = `${metrics.height}px`;
   }, []);
+  const scheduleTableLayoutSync = React74.useCallback(() => {
+    if (tableLayoutSyncFrameRef.current !== null) return;
+    tableLayoutSyncFrameRef.current = window.requestAnimationFrame(() => {
+      tableLayoutSyncFrameRef.current = null;
+      updateActiveCellHighlight(activeTableCellRef.current);
+      editorContentRef.current?.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
+    });
+  }, [updateActiveCellHighlight]);
   const setActiveTableCell = React74.useCallback((cell) => {
     if (activeTableCellRef.current === cell) return;
     activeTableCellRef.current = cell;
@@ -31874,228 +32062,49 @@ var UEditor = React74.forwardRef(({
     surface.classList.add("resize-row-cursor");
     setEditorResizeCursor("row-resize");
   }, [setEditorResizeCursor]);
-  const extensions = useMemo24(
-    () => buildUEditorExtensions({ placeholder: effectivePlaceholder, translate: t, maxCharacters, uploadImage, imageInsertMode, editable }),
-    [effectivePlaceholder, t, maxCharacters, uploadImage, imageInsertMode, editable]
-  );
-  const editor = useEditor({
-    immediatelyRender: false,
-    extensions,
-    content,
-    editable,
-    autofocus,
-    editorProps: {
-      handleDOMEvents: {
-        keydown: (_view, event) => {
-          if (!(event instanceof KeyboardEvent)) return false;
-          if (event.key === "ArrowLeft" || event.key === "ArrowRight" || event.key === "ArrowUp" || event.key === "ArrowDown") {
-            event.stopPropagation();
-          }
-          return false;
-        },
-        click: (view, event) => {
-          if (!(event instanceof MouseEvent)) return false;
-          if (event.button !== 0) return false;
-          const target = resolveEventElement(event.target);
-          const anchor = target?.closest?.("a[href]");
-          const href = anchor?.getAttribute("href") ?? "";
-          if (!href) return false;
-          if (!view.state.selection.empty) return false;
-          event.preventDefault();
-          event.stopPropagation();
-          window.open(href, "_blank", "noopener,noreferrer");
-          return true;
-        }
-      },
-      attributes: {
-        class: cn(
-          "prose prose-sm sm:prose dark:prose-invert max-w-none",
-          "focus:outline-none",
-          "px-4 py-4",
-          "[&_.is-editor-empty]:before:content-[attr(data-placeholder)]",
-          "[&_.is-editor-empty]:before:text-muted-foreground/50",
-          "[&_.is-editor-empty]:before:float-left",
-          "[&_.is-editor-empty]:before:pointer-events-none",
-          "[&_.is-editor-empty]:before:h-0",
-          "[&_ul[data-type='taskList']]:list-none",
-          "[&_ul[data-type='taskList']]:pl-0",
-          "[&_ul[data-type='taskList']_li]:flex",
-          "[&_ul[data-type='taskList']_li]:items-start",
-          "[&_ul[data-type='taskList']_li]:gap-2",
-          "[&_ul[data-type='taskList']_li>label]:mt-0.5",
-          "[&_ul[data-type='taskList']_li>label>input]:w-4",
-          "[&_ul[data-type='taskList']_li>label>input]:h-4",
-          "[&_ul[data-type='taskList']_li>label>input]:rounded",
-          "[&_ul[data-type='taskList']_li>label>input]:border-2",
-          "[&_ul[data-type='taskList']_li>label>input]:border-primary/50",
-          "[&_ul[data-type='taskList']_li>label>input]:accent-primary",
-          "[&_pre]:bg-muted/40!",
-          "[&_pre]:text-foreground!",
-          "[&_pre]:border!",
-          "[&_pre]:border-border/60!",
-          "[&_pre_code]:bg-transparent!",
-          "[&_.tableWrapper]:overflow-x-auto",
-          "[&_.tableWrapper]:pb-1.5",
-          "[&_.tableWrapper]:select-text",
-          "[&_.tableWrapper]:[scrollbar-width:thin]",
-          "[&_.tableWrapper]:[scrollbar-color:hsl(var(--border))_transparent]",
-          "[&_.tableWrapper::-webkit-scrollbar]:h-2",
-          "[&_.tableWrapper::-webkit-scrollbar]:w-2",
-          "[&_.tableWrapper::-webkit-scrollbar-track]:rounded-full",
-          "[&_.tableWrapper::-webkit-scrollbar-track]:bg-transparent",
-          "[&_.tableWrapper::-webkit-scrollbar-thumb]:rounded-full",
-          "[&_.tableWrapper::-webkit-scrollbar-thumb]:border",
-          "[&_.tableWrapper::-webkit-scrollbar-thumb]:border-solid",
-          "[&_.tableWrapper::-webkit-scrollbar-thumb]:border-transparent",
-          "[&_.tableWrapper::-webkit-scrollbar-thumb]:bg-border/70",
-          "[&_.tableWrapper::-webkit-scrollbar-thumb:hover]:bg-muted-foreground/45",
-          "[&_table]:table-fixed",
-          "[&_table]:overflow-hidden",
-          "[&_table]:select-text",
-          "[&_table[data-table-align]]:w-max",
-          "[&_table[data-table-align]]:max-w-full",
-          "[&_table[data-table-align='center']]:mx-auto",
-          "[&_table[data-table-align='right']]:ml-auto",
-          "[&_table[data-table-align='right']]:mr-0",
-          "[&_td]:relative",
-          "[&_td]:align-top",
-          "[&_td]:box-border",
-          "[&_td]:select-text",
-          "[&_th]:relative",
-          "[&_th]:align-top",
-          "[&_th]:box-border",
-          "[&_th]:select-text",
-          "[&_.selectedCell]:after:content-['']",
-          "[&_.selectedCell]:after:absolute",
-          "[&_.selectedCell]:after:inset-0",
-          "[&_.selectedCell]:after:z-[2]",
-          "[&_.selectedCell]:after:bg-primary/15",
-          "[&_.selectedCell]:after:pointer-events-none",
-          "[&_.column-resize-handle]:pointer-events-auto",
-          "[&_.column-resize-handle]:cursor-col-resize",
-          "[&_.column-resize-handle]:absolute",
-          "[&_.column-resize-handle]:top-[-1px]",
-          "[&_.column-resize-handle]:bottom-[-1px]",
-          "[&_.column-resize-handle]:right-[-5px]",
-          "[&_.column-resize-handle]:z-10",
-          "[&_.column-resize-handle]:w-2.5",
-          "[&_.column-resize-handle]:bg-transparent",
-          "[&_.column-resize-handle]:rounded-none",
-          "[&_.column-resize-handle]:opacity-0",
-          "[&_.column-resize-handle]:transition-opacity",
-          "[&_.column-resize-handle]:after:absolute",
-          "[&_.column-resize-handle]:after:top-0",
-          "[&_.column-resize-handle]:after:bottom-0",
-          "[&_.column-resize-handle]:after:left-1/2",
-          "[&_.column-resize-handle]:after:w-0.5",
-          "[&_.column-resize-handle]:after:-translate-x-1/2",
-          "[&_.column-resize-handle]:after:rounded-full",
-          "[&_.column-resize-handle]:after:bg-primary/75",
-          "[&_.column-resize-handle]:after:content-['']",
-          "[&.resize-cursor_.column-resize-handle]:opacity-100",
-          "[&.resize-cursor_.column-resize-handle]:after:bg-primary",
-          "[&.resize-cursor]:cursor-col-resize",
-          "[&.resize-row-cursor]:cursor-row-resize",
-          "[&_img.ProseMirror-selectednode]:ring-2",
-          "[&_img.ProseMirror-selectednode]:ring-primary/60",
-          "[&_img.ProseMirror-selectednode]:ring-offset-2",
-          "[&_img.ProseMirror-selectednode]:ring-offset-background",
-          "[&_hr]:border-t-2",
-          "[&_hr]:border-primary/30",
-          "[&_hr]:my-8",
-          "[&_h1]:text-3xl",
-          "[&_h1]:font-bold",
-          "[&_h1]:mt-6",
-          "[&_h1]:mb-4",
-          "[&_h1]:text-foreground",
-          "[&_h2]:text-2xl",
-          "[&_h2]:font-semibold",
-          "[&_h2]:mt-5",
-          "[&_h2]:mb-3",
-          "[&_h2]:text-foreground",
-          "[&_h3]:text-xl",
-          "[&_h3]:font-semibold",
-          "[&_h3]:mt-4",
-          "[&_h3]:mb-2",
-          "[&_h3]:text-foreground",
-          "[&_ul:not([data-type='taskList'])]:list-disc",
-          "[&_ul:not([data-type='taskList'])]:pl-6",
-          "[&_ul:not([data-type='taskList'])]:my-3",
-          "[&_ol]:list-decimal",
-          "[&_ol]:pl-6",
-          "[&_ol]:my-3",
-          "[&_li]:my-1",
-          "[&_li]:pl-1",
-          "[&_li_p]:my-0",
-          "[&_blockquote]:border-l-4",
-          "[&_blockquote]:border-primary",
-          "[&_blockquote]:pl-4",
-          "[&_blockquote]:py-2",
-          "[&_blockquote]:my-4",
-          "[&_blockquote]:bg-muted/30",
-          "[&_blockquote]:rounded-r-lg",
-          "[&_blockquote]:italic",
-          "[&_blockquote]:text-muted-foreground",
-          "[&_blockquote_p]:my-0",
-          "[&_[data-image-layout='left']+p]:mt-1",
-          "[&_[data-image-layout='left']+p]:min-h-[5rem]",
-          "[&_[data-image-layout='right']+p]:mt-1",
-          "[&_[data-image-layout='right']+p]:min-h-[5rem]",
-          "max-md:[&_[data-image-layout='left']]:float-none",
-          "max-md:[&_[data-image-layout='left']]:mr-0",
-          "max-md:[&_[data-image-layout='left']]:ml-0",
-          "max-md:[&_[data-image-layout='left']]:max-w-full",
-          "max-md:[&_[data-image-layout='right']]:float-none",
-          "max-md:[&_[data-image-layout='right']]:mr-0",
-          "max-md:[&_[data-image-layout='right']]:ml-0",
-          "max-md:[&_[data-image-layout='right']]:max-w-full",
-          "max-md:[&_[data-image-layout='left']+p]:min-h-0",
-          "max-md:[&_[data-image-layout='right']+p]:min-h-0"
-        )
-      }
-    },
-    onUpdate: ({ editor: editor2 }) => {
-      const html = editor2.getHTML();
-      onChange?.(html);
-      onHtmlChange?.(html);
-      onJsonChange?.(editor2.getJSON());
+  const commitRowResizePreview = React74.useCallback(() => {
+    if (!editor) return;
+    const state = rowResizeStateRef.current;
+    if (!state) return;
+    const nextHeight = state.pendingHeight;
+    if (nextHeight === state.previewHeight) {
+      document.body.style.cursor = "row-resize";
+      showRowGuide(state.tableElement, state.rowElement, state.cellElement);
+      scheduleTableLayoutSync();
+      return;
     }
-  });
+    state.previewHeight = nextHeight;
+    const tr = editor.view.state.tr;
+    tr.setNodeMarkup(state.rowPos, void 0, {
+      ...state.rowNode.attrs,
+      rowHeight: nextHeight
+    });
+    tr.setMeta("addToHistory", false);
+    editor.view.dispatch(tr);
+    state.rowNode = editor.view.state.doc.nodeAt(state.rowPos) ?? state.rowNode;
+    const refreshedRow = state.tableElement.rows.item(state.rowElement.rowIndex);
+    if (refreshedRow instanceof HTMLTableRowElement) {
+      state.rowElement = refreshedRow;
+      const refreshedCell = refreshedRow.cells.item(state.cellIndex);
+      if (refreshedCell instanceof HTMLTableCellElement) {
+        state.cellElement = refreshedCell;
+      }
+    }
+    document.body.style.cursor = "row-resize";
+    showRowGuide(state.tableElement, state.rowElement, state.cellElement);
+    scheduleTableLayoutSync();
+  }, [editor, scheduleTableLayoutSync, showRowGuide]);
+  const scheduleRowResizeCommit = React74.useCallback(() => {
+    if (rowResizeCommitFrameRef.current !== null) return;
+    rowResizeCommitFrameRef.current = window.requestAnimationFrame(() => {
+      rowResizeCommitFrameRef.current = null;
+      commitRowResizePreview();
+    });
+  }, [commitRowResizePreview]);
   const syncActiveTableCellFromSelection = React74.useCallback(() => {
     if (!editor) return;
     setActiveTableCell(getSelectionTableCell(editor.view));
   }, [editor, setActiveTableCell]);
-  useImperativeHandle3(
-    ref,
-    () => ({
-      prepareContentForSave: async ({ throwOnError = false } = {}) => {
-        if (!inFlightPrepareRef.current) {
-          const htmlSnapshot = editor?.getHTML() ?? content ?? "";
-          inFlightPrepareRef.current = prepareUEditorContentForSave({
-            html: htmlSnapshot,
-            uploadImageForSave
-          }).finally(() => {
-            inFlightPrepareRef.current = null;
-          });
-        }
-        const result = await inFlightPrepareRef.current;
-        if (throwOnError && result.errors.length > 0) {
-          throw new UEditorPrepareContentForSaveError(result);
-        }
-        return result;
-      }
-    }),
-    [content, editor, uploadImageForSave]
-  );
-  useEffect35(() => {
-    if (!editor) return;
-    const nextContent = content ?? "";
-    if (lastAppliedContentRef.current === nextContent) return;
-    lastAppliedContentRef.current = nextContent;
-    if (editor.getHTML() !== nextContent) {
-      editor.commands.setContent(nextContent, { emitUpdate: false });
-    }
-  }, [content, editor]);
   useEffect35(() => {
     if (!editor) return void 0;
     const proseMirror = editor.view.dom;
@@ -32185,6 +32194,7 @@ var UEditor = React74.forwardRef(({
       setHoveredTableCell(cell);
       const rowInfo = findTableRowNodeInfo(editor.view, row);
       if (!rowInfo) return;
+      const startHeight = row.getBoundingClientRect().height;
       rowResizeStateRef.current = {
         rowElement: row,
         tableElement: table,
@@ -32193,8 +32203,9 @@ var UEditor = React74.forwardRef(({
         rowPos: rowInfo.pos,
         rowNode: rowInfo.node,
         startY: event.clientY,
-        startHeight: row.getBoundingClientRect().height,
-        previewHeight: row.getBoundingClientRect().height
+        startHeight,
+        previewHeight: startHeight,
+        pendingHeight: startHeight
       };
       showRowGuide(table, row, cell);
       document.body.style.cursor = "row-resize";
@@ -32208,30 +32219,14 @@ var UEditor = React74.forwardRef(({
         MIN_TABLE_ROW_HEIGHT,
         Math.round(state.startHeight + (event.clientY - state.startY))
       );
-      if (nextHeight === state.previewHeight) {
+      if (nextHeight === state.pendingHeight) {
         document.body.style.cursor = "row-resize";
         showRowGuide(state.tableElement, state.rowElement, state.cellElement);
         return;
       }
-      state.previewHeight = nextHeight;
-      applyPreviewRowHeight(state.rowElement, nextHeight);
-      const tr = editor.view.state.tr;
-      tr.setNodeMarkup(state.rowPos, void 0, {
-        ...state.rowNode.attrs,
-        rowHeight: nextHeight
-      });
-      editor.view.dispatch(tr);
-      state.rowNode = editor.view.state.doc.nodeAt(state.rowPos) ?? state.rowNode;
-      const refreshedRow = state.tableElement.rows.item(state.rowElement.rowIndex);
-      if (refreshedRow instanceof HTMLTableRowElement) {
-        state.rowElement = refreshedRow;
-        const refreshedCell = refreshedRow.cells.item(state.cellIndex);
-        if (refreshedCell instanceof HTMLTableCellElement) {
-          state.cellElement = refreshedCell;
-        }
-      }
+      state.pendingHeight = nextHeight;
       document.body.style.cursor = "row-resize";
-      showRowGuide(state.tableElement, state.rowElement, state.cellElement);
+      scheduleRowResizeCommit();
     };
     const handlePointerUp = (event) => {
       const state = rowResizeStateRef.current;
@@ -32240,20 +32235,40 @@ var UEditor = React74.forwardRef(({
         MIN_TABLE_ROW_HEIGHT,
         Math.round(state.startHeight + (event.clientY - state.startY))
       );
-      clearPreviewRowHeight(state.rowElement);
+      state.pendingHeight = nextHeight;
+      if (rowResizeCommitFrameRef.current !== null) {
+        window.cancelAnimationFrame(rowResizeCommitFrameRef.current);
+        rowResizeCommitFrameRef.current = null;
+      }
+      commitRowResizePreview();
+      const latestState = rowResizeStateRef.current ?? state;
+      const rowNode = editor.view.state.doc.nodeAt(latestState.rowPos) ?? latestState.rowNode;
+      if (rowNode.attrs.rowHeight !== nextHeight) {
+        const tr = editor.view.state.tr;
+        tr.setNodeMarkup(latestState.rowPos, void 0, {
+          ...rowNode.attrs,
+          rowHeight: nextHeight
+        });
+        editor.view.dispatch(tr);
+      }
       rowResizeStateRef.current = null;
       document.body.style.cursor = "";
       clearHoveredTableCell();
       clearAllTableResizeHover();
+      scheduleTableLayoutSync();
     };
     const handleWindowBlur = () => {
       const state = rowResizeStateRef.current;
       if (!state) return;
-      clearPreviewRowHeight(state.rowElement);
+      if (rowResizeCommitFrameRef.current !== null) {
+        window.cancelAnimationFrame(rowResizeCommitFrameRef.current);
+        rowResizeCommitFrameRef.current = null;
+      }
       rowResizeStateRef.current = null;
       document.body.style.cursor = "";
       clearHoveredTableCell();
       clearAllTableResizeHover();
+      scheduleTableLayoutSync();
     };
     proseMirror.addEventListener("mousemove", handleEditorMouseMove);
     proseMirror.addEventListener("mouseleave", handleEditorMouseLeave);
@@ -32292,13 +32307,156 @@ var UEditor = React74.forwardRef(({
       editor.off("selectionUpdate", syncActiveTableCellFromSelection);
       editor.off("focus", syncActiveTableCellFromSelection);
       window.clearTimeout(selectionSyncTimeoutId);
+      if (tableLayoutSyncFrameRef.current !== null) {
+        window.cancelAnimationFrame(tableLayoutSyncFrameRef.current);
+        tableLayoutSyncFrameRef.current = null;
+      }
+      if (rowResizeCommitFrameRef.current !== null) {
+        window.cancelAnimationFrame(rowResizeCommitFrameRef.current);
+        rowResizeCommitFrameRef.current = null;
+      }
       document.body.style.cursor = "";
       clearActiveTableCell();
       clearHoveredTableCell();
       clearAllTableResizeHover();
       rowResizeStateRef.current = null;
     };
-  }, [clearActiveTableCell, clearAllTableResizeHover, clearHoveredTableCell, editor, hideColumnGuide, hideRowGuide, setHoveredTableCell, showColumnGuide, showRowGuide, syncActiveTableCellFromSelection, updateActiveCellHighlight]);
+  }, [clearActiveTableCell, clearAllTableResizeHover, clearHoveredTableCell, commitRowResizePreview, editor, hideColumnGuide, hideRowGuide, scheduleRowResizeCommit, scheduleTableLayoutSync, setHoveredTableCell, showColumnGuide, showRowGuide, syncActiveTableCellFromSelection, updateActiveCellHighlight]);
+  return {
+    editorContentRef,
+    tableColumnGuideRef,
+    tableRowGuideRef,
+    activeTableCellHighlightRef
+  };
+}
+
+// src/components/UEditor/UEditor.tsx
+import { jsx as jsx83, jsxs as jsxs71 } from "react/jsx-runtime";
+var UEditor = React75.forwardRef(({
+  content = "",
+  onChange,
+  onHtmlChange,
+  onJsonChange,
+  uploadImage,
+  uploadImageForSave,
+  uploadImageConcurrency = 3,
+  imageInsertMode = "base64",
+  maxImageFileSize,
+  allowedImageMimeTypes,
+  fallbackToDataUrl,
+  placeholder,
+  className,
+  editable = true,
+  autofocus = false,
+  showToolbar = true,
+  showBubbleMenu = true,
+  showFloatingMenu = false,
+  showCharacterCount = true,
+  maxCharacters,
+  minHeight = "200px",
+  maxHeight = "auto",
+  variant = "default",
+  fontFamilies,
+  fontSizes,
+  lineHeights,
+  letterSpacings
+}, ref) => {
+  const t = useSmartTranslations("UEditor");
+  const effectivePlaceholder = placeholder ?? t("placeholder");
+  const inFlightPrepareRef = useRef32(null);
+  const lastAppliedContentRef = useRef32(content ?? "");
+  const extensions = useMemo24(
+    () => buildUEditorExtensions({
+      placeholder: effectivePlaceholder,
+      translate: t,
+      maxCharacters,
+      uploadImage,
+      imageInsertMode,
+      maxImageFileSize,
+      allowedImageMimeTypes,
+      fallbackToDataUrl,
+      editable
+    }),
+    [effectivePlaceholder, t, maxCharacters, uploadImage, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable]
+  );
+  const editor = useEditor({
+    immediatelyRender: false,
+    extensions,
+    content,
+    editable,
+    autofocus,
+    editorProps: {
+      handleDOMEvents: {
+        keydown: (_view, event) => {
+          if (!(event instanceof KeyboardEvent)) return false;
+          if (event.key === "ArrowLeft" || event.key === "ArrowRight" || event.key === "ArrowUp" || event.key === "ArrowDown") {
+            event.stopPropagation();
+          }
+          return false;
+        },
+        click: (view, event) => {
+          if (!(event instanceof MouseEvent)) return false;
+          if (event.button !== 0) return false;
+          const target = resolveEventElement(event.target);
+          const anchor = target?.closest?.("a[href]");
+          const href = anchor?.getAttribute("href") ?? "";
+          if (!href) return false;
+          if (!view.state.selection.empty) return false;
+          event.preventDefault();
+          event.stopPropagation();
+          window.open(href, "_blank", "noopener,noreferrer");
+          return true;
+        }
+      },
+      attributes: {
+        class: UEDITOR_PROSEMIRROR_CLASS_NAME
+      }
+    },
+    onUpdate: ({ editor: editor2 }) => {
+      const html = editor2.getHTML();
+      onChange?.(html);
+      onHtmlChange?.(html);
+      onJsonChange?.(editor2.getJSON());
+    }
+  });
+  const {
+    editorContentRef,
+    tableColumnGuideRef,
+    tableRowGuideRef,
+    activeTableCellHighlightRef
+  } = useUEditorTableInteractions(editor);
+  useImperativeHandle3(
+    ref,
+    () => ({
+      prepareContentForSave: async ({ throwOnError = false } = {}) => {
+        if (!inFlightPrepareRef.current) {
+          const htmlSnapshot = editor?.getHTML() ?? content ?? "";
+          inFlightPrepareRef.current = prepareUEditorContentForSave({
+            html: htmlSnapshot,
+            uploadImageForSave,
+            uploadConcurrency: uploadImageConcurrency
+          }).finally(() => {
+            inFlightPrepareRef.current = null;
+          });
+        }
+        const result = await inFlightPrepareRef.current;
+        if (throwOnError && result.errors.length > 0) {
+          throw new UEditorPrepareContentForSaveError(result);
+        }
+        return result;
+      }
+    }),
+    [content, editor, uploadImageForSave, uploadImageConcurrency]
+  );
+  useEffect36(() => {
+    if (!editor) return;
+    const nextContent = content ?? "";
+    if (lastAppliedContentRef.current === nextContent) return;
+    lastAppliedContentRef.current = nextContent;
+    if (editor.getHTML() !== nextContent) {
+      editor.commands.setContent(nextContent, { emitUpdate: false });
+    }
+  }, [content, editor]);
   if (!editor) {
     return /* @__PURE__ */ jsx83(
       "div",
@@ -32328,6 +32486,8 @@ var UEditor = React74.forwardRef(({
             variant,
             uploadImage,
             imageInsertMode,
+            maxImageFileSize,
+            allowedImageMimeTypes,
             fontFamilies,
             fontSizes,
             lineHeights,