@underverse-ui/underverse 1.0.155 → 1.0.157

package/dist/index.js

@@ -869,12 +869,15 @@ var en_default = {
       clickToOpenNewTab: "Click to open this link in a new tab.",
       clickToOpenLink: "Click to open link.",
       noDescription: "No description available.",
-      failedToLoad: "Failed to load link preview. Click to open link."
+      failedToLoad: "Failed to load link preview. Click to open link.",
+      previewFailed: "Preview failed to load",
+      retryPreview: "Retry preview"
     },
     fileCard: {
       unnamed: "Unnamed file",
       uploading: "(Uploading...)",
-      uploadFailed: "Upload failed"
+      uploadFailed: "Upload failed",
+      retryUpload: "Retry upload"
     },
     menubar: {
       file: "File",
@@ -1261,12 +1264,15 @@ var vi_default = {
       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.",
       noDescription: "Kh\xF4ng c\xF3 m\xF4 t\u1EA3.",
-      failedToLoad: "T\u1EA3i b\u1EA3n xem tr\u01B0\u1EDBc th\u1EA5t b\u1EA1i. B\u1EA5m \u0111\u1EC3 m\u1EDF li\xEAn k\u1EBFt."
+      failedToLoad: "T\u1EA3i b\u1EA3n xem tr\u01B0\u1EDBc th\u1EA5t b\u1EA1i. B\u1EA5m \u0111\u1EC3 m\u1EDF li\xEAn k\u1EBFt.",
+      previewFailed: "Kh\xF4ng t\u1EA3i \u0111\u01B0\u1EE3c b\u1EA3n xem tr\u01B0\u1EDBc",
+      retryPreview: "Th\u1EED l\u1EA1i"
     },
     fileCard: {
       unnamed: "T\u1EC7p kh\xF4ng t\xEAn",
       uploading: "(\u0110ang t\u1EA3i l\xEAn...)",
-      uploadFailed: "T\u1EA3i l\xEAn th\u1EA5t b\u1EA1i"
+      uploadFailed: "T\u1EA3i l\xEAn th\u1EA5t b\u1EA1i",
+      retryUpload: "T\u1EA3i l\u1EA1i"
     },
     menubar: {
       file: "T\u1EADp tin",
@@ -1653,12 +1659,15 @@ var ko_default = {
       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.",
       noDescription: "\uC124\uBA85\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
-      failedToLoad: "\uB9C1\uD06C \uBBF8\uB9AC\uBCF4\uAE30\uB97C \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4. \uD074\uB9AD\uD558\uC5EC \uB9C1\uD06C\uB97C \uC5FD\uB2C8\uB2E4."
+      failedToLoad: "\uB9C1\uD06C \uBBF8\uB9AC\uBCF4\uAE30\uB97C \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4. \uD074\uB9AD\uD558\uC5EC \uB9C1\uD06C\uB97C \uC5FD\uB2C8\uB2E4.",
+      previewFailed: "\uBBF8\uB9AC\uBCF4\uAE30\uB97C \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4",
+      retryPreview: "\uB2E4\uC2DC \uC2DC\uB3C4"
     },
     fileCard: {
       unnamed: "\uC774\uB984 \uC5C6\uB294 \uD30C\uC77C",
       uploading: "(\uC5C5\uB85C\uB4DC \uC911...)",
-      uploadFailed: "\uC5C5\uB85C\uB4DC\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4."
+      uploadFailed: "\uC5C5\uB85C\uB4DC\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4.",
+      retryUpload: "\uB2E4\uC2DC \uC5C5\uB85C\uB4DC"
     },
     menubar: {
       file: "\uD30C\uC77C",
@@ -2045,12 +2054,15 @@ var ja_default = {
       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",
       noDescription: "\u8AAC\u660E\u306F\u3042\u308A\u307E\u305B\u3093\u3002",
-      failedToLoad: "\u30D7\u30EC\u30D3\u30E5\u30FC\u306E\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F\u3002\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30EA\u30F3\u30AF\u3092\u958B\u304F\u3002"
+      failedToLoad: "\u30D7\u30EC\u30D3\u30E5\u30FC\u306E\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F\u3002\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30EA\u30F3\u30AF\u3092\u958B\u304F\u3002",
+      previewFailed: "\u30D7\u30EC\u30D3\u30E5\u30FC\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F",
+      retryPreview: "\u518D\u8A66\u884C"
     },
     fileCard: {
       unnamed: "\u540D\u524D\u306A\u3057\u30D5\u30A1\u30A4\u30EB",
       uploading: "(\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u4E2D...)",
-      uploadFailed: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u5931\u6557"
+      uploadFailed: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u5931\u6557",
+      retryUpload: "\u518D\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9"
     },
     menubar: {
       file: "\u30D5\u30A1\u30A4\u30EB",
@@ -24855,21 +24867,27 @@ import { Node as Node3, mergeAttributes as mergeAttributes2 } from "@tiptap/core
 import { ReactNodeViewRenderer as ReactNodeViewRenderer2 } from "@tiptap/react";
 
 // src/components/UEditor/BookmarkView.tsx
-import { useEffect as useEffect31, useState as useState42 } from "react";
+import React68, { useEffect as useEffect31, useState as useState42 } from "react";
 import { NodeViewWrapper as NodeViewWrapper2 } from "@tiptap/react";
-import { ExternalLink as ExternalLink2, Globe as Globe2 } from "lucide-react";
+import { AlertCircle as AlertCircle4, ExternalLink as ExternalLink2, Globe as Globe2, RefreshCw } from "lucide-react";
 import { jsx as jsx77, jsxs as jsxs63 } from "react/jsx-runtime";
 var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
   const t = useSmartTranslations("UEditor");
   const { url, title, description, image, publisher } = node.attrs;
   const [loading2, setLoading] = useState42(false);
   const [error, setError] = useState42(false);
+  const [retryToken, setRetryToken] = useState42(0);
+  const fetchedRetryTokenRef = React68.useRef(-1);
+  const fetchRequestIdRef = React68.useRef(0);
   useEffect31(() => {
-    if (title) return;
-    let active = true;
+    if (title && retryToken === 0) return;
+    if (fetchedRetryTokenRef.current === retryToken) return;
+    fetchedRetryTokenRef.current = retryToken;
+    const requestId = fetchRequestIdRef.current + 1;
+    fetchRequestIdRef.current = requestId;
     const safeUpdateAttributes = (attrs) => {
       Promise.resolve().then(() => {
-        if (active && editor && !editor.isDestroyed) {
+        if (fetchRequestIdRef.current === requestId && editor && !editor.isDestroyed) {
           updateAttributes(attrs);
         }
       });
@@ -24896,7 +24914,7 @@ var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
     setLoading(true);
     setError(false);
     fetchMetadata(url).then((meta) => {
-      if (!active) return;
+      if (fetchRequestIdRef.current !== requestId) return;
       safeUpdateAttributes({
         title: meta.title || new URL(url).hostname || url,
         description: meta.description || t("bookmark.noDescription"),
@@ -24905,33 +24923,22 @@ var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
       });
       setLoading(false);
     }).catch(() => {
-      if (!active) return;
+      if (fetchRequestIdRef.current !== requestId) return;
       setError(true);
       setLoading(false);
-      try {
-        const hostname = new URL(url).hostname;
-        safeUpdateAttributes({
-          title: hostname || url,
-          description: t("bookmark.failedToLoad"),
-          publisher: hostname
-        });
-      } catch {
-        safeUpdateAttributes({
-          title: url,
-          description: t("bookmark.clickToOpenLink"),
-          publisher: ""
-        });
-      }
     });
-    return () => {
-      active = false;
-    };
-  }, [url, title, editor, updateAttributes, t]);
+    return void 0;
+  }, [url, title, editor, updateAttributes, t, retryToken]);
   const handleOpenLink = (e) => {
     e.preventDefault();
     e.stopPropagation();
     window.open(url, "_blank", "noopener,noreferrer");
   };
+  const handleRetryPreview = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    setRetryToken((value) => value + 1);
+  };
   const displayPublisher = publisher || (() => {
     try {
       return new URL(url).hostname;
@@ -24967,6 +24974,24 @@ var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
           /* @__PURE__ */ jsxs63("span", { className: "text-[11px] text-primary/80 font-mono mt-2 truncate flex items-center gap-1", children: [
             url,
             /* @__PURE__ */ jsx77(ExternalLink2, { className: "h-3 w-3 flex-shrink-0" })
+          ] }),
+          error && /* @__PURE__ */ jsxs63("div", { className: "mt-2 flex flex-wrap items-center gap-2 text-xs text-destructive", children: [
+            /* @__PURE__ */ jsxs63("span", { className: "inline-flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx77(AlertCircle4, { className: "h-3.5 w-3.5" }),
+              t("bookmark.previewFailed")
+            ] }),
+            /* @__PURE__ */ jsxs63(
+              "button",
+              {
+                type: "button",
+                onClick: handleRetryPreview,
+                className: "inline-flex items-center gap-1 rounded-md border border-destructive/30 px-2 py-0.5 font-medium hover:bg-destructive/10",
+                children: [
+                  /* @__PURE__ */ jsx77(RefreshCw, { className: "h-3 w-3" }),
+                  t("bookmark.retryPreview")
+                ]
+              }
+            )
           ] })
         ] }),
         image && /* @__PURE__ */ jsx77("div", { className: "relative w-full sm:w-44 h-32 sm:h-auto flex-shrink-0 bg-muted overflow-hidden border-t sm:border-t-0 sm:border-l border-border/50", children: /* @__PURE__ */ jsx77(
@@ -25104,7 +25129,7 @@ import { ReactNodeViewRenderer as ReactNodeViewRenderer3 } from "@tiptap/react";
 // src/components/UEditor/FileCardView.tsx
 import { useEffect as useEffect32, useState as useState43, useRef as useRef27 } from "react";
 import { NodeViewWrapper as NodeViewWrapper3 } from "@tiptap/react";
-import { Download as Download2, File as LucideFile, FileText as FileText2, Image as Image3, Music, Video } from "lucide-react";
+import { Download as Download2, File as LucideFile, FileText as FileText2, Image as Image3, Music, RefreshCw as RefreshCw2, Video } from "lucide-react";
 import { jsx as jsx78, jsxs as jsxs64 } from "react/jsx-runtime";
 function formatBytes(bytes, decimals = 1) {
   if (!bytes || bytes <= 0) return "0 Bytes";
@@ -25151,6 +25176,7 @@ var FileCardView = ({ node, selected, editor, updateAttributes }) => {
   const { src, fileName, fileSize, fileType } = node.attrs;
   const FileIcon = getFileIcon2(fileType);
   const [uploadError, setUploadError] = useState43(null);
+  const [retryToken, setRetryToken] = useState43(0);
   const uploadAttemptedRef = useRef27(false);
   useEffect32(() => {
     if (!src || !src.startsWith("data:")) {
@@ -25182,7 +25208,7 @@ var FileCardView = ({ node, selected, editor, updateAttributes }) => {
       }
     };
     void runUpload();
-  }, [src, fileName, fileType, editor, updateAttributes]);
+  }, [src, fileName, fileType, editor, updateAttributes, retryToken]);
   const handleDownload = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -25195,6 +25221,13 @@ var FileCardView = ({ node, selected, editor, updateAttributes }) => {
     document.body.removeChild(link);
   };
   const isUploading = (src || "").startsWith("data:");
+  const handleRetryUpload = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    uploadAttemptedRef.current = false;
+    setUploadError(null);
+    setRetryToken((value) => value + 1);
+  };
   return /* @__PURE__ */ jsxs64(
     NodeViewWrapper3,
     {
@@ -25213,7 +25246,19 @@ var FileCardView = ({ node, selected, editor, updateAttributes }) => {
               isUploading && /* @__PURE__ */ jsx78("span", { className: cn(
                 "font-medium truncate max-w-[200px]",
                 uploadError ? "text-destructive" : "text-primary animate-pulse"
-              ), children: uploadError ? `${t("fileCard.uploadFailed") || "T\u1EA3i l\xEAn th\u1EA5t b\u1EA1i"}: ${uploadError}` : t("fileCard.uploading") })
+              ), children: uploadError ? `${t("fileCard.uploadFailed") || "T\u1EA3i l\xEAn th\u1EA5t b\u1EA1i"}: ${uploadError}` : t("fileCard.uploading") }),
+              isUploading && uploadError && /* @__PURE__ */ jsxs64(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleRetryUpload,
+                  className: "inline-flex items-center gap-1 rounded-md border border-destructive/30 px-1.5 py-0.5 text-[11px] font-medium text-destructive hover:bg-destructive/10",
+                  children: [
+                    /* @__PURE__ */ jsx78(RefreshCw2, { className: "h-3 w-3" }),
+                    t("fileCard.retryUpload")
+                  ]
+                }
+              )
             ] })
           ] })
         ] }),
@@ -28816,6 +28861,20 @@ function createEmptyCellNode(cellNode) {
 function createCellCopyForColumnDuplicate(cellNode) {
   return cellNode.type.create(cellNode.attrs, cellNode.content);
 }
+function createCellWithDuplicatedLogicalColumn(cellNode, widthIndex) {
+  const colspan = Math.max(1, Number(cellNode.attrs.colspan) || 1);
+  let nextColwidth = null;
+  if (Array.isArray(cellNode.attrs.colwidth)) {
+    nextColwidth = [...cellNode.attrs.colwidth];
+    const duplicateWidth = nextColwidth[widthIndex];
+    nextColwidth.splice(widthIndex + 1, 0, typeof duplicateWidth === "number" ? duplicateWidth : 0);
+  }
+  return cellNode.type.create({
+    ...cellNode.attrs,
+    colspan: colspan + 1,
+    ...nextColwidth ? { colwidth: nextColwidth } : null
+  }, cellNode.content);
+}
 function getTableRows(tableNode) {
   const rows = [];
   tableNode.forEach((rowNode, rowOffset) => {
@@ -28991,6 +29050,11 @@ function duplicateTableColumnAt(editor, columnIndex, cellPos) {
         return rect && rect.top === rowIndex && rect.left <= columnIndex && columnIndex < rect.right;
       });
       if (!sourceCell) return rowInfo.node;
+      const sourceRect = safeFindCell(map, sourceCell.relativePos);
+      if (sourceRect && (sourceRect.left < columnIndex || sourceRect.right > columnIndex + 1)) {
+        cells[sourceCell.index] = createCellWithDuplicatedLogicalColumn(sourceCell.node, columnIndex - sourceRect.left);
+        return rowInfo.node.type.create(rowInfo.node.attrs, cells);
+      }
       cells.splice(sourceCell.index + 1, 0, createCellCopyForColumnDuplicate(sourceCell.node));
       return rowInfo.node.type.create(rowInfo.node.attrs, cells);
     });
@@ -30312,6 +30376,25 @@ function getTableFormulaRecalculationOrder(graph) {
   }
   return { order, circular };
 }
+function getAffectedTableFormulaLabels(graph, changedLabels) {
+  const affected = /* @__PURE__ */ new Set();
+  const queue = Array.from(changedLabels, (label) => label.toUpperCase());
+  for (const label of queue) {
+    if (graph.formulas.has(label)) {
+      affected.add(label);
+    }
+  }
+  for (let index = 0; index < queue.length; index += 1) {
+    const label = queue[index];
+    if (!label) continue;
+    for (const dependent of graph.dependents.get(label) ?? []) {
+      if (affected.has(dependent)) continue;
+      affected.add(dependent);
+      queue.push(dependent);
+    }
+  }
+  return affected;
+}
 function evaluateBasicTableFormula(formula, getCellValue) {
   const normalized = normalizeTableFormula(formula);
   if (!normalized) {
@@ -30459,10 +30542,19 @@ var FormulaParser = class {
         const range = parseTableCellRange(token.value);
         if (!range) return { value: null, error: "invalid-reference" };
         for (const label of getTableCellRangeLabels(range)) {
+          if (name === "COUNT") {
+            const cellValue2 = this.readOptionalCellNumber(label);
+            if (cellValue2 != null) values.push(cellValue2);
+            continue;
+          }
           const cellValue = this.readCellNumber(label);
           if (cellValue.error) return cellValue;
           values.push(cellValue.value);
         }
+      } else if (name === "COUNT" && token.type === "cell") {
+        this.index += 1;
+        const cellValue = this.readOptionalCellNumber(token.value);
+        if (cellValue != null) values.push(cellValue);
       } else {
         const value = this.parseExpression();
         if (value.error) return value;
@@ -30476,7 +30568,7 @@ var FormulaParser = class {
       }
       return { value: null, error: "invalid-formula" };
     }
-    if (values.length === 0) {
+    if (values.length === 0 && name !== "COUNT") {
       return { value: null, error: "invalid-formula" };
     }
     if (name === "SUM") return { value: values.reduce((sum, value) => sum + value, 0), error: null };
@@ -30494,6 +30586,11 @@ var FormulaParser = class {
     }
     return { value: parsed, error: null };
   }
+  readOptionalCellNumber(label) {
+    const value = this.getCellValue(label);
+    const parsed = typeof value === "number" ? value : Number.parseFloat(String(value ?? "").trim());
+    return Number.isFinite(parsed) ? parsed : null;
+  }
   peekOperator(operators) {
     const token = this.tokens[this.index];
     return token?.type === "operator" && operators.includes(token.value) ? token : null;
@@ -30557,6 +30654,41 @@ function getSelectionTableCellNode(editor) {
   }
   return null;
 }
+function getSelectionTableInfo(editor) {
+  const { $from } = editor.state.selection;
+  for (let depth = $from.depth; depth > 0; depth -= 1) {
+    const node = $from.node(depth);
+    if (node.type.name === "table") {
+      return {
+        node,
+        pos: $from.before(depth)
+      };
+    }
+  }
+  return null;
+}
+function getSelectionTableCellLabel(editor) {
+  const { $from } = editor.state.selection;
+  let cellDepth = -1;
+  let tableDepth = -1;
+  for (let depth = $from.depth; depth > 0; depth -= 1) {
+    const node = $from.node(depth);
+    if (cellDepth < 0 && (node.type.name === "tableCell" || node.type.name === "tableHeader")) {
+      cellDepth = depth;
+    }
+    if (node.type.name === "table") {
+      tableDepth = depth;
+      break;
+    }
+  }
+  if (cellDepth < 0 || tableDepth < 0) return null;
+  const tableNode = $from.node(tableDepth);
+  const tableStart = $from.start(tableDepth);
+  const relativeCellPos = $from.before(cellDepth) - tableStart;
+  const rect = safeFindCell2(TableMap2.get(tableNode), relativeCellPos);
+  if (!rect) return null;
+  return `${indexToColumnName(rect.left)}${rect.top + 1}`;
+}
 function isEditingTableFormulaText(editor) {
   const cellNode = getSelectionTableCellNode(editor);
   return Boolean(cellNode && getCellText(cellNode).startsWith("="));
@@ -30568,20 +30700,6 @@ function createCellDisplayContent(cellNode, displayValue) {
   }
   return [paragraphType.create(null, cellNode.type.schema.text(displayValue))];
 }
-function buildTableValueGetter(tableNode) {
-  const map = TableMap2.get(tableNode);
-  const values = /* @__PURE__ */ new Map();
-  for (const rowInfo of getTableRows2(tableNode)) {
-    for (const entry of rowInfo.cells) {
-      const rect = safeFindCell2(map, entry.relativePos);
-      if (!rect) continue;
-      const label = `${indexToColumnName(rect.left)}${rect.top + 1}`;
-      const computedValue = entry.node.attrs.computedValue;
-      values.set(label, typeof computedValue === "string" && computedValue.trim() ? computedValue : getCellText(entry.node));
-    }
-  }
-  return (label) => values.get(label.toUpperCase());
-}
 function buildTableValueMap(tableNode) {
   const map = TableMap2.get(tableNode);
   const values = /* @__PURE__ */ new Map();
@@ -30596,10 +30714,6 @@ function buildTableValueMap(tableNode) {
   }
   return values;
 }
-function getFormulaComputedValue(formula, tableNode) {
-  const result = evaluateBasicTableFormula(formula, buildTableValueGetter(tableNode));
-  return result.error ? `#${result.error.toUpperCase()}` : String(result.value);
-}
 function normalizeFormulaInput(formula) {
   const trimmed = formula.trim();
   if (!trimmed) return "";
@@ -30610,19 +30724,19 @@ function setSelectedTableCellFormula(editor, formula) {
   const { state, view } = editor;
   if (!normalized) {
     const clearedFormula = setCellAttr("formula", null)(state, view.dispatch.bind(view));
-    const clearedValue = setCellAttr("computedValue", null)(editor.state, view.dispatch.bind(view));
-    if (clearedFormula || clearedValue) {
+    const clearedValue2 = setCellAttr("computedValue", null)(editor.state, view.dispatch.bind(view));
+    if (clearedFormula || clearedValue2) {
+      recalculateActiveTableFormulas(editor);
       view.focus();
       dispatchTableLayoutChange(editor);
       return true;
     }
     return false;
   }
-  const rect = selectedRect2(state);
-  const computedValue = getFormulaComputedValue(normalized, rect.table);
   const appliedFormula = setCellAttr("formula", normalized)(state, view.dispatch.bind(view));
-  const appliedValue = setCellAttr("computedValue", computedValue)(editor.state, view.dispatch.bind(view));
-  if (appliedFormula || appliedValue) {
+  const clearedValue = setCellAttr("computedValue", null)(editor.state, view.dispatch.bind(view));
+  if (appliedFormula || clearedValue) {
+    recalculateActiveTableFormulas(editor);
     view.focus();
     dispatchTableLayoutChange(editor);
     return true;
@@ -30704,7 +30818,7 @@ function promoteFormulaTextInTableNode(tableNode) {
     changed
   };
 }
-function recalculateTableNode(tableNode) {
+function recalculateTableNode(tableNode, options) {
   const promoted = promoteFormulaTextInTableNode(tableNode);
   tableNode = promoted.tableNode;
   const map = TableMap2.get(tableNode);
@@ -30734,13 +30848,16 @@ function recalculateTableNode(tableNode) {
     }))
   );
   const { order, circular } = getTableFormulaRecalculationOrder(graph);
+  const affectedLabels = options?.changedLabels ? getAffectedTableFormulaLabels(graph, options.changedLabels) : null;
   const computedValues = /* @__PURE__ */ new Map();
   const getCellValue = (label) => values.get(label.toUpperCase());
   for (const label of circular) {
+    if (affectedLabels && !affectedLabels.has(label)) continue;
     computedValues.set(label, formatFormulaError("circular-reference"));
     values.set(label, formatFormulaError("circular-reference"));
   }
   for (const label of order) {
+    if (affectedLabels && !affectedLabels.has(label)) continue;
     const entry = formulaEntries.get(label);
     if (!entry) continue;
     const result = evaluateBasicTableFormula(entry.formula, getCellValue);
@@ -30785,6 +30902,22 @@ function recalculateSelectedTable(editor) {
   dispatchTableLayoutChange(editor);
   return true;
 }
+function recalculateActiveTableFormulas(editor) {
+  const tableInfo = getSelectionTableInfo(editor);
+  if (!tableInfo) {
+    return recalculateAllTableFormulas(editor);
+  }
+  const activeCellLabel = getSelectionTableCellLabel(editor);
+  const nextTable = recalculateTableNode(tableInfo.node, {
+    changedLabels: activeCellLabel ? [activeCellLabel] : null
+  });
+  if (!nextTable) return false;
+  editor.view.dispatch(
+    editor.state.tr.replaceWith(tableInfo.pos, tableInfo.pos + tableInfo.node.nodeSize, nextTable).setMeta(UEDITOR_TABLE_FORMULA_RECALCULATE_META, true)
+  );
+  dispatchTableLayoutChange(editor);
+  return true;
+}
 function recalculateAllTableFormulas(editor) {
   const replacements = [];
   editor.state.doc.descendants((node, pos) => {
@@ -38820,6 +38953,146 @@ var MenuBar = ({
   ] });
 };
 
+// src/components/UEditor/table-formula-range-picker.ts
+import { TextSelection as TextSelection4 } from "@tiptap/pm/state";
+import { TableMap as TableMap4 } from "@tiptap/pm/tables";
+function getCellText2(cellNode) {
+  return cellNode.textBetween(0, cellNode.content.size, "\n").trim();
+}
+function findSelectionFormulaCell(view) {
+  const { $from } = view.state.selection;
+  for (let depth = $from.depth; depth > 0; depth -= 1) {
+    const node = $from.node(depth);
+    if (node.type.name !== "tableCell" && node.type.name !== "tableHeader") continue;
+    if (!getCellText2(node).startsWith("=")) return null;
+    const cellPos = $from.before(depth);
+    const cellDom = view.nodeDOM(cellPos);
+    const tableDepth = depth - 2;
+    const tableNode = tableDepth > 0 ? $from.node(tableDepth) : null;
+    if (!tableNode || tableNode.type.name !== "table") return null;
+    return {
+      cellDom: cellDom instanceof HTMLTableCellElement ? cellDom : null,
+      tablePos: $from.before(tableDepth)
+    };
+  }
+  return null;
+}
+function findTableForPos(view, pos) {
+  const $pos = view.state.doc.resolve(pos);
+  for (let depth = $pos.depth; depth > 0; depth -= 1) {
+    const node = $pos.node(depth);
+    if (node.type.name === "table") {
+      return {
+        node,
+        pos: $pos.before(depth),
+        start: $pos.start(depth)
+      };
+    }
+  }
+  return null;
+}
+function getCellRelativePosFromDomPos2(map, tableStart, domPos) {
+  const relativeDomPos = domPos - tableStart;
+  const seen = /* @__PURE__ */ new Set();
+  for (const relativeCellPos of map.map) {
+    if (seen.has(relativeCellPos)) continue;
+    seen.add(relativeCellPos);
+    if (relativeDomPos === relativeCellPos || relativeDomPos === relativeCellPos + 1) {
+      return relativeCellPos;
+    }
+  }
+  return null;
+}
+function getPickedCellLabel(view, target, tablePos) {
+  const element = resolveEventElement(target);
+  const cell = element?.closest?.("th,td");
+  if (!(cell instanceof HTMLTableCellElement)) return null;
+  const domPos = view.posAtDOM(cell, 0);
+  const tableInfo = findTableForPos(view, domPos);
+  if (!tableInfo || tableInfo.pos !== tablePos) return null;
+  const map = TableMap4.get(tableInfo.node);
+  const relativeCellPos = getCellRelativePosFromDomPos2(map, tableInfo.start, domPos);
+  if (relativeCellPos == null) return null;
+  const rect = map.findCell(relativeCellPos);
+  return {
+    cell,
+    label: `${indexToColumnName(rect.left)}${rect.top + 1}`
+  };
+}
+function normalizeFormulaRangeLabel(fromLabel, toLabel) {
+  return fromLabel === toLabel ? fromLabel : `${fromLabel}:${toLabel}`;
+}
+function replacePickedLabel(view, pickState, nextLabel, currentCell) {
+  if (nextLabel === pickState.currentLabel && currentCell === pickState.currentCell) return pickState;
+  if (nextLabel === pickState.currentLabel) {
+    return {
+      ...pickState,
+      currentCell
+    };
+  }
+  let tr = view.state.tr.insertText(nextLabel, pickState.insertedFrom, pickState.insertedTo);
+  const nextTo = pickState.insertedFrom + nextLabel.length;
+  tr = tr.setSelection(TextSelection4.create(tr.doc, nextTo));
+  view.dispatch(tr);
+  return {
+    ...pickState,
+    insertedTo: nextTo,
+    currentLabel: nextLabel,
+    currentCell
+  };
+}
+function beginFormulaRangePick(view, event) {
+  if (event.button !== 0) return null;
+  const formulaCell = findSelectionFormulaCell(view);
+  if (!formulaCell) return null;
+  const picked = getPickedCellLabel(view, event.target, formulaCell.tablePos);
+  if (!picked || picked.cell === formulaCell.cellDom) return null;
+  const { from, to } = view.state.selection;
+  let tr = view.state.tr.insertText(picked.label, from, to);
+  tr = tr.setSelection(TextSelection4.create(tr.doc, from + picked.label.length));
+  view.dispatch(tr);
+  view.focus();
+  event.preventDefault();
+  event.stopPropagation();
+  return {
+    anchorLabel: picked.label,
+    anchorCell: picked.cell,
+    tablePos: formulaCell.tablePos,
+    insertedFrom: from,
+    insertedTo: from + picked.label.length,
+    currentLabel: picked.label,
+    currentCell: picked.cell
+  };
+}
+function updateFormulaRangePick(view, pickState, event) {
+  const picked = getPickedCellLabel(view, event.target, pickState.tablePos);
+  if (!picked) return pickState;
+  event.preventDefault();
+  event.stopPropagation();
+  return replacePickedLabel(
+    view,
+    pickState,
+    normalizeFormulaRangeLabel(pickState.anchorLabel, picked.label),
+    picked.cell
+  );
+}
+function getFormulaRangePickHighlight(container, pickState) {
+  if (!container.contains(pickState.anchorCell) || !container.contains(pickState.currentCell)) return null;
+  const containerRect = container.getBoundingClientRect();
+  const anchorRect = pickState.anchorCell.getBoundingClientRect();
+  const currentRect = pickState.currentCell.getBoundingClientRect();
+  const left = Math.min(anchorRect.left, currentRect.left) - containerRect.left + container.scrollLeft;
+  const top = Math.min(anchorRect.top, currentRect.top) - containerRect.top + container.scrollTop;
+  const right = Math.max(anchorRect.right, currentRect.right) - containerRect.left + container.scrollLeft;
+  const bottom = Math.max(anchorRect.bottom, currentRect.bottom) - containerRect.top + container.scrollTop;
+  return {
+    left,
+    top,
+    width: Math.max(0, right - left),
+    height: Math.max(0, bottom - top)
+  };
+}
+
 // src/components/UEditor/UEditor.tsx
 import { jsx as jsx94, jsxs as jsxs79 } from "react/jsx-runtime";
 var UEditor = React83.forwardRef(({
@@ -38852,7 +39125,6 @@ var UEditor = React83.forwardRef(({
   fetchMetadata,
   uploadFile,
   uploadFileForSave,
-  collaborationOptions,
   extraExtensions,
   showMenuBar = false,
   onSave,
@@ -38865,6 +39137,9 @@ var UEditor = React83.forwardRef(({
   const inFlightPrepareRef = useRef37(null);
   const lastAppliedContentRef = useRef37(content ?? "");
   const scheduledFormulaRecalculateRef = useRef37(false);
+  const formulaRangePickRef = useRef37(null);
+  const formulaRangeSurfaceRef = useRef37(null);
+  const [formulaRangeHighlight, setFormulaRangeHighlight] = React83.useState(null);
   const scheduleFormulaRecalculate = React83.useCallback((editor2, options) => {
     if (editor2.isDestroyed || scheduledFormulaRecalculateRef.current) return;
     if (!options?.force && isEditingTableFormulaText(editor2)) return;
@@ -38872,7 +39147,7 @@ var UEditor = React83.forwardRef(({
     queueMicrotask(() => {
       scheduledFormulaRecalculateRef.current = false;
       if (!editor2.isDestroyed && (options?.force || !isEditingTableFormulaText(editor2))) {
-        recalculateAllTableFormulas(editor2);
+        recalculateActiveTableFormulas(editor2);
       }
     });
   }, []);
@@ -38905,6 +39180,10 @@ var UEditor = React83.forwardRef(({
     ],
     [effectivePlaceholder, t, maxCharacters, uploadImage, resolvedUploadFile, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable, fetchMetadata, extraExtensions]
   );
+  const syncFormulaRangeHighlight = React83.useCallback((pickState) => {
+    const container = formulaRangeSurfaceRef.current;
+    setFormulaRangeHighlight(container && pickState ? getFormulaRangePickHighlight(container, pickState) : null);
+  }, []);
   const editor = useEditor({
     immediatelyRender: false,
     extensions,
@@ -38913,6 +39192,37 @@ var UEditor = React83.forwardRef(({
     autofocus,
     editorProps: {
       handleDOMEvents: {
+        mousedown: (view, event) => {
+          if (!(event instanceof MouseEvent)) return false;
+          const pickState = beginFormulaRangePick(view, event);
+          if (!pickState) return false;
+          formulaRangePickRef.current = pickState;
+          syncFormulaRangeHighlight(pickState);
+          return true;
+        },
+        mousemove: (view, event) => {
+          if (!(event instanceof MouseEvent)) return false;
+          const pickState = formulaRangePickRef.current;
+          if (!pickState) return false;
+          if (event.buttons === 0) {
+            formulaRangePickRef.current = null;
+            syncFormulaRangeHighlight(null);
+            return false;
+          }
+          const nextPickState = updateFormulaRangePick(view, pickState, event);
+          formulaRangePickRef.current = nextPickState;
+          syncFormulaRangeHighlight(nextPickState);
+          return true;
+        },
+        mouseup: (_view, event) => {
+          if (!(event instanceof MouseEvent)) return false;
+          if (!formulaRangePickRef.current) return false;
+          formulaRangePickRef.current = null;
+          syncFormulaRangeHighlight(null);
+          event.preventDefault();
+          event.stopPropagation();
+          return true;
+        },
         keydown: (_view, event) => {
           if (!(event instanceof KeyboardEvent)) return false;
           if (event.key === "ArrowLeft" || event.key === "ArrowRight" || event.key === "ArrowUp" || event.key === "ArrowDown") {
@@ -39078,7 +39388,10 @@ var UEditor = React83.forwardRef(({
         /* @__PURE__ */ jsxs79(
           "div",
           {
-            ref: editorContentRef,
+            ref: (node) => {
+              editorContentRef.current = node;
+              formulaRangeSurfaceRef.current = node;
+            },
             className: "relative flex-1 overflow-y-auto",
             style: {
               minHeight: editable ? minHeight : void 0,
@@ -39110,6 +39423,20 @@ var UEditor = React83.forwardRef(({
                   className: "pointer-events-none hidden absolute z-20 rounded-[2px] border-2 border-primary bg-primary/10"
                 }
               ),
+              formulaRangeHighlight && /* @__PURE__ */ jsx94(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  "data-ueditor-formula-range-highlight": "",
+                  className: "pointer-events-none absolute z-20 rounded-[2px] border-2 border-primary bg-primary/10",
+                  style: {
+                    left: formulaRangeHighlight.left,
+                    top: formulaRangeHighlight.top,
+                    width: formulaRangeHighlight.width,
+                    height: formulaRangeHighlight.height
+                  }
+                }
+              ),
               editable && /* @__PURE__ */ jsx94(TableControls, { editor, containerRef: editorContentRef }),
               /* @__PURE__ */ jsx94(
                 EditorContent,