tiptap-markdown-react 1.1.0 → 1.2.0

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { Markdown, MarkdownManager } from "@tiptap/markdown";
-import { c as renderOrUpdateChart, d as destroyChart, s as scrollToTocHeading } from "./ReportContentWithCharts-CDwS4OH9.js";
-import { C, a, R, b, f, m, r } from "./ReportContentWithCharts-CDwS4OH9.js";
+import { g as getLocaleBundle, d as renderOrUpdateChart, e as destroyChart, u as useIsMobile, E as EditorToc, h as sameTocItems$1 } from "./ReportContentWithCharts-DHdD1BaH.js";
+import { C, a, b, c, f, m, r, s } from "./ReportContentWithCharts-DHdD1BaH.js";
 import { jsx, jsxs, Fragment as Fragment$2 } from "react/jsx-runtime";
 import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
 import FindAndReplace, { FindAndReplacePluginKey, createSearchRegex } from "@tiptap/extension-find-and-replace";
@@ -14,10 +14,10 @@ import { NodeViewWrapper, ReactNodeViewRenderer, useEditorState, ReactRenderer,
 import { Extension, Node as Node$1, mergeAttributes } from "@tiptap/core";
 import { createPortal } from "react-dom";
 import { useState, useEffect, useCallback, useRef, useMemo, useSyncExternalStore, useLayoutEffect, forwardRef, useId, useImperativeHandle, Fragment as Fragment$1, useContext, createContext } from "react";
-import { e as enrichMarkdownCitations, c as styles$e } from "./ReportContent-B7okwVW0.js";
-import { R as R2, a as a2, b as b2, s } from "./ReportContent-B7okwVW0.js";
+import { e as enrichMarkdownCitations, c as styles$d } from "./ReportContent-B7okwVW0.js";
+import { R, a as a2, b as b2, s as s2 } from "./ReportContent-B7okwVW0.js";
 import { C as CitationRef, i as mergeCommentIntervals, h as mapCommentAnchors, n as normalizeImageAlign, p as prepareChartMarkdown, j as reportChart, f as CommentMark, b as baseExtensions, l as lowlight, m as makeTocGetId, k as parseCodeTokenAsChartOrCodeBlock, o as imageMarkdownTokenizer, q as imageParseMarkdown, t as imageRenderMarkdown, u as imageNodeHtml, v as imageFigureParseRule, w as imageCaptionAttribute, x as imageAlignAttribute, y as normalizeImageCaption, a as pureCodeBlock, c as pureImage, z as renderMathInto, A as readCurrentNumberingFormat, B as subscribeMathClick, D as applyNumberingFormat, N as NUMBERING_FORMAT_IDS, E as NUMBERING_FORMAT_LABELS, F as NUMBERING_FORMAT_PREVIEWS, d as pureChart } from "./extractToc-B50WvHao.js";
-import { P, g, e, s as s2 } from "./extractToc-B50WvHao.js";
+import { P, g, e, s as s3 } from "./extractToc-B50WvHao.js";
 import { Slice, Fragment } from "@tiptap/pm/model";
 import { PluginKey, Plugin, Selection, TextSelection, NodeSelection } from "@tiptap/pm/state";
 import { DecorationSet, Decoration } from "@tiptap/pm/view";
@@ -270,7 +270,7 @@ function applyCommentAnchorsToEditor(editor, comments) {
   const intervals = comments.length > 0 ? mergeCommentIntervals(
     mapCommentAnchors(
       editor.state.doc,
-      comments.map((c) => ({ commentId: c.commentId, segments: c.segments }))
+      comments.map((c2) => ({ commentId: c2.commentId, segments: c2.segments }))
     ).map((r2) => ({ commentId: r2.commentId, ranges: r2.ranges }))
   ) : [];
   const chain = editor.chain().clearCommentAnchors();
@@ -659,494 +659,7 @@ const KeyboardIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
   /* @__PURE__ */ jsx("path", { d: "M18 12h.01" }),
   /* @__PURE__ */ jsx("path", { d: "M7 16h10" })
 ] });
-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",
-  align: "Alignment",
-  alignLeft: "Align left",
-  alignCenter: "Align center",
-  alignRight: "Align right",
-  alignJustify: "Justify",
-  indent: "Indent",
-  indentIncrease: "Increase indent",
-  indentDecrease: "Decrease indent",
-  lineHeight: "Line height",
-  lineHeightDefault: "Default",
-  linkPrompt: "Enter URL",
-  linkApply: "Apply link",
-  linkOpen: "Open in new window",
-  linkRemove: "Remove link",
-  linkInvalid: "The editor rejected this address",
-  image: "Image",
-  imageUploadFailed: "Image upload failed",
-  imageAlign: "Image alignment",
-  imageAlignLeft: "Align left",
-  imageAlignCenter: "Align center",
-  imageAlignRight: "Align right",
-  imageCaption: "Caption",
-  imageCaptionPlaceholder: "Add a caption…",
-  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",
-  details: "Toggle",
-  bulletList: "Bullet list",
-  orderedList: "Ordered list",
-  numberingFormat: "Numbering format",
-  taskList: "Task list",
-  more: "More",
-  search: "Find & replace",
-  codeBlock: "Code block",
-  hr: "Divider",
-  importMarkdown: "Markdown",
-  tableInsert: "Insert table",
-  tableRowMenu: "Row actions",
-  tableColumnMenu: "Column actions",
-  tableClearContent: "Clear content",
-  tableResetCellStyles: "Reset cell styles",
-  tableAppendRow: "Add row",
-  tableAppendColumn: "Add column",
-  tableSizeSelected: (cols, rows) => `${cols} × ${rows}`,
-  tableAddColumnBefore: "Add column before",
-  tableAddColumnAfter: "Add column after",
-  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 defaultBlockDragLabels = {
-  dragHandle: "Drag to move",
-  menuLabel: "Block actions",
-  turnInto: "Turn into",
-  paragraph: "Normal text",
-  headingLabel: (level) => `Heading ${level}`,
-  bulletList: "Bullet list",
-  orderedList: "Ordered list",
-  taskList: "Task list",
-  blockquote: "Blockquote",
-  codeBlock: "Code block",
-  copy: "Copy",
-  duplicate: "Duplicate",
-  resetFormatting: "Reset formatting",
-  downloadImage: "Download image",
-  delete: "Delete"
-};
-const defaultSlashMenuLabels = {
-  menuLabel: "Insert block",
-  groupText: "Text",
-  groupList: "Lists",
-  groupAdvanced: "Advanced",
-  normalText: "Normal text",
-  headingLabel: (level) => `Heading ${level}`,
-  bulletList: "Bullet list",
-  orderedList: "Ordered list",
-  taskList: "Task list",
-  blockquote: "Blockquote",
-  details: "Toggle",
-  codeBlock: "Code block",
-  divider: "Divider",
-  table: "Table",
-  inlineMath: "Inline equation",
-  blockMath: "Block equation"
-};
-const defaultShortcutLabels = {
-  panelTitle: "Shortcuts",
-  close: "Close",
-  colFormat: "Format",
-  colShortcut: "Shortcut",
-  colMarkdown: "Markdown",
-  formatGroup: "Formatting",
-  insertGroup: "Insert",
-  editGroup: "Editing",
-  bold: "Bold",
-  italic: "Italic",
-  strike: "Strikethrough",
-  underline: "Underline",
-  inlineCode: "Inline code",
-  highlight: "Highlight",
-  headingLabel: (level) => `Heading ${level}`,
-  paragraph: "Normal text",
-  blockquote: "Blockquote",
-  bulletList: "Bullet list",
-  orderedList: "Ordered list",
-  taskList: "Task list",
-  codeBlock: "Code block",
-  divider: "Divider",
-  undo: "Undo",
-  redo: "Redo",
-  hardBreak: "Hard break",
-  findReplace: "Find & replace",
-  alignLeft: "Align left",
-  alignCenter: "Align center",
-  alignRight: "Align right",
-  alignJustify: "Justify",
-  imageUpload: "Upload image",
-  smartQuote: "Smart quotes",
-  ellipsis: "Ellipsis",
-  emDash: "Em dash",
-  emoji: "Emoji"
-};
-const defaultCharacterCountLabels = {
-  label: "Document statistics",
-  characters: (count) => `${count} ${count === 1 ? "character" : "characters"}`,
-  words: (count) => `${count} ${count === 1 ? "word" : "words"}`
-};
-const defaultEmojiSuggestionLabels = {
-  menuLabel: "Emoji"
-};
-const defaultLinkPopoverLabels = {
-  field: "Enter URL",
-  apply: "Apply link",
-  open: "Open in new window",
-  remove: "Remove link",
-  invalid: "The editor rejected this address"
-};
-const defaultColorPaletteLabels = {
-  none: "None",
-  theme: "THEME"
-};
-const defaultTocLabels = {
-  title: "Contents",
-  expand: "Expand",
-  collapse: "Collapse"
-};
-const defaultCodeBlockLabels = {
-  autoDetect: "Auto-detect",
-  delete: "Delete code block",
-  copy: "Copy code",
-  expand: "Expand code",
-  collapse: "Collapse code",
-  language: "Code language"
-};
-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 defaultImageUploadLabels = {
-  dropzoneClick: "Click to upload",
-  dropzoneRest: " or drag and drop",
-  dropzoneLimits: (limit, maxSizeMb) => {
-    const count = `Maximum ${limit} file${limit === 1 ? "" : "s"}`;
-    return maxSizeMb == null ? `${count}.` : `${count}, ${maxSizeMb}MB each.`;
-  },
-  uploadingCount: (count) => `Uploading ${count} files`,
-  clearAll: "Clear all",
-  remove: "Remove",
-  failed: "Upload failed",
-  fallbackAlt: "image"
-};
-const zh = {
-  toolbar: {
-    undo: "撤销",
-    redo: "重做",
-    style: "样式",
-    normalText: "正文",
-    headingLabel: (level) => `标题 ${level}`,
-    fontSize: "字号",
-    fontSizeDefault: "默认",
-    bold: "加粗",
-    italic: "斜体",
-    underline: "下划线",
-    strike: "删除线",
-    code: "行内代码",
-    textColor: "文字颜色",
-    highlight: "高亮",
-    colorNone: "无",
-    colorTheme: "主题色",
-    scriptMenu: "上标 / 下标",
-    scriptNormal: "常规",
-    superscript: "上标",
-    subscript: "下标",
-    link: "链接",
-    align: "对齐",
-    alignLeft: "左对齐",
-    alignCenter: "居中",
-    alignRight: "右对齐",
-    alignJustify: "两端对齐",
-    indent: "缩进",
-    indentIncrease: "增加缩进",
-    indentDecrease: "减少缩进",
-    lineHeight: "行高",
-    lineHeightDefault: "默认",
-    linkPrompt: "输入链接地址",
-    linkApply: "应用链接",
-    linkOpen: "在新窗口打开",
-    linkRemove: "移除链接",
-    linkInvalid: "编辑器不接受这个地址",
-    image: "图片",
-    imageUploadFailed: "图片上传失败",
-    imageAlign: "图片对齐",
-    imageAlignLeft: "左对齐",
-    imageAlignCenter: "居中",
-    imageAlignRight: "右对齐",
-    imageCaption: "图片描述",
-    imageCaptionPlaceholder: "添加描述…",
-    importMarkdownFailed: "Markdown 导入失败",
-    importDocument: "导入",
-    importDocumentHint: "导入文件",
-    importDocumentOther: "文档",
-    importDocumentBusy: "正在导入…",
-    importDocumentUploading: (percent) => `上传中 ${percent}%`,
-    importDocumentConverting: "正在转换…",
-    importDocumentFailed: "导入失败",
-    blockquote: "引用",
-    details: "折叠块",
-    bulletList: "无序列表",
-    orderedList: "有序列表",
-    numberingFormat: "编号格式",
-    taskList: "任务列表",
-    more: "更多",
-    search: "查找替换",
-    codeBlock: "代码块",
-    hr: "分隔线",
-    importMarkdown: "Markdown",
-    tableInsert: "插入表格",
-    tableRowMenu: "行操作",
-    tableColumnMenu: "列操作",
-    tableClearContent: "清空内容",
-    tableResetCellStyles: "重置单元格样式",
-    tableAppendRow: "添加行",
-    tableAppendColumn: "添加列",
-    tableSizeSelected: (cols, rows) => `${cols} × ${rows}`,
-    tableAddColumnBefore: "在左侧插入列",
-    tableAddColumnAfter: "在右侧插入列",
-    tableDeleteColumn: "删除列",
-    tableAddRowBefore: "在上方插入行",
-    tableAddRowAfter: "在下方插入行",
-    tableDeleteRow: "删除行",
-    tableAddColumnBeforeN: (n) => `在左侧插入 ${n} 列`,
-    tableAddColumnAfterN: (n) => `在右侧插入 ${n} 列`,
-    tableDeleteColumnN: (n) => `删除 ${n} 列`,
-    tableAddRowBeforeN: (n) => `在上方插入 ${n} 行`,
-    tableAddRowAfterN: (n) => `在下方插入 ${n} 行`,
-    tableDeleteRowN: (n) => `删除 ${n} 行`,
-    tableDeleteTable: "删除表格",
-    inlineMath: "行内公式",
-    blockMath: "块级公式",
-    mathPlaceholder: "E = mc^2",
-    mathDone: "完成",
-    mathCancel: "取消",
-    mathNewInline: "新建公式",
-    mathNewBlock: "插入 TeX 公式"
-  },
-  slashMenu: {
-    menuLabel: "插入块",
-    groupText: "文本",
-    groupList: "列表",
-    groupAdvanced: "高级",
-    normalText: "正文",
-    headingLabel: (level) => `标题 ${level}`,
-    bulletList: "无序列表",
-    orderedList: "有序列表",
-    taskList: "任务列表",
-    blockquote: "引用",
-    details: "折叠块",
-    codeBlock: "代码块",
-    divider: "分隔线",
-    table: "表格",
-    inlineMath: "行内公式",
-    blockMath: "块级公式"
-  },
-  chart: {
-    tabLabel: (chartType, index) => `${chartType} ${index + 1}`,
-    done: "完成",
-    cancel: "取消",
-    configLabel: "图表配置（JSON）",
-    tableLabel: "数据表（Markdown）",
-    editTitle: "编辑图表"
-  },
-  blockDrag: {
-    dragHandle: "拖动以移动",
-    menuLabel: "块操作",
-    turnInto: "转换成",
-    paragraph: "正文",
-    headingLabel: (level) => `标题 ${level}`,
-    bulletList: "无序列表",
-    orderedList: "有序列表",
-    taskList: "任务列表",
-    blockquote: "引用",
-    codeBlock: "代码块",
-    copy: "复制",
-    duplicate: "再制一份",
-    resetFormatting: "清除格式",
-    downloadImage: "下载图片",
-    delete: "删除"
-  },
-  shortcut: {
-    panelTitle: "快捷键",
-    close: "关闭",
-    colFormat: "格式",
-    colShortcut: "快捷键",
-    colMarkdown: "Markdown",
-    formatGroup: "格式",
-    insertGroup: "插入",
-    editGroup: "编辑",
-    bold: "加粗",
-    italic: "斜体",
-    strike: "删除线",
-    underline: "下划线",
-    inlineCode: "行内代码",
-    highlight: "高亮",
-    headingLabel: (level) => `标题 ${level}`,
-    paragraph: "正文",
-    blockquote: "引用",
-    bulletList: "无序列表",
-    orderedList: "有序列表",
-    taskList: "任务列表",
-    codeBlock: "代码块",
-    divider: "分隔线",
-    undo: "撤销",
-    redo: "重做",
-    hardBreak: "硬换行",
-    findReplace: "查找替换",
-    alignLeft: "左对齐",
-    alignCenter: "居中",
-    alignRight: "右对齐",
-    alignJustify: "两端对齐",
-    imageUpload: "上传图片",
-    smartQuote: "智能引号",
-    ellipsis: "省略号",
-    emDash: "破折号",
-    emoji: "表情"
-  },
-  characterCount: {
-    label: "字数统计",
-    characters: (count) => `${count} 字符`,
-    words: (count) => `${count} 词`
-  },
-  emoji: {
-    menuLabel: "表情"
-  },
-  link: {
-    field: "输入链接地址",
-    apply: "应用链接",
-    open: "在新窗口打开",
-    remove: "移除链接",
-    invalid: "编辑器不接受这个地址"
-  },
-  palette: {
-    none: "无",
-    theme: "主题色"
-  },
-  toc: {
-    title: "目录",
-    expand: "展开",
-    collapse: "收起"
-  },
-  codeBlock: {
-    autoDetect: "自动识别",
-    delete: "删除代码块",
-    copy: "复制代码",
-    expand: "展开代码",
-    collapse: "收起代码",
-    language: "代码语言"
-  },
-  find: {
-    find: "查找",
-    replace: "替换为",
-    next: "下一处",
-    previous: "上一处",
-    replaceOne: "替换",
-    replaceAll: "全部替换",
-    close: "关闭",
-    caseSensitive: "区分大小写",
-    wholeWord: "全词匹配",
-    useRegex: "正则表达式",
-    counter: (current, total) => `${current} / ${total}`,
-    invalidRegex: "正则无效",
-    readOnly: "只读"
-  },
-  imageUpload: {
-    dropzoneClick: "点击上传",
-    dropzoneRest: "，或拖拽到此处",
-    dropzoneLimits: (limit, maxSizeMb) => {
-      const count = `最多 ${limit} 个文件`;
-      return maxSizeMb == null ? `${count}。` : `${count}，每个 ${maxSizeMb}MB。`;
-    },
-    uploadingCount: (count) => `正在上传 ${count} 个文件`,
-    clearAll: "全部清除",
-    remove: "移除",
-    failed: "上传失败",
-    fallbackAlt: "图片"
-  }
-};
-const en = {
-  toolbar: defaultToolbarLabels,
-  slashMenu: defaultSlashMenuLabels,
-  chart: defaultChartLabels,
-  blockDrag: defaultBlockDragLabels,
-  shortcut: defaultShortcutLabels,
-  characterCount: defaultCharacterCountLabels,
-  emoji: defaultEmojiSuggestionLabels,
-  link: defaultLinkPopoverLabels,
-  palette: defaultColorPaletteLabels,
-  toc: defaultTocLabels,
-  codeBlock: defaultCodeBlockLabels,
-  find: defaultFindLabels,
-  imageUpload: defaultImageUploadLabels
-};
-const bundles = { en, zh };
-function getLocaleBundle(locale = "en") {
-  return bundles[locale] ?? en;
-}
-const bar$2 = "_bar_1h61e_3";
+const bar$1 = "_bar_1h61e_3";
 const row$1 = "_row_1h61e_25";
 const field$1 = "_field_1h61e_43";
 const fieldIcon = "_fieldIcon_1h61e_62";
@@ -1159,8 +672,8 @@ const toggleOn = "_toggleOn_1h61e_135";
 const iconGroup = "_iconGroup_1h61e_29";
 const spacer = "_spacer_1h61e_150";
 const readOnly = "_readOnly_1h61e_155";
-const styles$d = {
-  bar: bar$2,
+const styles$c = {
+  bar: bar$1,
   row: row$1,
   field: field$1,
   fieldIcon,
@@ -1283,11 +796,11 @@ function FindReplaceBar({
     });
   };
   if (!hasExtension) return null;
-  const toggleClass = (on) => `${styles$d.btn} ${styles$d.toggle}${on ? ` ${styles$d.toggleOn}` : ""}`;
+  const toggleClass = (on) => `${styles$c.btn} ${styles$c.toggle}${on ? ` ${styles$c.toggleOn}` : ""}`;
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: className ? `${styles$d.bar} ${className}` : styles$d.bar,
+      className: className ? `${styles$c.bar} ${className}` : styles$c.bar,
       style,
       "data-find-bar": "",
       role: "dialog",
@@ -1300,14 +813,14 @@ function FindReplaceBar({
         onClose();
       },
       children: [
-        /* @__PURE__ */ jsxs("div", { className: styles$d.row, children: [
-          /* @__PURE__ */ jsxs("span", { className: styles$d.field, children: [
-            /* @__PURE__ */ jsx(SearchIcon, { size: 14, className: styles$d.fieldIcon }),
+        /* @__PURE__ */ jsxs("div", { className: styles$c.row, children: [
+          /* @__PURE__ */ jsxs("span", { className: styles$c.field, children: [
+            /* @__PURE__ */ jsx(SearchIcon, { size: 14, className: styles$c.fieldIcon }),
             /* @__PURE__ */ jsx(
               "input",
               {
                 ref: inputRef,
-                className: styles$d.input,
+                className: styles$c.input,
                 "data-find-field": "search",
                 value: term,
                 onChange: (e2) => setTerm(e2.target.value),
@@ -1321,7 +834,7 @@ function FindReplaceBar({
             /* @__PURE__ */ jsx(
               "span",
               {
-                className: `${styles$d.counter}${invalidPattern ? ` ${styles$d.counterInvalid}` : ""}`,
+                className: `${styles$c.counter}${invalidPattern ? ` ${styles$c.counterInvalid}` : ""}`,
                 "data-find-counter": "",
                 "aria-live": "polite",
                 title: invalidPattern ? t.invalidRegex : void 0,
@@ -1357,13 +870,13 @@ function FindReplaceBar({
               children: "ab"
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: styles$d.spacer }),
-          /* @__PURE__ */ jsxs("span", { className: styles$d.iconGroup, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$c.spacer }),
+          /* @__PURE__ */ jsxs("span", { className: styles$c.iconGroup, children: [
             /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
-                className: styles$d.btn,
+                className: styles$c.btn,
                 "data-find-action": "previous",
                 title: t.previous,
                 "aria-label": t.previous,
@@ -1377,7 +890,7 @@ function FindReplaceBar({
               "button",
               {
                 type: "button",
-                className: styles$d.btn,
+                className: styles$c.btn,
                 "data-find-action": "next",
                 title: t.next,
                 "aria-label": t.next,
@@ -1391,7 +904,7 @@ function FindReplaceBar({
               "button",
               {
                 type: "button",
-                className: styles$d.btn,
+                className: styles$c.btn,
                 "data-find-action": "close",
                 title: t.close,
                 "aria-label": t.close,
@@ -1401,11 +914,11 @@ function FindReplaceBar({
             )
           ] })
         ] }),
-        editor.isEditable ? /* @__PURE__ */ jsxs("div", { className: styles$d.row, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$d.field, children: /* @__PURE__ */ jsx(
+        editor.isEditable ? /* @__PURE__ */ jsxs("div", { className: styles$c.row, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$c.field, children: /* @__PURE__ */ jsx(
             "input",
             {
-              className: styles$d.input,
+              className: styles$c.input,
               "data-find-field": "replace",
               value: replaceTerm,
               onChange: (e2) => setReplaceTerm(e2.target.value),
@@ -1415,12 +928,12 @@ function FindReplaceBar({
               spellCheck: false
             }
           ) }),
-          /* @__PURE__ */ jsx("span", { className: styles$d.spacer }),
+          /* @__PURE__ */ jsx("span", { className: styles$c.spacer }),
           /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              className: styles$d.btn,
+              className: styles$c.btn,
               "data-find-action": "replace",
               title: t.replaceOne,
               "aria-label": t.replaceOne,
@@ -1434,7 +947,7 @@ function FindReplaceBar({
             "button",
             {
               type: "button",
-              className: styles$d.btn,
+              className: styles$c.btn,
               "data-find-action": "replace-all",
               title: t.replaceAll,
               "aria-label": t.replaceAll,
@@ -1444,7 +957,7 @@ function FindReplaceBar({
               children: /* @__PURE__ */ jsx(ReplaceAllIcon, { size: 16 })
             }
           )
-        ] }) : /* @__PURE__ */ jsx("div", { className: styles$d.row, children: /* @__PURE__ */ jsx("span", { className: styles$d.readOnly, children: t.readOnly }) })
+        ] }) : /* @__PURE__ */ jsx("div", { className: styles$c.row, children: /* @__PURE__ */ jsx("span", { className: styles$c.readOnly, children: t.readOnly }) })
       ]
     }
   );
@@ -1615,7 +1128,7 @@ const fileName = "_fileName_1k6n1_205";
 const actions = "_actions_1k6n1_215";
 const progressText = "_progressText_1k6n1_222";
 const remove = "_remove_1k6n1_228";
-const styles$c = {
+const styles$b = {
   wrap,
   dropzone,
   dragActive,
@@ -1744,7 +1257,7 @@ function ImageUploadView(props) {
       files.map(async (file) => ({ file, url: await uploadOne(file) }))
     );
     const uploaded = settled.filter(
-      (s3) => s3.url != null
+      (s4) => s4.url != null
     );
     if (uploaded.length === 0) return;
     const pos = getPos();
@@ -1790,14 +1303,14 @@ function ImageUploadView(props) {
   const hasFiles = items.length > 0;
   const maxSizeMb = maxSize > 0 ? toMb(maxSize) : null;
   const dropzoneClass = [
-    styles$c.dropzone,
-    dragActive2 ? styles$c.dragActive : "",
-    dragOver2 ? styles$c.dragOver : ""
+    styles$b.dropzone,
+    dragActive2 ? styles$b.dragActive : "",
+    dragOver2 ? styles$b.dragOver : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(
     NodeViewWrapper,
     {
-      className: styles$c.wrap,
+      className: styles$b.wrap,
       "data-image-upload": "",
       tabIndex: editable ? 0 : void 0,
       onClick: openPicker,
@@ -1829,28 +1342,28 @@ function ImageUploadView(props) {
             },
             onDrop,
             children: [
-              /* @__PURE__ */ jsxs("span", { className: styles$c.fileShape, "aria-hidden": true, children: [
+              /* @__PURE__ */ jsxs("span", { className: styles$b.fileShape, "aria-hidden": true, children: [
                 /* @__PURE__ */ jsx(FileDocIcon, {}),
                 /* @__PURE__ */ jsx(FileCornerIcon, {}),
-                /* @__PURE__ */ jsx("span", { className: styles$c.fileBadge, children: /* @__PURE__ */ jsx(CloudUploadIcon, {}) })
+                /* @__PURE__ */ jsx("span", { className: styles$b.fileBadge, children: /* @__PURE__ */ jsx(CloudUploadIcon, {}) })
               ] }),
-              /* @__PURE__ */ jsxs("span", { className: styles$c.text, children: [
-                /* @__PURE__ */ jsxs("span", { className: styles$c.textMain, children: [
-                  /* @__PURE__ */ jsx("em", { className: styles$c.textEm, children: labels.dropzoneClick }),
+              /* @__PURE__ */ jsxs("span", { className: styles$b.text, children: [
+                /* @__PURE__ */ jsxs("span", { className: styles$b.textMain, children: [
+                  /* @__PURE__ */ jsx("em", { className: styles$b.textEm, children: labels.dropzoneClick }),
                   labels.dropzoneRest
                 ] }),
-                /* @__PURE__ */ jsx("span", { className: styles$c.subtext, children: labels.dropzoneLimits(limit, maxSizeMb) })
+                /* @__PURE__ */ jsx("span", { className: styles$b.subtext, children: labels.dropzoneLimits(limit, maxSizeMb) })
               ] })
             ]
           }
-        ) : /* @__PURE__ */ jsxs("div", { className: styles$c.previews, "data-image-upload-list": "", children: [
-          items.length > 1 && /* @__PURE__ */ jsxs("div", { className: styles$c.header, children: [
+        ) : /* @__PURE__ */ jsxs("div", { className: styles$b.previews, "data-image-upload-list": "", children: [
+          items.length > 1 && /* @__PURE__ */ jsxs("div", { className: styles$b.header, children: [
             /* @__PURE__ */ jsx("span", { children: labels.uploadingCount(items.length) }),
             /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
-                className: styles$c.clearAll,
+                className: styles$b.clearAll,
                 onClick: (e2) => {
                   e2.stopPropagation();
                   clearAll2();
@@ -1862,27 +1375,27 @@ function ImageUploadView(props) {
           items.map((it) => /* @__PURE__ */ jsxs(
             "div",
             {
-              className: styles$c.preview,
+              className: styles$b.preview,
               "data-image-upload-item": "",
               children: [
                 it.status === "uploading" && /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: styles$c.progress,
+                    className: styles$b.progress,
                     style: { width: `${it.progress}%` },
                     "aria-hidden": true
                   }
                 ),
-                /* @__PURE__ */ jsxs("div", { className: styles$c.previewContent, children: [
-                  /* @__PURE__ */ jsxs("span", { className: styles$c.fileInfo, children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$c.fileIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(CloudUploadIcon, {}) }),
-                    /* @__PURE__ */ jsxs("span", { className: styles$c.details, children: [
-                      /* @__PURE__ */ jsx("span", { className: styles$c.fileName, children: it.file.name }),
-                      /* @__PURE__ */ jsx("span", { className: styles$c.subtext, children: it.status === "error" ? labels.failed : formatFileSize(it.file.size) })
+                /* @__PURE__ */ jsxs("div", { className: styles$b.previewContent, children: [
+                  /* @__PURE__ */ jsxs("span", { className: styles$b.fileInfo, children: [
+                    /* @__PURE__ */ jsx("span", { className: styles$b.fileIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(CloudUploadIcon, {}) }),
+                    /* @__PURE__ */ jsxs("span", { className: styles$b.details, children: [
+                      /* @__PURE__ */ jsx("span", { className: styles$b.fileName, children: it.file.name }),
+                      /* @__PURE__ */ jsx("span", { className: styles$b.subtext, children: it.status === "error" ? labels.failed : formatFileSize(it.file.size) })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsxs("span", { className: styles$c.actions, children: [
-                    it.status === "uploading" && /* @__PURE__ */ jsxs("span", { className: styles$c.progressText, children: [
+                  /* @__PURE__ */ jsxs("span", { className: styles$b.actions, children: [
+                    it.status === "uploading" && /* @__PURE__ */ jsxs("span", { className: styles$b.progressText, children: [
                       Math.round(it.progress),
                       "%"
                     ] }),
@@ -1890,7 +1403,7 @@ function ImageUploadView(props) {
                       "button",
                       {
                         type: "button",
-                        className: styles$c.remove,
+                        className: styles$b.remove,
                         "data-image-upload-remove": "",
                         title: labels.remove,
                         "aria-label": labels.remove,
@@ -1949,7 +1462,7 @@ function FileDocIcon() {
       viewBox: "0 0 43 57",
       fill: "none",
       "aria-hidden": true,
-      className: styles$c.fileShapeDoc,
+      className: styles$b.fileShapeDoc,
       children: /* @__PURE__ */ jsx(
         "path",
         {
@@ -1972,7 +1485,7 @@ function FileCornerIcon() {
       viewBox: "0 0 10 10",
       fill: "currentColor",
       "aria-hidden": true,
-      className: styles$c.fileShapeCorner,
+      className: styles$b.fileShapeCorner,
       children: /* @__PURE__ */ jsx("path", { d: "M0 0.75H0.343146C1.40401 0.75 2.42143 1.17143 3.17157 1.92157L8.82843 7.57843C9.57857 8.32857 10 9.34599 10 10.4069V10.75H4C1.79086 10.75 0 8.95914 0 6.75V0.75Z" })
     }
   );
@@ -2103,7 +1616,7 @@ const tab = "_tab_xhti8_32";
 const tabActive = "_tabActive_xhti8_40";
 const cell = "_cell_xhti8_71";
 const cellActive = "_cellActive_xhti8_72";
-const styles$b = {
+const styles$a = {
   popupHost: popupHost$1,
   panel: panel$1,
   menu: menu$3,
@@ -2243,13 +1756,13 @@ const EmojiSuggestionPopup = forwardRef(function EmojiSuggestionPopup2({ items,
     [visible, index, command]
   );
   if (!visible.length) return null;
-  return /* @__PURE__ */ jsxs("div", { className: styles$b.panel, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$a.panel, children: [
     /* @__PURE__ */ jsx(
       "div",
       {
         id: gridId,
         ref: menuRef,
-        className: styles$b.menu,
+        className: styles$a.menu,
         role: "listbox",
         "aria-label": menuLabel,
         children: visible.map((item2, i) => {
@@ -2265,7 +1778,7 @@ const EmojiSuggestionPopup = forwardRef(function EmojiSuggestionPopup2({ items,
               "aria-label": shortcode,
               "aria-selected": i === index,
               title: shortcode,
-              className: i === index ? styles$b.cellActive : styles$b.cell,
+              className: i === index ? styles$a.cellActive : styles$a.cell,
               tabIndex: -1,
               onMouseEnter: () => setIndex(i),
               onMouseDown: (event) => {
@@ -2279,7 +1792,7 @@ const EmojiSuggestionPopup = forwardRef(function EmojiSuggestionPopup2({ items,
         })
       }
     ),
-    browsing ? /* @__PURE__ */ jsx("div", { className: styles$b.tabs, role: "tablist", "aria-label": menuLabel, children: categories.map((category) => {
+    browsing ? /* @__PURE__ */ jsx("div", { className: styles$a.tabs, role: "tablist", "aria-label": menuLabel, children: categories.map((category) => {
       const selected = category.id === activeId;
       return /* @__PURE__ */ jsx(
         "button",
@@ -2290,7 +1803,7 @@ const EmojiSuggestionPopup = forwardRef(function EmojiSuggestionPopup2({ items,
           "aria-controls": gridId,
           "aria-label": category.label,
           title: category.label,
-          className: selected ? styles$b.tabActive : styles$b.tab,
+          className: selected ? styles$a.tabActive : styles$a.tab,
           tabIndex: -1,
           onMouseDown: (event) => {
             event.preventDefault();
@@ -2337,7 +1850,7 @@ function configureEmojiSuggestion(extension, enabled) {
                 menuLabel: getEditorBundle(props.editor).emoji.menuLabel,
                 command: props.command
               },
-              className: styles$b.popupHost
+              className: styles$a.popupHost
             });
             copyThemeVars(props.editor.view.dom, renderer.element);
             unmountPopup = props.mount(renderer.element);
@@ -2379,16 +1892,16 @@ function countWords(text2) {
 const popupHost = "_popupHost_1noza_11";
 const menu$2 = "_menu_1noza_1";
 const groupLabel$1 = "_groupLabel_1noza_43";
-const item$2 = "_item_1noza_53";
-const itemActive$2 = "_itemActive_1noza_54";
+const item$1 = "_item_1noza_53";
+const itemActive$1 = "_itemActive_1noza_54";
 const itemIcon$1 = "_itemIcon_1noza_79";
 const itemTitle = "_itemTitle_1noza_102";
-const styles$a = {
+const styles$9 = {
   popupHost,
   menu: menu$2,
   groupLabel: groupLabel$1,
-  item: item$2,
-  itemActive: itemActive$2,
+  item: item$1,
+  itemActive: itemActive$1,
   itemIcon: itemIcon$1,
   itemTitle
 };
@@ -2584,11 +2097,11 @@ const SlashMenuPopup = forwardRef(function SlashMenuPopup2({ items, query, menuL
   );
   if (!items.length) return null;
   let optionIndex = -1;
-  return /* @__PURE__ */ jsx("div", { className: styles$a.menu, role: "listbox", "aria-label": menuLabel, children: withGroupHeaders(items).map(([header2, item2]) => {
+  return /* @__PURE__ */ jsx("div", { className: styles$9.menu, role: "listbox", "aria-label": menuLabel, children: withGroupHeaders(items).map(([header2, item2]) => {
     optionIndex += 1;
     const i = optionIndex;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      header2 !== null ? /* @__PURE__ */ jsx("div", { className: styles$a.groupLabel, "aria-hidden": "true", children: header2 }) : null,
+      header2 !== null ? /* @__PURE__ */ jsx("div", { className: styles$9.groupLabel, "aria-hidden": "true", children: header2 }) : null,
       /* @__PURE__ */ jsxs(
         "button",
         {
@@ -2596,7 +2109,7 @@ const SlashMenuPopup = forwardRef(function SlashMenuPopup2({ items, query, menuL
           role: "option",
           "aria-selected": i === index,
           title: item2.title,
-          className: i === index ? styles$a.itemActive : styles$a.item,
+          className: i === index ? styles$9.itemActive : styles$9.item,
           tabIndex: -1,
           onMouseEnter: () => setIndex(i),
           onMouseDown: (e2) => {
@@ -2604,8 +2117,8 @@ const SlashMenuPopup = forwardRef(function SlashMenuPopup2({ items, query, menuL
             command(item2);
           },
           children: [
-            item2.icon != null ? /* @__PURE__ */ jsx("span", { className: styles$a.itemIcon, "aria-hidden": "true", children: item2.icon }) : /* @__PURE__ */ jsx("span", { className: styles$a.itemIcon, "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { className: styles$a.itemTitle, children: item2.title })
+            item2.icon != null ? /* @__PURE__ */ jsx("span", { className: styles$9.itemIcon, "aria-hidden": "true", children: item2.icon }) : /* @__PURE__ */ jsx("span", { className: styles$9.itemIcon, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: styles$9.itemTitle, children: item2.title })
           ]
         }
       )
@@ -2657,7 +2170,7 @@ const SlashMenu = Extension.create({
                   menuLabel: getEditorBundle(props.editor).slashMenu.menuLabel,
                   command: props.command
                 },
-                className: styles$a.popupHost
+                className: styles$9.popupHost
               }
             );
             const pmStyle = getComputedStyle(props.editor.view.dom);
@@ -2710,7 +2223,7 @@ const rowKeys = "_rowKeys_ljnq6_127";
 const rowMd = "_rowMd_ljnq6_128";
 const keycap = "_keycap_ljnq6_138";
 const none = "_none_ljnq6_163";
-const styles$9 = {
+const styles$8 = {
   drawer,
   closeBtn,
   head,
@@ -2814,7 +2327,7 @@ function ShortcutPanel({
   return /* @__PURE__ */ jsxs(
     "aside",
     {
-      className: styles$9.drawer,
+      className: styles$8.drawer,
       role: "dialog",
       "aria-modal": "false",
       "aria-label": t.panelTitle,
@@ -2823,27 +2336,27 @@ function ShortcutPanel({
           "button",
           {
             type: "button",
-            className: styles$9.closeBtn,
+            className: styles$8.closeBtn,
             title: t.close,
             "aria-label": t.close,
             onClick: onClose,
             children: /* @__PURE__ */ jsx(XIcon, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: styles$9.head, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$9.colFormat, children: t.colFormat }),
-          /* @__PURE__ */ jsx("span", { className: styles$9.colShortcut, children: t.colShortcut }),
-          /* @__PURE__ */ jsx("span", { className: styles$9.colMarkdown, children: t.colMarkdown })
+        /* @__PURE__ */ jsxs("div", { className: styles$8.head, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$8.colFormat, children: t.colFormat }),
+          /* @__PURE__ */ jsx("span", { className: styles$8.colShortcut, children: t.colShortcut }),
+          /* @__PURE__ */ jsx("span", { className: styles$8.colMarkdown, children: t.colMarkdown })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: styles$9.body, children: groups.map((group2) => /* @__PURE__ */ jsxs("section", { className: styles$9.group, children: [
-          /* @__PURE__ */ jsx("h3", { className: styles$9.groupTitle, children: group2.title }),
-          group2.entries.map((entry) => /* @__PURE__ */ jsxs("div", { className: styles$9.row, children: [
-            /* @__PURE__ */ jsx("span", { className: styles$9.rowLabel, children: entry.label }),
-            /* @__PURE__ */ jsx("span", { className: styles$9.rowKeys, children: entry.keys ? entry.keys.map((key, i) => /* @__PURE__ */ jsx("kbd", { className: styles$9.keycap, children: keycapText(key, mac) }, i)) : /* @__PURE__ */ jsx("span", { className: styles$9.none, children: "—" }) }),
-            /* @__PURE__ */ jsx("span", { className: styles$9.rowMd, children: entry.markdown ? /* @__PURE__ */ jsxs(Fragment$2, { children: [
-              /* @__PURE__ */ jsx("kbd", { className: styles$9.keycap, children: entry.markdown.marker }),
-              entry.markdown.terminator ? /* @__PURE__ */ jsx("kbd", { className: styles$9.keycap, children: entry.markdown.terminator }) : null
-            ] }) : /* @__PURE__ */ jsx("span", { className: styles$9.none, children: "—" }) })
+        /* @__PURE__ */ jsx("div", { className: styles$8.body, children: groups.map((group2) => /* @__PURE__ */ jsxs("section", { className: styles$8.group, children: [
+          /* @__PURE__ */ jsx("h3", { className: styles$8.groupTitle, children: group2.title }),
+          group2.entries.map((entry) => /* @__PURE__ */ jsxs("div", { className: styles$8.row, children: [
+            /* @__PURE__ */ jsx("span", { className: styles$8.rowLabel, children: entry.label }),
+            /* @__PURE__ */ jsx("span", { className: styles$8.rowKeys, children: entry.keys ? entry.keys.map((key, i) => /* @__PURE__ */ jsx("kbd", { className: styles$8.keycap, children: keycapText(key, mac) }, i)) : /* @__PURE__ */ jsx("span", { className: styles$8.none, children: "—" }) }),
+            /* @__PURE__ */ jsx("span", { className: styles$8.rowMd, children: entry.markdown ? /* @__PURE__ */ jsxs(Fragment$2, { children: [
+              /* @__PURE__ */ jsx("kbd", { className: styles$8.keycap, children: entry.markdown.marker }),
+              entry.markdown.terminator ? /* @__PURE__ */ jsx("kbd", { className: styles$8.keycap, children: entry.markdown.terminator }) : null
+            ] }) : /* @__PURE__ */ jsx("span", { className: styles$8.none, children: "—" }) })
           ] }, entry.id))
         ] }, group2.id)) })
       ]
@@ -2931,8 +2444,8 @@ function buildDecorations(doc, anchors) {
     bounds.push({ from: offset2, to: offset2 + child.nodeSize });
   });
   const decorations = [];
-  for (const anchor2 of anchors) {
-    for (const range of anchor2.ranges) {
+  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;
@@ -2940,7 +2453,7 @@ function buildDecorations(doc, anchors) {
         if (bound.to <= from || bound.from >= to) continue;
         const attrs = {
           class: PENDING_ANCHOR_CLASS,
-          "data-pending-id": anchor2.id
+          "data-pending-id": anchor.id
         };
         if (from <= bound.from && to >= bound.to) {
           decorations.push(Decoration.node(bound.from, bound.to, attrs));
@@ -3087,7 +2600,7 @@ function ChartView({
       children: [
         (config == null ? void 0 : config.title) ? /* @__PURE__ */ jsx("div", { className: "tmr-chart-title", children: config.title }) : null,
         (config == null ? void 0 : config.dataTime) ? /* @__PURE__ */ jsx("div", { className: "tmr-chart-time", children: config.dataTime }) : null,
-        configs.length > 1 ? /* @__PURE__ */ jsx("div", { className: "tmr-chart-tabs", role: "tablist", children: configs.map((c, i) => /* @__PURE__ */ jsx(
+        configs.length > 1 ? /* @__PURE__ */ jsx("div", { className: "tmr-chart-tabs", role: "tablist", children: configs.map((c2, i) => /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
@@ -3100,9 +2613,9 @@ function ChartView({
               e2.stopPropagation();
               setActive2(i);
             },
-            children: tabLabel(c.chartType, c.title, i, labels.tabLabel)
+            children: tabLabel(c2.chartType, c2.title, i, labels.tabLabel)
           },
-          `${c.chartType}-${i}`
+          `${c2.chartType}-${i}`
         )) }) : null,
         /* @__PURE__ */ jsx("div", { className: "tmr-chart-canvas-host", style: { height }, children: /* @__PURE__ */ jsx("canvas", { ref: canvasRef }) })
       ]
@@ -3143,7 +2656,7 @@ const gutterLine = "_gutterLine_k8th1_184";
 const readonlyActions = "_readonlyActions_k8th1_188";
 const actionBtn = "_actionBtn_k8th1_194";
 const langBraces = "_langBraces_k8th1_213";
-const styles$8 = {
+const styles$7 = {
   wrapper,
   header,
   langTrigger,
@@ -3238,29 +2751,29 @@ function CodeBlockView({
     ta.remove();
   };
   const wrapperClass = [
-    styles$8.wrapper,
-    readonly2 ? styles$8.readonly : "",
-    folded2 ? styles$8.folded : ""
+    styles$7.wrapper,
+    readonly2 ? styles$7.readonly : "",
+    folded2 ? styles$7.folded : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(NodeViewWrapper, { className: wrapperClass, children: [
-    editable ? /* @__PURE__ */ jsxs("div", { className: styles$8.header, contentEditable: false, children: [
+    editable ? /* @__PURE__ */ jsxs("div", { className: styles$7.header, contentEditable: false, children: [
       /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
         /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
-            className: styles$8.langTrigger,
+            className: styles$7.langTrigger,
             "aria-label": labels.language,
             children: [
               /* @__PURE__ */ jsx("span", { children: currentLabel }),
-              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 14, className: styles$8.langChevron })
+              /* @__PURE__ */ jsx(ChevronDownIcon, { size: 14, className: styles$7.langChevron })
             ]
           }
         ) }),
         /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
           DropdownMenu.Content,
           {
-            className: styles$8.langMenu,
+            className: styles$7.langMenu,
             sideOffset: 4,
             align: "end",
             children: LANGUAGES.map((l) => {
@@ -3269,10 +2782,10 @@ function CodeBlockView({
               return /* @__PURE__ */ jsxs(
                 DropdownMenu.Item,
                 {
-                  className: `${styles$8.langItem}${selected ? ` ${styles$8.langItemSelected}` : ""}`,
+                  className: `${styles$7.langItem}${selected ? ` ${styles$7.langItemSelected}` : ""}`,
                   onSelect: () => updateAttributes({ language: l.value }),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$8.langItemCheck, children: selected ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : null }),
+                    /* @__PURE__ */ jsx("span", { className: styles$7.langItemCheck, children: selected ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : null }),
                     optionLabel
                   ]
                 },
@@ -3286,7 +2799,7 @@ function CodeBlockView({
         "button",
         {
           type: "button",
-          className: styles$8.deleteBtn,
+          className: styles$7.deleteBtn,
           title: labels.delete,
           "aria-label": labels.delete,
           onClick: () => deleteNode(),
@@ -3295,17 +2808,17 @@ function CodeBlockView({
       )
     ] }) : (
       // 只读头部：左侧语言标签，右侧复制 + 展开收起（展开后按钮保留，供收回）
-      /* @__PURE__ */ jsxs("div", { className: styles$8.readonlyHeader, contentEditable: false, children: [
-        /* @__PURE__ */ jsxs("span", { className: styles$8.langBadge, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$8.langBraces, children: "{}" }),
+      /* @__PURE__ */ jsxs("div", { className: styles$7.readonlyHeader, contentEditable: false, children: [
+        /* @__PURE__ */ jsxs("span", { className: styles$7.langBadge, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$7.langBraces, children: "{}" }),
           currentLabel
         ] }),
-        /* @__PURE__ */ jsxs("span", { className: styles$8.readonlyActions, children: [
+        /* @__PURE__ */ jsxs("span", { className: styles$7.readonlyActions, children: [
           /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              className: styles$8.actionBtn,
+              className: styles$7.actionBtn,
               onClick: handleCopy,
               "aria-label": labels.copy,
               title: labels.copy,
@@ -3316,7 +2829,7 @@ function CodeBlockView({
             "button",
             {
               type: "button",
-              className: styles$8.actionBtn,
+              className: styles$7.actionBtn,
               onClick: () => setFolded((v) => !v),
               "aria-label": folded2 ? labels.expand : labels.collapse,
               title: folded2 ? labels.expand : labels.collapse,
@@ -3327,14 +2840,14 @@ function CodeBlockView({
         ] })
       ] })
     ),
-    /* @__PURE__ */ jsxs("pre", { ref: preRef, className: styles$8.pre, children: [
+    /* @__PURE__ */ jsxs("pre", { ref: preRef, className: styles$7.pre, children: [
       readonly2 ? /* @__PURE__ */ jsx(
         "span",
         {
-          className: styles$8.gutter,
+          className: styles$7.gutter,
           contentEditable: false,
           "aria-hidden": "true",
-          children: Array.from({ length: lineCount }, (_, i) => /* @__PURE__ */ jsx("span", { className: styles$8.gutterLine, children: i + 1 }, i))
+          children: Array.from({ length: lineCount }, (_, i) => /* @__PURE__ */ jsx("span", { className: styles$7.gutterLine, children: i + 1 }, i))
         }
       ) : null,
       /* @__PURE__ */ jsx(NodeViewContent, { as: "code" })
@@ -3532,8 +3045,8 @@ function deleteBlock(editor, pos) {
   const parent = $pos.parent;
   if ((node.type.name === "listItem" || node.type.name === "taskItem") && parent.childCount === 1) {
     from = pos - $pos.parentOffset - 1;
-    const list2 = editor.state.doc.nodeAt(from);
-    if (list2) to = from + list2.nodeSize;
+    const list = editor.state.doc.nodeAt(from);
+    if (list) to = from + list.nodeSize;
   }
   if (from <= 0 && to >= editor.state.doc.content.size) {
     return editor.chain().insertContentAt(
@@ -3698,9 +3211,9 @@ function placeBlockDropCursor(view, pos) {
   const $pos = view.state.doc.resolve(pos);
   const before = $pos.nodeBefore;
   const anchorPos = before ? pos - before.nodeSize : pos;
-  const anchor2 = view.nodeDOM(anchorPos);
-  if (!(anchor2 instanceof HTMLElement)) return;
-  const anchorRect = anchor2.getBoundingClientRect();
+  const anchor = view.nodeDOM(anchorPos);
+  if (!(anchor instanceof HTMLElement)) return;
+  const anchorRect = anchor.getBoundingClientRect();
   let lineTop = before ? anchorRect.bottom : anchorRect.top;
   if (before && $pos.nodeAfter) {
     const next = view.nodeDOM(pos);
@@ -3767,11 +3280,11 @@ const grip = "_grip_5edcs_50";
 const menu$1 = "_menu_5edcs_61";
 const groupLabel = "_groupLabel_5edcs_84";
 const divider$3 = "_divider_5edcs_94";
-const item$1 = "_item_5edcs_100";
-const itemActive$1 = "_itemActive_5edcs_118";
+const item = "_item_5edcs_100";
+const itemActive = "_itemActive_5edcs_118";
 const itemDanger = "_itemDanger_5edcs_123";
 const itemIcon = "_itemIcon_5edcs_132";
-const styles$7 = {
+const styles$6 = {
   cluster,
   clusterOnTable,
   button,
@@ -3779,8 +3292,8 @@ const styles$7 = {
   menu: menu$1,
   groupLabel,
   divider: divider$3,
-  item: item$1,
-  itemActive: itemActive$1,
+  item,
+  itemActive,
   itemDanger,
   itemIcon
 };
@@ -3883,9 +3396,9 @@ function BlockDragHandle({ editor }) {
     }
   }, [menu2, editor]);
   useEffect(() => () => lockDragHandle(editor, false), [editor, closeMenu]);
-  const openMenu = (anchor2) => {
+  const openMenu = (anchor) => {
     if (!target) return;
-    const rect = anchor2.getBoundingClientRect();
+    const rect = anchor.getBoundingClientRect();
     const estimated = 380;
     const y = rect.top + estimated > window.innerHeight ? Math.max(8, window.innerHeight - estimated - 8) : rect.top;
     const x = Math.min(rect.right + 6, window.innerWidth - 220);
@@ -3964,14 +3477,14 @@ function BlockDragHandle({ editor }) {
         children: /* @__PURE__ */ jsx(
           "div",
           {
-            className: `${styles$7.cluster} ${(target == null ? void 0 : target.node.type.name) === "table" ? styles$7.clusterOnTable : ""}`,
+            className: `${styles$6.cluster} ${(target == null ? void 0 : target.node.type.name) === "table" ? styles$6.clusterOnTable : ""}`,
             "data-block-drag": "",
             children: /* @__PURE__ */ jsx(
               "div",
               {
                 role: "button",
                 tabIndex: 0,
-                className: `${styles$7.button} ${styles$7.grip}`,
+                className: `${styles$6.button} ${styles$6.grip}`,
                 "data-block-drag-grip": "",
                 title: t.dragHandle,
                 "aria-label": t.dragHandle,
@@ -4003,7 +3516,7 @@ function BlockDragHandle({ editor }) {
         "div",
         {
           ref: menuRef,
-          className: styles$7.menu,
+          className: styles$6.menu,
           "data-block-drag-menu": "",
           role: "menu",
           "aria-label": t.menuLabel,
@@ -4011,37 +3524,37 @@ function BlockDragHandle({ editor }) {
           onMouseDown: (event) => event.stopPropagation(),
           children: [
             showTurn ? /* @__PURE__ */ jsxs(Fragment$2, { children: [
-              /* @__PURE__ */ jsx("div", { className: styles$7.groupLabel, children: t.turnInto }),
+              /* @__PURE__ */ jsx("div", { className: styles$6.groupLabel, children: t.turnInto }),
               TURN_INTO_KINDS.map((kind) => /* @__PURE__ */ jsxs(
                 "button",
                 {
                   type: "button",
                   role: "menuitem",
-                  className: kind === activeKind ? `${styles$7.item} ${styles$7.itemActive}` : styles$7.item,
+                  className: kind === activeKind ? `${styles$6.item} ${styles$6.itemActive}` : styles$6.item,
                   "data-block-drag-action": kind,
                   onClick: () => run(() => turnBlockInto(editor, menu2.pos, kind)),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: styles$7.itemIcon, "aria-hidden": true, children: TURN_ICON[kind] }),
+                    /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": true, children: TURN_ICON[kind] }),
                     /* @__PURE__ */ jsx("span", { children: turnLabel(kind) })
                   ]
                 },
                 kind
               )),
-              /* @__PURE__ */ jsx("div", { className: styles$7.divider })
+              /* @__PURE__ */ jsx("div", { className: styles$6.divider })
             ] }) : null,
             /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
                 role: "menuitem",
-                className: styles$7.item,
+                className: styles$6.item,
                 "data-block-drag-action": "copy",
                 onClick: () => run(() => {
                   const markdown = blockMarkdown(editor, menu2.pos);
                   if (markdown != null) void copyMarkdown(markdown);
                 }),
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$7.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(CopyIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(CopyIcon, {}) }),
                   /* @__PURE__ */ jsx("span", { children: t.copy })
                 ]
               }
@@ -4051,11 +3564,11 @@ function BlockDragHandle({ editor }) {
               {
                 type: "button",
                 role: "menuitem",
-                className: styles$7.item,
+                className: styles$6.item,
                 "data-block-drag-action": "duplicate",
                 onClick: () => run(() => duplicateBlock(editor, menu2.pos)),
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$7.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(CopyIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(CopyIcon, {}) }),
                   /* @__PURE__ */ jsx("span", { children: t.duplicate })
                 ]
               }
@@ -4065,11 +3578,11 @@ function BlockDragHandle({ editor }) {
               {
                 type: "button",
                 role: "menuitem",
-                className: styles$7.item,
+                className: styles$6.item,
                 "data-block-drag-action": "reset",
                 onClick: () => run(() => resetBlockFormatting(editor, menu2.pos)),
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$7.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(EraserIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(EraserIcon, {}) }),
                   /* @__PURE__ */ jsx("span", { children: t.resetFormatting })
                 ]
               }
@@ -4079,26 +3592,26 @@ function BlockDragHandle({ editor }) {
               {
                 type: "button",
                 role: "menuitem",
-                className: styles$7.item,
+                className: styles$6.item,
                 "data-block-drag-action": "download",
                 onClick: () => run(() => downloadImageBlock(menu2.node)),
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$7.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(DownloadIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(DownloadIcon, {}) }),
                   /* @__PURE__ */ jsx("span", { children: t.downloadImage })
                 ]
               }
             ) : null,
-            /* @__PURE__ */ jsx("div", { className: styles$7.divider }),
+            /* @__PURE__ */ jsx("div", { className: styles$6.divider }),
             /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
                 role: "menuitem",
-                className: `${styles$7.item} ${styles$7.itemDanger}`,
+                className: `${styles$6.item} ${styles$6.itemDanger}`,
                 "data-block-drag-action": "delete",
                 onClick: () => run(() => deleteBlock(editor, menu2.pos)),
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: styles$7.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(TrashIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx(TrashIcon, {}) }),
                   /* @__PURE__ */ jsx("span", { children: t.delete })
                 ]
               }
@@ -4110,221 +3623,6 @@ function BlockDragHandle({ editor }) {
     ) : null
   ] });
 }
-const anchor = "_anchor_1b977_4";
-const nav = "_nav_1b977_15";
-const navOpen = "_navOpen_1b977_16";
-const list = "_list_1b977_58";
-const barButton = "_barButton_1b977_64";
-const bar$1 = "_bar_1b977_64";
-const barActive = "_barActive_1b977_78";
-const item = "_item_1b977_89";
-const itemActive = "_itemActive_1b977_110";
-const itemText = "_itemText_1b977_117";
-const styles$6 = {
-  anchor,
-  nav,
-  navOpen,
-  list,
-  barButton,
-  bar: bar$1,
-  barActive,
-  item,
-  itemActive,
-  itemText
-};
-function barWidth(level) {
-  if (level <= 1) return 16;
-  if (level === 2) return 12;
-  if (level === 3) return 8;
-  return 6;
-}
-function findScrollParent(start) {
-  let node = start.parentElement;
-  while (node && node !== document.documentElement) {
-    const style = getComputedStyle(node);
-    const overflowY = style.overflowY;
-    const canScroll = overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay";
-    if (canScroll && (node.scrollHeight > node.clientHeight + 1 || style.maxHeight !== "none")) {
-      return node;
-    }
-    node = node.parentElement;
-  }
-  return document.scrollingElement ?? document.documentElement;
-}
-function isViewportScroller(node) {
-  return node === document.documentElement || node === document.body || node === document.scrollingElement;
-}
-function EditorToc({ items, editorDom, locale = "en" }) {
-  var _a;
-  const t = getLocaleBundle(locale).toc;
-  const [open, setOpen] = useState(false);
-  const [activeId, setActiveId] = useState(((_a = items[0]) == null ? void 0 : _a.id) ?? "");
-  const [roving, setRoving] = useState(0);
-  const navRef = useRef(null);
-  const itemRefs = useRef([]);
-  const hideTimer = useRef(null);
-  const clearHide = () => {
-    if (hideTimer.current !== null) {
-      window.clearTimeout(hideTimer.current);
-      hideTimer.current = null;
-    }
-  };
-  const show = () => {
-    clearHide();
-    setOpen(true);
-  };
-  const hideSoon = () => {
-    clearHide();
-    hideTimer.current = window.setTimeout(() => {
-      var _a2;
-      hideTimer.current = null;
-      if ((_a2 = navRef.current) == null ? void 0 : _a2.contains(document.activeElement)) return;
-      setOpen(false);
-    }, 80);
-  };
-  useEffect(() => () => clearHide(), []);
-  useEffect(() => {
-    const headings = items.map(
-      (item2) => editorDom.querySelector(
-        `[data-toc-id="${CSS.escape(item2.id)}"]`
-      )
-    ).filter((el) => el !== null);
-    if (!headings.length) return;
-    const scrollParent = findScrollParent(editorDom);
-    const viewport = isViewportScroller(scrollParent);
-    const visible = /* @__PURE__ */ new Set();
-    const apply2 = () => {
-      const rootTop = viewport ? 0 : scrollParent.getBoundingClientRect().top;
-      let best = null;
-      let bestTop = Infinity;
-      for (const el of visible) {
-        const top = el.getBoundingClientRect().top;
-        if (top < bestTop) {
-          bestTop = top;
-          best = el;
-        }
-      }
-      if (!best) {
-        let last = null;
-        for (const heading of headings) {
-          if (heading.getBoundingClientRect().top <= rootTop + 12) last = heading;
-        }
-        best = last ?? headings[0];
-      }
-      const id = best.getAttribute("data-toc-id");
-      if (id) setActiveId(id);
-    };
-    const observer = new IntersectionObserver(
-      (entries) => {
-        for (const entry of entries) {
-          if (entry.isIntersecting) visible.add(entry.target);
-          else visible.delete(entry.target);
-        }
-        apply2();
-      },
-      {
-        root: viewport ? null : scrollParent,
-        rootMargin: "0px 0px -60% 0px",
-        threshold: [0, 1]
-      }
-    );
-    for (const heading of headings) observer.observe(heading);
-    const onScroll = () => apply2();
-    const scrollTarget = viewport ? window : scrollParent;
-    scrollTarget.addEventListener("scroll", onScroll, { passive: true });
-    apply2();
-    return () => {
-      observer.disconnect();
-      scrollTarget.removeEventListener("scroll", onScroll);
-    };
-  }, [items, editorDom]);
-  useEffect(() => {
-    var _a2;
-    if ((_a2 = navRef.current) == null ? void 0 : _a2.contains(document.activeElement)) return;
-    const index = items.findIndex((item2) => item2.id === activeId);
-    if (index >= 0) setRoving(index);
-  }, [activeId, items]);
-  useEffect(() => {
-    var _a2, _b;
-    if (!open || !activeId) return;
-    const reduce = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    (_b = (_a2 = navRef.current) == null ? void 0 : _a2.querySelector(`[data-toc-item="${CSS.escape(activeId)}"]`)) == null ? void 0 : _b.scrollIntoView({ block: "nearest", behavior: reduce ? "auto" : "smooth" });
-  }, [activeId, open]);
-  const jump = (item2) => {
-    setActiveId(item2.id);
-    scrollToTocHeading(item2.id, findScrollParent(editorDom));
-  };
-  const move = (delta) => {
-    var _a2;
-    const next = Math.min(items.length - 1, Math.max(0, roving + delta));
-    setRoving(next);
-    setOpen(true);
-    (_a2 = itemRefs.current[next]) == null ? void 0 : _a2.focus();
-  };
-  return /* @__PURE__ */ jsx("div", { className: styles$6.anchor, children: /* @__PURE__ */ jsx(
-    "nav",
-    {
-      ref: navRef,
-      className: open ? styles$6.navOpen : styles$6.nav,
-      "aria-label": t.title,
-      "data-editor-toc": "",
-      onMouseEnter: show,
-      onMouseLeave: hideSoon,
-      onFocus: show,
-      onBlur: (event) => {
-        if (!event.currentTarget.contains(event.relatedTarget)) hideSoon();
-      },
-      onKeyDown: (event) => {
-        if (event.key === "ArrowDown") {
-          event.preventDefault();
-          move(1);
-        } else if (event.key === "ArrowUp") {
-          event.preventDefault();
-          move(-1);
-        } else if (event.key === "Escape") {
-          setOpen(false);
-        }
-      },
-      children: /* @__PURE__ */ jsx("ul", { className: styles$6.list, children: items.map((item2, index) => {
-        const active = item2.id === activeId;
-        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            ref: (node) => {
-              itemRefs.current[index] = node;
-            },
-            "data-toc-item": item2.id,
-            tabIndex: index === roving ? 0 : -1,
-            className: open ? `${styles$6.item} ${active ? styles$6.itemActive : ""}` : styles$6.barButton,
-            style: open ? { paddingLeft: `${(item2.level - 1) * 12 + 10}px` } : void 0,
-            "aria-current": active ? "true" : void 0,
-            "aria-label": item2.text,
-            onClick: () => jump(item2),
-            children: open ? /* @__PURE__ */ jsx("span", { className: styles$6.itemText, children: item2.text }) : /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: active ? styles$6.barActive : styles$6.bar,
-                style: { width: barWidth(item2.level) }
-              }
-            )
-          }
-        ) }, item2.id);
-      }) })
-    }
-  ) });
-}
-function useIsMobile(breakpoint = 768) {
-  const [isMobile, setIsMobile] = useState(false);
-  useEffect(() => {
-    const mq = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
-    const update = () => setIsMobile(mq.matches);
-    update();
-    mq.addEventListener("change", update);
-    return () => mq.removeEventListener("change", update);
-  }, [breakpoint]);
-  return isMobile;
-}
 const CodeBlock = CodeBlockLowlight.extend({
   // Built-in `code` tokens often win over chart's custom fence tokenizer;
   // upgrade ```tmr-chart here so the mid-column card editor renders ChartView.
@@ -4500,14 +3798,14 @@ function CharacterCountStatus({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: styles$e.charCount,
+      className: styles$d.charCount,
       role: "group",
       "aria-label": t.label,
       "data-characters": counts.characters,
       "data-words": counts.words,
       children: [
         /* @__PURE__ */ jsx("span", { children: t.characters(counts.characters) }),
-        /* @__PURE__ */ jsx("span", { className: styles$e.charCountSep, "aria-hidden": "true", children: "·" }),
+        /* @__PURE__ */ jsx("span", { className: styles$d.charCountSep, "aria-hidden": "true", children: "·" }),
         /* @__PURE__ */ jsx("span", { children: t.words(counts.words) })
       ]
     }
@@ -4535,7 +3833,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   placeholder,
   onEditorReady,
   onTocChange,
-  toc = true,
+  toc = false,
   markdownPaste = true,
   markdownFileDrop = true,
   extraExtensions,
@@ -4662,7 +3960,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
     immediatelyRender: false,
     editorProps: {
       attributes: {
-        class: styles$e.editorContent
+        class: styles$d.editorContent
       }
     }
   });
@@ -4738,7 +4036,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   const commentsSignatureRef = useRef("");
   useEffect(() => {
     if (!editor || !editable) return;
-    const signature = (comments ?? []).map((c) => `${c.commentId}:${c.segments.length}`).join("|");
+    const signature = (comments ?? []).map((c2) => `${c2.commentId}:${c2.segments.length}`).join("|");
     if (signature === commentsSignatureRef.current) return;
     commentsSignatureRef.current = signature;
     applyCommentAnchorsToEditor(editor, comments ?? []);
@@ -4862,7 +4160,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
       locale,
       onClose: closeFind,
       inputRef: findInputRef,
-      className: styles$e.findBar,
+      className: styles$d.findBar,
       style: findBarOffsetStyle(findBarOffset)
     }
   ) : null;
@@ -4879,7 +4177,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
     "button",
     {
       type: "button",
-      className: shortcutFabTarget ? `${styles$e.shortcutFab} ${styles$e.shortcutFabHosted}` : styles$e.shortcutFab,
+      className: shortcutFabTarget ? `${styles$d.shortcutFab} ${styles$d.shortcutFabHosted}` : styles$d.shortcutFab,
       title: shortcutT.panelTitle,
       "aria-label": shortcutT.panelTitle,
       "aria-expanded": shortcutsOpen,
@@ -4890,10 +4188,10 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: styles$e.editorHost,
+      className: styles$d.editorHost,
       "data-block-drag-gutter": showBlockDrag ? "" : void 0,
       children: [
-        findBarNode && !findBarTarget ? /* @__PURE__ */ jsx("div", { className: styles$e.findBarAnchor, children: findBarNode }) : null,
+        findBarNode && !findBarTarget ? /* @__PURE__ */ jsx("div", { className: styles$d.findBarAnchor, children: findBarNode }) : null,
         findBarNode && findBarTarget ? createPortal(findBarNode, findBarTarget) : null,
         editor && toc && !blockDragMobile && tocItems.length > 0 ? /* @__PURE__ */ jsx(
           EditorToc,
@@ -4908,15 +4206,15 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
           {
             editor,
             className: [
-              styles$e.editorScroll,
-              showBlockDrag ? styles$e.withBlockDrag : "",
-              toc && !blockDragMobile && tocItems.length > 0 ? styles$e.withToc : "",
+              styles$d.editorScroll,
+              showBlockDrag ? styles$d.withBlockDrag : "",
+              toc && !blockDragMobile && tocItems.length > 0 ? styles$d.withToc : "",
               className ?? ""
             ].filter(Boolean).join(" ")
           }
         ),
         editor && showBlockDrag ? /* @__PURE__ */ jsx(BlockDragHandle, { editor }) : null,
-        editor && characterCount ? /* @__PURE__ */ jsxs("div", { className: styles$e.editorStatus, children: [
+        editor && characterCount ? /* @__PURE__ */ jsxs("div", { className: styles$d.editorStatus, children: [
           /* @__PURE__ */ jsx(CharacterCountStatus, { editor, locale }),
           shortcutFabNode && !shortcutFabTarget ? shortcutFabNode : null
         ] }) : shortcutFabNode && !shortcutFabTarget ? shortcutFabNode : null,
@@ -4938,8 +4236,12 @@ function MarkdownPreview({
   sources,
   renderCitation,
   className,
-  locale = "en"
+  locale = "en",
+  toc = false
 }) {
+  const mobile = useIsMobile(768);
+  const [tocItems, setTocItems] = useState([]);
+  const tocItemsRef = useRef([]);
   const prepared = useMemo(
     () => prepareChartMarkdown(
       enrichMarkdownCitations(markdown, sources ?? [])
@@ -4961,9 +4263,22 @@ function MarkdownPreview({
       pureImage,
       createChart({ editable: false }),
       createCitationRef({ renderCitation }),
-      Markdown
+      Markdown,
+      TableOfContents.configure({
+        getId: makeTocGetId(),
+        onUpdate: (anchors) => {
+          const next = anchors.filter((anchor) => anchor.originalLevel <= 6 && anchor.textContent.trim()).map((anchor) => ({
+            id: anchor.id,
+            level: anchor.originalLevel,
+            text: anchor.textContent
+          }));
+          if (sameTocItems$1(tocItemsRef.current, next)) return;
+          tocItemsRef.current = next;
+          setTocItems(next);
+        }
+      })
     ],
-    [renderCitation]
+    [previewCodeBlock, renderCitation]
   );
   const editor = useEditor(
     {
@@ -4973,7 +4288,7 @@ function MarkdownPreview({
       editable: false,
       immediatelyRender: false,
       editorProps: {
-        attributes: { class: styles$e.editorContent }
+        attributes: { class: styles$d.editorContent }
       }
     },
     [extensions]
@@ -4983,13 +4298,17 @@ function MarkdownPreview({
     if (!editor) return;
     editor.commands.setContent(prepared, { contentType: "markdown" });
   }, [editor, prepared]);
-  return /* @__PURE__ */ jsx(
-    EditorContent,
-    {
-      editor,
-      className: className ?? styles$e.editorScroll
-    }
-  );
+  const showToc = Boolean(editor && toc && !mobile && tocItems.length > 0);
+  return /* @__PURE__ */ jsxs("div", { className: styles$d.editorHost, children: [
+    showToc && editor ? /* @__PURE__ */ jsx(EditorToc, { items: tocItems, editorDom: editor.view.dom, locale }) : null,
+    /* @__PURE__ */ jsx(
+      EditorContent,
+      {
+        editor,
+        className: [className ?? styles$d.editorScroll, showToc ? styles$d.withToc : ""].filter(Boolean).join(" ")
+      }
+    )
+  ] });
 }
 const MD_FILE_RE = /\.(md|markdown)$/i;
 const MD_ACCEPT = ".md,.markdown,text/markdown";
@@ -5209,32 +4528,32 @@ function ColorPalette({ value, onPick, locale = "en" }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: styles$4.grid, children: PALETTE.flat().map((c) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: styles$4.grid, children: PALETTE.flat().map((c2) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        className: `${styles$4.swatch} ${current === c.toLowerCase() ? styles$4.swatchActive : ""}`,
-        style: { background: c },
-        title: c,
-        "aria-label": c,
+        className: `${styles$4.swatch} ${current === c2.toLowerCase() ? styles$4.swatchActive : ""}`,
+        style: { background: c2 },
+        title: c2,
+        "aria-label": c2,
         onMouseDown: (e2) => e2.preventDefault(),
-        onClick: () => onPick(c)
+        onClick: () => onPick(c2)
       },
-      c
+      c2
     )) }),
     /* @__PURE__ */ jsx("div", { className: styles$4.themeLabel, children: t.theme }),
-    /* @__PURE__ */ jsx("div", { className: styles$4.themeRow, children: THEME_COLORS.map((c) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: styles$4.themeRow, children: THEME_COLORS.map((c2) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        className: `${styles$4.swatch} ${current === c.toLowerCase() ? styles$4.swatchActive : ""}`,
-        style: { background: c },
-        title: c,
-        "aria-label": c,
+        className: `${styles$4.swatch} ${current === c2.toLowerCase() ? styles$4.swatchActive : ""}`,
+        style: { background: c2 },
+        title: c2,
+        "aria-label": c2,
         onMouseDown: (e2) => e2.preventDefault(),
-        onClick: () => onPick(c)
+        onClick: () => onPick(c2)
       },
-      c
+      c2
     )) })
   ] });
 }
@@ -6760,8 +6079,8 @@ function ColorPopover({
           ColorPalette,
           {
             value,
-            onPick: (c) => {
-              onPick(c);
+            onPick: (c2) => {
+              onPick(c2);
               setOpen(false);
             },
             locale
@@ -7646,10 +6965,10 @@ function CommentPopover({
   ] });
 }
 const PROBE_ID = "__anchor-range-probe__";
-function findRangeByAnchor(editor, anchor2) {
-  if (!anchor2 || !anchor2.exact) return null;
+function findRangeByAnchor(editor, anchor) {
+  if (!anchor || !anchor.exact) return null;
   const [result] = mapCommentAnchors(editor.state.doc, [
-    { commentId: PROBE_ID, segments: [anchor2] }
+    { commentId: PROBE_ID, segments: [anchor] }
   ]);
   const range = result == null ? void 0 : result.ranges[0];
   if (!range) return null;
@@ -7833,9 +7152,9 @@ export {
   RedoIcon,
   ReplaceAllIcon,
   ReplaceIcon,
-  R2 as ReportContent,
-  R as ReportContentInteractive,
-  b as ReportContentWithCharts,
+  R as ReportContent,
+  b as ReportContentInteractive,
+  c as ReportContentWithCharts,
   RotateCcwIcon,
   RowAfterIcon,
   RowBeforeIcon,
@@ -7904,14 +7223,14 @@ export {
   resetImageSize,
   runFindCommand,
   sanitizeLinkUrl,
-  scrollToTocHeading,
+  s as scrollToTocHeading,
   selectionKind,
-  s as serializeChartPayload,
+  s2 as serializeChartPayload,
   setImageAlign,
   setImageAlignAt,
   setImageCaption,
   setImageCaptionAtPos,
-  s2 as stabilizeMarkdown,
+  s3 as stabilizeMarkdown,
   stripCommentAnchorMarks,
   useIsMobile
 };