tiptap-markdown-react 0.10.3 → 0.11.0

package/dist/index.js

@@ -1,17 +1,19 @@
 "use client";
 import { Markdown, MarkdownManager } from "@tiptap/markdown";
-import { c as renderOrUpdateChart, d as destroyChart } from "./scrollToTocHeading-BnfiGfjk.js";
-import { C, a, R, b, f, m, r, s } from "./scrollToTocHeading-BnfiGfjk.js";
+import { c as renderOrUpdateChart, d as destroyChart } from "./scrollToTocHeading-EkePiWil.js";
+import { C, a, R, b, f, m, r, s } from "./scrollToTocHeading-EkePiWil.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-XJE1P0zp.js";
-import { R as R2, a as a2, s as s2 } from "./ReportContent-XJE1P0zp.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-BrN-Lwwy.js";
-import { g, e, s as s3 } from "./extractToc-BrN-Lwwy.js";
+import { NodeViewWrapper, ReactNodeViewRenderer, useEditorState, NodeViewContent, useEditor, EditorContent } from "@tiptap/react";
+import { useState, useRef, useCallback, useEffect, useMemo, forwardRef, useImperativeHandle, useId, useContext, createContext } from "react";
+import { e as enrichMarkdownCitations, b as styles$6 } from "./ReportContent-By-tSiNn.js";
+import { R as R2, a as a2, s as s2 } from "./ReportContent-By-tSiNn.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-CB4RYsMJ.js";
+import { g, e, s as s3 } from "./extractToc-CB4RYsMJ.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";
@@ -333,6 +335,561 @@ function nextComment(editor, dir = "next") {
   focusComment(editor, target);
   return target;
 }
+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;
+    }
+    throw error;
+  }
+}
+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 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)",
+  editTitle: "Edit chart"
+};
+const defaultToolbarLabels = {
+  undo: "Undo",
+  redo: "Redo",
+  style: "Style",
+  normalText: "Normal text",
+  headingLabel: (level) => `Heading ${level}`,
+  fontSize: "Font size",
+  fontSizeDefault: "Default",
+  bold: "Bold",
+  italic: "Italic",
+  underline: "Underline",
+  strike: "Strikethrough",
+  code: "Inline code",
+  textColor: "Text color",
+  highlight: "Highlight",
+  colorNone: "None",
+  colorTheme: "THEME",
+  scriptMenu: "Superscript / Subscript",
+  scriptNormal: "Normal",
+  superscript: "Superscript",
+  subscript: "Subscript",
+  link: "Link",
+  linkPrompt: "Enter URL",
+  image: "Image",
+  imageUploadFailed: "Image upload failed",
+  importMarkdownFailed: "Markdown import failed",
+  importDocument: "Import",
+  importDocumentHint: "Import a file",
+  importDocumentOther: "Document",
+  importDocumentBusy: "Importing…",
+  importDocumentUploading: (percent) => `Uploading ${percent}%`,
+  importDocumentConverting: "Converting…",
+  importDocumentFailed: "Import failed",
+  blockquote: "Blockquote",
+  bulletList: "Bullet list",
+  orderedList: "Ordered list",
+  taskList: "Task list",
+  more: "More",
+  codeBlock: "Code block",
+  hr: "Divider",
+  importMarkdown: "Markdown",
+  tableInsert: "Insert table",
+  tableSizeSelected: (cols, rows) => `${cols} × ${rows}`,
+  tableAddColumnBefore: "Add column before",
+  tableAddColumnAfter: "Add column after",
+  tableDeleteColumn: "Delete column",
+  tableAddRowBefore: "Add row before",
+  tableAddRowAfter: "Add row after",
+  tableDeleteRow: "Delete row",
+  tableAddColumnBeforeN: (n) => `Add ${n} columns before`,
+  tableAddColumnAfterN: (n) => `Add ${n} columns after`,
+  tableDeleteColumnN: (n) => `Delete ${n} columns`,
+  tableAddRowBeforeN: (n) => `Add ${n} rows before`,
+  tableAddRowAfterN: (n) => `Add ${n} rows after`,
+  tableDeleteRowN: (n) => `Delete ${n} rows`,
+  tableDeleteTable: "Delete table",
+  inlineMath: "Inline equation",
+  blockMath: "Block equation",
+  mathPlaceholder: "E = mc^2",
+  mathDone: "Done",
+  mathCancel: "Cancel",
+  mathNewInline: "New equation",
+  mathNewBlock: "Add a TeX equation"
+};
+const defaultColorPaletteLabels = {
+  none: "None",
+  theme: "THEME"
+};
+const defaultTocLabels = {
+  title: "Contents",
+  expand: "Expand",
+  collapse: "Collapse"
+};
+const defaultCodeBlockLabels = {
+  autoDetect: "Auto-detect",
+  delete: "Delete code block"
+};
+const defaultCommentLabels = {
+  open: "Open",
+  resolved: "Resolved",
+  dismissed: "Dismissed",
+  outdated: "Outdated",
+  ambiguous: "Ambiguous",
+  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_fzqxj_3";
+const row = "_row_fzqxj_25";
+const field = "_field_fzqxj_33";
+const fieldIcon = "_fieldIcon_fzqxj_49";
+const input = "_input_fzqxj_54";
+const counter = "_counter_fzqxj_65";
+const counterInvalid = "_counterInvalid_fzqxj_74";
+const btn$1 = "_btn_fzqxj_78";
+const toggle = "_toggle_fzqxj_106";
+const toggleOn = "_toggleOn_fzqxj_111";
+const textBtn = "_textBtn_fzqxj_121";
+const spacer = "_spacer_fzqxj_126";
+const readOnly = "_readOnly_fzqxj_131";
+const styles$5 = {
+  bar,
+  row,
+  field,
+  fieldIcon,
+  input,
+  counter,
+  counterInvalid,
+  btn: btn$1,
+  toggle,
+  toggleOn,
+  textBtn,
+  spacer,
+  readOnly
+};
+function FindReplaceBar({
+  editor,
+  onClose,
+  labels,
+  inputRef,
+  className
+}) {
+  const t = { ...defaultFindLabels, ...labels };
+  const [term, setTerm] = useState("");
+  const [replaceTerm, setReplaceTerm] = useState("");
+  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 appliedTermRef = useRef(null);
+  const pushTerm = useCallback(
+    (value) => {
+      appliedTermRef.current = value;
+      runFindCommand(() => editor.commands.setSearchTerm(value));
+    },
+    [editor]
+  );
+  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(() => {
+    runFindCommand(() => editor.commands.setReplaceTerm(replaceTerm));
+  }, [editor, replaceTerm]);
+  useEffect(() => {
+    return () => {
+      if (!editor.isDestroyed) editor.commands.clearSearch();
+    };
+  }, [editor]);
+  const runAction = useCallback(
+    (action) => {
+      flushTerm();
+      runFindCommand(action);
+    },
+    [flushTerm]
+  );
+  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) => {
+    runFindCommand(() => {
+      if (key === "caseSensitive") editor.commands.setCaseSensitive(value);
+      else if (key === "wholeWord") editor.commands.setWholeWord(value);
+      else editor.commands.setUseRegex(value);
+    });
+  };
+  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,
+      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(
+            "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,
+              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(
+            "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(
+            "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) => {
@@ -485,186 +1042,92 @@ const pendingAnchorExtension = Extension.create({
     ];
   }
 });
-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 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",
-  cancel: "Cancel",
-  configLabel: "Chart config (JSON)",
-  tableLabel: "Data table (Markdown)",
-  editTitle: "Edit chart"
-};
-const defaultToolbarLabels = {
-  undo: "Undo",
-  redo: "Redo",
-  style: "Style",
-  normalText: "Normal text",
-  headingLabel: (level) => `Heading ${level}`,
-  fontSize: "Font size",
-  fontSizeDefault: "Default",
-  bold: "Bold",
-  italic: "Italic",
-  underline: "Underline",
-  strike: "Strikethrough",
-  code: "Inline code",
-  textColor: "Text color",
-  highlight: "Highlight",
-  colorNone: "None",
-  colorTheme: "THEME",
-  scriptMenu: "Superscript / Subscript",
-  scriptNormal: "Normal",
-  superscript: "Superscript",
-  subscript: "Subscript",
-  link: "Link",
-  linkPrompt: "Enter URL",
-  image: "Image",
-  imageUploadFailed: "Image upload failed",
-  importMarkdownFailed: "Markdown import failed",
-  importDocument: "Import",
-  importDocumentHint: "Import a file",
-  importDocumentOther: "Document",
-  importDocumentBusy: "Importing…",
-  importDocumentUploading: (percent) => `Uploading ${percent}%`,
-  importDocumentConverting: "Converting…",
-  importDocumentFailed: "Import failed",
-  blockquote: "Blockquote",
-  bulletList: "Bullet list",
-  orderedList: "Ordered list",
-  taskList: "Task list",
-  more: "More",
-  codeBlock: "Code block",
-  hr: "Divider",
-  importMarkdown: "Markdown",
-  tableInsert: "Insert table",
-  tableSizeSelected: (cols, rows) => `${cols} × ${rows}`,
-  tableAddColumnBefore: "Add column before",
-  tableAddColumnAfter: "Add column after",
-  tableDeleteColumn: "Delete column",
-  tableAddRowBefore: "Add row before",
-  tableAddRowAfter: "Add row after",
-  tableDeleteRow: "Delete row",
-  tableAddColumnBeforeN: (n) => `Add ${n} columns before`,
-  tableAddColumnAfterN: (n) => `Add ${n} columns after`,
-  tableDeleteColumnN: (n) => `Delete ${n} columns`,
-  tableAddRowBeforeN: (n) => `Add ${n} rows before`,
-  tableAddRowAfterN: (n) => `Add ${n} rows after`,
-  tableDeleteRowN: (n) => `Delete ${n} rows`,
-  tableDeleteTable: "Delete table",
-  inlineMath: "Inline equation",
-  blockMath: "Block equation",
-  mathPlaceholder: "E = mc^2",
-  mathDone: "Done",
-  mathCancel: "Cancel",
-  mathNewInline: "New equation",
-  mathNewBlock: "Add a TeX equation"
-};
-const defaultColorPaletteLabels = {
-  none: "None",
-  theme: "THEME"
-};
-const defaultTocLabels = {
-  title: "Contents",
-  expand: "Expand",
-  collapse: "Collapse"
-};
-const defaultCodeBlockLabels = {
-  autoDetect: "Auto-detect",
-  delete: "Delete code block"
-};
-const defaultCommentLabels = {
-  open: "Open",
-  resolved: "Resolved",
-  dismissed: "Dismissed",
-  outdated: "Outdated",
-  ambiguous: "Ambiguous",
-  partial: "Partially matched",
-  gutterTitle: "Comment"
-};
+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 +1250,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";
@@ -1131,11 +1446,16 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   commentInteractive = true,
   pendingAnchors,
   onAnchorClick,
-  onSelectionChange
+  onSelectionChange,
+  findReplace = true,
+  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 +1471,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 +1496,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
     immediatelyRender: false,
     editorProps: {
       attributes: {
-        class: styles$5.editorContent,
+        class: styles$6.editorContent,
         "data-placeholder": placeholder ?? ""
       }
     }
@@ -1182,6 +1508,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 || !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, findShortcut]);
   const commentsSignatureRef = useRef("");
   useEffect(() => {
     if (!editor || !editable) return;
@@ -1288,17 +1642,31 @@ 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]
-  );
-  return /* @__PURE__ */ jsx(
-    EditorContent,
-    {
-      editor,
-      className: className ? `${styles$5.editorScroll} ${className}` : styles$5.editorScroll
-    }
+    [editor, closeFind]
   );
+  return /* @__PURE__ */ jsxs("div", { className: styles$6.editorHost, children: [
+    editor && findReplace && findOpen ? /* @__PURE__ */ jsx("div", { className: styles$6.findBarAnchor, children: /* @__PURE__ */ jsx(
+      FindReplaceBar,
+      {
+        editor,
+        labels: findLabels,
+        onClose: closeFind,
+        inputRef: findInputRef,
+        className: styles$6.findBar
+      }
+    ) }) : null,
+    /* @__PURE__ */ jsx(
+      EditorContent,
+      {
+        editor,
+        className: className ? `${styles$6.editorScroll} ${className}` : styles$6.editorScroll
+      }
+    )
+  ] });
 });
 function MarkdownPreview({
   markdown,
@@ -1331,7 +1699,7 @@ function MarkdownPreview({
       editable: false,
       immediatelyRender: false,
       editorProps: {
-        attributes: { class: styles$5.editorContent }
+        attributes: { class: styles$6.editorContent }
       }
     },
     [extensions]
@@ -1344,7 +1712,7 @@ function MarkdownPreview({
     EditorContent,
     {
       editor,
-      className: className ?? styles$5.editorScroll
+      className: className ?? styles$6.editorScroll
     }
   );
 }
@@ -1422,8 +1790,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 +2172,7 @@ function MathEditorPopover({
     e2.preventDefault();
     submit();
   };
-  const field = isBlock ? /* @__PURE__ */ jsx(
+  const field2 = isBlock ? /* @__PURE__ */ jsx(
     "textarea",
     {
       ref: inputRef,
@@ -1861,7 +2229,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 +2407,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 +2440,7 @@ function TableInsertItem({
 function ColorPopover({
   title,
   glyph,
-  bar,
+  bar: bar2,
   value,
   onPick,
   paletteLabels
@@ -2089,7 +2457,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 +2674,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 +3594,7 @@ export {
   C as ChartMount,
   CheckIcon,
   ChevronDownIcon,
+  ChevronUpIcon,
   a as CitationInteractive,
   CitationRef,
   CodeBlockView,
@@ -3237,6 +3606,9 @@ export {
   CommentMark,
   CommentPopover,
   EditorToolbar,
+  FIND_DEBOUNCE_MS,
+  default2 as FindAndReplace,
+  FindReplaceBar,
   ImageIcon,
   ImportIcon,
   ImportPlaceholder,
@@ -3259,12 +3631,14 @@ export {
   RowAfterIcon,
   RowBeforeIcon,
   RowDeleteIcon,
+  SearchIcon,
   StrikethroughIcon,
   TableDeleteIcon,
   TocPanel,
   TrashIcon,
   UnderlineIcon,
   UndoIcon,
+  XIcon,
   a2 as applyCitationSources,
   applyCommentAnchorsToEditor,
   baseExtensions,
@@ -3280,6 +3654,7 @@ export {
   defaultCodeBlockLabels,
   defaultColorPaletteLabels,
   defaultCommentLabels,
+  defaultFindLabels,
   defaultTocLabels,
   defaultToolbarLabels,
   enrichMarkdownCitations,
@@ -3304,6 +3679,7 @@ export {
   r as readCitationAttrs,
   replaceRangeWithMarkdown,
   reportChart,
+  runFindCommand,
   s as scrollToTocHeading,
   selectionKind,
   s2 as serializeChartPayload,