tiptap-markdown-react 0.10.4 → 0.12.0

package/dist/index.js

@@ -1,17 +1,20 @@
 "use client";
 import { Markdown, MarkdownManager } from "@tiptap/markdown";
-import { c as renderOrUpdateChart, d as destroyChart } from "./scrollToTocHeading-DIAd_fIC.js";
-import { C, a, R, b, f, m, r, s } from "./scrollToTocHeading-DIAd_fIC.js";
+import { c as renderOrUpdateChart, d as destroyChart } from "./scrollToTocHeading-DVdii3VR.js";
+import { C, a, R, b, f, m, r, s } from "./scrollToTocHeading-DVdii3VR.js";
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
+import FindAndReplace, { FindAndReplacePluginKey, createSearchRegex } from "@tiptap/extension-find-and-replace";
+import { default as default2 } from "@tiptap/extension-find-and-replace";
 import Image from "@tiptap/extension-image";
 import { TableOfContents } from "@tiptap/extension-table-of-contents";
-import { NodeViewWrapper, ReactNodeViewRenderer, NodeViewContent, useEditor, EditorContent, useEditorState } from "@tiptap/react";
-import { useRef, useState, useMemo, useEffect, forwardRef, useImperativeHandle, useId, useCallback, useContext, createContext } from "react";
-import { e as enrichMarkdownCitations, b as styles$5 } from "./ReportContent-DQKBSQmm.js";
-import { R as R2, a as a2, s as s2 } from "./ReportContent-DQKBSQmm.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-CKTMdT0a.js";
-import { g, e, s as s3 } from "./extractToc-CKTMdT0a.js";
+import { NodeViewWrapper, ReactNodeViewRenderer, useEditorState, NodeViewContent, useEditor, EditorContent } from "@tiptap/react";
+import { createPortal } from "react-dom";
+import { useState, useEffect, useCallback, useRef, useMemo, forwardRef, useImperativeHandle, useId, useContext, createContext } from "react";
+import { e as enrichMarkdownCitations, b as styles$6 } from "./ReportContent-CfvE4CYH.js";
+import { R as R2, a as a2, s as s2 } from "./ReportContent-CfvE4CYH.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-BT3OquOq.js";
+import { g, e, s as s3 } from "./extractToc-BT3OquOq.js";
 import { Slice, Fragment } from "@tiptap/pm/model";
 import { Extension, Node as Node$1 } from "@tiptap/core";
 import { PluginKey, Plugin, NodeSelection, TextSelection } from "@tiptap/pm/state";
@@ -21,7 +24,6 @@ import { skipTrailingNodeMeta } from "@tiptap/extensions";
 import { CellSelection, isInTable, selectedRect, rowIsHeader } from "@tiptap/pm/tables";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import * as Popover from "@radix-ui/react-popover";
-import { createPortal } from "react-dom";
 function CitationRefView({ node, extension }) {
   const index = String(node.attrs.index ?? "");
   const url = node.attrs.url || null;
@@ -333,247 +335,179 @@ function nextComment(editor, dir = "next") {
   focusComment(editor, target);
   return target;
 }
-function findPlaceholderPos(doc) {
-  let found = null;
-  doc.descendants((node, pos) => {
-    if (node.type.name === "importPlaceholder") {
-      found = pos;
-      return false;
+const FIND_DEBOUNCE_MS = 120;
+const MISMATCH_RE = /Applying a mismatched transaction/;
+function runFindCommand(run) {
+  try {
+    run();
+  } catch (error) {
+    if (error instanceof RangeError && MISMATCH_RE.test(error.message)) {
+      run();
+      return;
     }
-  });
-  return found;
-}
-const ImportPlaceholder = Node$1.create({
-  name: "importPlaceholder",
-  group: "block",
-  atom: true,
-  selectable: false,
-  draggable: false,
-  addAttributes() {
-    return {
-      label: {
-        default: "",
-        parseHTML: (el) => el.getAttribute("data-label") ?? "",
-        renderHTML: (attrs) => attrs.label ? { "data-label": attrs.label } : {}
-      }
-    };
-  },
-  parseHTML() {
-    return [{ tag: 'div[data-type="import-placeholder"]' }];
-  },
-  renderHTML({ node, HTMLAttributes }) {
-    const label = String(node.attrs.label ?? "");
-    return [
-      "div",
-      {
-        ...HTMLAttributes,
-        "data-type": "import-placeholder",
-        class: "tmr-import-placeholder",
-        contenteditable: "false",
-        "aria-live": "polite",
-        "aria-busy": "true"
-      },
-      ["span", { class: "tmr-import-placeholder-spin", "aria-hidden": "true" }],
-      ["span", { class: "tmr-import-placeholder-label" }, label]
-    ];
-  },
-  renderMarkdown() {
-    return "";
-  },
-  addCommands() {
-    return {
-      insertImportPlaceholder: (label) => ({ chain }) => chain().focus().insertContent({
-        type: this.name,
-        attrs: { label }
-      }).command(({ tr }) => {
-        tr.setMeta("addToHistory", false);
-        tr.setMeta("preventUpdate", true);
-        return true;
-      }).run(),
-      updateImportPlaceholder: (label) => ({ tr, dispatch, state }) => {
-        const pos = findPlaceholderPos(state.doc);
-        if (pos == null) return false;
-        if (dispatch) {
-          dispatch(
-            tr.setNodeMarkup(pos, void 0, { label }).setMeta("addToHistory", false).setMeta("preventUpdate", true)
-          );
-        }
-        return true;
-      },
-      removeImportPlaceholder: () => ({ tr, dispatch, state }) => {
-        const pos = findPlaceholderPos(state.doc);
-        if (pos == null) return false;
-        const node = state.doc.nodeAt(pos);
-        if (!node) return false;
-        if (dispatch) {
-          dispatch(
-            tr.delete(pos, pos + node.nodeSize).setMeta("addToHistory", false).setMeta("preventUpdate", true)
-          );
-        }
-        return true;
-      }
-    };
-  }
-});
-const MD_FILE_RE$1 = /\.(md|markdown)$/i;
-const MD_MIME_TYPES = ["text/markdown", "text/x-markdown", ""];
-async function insertMarkdownFiles(editor, files, pos) {
-  const mdFiles = files.filter((f2) => MD_FILE_RE$1.test(f2.name));
-  if (mdFiles.length === 0) return;
-  const markdown = editor.markdown;
-  if (!markdown) return;
-  const texts = await Promise.all(mdFiles.map((f2) => f2.text()));
-  const json = markdown.parse(texts.join("\n\n"));
-  if (pos != null) {
-    editor.chain().focus().insertContentAt(pos, json).run();
-  } else {
-    editor.chain().focus().insertContent(json).run();
-  }
-}
-const MarkdownFileDrop = Extension.create({
-  name: "markdownFileDrop",
-  addProseMirrorPlugins() {
-    const { editor } = this;
-    return [
-      FileHandlePlugin({
-        key: new PluginKey("markdownFileDrop"),
-        editor,
-        allowedMimeTypes: MD_MIME_TYPES,
-        onDrop: (ed, files, pos) => {
-          insertMarkdownFiles(ed, files, pos).catch((err) => {
-            console.error("markdown file drop failed:", err);
-          });
-        },
-        onPaste: (ed, files) => {
-          insertMarkdownFiles(ed, files).catch((err) => {
-            console.error("markdown file paste failed:", err);
-          });
-        }
-      })
-    ];
-  }
-});
-const PENDING_ANCHOR_META = "tmr:pendingAnchor";
-const pendingAnchorPluginKey = new PluginKey(
-  "tmrPendingAnchor"
-);
-const PENDING_ANCHOR_CLASS = "tmr-pending-anchor";
-const pendingAnchorExtension = Extension.create({
-  name: "pendingAnchor",
-  addProseMirrorPlugins() {
-    return [
-      new Plugin({
-        key: pendingAnchorPluginKey,
-        state: {
-          init: () => ({ decorations: DecorationSet.empty }),
-          apply(tr, value) {
-            const next = tr.getMeta(PENDING_ANCHOR_META);
-            if (next) return { decorations: buildDecorations(tr.doc, next) };
-            if (tr.docChanged) {
-              return { decorations: value.decorations.map(tr.mapping, tr.doc) };
-            }
-            return value;
-          }
-        },
-        props: {
-          decorations(state) {
-            var _a;
-            return ((_a = pendingAnchorPluginKey.getState(state)) == null ? void 0 : _a.decorations) ?? null;
-          }
-        }
-      })
-    ];
+    throw error;
   }
-});
-function setPendingAnchors(editor, anchors) {
-  editor.view.dispatch(
-    editor.state.tr.setMeta(PENDING_ANCHOR_META, anchors).setMeta(skipTrailingNodeMeta, true).setMeta("addToHistory", false)
-  );
 }
-function buildDecorations(doc, anchors) {
-  const bounds = [];
-  doc.forEach((child, offset) => {
-    bounds.push({ from: offset, to: offset + child.nodeSize });
-  });
-  const decorations = [];
-  for (const anchor of anchors) {
-    for (const range of anchor.ranges) {
-      const from = Math.max(0, Math.min(range.from, range.to));
-      const to = Math.min(doc.content.size, Math.max(range.from, range.to));
-      if (from >= to) continue;
-      for (const bound of bounds) {
-        if (bound.to <= from || bound.from >= to) continue;
-        const attrs = {
-          class: PENDING_ANCHOR_CLASS,
-          "data-pending-id": anchor.id
-        };
-        if (from <= bound.from && to >= bound.to) {
-          decorations.push(Decoration.node(bound.from, bound.to, attrs));
-        } else {
-          decorations.push(
-            Decoration.inline(Math.max(from, bound.from), Math.min(to, bound.to), attrs)
-          );
-        }
-      }
+function Svg({ size = "1em", children, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...rest,
+      children
     }
-  }
-  return decorations.length ? DecorationSet.create(doc, decorations) : DecorationSet.empty;
-}
-function selectionKind(selection) {
-  if (selection instanceof CellSelection) return "cell";
-  if (selection instanceof NodeSelection) return "node";
-  if (selection instanceof TextSelection) return "text";
-  return "text";
-}
-function looksLikeMarkdown(text) {
-  return /^#{1,6}\s/m.test(text) || // 标题
-  /\*\*[^*\n]+\*\*/.test(text) || // 加粗
-  /(^|[^!])\[[^\]\n]+\]\([^)\n]+\)/.test(text) || // 链接
-  /!\[[^\]\n]*\]\([^)\n]+\)/.test(text) || // 图片
-  /^[-*+]\s+\S/m.test(text) || // 无序列表
-  /^\d+\.\s+\S/m.test(text) || // 有序列表
-  /^>\s/m.test(text) || // 引用
-  /^```/m.test(text) || // 代码围栏
-  /^\|.+\|\s*$/m.test(text) || // 表格行
-  /^(-{3,}|\*{3,})\s*$/m.test(text) || // 分割线
-  /<!--\s*[\[{][\s\S]*?"chartType"[\s\S]*?-->/.test(text);
+  );
 }
-const MarkdownPaste = Extension.create({
-  name: "markdownPaste",
-  addProseMirrorPlugins() {
-    const { editor } = this;
-    return [
-      new Plugin({
-        key: new PluginKey("markdownPaste"),
-        props: {
-          handlePaste(view, event) {
-            const clipboard = event.clipboardData;
-            if (!clipboard) return false;
-            const text = clipboard.getData("text/plain");
-            if (!text) return false;
-            const input = view.input;
-            if (input == null ? void 0 : input.shiftKey) return false;
-            if (view.state.selection.$from.parent.type.spec.code) return false;
-            if (!looksLikeMarkdown(text)) return false;
-            const markdown = editor.markdown;
-            if (!markdown) return false;
-            try {
-              const json = markdown.parse(prepareChartMarkdown(text));
-              editor.commands.insertContent(json);
-              return true;
-            } catch (err) {
-              console.error("markdown paste parse failed:", err);
-              return false;
-            }
-          }
-        }
-      })
-    ];
-  }
-});
-const defaultChartLabels = {
-  tabLabel: (chartType, index) => `${chartType} ${index + 1}`,
-  done: "Done",
+const BoldIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" })
+] });
+const ItalicIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("line", { x1: "19", x2: "10", y1: "4", y2: "4" }),
+  /* @__PURE__ */ jsx("line", { x1: "14", x2: "5", y1: "20", y2: "20" }),
+  /* @__PURE__ */ jsx("line", { x1: "15", x2: "9", y1: "4", y2: "20" })
+] });
+const UnderlineIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }),
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "20", y2: "20" })
+] });
+const StrikethroughIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 12a4 4 0 0 1 0 8H6" }),
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "12", y2: "12" })
+] });
+const CodeIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("polyline", { points: "16 18 22 12 16 6" }),
+  /* @__PURE__ */ jsx("polyline", { points: "8 6 2 12 8 18" })
+] });
+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 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" }),
+  /* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+] });
+const ImportIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M12 3v12" }),
+  /* @__PURE__ */ jsx("path", { d: "m8 11 4 4 4-4" }),
+  /* @__PURE__ */ jsx("path", { d: "M8 5H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-4" })
+] });
+const ListUnorderedIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "6", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "12", y2: "12" }),
+  /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "18", y2: "18" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", x2: "3.01", y1: "6", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", x2: "3.01", y1: "12", y2: "12" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", x2: "3.01", y1: "18", y2: "18" })
+] });
+const ListOrderedIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("line", { x1: "10", x2: "21", y1: "6", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "10", x2: "21", y1: "12", y2: "12" }),
+  /* @__PURE__ */ jsx("line", { x1: "10", x2: "21", y1: "18", y2: "18" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 6h1v4" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 10h2" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" })
+] });
+const ListChecksIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m3 17 2 2 4-4" }),
+  /* @__PURE__ */ jsx("path", { d: "m3 7 2 2 4-4" }),
+  /* @__PURE__ */ jsx("path", { d: "M13 6h8" }),
+  /* @__PURE__ */ jsx("path", { d: "M13 12h8" }),
+  /* @__PURE__ */ jsx("path", { d: "M13 18h8" })
+] });
+const UndoIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M9 14 4 9l5-5" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5 5.5 5.5 0 0 1-5.5 5.5H11" })
+] });
+const RedoIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "m15 14 5-5-5-5" }),
+  /* @__PURE__ */ jsx("path", { d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5 5.5 5.5 0 0 0 9.5 20H13" })
+] });
+const ChevronDownIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
+const CheckIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
+const TrashIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3 6h18" }),
+  /* @__PURE__ */ jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+  /* @__PURE__ */ jsx("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
+  /* @__PURE__ */ jsx("line", { x1: "10", x2: "10", y1: "11", y2: "17" }),
+  /* @__PURE__ */ jsx("line", { x1: "14", x2: "14", y1: "11", y2: "17" })
+] });
+const LockIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+] });
+const MenuIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+] });
+const SearchIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+  /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
+] });
+const XIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+  /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+] });
+const ChevronUpIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" }) });
+const ColumnBeforeIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "10", y: "4", width: "11", height: "16", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 4v16" }),
+  /* @__PURE__ */ jsx("path", { d: "M5 9v6" }),
+  /* @__PURE__ */ jsx("path", { d: "M2 12h6" })
+] });
+const ColumnAfterIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "11", height: "16", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M10 4v16" }),
+  /* @__PURE__ */ jsx("path", { d: "M19 9v6" }),
+  /* @__PURE__ */ jsx("path", { d: "M16 12h6" })
+] });
+const ColumnDeleteIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 4v16" }),
+  /* @__PURE__ */ jsx("path", { d: "m8 9 8 6" }),
+  /* @__PURE__ */ jsx("path", { d: "m16 9-8 6" })
+] });
+const RowBeforeIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "4", y: "10", width: "16", height: "11", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 14h16" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 5h6" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 2v6" })
+] });
+const RowAfterIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "4", y: "3", width: "16", height: "11", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 10h16" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 19h6" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 16v6" })
+] });
+const RowDeleteIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 12h16" }),
+  /* @__PURE__ */ jsx("path", { d: "m9 8 6 8" }),
+  /* @__PURE__ */ jsx("path", { d: "m15 8-6 8" })
+] });
+const TableDeleteIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "1" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 9h18" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 5v14" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 5v14" }),
+  /* @__PURE__ */ jsx("path", { d: "m7 2 10 20" })
+] });
+const defaultChartLabels = {
+  tabLabel: (chartType, index) => `${chartType} ${index + 1}`,
+  done: "Done",
   cancel: "Cancel",
   configLabel: "Chart config (JSON)",
   tableLabel: "Data table (Markdown)",
@@ -665,6 +599,556 @@ const defaultCommentLabels = {
   partial: "Partially matched",
   gutterTitle: "Comment"
 };
+const defaultFindLabels = {
+  find: "Find",
+  replace: "Replace with",
+  next: "Next match",
+  previous: "Previous match",
+  replaceOne: "Replace",
+  replaceAll: "Replace all",
+  close: "Close",
+  caseSensitive: "Match case",
+  wholeWord: "Whole word",
+  useRegex: "Use regular expression",
+  counter: (current, total) => `${current} / ${total}`,
+  invalidRegex: "Invalid pattern",
+  readOnly: "Read-only"
+};
+const bar = "_bar_1lvby_3";
+const row = "_row_1lvby_25";
+const field = "_field_1lvby_40";
+const fieldIcon = "_fieldIcon_1lvby_59";
+const input = "_input_1lvby_64";
+const counter = "_counter_1lvby_75";
+const counterInvalid = "_counterInvalid_1lvby_84";
+const btn$1 = "_btn_1lvby_88";
+const toggle = "_toggle_1lvby_116";
+const toggleOn = "_toggleOn_1lvby_128";
+const closeBtn = "_closeBtn_1lvby_136";
+const textBtn = "_textBtn_1lvby_140";
+const spacer = "_spacer_1lvby_145";
+const readOnly = "_readOnly_1lvby_150";
+const styles$5 = {
+  bar,
+  row,
+  field,
+  fieldIcon,
+  input,
+  counter,
+  counterInvalid,
+  btn: btn$1,
+  toggle,
+  toggleOn,
+  closeBtn,
+  textBtn,
+  spacer,
+  readOnly
+};
+function FindReplaceBar({
+  editor,
+  onClose,
+  labels,
+  inputRef,
+  className,
+  style
+}) {
+  const t = { ...defaultFindLabels, ...labels };
+  const [term, setTerm] = useState("");
+  const [replaceTerm, setReplaceTerm] = useState("");
+  const hasExtension = typeof editor.commands.setSearchTerm === "function";
+  useEffect(() => {
+    if (!hasExtension) {
+      console.warn(
+        "[tiptap-markdown-react] FindReplaceBar 需要官方 find 扩展：请让 <MarkdownWysiwygEditor findReplace> 保持开启（默认 true），否则 setSearchTerm / replaceAll 等命令不存在。"
+      );
+    }
+  }, [hasExtension]);
+  const state = useEditorState({
+    editor,
+    selector: ({ editor: instance }) => {
+      const plugin = FindAndReplacePluginKey.getState(instance.state);
+      return {
+        currentIndex: (plugin == null ? void 0 : plugin.currentIndex) ?? null,
+        total: (plugin == null ? void 0 : plugin.results.length) ?? 0,
+        caseSensitive: (plugin == null ? void 0 : plugin.caseSensitive) ?? false,
+        wholeWord: (plugin == null ? void 0 : plugin.wholeWord) ?? false,
+        useRegex: (plugin == null ? void 0 : plugin.useRegex) ?? false
+      };
+    }
+  });
+  const runCommand = useCallback(
+    (run) => {
+      if (!hasExtension) return;
+      runFindCommand(run);
+    },
+    [hasExtension]
+  );
+  const appliedTermRef = useRef(null);
+  const pushTerm = useCallback(
+    (value) => {
+      appliedTermRef.current = value;
+      runCommand(() => editor.commands.setSearchTerm(value));
+    },
+    [editor, runCommand]
+  );
+  const flushTerm = useCallback(() => {
+    if (appliedTermRef.current !== term) pushTerm(term);
+  }, [pushTerm, term]);
+  useEffect(() => {
+    if (appliedTermRef.current === term) return;
+    const timer = setTimeout(() => pushTerm(term), FIND_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [term, pushTerm]);
+  useEffect(() => {
+    runCommand(() => editor.commands.setReplaceTerm(replaceTerm));
+  }, [editor, replaceTerm, runCommand]);
+  useEffect(() => {
+    return () => {
+      if (!editor.isDestroyed) runCommand(() => editor.commands.clearSearch());
+    };
+  }, [editor, runCommand]);
+  const runAction = useCallback(
+    (action) => {
+      flushTerm();
+      runCommand(action);
+    },
+    [flushTerm, runCommand]
+  );
+  const invalidPattern = useMemo(
+    () => term !== "" && state.useRegex && createSearchRegex(term, {
+      caseSensitive: state.caseSensitive,
+      useRegex: true,
+      wholeWord: false
+    }) === null,
+    [term, state.useRegex, state.caseSensitive]
+  );
+  const counter2 = t.counter(
+    state.total === 0 ? 0 : (state.currentIndex ?? 0) + 1,
+    state.total
+  );
+  const keepFocus = (e2) => e2.preventDefault();
+  const onFindKeyDown = (e2) => {
+    if (e2.key === "Enter") {
+      e2.preventDefault();
+      runAction(() => {
+        if (e2.shiftKey) editor.commands.goToPreviousResult();
+        else editor.commands.goToNextResult();
+      });
+    }
+  };
+  const onReplaceKeyDown = (e2) => {
+    if (e2.key === "Enter") {
+      e2.preventDefault();
+      runAction(() => editor.commands.replace());
+    }
+  };
+  const toggle2 = (key, value) => {
+    runCommand(() => {
+      if (key === "caseSensitive") editor.commands.setCaseSensitive(value);
+      else if (key === "wholeWord") editor.commands.setWholeWord(value);
+      else editor.commands.setUseRegex(value);
+    });
+  };
+  if (!hasExtension) return null;
+  const toggleClass = (on) => `${styles$5.btn} ${styles$5.toggle}${on ? ` ${styles$5.toggleOn}` : ""}`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: className ? `${styles$5.bar} ${className}` : styles$5.bar,
+      style,
+      role: "dialog",
+      "aria-label": t.find,
+      onKeyDown: (e2) => {
+        if (e2.key === "Escape") {
+          e2.preventDefault();
+          onClose();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: styles$5.row, children: [
+          /* @__PURE__ */ jsxs("span", { className: styles$5.field, children: [
+            /* @__PURE__ */ jsx(SearchIcon, { size: 14, className: styles$5.fieldIcon }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: inputRef,
+                className: styles$5.input,
+                value: term,
+                onChange: (e2) => setTerm(e2.target.value),
+                onKeyDown: onFindKeyDown,
+                placeholder: t.find,
+                "aria-label": t.find,
+                autoFocus: true,
+                spellCheck: false
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: toggleClass(state.caseSensitive),
+              title: t.caseSensitive,
+              "aria-label": t.caseSensitive,
+              "aria-pressed": state.caseSensitive,
+              onMouseDown: keepFocus,
+              onClick: () => toggle2("caseSensitive", !state.caseSensitive),
+              children: "Aa"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: toggleClass(state.wholeWord),
+              title: t.wholeWord,
+              "aria-label": t.wholeWord,
+              "aria-pressed": state.wholeWord,
+              onMouseDown: keepFocus,
+              onClick: () => toggle2("wholeWord", !state.wholeWord),
+              children: "ab"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: toggleClass(state.useRegex),
+              title: t.useRegex,
+              "aria-label": t.useRegex,
+              "aria-pressed": state.useRegex,
+              onMouseDown: keepFocus,
+              onClick: () => toggle2("useRegex", !state.useRegex),
+              children: ".*"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: styles$5.spacer }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `${styles$5.counter}${invalidPattern ? ` ${styles$5.counterInvalid}` : ""}`,
+              "aria-live": "polite",
+              title: invalidPattern ? t.invalidRegex : void 0,
+              children: invalidPattern ? t.invalidRegex : counter2
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$5.btn,
+              title: t.previous,
+              "aria-label": t.previous,
+              disabled: state.total === 0,
+              onMouseDown: keepFocus,
+              onClick: () => runAction(() => editor.commands.goToPreviousResult()),
+              children: /* @__PURE__ */ jsx(ChevronUpIcon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$5.btn,
+              title: t.next,
+              "aria-label": t.next,
+              disabled: state.total === 0,
+              onMouseDown: keepFocus,
+              onClick: () => runAction(() => editor.commands.goToNextResult()),
+              children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: `${styles$5.btn} ${styles$5.closeBtn}`,
+              title: t.close,
+              "aria-label": t.close,
+              onClick: onClose,
+              children: /* @__PURE__ */ jsx(XIcon, { size: 16 })
+            }
+          )
+        ] }),
+        editor.isEditable ? /* @__PURE__ */ jsxs("div", { className: styles$5.row, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$5.field, children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: styles$5.input,
+              value: replaceTerm,
+              onChange: (e2) => setReplaceTerm(e2.target.value),
+              onKeyDown: onReplaceKeyDown,
+              placeholder: t.replace,
+              "aria-label": t.replace,
+              spellCheck: false
+            }
+          ) }),
+          /* @__PURE__ */ jsx("span", { className: styles$5.spacer }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: `${styles$5.btn} ${styles$5.textBtn}`,
+              disabled: state.total === 0,
+              onMouseDown: keepFocus,
+              onClick: () => runAction(() => editor.commands.replace()),
+              children: t.replaceOne
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: `${styles$5.btn} ${styles$5.textBtn}`,
+              disabled: state.total === 0,
+              onMouseDown: keepFocus,
+              onClick: () => runAction(() => editor.commands.replaceAll()),
+              children: t.replaceAll
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx("div", { className: styles$5.row, children: /* @__PURE__ */ jsx("span", { className: styles$5.readOnly, children: t.readOnly }) })
+      ]
+    }
+  );
+}
+function findPlaceholderPos(doc) {
+  let found = null;
+  doc.descendants((node, pos) => {
+    if (node.type.name === "importPlaceholder") {
+      found = pos;
+      return false;
+    }
+  });
+  return found;
+}
+const ImportPlaceholder = Node$1.create({
+  name: "importPlaceholder",
+  group: "block",
+  atom: true,
+  selectable: false,
+  draggable: false,
+  addAttributes() {
+    return {
+      label: {
+        default: "",
+        parseHTML: (el) => el.getAttribute("data-label") ?? "",
+        renderHTML: (attrs) => attrs.label ? { "data-label": attrs.label } : {}
+      }
+    };
+  },
+  parseHTML() {
+    return [{ tag: 'div[data-type="import-placeholder"]' }];
+  },
+  renderHTML({ node, HTMLAttributes }) {
+    const label = String(node.attrs.label ?? "");
+    return [
+      "div",
+      {
+        ...HTMLAttributes,
+        "data-type": "import-placeholder",
+        class: "tmr-import-placeholder",
+        contenteditable: "false",
+        "aria-live": "polite",
+        "aria-busy": "true"
+      },
+      ["span", { class: "tmr-import-placeholder-spin", "aria-hidden": "true" }],
+      ["span", { class: "tmr-import-placeholder-label" }, label]
+    ];
+  },
+  renderMarkdown() {
+    return "";
+  },
+  addCommands() {
+    return {
+      insertImportPlaceholder: (label) => ({ chain }) => chain().focus().insertContent({
+        type: this.name,
+        attrs: { label }
+      }).command(({ tr }) => {
+        tr.setMeta("addToHistory", false);
+        tr.setMeta("preventUpdate", true);
+        return true;
+      }).run(),
+      updateImportPlaceholder: (label) => ({ tr, dispatch, state }) => {
+        const pos = findPlaceholderPos(state.doc);
+        if (pos == null) return false;
+        if (dispatch) {
+          dispatch(
+            tr.setNodeMarkup(pos, void 0, { label }).setMeta("addToHistory", false).setMeta("preventUpdate", true)
+          );
+        }
+        return true;
+      },
+      removeImportPlaceholder: () => ({ tr, dispatch, state }) => {
+        const pos = findPlaceholderPos(state.doc);
+        if (pos == null) return false;
+        const node = state.doc.nodeAt(pos);
+        if (!node) return false;
+        if (dispatch) {
+          dispatch(
+            tr.delete(pos, pos + node.nodeSize).setMeta("addToHistory", false).setMeta("preventUpdate", true)
+          );
+        }
+        return true;
+      }
+    };
+  }
+});
+const MD_FILE_RE$1 = /\.(md|markdown)$/i;
+const MD_MIME_TYPES = ["text/markdown", "text/x-markdown", ""];
+async function insertMarkdownFiles(editor, files, pos) {
+  const mdFiles = files.filter((f2) => MD_FILE_RE$1.test(f2.name));
+  if (mdFiles.length === 0) return;
+  const markdown = editor.markdown;
+  if (!markdown) return;
+  const texts = await Promise.all(mdFiles.map((f2) => f2.text()));
+  const json = markdown.parse(texts.join("\n\n"));
+  if (pos != null) {
+    editor.chain().focus().insertContentAt(pos, json).run();
+  } else {
+    editor.chain().focus().insertContent(json).run();
+  }
+}
+const MarkdownFileDrop = Extension.create({
+  name: "markdownFileDrop",
+  addProseMirrorPlugins() {
+    const { editor } = this;
+    return [
+      FileHandlePlugin({
+        key: new PluginKey("markdownFileDrop"),
+        editor,
+        allowedMimeTypes: MD_MIME_TYPES,
+        onDrop: (ed, files, pos) => {
+          insertMarkdownFiles(ed, files, pos).catch((err) => {
+            console.error("markdown file drop failed:", err);
+          });
+        },
+        onPaste: (ed, files) => {
+          insertMarkdownFiles(ed, files).catch((err) => {
+            console.error("markdown file paste failed:", err);
+          });
+        }
+      })
+    ];
+  }
+});
+const PENDING_ANCHOR_META = "tmr:pendingAnchor";
+const pendingAnchorPluginKey = new PluginKey(
+  "tmrPendingAnchor"
+);
+const PENDING_ANCHOR_CLASS = "tmr-pending-anchor";
+const pendingAnchorExtension = Extension.create({
+  name: "pendingAnchor",
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: pendingAnchorPluginKey,
+        state: {
+          init: () => ({ decorations: DecorationSet.empty }),
+          apply(tr, value) {
+            const next = tr.getMeta(PENDING_ANCHOR_META);
+            if (next) return { decorations: buildDecorations(tr.doc, next) };
+            if (tr.docChanged) {
+              return { decorations: value.decorations.map(tr.mapping, tr.doc) };
+            }
+            return value;
+          }
+        },
+        props: {
+          decorations(state) {
+            var _a;
+            return ((_a = pendingAnchorPluginKey.getState(state)) == null ? void 0 : _a.decorations) ?? null;
+          }
+        }
+      })
+    ];
+  }
+});
+function setPendingAnchors(editor, anchors) {
+  editor.view.dispatch(
+    editor.state.tr.setMeta(PENDING_ANCHOR_META, anchors).setMeta(skipTrailingNodeMeta, true).setMeta("addToHistory", false)
+  );
+}
+function buildDecorations(doc, anchors) {
+  const bounds = [];
+  doc.forEach((child, offset) => {
+    bounds.push({ from: offset, to: offset + child.nodeSize });
+  });
+  const decorations = [];
+  for (const anchor of anchors) {
+    for (const range of anchor.ranges) {
+      const from = Math.max(0, Math.min(range.from, range.to));
+      const to = Math.min(doc.content.size, Math.max(range.from, range.to));
+      if (from >= to) continue;
+      for (const bound of bounds) {
+        if (bound.to <= from || bound.from >= to) continue;
+        const attrs = {
+          class: PENDING_ANCHOR_CLASS,
+          "data-pending-id": anchor.id
+        };
+        if (from <= bound.from && to >= bound.to) {
+          decorations.push(Decoration.node(bound.from, bound.to, attrs));
+        } else {
+          decorations.push(
+            Decoration.inline(Math.max(from, bound.from), Math.min(to, bound.to), attrs)
+          );
+        }
+      }
+    }
+  }
+  return decorations.length ? DecorationSet.create(doc, decorations) : DecorationSet.empty;
+}
+function selectionKind(selection) {
+  if (selection instanceof CellSelection) return "cell";
+  if (selection instanceof NodeSelection) return "node";
+  if (selection instanceof TextSelection) return "text";
+  return "text";
+}
+function looksLikeMarkdown(text) {
+  return /^#{1,6}\s/m.test(text) || // 标题
+  /\*\*[^*\n]+\*\*/.test(text) || // 加粗
+  /(^|[^!])\[[^\]\n]+\]\([^)\n]+\)/.test(text) || // 链接
+  /!\[[^\]\n]*\]\([^)\n]+\)/.test(text) || // 图片
+  /^[-*+]\s+\S/m.test(text) || // 无序列表
+  /^\d+\.\s+\S/m.test(text) || // 有序列表
+  /^>\s/m.test(text) || // 引用
+  /^```/m.test(text) || // 代码围栏
+  /^\|.+\|\s*$/m.test(text) || // 表格行
+  /^(-{3,}|\*{3,})\s*$/m.test(text) || // 分割线
+  /<!--\s*[\[{][\s\S]*?"chartType"[\s\S]*?-->/.test(text);
+}
+const MarkdownPaste = Extension.create({
+  name: "markdownPaste",
+  addProseMirrorPlugins() {
+    const { editor } = this;
+    return [
+      new Plugin({
+        key: new PluginKey("markdownPaste"),
+        props: {
+          handlePaste(view, event) {
+            const clipboard = event.clipboardData;
+            if (!clipboard) return false;
+            const text = clipboard.getData("text/plain");
+            if (!text) return false;
+            const input2 = view.input;
+            if (input2 == null ? void 0 : input2.shiftKey) return false;
+            if (view.state.selection.$from.parent.type.spec.code) return false;
+            if (!looksLikeMarkdown(text)) return false;
+            const markdown = editor.markdown;
+            if (!markdown) return false;
+            try {
+              const json = markdown.parse(prepareChartMarkdown(text));
+              editor.commands.insertContent(json);
+              return true;
+            } catch (err) {
+              console.error("markdown paste parse failed:", err);
+              return false;
+            }
+          }
+        }
+      })
+    ];
+  }
+});
 function tabLabel(chartType, title, index, fallback) {
   if (title == null ? void 0 : title.trim()) return title;
   return fallback(chartType, index);
@@ -787,154 +1271,6 @@ function createChart(options = {}) {
     }
   });
 }
-function Svg({ size = "1em", children, ...rest }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      focusable: "false",
-      ...rest,
-      children
-    }
-  );
-}
-const BoldIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("path", { d: "M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" }),
-  /* @__PURE__ */ jsx("path", { d: "M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" })
-] });
-const ItalicIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("line", { x1: "19", x2: "10", y1: "4", y2: "4" }),
-  /* @__PURE__ */ jsx("line", { x1: "14", x2: "5", y1: "20", y2: "20" }),
-  /* @__PURE__ */ jsx("line", { x1: "15", x2: "9", y1: "4", y2: "20" })
-] });
-const UnderlineIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }),
-  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "20", y2: "20" })
-] });
-const StrikethroughIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }),
-  /* @__PURE__ */ jsx("path", { d: "M14 12a4 4 0 0 1 0 8H6" }),
-  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "12", y2: "12" })
-] });
-const CodeIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("polyline", { points: "16 18 22 12 16 6" }),
-  /* @__PURE__ */ jsx("polyline", { points: "8 6 2 12 8 18" })
-] });
-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 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" }),
-  /* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
-] });
-const ImportIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("path", { d: "M12 3v12" }),
-  /* @__PURE__ */ jsx("path", { d: "m8 11 4 4 4-4" }),
-  /* @__PURE__ */ jsx("path", { d: "M8 5H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-4" })
-] });
-const ListUnorderedIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "6", y2: "6" }),
-  /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "12", y2: "12" }),
-  /* @__PURE__ */ jsx("line", { x1: "8", x2: "21", y1: "18", y2: "18" }),
-  /* @__PURE__ */ jsx("line", { x1: "3", x2: "3.01", y1: "6", y2: "6" }),
-  /* @__PURE__ */ jsx("line", { x1: "3", x2: "3.01", y1: "12", y2: "12" }),
-  /* @__PURE__ */ jsx("line", { x1: "3", x2: "3.01", y1: "18", y2: "18" })
-] });
-const ListOrderedIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("line", { x1: "10", x2: "21", y1: "6", y2: "6" }),
-  /* @__PURE__ */ jsx("line", { x1: "10", x2: "21", y1: "12", y2: "12" }),
-  /* @__PURE__ */ jsx("line", { x1: "10", x2: "21", y1: "18", y2: "18" }),
-  /* @__PURE__ */ jsx("path", { d: "M4 6h1v4" }),
-  /* @__PURE__ */ jsx("path", { d: "M4 10h2" }),
-  /* @__PURE__ */ jsx("path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" })
-] });
-const ListChecksIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("path", { d: "m3 17 2 2 4-4" }),
-  /* @__PURE__ */ jsx("path", { d: "m3 7 2 2 4-4" }),
-  /* @__PURE__ */ jsx("path", { d: "M13 6h8" }),
-  /* @__PURE__ */ jsx("path", { d: "M13 12h8" }),
-  /* @__PURE__ */ jsx("path", { d: "M13 18h8" })
-] });
-const UndoIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("path", { d: "M9 14 4 9l5-5" }),
-  /* @__PURE__ */ jsx("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5 5.5 5.5 0 0 1-5.5 5.5H11" })
-] });
-const RedoIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("path", { d: "m15 14 5-5-5-5" }),
-  /* @__PURE__ */ jsx("path", { d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5 5.5 5.5 0 0 0 9.5 20H13" })
-] });
-const ChevronDownIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
-const CheckIcon = (p) => /* @__PURE__ */ jsx(Svg, { ...p, children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
-const TrashIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("path", { d: "M3 6h18" }),
-  /* @__PURE__ */ jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-  /* @__PURE__ */ jsx("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
-  /* @__PURE__ */ jsx("line", { x1: "10", x2: "10", y1: "11", y2: "17" }),
-  /* @__PURE__ */ jsx("line", { x1: "14", x2: "14", y1: "11", y2: "17" })
-] });
-const LockIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
-  /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
-] });
-const MenuIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
-  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
-  /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
-] });
-const ColumnBeforeIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("rect", { x: "10", y: "4", width: "11", height: "16", rx: "1" }),
-  /* @__PURE__ */ jsx("path", { d: "M14 4v16" }),
-  /* @__PURE__ */ jsx("path", { d: "M5 9v6" }),
-  /* @__PURE__ */ jsx("path", { d: "M2 12h6" })
-] });
-const ColumnAfterIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "11", height: "16", rx: "1" }),
-  /* @__PURE__ */ jsx("path", { d: "M10 4v16" }),
-  /* @__PURE__ */ jsx("path", { d: "M19 9v6" }),
-  /* @__PURE__ */ jsx("path", { d: "M16 12h6" })
-] });
-const ColumnDeleteIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1" }),
-  /* @__PURE__ */ jsx("path", { d: "M12 4v16" }),
-  /* @__PURE__ */ jsx("path", { d: "m8 9 8 6" }),
-  /* @__PURE__ */ jsx("path", { d: "m16 9-8 6" })
-] });
-const RowBeforeIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("rect", { x: "4", y: "10", width: "16", height: "11", rx: "1" }),
-  /* @__PURE__ */ jsx("path", { d: "M4 14h16" }),
-  /* @__PURE__ */ jsx("path", { d: "M9 5h6" }),
-  /* @__PURE__ */ jsx("path", { d: "M12 2v6" })
-] });
-const RowAfterIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("rect", { x: "4", y: "3", width: "16", height: "11", rx: "1" }),
-  /* @__PURE__ */ jsx("path", { d: "M4 10h16" }),
-  /* @__PURE__ */ jsx("path", { d: "M9 19h6" }),
-  /* @__PURE__ */ jsx("path", { d: "M12 16v6" })
-] });
-const RowDeleteIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1" }),
-  /* @__PURE__ */ jsx("path", { d: "M4 12h16" }),
-  /* @__PURE__ */ jsx("path", { d: "m9 8 6 8" }),
-  /* @__PURE__ */ jsx("path", { d: "m15 8-6 8" })
-] });
-const TableDeleteIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
-  /* @__PURE__ */ jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "1" }),
-  /* @__PURE__ */ jsx("path", { d: "M3 9h18" }),
-  /* @__PURE__ */ jsx("path", { d: "M9 5v14" }),
-  /* @__PURE__ */ jsx("path", { d: "M15 5v14" }),
-  /* @__PURE__ */ jsx("path", { d: "m7 2 10 20" })
-] });
 const wrapper = "_wrapper_5i2vi_2";
 const header$1 = "_header_5i2vi_18";
 const langTrigger = "_langTrigger_5i2vi_28";
@@ -1110,6 +1446,17 @@ const ImageWithConfirmDelete = Image.extend({
     };
   }
 });
+const DEFAULT_FIND_BAR_OFFSET = { top: 4, right: 4 };
+function findBarOffsetStyle(offset) {
+  const px = (v) => typeof v === "number" ? `${v}px` : v;
+  return {
+    position: "absolute",
+    top: px(offset.top),
+    right: px(offset.right),
+    bottom: px(offset.bottom),
+    left: px(offset.left)
+  };
+}
 const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   initialMarkdown = "",
   editable = true,
@@ -1131,11 +1478,19 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   commentInteractive = true,
   pendingAnchors,
   onAnchorClick,
-  onSelectionChange
+  onSelectionChange,
+  findReplace = true,
+  findBar = findReplace,
+  findBarContainer,
+  findBarOffset = DEFAULT_FIND_BAR_OFFSET,
+  findShortcut = true,
+  findLabels
 }, ref) {
   const preparedInitial = prepareChartMarkdown(
     enrichMarkdownCitations(initialMarkdown, sources ?? [])
   );
+  const [findOpen, setFindOpen] = useState(false);
+  const findInputRef = useRef(null);
   const editor = useEditor({
     extensions: [
       ...baseExtensions,
@@ -1151,6 +1506,12 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
       }),
       Markdown,
       pendingAnchorExtension,
+      // 官方查找替换：只出命令 / storage / 装饰，UI 自绘（见 FindReplaceBar）。
+      // - injectCSS 关掉：它默认会往页面插一个 <style>，绕开宿主的 --tmr-* 主题与 style.css，
+      //   命中样式改由 src/styles/find.css 承担。
+      // - searchDebounceMs 关掉：官方防抖走 setTimeout，抛错会落在异步回调里兜不住；
+      //   防抖改由浮动条自己做（见 findReplace.ts）。
+      ...findReplace ? [FindAndReplace.configure({ injectCSS: false, searchDebounceMs: 0 })] : [],
       TableOfContents.configure({
         getId: makeTocGetId(),
         onUpdate: (anchors) => {
@@ -1170,7 +1531,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
     immediatelyRender: false,
     editorProps: {
       attributes: {
-        class: styles$5.editorContent,
+        class: styles$6.editorContent,
         "data-placeholder": placeholder ?? ""
       }
     }
@@ -1182,6 +1543,34 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   useEffect(() => {
     editor == null ? void 0 : editor.setEditable(editable);
   }, [editor, editable]);
+  const closeFind = useCallback(() => {
+    setFindOpen(false);
+    editor == null ? void 0 : editor.commands.focus();
+  }, [editor]);
+  useEffect(() => {
+    if (!editor || !findReplace || !findBar || !findShortcut) return;
+    const onKeyDown = (event) => {
+      if (!(event.metaKey || event.ctrlKey) || event.altKey || event.shiftKey) {
+        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;
+      }
+      event.preventDefault();
+      setFindOpen(true);
+      requestAnimationFrame(() => {
+        var _a;
+        return (_a = findInputRef.current) == null ? void 0 : _a.select();
+      });
+    };
+    document.addEventListener("keydown", onKeyDown, true);
+    return () => document.removeEventListener("keydown", onKeyDown, true);
+  }, [editor, findReplace, findBar, findShortcut]);
   const commentsSignatureRef = useRef("");
   useEffect(() => {
     if (!editor || !editable) return;
@@ -1288,17 +1677,41 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
       getEditor: () => editor ?? null,
       focusComment: (commentId) => editor ? focusComment(editor, commentId) : false,
       nextComment: (dir) => editor ? nextComment(editor, dir ?? "next") : null,
-      getCommentIds: () => editor ? collectCommentIds(editor) : []
+      getCommentIds: () => editor ? collectCommentIds(editor) : [],
+      openFind: () => setFindOpen(true),
+      closeFind
     }),
-    [editor]
+    [editor, closeFind]
   );
-  return /* @__PURE__ */ jsx(
-    EditorContent,
+  const findBarTarget = typeof findBarContainer === "function" ? findBarContainer() : findBarContainer ?? null;
+  useEffect(() => {
+    if (!findBarTarget) return;
+    if (getComputedStyle(findBarTarget).position === "static") {
+      findBarTarget.style.position = "relative";
+    }
+  }, [findBarTarget]);
+  const findBarNode = editor && findBar && findOpen ? /* @__PURE__ */ jsx(
+    FindReplaceBar,
     {
       editor,
-      className: className ? `${styles$5.editorScroll} ${className}` : styles$5.editorScroll
+      labels: findLabels,
+      onClose: closeFind,
+      inputRef: findInputRef,
+      className: styles$6.findBar,
+      style: findBarOffsetStyle(findBarOffset)
     }
-  );
+  ) : null;
+  return /* @__PURE__ */ jsxs("div", { className: styles$6.editorHost, children: [
+    findBarNode && !findBarTarget ? /* @__PURE__ */ jsx("div", { className: styles$6.findBarAnchor, children: findBarNode }) : null,
+    findBarNode && findBarTarget ? createPortal(findBarNode, findBarTarget) : null,
+    /* @__PURE__ */ jsx(
+      EditorContent,
+      {
+        editor,
+        className: className ? `${styles$6.editorScroll} ${className}` : styles$6.editorScroll
+      }
+    )
+  ] });
 });
 function MarkdownPreview({
   markdown,
@@ -1331,7 +1744,7 @@ function MarkdownPreview({
       editable: false,
       immediatelyRender: false,
       editorProps: {
-        attributes: { class: styles$5.editorContent }
+        attributes: { class: styles$6.editorContent }
       }
     },
     [extensions]
@@ -1344,7 +1757,7 @@ function MarkdownPreview({
     EditorContent,
     {
       editor,
-      className: className ?? styles$5.editorScroll
+      className: className ?? styles$6.editorScroll
     }
   );
 }
@@ -1422,8 +1835,8 @@ function getTableSelectionInfo(state) {
   const rowCount = Math.max(1, rect.bottom - rect.top);
   const colCount = Math.max(1, rect.right - rect.left);
   let includesHeaderRow = false;
-  for (let row = rect.top; row < rect.bottom; row++) {
-    if (rowIsHeader(rect.map, rect.table, row)) {
+  for (let row2 = rect.top; row2 < rect.bottom; row2++) {
+    if (rowIsHeader(rect.map, rect.table, row2)) {
       includesHeaderRow = true;
       break;
     }
@@ -1804,7 +2217,7 @@ function MathEditorPopover({
     e2.preventDefault();
     submit();
   };
-  const field = isBlock ? /* @__PURE__ */ jsx(
+  const field2 = isBlock ? /* @__PURE__ */ jsx(
     "textarea",
     {
       ref: inputRef,
@@ -1861,7 +2274,7 @@ function MathEditorPopover({
                   id: showHint ? void 0 : titleId,
                   className: isBlock ? `${styles$3.mathField} ${styles$3.mathFieldBlock}` : styles$3.mathField,
                   children: [
-                    field,
+                    field2,
                     /* @__PURE__ */ jsxs(
                       "button",
                       {
@@ -2039,18 +2452,18 @@ function TableInsertItem({
                   onMouseLeave: resetHover,
                   children: Array.from({ length: TABLE_PICKER_ROWS * TABLE_PICKER_COLS }, (_, i) => {
                     const col = i % TABLE_PICKER_COLS + 1;
-                    const row = Math.floor(i / TABLE_PICKER_COLS) + 1;
-                    const active2 = hover.cols > 0 && col <= hover.cols && row <= hover.rows;
+                    const row2 = Math.floor(i / TABLE_PICKER_COLS) + 1;
+                    const active2 = hover.cols > 0 && col <= hover.cols && row2 <= hover.rows;
                     return /* @__PURE__ */ jsx(
                       "button",
                       {
                         type: "button",
-                        "aria-label": labels.tableSizeSelected(col, row),
+                        "aria-label": labels.tableSizeSelected(col, row2),
                         className: `${styles$3.tableSizeCell} ${active2 ? styles$3.tableSizeCellActive : ""}`,
                         onMouseDown: (e2) => e2.preventDefault(),
-                        onMouseEnter: () => setHover({ cols: col, rows: row }),
+                        onMouseEnter: () => setHover({ cols: col, rows: row2 }),
                         onClick: () => {
-                          onInsert(row, col);
+                          onInsert(row2, col);
                           setOpen(false);
                           resetHover();
                           closeMenu();
@@ -2072,7 +2485,7 @@ function TableInsertItem({
 function ColorPopover({
   title,
   glyph,
-  bar,
+  bar: bar2,
   value,
   onPick,
   paletteLabels
@@ -2089,7 +2502,7 @@ function ColorPopover({
         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: bar } })
+          /* @__PURE__ */ jsx("span", { className: styles$3.colorIconBar, style: { background: bar2 } })
         ] })
       }
     ) }),
@@ -2306,11 +2719,11 @@ function EditorToolbar({
     importMenuItems
   });
   const pickImport = (accept) => {
-    const input = importInputRef.current;
-    if (!input) return;
-    input.accept = accept;
-    input.value = "";
-    input.click();
+    const input2 = importInputRef.current;
+    if (!input2) return;
+    input2.accept = accept;
+    input2.value = "";
+    input2.click();
   };
   const importTitle = importing ? t.importDocumentBusy : t.importDocumentHint;
   const applyTextColor = (color) => {
@@ -3226,6 +3639,7 @@ export {
   C as ChartMount,
   CheckIcon,
   ChevronDownIcon,
+  ChevronUpIcon,
   a as CitationInteractive,
   CitationRef,
   CodeBlockView,
@@ -3237,6 +3651,9 @@ export {
   CommentMark,
   CommentPopover,
   EditorToolbar,
+  FIND_DEBOUNCE_MS,
+  default2 as FindAndReplace,
+  FindReplaceBar,
   ImageIcon,
   ImportIcon,
   ImportPlaceholder,
@@ -3259,12 +3676,14 @@ export {
   RowAfterIcon,
   RowBeforeIcon,
   RowDeleteIcon,
+  SearchIcon,
   StrikethroughIcon,
   TableDeleteIcon,
   TocPanel,
   TrashIcon,
   UnderlineIcon,
   UndoIcon,
+  XIcon,
   a2 as applyCitationSources,
   applyCommentAnchorsToEditor,
   baseExtensions,
@@ -3280,6 +3699,7 @@ export {
   defaultCodeBlockLabels,
   defaultColorPaletteLabels,
   defaultCommentLabels,
+  defaultFindLabels,
   defaultTocLabels,
   defaultToolbarLabels,
   enrichMarkdownCitations,
@@ -3304,6 +3724,7 @@ export {
   r as readCitationAttrs,
   replaceRangeWithMarkdown,
   reportChart,
+  runFindCommand,
   s as scrollToTocHeading,
   selectionKind,
   s2 as serializeChartPayload,