@underverse-ui/underverse 1.0.185 → 1.0.187

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.185",
+  "version": "1.0.187",
   "sourceEntry": "src/index.ts",
   "totalExports": 248,
   "exports": [

package/dist/index.cjs

@@ -1010,7 +1010,8 @@ var en_default = {
       addBlock: "Add block"
     },
     linkInput: {
-      placeholder: "Paste or type a link..."
+      placeholder: "Paste or type a link...",
+      invalid: "Enter a valid link, such as https://example.com."
     },
     imageInput: {
       urlTab: "URL",
@@ -1437,7 +1438,8 @@ var vi_default = {
       addBlock: "Th\xEAm kh\u1ED1i"
     },
     linkInput: {
-      placeholder: "D\xE1n ho\u1EB7c nh\u1EADp li\xEAn k\u1EBFt..."
+      placeholder: "D\xE1n ho\u1EB7c nh\u1EADp li\xEAn k\u1EBFt...",
+      invalid: "Vui l\xF2ng nh\u1EADp li\xEAn k\u1EBFt h\u1EE3p l\u1EC7, v\xED d\u1EE5: https://example.com."
     },
     imageInput: {
       urlTab: "URL",
@@ -1864,7 +1866,8 @@ var ko_default = {
       addBlock: "\uBE14\uB85D \uCD94\uAC00"
     },
     linkInput: {
-      placeholder: "\uB9C1\uD06C \uBD99\uC5EC\uB123\uAE30 \uB610\uB294 \uC785\uB825..."
+      placeholder: "\uB9C1\uD06C \uBD99\uC5EC\uB123\uAE30 \uB610\uB294 \uC785\uB825...",
+      invalid: "https://example.com\uACFC \uAC19\uC740 \uC62C\uBC14\uB978 \uB9C1\uD06C\uB97C \uC785\uB825\uD574 \uC8FC\uC138\uC694."
     },
     imageInput: {
       urlTab: "URL",
@@ -2291,7 +2294,8 @@ var ja_default = {
       addBlock: "\u30D6\u30ED\u30C3\u30AF\u3092\u8FFD\u52A0"
     },
     linkInput: {
-      placeholder: "\u30EA\u30F3\u30AF\u3092\u8CBC\u308A\u4ED8\u3051\u307E\u305F\u306F\u5165\u529B..."
+      placeholder: "\u30EA\u30F3\u30AF\u3092\u8CBC\u308A\u4ED8\u3051\u307E\u305F\u306F\u5165\u529B...",
+      invalid: "https://example.com \u306E\u3088\u3046\u306A\u6709\u52B9\u306A\u30EA\u30F3\u30AF\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002"
     },
     imageInput: {
       urlTab: "URL",
@@ -27745,6 +27749,32 @@ function isProtocolRelativeUrl(value) {
 function isRelativeUrl(value) {
   return value.startsWith("/") || value.startsWith("./") || value.startsWith("../") || value.startsWith("#");
 }
+function isValidIpv4Hostname(hostname) {
+  const parts = hostname.split(".");
+  return parts.length === 4 && parts.every((part) => /^\d{1,3}$/.test(part) && Number(part) <= 255);
+}
+function isValidWebHostname(hostname) {
+  const normalized = hostname.toLowerCase();
+  if (normalized === "localhost" || isValidIpv4Hostname(normalized)) return true;
+  if (normalized.startsWith("[") && normalized.endsWith("]") && normalized.includes(":")) return true;
+  const labels = normalized.split(".");
+  if (labels.length < 2) return false;
+  const validLabel = /^(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?)$/;
+  return labels.every((label) => validLabel.test(label)) && /[a-z]/.test(labels.at(-1) ?? "");
+}
+function isValidLinkUrl(parsed) {
+  if (parsed.protocol === "http:" || parsed.protocol === "https:") {
+    return isValidWebHostname(parsed.hostname);
+  }
+  if (parsed.protocol === "mailto:") {
+    return /^[^@]+@[^@]+\.[^@]+$/.test(decodeURIComponent(parsed.pathname));
+  }
+  if (parsed.protocol === "tel:") {
+    const number = decodeURIComponent(parsed.pathname);
+    return /^\+?[\d().-]+$/.test(number) && (number.match(/\d/g)?.length ?? 0) >= 3;
+  }
+  return false;
+}
 function isDataImageUrl(value) {
   return /^data:image\/(?:png|jpe?g|gif|webp|svg\+xml|bmp|x-icon|avif);base64,/i.test(value);
 }
@@ -27762,7 +27792,7 @@ function isSafeUEditorUrl(raw, kind) {
     const parsed = new URL(value);
     if (kind === "image") return IMAGE_PROTOCOLS.has(parsed.protocol);
     if (kind === "file") return FILE_PROTOCOLS.has(parsed.protocol);
-    return LINK_PROTOCOLS.has(parsed.protocol);
+    return LINK_PROTOCOLS.has(parsed.protocol) && isValidLinkUrl(parsed);
   } catch {
     return false;
   }
@@ -32505,7 +32535,9 @@ var LinkInput = ({
 }) => {
   const t = useSmartTranslations("UEditor");
   const [url, setUrl] = (0, import_react69.useState)(initialUrl);
+  const [error, setError] = (0, import_react69.useState)("");
   const inputRef = (0, import_react69.useRef)(null);
+  const errorId = (0, import_react69.useId)();
   (0, import_react69.useEffect)(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
@@ -32513,22 +32545,35 @@ var LinkInput = ({
   const handleSubmit = (e) => {
     e.preventDefault();
     const normalized = normalizeUrl(url);
-    if (normalized) onSubmit(normalized);
+    if (!normalized) {
+      setError(t("linkInput.invalid"));
+      return;
+    }
+    setError("");
+    onSubmit(normalized);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-      "input",
-      {
-        ref: inputRef,
-        type: "text",
-        value: url,
-        onChange: (e) => setUrl(e.target.value),
-        placeholder: t("linkInput.placeholder"),
-        className: "flex-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react52.Check, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react52.X, { className: "w-4 h-4" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("form", { onSubmit: handleSubmit, className: "p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          value: url,
+          onChange: (e) => {
+            setUrl(e.target.value);
+            if (error) setError("");
+          },
+          placeholder: t("linkInput.placeholder"),
+          "aria-invalid": Boolean(error),
+          "aria-describedby": error ? errorId : void 0,
+          className: "flex-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 aria-invalid:ring-2 aria-invalid:ring-destructive/40"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react52.Check, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react52.X, { className: "w-4 h-4" }) })
+    ] }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { id: errorId, role: "alert", className: "mt-1.5 px-1 text-xs text-destructive", children: error }) : null
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
@@ -32589,8 +32634,28 @@ var ImageInput = ({ onSubmit, onCancel }) => {
   ] });
 };
 
-// src/components/UEditor/table-cell-commands.ts
+// src/components/UEditor/link-commands.ts
 var import_state9 = require("@tiptap/pm/state");
+function applyEditorLink(editor, href) {
+  const isEditingLink = editor.isActive("link");
+  const hasSelectedText = !editor.state.selection.empty;
+  const chain = editor.chain().focus();
+  if (isEditingLink) {
+    chain.extendMarkRange("link");
+  }
+  chain.setLink({ href });
+  if (!hasSelectedText && !isEditingLink) {
+    chain.insertContent(href);
+  }
+  return chain.command(({ tr }) => {
+    tr.setSelection(import_state9.TextSelection.create(tr.doc, tr.selection.to));
+    tr.removeStoredMark(editor.schema.marks.link);
+    return true;
+  }).run();
+}
+
+// src/components/UEditor/table-cell-commands.ts
+var import_state10 = require("@tiptap/pm/state");
 var import_tables3 = require("@tiptap/pm/tables");
 function getCellSelectionPositions(selection) {
   const value = selection;
@@ -32624,7 +32689,7 @@ function getFocusableCellPos(editor, cellPos) {
   return node?.isTextblock ? offset + 1 : cellPos + 1;
 }
 function focusCell(editor, cellPos) {
-  const selection = import_state9.TextSelection.near(editor.state.doc.resolve(getFocusableCellPos(editor, cellPos)));
+  const selection = import_state10.TextSelection.near(editor.state.doc.resolve(getFocusableCellPos(editor, cellPos)));
   editor.view.dispatch(editor.state.tr.setSelection(selection));
   editor.view.focus();
 }
@@ -33170,7 +33235,7 @@ var EditorToolbar = ({
             {
               initialUrl: String(editor.getAttributes("link").href ?? ""),
               onSubmit: (url) => {
-                editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+                applyEditorLink(editor, url);
                 setShowLinkInput(false);
               },
               onCancel: () => setShowLinkInput(false)
@@ -33407,7 +33472,7 @@ var EditorToolbar = ({
           {
             initialUrl: String(editor.getAttributes("link").href ?? ""),
             onSubmit: (url) => {
-              editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+              applyEditorLink(editor, url);
               setShowLinkInput(false);
             },
             onCancel: () => setShowLinkInput(false)
@@ -34004,7 +34069,7 @@ var import_react_dom8 = require("react-dom");
 var import_lucide_react54 = require("lucide-react");
 
 // src/components/UEditor/table-formula-commands.ts
-var import_state10 = require("@tiptap/pm/state");
+var import_state11 = require("@tiptap/pm/state");
 var import_tables5 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-formula.ts
@@ -34620,7 +34685,7 @@ function restoreSelectionAtTableCell(editor, anchor) {
   if (!cellNode || cellNode.type.name !== "tableCell" && cellNode.type.name !== "tableHeader") return false;
   const selectionPos = Math.min(cellPos + 2, editor.state.doc.content.size);
   editor.view.dispatch(
-    editor.state.tr.setSelection(import_state10.TextSelection.near(editor.state.doc.resolve(selectionPos))).setMeta("addToHistory", false)
+    editor.state.tr.setSelection(import_state11.TextSelection.near(editor.state.doc.resolve(selectionPos))).setMeta("addToHistory", false)
   );
   return true;
 }
@@ -34697,7 +34762,7 @@ function removeSelectedTableCellFormula(editor, clearContent) {
   );
   let transaction = editor.state.tr.replaceWith(selectedCell.cellPos, selectedCell.cellPos + selectedCell.node.nodeSize, nextCell2).setMeta(UEDITOR_TABLE_FORMULA_RECALCULATE_META, true);
   const selectionPos = Math.min(selectedCell.cellPos + 2, transaction.doc.content.size);
-  transaction = transaction.setSelection(import_state10.TextSelection.near(transaction.doc.resolve(selectionPos)));
+  transaction = transaction.setSelection(import_state11.TextSelection.near(transaction.doc.resolve(selectionPos)));
   editor.view.dispatch(transaction);
   recalculateActiveTableFormulas(editor);
   restoreSelectionAtTableCell(editor, selectedCell);
@@ -35183,7 +35248,7 @@ var BubbleMenuContent = ({
       {
         initialUrl: editor.getAttributes("link").href || "",
         onSubmit: (url) => {
-          editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+          applyEditorLink(editor, url);
           setShowLinkInput(false);
           requestAnimationFrame(() => editor.commands.focus());
         },
@@ -39040,7 +39105,7 @@ var Selection = class {
   found.
   */
   static findFrom($pos, dir, textOnly = false) {
-    let inner = $pos.parent.inlineContent ? new TextSelection4($pos) : findSelectionIn($pos.node(0), $pos.parent, $pos.pos, $pos.index(), dir, textOnly);
+    let inner = $pos.parent.inlineContent ? new TextSelection5($pos) : findSelectionIn($pos.node(0), $pos.parent, $pos.pos, $pos.index(), dir, textOnly);
     if (inner)
       return inner;
     for (let depth = $pos.depth - 1; depth >= 0; depth--) {
@@ -39109,7 +39174,7 @@ var Selection = class {
   returns the bookmark for that.
   */
   getBookmark() {
-    return TextSelection4.between(this.$anchor, this.$head).getBookmark();
+    return TextSelection5.between(this.$anchor, this.$head).getBookmark();
   }
 };
 Selection.prototype.visible = true;
@@ -39129,7 +39194,7 @@ function checkTextSelection($pos) {
     console["warn"]("TextSelection endpoint not pointing into a node with inline content (" + $pos.parent.type.name + ")");
   }
 }
-var TextSelection4 = class _TextSelection extends Selection {
+var TextSelection5 = class _TextSelection extends Selection {
   /**
   Construct a text selection between the given points.
   */
@@ -39215,7 +39280,7 @@ var TextSelection4 = class _TextSelection extends Selection {
     return new _TextSelection($anchor, $head);
   }
 };
-Selection.jsonID("text", TextSelection4);
+Selection.jsonID("text", TextSelection5);
 var TextBookmark = class _TextBookmark {
   constructor(anchor, head) {
     this.anchor = anchor;
@@ -39225,7 +39290,7 @@ var TextBookmark = class _TextBookmark {
     return new _TextBookmark(mapping.map(this.anchor), mapping.map(this.head));
   }
   resolve(doc) {
-    return TextSelection4.between(doc.resolve(this.anchor), doc.resolve(this.head));
+    return TextSelection5.between(doc.resolve(this.anchor), doc.resolve(this.head));
   }
 };
 var NodeSelection2 = class _NodeSelection extends Selection {
@@ -39344,7 +39409,7 @@ var AllBookmark = {
 };
 function findSelectionIn(doc, node, pos, index, dir, text = false) {
   if (node.inlineContent)
-    return TextSelection4.create(doc, pos);
+    return TextSelection5.create(doc, pos);
   for (let i = index - (dir > 0 ? 0 : 1); dir > 0 ? i < node.childCount : i >= 0; i += dir) {
     let child = node.child(i);
     if (!child.isAtom) {
@@ -39936,7 +40001,7 @@ var CellSelection = class CellSelection2 extends Selection {
       else if (tableChanged && this.isColSelection()) return CellSelection2.colSelection($anchorCell, $headCell);
       else return new CellSelection2($anchorCell, $headCell);
     }
-    return TextSelection4.between($anchorCell, $headCell);
+    return TextSelection5.between($anchorCell, $headCell);
   }
   content() {
     const table = this.$anchorCell.node(-1);
@@ -40551,7 +40616,7 @@ function shiftArrow(axis, dir) {
   };
 }
 function atEndOfCell(view, axis, dir) {
-  if (!(view.state.selection instanceof TextSelection4)) return null;
+  if (!(view.state.selection instanceof TextSelection5)) return null;
   const { $head } = view.state.selection;
   for (let d = $head.depth - 1; d >= 0; d--) {
     const parent = $head.node(d);
@@ -42442,7 +42507,7 @@ var import_react77 = require("react");
 var import_tables8 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-formula-range-picker.ts
-var import_state11 = require("@tiptap/pm/state");
+var import_state12 = require("@tiptap/pm/state");
 var import_tables7 = require("@tiptap/pm/tables");
 function getCellText2(cellNode) {
   return cellNode.textBetween(0, cellNode.content.size, "\n").trim();
@@ -42461,6 +42526,9 @@ function getFormulaEditingTableContext(view) {
     if (!tableNode || tableNode.type.name !== "table") return null;
     const tableDom = cellDom.closest("table");
     if (!(tableDom instanceof HTMLTableElement)) return null;
+    const tableMap = import_tables7.TableMap.get(tableNode);
+    const tableStart = $from.start(tableDepth);
+    const formulaCellRect = tableMap.findCell(cellPos - tableStart);
     return {
       cellContentEnd: $from.end(depth),
       cellContentStart: $from.start(depth),
@@ -42468,17 +42536,56 @@ function getFormulaEditingTableContext(view) {
       formula: getCellText2(node),
       tableDom,
       tableNode,
-      tablePos: $from.before(tableDepth)
+      tablePos: $from.before(tableDepth),
+      formulaCellLabel: `${indexToColumnName(formulaCellRect.left)}${formulaCellRect.top + 1}`
     };
   }
   return null;
 }
+function collectTableFormulaCells(tableNode) {
+  const tableMap = import_tables7.TableMap.get(tableNode);
+  const formulas = [];
+  tableNode.forEach((rowNode, rowOffset) => {
+    rowNode.forEach((cellNode, cellOffset) => {
+      const formula = typeof cellNode.attrs.formula === "string" ? cellNode.attrs.formula.trim() : "";
+      if (!formula) return;
+      const rect = tableMap.findCell(rowOffset + 1 + cellOffset);
+      formulas.push({
+        label: `${indexToColumnName(rect.left)}${rect.top + 1}`,
+        formula
+      });
+    });
+  });
+  return formulas;
+}
+function getFormulaCycleBlockedLabels(tableNode, formulaCellLabel) {
+  const graph = buildTableFormulaDependencyGraph(collectTableFormulaCells(tableNode));
+  const blocked = /* @__PURE__ */ new Set();
+  const queue = [formulaCellLabel.toUpperCase()];
+  for (let index = 0; index < queue.length; index += 1) {
+    const label = queue[index];
+    if (!label || blocked.has(label)) continue;
+    blocked.add(label);
+    for (const dependent of graph.dependents.get(label) ?? []) {
+      if (!blocked.has(dependent)) queue.push(dependent);
+    }
+  }
+  return blocked;
+}
+function getReferenceLabels(reference) {
+  const range = parseTableCellRange(reference);
+  return range ? getTableCellRangeLabels(range) : [reference.toUpperCase()];
+}
+function isBlockedFormulaReference(tableNode, formulaCellLabel, reference) {
+  const blockedLabels = getFormulaCycleBlockedLabels(tableNode, formulaCellLabel);
+  return getReferenceLabels(reference).some((label) => blockedLabels.has(label));
+}
 function cancelFormulaEditing(view) {
   const context = getFormulaEditingTableContext(view);
   if (!context) return false;
   let tr = view.state.tr.delete(context.cellContentStart, context.cellContentEnd);
   const selectionPos = Math.min(context.cellContentStart, tr.doc.content.size);
-  tr = tr.setSelection(import_state11.TextSelection.near(tr.doc.resolve(selectionPos)));
+  tr = tr.setSelection(import_state12.TextSelection.near(tr.doc.resolve(selectionPos)));
   view.dispatch(tr);
   view.focus();
   return true;
@@ -42536,19 +42643,30 @@ 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;
+  const formulaContext = getFormulaEditingTableContext(view);
+  const blocked = formulaContext ? isBlockedFormulaReference(formulaContext.tableNode, pickState.formulaCellLabel, nextLabel) : false;
+  if (blocked) {
+    return {
+      ...pickState,
+      blocked: true,
+      currentCell
+    };
+  }
+  if (nextLabel === pickState.currentLabel && currentCell === pickState.currentCell && !pickState.blocked) return pickState;
   if (nextLabel === pickState.currentLabel) {
     return {
       ...pickState,
+      blocked: false,
       currentCell
     };
   }
   let tr = view.state.tr.insertText(nextLabel, pickState.insertedFrom, pickState.insertedTo);
   const nextTo = pickState.insertedFrom + nextLabel.length;
-  tr = tr.setSelection(import_state11.TextSelection.create(tr.doc, nextTo));
+  tr = tr.setSelection(import_state12.TextSelection.create(tr.doc, nextTo));
   view.dispatch(tr);
   return {
     ...pickState,
+    blocked: false,
     insertedTo: nextTo,
     currentLabel: nextLabel,
     currentCell
@@ -42560,12 +42678,28 @@ function beginFormulaRangePick(view, event) {
   if (!formulaCell) return null;
   const picked = getFormulaTableCellInfo(view, event.target, formulaCell.tablePos);
   if (!picked || picked.cell === formulaCell.cellDom) return null;
+  const blocked = isBlockedFormulaReference(formulaCell.tableNode, formulaCell.formulaCellLabel, picked.label);
+  if (blocked) {
+    event.preventDefault();
+    event.stopPropagation();
+    return {
+      anchorLabel: picked.label,
+      anchorCell: picked.cell,
+      tablePos: formulaCell.tablePos,
+      insertedFrom: view.state.selection.from,
+      insertedTo: view.state.selection.from,
+      currentLabel: "",
+      currentCell: picked.cell,
+      blocked: true,
+      formulaCellLabel: formulaCell.formulaCellLabel
+    };
+  }
   const { from, to } = view.state.selection;
   const prefix = from === to ? getReferenceInsertionPrefix(view, formulaCell.cellContentStart, from) : "";
   const insertedText = `${prefix}${picked.label}`;
   const insertedFrom = from + prefix.length;
   let tr = view.state.tr.insertText(insertedText, from, to);
-  tr = tr.setSelection(import_state11.TextSelection.create(tr.doc, from + insertedText.length));
+  tr = tr.setSelection(import_state12.TextSelection.create(tr.doc, from + insertedText.length));
   view.dispatch(tr);
   view.focus();
   event.preventDefault();
@@ -42577,7 +42711,9 @@ function beginFormulaRangePick(view, event) {
     insertedFrom,
     insertedTo: insertedFrom + picked.label.length,
     currentLabel: picked.label,
-    currentCell: picked.cell
+    currentCell: picked.cell,
+    blocked: false,
+    formulaCellLabel: formulaCell.formulaCellLabel
   };
 }
 function updateFormulaRangePick(view, pickState, event) {
@@ -42605,7 +42741,8 @@ function getFormulaRangePickHighlight(container, pickState) {
     left,
     top,
     width: Math.max(0, right - left),
-    height: Math.max(0, bottom - top)
+    height: Math.max(0, bottom - top),
+    blocked: pickState.blocked
   };
 }
 
@@ -42629,6 +42766,12 @@ function createReferenceHighlight(label) {
   element.className = "pointer-events-none absolute z-[21] rounded-[2px] border-2 border-emerald-500 bg-emerald-500/15";
   return element;
 }
+function createBlockedReferenceHighlight(label) {
+  const element = document.createElement("span");
+  element.dataset.ueditorFormulaBlockedReference = label;
+  element.className = "pointer-events-none absolute z-[22] rounded-[2px] border-2 border-destructive/80 bg-destructive/10";
+  return element;
+}
 function useFormulaCoordinateOverlay(editor, containerRef, labels) {
   const overlayRef = (0, import_react77.useRef)(null);
   (0, import_react77.useEffect)(() => {
@@ -42640,6 +42783,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
     let activeTable = null;
     let activeTablePos = null;
     let hoverLabel = null;
+    const scrollListenerOptions = { passive: true, capture: true };
     const clearOverlay = () => {
       activeTable = null;
       activeTablePos = null;
@@ -42699,10 +42843,12 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
       actions.dataset.ueditorFormulaActions = "";
       actions.className = "pointer-events-auto absolute z-50 flex items-center gap-1 rounded-md border border-border bg-background p-1 shadow-md";
       const formulaCellRect = context.cellDom.getBoundingClientRect();
+      const formulaActionsHeight = 34;
+      const formulaActionsTop = formulaCellRect.bottom + 4 + formulaActionsHeight > tableRect.bottom ? Math.max(containerRect.top + 4, formulaCellRect.top - formulaActionsHeight - 4) : formulaCellRect.bottom + 4;
       setPosition(
         actions,
         formulaCellRect.left - containerRect.left + container.scrollLeft,
-        formulaCellRect.bottom - containerRect.top + container.scrollTop + 4
+        formulaActionsTop - containerRect.top + container.scrollTop
       );
       const applyButton = document.createElement("button");
       applyButton.type = "button";
@@ -42754,10 +42900,12 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
         children.push(label);
       }
       const references = new Set(getTableFormulaReferences(context.formula));
+      const blockedReferences = getFormulaCycleBlockedLabels(context.tableNode, context.formulaCellLabel);
       for (const info of cellInfos) {
-        if (!info || !references.has(info.label)) continue;
+        if (!info) continue;
         const cellRect = info.cell.getBoundingClientRect();
-        const highlight = createReferenceHighlight(info.label);
+        const highlight = info.label !== context.formulaCellLabel && blockedReferences.has(info.label) ? createBlockedReferenceHighlight(info.label) : references.has(info.label) ? createReferenceHighlight(info.label) : null;
+        if (!highlight) continue;
         setPosition(
           highlight,
           cellRect.left - containerRect.left + container.scrollLeft + 2,
@@ -42812,6 +42960,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
     editor.view.dom.addEventListener("mousemove", handleMouseMove2);
     editor.view.dom.addEventListener("mouseleave", handleMouseLeave2);
     container.addEventListener(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, scheduleSync);
+    container.addEventListener("scroll", scheduleSync, scrollListenerOptions);
     window.addEventListener("resize", scheduleSync);
     scheduleSync();
     return () => {
@@ -42822,6 +42971,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
       editor.view.dom.removeEventListener("mousemove", handleMouseMove2);
       editor.view.dom.removeEventListener("mouseleave", handleMouseLeave2);
       container.removeEventListener(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, scheduleSync);
+      container.removeEventListener("scroll", scheduleSync, scrollListenerOptions);
       window.removeEventListener("resize", scheduleSync);
       if (animationFrame != null) window.cancelAnimationFrame(animationFrame);
       clearOverlay();
@@ -43486,7 +43636,7 @@ var MenuBar = ({
     closeInsertMenu();
   };
   const handleLinkSubmit = (url) => {
-    editor.chain().focus().setLink({ href: url }).run();
+    applyEditorLink(editor, url);
     closeInsertMenu();
   };
   const insertMenuItems = [
@@ -44238,7 +44388,7 @@ var UEditor = import_react82.default.forwardRef(({
                 {
                   ref: formulaCoordinateOverlayRef,
                   "data-ueditor-formula-coordinate-overlay": "",
-                  className: "pointer-events-none absolute inset-0 z-[21] hidden overflow-visible"
+                  className: "pointer-events-none absolute inset-0 z-[35] hidden overflow-visible"
                 }
               ),
               formulaRangeHighlight && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
@@ -44246,7 +44396,11 @@ var UEditor = import_react82.default.forwardRef(({
                 {
                   "aria-hidden": "true",
                   "data-ueditor-formula-range-highlight": "",
-                  className: "pointer-events-none absolute z-20 rounded-[2px] border-2 border-primary bg-primary/10",
+                  "data-ueditor-formula-range-blocked": formulaRangeHighlight.blocked ? "true" : void 0,
+                  className: cn(
+                    "pointer-events-none absolute z-20 rounded-[2px] border-2",
+                    formulaRangeHighlight.blocked ? "border-destructive bg-destructive/15" : "border-primary bg-primary/10"
+                  ),
                   style: {
                     left: formulaRangeHighlight.left,
                     top: formulaRangeHighlight.top,