tiptap-markdown-react 0.17.1 → 0.18.0

package/dist/index.js

@@ -12,7 +12,7 @@ import { skipTrailingNodeMeta, Placeholder } from "@tiptap/extensions";
 import { NodeViewWrapper, ReactNodeViewRenderer, useEditorState, ReactRenderer, NodeViewContent, useEditor, EditorContent } from "@tiptap/react";
 import { createPortal } from "react-dom";
 import { useState, useEffect, useCallback, useRef, useMemo, forwardRef, useImperativeHandle, Fragment as Fragment$1, useLayoutEffect, useId, useContext, createContext } from "react";
-import { e as enrichMarkdownCitations, c as styles$8 } from "./ReportContent-MgbebxPV.js";
+import { e as enrichMarkdownCitations, c as styles$a } from "./ReportContent-MgbebxPV.js";
 import { R as R2, a as a2, b as b2, s as s2 } from "./ReportContent-MgbebxPV.js";
 import { C as CitationRef, i as mergeCommentIntervals, h as mapCommentAnchors, p as prepareChartMarkdown, j as reportChart, b as baseExtensions, f as CommentMark, l as lowlight, m as makeTocGetId, k as parseCodeTokenAsChartOrCodeBlock, a as pureCodeBlock, c as pureImage, n as renderMathInto, o as subscribeMathClick, d as pureChart } from "./extractToc-BaR6LP1f.js";
 import { g, e, s as s3 } from "./extractToc-BaR6LP1f.js";
@@ -22,7 +22,7 @@ import { PluginKey, Plugin, NodeSelection, TextSelection } from "@tiptap/pm/stat
 import { DecorationSet, Decoration } from "@tiptap/pm/view";
 import Suggestion from "@tiptap/suggestion";
 import { FileHandlePlugin } from "@tiptap/extension-file-handler";
-import { CellSelection, isInTable, selectedRect, rowIsHeader } from "@tiptap/pm/tables";
+import { CellSelection, TableMap, isInTable, selectedRect, rowIsHeader, cellAround } from "@tiptap/pm/tables";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import * as Popover from "@radix-ui/react-popover";
 function CitationRefView({ node, extension }) {
@@ -336,6 +336,17 @@ function nextComment(editor, dir = "next") {
   focusComment(editor, target);
   return target;
 }
+const FIND_EXTENSION_NAME = "findAndReplace";
+function isComposingKeyEvent(event) {
+  return event.isComposing || event.keyCode === 229;
+}
+function hasFindReplaceExtension(editor) {
+  var _a;
+  if (!editor || editor.isDestroyed) return false;
+  return ((_a = editor.extensionManager) == null ? void 0 : _a.extensions.some(
+    (extension) => extension.name === FIND_EXTENSION_NAME
+  )) ?? false;
+}
 const FIND_DEBOUNCE_MS = 120;
 const MISMATCH_RE = /Applying a mismatched transaction/;
 function runFindCommand(run) {
@@ -395,6 +406,20 @@ const LinkIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
   /* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
   /* @__PURE__ */ jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
 ] });
+const EraserIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21" }),
+  /* @__PURE__ */ jsx("path", { d: "M22 21H7" }),
+  /* @__PURE__ */ jsx("path", { d: "m5 11 9 9" })
+] });
+const RotateCcwIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" })
+] });
+const ExternalLinkIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M15 3h6v6" }),
+  /* @__PURE__ */ jsx("path", { d: "M10 14 21 3" }),
+  /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+] });
 const ImageIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
   /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
   /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "2" }),
@@ -577,6 +602,10 @@ const defaultToolbarLabels = {
   subscript: "Subscript",
   link: "Link",
   linkPrompt: "Enter URL",
+  linkApply: "Apply link",
+  linkOpen: "Open in new window",
+  linkRemove: "Remove link",
+  linkInvalid: "The editor rejected this address",
   image: "Image",
   imageUploadFailed: "Image upload failed",
   importMarkdownFailed: "Markdown import failed",
@@ -592,10 +621,17 @@ const defaultToolbarLabels = {
   orderedList: "Ordered list",
   taskList: "Task list",
   more: "More",
+  search: "Find & replace",
   codeBlock: "Code block",
   hr: "Divider",
   importMarkdown: "Markdown",
   tableInsert: "Insert table",
+  tableRowMenu: "Row actions",
+  tableColumnMenu: "Column actions",
+  tableClearContent: "Clear content",
+  tableResetCellStyles: "Reset cell styles",
+  tableAppendRow: "Add row",
+  tableAppendColumn: "Add column",
   tableSizeSelected: (cols, rows) => `${cols} × ${rows}`,
   tableAddColumnBefore: "Add column before",
   tableAddColumnAfter: "Add column after",
@@ -663,6 +699,13 @@ const defaultShortcutLabels = {
   hardBreak: "Hard break",
   findReplace: "Find & replace"
 };
+const defaultLinkPopoverLabels = {
+  field: "Enter URL",
+  apply: "Apply link",
+  open: "Open in new window",
+  remove: "Remove link",
+  invalid: "The editor rejected this address"
+};
 const defaultColorPaletteLabels = {
   none: "None",
   theme: "THEME"
@@ -705,32 +748,40 @@ const defaultFindLabels = {
 };
 const bar = "_bar_1h61e_3";
 const row$1 = "_row_1h61e_25";
-const field = "_field_1h61e_43";
+const field$1 = "_field_1h61e_43";
 const fieldIcon = "_fieldIcon_1h61e_62";
-const input = "_input_1h61e_67";
+const input$1 = "_input_1h61e_67";
 const counter = "_counter_1h61e_79";
 const counterInvalid = "_counterInvalid_1h61e_89";
-const btn$1 = "_btn_1h61e_93";
+const btn$2 = "_btn_1h61e_93";
 const toggle = "_toggle_1h61e_29";
 const toggleOn = "_toggleOn_1h61e_135";
 const iconGroup = "_iconGroup_1h61e_29";
 const spacer = "_spacer_1h61e_150";
 const readOnly = "_readOnly_1h61e_155";
-const styles$7 = {
+const styles$9 = {
   bar,
   row: row$1,
-  field,
+  field: field$1,
   fieldIcon,
-  input,
+  input: input$1,
   counter,
   counterInvalid,
-  btn: btn$1,
+  btn: btn$2,
   toggle,
   toggleOn,
   iconGroup,
   spacer,
   readOnly
 };
+let warnedMissingExtension = false;
+function warnMissingExtensionOnce() {
+  if (warnedMissingExtension) return;
+  warnedMissingExtension = true;
+  console.warn(
+    "[tiptap-markdown-react] FindReplaceBar 需要官方 find 扩展：请让 <MarkdownWysiwygEditor findReplace> 保持开启（默认 true），否则 setSearchTerm / replaceAll 等命令不存在。"
+  );
+}
 function FindReplaceBar({
   editor,
   onClose,
@@ -742,13 +793,9 @@ function FindReplaceBar({
   const t = { ...defaultFindLabels, ...labels };
   const [term, setTerm] = useState("");
   const [replaceTerm, setReplaceTerm] = useState("");
-  const hasExtension = typeof editor.commands.setSearchTerm === "function";
+  const hasExtension = hasFindReplaceExtension(editor);
   useEffect(() => {
-    if (!hasExtension) {
-      console.warn(
-        "[tiptap-markdown-react] FindReplaceBar 需要官方 find 扩展：请让 <MarkdownWysiwygEditor findReplace> 保持开启（默认 true），否则 setSearchTerm / replaceAll 等命令不存在。"
-      );
-    }
+    if (!hasExtension) warnMissingExtensionOnce();
   }, [hasExtension]);
   const state = useEditorState({
     editor,
@@ -809,12 +856,11 @@ function FindReplaceBar({
     }) === null,
     [term, state.useRegex, state.caseSensitive]
   );
-  const counter2 = t.counter(
-    state.total === 0 ? 0 : (state.currentIndex ?? 0) + 1,
-    state.total
-  );
+  const current = state.total === 0 || state.currentIndex === null ? 0 : state.currentIndex + 1;
+  const counter2 = t.counter(current, state.total);
   const keepFocus = (e2) => e2.preventDefault();
   const onFindKeyDown = (e2) => {
+    if (isComposingKeyEvent(e2.nativeEvent)) return;
     if (e2.key === "Enter") {
       e2.preventDefault();
       runAction(() => {
@@ -824,6 +870,7 @@ function FindReplaceBar({
     }
   };
   const onReplaceKeyDown = (e2) => {
+    if (isComposingKeyEvent(e2.nativeEvent)) return;
     if (e2.key === "Enter") {
       e2.preventDefault();
       runAction(() => editor.commands.replace());
@@ -836,29 +883,32 @@ function FindReplaceBar({
     });
   };
   if (!hasExtension) return null;
-  const toggleClass = (on) => `${styles$7.btn} ${styles$7.toggle}${on ? ` ${styles$7.toggleOn}` : ""}`;
+  const toggleClass = (on) => `${styles$9.btn} ${styles$9.toggle}${on ? ` ${styles$9.toggleOn}` : ""}`;
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: className ? `${styles$7.bar} ${className}` : styles$7.bar,
+      className: className ? `${styles$9.bar} ${className}` : styles$9.bar,
       style,
+      "data-find-bar": "",
       role: "dialog",
       "aria-label": t.find,
       onKeyDown: (e2) => {
-        if (e2.key === "Escape") {
-          e2.preventDefault();
-          onClose();
-        }
+        if (isComposingKeyEvent(e2.nativeEvent)) return;
+        if (e2.key !== "Escape") return;
+        e2.preventDefault();
+        e2.stopPropagation();
+        onClose();
       },
       children: [
-        /* @__PURE__ */ jsxs("div", { className: styles$7.row, children: [
-          /* @__PURE__ */ jsxs("span", { className: styles$7.field, children: [
-            /* @__PURE__ */ jsx(SearchIcon, { size: 14, className: styles$7.fieldIcon }),
+        /* @__PURE__ */ jsxs("div", { className: styles$9.row, children: [
+          /* @__PURE__ */ jsxs("span", { className: styles$9.field, children: [
+            /* @__PURE__ */ jsx(SearchIcon, { size: 14, className: styles$9.fieldIcon }),
             /* @__PURE__ */ jsx(
               "input",
               {
                 ref: inputRef,
-                className: styles$7.input,
+                className: styles$9.input,
+                "data-find-field": "search",
                 value: term,
                 onChange: (e2) => setTerm(e2.target.value),
                 onKeyDown: onFindKeyDown,
@@ -871,7 +921,8 @@ function FindReplaceBar({
             /* @__PURE__ */ jsx(
               "span",
               {
-                className: `${styles$7.counter}${invalidPattern ? ` ${styles$7.counterInvalid}` : ""}`,
+                className: `${styles$9.counter}${invalidPattern ? ` ${styles$9.counterInvalid}` : ""}`,
+                "data-find-counter": "",
                 "aria-live": "polite",
                 title: invalidPattern ? t.invalidRegex : void 0,
                 children: invalidPattern ? t.invalidRegex : counter2
@@ -883,6 +934,7 @@ function FindReplaceBar({
             {
               type: "button",
               className: toggleClass(state.caseSensitive),
+              "data-find-option": "match-case",
               title: t.caseSensitive,
               "aria-label": t.caseSensitive,
               "aria-pressed": state.caseSensitive,
@@ -896,6 +948,7 @@ function FindReplaceBar({
             {
               type: "button",
               className: toggleClass(state.wholeWord),
+              "data-find-option": "whole-words",
               title: t.wholeWord,
               "aria-label": t.wholeWord,
               "aria-pressed": state.wholeWord,
@@ -904,13 +957,14 @@ function FindReplaceBar({
               children: "ab"
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: styles$7.spacer }),
-          /* @__PURE__ */ jsxs("span", { className: styles$7.iconGroup, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$9.spacer }),
+          /* @__PURE__ */ jsxs("span", { className: styles$9.iconGroup, children: [
             /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
-                className: styles$7.btn,
+                className: styles$9.btn,
+                "data-find-action": "previous",
                 title: t.previous,
                 "aria-label": t.previous,
                 disabled: state.total === 0,
@@ -923,7 +977,8 @@ function FindReplaceBar({
               "button",
               {
                 type: "button",
-                className: styles$7.btn,
+                className: styles$9.btn,
+                "data-find-action": "next",
                 title: t.next,
                 "aria-label": t.next,
                 disabled: state.total === 0,
@@ -936,7 +991,8 @@ function FindReplaceBar({
               "button",
               {
                 type: "button",
-                className: styles$7.btn,
+                className: styles$9.btn,
+                "data-find-action": "close",
                 title: t.close,
                 "aria-label": t.close,
                 onClick: onClose,
@@ -945,11 +1001,12 @@ function FindReplaceBar({
             )
           ] })
         ] }),
-        editor.isEditable ? /* @__PURE__ */ jsxs("div", { className: styles$7.row, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$7.field, children: /* @__PURE__ */ jsx(
+        editor.isEditable ? /* @__PURE__ */ jsxs("div", { className: styles$9.row, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$9.field, children: /* @__PURE__ */ jsx(
             "input",
             {
-              className: styles$7.input,
+              className: styles$9.input,
+              "data-find-field": "replace",
               value: replaceTerm,
               onChange: (e2) => setReplaceTerm(e2.target.value),
               onKeyDown: onReplaceKeyDown,
@@ -958,12 +1015,13 @@ function FindReplaceBar({
               spellCheck: false
             }
           ) }),
-          /* @__PURE__ */ jsx("span", { className: styles$7.spacer }),
+          /* @__PURE__ */ jsx("span", { className: styles$9.spacer }),
           /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              className: styles$7.btn,
+              className: styles$9.btn,
+              "data-find-action": "replace",
               title: t.replaceOne,
               "aria-label": t.replaceOne,
               disabled: state.total === 0,
@@ -976,7 +1034,8 @@ function FindReplaceBar({
             "button",
             {
               type: "button",
-              className: styles$7.btn,
+              className: styles$9.btn,
+              "data-find-action": "replace-all",
               title: t.replaceAll,
               "aria-label": t.replaceAll,
               disabled: state.total === 0,
@@ -985,7 +1044,7 @@ function FindReplaceBar({
               children: /* @__PURE__ */ jsx(ReplaceAllIcon, { size: 16 })
             }
           )
-        ] }) : /* @__PURE__ */ jsx("div", { className: styles$7.row, children: /* @__PURE__ */ jsx("span", { className: styles$7.readOnly, children: t.readOnly }) })
+        ] }) : /* @__PURE__ */ jsx("div", { className: styles$9.row, children: /* @__PURE__ */ jsx("span", { className: styles$9.readOnly, children: t.readOnly }) })
       ]
     }
   );
@@ -1079,7 +1138,7 @@ const item$1 = "_item_1noza_53";
 const itemActive = "_itemActive_1noza_54";
 const itemIcon = "_itemIcon_1noza_79";
 const itemTitle = "_itemTitle_1noza_102";
-const styles$6 = {
+const styles$8 = {
   popupHost,
   menu: menu$1,
   groupLabel,
@@ -1268,11 +1327,11 @@ const SlashMenuPopup = forwardRef(function SlashMenuPopup2({ items, query, menuL
   );
   if (!items.length) return null;
   let optionIndex = -1;
-  return /* @__PURE__ */ jsx("div", { className: styles$6.menu, role: "listbox", "aria-label": menuLabel, children: withGroupHeaders(items).map(([header2, item2]) => {
+  return /* @__PURE__ */ jsx("div", { className: styles$8.menu, role: "listbox", "aria-label": menuLabel, children: withGroupHeaders(items).map(([header2, item2]) => {
     optionIndex += 1;
     const i = optionIndex;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      header2 !== null ? /* @__PURE__ */ jsx("div", { className: styles$6.groupLabel, "aria-hidden": "true", children: header2 }) : null,
+      header2 !== null ? /* @__PURE__ */ jsx("div", { className: styles$8.groupLabel, "aria-hidden": "true", children: header2 }) : null,
       /* @__PURE__ */ jsxs(
         "button",
         {
@@ -1280,7 +1339,7 @@ const SlashMenuPopup = forwardRef(function SlashMenuPopup2({ items, query, menuL
           role: "option",
           "aria-selected": i === index,
           title: item2.title,
-          className: i === index ? styles$6.itemActive : styles$6.item,
+          className: i === index ? styles$8.itemActive : styles$8.item,
           tabIndex: -1,
           onMouseEnter: () => setIndex(i),
           onMouseDown: (e2) => {
@@ -1288,8 +1347,8 @@ const SlashMenuPopup = forwardRef(function SlashMenuPopup2({ items, query, menuL
             command(item2);
           },
           children: [
-            item2.icon != null ? /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": "true", children: item2.icon }) : /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { className: styles$6.itemTitle, children: item2.title })
+            item2.icon != null ? /* @__PURE__ */ jsx("span", { className: styles$8.itemIcon, "aria-hidden": "true", children: item2.icon }) : /* @__PURE__ */ jsx("span", { className: styles$8.itemIcon, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: styles$8.itemTitle, children: item2.title })
           ]
         }
       )
@@ -1340,7 +1399,7 @@ const SlashMenu = Extension.create({
                   menuLabel: ((_a = this.options.labels) == null ? void 0 : _a.menuLabel) ?? defaultSlashMenuLabels.menuLabel,
                   command: props.command
                 },
-                className: styles$6.popupHost
+                className: styles$8.popupHost
               }
             );
             const pmStyle = getComputedStyle(props.editor.view.dom);
@@ -1392,7 +1451,7 @@ const rowKeys = "_rowKeys_ljnq6_127";
 const rowMd = "_rowMd_ljnq6_128";
 const keycap = "_keycap_ljnq6_138";
 const none = "_none_ljnq6_163";
-const styles$5 = {
+const styles$7 = {
   drawer,
   closeBtn,
   head,
@@ -1485,7 +1544,7 @@ function ShortcutPanel({ open, onClose, labels }) {
   return /* @__PURE__ */ jsxs(
     "aside",
     {
-      className: styles$5.drawer,
+      className: styles$7.drawer,
       role: "dialog",
       "aria-modal": "false",
       "aria-label": t.panelTitle,
@@ -1494,27 +1553,27 @@ function ShortcutPanel({ open, onClose, labels }) {
           "button",
           {
             type: "button",
-            className: styles$5.closeBtn,
+            className: styles$7.closeBtn,
             title: t.close,
             "aria-label": t.close,
             onClick: onClose,
             children: /* @__PURE__ */ jsx(XIcon, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: styles$5.head, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$5.colFormat, children: t.colFormat }),
-          /* @__PURE__ */ jsx("span", { className: styles$5.colShortcut, children: t.colShortcut }),
-          /* @__PURE__ */ jsx("span", { className: styles$5.colMarkdown, children: t.colMarkdown })
+        /* @__PURE__ */ jsxs("div", { className: styles$7.head, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$7.colFormat, children: t.colFormat }),
+          /* @__PURE__ */ jsx("span", { className: styles$7.colShortcut, children: t.colShortcut }),
+          /* @__PURE__ */ jsx("span", { className: styles$7.colMarkdown, children: t.colMarkdown })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: styles$5.body, children: groups.map((group2) => /* @__PURE__ */ jsxs("section", { className: styles$5.group, children: [
-          /* @__PURE__ */ jsx("h3", { className: styles$5.groupTitle, children: group2.title }),
-          group2.entries.map((entry) => /* @__PURE__ */ jsxs("div", { className: styles$5.row, children: [
-            /* @__PURE__ */ jsx("span", { className: styles$5.rowLabel, children: entry.label }),
-            /* @__PURE__ */ jsx("span", { className: styles$5.rowKeys, children: entry.keys ? entry.keys.map((key, i) => /* @__PURE__ */ jsx("kbd", { className: styles$5.keycap, children: keycapText(key, mac) }, i)) : /* @__PURE__ */ jsx("span", { className: styles$5.none, children: "—" }) }),
-            /* @__PURE__ */ jsx("span", { className: styles$5.rowMd, children: entry.markdown ? /* @__PURE__ */ jsxs(Fragment$2, { children: [
-              /* @__PURE__ */ jsx("kbd", { className: styles$5.keycap, children: entry.markdown.marker }),
-              entry.markdown.terminator ? /* @__PURE__ */ jsx("kbd", { className: styles$5.keycap, children: entry.markdown.terminator }) : null
-            ] }) : /* @__PURE__ */ jsx("span", { className: styles$5.none, children: "—" }) })
+        /* @__PURE__ */ jsx("div", { className: styles$7.body, children: groups.map((group2) => /* @__PURE__ */ jsxs("section", { className: styles$7.group, children: [
+          /* @__PURE__ */ jsx("h3", { className: styles$7.groupTitle, children: group2.title }),
+          group2.entries.map((entry) => /* @__PURE__ */ jsxs("div", { className: styles$7.row, children: [
+            /* @__PURE__ */ jsx("span", { className: styles$7.rowLabel, children: entry.label }),
+            /* @__PURE__ */ jsx("span", { className: styles$7.rowKeys, children: entry.keys ? entry.keys.map((key, i) => /* @__PURE__ */ jsx("kbd", { className: styles$7.keycap, children: keycapText(key, mac) }, i)) : /* @__PURE__ */ jsx("span", { className: styles$7.none, children: "—" }) }),
+            /* @__PURE__ */ jsx("span", { className: styles$7.rowMd, children: entry.markdown ? /* @__PURE__ */ jsxs(Fragment$2, { children: [
+              /* @__PURE__ */ jsx("kbd", { className: styles$7.keycap, children: entry.markdown.marker }),
+              entry.markdown.terminator ? /* @__PURE__ */ jsx("kbd", { className: styles$7.keycap, children: entry.markdown.terminator }) : null
+            ] }) : /* @__PURE__ */ jsx("span", { className: styles$7.none, children: "—" }) })
           ] }, entry.id))
         ] }, group2.id)) })
       ]
@@ -1818,7 +1877,7 @@ const gutterLine = "_gutterLine_k8th1_184";
 const readonlyActions = "_readonlyActions_k8th1_188";
 const actionBtn = "_actionBtn_k8th1_194";
 const langBraces = "_langBraces_k8th1_213";
-const styles$4 = {
+const styles$6 = {
   wrapper,
   header: header$1,
   langTrigger,
@@ -1918,29 +1977,29 @@ function CodeBlockView({
     ta.remove();
   };
   const wrapperClass = [
-    styles$4.wrapper,
-    readonly2 ? styles$4.readonly : "",
-    folded2 ? styles$4.folded : ""
+    styles$6.wrapper,
+    readonly2 ? styles$6.readonly : "",
+    folded2 ? styles$6.folded : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(NodeViewWrapper, { className: wrapperClass, children: [
-    editable ? /* @__PURE__ */ jsxs("div", { className: styles$4.header, contentEditable: false, children: [
+    editable ? /* @__PURE__ */ jsxs("div", { className: styles$6.header, contentEditable: false, children: [
       /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
         /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
-            className: styles$4.langTrigger,
+            className: styles$6.langTrigger,
             "aria-label": "Code language",
             children: [
               /* @__PURE__ */ jsx("span", { children: currentLabel }),
-              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 14, className: styles$4.langChevron })
+              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 14, className: styles$6.langChevron })
             ]
           }
         ) }),
         /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
           DropdownMenu.Content,
           {
-            className: styles$4.langMenu,
+            className: styles$6.langMenu,
             sideOffset: 4,
             align: "end",
             children: LANGUAGES.map((l) => {
@@ -1949,10 +2008,10 @@ function CodeBlockView({
               return /* @__PURE__ */ jsxs(
                 DropdownMenu.Item,
                 {
-                  className: `${styles$4.langItem}${selected ? ` ${styles$4.langItemSelected}` : ""}`,
+                  className: `${styles$6.langItem}${selected ? ` ${styles$6.langItemSelected}` : ""}`,
                   onSelect: () => updateAttributes({ language: l.value }),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$4.langItemCheck, children: selected ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : null }),
+                    /* @__PURE__ */ jsx("span", { className: styles$6.langItemCheck, children: selected ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : null }),
                     optionLabel
                   ]
                 },
@@ -1966,7 +2025,7 @@ function CodeBlockView({
         "button",
         {
           type: "button",
-          className: styles$4.deleteBtn,
+          className: styles$6.deleteBtn,
           title: labels.delete,
           "aria-label": labels.delete,
           onClick: () => deleteNode(),
@@ -1975,17 +2034,17 @@ function CodeBlockView({
       )
     ] }) : (
       // 只读头部：左侧语言标签，右侧复制 + 展开收起（展开后按钮保留，供收回）
-      /* @__PURE__ */ jsxs("div", { className: styles$4.readonlyHeader, contentEditable: false, children: [
-        /* @__PURE__ */ jsxs("span", { className: styles$4.langBadge, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$4.langBraces, children: "{}" }),
+      /* @__PURE__ */ jsxs("div", { className: styles$6.readonlyHeader, contentEditable: false, children: [
+        /* @__PURE__ */ jsxs("span", { className: styles$6.langBadge, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$6.langBraces, children: "{}" }),
           currentLabel
         ] }),
-        /* @__PURE__ */ jsxs("span", { className: styles$4.readonlyActions, children: [
+        /* @__PURE__ */ jsxs("span", { className: styles$6.readonlyActions, children: [
           /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              className: styles$4.actionBtn,
+              className: styles$6.actionBtn,
               onClick: handleCopy,
               "aria-label": labels.copy,
               title: labels.copy,
@@ -1996,7 +2055,7 @@ function CodeBlockView({
             "button",
             {
               type: "button",
-              className: styles$4.actionBtn,
+              className: styles$6.actionBtn,
               onClick: () => setFolded((v) => !v),
               "aria-label": folded2 ? labels.expand : labels.collapse,
               title: folded2 ? labels.expand : labels.collapse,
@@ -2007,14 +2066,14 @@ function CodeBlockView({
         ] })
       ] })
     ),
-    /* @__PURE__ */ jsxs("pre", { ref: preRef, className: styles$4.pre, children: [
+    /* @__PURE__ */ jsxs("pre", { ref: preRef, className: styles$6.pre, children: [
       readonly2 ? /* @__PURE__ */ jsx(
         "span",
         {
-          className: styles$4.gutter,
+          className: styles$6.gutter,
           contentEditable: false,
           "aria-hidden": "true",
-          children: Array.from({ length: lineCount }, (_, i) => /* @__PURE__ */ jsx("span", { className: styles$4.gutterLine, children: i + 1 }, i))
+          children: Array.from({ length: lineCount }, (_, i) => /* @__PURE__ */ jsx("span", { className: styles$6.gutterLine, children: i + 1 }, i))
         }
       ) : null,
       /* @__PURE__ */ jsx(NodeViewContent, { as: "code" })
@@ -2089,6 +2148,13 @@ function findBarOffsetStyle(offset) {
     left: px(offset.left)
   };
 }
+function editorOwnsKeyboard(editor) {
+  const active2 = document.activeElement;
+  const inEditor = !!active2 && editor.view.dom.contains(active2);
+  if (inEditor || editor.isFocused) return true;
+  const nothingFocused = active2 === null || active2 === document.body;
+  return nothingFocused && document.querySelectorAll(".ProseMirror").length <= 1;
+}
 const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   initialMarkdown = "",
   editable = true,
@@ -2117,6 +2183,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   findBarOffset = DEFAULT_FIND_BAR_OFFSET,
   findShortcut = true,
   findLabels,
+  onFindOpenChange,
   slashMenu = true,
   slashMenuLabels,
   shortcutPanel = true,
@@ -2177,7 +2244,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
     immediatelyRender: false,
     editorProps: {
       attributes: {
-        class: styles$8.editorContent
+        class: styles$a.editorContent
       }
     }
   });
@@ -2188,10 +2255,40 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   useEffect(() => {
     editor == null ? void 0 : editor.setEditable(editable);
   }, [editor, editable]);
+  const openFind = useCallback(() => {
+    setFindOpen(true);
+    requestAnimationFrame(() => {
+      var _a;
+      return (_a = findInputRef.current) == null ? void 0 : _a.select();
+    });
+  }, []);
   const closeFind = useCallback(() => {
     setFindOpen(false);
     editor == null ? void 0 : editor.commands.focus();
   }, [editor]);
+  const toggleFind = useCallback(() => {
+    if (findOpen) closeFind();
+    else openFind();
+  }, [findOpen, closeFind, openFind]);
+  const findBarOpen = findOpen && findBar && findReplace;
+  const onFindOpenChangeRef = useRef(onFindOpenChange);
+  onFindOpenChangeRef.current = onFindOpenChange;
+  const notifiedFindOpenRef = useRef(false);
+  useEffect(() => {
+    var _a;
+    if (notifiedFindOpenRef.current === findBarOpen) return;
+    notifiedFindOpenRef.current = findBarOpen;
+    (_a = onFindOpenChangeRef.current) == null ? void 0 : _a.call(onFindOpenChangeRef, findBarOpen);
+  }, [findBarOpen]);
+  const findBarOpenRef = useRef(findBarOpen);
+  findBarOpenRef.current = findBarOpen;
+  useEffect(
+    () => () => {
+      var _a;
+      if (findBarOpenRef.current) (_a = onFindOpenChangeRef.current) == null ? void 0 : _a.call(onFindOpenChangeRef, false);
+    },
+    []
+  );
   useEffect(() => {
     if (!editor || !findReplace || !findBar || !findShortcut) return;
     const onKeyDown = (event) => {
@@ -2199,23 +2296,26 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
         return;
       }
       if (event.key !== "f" && event.key !== "F") return;
-      const active2 = document.activeElement;
-      const inEditor = !!active2 && editor.view.dom.contains(active2);
-      const nothingFocused = active2 === null || active2 === document.body;
-      const soleEditor = document.querySelectorAll(".ProseMirror").length <= 1;
-      if (!inEditor && !editor.isFocused && !(nothingFocused && soleEditor)) {
-        return;
-      }
+      if (!editorOwnsKeyboard(editor)) return;
       event.preventDefault();
-      setFindOpen(true);
-      requestAnimationFrame(() => {
-        var _a;
-        return (_a = findInputRef.current) == null ? void 0 : _a.select();
-      });
+      openFind();
     };
     document.addEventListener("keydown", onKeyDown, true);
     return () => document.removeEventListener("keydown", onKeyDown, true);
-  }, [editor, findReplace, findBar, findShortcut]);
+  }, [editor, findReplace, findBar, findShortcut, openFind]);
+  useEffect(() => {
+    if (!editor || !findBarOpen) return;
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      if (isComposingKeyEvent(event)) return;
+      if (!editorOwnsKeyboard(editor)) return;
+      event.preventDefault();
+      event.stopPropagation();
+      closeFind();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [editor, findBarOpen, closeFind]);
   const commentsSignatureRef = useRef("");
   useEffect(() => {
     if (!editor || !editable) return;
@@ -2323,10 +2423,11 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
       focusComment: (commentId) => editor ? focusComment(editor, commentId) : false,
       nextComment: (dir) => editor ? nextComment(editor, dir ?? "next") : null,
       getCommentIds: () => editor ? collectCommentIds(editor) : [],
-      openFind: () => setFindOpen(true),
-      closeFind
+      openFind: () => openFind(),
+      closeFind,
+      toggleFind: () => toggleFind()
     }),
-    [editor, closeFind]
+    [editor, closeFind, openFind, toggleFind]
   );
   const findBarTarget = typeof findBarContainer === "function" ? findBarContainer() : findBarContainer ?? null;
   useEffect(() => {
@@ -2342,7 +2443,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
       labels: findLabels,
       onClose: closeFind,
       inputRef: findInputRef,
-      className: styles$8.findBar,
+      className: styles$a.findBar,
       style: findBarOffsetStyle(findBarOffset)
     }
   ) : null;
@@ -2362,7 +2463,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
     "button",
     {
       type: "button",
-      className: shortcutFabTarget ? `${styles$8.shortcutFab} ${styles$8.shortcutFabHosted}` : styles$8.shortcutFab,
+      className: shortcutFabTarget ? `${styles$a.shortcutFab} ${styles$a.shortcutFabHosted}` : styles$a.shortcutFab,
       title: shortcutT.panelTitle,
       "aria-label": shortcutT.panelTitle,
       "aria-expanded": shortcutsOpen,
@@ -2370,14 +2471,14 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
       children: /* @__PURE__ */ jsx(KeyboardIcon, { size: 18 })
     }
   ) : null;
-  return /* @__PURE__ */ jsxs("div", { className: styles$8.editorHost, children: [
-    findBarNode && !findBarTarget ? /* @__PURE__ */ jsx("div", { className: styles$8.findBarAnchor, children: findBarNode }) : null,
+  return /* @__PURE__ */ jsxs("div", { className: styles$a.editorHost, children: [
+    findBarNode && !findBarTarget ? /* @__PURE__ */ jsx("div", { className: styles$a.findBarAnchor, children: findBarNode }) : null,
     findBarNode && findBarTarget ? createPortal(findBarNode, findBarTarget) : null,
     /* @__PURE__ */ jsx(
       EditorContent,
       {
         editor,
-        className: className ? `${styles$8.editorScroll} ${className}` : styles$8.editorScroll
+        className: className ? `${styles$a.editorScroll} ${className}` : styles$a.editorScroll
       }
     ),
     shortcutFabNode && shortcutFabTarget ? createPortal(shortcutFabNode, shortcutFabTarget) : shortcutFabNode,
@@ -2430,7 +2531,7 @@ function MarkdownPreview({
       editable: false,
       immediatelyRender: false,
       editorProps: {
-        attributes: { class: styles$8.editorContent }
+        attributes: { class: styles$a.editorContent }
       }
     },
     [extensions]
@@ -2443,7 +2544,7 @@ function MarkdownPreview({
     EditorContent,
     {
       editor,
-      className: className ?? styles$8.editorScroll
+      className: className ?? styles$a.editorScroll
     }
   );
 }
@@ -2515,147 +2616,56 @@ function splitTopLevelBlocks(markdown) {
 function stripToPlainText(markdown) {
   return markdown.replace(/!\[[^\]]*\]\([^)]+\)/g, "").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^#{1,6}\s+/gm, "").replace(/^[ \t]*[-*+]\s+/gm, "").replace(/^[ \t]*\d+\.\s+/gm, "").replace(/[*_~`]+/g, "").replace(/<[^>]+>/g, "").replace(/\|/g, " ").replace(/\s+/g, " ").trim();
 }
-function getTableSelectionInfo(state) {
-  if (!isInTable(state)) return null;
-  const rect = selectedRect(state);
-  const rowCount = Math.max(1, rect.bottom - rect.top);
-  const colCount = Math.max(1, rect.right - rect.left);
-  let includesHeaderRow = false;
-  for (let row2 = rect.top; row2 < rect.bottom; row2++) {
-    if (rowIsHeader(rect.map, rect.table, row2)) {
-      includesHeaderRow = true;
-      break;
-    }
-  }
-  return {
-    rowCount,
-    colCount,
-    isMultiCell: rowCount > 1 || colCount > 1,
-    includesHeaderRow,
-    coversAllRows: rect.top === 0 && rect.bottom === rect.map.height,
-    coversAllCols: rect.left === 0 && rect.right === rect.map.width
-  };
-}
-function isPosInCellSelection(selection, pos) {
-  let found = false;
-  selection.forEachCell((node, cellPos) => {
-    if (pos >= cellPos && pos <= cellPos + node.nodeSize) {
-      found = true;
-    }
-  });
-  return found;
-}
-function preserveTableSelectionOnContextMenu(editor, pos) {
-  const { selection } = editor.state;
-  if (selection instanceof CellSelection && isPosInCellSelection(selection, pos)) {
-    editor.view.focus();
-    return;
-  }
-  editor.chain().focus().setTextSelection(pos).run();
-}
-function addRowsBefore(editor, count) {
-  const n = Math.max(1, count);
-  for (let i = 0; i < n; i++) {
-    if (!editor.commands.addRowBefore()) return false;
-  }
-  return true;
-}
-function addRowsAfter(editor, count) {
-  const n = Math.max(1, count);
-  for (let i = 0; i < n; i++) {
-    if (!editor.commands.addRowAfter()) return false;
-  }
-  return true;
-}
-function addColumnsBefore(editor, count) {
-  const n = Math.max(1, count);
-  for (let i = 0; i < n; i++) {
-    if (!editor.commands.addColumnBefore()) return false;
-  }
-  return true;
-}
-function addColumnsAfter(editor, count) {
-  const n = Math.max(1, count);
-  for (let i = 0; i < n; i++) {
-    if (!editor.commands.addColumnAfter()) return false;
-  }
-  return true;
-}
-function deleteSelectedRows(editor) {
-  const info = getTableSelectionInfo(editor.state);
-  if (!info) return false;
-  if (info.coversAllRows) return editor.commands.deleteTable();
-  return editor.commands.deleteRow();
-}
-function deleteSelectedColumns(editor) {
-  const info = getTableSelectionInfo(editor.state);
-  if (!info) return false;
-  if (info.coversAllCols) {
-    if (info.coversAllRows) return editor.commands.deleteTable();
-    return false;
-  }
-  return editor.commands.deleteColumn();
-}
-const toolbar = "_toolbar_1f7fb_2";
-const inner = "_inner_1f7fb_15";
-const btn = "_btn_1f7fb_27";
-const btnActive = "_btnActive_1f7fb_50";
-const tableBubble = "_tableBubble_1f7fb_66";
-const tableMenuItem = "_tableMenuItem_1f7fb_77";
-const tableMenuItemIcon = "_tableMenuItemIcon_1f7fb_103";
-const tableMenuItemLabel = "_tableMenuItemLabel_1f7fb_113";
-const tableMenuDivider = "_tableMenuDivider_1f7fb_118";
-const txtIcon = "_txtIcon_1f7fb_126";
-const colorIcon = "_colorIcon_1f7fb_134";
-const colorIconGlyph = "_colorIconGlyph_1f7fb_142";
-const colorIconBar = "_colorIconBar_1f7fb_148";
-const scriptTrigger = "_scriptTrigger_1f7fb_155";
-const scriptTriggerGlyph = "_scriptTriggerGlyph_1f7fb_175";
-const divider = "_divider_1f7fb_183";
-const styleTrigger = "_styleTrigger_1f7fb_192";
-const styleTriggerLabel = "_styleTriggerLabel_1f7fb_221";
-const styleTriggerCaret = "_styleTriggerCaret_1f7fb_229";
-const styleItem = "_styleItem_1f7fb_235";
-const styleIcon = "_styleIcon_1f7fb_241";
-const scriptGlyph = "_scriptGlyph_1f7fb_251";
-const menu = "_menu_1f7fb_263";
-const menuItem = "_menuItem_1f7fb_274";
-const menuItemSelected = "_menuItemSelected_1f7fb_301";
-const tableInsertCaret = "_tableInsertCaret_1f7fb_314";
-const tableSizePicker = "_tableSizePicker_1f7fb_322";
-const tableSizeGrid = "_tableSizeGrid_1f7fb_332";
-const tableSizeCell = "_tableSizeCell_1f7fb_337";
-const tableSizeCellActive = "_tableSizeCellActive_1f7fb_347";
-const tableSizeLabel = "_tableSizeLabel_1f7fb_352";
-const popoverContent$1 = "_popoverContent_1f7fb_361";
-const mathLayer = "_mathLayer_1f7fb_365";
-const mathStack = "_mathStack_1f7fb_370";
-const mathStackBlock = "_mathStackBlock_1f7fb_377";
-const mathHint = "_mathHint_1f7fb_382";
-const mathHintBlock = "_mathHintBlock_1f7fb_394";
-const mathHintIcon = "_mathHintIcon_1f7fb_400";
-const mathField = "_mathField_1f7fb_431";
-const mathFieldBlock = "_mathFieldBlock_1f7fb_443";
-const mathInput = "_mathInput_1f7fb_450";
-const mathDone = "_mathDone_1f7fb_468";
-const mathDoneKbd = "_mathDoneKbd_1f7fb_493";
-const styles$3 = {
+const toolbar = "_toolbar_6osph_2";
+const inner = "_inner_6osph_15";
+const btn$1 = "_btn_6osph_33";
+const btnActive = "_btnActive_6osph_56";
+const txtIcon = "_txtIcon_6osph_72";
+const colorIcon = "_colorIcon_6osph_80";
+const colorIconGlyph = "_colorIconGlyph_6osph_88";
+const colorIconBar = "_colorIconBar_6osph_94";
+const scriptTrigger = "_scriptTrigger_6osph_101";
+const scriptTriggerGlyph = "_scriptTriggerGlyph_6osph_121";
+const divider$1 = "_divider_6osph_129";
+const styleTrigger = "_styleTrigger_6osph_138";
+const styleTriggerLabel = "_styleTriggerLabel_6osph_167";
+const styleTriggerCaret = "_styleTriggerCaret_6osph_175";
+const styleItem = "_styleItem_6osph_181";
+const styleIcon = "_styleIcon_6osph_187";
+const scriptGlyph = "_scriptGlyph_6osph_197";
+const menu = "_menu_6osph_209";
+const menuItem = "_menuItem_6osph_220";
+const menuItemSelected = "_menuItemSelected_6osph_247";
+const tableInsertCaret = "_tableInsertCaret_6osph_260";
+const tableSizePicker = "_tableSizePicker_6osph_268";
+const tableSizeGrid = "_tableSizeGrid_6osph_278";
+const tableSizeCell = "_tableSizeCell_6osph_283";
+const tableSizeCellActive = "_tableSizeCellActive_6osph_293";
+const tableSizeLabel = "_tableSizeLabel_6osph_298";
+const popoverContent$1 = "_popoverContent_6osph_307";
+const mathLayer = "_mathLayer_6osph_311";
+const mathStack = "_mathStack_6osph_316";
+const mathStackBlock = "_mathStackBlock_6osph_323";
+const mathHint = "_mathHint_6osph_328";
+const mathHintBlock = "_mathHintBlock_6osph_340";
+const mathHintIcon = "_mathHintIcon_6osph_346";
+const mathField = "_mathField_6osph_377";
+const mathFieldBlock = "_mathFieldBlock_6osph_389";
+const mathInput = "_mathInput_6osph_396";
+const mathDone = "_mathDone_6osph_414";
+const mathDoneKbd = "_mathDoneKbd_6osph_439";
+const styles$5 = {
   toolbar,
   inner,
-  btn,
+  btn: btn$1,
   btnActive,
-  tableBubble,
-  tableMenuItem,
-  tableMenuItemIcon,
-  tableMenuItemLabel,
-  tableMenuDivider,
   txtIcon,
   colorIcon,
   colorIconGlyph,
   colorIconBar,
   scriptTrigger,
   scriptTriggerGlyph,
-  divider,
+  divider: divider$1,
   styleTrigger,
   styleTriggerLabel,
   styleTriggerCaret,
@@ -2693,7 +2703,7 @@ const swatch = "_swatch_x5lrq_54";
 const swatchActive = "_swatchActive_x5lrq_70";
 const themeLabel = "_themeLabel_x5lrq_76";
 const themeRow = "_themeRow_x5lrq_84";
-const styles$2 = {
+const styles$4 = {
   palette,
   noneRow,
   noneIcon,
@@ -2716,25 +2726,25 @@ const THEME_COLORS = ["#ff6719", "#ff5500"];
 function ColorPalette({ value, onPick, labels }) {
   const t = { ...defaultColorPaletteLabels, ...labels };
   const current = value == null ? void 0 : value.toLowerCase();
-  return /* @__PURE__ */ jsxs("div", { className: styles$2.palette, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$4.palette, children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
-        className: styles$2.noneRow,
+        className: styles$4.noneRow,
         onMouseDown: (e2) => e2.preventDefault(),
         onClick: () => onPick(null),
         children: [
-          /* @__PURE__ */ jsx("span", { className: styles$2.noneIcon, "aria-hidden": true }),
-          /* @__PURE__ */ jsx("span", { className: styles$2.noneLabel, children: t.none })
+          /* @__PURE__ */ jsx("span", { className: styles$4.noneIcon, "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: styles$4.noneLabel, children: t.none })
         ]
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: styles$2.grid, children: PALETTE.flat().map((c) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: styles$4.grid, children: PALETTE.flat().map((c) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        className: `${styles$2.swatch} ${current === c.toLowerCase() ? styles$2.swatchActive : ""}`,
+        className: `${styles$4.swatch} ${current === c.toLowerCase() ? styles$4.swatchActive : ""}`,
         style: { background: c },
         title: c,
         "aria-label": c,
@@ -2743,12 +2753,12 @@ function ColorPalette({ value, onPick, labels }) {
       },
       c
     )) }),
-    /* @__PURE__ */ jsx("div", { className: styles$2.themeLabel, children: t.theme }),
-    /* @__PURE__ */ jsx("div", { className: styles$2.themeRow, children: THEME_COLORS.map((c) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: styles$4.themeLabel, children: t.theme }),
+    /* @__PURE__ */ jsx("div", { className: styles$4.themeRow, children: THEME_COLORS.map((c) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        className: `${styles$2.swatch} ${current === c.toLowerCase() ? styles$2.swatchActive : ""}`,
+        className: `${styles$4.swatch} ${current === c.toLowerCase() ? styles$4.swatchActive : ""}`,
         style: { background: c },
         title: c,
         "aria-label": c,
@@ -2759,116 +2769,948 @@ function ColorPalette({ value, onPick, labels }) {
     )) })
   ] });
 }
-function resolveNodeEl(editor, pos) {
-  const dom = editor.view.nodeDOM(pos);
-  if (dom instanceof HTMLElement) return dom;
-  if (dom instanceof Node) return dom.parentElement;
-  return null;
+const OPENABLE_PROTOCOLS = /* @__PURE__ */ new Set([
+  "http:",
+  "https:",
+  "ftp:",
+  "ftps:",
+  "mailto:",
+  "tel:",
+  "callto:",
+  "sms:",
+  "cid:",
+  "xmpp:"
+]);
+const HAS_SCHEME_RE = /^[a-z][a-z0-9+.-]*:/i;
+const SITE_RELATIVE_RE = /^[/#?]/;
+const HOST_PORT_RE = /^(localhost|127\.0\.0\.1|0\.0\.0\.0|\[[0-9a-f:]+\]):\d+($|[/#?])/i;
+const BARE_HOST_RE = /^[^/?#]*\.[^/?#]*/;
+function canSetLink(editor) {
+  if (!editor || editor.isEditable === false) return false;
+  try {
+    return editor.can().setMark("link");
+  } catch {
+    return false;
+  }
 }
-function mathRenderTarget(el, isBlock) {
-  if (!isBlock) return el;
-  return el.querySelector(".block-math-inner") ?? el;
+function isLinkActive(editor) {
+  if (!editor) return false;
+  return editor.isActive("link");
 }
-function getMathLayerStyle(editor, kind, pos) {
-  const host = editor.view.dom.parentElement;
-  if (!host) return {};
-  const hostRect = host.getBoundingClientRect();
-  const editorRect = editor.view.dom.getBoundingClientRect();
-  const gap = 6;
-  const blockWidth = editor.view.dom.clientWidth;
-  if (pos != null) {
-    const el = resolveNodeEl(editor, pos);
-    if (el) {
-      const r2 = el.getBoundingClientRect();
-      const top = r2.bottom - hostRect.top + gap;
-      if (kind === "block") {
-        return {
-          left: editorRect.left - hostRect.left,
-          top,
-          width: blockWidth
-        };
-      }
-      return {
-        left: r2.left - hostRect.left,
-        top
-      };
-    }
-  }
-  const coords = editor.view.coordsAtPos(editor.state.selection.from);
-  if (kind === "block") {
-    return {
-      left: editorRect.left - hostRect.left,
-      top: coords.bottom - hostRect.top + gap,
-      width: blockWidth
-    };
+function readLinkHref(editor) {
+  if (!editor) return "";
+  const { href } = editor.getAttributes("link");
+  return typeof href === "string" ? href : "";
+}
+function defaultProtocol(editor) {
+  var _a, _b;
+  const link = (_a = editor.extensionManager) == null ? void 0 : _a.extensions.find(
+    (extension) => extension.name === "link"
+  );
+  const configured = (_b = link == null ? void 0 : link.options) == null ? void 0 : _b.defaultProtocol;
+  return configured || "http";
+}
+function normalizeLinkHref(editor, raw) {
+  const value = raw.trim();
+  if (!value) return "";
+  if (SITE_RELATIVE_RE.test(value)) return value;
+  if (HOST_PORT_RE.test(value)) return `${defaultProtocol(editor)}://${value}`;
+  if (HAS_SCHEME_RE.test(value)) return value;
+  if (!BARE_HOST_RE.test(value)) return value;
+  return `${defaultProtocol(editor)}://${value}`;
+}
+function applyLink(editor, raw) {
+  if (!editor) return false;
+  const href = normalizeLinkHref(editor, raw);
+  if (!href) return false;
+  if (!editor.can().setLink({ href })) return false;
+  const isEmpty = editor.state.selection.empty;
+  const insideLink = isLinkActive(editor);
+  const chain = editor.chain().focus().extendMarkRange("link").setLink({ href });
+  if (isEmpty && !insideLink) chain.insertContent({ type: "text", text: href });
+  return chain.run();
+}
+function removeLink(editor) {
+  if (!editor) return false;
+  return editor.chain().focus().extendMarkRange("link").unsetLink().setMeta("preventAutolink", true).run();
+}
+function sanitizeLinkUrl(input2, baseUrl) {
+  try {
+    const url = new URL(input2, baseUrl);
+    if (OPENABLE_PROTOCOLS.has(url.protocol)) return url.href;
+  } catch {
   }
-  return {
-    left: coords.left - hostRect.left,
-    top: coords.bottom - hostRect.top + gap
-  };
+  return "#";
 }
-function MathEditorPopover({
+function openLinkUrl(input2, baseUrl) {
+  if (!input2.trim()) return false;
+  const safe = sanitizeLinkUrl(input2, baseUrl);
+  if (safe === "#") return false;
+  window.open(safe, "_blank", "noopener,noreferrer");
+  return true;
+}
+function isApplyKey(event) {
+  if (event.key !== "Enter") return false;
+  return !isComposingKeyEvent(event.nativeEvent);
+}
+const panel = "_panel_qysb1_7";
+const field = "_field_qysb1_28";
+const fieldInvalid = "_fieldInvalid_qysb1_47";
+const input = "_input_qysb1_52";
+const divider = "_divider_qysb1_63";
+const btn = "_btn_qysb1_71";
+const apply = "_apply_qysb1_99";
+const styles$3 = {
+  panel,
+  field,
+  fieldInvalid,
+  input,
+  divider,
+  btn,
+  apply
+};
+function LinkPopover({
   editor,
-  kind,
-  mode,
-  pos,
-  latex,
-  isNew = false,
-  newLabel,
-  placeholder,
-  doneLabel,
-  onConfirm,
-  onCancel
+  trigger,
+  labels,
+  className,
+  style
 }) {
-  const [draft, setDraft] = useState(latex);
-  const [layerStyle, setLayerStyle] = useState(
-    () => getMathLayerStyle(editor, kind, pos)
-  );
-  const titleId = useId();
-  const inputRef = useRef(null);
-  const rootRef = useRef(null);
-  const isBlock = kind === "block";
-  const host = editor.view.dom.parentElement;
-  useEffect(() => {
-    setDraft(latex);
-  }, [latex]);
-  useEffect(() => {
-    const update = () => setLayerStyle(getMathLayerStyle(editor, kind, pos));
-    update();
-    window.addEventListener("resize", update);
-    return () => window.removeEventListener("resize", update);
-  }, [editor, kind, pos, draft]);
-  useEffect(() => {
-    var _a;
-    (_a = inputRef.current) == null ? void 0 : _a.focus();
-  }, []);
-  useEffect(() => {
-    if (pos == null) return;
-    const el = resolveNodeEl(editor, pos);
-    if (!el) return;
-    el.classList.add("tmr-math-editing");
-    return () => {
-      el.classList.remove("tmr-math-editing");
-    };
-  }, [editor, pos]);
-  useEffect(() => {
-    if (pos == null) return;
-    const el = resolveNodeEl(editor, pos);
-    if (!el) return;
-    const target = mathRenderTarget(el, isBlock);
-    const src = draft.trim();
-    if (src) renderMathInto(target, src, isBlock);
-    else target.textContent = "";
-  }, [draft, pos, editor, isBlock]);
-  useEffect(() => {
-    if (pos == null || isNew) return;
-    const el = resolveNodeEl(editor, pos);
-    if (!el) return;
-    const target = mathRenderTarget(el, isBlock);
-    return () => {
-      const restore = latex.trim();
-      if (restore) renderMathInto(target, restore, isBlock);
-      else target.textContent = "";
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Popover.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
+      Popover.Content,
+      {
+        sideOffset: 4,
+        align: "start",
+        onCloseAutoFocus: (e2) => e2.preventDefault(),
+        children: /* @__PURE__ */ jsx(
+          LinkPanel,
+          {
+            editor,
+            labels,
+            className,
+            style,
+            onClose: () => setOpen(false)
+          }
+        )
+      }
+    ) })
+  ] });
+}
+function LinkPanel({
+  editor,
+  labels,
+  className,
+  style,
+  onClose
+}) {
+  const t = { ...defaultLinkPopoverLabels, ...labels };
+  const [url, setUrl] = useState(() => readLinkHref(editor));
+  const [invalid, setInvalid] = useState(false);
+  const canEdit = canSetLink(editor);
+  const hasUrl = url.trim().length > 0;
+  const keepFocus = (e2) => e2.preventDefault();
+  const apply2 = () => {
+    if (!applyLink(editor, url)) {
+      setInvalid(true);
+      return;
+    }
+    setInvalid(false);
+    onClose();
+  };
+  const openInNewWindow = () => {
+    openLinkUrl(normalizeLinkHref(editor, url), window.location.href);
+  };
+  const remove = () => {
+    removeLink(editor);
+    onClose();
+  };
+  const onInputKeyDown = (e2) => {
+    if (!isApplyKey(e2)) return;
+    e2.preventDefault();
+    apply2();
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: className ? `${styles$3.panel} ${className}` : styles$3.panel,
+      style,
+      "data-link-popover": "",
+      role: "dialog",
+      "aria-label": t.field,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: `${styles$3.field}${invalid ? ` ${styles$3.fieldInvalid}` : ""}`, children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: styles$3.input,
+            "data-link-field": "",
+            "data-link-invalid": invalid ? "" : void 0,
+            type: "url",
+            value: url,
+            onChange: (e2) => {
+              setUrl(e2.target.value);
+              setInvalid(false);
+            },
+            onKeyDown: onInputKeyDown,
+            placeholder: t.field,
+            "aria-label": t.field,
+            "aria-invalid": invalid || void 0,
+            title: invalid ? t.invalid : void 0,
+            autoFocus: true,
+            autoComplete: "off",
+            autoCorrect: "off",
+            autoCapitalize: "off",
+            spellCheck: false
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `${styles$3.btn} ${styles$3.apply}`,
+            "data-link-action": "apply",
+            title: t.apply,
+            "aria-label": t.apply,
+            disabled: !canEdit || !hasUrl,
+            onMouseDown: keepFocus,
+            onClick: apply2,
+            children: /* @__PURE__ */ jsx(CheckIcon, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: styles$3.divider, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: styles$3.btn,
+            "data-link-action": "open",
+            title: t.open,
+            "aria-label": t.open,
+            disabled: !hasUrl,
+            onMouseDown: keepFocus,
+            onClick: openInNewWindow,
+            children: /* @__PURE__ */ jsx(ExternalLinkIcon, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: styles$3.btn,
+            "data-link-action": "remove",
+            title: t.remove,
+            "aria-label": t.remove,
+            disabled: !canEdit,
+            onMouseDown: keepFocus,
+            onClick: remove,
+            children: /* @__PURE__ */ jsx(TrashIcon, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}
+function getTableSelectionInfo(state) {
+  if (!isInTable(state)) return null;
+  const rect = selectedRect(state);
+  const rowCount = Math.max(1, rect.bottom - rect.top);
+  const colCount = Math.max(1, rect.right - rect.left);
+  let includesHeaderRow = false;
+  for (let row2 = rect.top; row2 < rect.bottom; row2++) {
+    if (rowIsHeader(rect.map, rect.table, row2)) {
+      includesHeaderRow = true;
+      break;
+    }
+  }
+  return {
+    rowCount,
+    colCount,
+    isMultiCell: rowCount > 1 || colCount > 1,
+    includesHeaderRow,
+    coversAllRows: rect.top === 0 && rect.bottom === rect.map.height,
+    coversAllCols: rect.left === 0 && rect.right === rect.map.width
+  };
+}
+function isPosInCellSelection(selection, pos) {
+  let found = false;
+  selection.forEachCell((node, cellPos) => {
+    if (pos >= cellPos && pos <= cellPos + node.nodeSize) {
+      found = true;
+    }
+  });
+  return found;
+}
+function addRowsBefore(editor, count) {
+  const n = Math.max(1, count);
+  for (let i = 0; i < n; i++) {
+    if (!editor.commands.addRowBefore()) return false;
+  }
+  return true;
+}
+function addRowsAfter(editor, count) {
+  const n = Math.max(1, count);
+  for (let i = 0; i < n; i++) {
+    if (!editor.commands.addRowAfter()) return false;
+  }
+  return true;
+}
+function addColumnsBefore(editor, count) {
+  const n = Math.max(1, count);
+  for (let i = 0; i < n; i++) {
+    if (!editor.commands.addColumnBefore()) return false;
+  }
+  return true;
+}
+function addColumnsAfter(editor, count) {
+  const n = Math.max(1, count);
+  for (let i = 0; i < n; i++) {
+    if (!editor.commands.addColumnAfter()) return false;
+  }
+  return true;
+}
+function deleteSelectedRows(editor) {
+  const info = getTableSelectionInfo(editor.state);
+  if (!info) return false;
+  if (info.coversAllRows) return editor.commands.deleteTable();
+  return editor.commands.deleteRow();
+}
+function deleteSelectedColumns(editor) {
+  const info = getTableSelectionInfo(editor.state);
+  if (!info) return false;
+  if (info.coversAllCols) {
+    if (info.coversAllRows) return editor.commands.deleteTable();
+    return false;
+  }
+  return editor.commands.deleteColumn();
+}
+const STRUCTURAL_CELL_ATTRS = /* @__PURE__ */ new Set(["colspan", "rowspan"]);
+function selectedCellEntries(editor) {
+  const { selection } = editor.state;
+  const entries = [];
+  if (selection instanceof CellSelection) {
+    selection.forEachCell((node2, pos2) => {
+      entries.push({ pos: pos2, node: node2 });
+    });
+    return entries;
+  }
+  const $cell = cellAround(selection.$from);
+  if (!$cell) return entries;
+  const pos = $cell.before($cell.depth);
+  const node = editor.state.doc.nodeAt(pos);
+  if (node) entries.push({ pos, node });
+  return entries;
+}
+function clearSelectedCellContents(editor) {
+  var _a;
+  const entries = selectedCellEntries(editor);
+  if (!entries.length) return false;
+  const paragraph = editor.state.schema.nodes.paragraph;
+  if (!paragraph) return false;
+  const tr = editor.state.tr;
+  for (const { pos, node } of [...entries].sort((a3, b3) => b3.pos - a3.pos)) {
+    const isEmpty = node.childCount === 1 && !!((_a = node.firstChild) == null ? void 0 : _a.isTextblock) && node.firstChild.content.size === 0;
+    if (isEmpty) continue;
+    tr.replaceWith(pos + 1, pos + node.nodeSize - 1, paragraph.createAndFill());
+  }
+  if (!tr.docChanged) return false;
+  editor.view.dispatch(tr.scrollIntoView());
+  return true;
+}
+function resetSelectedCellStyles(editor) {
+  const entries = selectedCellEntries(editor);
+  if (!entries.length) return false;
+  const tr = editor.state.tr;
+  for (const { pos, node } of entries) {
+    const attrs = node.type.spec.attrs ?? {};
+    const next = { ...node.attrs };
+    let changed = false;
+    for (const [key, spec] of Object.entries(attrs)) {
+      if (STRUCTURAL_CELL_ATTRS.has(key)) continue;
+      const fallback = (spec == null ? void 0 : spec.default) ?? null;
+      if (next[key] !== fallback) {
+        next[key] = fallback;
+        changed = true;
+      }
+    }
+    if (changed) tr.setNodeMarkup(pos, void 0, next);
+  }
+  if (!tr.docChanged) return false;
+  editor.view.dispatch(tr);
+  return true;
+}
+function findTable(editor) {
+  const $from = editor.state.selection.$from;
+  for (let d = $from.depth; d > 0; d -= 1) {
+    if ($from.node(d).type.name === "table") {
+      return { pos: $from.before(d), node: $from.node(d) };
+    }
+  }
+  let found = null;
+  editor.state.doc.descendants((node, pos) => {
+    if (found !== null) return false;
+    if (node.type.name === "table") {
+      found = { pos, node };
+      return false;
+    }
+    return true;
+  });
+  return found;
+}
+function selectLineAt(editor, table, kind, index) {
+  const map = TableMap.get(table.node);
+  const start = table.pos + 1;
+  const anchorCell = start + map.positionAt(kind === "row" ? index : 0, kind === "col" ? index : 0, table.node);
+  const headCell = start + map.positionAt(
+    kind === "row" ? index : map.height - 1,
+    kind === "col" ? index : map.width - 1,
+    table.node
+  );
+  editor.view.dispatch(
+    editor.state.tr.setSelection(
+      new CellSelection(
+        editor.state.doc.resolve(anchorCell),
+        editor.state.doc.resolve(headCell)
+      )
+    )
+  );
+}
+function appendRowToTable(editor) {
+  const table = findTable(editor);
+  if (!table) return false;
+  selectLineAt(editor, table, "row", TableMap.get(table.node).height - 1);
+  return addRowsAfter(editor, 1);
+}
+function appendColumnToTable(editor) {
+  const table = findTable(editor);
+  if (!table) return false;
+  selectLineAt(editor, table, "col", TableMap.get(table.node).width - 1);
+  return addColumnsAfter(editor, 1);
+}
+const handle = "_handle_cco3n_9";
+const handleRow = "_handleRow_cco3n_30";
+const handleCol = "_handleCol_cco3n_40";
+const extend = "_extend_cco3n_70";
+const tableBubble = "_tableBubble_cco3n_115";
+const tableMenuItem = "_tableMenuItem_cco3n_128";
+const tableMenuItemIcon = "_tableMenuItemIcon_cco3n_154";
+const tableMenuItemLabel = "_tableMenuItemLabel_cco3n_164";
+const tableMenuDivider = "_tableMenuDivider_cco3n_169";
+const styles$2 = {
+  handle,
+  handleRow,
+  handleCol,
+  extend,
+  tableBubble,
+  tableMenuItem,
+  tableMenuItemIcon,
+  tableMenuItemLabel,
+  tableMenuDivider
+};
+function edgeFlags(editor, cell) {
+  try {
+    const $cell = cellAround(editor.state.doc.resolve(editor.view.posAtDOM(cell, 0)));
+    if (!$cell) return { onLastRow: false, onLastCol: false };
+    const map = TableMap.get($cell.node(-1));
+    const rect = map.findCell($cell.pos - $cell.start(-1));
+    return {
+      onLastRow: rect.bottom === map.height,
+      onLastCol: rect.right === map.width
+    };
+  } catch {
+    return { onLastRow: false, onLastCol: false };
+  }
+}
+const COL_HANDLE_GAP = 22;
+const ROW_HANDLE_GAP = 26;
+const EXTEND_GAP = 6;
+const EXTEND_THICKNESS = 16;
+const HOVER_KEEP_MS = 160;
+function measureCell(editor, cell) {
+  const table = cell.closest("table");
+  const row2 = cell.closest("tr");
+  if (!table || !row2) return null;
+  try {
+    editor.view.posAtDOM(cell, 0);
+  } catch {
+    return null;
+  }
+  const cellRect = cell.getBoundingClientRect();
+  const rowRect = row2.getBoundingClientRect();
+  const tableRect = table.getBoundingClientRect();
+  const edges = edgeFlags(editor, cell);
+  return {
+    cell,
+    ...edges,
+    rowTop: rowRect.top,
+    rowHeight: rowRect.height,
+    colLeft: cellRect.left,
+    colWidth: cellRect.width,
+    tableLeft: tableRect.left,
+    tableTop: tableRect.top,
+    tableRight: tableRect.right,
+    tableBottom: tableRect.bottom
+  };
+}
+function selectRowOrColumn(editor, cell, kind) {
+  let pos;
+  try {
+    pos = editor.view.posAtDOM(cell, 0);
+  } catch {
+    return false;
+  }
+  const $cell = cellAround(editor.state.doc.resolve(pos));
+  if (!$cell) return false;
+  const selection = kind === "row" ? CellSelection.rowSelection($cell) : CellSelection.colSelection($cell);
+  editor.view.dispatch(editor.state.tr.setSelection(selection));
+  return true;
+}
+function menuItemsFor(editor, labels, kind) {
+  const info = getTableSelectionInfo(editor.state);
+  const rowN = (info == null ? void 0 : info.rowCount) ?? 1;
+  const colN = (info == null ? void 0 : info.colCount) ?? 1;
+  const multi = kind === "multi";
+  const items = [];
+  if (kind === "col" || kind === "multi") {
+    items.push(
+      {
+        key: "col-before",
+        group: "col",
+        label: multi ? labels.tableAddColumnBeforeN(colN) : labels.tableAddColumnBefore,
+        icon: /* @__PURE__ */ jsx(ColumnBeforeIcon, {}),
+        run: () => addColumnsBefore(editor, colN)
+      },
+      {
+        key: "col-after",
+        group: "col",
+        label: multi ? labels.tableAddColumnAfterN(colN) : labels.tableAddColumnAfter,
+        icon: /* @__PURE__ */ jsx(ColumnAfterIcon, {}),
+        run: () => addColumnsAfter(editor, colN)
+      },
+      {
+        key: "col-delete",
+        group: "col",
+        label: multi ? labels.tableDeleteColumnN(colN) : labels.tableDeleteColumn,
+        icon: /* @__PURE__ */ jsx(ColumnDeleteIcon, {}),
+        // 只选了全部列、却没选全部行：删列会把表格删没，禁掉
+        disabled: !!(info == null ? void 0 : info.coversAllCols) && !(info == null ? void 0 : info.coversAllRows),
+        run: () => deleteSelectedColumns(editor)
+      }
+    );
+  }
+  if (kind === "row" || kind === "multi") {
+    items.push(
+      {
+        key: "row-before",
+        group: "row",
+        label: multi ? labels.tableAddRowBeforeN(rowN) : labels.tableAddRowBefore,
+        icon: /* @__PURE__ */ jsx(RowBeforeIcon, {}),
+        // 上方是表头行时插行没意义
+        disabled: !!(info == null ? void 0 : info.includesHeaderRow),
+        run: () => addRowsBefore(editor, rowN)
+      },
+      {
+        key: "row-after",
+        group: "row",
+        label: multi ? labels.tableAddRowAfterN(rowN) : labels.tableAddRowAfter,
+        icon: /* @__PURE__ */ jsx(RowAfterIcon, {}),
+        run: () => addRowsAfter(editor, rowN)
+      },
+      {
+        key: "row-delete",
+        group: "row",
+        label: multi ? labels.tableDeleteRowN(rowN) : labels.tableDeleteRow,
+        icon: /* @__PURE__ */ jsx(RowDeleteIcon, {}),
+        disabled: !!(info == null ? void 0 : info.includesHeaderRow),
+        run: () => deleteSelectedRows(editor)
+      }
+    );
+  }
+  items.push(
+    {
+      key: "cells-clear",
+      group: "cells",
+      label: labels.tableClearContent,
+      icon: /* @__PURE__ */ jsx(EraserIcon, {}),
+      run: () => clearSelectedCellContents(editor)
+    },
+    {
+      key: "cells-reset",
+      group: "cells",
+      label: labels.tableResetCellStyles,
+      icon: /* @__PURE__ */ jsx(RotateCcwIcon, {}),
+      run: () => resetSelectedCellStyles(editor)
+    }
+  );
+  return items;
+}
+function TableHandles({ editor, labels }) {
+  const [hover, setHover] = useState(null);
+  const [menu2, setMenu] = useState(null);
+  const hoverRef = useRef(null);
+  const menuRef = useRef(null);
+  menuRef.current = menu2;
+  const clearHover = useCallback(() => {
+    if (!hoverRef.current) return;
+    hoverRef.current = null;
+    setHover(null);
+  }, []);
+  const closeMenu = useCallback(() => setMenu(null), []);
+  const remeasureHover = useCallback(() => {
+    var _a;
+    const cell = (_a = hoverRef.current) == null ? void 0 : _a.cell;
+    if (!cell) return;
+    const next = cell.isConnected ? measureCell(editor, cell) : null;
+    hoverRef.current = next;
+    setHover(next);
+  }, [editor]);
+  const clearTimerRef = useRef(null);
+  const cancelPendingClear = useCallback(() => {
+    if (clearTimerRef.current === null) return;
+    clearTimeout(clearTimerRef.current);
+    clearTimerRef.current = null;
+  }, []);
+  useEffect(() => {
+    const onMove = (event) => {
+      var _a, _b;
+      if (!editor.isEditable || menuRef.current) return;
+      const target = event.target;
+      if ((_a = target == null ? void 0 : target.closest) == null ? void 0 : _a.call(target, "[data-table-handle], [data-table-extend]")) {
+        cancelPendingClear();
+        return;
+      }
+      const cell = target && editor.view.dom.contains(target) ? target.closest("td, th") : null;
+      if (!cell) {
+        if (hoverRef.current && clearTimerRef.current === null) {
+          clearTimerRef.current = setTimeout(() => {
+            clearTimerRef.current = null;
+            clearHover();
+          }, HOVER_KEEP_MS);
+        }
+        return;
+      }
+      cancelPendingClear();
+      if (((_b = hoverRef.current) == null ? void 0 : _b.cell) === cell) return;
+      const next = measureCell(editor, cell);
+      hoverRef.current = next;
+      setHover(next);
+    };
+    const onBlurWindow = () => {
+      cancelPendingClear();
+      clearHover();
+    };
+    document.addEventListener("mousemove", onMove);
+    document.addEventListener("mouseleave", onBlurWindow);
+    window.addEventListener("scroll", remeasureHover, true);
+    window.addEventListener("resize", remeasureHover);
+    return () => {
+      cancelPendingClear();
+      document.removeEventListener("mousemove", onMove);
+      document.removeEventListener("mouseleave", onBlurWindow);
+      window.removeEventListener("scroll", remeasureHover, true);
+      window.removeEventListener("resize", remeasureHover);
+    };
+  }, [editor, clearHover, cancelPendingClear, remeasureHover]);
+  useEffect(() => {
+    const dom = editor.view.dom;
+    const onContextMenu = (event) => {
+      const info = getTableSelectionInfo(editor.state);
+      const { selection } = editor.state;
+      if (!(info == null ? void 0 : info.isMultiCell) || !(selection instanceof CellSelection)) return;
+      const coords = editor.view.posAtCoords({
+        left: event.clientX,
+        top: event.clientY
+      });
+      if (!coords || !isPosInCellSelection(selection, coords.pos)) return;
+      event.preventDefault();
+      hoverRef.current = null;
+      setHover(null);
+      setMenu({ kind: "multi", x: event.clientX, y: event.clientY });
+    };
+    dom.addEventListener("contextmenu", onContextMenu);
+    return () => dom.removeEventListener("contextmenu", onContextMenu);
+  }, [editor]);
+  useEffect(() => {
+    if (!menu2) return;
+    const onKey = (event) => {
+      if (event.key === "Escape") closeMenu();
+    };
+    const onDown = (event) => {
+      var _a;
+      const target = event.target;
+      if ((_a = target == null ? void 0 : target.closest) == null ? void 0 : _a.call(target, "[data-table-menu]")) return;
+      closeMenu();
+    };
+    document.addEventListener("keydown", onKey, true);
+    document.addEventListener("mousedown", onDown);
+    return () => {
+      document.removeEventListener("keydown", onKey, true);
+      document.removeEventListener("mousedown", onDown);
+    };
+  }, [menu2, closeMenu]);
+  if (typeof document === "undefined") return null;
+  const openHandleMenu = (kind) => {
+    if (!hover) return;
+    if (!selectRowOrColumn(editor, hover.cell, kind)) return;
+    setHover(null);
+    hoverRef.current = null;
+    setMenu(
+      kind === "row" ? { kind, x: hover.tableLeft + 6, y: hover.rowTop } : { kind, x: hover.colLeft, y: hover.tableTop + 6 }
+    );
+  };
+  const items = menu2 ? menuItemsFor(editor, labels, menu2.kind) : [];
+  const showHandles = !!hover && !menu2 && editor.isEditable;
+  return createPortal(
+    /* @__PURE__ */ jsxs(Fragment$2, { children: [
+      showHandles && hover ? /* @__PURE__ */ jsxs(Fragment$2, { children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-table-handle": "row",
+            className: `${styles$2.handle} ${styles$2.handleRow}`,
+            style: {
+              left: hover.tableLeft - ROW_HANDLE_GAP,
+              // 长度跟着行高走（原来固定 28px 居中，行高时就显得太短）
+              top: hover.rowTop,
+              height: hover.rowHeight
+            },
+            title: labels.tableRowMenu,
+            "aria-label": labels.tableRowMenu,
+            onMouseDown: (e2) => e2.preventDefault(),
+            onClick: () => openHandleMenu("row"),
+            children: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "⋮" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-table-handle": "col",
+            className: `${styles$2.handle} ${styles$2.handleCol}`,
+            style: {
+              // 长度跟着列宽走，两端与单元格对齐
+              left: hover.colLeft,
+              top: hover.tableTop - COL_HANDLE_GAP,
+              width: hover.colWidth
+            },
+            title: labels.tableColumnMenu,
+            "aria-label": labels.tableColumnMenu,
+            onMouseDown: (e2) => e2.preventDefault(),
+            onClick: () => openHandleMenu("col"),
+            children: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "⋯" })
+          }
+        ),
+        hover.onLastCol ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-table-extend": "col",
+            className: styles$2.extend,
+            style: {
+              left: hover.tableRight + EXTEND_GAP,
+              top: hover.tableTop,
+              width: EXTEND_THICKNESS,
+              height: Math.max(EXTEND_THICKNESS, hover.tableBottom - hover.tableTop)
+            },
+            title: labels.tableAppendColumn,
+            "aria-label": labels.tableAppendColumn,
+            onMouseDown: (e2) => e2.preventDefault(),
+            onClick: () => {
+              appendColumnToTable(editor);
+              remeasureHover();
+            },
+            children: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "+" })
+          }
+        ) : null,
+        hover.onLastRow ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-table-extend": "row",
+            className: styles$2.extend,
+            style: {
+              left: hover.tableLeft,
+              top: hover.tableBottom + EXTEND_GAP,
+              width: Math.max(EXTEND_THICKNESS, hover.tableRight - hover.tableLeft),
+              height: EXTEND_THICKNESS
+            },
+            title: labels.tableAppendRow,
+            "aria-label": labels.tableAppendRow,
+            onMouseDown: (e2) => e2.preventDefault(),
+            onClick: () => {
+              appendRowToTable(editor);
+              remeasureHover();
+            },
+            children: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "+" })
+          }
+        ) : null
+      ] }) : null,
+      menu2 ? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: styles$2.tableBubble,
+          "data-table-menu": "",
+          style: { left: menu2.x, top: menu2.y },
+          role: "menu",
+          onMouseDown: (e2) => e2.stopPropagation(),
+          onContextMenu: (e2) => e2.preventDefault(),
+          children: [
+            items.map((item2, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+              index > 0 && item2.group !== items[index - 1].group ? /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuDivider, "aria-hidden": true }) : null,
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  className: styles$2.tableMenuItem,
+                  disabled: item2.disabled,
+                  onClick: () => {
+                    item2.run();
+                    closeMenu();
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuItemIcon, "aria-hidden": true, children: item2.icon }),
+                    /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuItemLabel, children: item2.label })
+                  ]
+                }
+              )
+            ] }, item2.key)),
+            /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuDivider, "aria-hidden": true }),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: styles$2.tableMenuItem,
+                onClick: () => {
+                  editor.commands.deleteTable();
+                  closeMenu();
+                },
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuItemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(TableDeleteIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: styles$2.tableMenuItemLabel, children: labels.tableDeleteTable })
+                ]
+              }
+            )
+          ]
+        }
+      ) : null
+    ] }),
+    document.body
+  );
+}
+function resolveNodeEl(editor, pos) {
+  const dom = editor.view.nodeDOM(pos);
+  if (dom instanceof HTMLElement) return dom;
+  if (dom instanceof Node) return dom.parentElement;
+  return null;
+}
+function mathRenderTarget(el, isBlock) {
+  if (!isBlock) return el;
+  return el.querySelector(".block-math-inner") ?? el;
+}
+function getMathLayerStyle(editor, kind, pos) {
+  const host = editor.view.dom.parentElement;
+  if (!host) return {};
+  const hostRect = host.getBoundingClientRect();
+  const editorRect = editor.view.dom.getBoundingClientRect();
+  const gap = 6;
+  const blockWidth = editor.view.dom.clientWidth;
+  if (pos != null) {
+    const el = resolveNodeEl(editor, pos);
+    if (el) {
+      const r2 = el.getBoundingClientRect();
+      const top = r2.bottom - hostRect.top + gap;
+      if (kind === "block") {
+        return {
+          left: editorRect.left - hostRect.left,
+          top,
+          width: blockWidth
+        };
+      }
+      return {
+        left: r2.left - hostRect.left,
+        top
+      };
+    }
+  }
+  const coords = editor.view.coordsAtPos(editor.state.selection.from);
+  if (kind === "block") {
+    return {
+      left: editorRect.left - hostRect.left,
+      top: coords.bottom - hostRect.top + gap,
+      width: blockWidth
+    };
+  }
+  return {
+    left: coords.left - hostRect.left,
+    top: coords.bottom - hostRect.top + gap
+  };
+}
+function MathEditorPopover({
+  editor,
+  kind,
+  mode,
+  pos,
+  latex,
+  isNew = false,
+  newLabel,
+  placeholder,
+  doneLabel,
+  onConfirm,
+  onCancel
+}) {
+  const [draft, setDraft] = useState(latex);
+  const [layerStyle, setLayerStyle] = useState(
+    () => getMathLayerStyle(editor, kind, pos)
+  );
+  const titleId = useId();
+  const inputRef = useRef(null);
+  const rootRef = useRef(null);
+  const isBlock = kind === "block";
+  const host = editor.view.dom.parentElement;
+  useEffect(() => {
+    setDraft(latex);
+  }, [latex]);
+  useEffect(() => {
+    const update = () => setLayerStyle(getMathLayerStyle(editor, kind, pos));
+    update();
+    window.addEventListener("resize", update);
+    return () => window.removeEventListener("resize", update);
+  }, [editor, kind, pos, draft]);
+  useEffect(() => {
+    var _a;
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+  }, []);
+  useEffect(() => {
+    if (pos == null) return;
+    const el = resolveNodeEl(editor, pos);
+    if (!el) return;
+    el.classList.add("tmr-math-editing");
+    return () => {
+      el.classList.remove("tmr-math-editing");
+    };
+  }, [editor, pos]);
+  useEffect(() => {
+    if (pos == null) return;
+    const el = resolveNodeEl(editor, pos);
+    if (!el) return;
+    const target = mathRenderTarget(el, isBlock);
+    const src = draft.trim();
+    if (src) renderMathInto(target, src, isBlock);
+    else target.textContent = "";
+  }, [draft, pos, editor, isBlock]);
+  useEffect(() => {
+    if (pos == null || isNew) return;
+    const el = resolveNodeEl(editor, pos);
+    if (!el) return;
+    const target = mathRenderTarget(el, isBlock);
+    return () => {
+      const restore = latex.trim();
+      if (restore) renderMathInto(target, restore, isBlock);
+      else target.textContent = "";
     };
   }, [pos, editor, isBlock, latex, isNew]);
   useEffect(() => {
@@ -2907,7 +3749,7 @@ function MathEditorPopover({
     "textarea",
     {
       ref: inputRef,
-      className: styles$3.mathInput,
+      className: styles$5.mathInput,
       value: draft,
       placeholder,
       rows: Math.max(3, draft.split("\n").length),
@@ -2919,7 +3761,7 @@ function MathEditorPopover({
     "input",
     {
       ref: inputRef,
-      className: styles$3.mathInput,
+      className: styles$5.mathInput,
       value: draft,
       placeholder,
       "aria-labelledby": titleId,
@@ -2933,7 +3775,7 @@ function MathEditorPopover({
       "div",
       {
         ref: rootRef,
-        className: styles$3.mathLayer,
+        className: styles$5.mathLayer,
         style: layerStyle,
         role: "dialog",
         "aria-modal": "false",
@@ -2941,15 +3783,15 @@ function MathEditorPopover({
         children: /* @__PURE__ */ jsxs(
           "div",
           {
-            className: isBlock ? `${styles$3.mathStack} ${styles$3.mathStackBlock}` : styles$3.mathStack,
+            className: isBlock ? `${styles$5.mathStack} ${styles$5.mathStackBlock}` : styles$5.mathStack,
             children: [
               showHint ? /* @__PURE__ */ jsxs(
                 "div",
                 {
                   id: titleId,
-                  className: isBlock ? `${styles$3.mathHint} ${styles$3.mathHintBlock}` : styles$3.mathHint,
+                  className: isBlock ? `${styles$5.mathHint} ${styles$5.mathHintBlock}` : styles$5.mathHint,
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$3.mathHintIcon, "aria-hidden": true, children: isBlock ? "TeX" : "√x" }),
+                    /* @__PURE__ */ jsx("span", { className: styles$5.mathHintIcon, "aria-hidden": true, children: isBlock ? "TeX" : "√x" }),
                     newLabel
                   ]
                 }
@@ -2958,20 +3800,20 @@ function MathEditorPopover({
                 "div",
                 {
                   id: showHint ? void 0 : titleId,
-                  className: isBlock ? `${styles$3.mathField} ${styles$3.mathFieldBlock}` : styles$3.mathField,
+                  className: isBlock ? `${styles$5.mathField} ${styles$5.mathFieldBlock}` : styles$5.mathField,
                   children: [
                     field2,
                     /* @__PURE__ */ jsxs(
                       "button",
                       {
                         type: "button",
-                        className: styles$3.mathDone,
+                        className: styles$5.mathDone,
                         disabled: !canSubmit,
                         title: isBlock ? `${doneLabel} (⌘/Ctrl+Enter)` : `${doneLabel} (Enter)`,
                         onClick: submit,
                         children: [
                           doneLabel,
-                          /* @__PURE__ */ jsx("span", { className: styles$3.mathDoneKbd, "aria-hidden": true, children: "↵" })
+                          /* @__PURE__ */ jsx("span", { className: styles$5.mathDoneKbd, "aria-hidden": true, children: "↵" })
                         ]
                       }
                     )
@@ -2986,56 +3828,27 @@ function MathEditorPopover({
     host
   );
 }
-function ToolbarButton({
-  title,
-  active: active2,
-  disabled,
-  busy,
-  onClick,
-  children
-}) {
+const ToolbarButton = forwardRef(function ToolbarButton2({ title, active: active2, disabled, busy, onClick, children, className, ...rest }, ref) {
   return /* @__PURE__ */ jsx(
     "button",
     {
+      ...rest,
+      ref,
       type: "button",
       title,
       "aria-label": title,
       "aria-pressed": active2,
       "aria-busy": busy,
       disabled,
-      className: `${styles$3.btn} ${active2 ? styles$3.btnActive : ""}`,
+      className: `${styles$5.btn} ${active2 ? styles$5.btnActive : ""}${className ? ` ${className}` : ""}`,
       onMouseDown: (e2) => e2.preventDefault(),
       onClick,
       children
     }
   );
-}
+});
 function Divider() {
-  return /* @__PURE__ */ jsx("span", { className: styles$3.divider, "aria-hidden": true });
-}
-function TableMenuItem({
-  label,
-  disabled,
-  onClick,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      disabled,
-      className: styles$3.tableMenuItem,
-      onMouseDown: (e2) => e2.preventDefault(),
-      onClick,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: styles$3.tableMenuItemIcon, "aria-hidden": true, children }),
-        /* @__PURE__ */ jsx("span", { className: styles$3.tableMenuItemLabel, children: label })
-      ]
-    }
-  );
-}
-function TableMenuDivider() {
-  return /* @__PURE__ */ jsx("div", { className: styles$3.tableMenuDivider, "aria-hidden": true });
+  return /* @__PURE__ */ jsx("span", { className: styles$5.divider, "aria-hidden": true });
 }
 const MenuCloseCtx = createContext(() => {
 });
@@ -3050,7 +3863,7 @@ function MenuPopover({
     /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
       Popover.Content,
       {
-        className: styles$3.menu,
+        className: styles$5.menu,
         sideOffset: 4,
         align: "start",
         onOpenAutoFocus: (e2) => e2.preventDefault(),
@@ -3072,7 +3885,7 @@ function MenuItem({
     {
       type: "button",
       disabled,
-      className: `${styles$3.menuItem} ${selected ? styles$3.menuItemSelected : ""}`,
+      className: `${styles$5.menuItem} ${selected ? styles$5.menuItemSelected : ""}`,
       onMouseDown: (e2) => e2.preventDefault(),
       onClick: () => {
         onSelect();
@@ -3107,21 +3920,21 @@ function TableInsertItem({
           {
             type: "button",
             disabled,
-            className: `${styles$3.menuItem} ${open ? styles$3.menuItemSelected : ""}`,
+            className: `${styles$5.menuItem} ${open ? styles$5.menuItemSelected : ""}`,
             onMouseDown: (e2) => e2.preventDefault(),
             children: [
-              /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
-                /* @__PURE__ */ jsx("span", { className: styles$3.styleIcon, children: "⊞" }),
+              /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "⊞" }),
                 labels.tableInsert
               ] }),
-              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$3.tableInsertCaret })
+              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.tableInsertCaret })
             ]
           }
         ) }),
         /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(
           Popover.Content,
           {
-            className: styles$3.tableSizePicker,
+            className: styles$5.tableSizePicker,
             side: "right",
             align: "start",
             sideOffset: 6,
@@ -3131,7 +3944,7 @@ function TableInsertItem({
               /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: styles$3.tableSizeGrid,
+                  className: styles$5.tableSizeGrid,
                   style: {
                     gridTemplateColumns: `repeat(${TABLE_PICKER_COLS}, 1fr)`
                   },
@@ -3145,7 +3958,7 @@ function TableInsertItem({
                       {
                         type: "button",
                         "aria-label": labels.tableSizeSelected(col, row2),
-                        className: `${styles$3.tableSizeCell} ${active2 ? styles$3.tableSizeCellActive : ""}`,
+                        className: `${styles$5.tableSizeCell} ${active2 ? styles$5.tableSizeCellActive : ""}`,
                         onMouseDown: (e2) => e2.preventDefault(),
                         onMouseEnter: () => setHover({ cols: col, rows: row2 }),
                         onClick: () => {
@@ -3160,7 +3973,7 @@ function TableInsertItem({
                   })
                 }
               ),
-              /* @__PURE__ */ jsx("div", { className: styles$3.tableSizeLabel, children: hover.cols > 0 ? labels.tableSizeSelected(hover.cols, hover.rows) : labels.tableInsert })
+              /* @__PURE__ */ jsx("div", { className: styles$5.tableSizeLabel, children: hover.cols > 0 ? labels.tableSizeSelected(hover.cols, hover.rows) : labels.tableInsert })
             ]
           }
         ) })
@@ -3182,20 +3995,20 @@ function ColorPopover({
       "button",
       {
         type: "button",
-        className: styles$3.btn,
+        className: styles$5.btn,
         title,
         "aria-label": title,
         onMouseDown: (e2) => e2.preventDefault(),
-        children: /* @__PURE__ */ jsxs("span", { className: styles$3.colorIcon, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$3.colorIconGlyph, children: glyph }),
-          /* @__PURE__ */ jsx("span", { className: styles$3.colorIconBar, style: { background: bar2 } })
+        children: /* @__PURE__ */ jsxs("span", { className: styles$5.colorIcon, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$5.colorIconGlyph, children: glyph }),
+          /* @__PURE__ */ jsx("span", { className: styles$5.colorIconBar, style: { background: bar2 } })
         ] })
       }
     ) }),
     /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
       Popover.Content,
       {
-        className: styles$3.popoverContent,
+        className: styles$5.popoverContent,
         sideOffset: 4,
         align: "start",
         onOpenAutoFocus: (e2) => e2.preventDefault(),
@@ -3226,6 +4039,8 @@ function EditorToolbar({
   importMenuItems,
   showImport = true,
   labels,
+  onSearch,
+  searchActive = false,
   extraToolbarItems,
   className
 }) {
@@ -3270,60 +4085,6 @@ function EditorToolbar({
   }, [editor]);
   const fileInputRef = useRef(null);
   const chain = () => editor.chain().focus();
-  const [tableMenu, setTableMenu] = useState(
-    null
-  );
-  const closeTableMenu = useCallback(() => setTableMenu(null), []);
-  useEffect(() => {
-    const dom = editor.view.dom;
-    const onContextMenu = (e2) => {
-      const coords = editor.view.posAtCoords({
-        left: e2.clientX,
-        top: e2.clientY
-      });
-      if (!coords) return;
-      const $pos = editor.state.doc.resolve(coords.pos);
-      let inTable = false;
-      for (let d = $pos.depth; d > 0; d--) {
-        if ($pos.node(d).type.name === "table") {
-          inTable = true;
-          break;
-        }
-      }
-      if (!inTable) return;
-      e2.preventDefault();
-      preserveTableSelectionOnContextMenu(editor, coords.pos);
-      setTableMenu({ x: e2.clientX, y: e2.clientY });
-    };
-    dom.addEventListener("contextmenu", onContextMenu);
-    return () => dom.removeEventListener("contextmenu", onContextMenu);
-  }, [editor]);
-  useEffect(() => {
-    if (!tableMenu) return;
-    const onKey = (e2) => {
-      if (e2.key === "Escape") closeTableMenu();
-    };
-    document.addEventListener("mousedown", closeTableMenu);
-    document.addEventListener("keydown", onKey, true);
-    return () => {
-      document.removeEventListener("mousedown", closeTableMenu);
-      document.removeEventListener("keydown", onKey, true);
-    };
-  }, [tableMenu, closeTableMenu]);
-  const runTable = useCallback(
-    (fn) => {
-      fn();
-      closeTableMenu();
-    },
-    [closeTableMenu]
-  );
-  const tableSel = tableMenu ? getTableSelectionInfo(editor.state) : null;
-  const tableRowN = (tableSel == null ? void 0 : tableSel.rowCount) ?? 1;
-  const tableColN = (tableSel == null ? void 0 : tableSel.colCount) ?? 1;
-  const tableMulti = (tableSel == null ? void 0 : tableSel.isMultiCell) ?? false;
-  const disableAddRowBefore = !!(tableSel == null ? void 0 : tableSel.includesHeaderRow);
-  const disableDeleteRow = !!(tableSel == null ? void 0 : tableSel.includesHeaderRow);
-  const disableDeleteColumn = !!(tableSel == null ? void 0 : tableSel.coversAllCols) && !(tableSel == null ? void 0 : tableSel.coversAllRows);
   const handlePickImage = () => {
     var _a;
     return (_a = fileInputRef.current) == null ? void 0 : _a.click();
@@ -3420,14 +4181,6 @@ function EditorToolbar({
     if (color) chain().setHighlight({ color }).run();
     else chain().unsetHighlight().run();
   };
-  const toggleLink = () => {
-    if (state.link) {
-      chain().unsetLink().run();
-      return;
-    }
-    const url = window.prompt(t.linkPrompt);
-    if (url) chain().setLink({ href: url }).run();
-  };
   const setBlockStyle = (level) => {
     if (level === 0) chain().setParagraph().run();
     else
@@ -3511,8 +4264,8 @@ function EditorToolbar({
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: className ? `${styles$3.toolbar} ${className}` : styles$3.toolbar,
-        children: /* @__PURE__ */ jsxs("div", { className: styles$3.inner, children: [
+        className: className ? `${styles$5.toolbar} ${className}` : styles$5.toolbar,
+        children: /* @__PURE__ */ jsxs("div", { className: styles$5.inner, children: [
           /* @__PURE__ */ jsx(
             ToolbarButton,
             {
@@ -3539,12 +4292,12 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$3.styleTrigger,
+                  className: styles$5.styleTrigger,
                   title: t.style,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$3.styleTriggerLabel, children: t.style }),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$3.styleTriggerCaret })
+                    /* @__PURE__ */ jsx("span", { className: styles$5.styleTriggerLabel, children: t.style }),
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
@@ -3554,8 +4307,8 @@ function EditorToolbar({
                   {
                     selected: (state.headingLevel ?? 0) === 0,
                     onSelect: () => setBlockStyle(0),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$3.styleIcon, children: "¶" }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "¶" }),
                       t.normalText
                     ] })
                   }
@@ -3565,8 +4318,8 @@ function EditorToolbar({
                   {
                     selected: state.headingLevel === lv,
                     onSelect: () => setBlockStyle(lv),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$3.styleIcon, children: `H${lv}` }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: `H${lv}` }),
                       t.headingLabel(lv)
                     ] })
                   },
@@ -3582,14 +4335,14 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$3.styleTrigger,
+                  className: styles$5.styleTrigger,
                   title: t.fontSize,
                   "aria-label": t.fontSize,
                   disabled: !canEditFontSize,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$3.styleTriggerLabel, children: state.fontSize || t.fontSize }),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$3.styleTriggerCaret })
+                    /* @__PURE__ */ jsx("span", { className: styles$5.styleTriggerLabel, children: state.fontSize || t.fontSize }),
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
@@ -3599,8 +4352,8 @@ function EditorToolbar({
                   {
                     selected: !state.fontSize,
                     onSelect: () => applyFontSize(""),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$3.styleIcon, children: "A" }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "A" }),
                       t.fontSizeDefault
                     ] })
                   }
@@ -3610,8 +4363,8 @@ function EditorToolbar({
                   {
                     selected: state.fontSize === size,
                     onSelect: () => applyFontSize(size),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$3.styleIcon, children: parseInt(size, 10) }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: parseInt(size, 10) }),
                       size
                     ] })
                   },
@@ -3695,13 +4448,13 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: `${styles$3.scriptTrigger} ${scriptActive !== "normal" ? styles$3.btnActive : ""}`,
+                  className: `${styles$5.scriptTrigger} ${scriptActive !== "normal" ? styles$5.btnActive : ""}`,
                   title: t.scriptMenu,
                   "aria-label": t.scriptMenu,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$3.scriptTriggerGlyph, children: "A" }),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$3.styleTriggerCaret })
+                    /* @__PURE__ */ jsx("span", { className: styles$5.scriptTriggerGlyph, children: "A" }),
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
@@ -3711,8 +4464,8 @@ function EditorToolbar({
                   {
                     selected: scriptActive === "normal",
                     onSelect: () => chain().unsetSuperscript().unsetSubscript().run(),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$3.styleIcon, children: "A" }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "A" }),
                       t.scriptNormal
                     ] })
                   }
@@ -3722,8 +4475,8 @@ function EditorToolbar({
                   {
                     selected: scriptActive === "superscript",
                     onSelect: () => chain().unsetSubscript().toggleSuperscript().run(),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
-                      /* @__PURE__ */ jsxs("span", { className: `${styles$3.styleIcon} ${styles$3.scriptGlyph}`, children: [
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsxs("span", { className: `${styles$5.styleIcon} ${styles$5.scriptGlyph}`, children: [
                         "x",
                         /* @__PURE__ */ jsx("sup", { children: "2" })
                       ] }),
@@ -3736,8 +4489,8 @@ function EditorToolbar({
                   {
                     selected: scriptActive === "subscript",
                     onSelect: () => chain().unsetSuperscript().toggleSubscript().run(),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
-                      /* @__PURE__ */ jsxs("span", { className: `${styles$3.styleIcon} ${styles$3.scriptGlyph}`, children: [
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsxs("span", { className: `${styles$5.styleIcon} ${styles$5.scriptGlyph}`, children: [
                         "x",
                         /* @__PURE__ */ jsx("sub", { children: "2" })
                       ] }),
@@ -3749,7 +4502,20 @@ function EditorToolbar({
             }
           ),
           /* @__PURE__ */ jsx(Divider, {}),
-          /* @__PURE__ */ jsx(ToolbarButton, { title: t.link, active: state.link, onClick: toggleLink, children: /* @__PURE__ */ jsx(LinkIcon, {}) }),
+          /* @__PURE__ */ jsx(
+            LinkPopover,
+            {
+              editor,
+              labels: {
+                field: t.linkPrompt,
+                apply: t.linkApply,
+                open: t.linkOpen,
+                remove: t.linkRemove,
+                invalid: t.linkInvalid
+              },
+              trigger: /* @__PURE__ */ jsx(ToolbarButton, { title: t.link, active: state.link, children: /* @__PURE__ */ jsx(LinkIcon, {}) })
+            }
+          ),
           onImageUpload ? /* @__PURE__ */ jsxs(Fragment$2, { children: [
             /* @__PURE__ */ jsx(ToolbarButton, { title: t.image, onClick: handlePickImage, children: /* @__PURE__ */ jsx(ImageIcon, {}) }),
             /* @__PURE__ */ jsx(
@@ -3770,19 +4536,19 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$3.styleTrigger,
+                  className: styles$5.styleTrigger,
                   title: importTitle,
                   "aria-label": importTitle,
                   "aria-busy": !!importing,
                   disabled: !!importing,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$3.styleTriggerLabel, children: t.importDocument }),
+                    /* @__PURE__ */ jsx("span", { className: styles$5.styleTriggerLabel, children: t.importDocument }),
                     /* @__PURE__ */ jsx(
                       ChevronDownIcon,
                       {
                         size: 12,
-                        className: styles$3.styleTriggerCaret
+                        className: styles$5.styleTriggerCaret
                       }
                     )
                   ]
@@ -3804,7 +4570,7 @@ function EditorToolbar({
               title: t.blockquote,
               active: state.blockquote,
               onClick: () => chain().toggleBlockquote().run(),
-              children: /* @__PURE__ */ jsx("span", { className: styles$3.txtIcon, children: "❝" })
+              children: /* @__PURE__ */ jsx("span", { className: styles$5.txtIcon, children: "❝" })
             }
           ),
           /* @__PURE__ */ jsx(Divider, {}),
@@ -3836,6 +4602,15 @@ function EditorToolbar({
             }
           ),
           /* @__PURE__ */ jsx(Divider, {}),
+          onSearch ? /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              title: t.search,
+              active: searchActive,
+              onClick: onSearch,
+              children: /* @__PURE__ */ jsx(SearchIcon, {})
+            }
+          ) : null,
           /* @__PURE__ */ jsxs(
             MenuPopover,
             {
@@ -3843,30 +4618,30 @@ function EditorToolbar({
                 "button",
                 {
                   type: "button",
-                  className: styles$3.styleTrigger,
+                  className: styles$5.styleTrigger,
                   title: t.more,
                   onMouseDown: (e2) => e2.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$3.styleTriggerLabel, children: t.more }),
-                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$3.styleTriggerCaret })
+                    /* @__PURE__ */ jsx("span", { className: styles$5.styleTriggerLabel, children: t.more }),
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12, className: styles$5.styleTriggerCaret })
                   ]
                 }
               ),
               children: [
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().toggleCodeBlock().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$3.styleIcon, children: "{ }" }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().toggleCodeBlock().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "{ }" }),
                   t.codeBlock
                 ] }) }),
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => openInsertMath("inline"), children: /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$3.styleIcon, children: "√x" }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => openInsertMath("inline"), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "√x" }),
                   t.inlineMath
                 ] }) }),
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => openInsertMath("block"), children: /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$3.styleIcon, children: "∑" }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => openInsertMath("block"), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "∑" }),
                   t.blockMath
                 ] }) }),
-                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().setHorizontalRule().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$3.styleIcon, children: "—" }),
+                /* @__PURE__ */ jsx(MenuItem, { onSelect: () => chain().setHorizontalRule().run(), children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                  /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: "—" }),
                   t.hr
                 ] }) }),
                 /* @__PURE__ */ jsx(
@@ -3882,8 +4657,8 @@ function EditorToolbar({
                   {
                     disabled: item2.disabled,
                     onSelect: () => item2.onSelect(editor),
-                    children: /* @__PURE__ */ jsxs("span", { className: styles$3.styleItem, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$3.styleIcon, children: item2.icon }),
+                    children: /* @__PURE__ */ jsxs("span", { className: styles$5.styleItem, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$5.styleIcon, children: item2.icon }),
                       item2.label
                     ] })
                   },
@@ -3920,88 +4695,7 @@ function EditorToolbar({
         onCancel: cancelMath
       }
     ) : null,
-    tableMenu && createPortal(
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: styles$3.tableBubble,
-          style: { position: "fixed", left: tableMenu.x, top: tableMenu.y },
-          role: "menu",
-          onMouseDown: (e2) => e2.stopPropagation(),
-          onContextMenu: (e2) => e2.preventDefault(),
-          children: [
-            /* @__PURE__ */ jsx(
-              TableMenuItem,
-              {
-                label: tableMulti ? t.tableAddColumnBeforeN(tableColN) : t.tableAddColumnBefore,
-                onClick: () => runTable(() => addColumnsBefore(editor, tableColN)),
-                children: /* @__PURE__ */ jsx(ColumnBeforeIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              TableMenuItem,
-              {
-                label: tableMulti ? t.tableAddColumnAfterN(tableColN) : t.tableAddColumnAfter,
-                onClick: () => runTable(() => addColumnsAfter(editor, tableColN)),
-                children: /* @__PURE__ */ jsx(ColumnAfterIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              TableMenuItem,
-              {
-                label: tableMulti ? t.tableDeleteColumnN(tableColN) : t.tableDeleteColumn,
-                disabled: disableDeleteColumn,
-                onClick: () => runTable(() => {
-                  deleteSelectedColumns(editor);
-                }),
-                children: /* @__PURE__ */ jsx(ColumnDeleteIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(TableMenuDivider, {}),
-            /* @__PURE__ */ jsx(
-              TableMenuItem,
-              {
-                label: tableMulti ? t.tableAddRowBeforeN(tableRowN) : t.tableAddRowBefore,
-                disabled: disableAddRowBefore,
-                onClick: () => runTable(() => addRowsBefore(editor, tableRowN)),
-                children: /* @__PURE__ */ jsx(RowBeforeIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              TableMenuItem,
-              {
-                label: tableMulti ? t.tableAddRowAfterN(tableRowN) : t.tableAddRowAfter,
-                onClick: () => runTable(() => addRowsAfter(editor, tableRowN)),
-                children: /* @__PURE__ */ jsx(RowAfterIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              TableMenuItem,
-              {
-                label: tableMulti ? t.tableDeleteRowN(tableRowN) : t.tableDeleteRow,
-                disabled: disableDeleteRow,
-                onClick: () => runTable(() => {
-                  deleteSelectedRows(editor);
-                }),
-                children: /* @__PURE__ */ jsx(RowDeleteIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(TableMenuDivider, {}),
-            /* @__PURE__ */ jsx(
-              TableMenuItem,
-              {
-                label: t.tableDeleteTable,
-                onClick: () => runTable(() => {
-                  editor.commands.deleteTable();
-                }),
-                children: /* @__PURE__ */ jsx(TableDeleteIcon, {})
-              }
-            )
-          ]
-        }
-      ),
-      document.body
-    )
+    /* @__PURE__ */ jsx(TableHandles, { editor, labels: t })
   ] });
 }
 function useIsMobile(breakpoint = 768) {
@@ -4350,6 +5044,8 @@ export {
   CommentPopover,
   CopyIcon,
   EditorToolbar,
+  EraserIcon,
+  ExternalLinkIcon,
   FIND_DEBOUNCE_MS,
   default2 as FindAndReplace,
   FindReplaceBar,
@@ -4359,6 +5055,7 @@ export {
   ItalicIcon,
   KeyboardIcon,
   LinkIcon,
+  LinkPopover,
   ListChecksIcon,
   ListOrderedIcon,
   ListUnorderedIcon,
@@ -4375,6 +5072,7 @@ export {
   R2 as ReportContent,
   R as ReportContentInteractive,
   b as ReportContentWithCharts,
+  RotateCcwIcon,
   RowAfterIcon,
   RowBeforeIcon,
   RowDeleteIcon,
@@ -4390,9 +5088,11 @@ export {
   XIcon,
   a2 as applyCitationSources,
   applyCommentAnchorsToEditor,
+  applyLink,
   baseExtensions,
   g as blockTextHash,
   buildShortcutGroups,
+  canSetLink,
   collectCommentIds,
   commentAnchorExtension,
   commentAnchorPlugin,
@@ -4406,6 +5106,7 @@ export {
   defaultColorPaletteLabels,
   defaultCommentLabels,
   defaultFindLabels,
+  defaultLinkPopoverLabels,
   defaultShortcutLabels,
   defaultSlashMenuLabels,
   defaultTocLabels,
@@ -4420,6 +5121,7 @@ export {
   getMarkdownForRange,
   insertMarkdown,
   insertSlashMarkdown,
+  isLinkActive,
   looksLikeMarkdown,
   lowlight,
   makeTocGetId,
@@ -4427,15 +5129,20 @@ export {
   mergeCommentIntervals,
   m as mountChartsInContainer,
   nextComment,
+  normalizeLinkHref,
   normalizeMarkdown,
+  openLinkUrl,
   prepareChartMarkdown,
   pureChart,
   pureCodeBlock,
   pureImage,
   r as readCitationAttrs,
+  readLinkHref,
+  removeLink,
   replaceRangeWithMarkdown,
   reportChart,
   runFindCommand,
+  sanitizeLinkUrl,
   s as scrollToTocHeading,
   selectionKind,
   s2 as serializeChartPayload,