@4399ywkf/editor 0.7.0 → 0.8.0

package/dist/{chunk-IUDLMN53.js → chunk-SGLNT6Z2.js}

@@ -1,19 +1,21 @@
 import { useTiptapEditor, isExtensionAvailable, isNodeInSchema, Button, cn, getSelectionBoundingRect, isSelectionValid, getSelectedNodesOfType, selectCurrentBlockContent, Popover, PopoverTrigger, PopoverContent, isValidPosition, updateNodesAttr, parseShortcutKeys, isMarkInSchema, isNodeTypeSelected, SR_ONLY, sanitizeUrl, selectionWithinConvertibleTypes, getSelectedBlockNodes, findNodePosition, clamp, focusNextNode, getAvatar, getUrlParam, handleImageUpload, getNodeDisplayName, isTextSelectionValid, AIButton, getElementOverflowPosition } from './chunk-QMYT5WXO.js';
+import { createCodeHighlighter, getCodeBlockTitle, resolveShikiTheme } from './chunk-ZY5KLA7T.js';
 import * as React from 'react';
 import { createContext, memo, forwardRef, useState, useCallback, useRef, useEffect, useMemo, useLayoutEffect, useContext, Children, isValidElement, cloneElement } from 'react';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { PluginKey, Plugin, TextSelection, Selection, NodeSelection } from '@tiptap/pm/state';
 import { Node, mergeAttributes, ReactNodeViewRenderer, Extension as Extension$1, NodeViewWrapper, NodeViewContent, useEditorState, EditorContext, EditorContent, useEditor, isNodeSelection } from '@tiptap/react';
-import { Extension, Node as Node$1, mergeAttributes as mergeAttributes$1 } from '@tiptap/core';
+import { Extension, mergeAttributes as mergeAttributes$1, Node as Node$1, generateJSON, generateHTML } from '@tiptap/core';
 import { Fragment, Slice } from '@tiptap/pm/model';
+import { CodeBlock } from '@tiptap/extension-code-block';
+import { MarkdownManager, Markdown } from '@tiptap/markdown';
+import { Marked } from 'marked';
 import { shift, flip, offset, useMergeRefs, useFloating, autoUpdate, useTransitionStyles, useDismiss, useInteractions, FloatingPortal, size } from '@floating-ui/react';
 import { Doc } from 'yjs';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import throttle from 'lodash.throttle';
 import { createPortal } from 'react-dom';
 import { StarterKit } from '@tiptap/starter-kit';
-import { CodeBlockLowlight } from '@tiptap/extension-code-block-lowlight';
-import { createLowlight, common } from 'lowlight';
 import { Mention } from '@tiptap/extension-mention';
 import { TaskList, TaskItem } from '@tiptap/extension-list';
 import { TextStyle, FontSize, FontFamily, Color } from '@tiptap/extension-text-style';
@@ -31,11 +33,12 @@ import { Emoji, gitHubEmojis } from '@tiptap/extension-emoji';
 import { TableOfContents, getHierarchicalIndexes } from '@tiptap/extension-table-of-contents';
 import TiptapHorizontalRule from '@tiptap/extension-horizontal-rule';
 import { Image as Image$1 } from '@tiptap/extension-image';
+import { DecorationSet, Decoration } from '@tiptap/pm/view';
+import { closeHistory } from '@tiptap/pm/history';
 import { Table } from '@tiptap/extension-table/table';
 import { TableCell, TableHeader, TableRow } from '@tiptap/extension-table';
 import { columnResizing, tableEditing, cellAround, TableView, CellSelection, moveTableRow, moveTableColumn, TableMap, findTable, mergeCells, splitCell, selectedRect, deleteCellSelection, selectionCell, isInTable, columnResizingPluginKey, deleteRow, deleteColumn, toggleHeader, addRowBefore, addRowAfter, addColumnBefore, addColumnAfter, rowIsHeader, columnIsHeader } from '@tiptap/pm/tables';
 import { canJoin, Mapping } from '@tiptap/pm/transform';
-import { Decoration, DecorationSet } from '@tiptap/pm/view';
 import * as Ariakit2 from '@ariakit/react';
 import { useHotkeys } from 'react-hotkeys-hook';
 import '@base-ui/react/merge-props';
@@ -1347,6 +1350,1670 @@ var PasteDropMedia = Extension$1.create({
     ];
   }
 });
+
+// src/components/tiptap-node/collapsible-node/markdown-container.ts
+var OPENER_RE = /^ {0,3}(:{3,})[ \t]*([\w-]+)[ \t]*(.*?)[ \t]*$/;
+var CLOSER_RE = /^ {0,3}(:{3,})[ \t]*$/;
+var FENCE_OPEN_RE = /^( {0,3})(`{3,}|~{3,})(.*)$/;
+function parseContainerOpener(line) {
+  const m = OPENER_RE.exec(line);
+  if (!m) return null;
+  return { colons: m[1].length, name: m[2], info: m[3] };
+}
+function parseContainerCloser(line) {
+  const m = CLOSER_RE.exec(line);
+  return m ? m[1].length : null;
+}
+function matchFenceOpen(line) {
+  const m = FENCE_OPEN_RE.exec(line);
+  if (!m) return null;
+  const char = m[2][0];
+  if (char === "`" && m[3].includes("`")) return null;
+  return { char, length: m[2].length, indent: m[1].length, info: m[3] };
+}
+function isFenceClose(line, fence) {
+  const re = new RegExp(`^ {0,3}${fence.char === "`" ? "`" : "~"}{${fence.length},}[ \\t]*$`);
+  return re.test(line);
+}
+function scanContainer(lines) {
+  const open = parseContainerOpener(lines[0] ?? "");
+  if (!open) return null;
+  const stack = [open.colons];
+  let fence = null;
+  for (let i = 1; i < lines.length; i += 1) {
+    const line = lines[i];
+    if (fence) {
+      if (isFenceClose(line, fence)) fence = null;
+      continue;
+    }
+    const fenceOpen = matchFenceOpen(line);
+    if (fenceOpen) {
+      fence = fenceOpen;
+      continue;
+    }
+    const closer = parseContainerCloser(line);
+    if (closer !== null) {
+      const top = stack[stack.length - 1];
+      if (top <= closer) {
+        stack.pop();
+        if (stack.length === 0) {
+          return {
+            name: open.name,
+            info: open.info,
+            colons: open.colons,
+            bodyLines: lines.slice(1, i),
+            lineCount: i + 1
+          };
+        }
+      }
+      continue;
+    }
+    const nested = parseContainerOpener(line);
+    if (nested) stack.push(nested.colons);
+  }
+  return null;
+}
+var ALL_CONTAINER_NAMES = [
+  "details",
+  "info",
+  "tip",
+  "warning",
+  "danger",
+  "param",
+  "code-group"
+];
+function containsCompleteContainer(text, names = ALL_CONTAINER_NAMES) {
+  const lines = text.replace(/\r\n?/g, "\n").split("\n");
+  for (let i = 0; i < lines.length; i += 1) {
+    const open = parseContainerOpener(lines[i]);
+    if (!open || !names.includes(open.name)) continue;
+    if (scanContainer(lines.slice(i))) return true;
+  }
+  return false;
+}
+var REQUIRED_WORDS = /* @__PURE__ */ new Set(["必选", "required"]);
+var DEFAULT_WORDS = /* @__PURE__ */ new Set(["默认", "default"]);
+function tokenizeInfo(info) {
+  const out = [];
+  const re = /`([^`]*)`|(\S+)/g;
+  let m = re.exec(info);
+  while (m) {
+    if (m[1] !== void 0) out.push({ kind: "code", value: m[1] });
+    else out.push({ kind: "word", value: m[2] });
+    m = re.exec(info);
+  }
+  return out;
+}
+function parseParamInfo(info) {
+  const result = { name: "", type: null, required: false, default: null };
+  const tokens = tokenizeInfo(info);
+  let expectDefault = false;
+  for (const token of tokens) {
+    if (expectDefault) {
+      result.default = token.value;
+      expectDefault = false;
+      continue;
+    }
+    if (token.kind === "code") {
+      if (result.type === null) result.type = token.value;
+      continue;
+    }
+    if (REQUIRED_WORDS.has(token.value)) {
+      result.required = true;
+      continue;
+    }
+    if (DEFAULT_WORDS.has(token.value)) {
+      expectDefault = true;
+      continue;
+    }
+    if (!result.name) result.name = token.value;
+  }
+  return result;
+}
+function formatParamInfo(attrs) {
+  const parts = [];
+  const name = attrs.name.trim();
+  if (name) parts.push(name.replace(/\s+/g, "-"));
+  if (attrs.type) parts.push(`\`${attrs.type.replace(/`/g, "'")}\``);
+  if (attrs.required) parts.push("必选");
+  if (attrs.default !== null && attrs.default !== void 0)
+    parts.push(`默认 \`${attrs.default.replace(/`/g, "'")}\``);
+  return parts.join(" ");
+}
+function containerColons(body) {
+  let longest = 2;
+  for (const line of body.split("\n")) {
+    const m = /^ {0,3}(:{3,})/.exec(line);
+    if (m) longest = Math.max(longest, m[1].length);
+  }
+  return longest + 1;
+}
+function renderContainerMarkdown(name, info, body) {
+  const fence = ":".repeat(containerColons(body));
+  const head = info ? `${fence} ${name} ${info}` : `${fence} ${name}`;
+  return body ? `${head}
+${body}
+${fence}` : `${head}
+${fence}`;
+}
+function createContainerTokenizer(tokenName, names) {
+  const startRe = new RegExp(`^ {0,3}:{3,}[ \\t]*(?:${names.join("|")})(?![\\w-])`, "m");
+  return {
+    name: tokenName,
+    level: "block",
+    start: (src) => {
+      const m = startRe.exec(src);
+      return m ? m.index : -1;
+    },
+    tokenize: (src, _tokens, lexer) => {
+      const lines = src.split("\n");
+      const open = parseContainerOpener(lines[0] ?? "");
+      if (!open || !names.includes(open.name)) return void 0;
+      const scanned = scanContainer(lines);
+      if (!scanned) return void 0;
+      const body = scanned.bodyLines.join("\n");
+      return {
+        type: tokenName,
+        raw: lines.slice(0, scanned.lineCount).join("\n"),
+        name: scanned.name,
+        info: scanned.info,
+        body,
+        tokens: body.trim() ? lexer.blockTokens(body) : []
+      };
+    }
+  };
+}
+
+// src/components/tiptap-node/code-block-node/code-group-markdown.ts
+var CODE_GROUP_TOKEN = "codeGroup";
+var OPENER_RE2 = /^ {0,3}:::[ \t]*code-group[ \t]*$/;
+var BLANK_RE = /^[ \t]*$/;
+function parseFenceInfo(info) {
+  const trimmed = info.trim();
+  if (!trimmed) return { language: null, label: null };
+  let i = 0;
+  let language = "";
+  while (i < trimmed.length && !/[\s[]/.test(trimmed[i])) {
+    language += trimmed[i];
+    i += 1;
+  }
+  while (i < trimmed.length && /\s/.test(trimmed[i])) i += 1;
+  let label = null;
+  if (trimmed[i] === "[") {
+    i += 1;
+    let text = "";
+    let closed = false;
+    while (i < trimmed.length) {
+      const ch = trimmed[i];
+      if (ch === "\\" && i + 1 < trimmed.length) {
+        text += trimmed[i + 1];
+        i += 2;
+        continue;
+      }
+      if (ch === "]") {
+        closed = true;
+        break;
+      }
+      text += ch;
+      i += 1;
+    }
+    if (closed) label = text.trim() || null;
+  }
+  return { language: language || null, label };
+}
+function escapeFenceLabel(label) {
+  return label.replace(/[\\[\]]/g, (ch) => `\\${ch}`).replace(/[\r\n]+/g, " ");
+}
+function formatFenceInfo(language, label) {
+  const parts = [];
+  const lang = (language ?? "").trim();
+  if (lang && !/[\s[\]`]/.test(lang)) parts.push(lang);
+  const text = (label ?? "").trim();
+  if (text) parts.push(`[${escapeFenceLabel(text)}]`);
+  return parts.join(" ");
+}
+function chooseFence(source) {
+  let longest = 0;
+  for (const run of source.match(/`+/g) ?? []) longest = Math.max(longest, run.length);
+  return "`".repeat(Math.max(3, longest + 1));
+}
+function fenceInfoFromRaw(raw) {
+  const firstLine = raw.split("\n", 1)[0] ?? "";
+  const m = /^ {0,3}(`{3,}|~{3,})(.*)$/.exec(firstLine);
+  return m ? m[2] : null;
+}
+function scanFenceBlocks(lines) {
+  const blocks = [];
+  let i = 0;
+  while (i < lines.length) {
+    const line = lines[i];
+    if (BLANK_RE.test(line)) {
+      i += 1;
+      continue;
+    }
+    const fence = matchFenceOpen(line);
+    if (!fence) return null;
+    const content = [];
+    let j = i + 1;
+    let closed = false;
+    while (j < lines.length) {
+      if (isFenceClose(lines[j], fence)) {
+        closed = true;
+        break;
+      }
+      content.push(stripIndent(lines[j], fence.indent));
+      j += 1;
+    }
+    if (!closed) return null;
+    const { language, label } = parseFenceInfo(fence.info);
+    blocks.push({ language, label, source: content.join("\n") });
+    i = j + 1;
+  }
+  return blocks;
+}
+function scanCodeGroupPartial(lines) {
+  const blocks = [];
+  let i = 1;
+  while (i < lines.length) {
+    const line = lines[i];
+    if (BLANK_RE.test(line)) {
+      i += 1;
+      continue;
+    }
+    const fence = matchFenceOpen(line);
+    if (!fence) return { status: "invalid" };
+    const content = [];
+    let j = i + 1;
+    let closed = false;
+    while (j < lines.length) {
+      if (isFenceClose(lines[j], fence)) {
+        closed = true;
+        break;
+      }
+      content.push(stripIndent(lines[j], fence.indent));
+      j += 1;
+    }
+    if (!closed) return { status: "partial", blocks };
+    const { language, label } = parseFenceInfo(fence.info);
+    blocks.push({ language, label, source: content.join("\n") });
+    i = j + 1;
+  }
+  return { status: "partial", blocks };
+}
+function scanCodeGroupLines(lines) {
+  if (lines.length === 0 || !OPENER_RE2.test(lines[0])) return { status: "invalid" };
+  const container = scanContainer(lines);
+  if (container && container.name === "code-group") {
+    const blocks = scanFenceBlocks(container.bodyLines);
+    if (!blocks || blocks.length === 0) return { status: "invalid" };
+    return { status: "complete", blocks, lineCount: container.lineCount };
+  }
+  return scanCodeGroupPartial(lines);
+}
+function stripIndent(line, indent) {
+  let n = 0;
+  while (n < indent && line[n] === " ") n += 1;
+  return line.slice(n);
+}
+function scanCodeGroup(src) {
+  const lines = src.split("\n");
+  const result = scanCodeGroupLines(lines);
+  if (result.status !== "complete") return null;
+  return { raw: lines.slice(0, result.lineCount).join("\n"), blocks: result.blocks };
+}
+var OPENER_START_RE = /^ {0,3}:::[ \t]*code-group[ \t]*$/m;
+var codeGroupTokenizer = {
+  name: CODE_GROUP_TOKEN,
+  level: "block",
+  // 让 `::: code-group` 能打断前面的段落（与 fence 行为一致）
+  start: (src) => {
+    const m = OPENER_START_RE.exec(src);
+    return m ? m.index : -1;
+  },
+  tokenize: (src) => {
+    const scanned = scanCodeGroup(src);
+    if (!scanned) return void 0;
+    return { type: CODE_GROUP_TOKEN, raw: scanned.raw, blocks: scanned.blocks, tokens: [] };
+  }
+};
+function codeBlockNode(helpers, block) {
+  return helpers.createNode(
+    "codeBlock",
+    { language: block.language, label: block.label },
+    block.source ? [helpers.createTextNode(block.source)] : []
+  );
+}
+function parseCodeGroupToken(token, helpers) {
+  const blocks = token.blocks ?? [];
+  if (blocks.length === 0) return [];
+  return helpers.createNode(
+    CODE_GROUP_TOKEN,
+    {},
+    blocks.map((b) => codeBlockNode(helpers, b))
+  );
+}
+function parseCodeBlockToken(token, helpers) {
+  const raw = token.raw ?? "";
+  const info = fenceInfoFromRaw(raw);
+  if (info === null && token.codeBlockStyle !== "indented") return [];
+  const { language, label } = info === null ? { language: null, label: null } : parseFenceInfo(info);
+  const text = typeof token.text === "string" ? token.text : "";
+  return helpers.createNode(
+    "codeBlock",
+    { language, label },
+    text ? [helpers.createTextNode(text)] : []
+  );
+}
+function codeBlockSourceFromJSON(node) {
+  return (node.content ?? []).map((n) => n.type === "text" ? n.text ?? "" : "").join("");
+}
+function renderCodeBlockMarkdown(node) {
+  const attrs = node.attrs ?? {};
+  const source = codeBlockSourceFromJSON(node);
+  const fence = chooseFence(source);
+  const info = formatFenceInfo(attrs.language, attrs.label);
+  return `${fence}${info}
+${source}
+${fence}`;
+}
+function renderCodeGroupMarkdown(node, _helpers) {
+  const children = (node.content ?? []).filter((c) => c.type === "codeBlock");
+  const body = children.map(renderCodeBlockMarkdown).join("\n\n");
+  return `::: code-group
+${body}
+:::`;
+}
+
+// src/components/tiptap-node/code-block-node/code-block-schema.ts
+var LANGUAGE_CLASS_PREFIX = "language-";
+function parseLanguageFromElement(element) {
+  const direct = element.getAttribute("data-language");
+  if (direct) return direct;
+  const code = element.tagName === "CODE" ? element : element.querySelector("code");
+  const candidates = [element, code].filter((el) => Boolean(el));
+  for (const el of candidates) {
+    for (const cls of Array.from(el.classList)) {
+      if (cls.startsWith(LANGUAGE_CLASS_PREFIX)) {
+        const lang = cls.slice(LANGUAGE_CLASS_PREFIX.length);
+        if (lang) return lang;
+      }
+    }
+  }
+  return null;
+}
+function getCodeBlockSource(node) {
+  return node.textContent;
+}
+var CodeBlockSchema = CodeBlock.extend({
+  // Markdown：fence info 解析 `语言 [标签]`，输出时按源码挑足够长的 fence
+  markdownTokenName: "code",
+  parseMarkdown: parseCodeBlockToken,
+  renderMarkdown: (node) => renderCodeBlockMarkdown(node),
+  addAttributes() {
+    return {
+      language: {
+        default: null,
+        parseHTML: (element) => parseLanguageFromElement(element),
+        // pre 上的 data-language 与 code 上的 class 由节点级 renderHTML 统一产出
+        rendered: false
+      },
+      label: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-label") || null,
+        rendered: false
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "pre",
+        preserveWhitespace: "full",
+        // 高亮后的 <span> 只取文本；pre 里可能被别的编辑器塞进 <code> 之外的包装，
+        // 有 <code> 就以它为内容根，否则整段文本
+        contentElement: (node) => {
+          const el = node;
+          return el.querySelector("code") ?? el;
+        }
+      }
+    ];
+  },
+  renderHTML({ node, HTMLAttributes }) {
+    const { language, label } = node.attrs;
+    return [
+      "pre",
+      mergeAttributes$1(this.options.HTMLAttributes, HTMLAttributes, {
+        "data-language": language || null,
+        "data-label": label || null
+      }),
+      ["code", { class: language ? `${LANGUAGE_CLASS_PREFIX}${language}` : null }, 0]
+    ];
+  }
+});
+var COPY_FEEDBACK_MS = 1600;
+async function copyText(text) {
+  try {
+    if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+      await navigator.clipboard.writeText(text);
+      return true;
+    }
+  } catch {
+  }
+  try {
+    if (typeof document === "undefined") return false;
+    const area = document.createElement("textarea");
+    area.value = text;
+    area.setAttribute("readonly", "");
+    area.style.position = "fixed";
+    area.style.opacity = "0";
+    document.body.appendChild(area);
+    area.select();
+    const ok = document.execCommand("copy");
+    document.body.removeChild(area);
+    return ok;
+  } catch {
+    return false;
+  }
+}
+function useCopyFeedback() {
+  const [state, setState] = useState("idle");
+  const timer = useRef(null);
+  useEffect(
+    () => () => {
+      if (timer.current) clearTimeout(timer.current);
+    },
+    []
+  );
+  const copy = (text) => {
+    void copyText(text).then((ok) => {
+      setState(ok ? "copied" : "failed");
+      if (timer.current) clearTimeout(timer.current);
+      timer.current = setTimeout(() => setState("idle"), COPY_FEEDBACK_MS);
+    });
+  };
+  return [state, copy];
+}
+var COPY_LABELS = {
+  idle: "复制",
+  copied: "已复制",
+  failed: "复制失败"
+};
+function useHighlighter(editor) {
+  const storage = editor.storage;
+  return storage.codeHighlight?.highlighter ?? null;
+}
+function CodeBlockNodeView(props) {
+  const { node, editor } = props;
+  const attrs = node.attrs;
+  const highlighter = useHighlighter(editor);
+  const title = getCodeBlockTitle(
+    attrs,
+    (input) => highlighter?.normalizeLanguage(input) ?? (input ?? "").trim().toLowerCase()
+  );
+  const [copyState, copy] = useCopyFeedback();
+  return /* @__PURE__ */ jsxs(
+    NodeViewWrapper,
+    {
+      className: "tiptap-code-block",
+      "data-language": attrs.language ?? void 0,
+      "data-label": attrs.label ?? void 0,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "tiptap-code-block__header", contentEditable: false, children: [
+          /* @__PURE__ */ jsx("span", { className: "tiptap-code-block__title", children: title }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "tiptap-code-block__copy",
+              "data-state": copyState,
+              "aria-live": "polite",
+              onMouseDown: (event) => event.preventDefault(),
+              onClick: () => copy(getCodeBlockSource(node)),
+              children: COPY_LABELS[copyState]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          NodeViewContent,
+          {
+            as: "pre",
+            className: "tiptap-code-block__pre",
+            style: { whiteSpace: "pre" }
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/tiptap-node/code-block-node/code-block-node-extension.ts
+var CodeBlockExtension = CodeBlockSchema.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(CodeBlockNodeView, {
+      contentDOMElementTag: "code"
+    });
+  }
+});
+var CODE_GROUP_NAME = CODE_GROUP_TOKEN;
+var CODE_GROUP_ATTR = "data-code-group";
+function getCodeGroupLabel(child, normalizeLanguage) {
+  return getCodeBlockTitle(child.attrs, normalizeLanguage);
+}
+function getCodeGroupSource(child) {
+  return child.textContent;
+}
+function getCodeGroupTabKey(child, index) {
+  const id = child.attrs.id;
+  return id ? `id:${id}` : `index:${index}`;
+}
+function getCodeGroupTabs(group, normalizeLanguage) {
+  const tabs = [];
+  group.forEach((child, _offset, index) => {
+    tabs.push({
+      key: getCodeGroupTabKey(child, index),
+      index,
+      label: getCodeGroupLabel(child, normalizeLanguage),
+      language: child.attrs.language ?? null,
+      source: getCodeGroupSource(child)
+    });
+  });
+  return tabs;
+}
+function findCodeGroupDepth($pos) {
+  for (let depth = $pos.depth; depth > 0; depth -= 1) {
+    if ($pos.node(depth).type.name === CODE_GROUP_NAME) return depth;
+  }
+  return null;
+}
+function exitCodeGroup(tr, editor) {
+  const { $from } = tr.selection;
+  const depth = findCodeGroupDepth($from);
+  if (depth === null) return false;
+  const after = $from.after(depth);
+  const nodeAfter = tr.doc.nodeAt(after);
+  if (nodeAfter) {
+    tr.setSelection(Selection.near(tr.doc.resolve(after)));
+    return true;
+  }
+  const paragraph = editor.schema.nodes.paragraph;
+  if (!paragraph) return false;
+  tr.insert(after, paragraph.create());
+  tr.setSelection(TextSelection.create(tr.doc, after + 1));
+  return true;
+}
+function elementChildren(el) {
+  const out = [];
+  const kids = el.childNodes;
+  for (let i = 0; i < kids.length; i += 1) {
+    const n = kids.item(i);
+    if (n && n.nodeType === 1) out.push(n);
+  }
+  return out;
+}
+var CodeGroupSchema = Node$1.create({
+  name: CODE_GROUP_NAME,
+  group: "block",
+  content: "codeBlock+",
+  isolating: true,
+  defining: true,
+  selectable: true,
+  // 快捷键要抢在 codeBlock（默认 100）前面
+  priority: 110,
+  // Markdown：`::: code-group … :::` 块级 tokenizer 与解析 / 输出
+  markdownTokenName: CODE_GROUP_TOKEN,
+  markdownTokenizer: codeGroupTokenizer,
+  parseMarkdown: parseCodeGroupToken,
+  renderMarkdown: renderCodeGroupMarkdown,
+  parseHTML() {
+    return [
+      {
+        tag: `div[${CODE_GROUP_ATTR}]`,
+        getAttrs: (element) => {
+          const kids = elementChildren(element);
+          if (kids.length === 0) return false;
+          return kids.every((k) => k.tagName.toLowerCase() === "pre") ? null : false;
+        }
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes$1(HTMLAttributes, { [CODE_GROUP_ATTR]: "" }), 0];
+  },
+  addKeyboardShortcuts() {
+    const inGroupChild = (editor) => {
+      const { $from, empty } = editor.state.selection;
+      if (!empty) return false;
+      if ($from.parent.type.name !== "codeBlock") return false;
+      return findCodeGroupDepth($from) !== null;
+    };
+    return {
+      // 三连回车：与官方 CodeBlock 相同的触发条件，但退出的是整个分组
+      Enter: ({ editor }) => {
+        if (!inGroupChild(editor)) return false;
+        const { $from } = editor.state.selection;
+        const isAtEnd = $from.parentOffset === $from.parent.nodeSize - 2;
+        if (!isAtEnd || !$from.parent.textContent.endsWith("\n\n")) return false;
+        return editor.commands.command(({ tr }) => {
+          tr.delete($from.pos - 2, $from.pos);
+          return exitCodeGroup(tr, editor);
+        });
+      },
+      // 末尾 ArrowDown：最后一个标签的末尾退出分组；中间标签交给官方处理（进入下一个子块）
+      ArrowDown: ({ editor }) => {
+        if (!inGroupChild(editor)) return false;
+        const { $from } = editor.state.selection;
+        const isAtEnd = $from.parentOffset === $from.parent.nodeSize - 2;
+        if (!isAtEnd) return false;
+        const depth = findCodeGroupDepth($from);
+        if (depth === null) return false;
+        const group = $from.node(depth);
+        const isLastChild = $from.index(depth) === group.childCount - 1;
+        if (!isLastChild) return false;
+        return editor.commands.command(({ tr }) => exitCodeGroup(tr, editor));
+      }
+    };
+  }
+});
+
+// src/components/tiptap-node/code-block-node/code-group-view-state.ts
+function resolveActiveIndex(keys, activeKey, previousIndex) {
+  if (keys.length === 0) return 0;
+  if (activeKey !== null) {
+    const found = keys.indexOf(activeKey);
+    if (found >= 0) return found;
+  }
+  return Math.min(Math.max(previousIndex, 0), keys.length - 1);
+}
+function tabKeyAction(key, focusedIndex, count) {
+  if (count <= 0) return null;
+  switch (key) {
+    case "ArrowRight":
+      return { type: "focus", index: (focusedIndex + 1) % count };
+    case "ArrowLeft":
+      return { type: "focus", index: (focusedIndex - 1 + count) % count };
+    case "Home":
+      return { type: "focus", index: 0 };
+    case "End":
+      return { type: "focus", index: count - 1 };
+    case "Enter":
+    case " ":
+    case "Spacebar":
+      return { type: "activate" };
+    default:
+      return null;
+  }
+}
+function childContentRange(group, groupPos, index) {
+  if (index < 0 || index >= group.childCount) return null;
+  let offset6 = groupPos + 1;
+  for (let i = 0; i < index; i += 1) offset6 += group.child(i).nodeSize;
+  const child = group.child(index);
+  return { from: offset6 + 1, to: offset6 + 1 + child.content.size };
+}
+function childIndexAtPos(group, groupPos, pos) {
+  let offset6 = groupPos + 1;
+  for (let i = 0; i < group.childCount; i += 1) {
+    const child = group.child(i);
+    const from = offset6 + 1;
+    const to = from + child.content.size;
+    if (pos >= from && pos <= to) return i;
+    offset6 += child.nodeSize;
+  }
+  return null;
+}
+function childEndPos(group, groupPos, index) {
+  return childContentRange(group, groupPos, index)?.to ?? null;
+}
+var PANEL_ATTR = "data-code-panel";
+function useHighlighter2(editor) {
+  const storage = editor.storage;
+  return storage.codeHighlight?.highlighter ?? null;
+}
+function CodeGroupNodeView(props) {
+  const { node, editor, getPos } = props;
+  const highlighter = useHighlighter2(editor);
+  const normalize = useCallback(
+    (input) => highlighter?.normalizeLanguage(input) ?? (input ?? "").trim().toLowerCase(),
+    [highlighter]
+  );
+  const tabs = useMemo(() => getCodeGroupTabs(node, normalize), [node, normalize]);
+  const keys = useMemo(() => tabs.map((t) => t.key), [tabs]);
+  const [activeKey, setActiveKey] = useState(() => keys[0] ?? null);
+  const [previousIndex, setPreviousIndex] = useState(0);
+  const activeIndex = resolveActiveIndex(keys, activeKey, previousIndex);
+  const [focusedIndex, setFocusedIndex] = useState(0);
+  const [copyState, copy] = useCopyFeedback();
+  const panelsRef = useRef(null);
+  const tabRefs = useRef([]);
+  const activeIndexRef = useRef(activeIndex);
+  activeIndexRef.current = activeIndex;
+  const activate = useCallback(
+    (index) => {
+      if (index < 0 || index >= keys.length) return;
+      const current = activeIndexRef.current;
+      if (index !== current) {
+        const pos = getPos();
+        if (typeof pos === "number") {
+          const { selection, doc } = editor.state;
+          const group = doc.nodeAt(pos);
+          if (group && childIndexAtPos(group, pos, selection.from) === current) {
+            const target = childEndPos(group, pos, index);
+            if (target !== null) {
+              editor.view.dispatch(editor.state.tr.setSelection(TextSelection.create(doc, target)));
+            }
+          }
+        }
+      }
+      setActiveKey(keys[index]);
+      setPreviousIndex(index);
+      setFocusedIndex(index);
+    },
+    [editor, getPos, keys]
+  );
+  const syncPanels = useCallback(() => {
+    const panels = panelsRef.current;
+    if (!panels) return;
+    const container = panels.querySelector("[data-node-view-content-react]");
+    if (!container) return;
+    const children = Array.from(container.children);
+    children.forEach((child, index) => {
+      const active = index === activeIndexRef.current;
+      child.setAttribute(PANEL_ATTR, active ? "active" : "hidden");
+      child.setAttribute("role", "tabpanel");
+      if (active) child.removeAttribute("aria-hidden");
+      else child.setAttribute("aria-hidden", "true");
+    });
+  }, []);
+  useLayoutEffect(() => {
+    syncPanels();
+  });
+  useEffect(() => {
+    const panels = panelsRef.current;
+    if (!panels || typeof MutationObserver === "undefined") return;
+    const observer = new MutationObserver(() => syncPanels());
+    observer.observe(panels, { childList: true, subtree: true });
+    return () => observer.disconnect();
+  }, [syncPanels]);
+  useEffect(() => {
+    const onSelection = () => {
+      const pos = getPos();
+      if (typeof pos !== "number") return;
+      const group = editor.state.doc.nodeAt(pos);
+      if (!group || group.type !== node.type) return;
+      const index = childIndexAtPos(group, pos, editor.state.selection.from);
+      if (index === null || index === activeIndexRef.current) return;
+      setActiveKey(getCodeGroupTabKey(group.child(index), index));
+      setPreviousIndex(index);
+    };
+    editor.on("selectionUpdate", onSelection);
+    return () => {
+      editor.off("selectionUpdate", onSelection);
+    };
+  }, [editor, getPos, node.type]);
+  const onKeyDown = (event) => {
+    const action = tabKeyAction(event.key, focusedIndex, keys.length);
+    if (!action) return;
+    event.preventDefault();
+    if (action.type === "focus") {
+      setFocusedIndex(action.index);
+      tabRefs.current[action.index]?.focus();
+    } else {
+      activate(focusedIndex);
+    }
+  };
+  const activeTab = tabs[activeIndex];
+  const groupId = node.attrs.id ?? "code-group";
+  return /* @__PURE__ */ jsxs(NodeViewWrapper, { className: "tiptap-code-group", "data-code-group": "", children: [
+    /* @__PURE__ */ jsxs("div", { className: "tiptap-code-group__bar", contentEditable: false, children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "tiptap-code-group__tabs",
+          role: "tablist",
+          "aria-label": "代码分组",
+          onKeyDown,
+          children: tabs.map((tab, index) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              ref: (el) => {
+                tabRefs.current[index] = el;
+              },
+              type: "button",
+              role: "tab",
+              id: `${groupId}-tab-${index}`,
+              className: "tiptap-code-group__tab",
+              "aria-selected": index === activeIndex,
+              tabIndex: index === focusedIndex ? 0 : -1,
+              "data-active": index === activeIndex ? "" : void 0,
+              onMouseDown: (event) => event.preventDefault(),
+              onClick: () => activate(index),
+              onFocus: () => setFocusedIndex(index),
+              children: tab.label
+            },
+            tab.key
+          ))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "tiptap-code-group__copy",
+          "data-state": copyState,
+          "aria-live": "polite",
+          onMouseDown: (event) => event.preventDefault(),
+          onClick: () => copy(activeTab?.source ?? ""),
+          children: COPY_LABELS[copyState]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { ref: panelsRef, className: "tiptap-code-group__body", children: /* @__PURE__ */ jsx(NodeViewContent, { as: "div", className: "tiptap-code-group__panels" }) })
+  ] });
+}
+
+// src/components/tiptap-node/code-block-node/code-group-node-extension.ts
+var CodeGroupExtension = CodeGroupSchema.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(CodeGroupNodeView);
+  }
+});
+var CONTENT_FORMATS = ["json", "html", "markdown"];
+function isContentFormat(value) {
+  return typeof value === "string" && CONTENT_FORMATS.includes(value);
+}
+function freshMarked() {
+  return new Marked();
+}
+function createMarkdownExtension() {
+  return Markdown.configure({ marked: freshMarked() });
+}
+function createMarkdownManager(extensions) {
+  return new MarkdownManager({ extensions, marked: freshMarked() });
+}
+var normalizeNewlines = (s) => s.replace(/\r\n?/g, "\n");
+function parseEditorContent(content, format, extensions) {
+  if (content === void 0 || content === null || content === "") return { ok: true, json: null };
+  if (format !== void 0 && !isContentFormat(format)) {
+    return {
+      ok: false,
+      error: `contentFormat 只接受 "json" | "html" | "markdown"，收到 ${JSON.stringify(format)}`
+    };
+  }
+  const isString = typeof content === "string";
+  const isObject = typeof content === "object";
+  const resolved = format ?? (isString ? "html" : "json");
+  if (resolved === "json") {
+    if (!isObject)
+      return { ok: false, error: `contentFormat="json" 需要传 JSON 对象，收到 ${typeof content}` };
+    return { ok: true, json: content };
+  }
+  if (!isString)
+    return { ok: false, error: `contentFormat="${resolved}" 需要传字符串，收到 ${typeof content}` };
+  try {
+    if (resolved === "markdown") {
+      return { ok: true, json: createMarkdownManager(extensions).parse(normalizeNewlines(content)) };
+    }
+    return { ok: true, json: generateJSON(content, extensions) };
+  } catch (error) {
+    return {
+      ok: false,
+      error: `${resolved} 内容解析失败：${error?.message ?? String(error)}`
+    };
+  }
+}
+function serializeEditorMarkdown(json, extensions) {
+  return createMarkdownManager(extensions).serialize(json);
+}
+function getEditorMarkdown(editor) {
+  const manager = editor.markdown;
+  if (manager) return manager.serialize(editor.getJSON());
+  return serializeEditorMarkdown(editor.getJSON(), editor.extensionManager.extensions);
+}
+var escapeAttr = (s) => s.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function collectCodeBlocks(node, out = []) {
+  if (node.type === "codeBlock") {
+    out.push(node);
+    return out;
+  }
+  for (const child of node.content ?? []) collectCodeBlocks(child, out);
+  return out;
+}
+function codeBlockText(node) {
+  return (node.content ?? []).map((n) => n.type === "text" ? n.text ?? "" : "").join("");
+}
+async function renderHighlightedHTML(source, options = {}) {
+  const isEditor = typeof source.getJSON === "function";
+  const json = isEditor ? source.getJSON() : source;
+  const extensions = options.extensions ?? (isEditor ? source.extensionManager.extensions : void 0);
+  if (!extensions) throw new Error("renderHighlightedHTML：传 JSON 时必须提供 extensions");
+  const editorHighlighter = isEditor ? source.storage.codeHighlight?.highlighter : void 0;
+  const highlighter = options.highlighter ?? editorHighlighter ?? createCodeHighlighter(options);
+  const theme = options.theme === void 0 || options.theme === "light" || options.theme === "dark" ? resolveShikiTheme(options.shikiTheme, options.theme === "dark") : options.theme;
+  const blocks = collectCodeBlocks(json);
+  const rendered = await Promise.all(
+    blocks.map(async (block) => {
+      const attrs = block.attrs ?? {};
+      const result = await highlighter.highlight(codeBlockText(block), attrs.language, theme);
+      const extra = (attrs.language ? ` data-language="${escapeAttr(attrs.language)}"` : "") + (attrs.label ? ` data-label="${escapeAttr(attrs.label)}"` : "");
+      return result.html.replace(/^<pre\b/, `<pre${extra}`);
+    })
+  );
+  let index = 0;
+  const semantic = generateHTML(json, extensions);
+  return semantic.replace(/<pre\b[^>]*>[\s\S]*?<\/pre>/g, (match) => {
+    const next = rendered[index];
+    index += 1;
+    return next ?? match;
+  });
+}
+
+// src/components/tiptap-node/collapsible-node/collapsible-view-state.ts
+function contentRange(node, pos) {
+  return { from: pos + 1, to: pos + 1 + node.content.size };
+}
+function isSelectionInside(node, pos, selectionFrom) {
+  const { from, to } = contentRange(node, pos);
+  return selectionFrom >= from && selectionFrom <= to;
+}
+function positionAfter(node, pos) {
+  return pos + node.nodeSize;
+}
+function apiParamPath($pos, ownName) {
+  const names = [];
+  for (let depth = 1; depth <= $pos.depth; depth += 1) {
+    const node = $pos.node(depth);
+    if (node.type.name === "apiParam") names.push(String(node.attrs.name ?? ""));
+  }
+  if (names.length) names[names.length - 1] = ownName;
+  else names.push(ownName);
+  return names.filter(Boolean).join(".");
+}
+function normalizeField(raw, nullable) {
+  const trimmed = raw.trim();
+  if (nullable) return trimmed || null;
+  return trimmed;
+}
+function useCollapsible(props, options = {}) {
+  const { editor, node, getPos } = props;
+  const [open, setOpen] = useState(options.defaultOpen ?? false);
+  const openRef = useRef(open);
+  openRef.current = open;
+  useEffect(() => {
+    const follow = () => {
+      if (openRef.current) return;
+      const pos = getPos();
+      if (typeof pos !== "number") return;
+      const current = editor.state.doc.nodeAt(pos);
+      if (!current || current.type !== node.type) return;
+      if (isSelectionInside(current, pos, editor.state.selection.from)) setOpen(true);
+    };
+    editor.on("selectionUpdate", follow);
+    return () => {
+      editor.off("selectionUpdate", follow);
+    };
+  }, [editor, getPos, node.type]);
+  const toggle = useCallback(() => {
+    const next = !openRef.current;
+    if (!next) {
+      const pos = getPos();
+      if (typeof pos === "number") {
+        const current = editor.state.doc.nodeAt(pos);
+        if (current && isSelectionInside(current, pos, editor.state.selection.from)) {
+          const target = Math.min(positionAfter(current, pos), editor.state.doc.content.size);
+          editor.view.dispatch(
+            editor.state.tr.setSelection(TextSelection.near(editor.state.doc.resolve(target), 1))
+          );
+        }
+      }
+    }
+    setOpen(next);
+  }, [editor, getPos]);
+  return { open, setOpen, toggle };
+}
+function CollapsibleShell({
+  props,
+  kind,
+  open,
+  onToggle,
+  collapsible = true,
+  header,
+  actions,
+  contentLead,
+  className
+}) {
+  const isEditable = props.editor.isEditable;
+  return /* @__PURE__ */ jsxs(
+    NodeViewWrapper,
+    {
+      className: ["tt-collapsible", `tt-collapsible--${kind}`, className].filter(Boolean).join(" "),
+      "data-collapsible": kind,
+      "data-open": open ? "true" : "false",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "tt-collapsible__header", contentEditable: false, children: [
+          collapsible ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "tt-collapsible__toggle",
+              "aria-expanded": open,
+              "aria-label": open ? "收起" : "展开",
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: onToggle,
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  onToggle();
+                }
+              },
+              children: /* @__PURE__ */ jsx("span", { className: "tt-collapsible__chevron", "aria-hidden": "true" })
+            }
+          ) : /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "tt-collapsible__toggle tt-collapsible__toggle--placeholder",
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "tt-collapsible__fields", children: header }),
+          isEditable && actions ? /* @__PURE__ */ jsx("div", { className: "tt-collapsible__actions", children: actions }) : null
+        ] }),
+        contentLead && open ? /* @__PURE__ */ jsx("div", { className: "tt-collapsible__lead", contentEditable: false, children: contentLead }) : null,
+        /* @__PURE__ */ jsx(NodeViewContent, { as: "div", className: "tt-collapsible__content", hidden: !open })
+      ]
+    }
+  );
+}
+function textColumns(text) {
+  let cols = 0;
+  for (const ch of text) {
+    const code = ch.codePointAt(0) ?? 0;
+    const wide = code >= 4352 && code <= 4447 || code >= 11904 && code <= 42191 || code >= 44032 && code <= 55203 || code >= 63744 && code <= 64255 || code >= 65072 && code <= 65103 || code >= 65280 && code <= 65376 || code >= 65504 && code <= 65510 || code >= 126976;
+    cols += wide ? 2 : 1;
+  }
+  return cols;
+}
+function InlineField({
+  field,
+  value,
+  placeholder,
+  ariaLabel,
+  nullable,
+  readOnly,
+  onCommit,
+  onEnter,
+  className
+}) {
+  const [draft, setDraft] = useState(value ?? "");
+  const committed = useRef(value ?? "");
+  const reverting = useRef(false);
+  useEffect(() => {
+    setDraft(value ?? "");
+    committed.current = value ?? "";
+  }, [value]);
+  if (readOnly) {
+    if (!value) return null;
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: ["tt-field", `tt-field--${field}`, className].filter(Boolean).join(" "),
+        "data-field": field,
+        children: value
+      }
+    );
+  }
+  const commit = () => {
+    if (reverting.current) {
+      reverting.current = false;
+      return;
+    }
+    const next = normalizeField(draft, nullable);
+    if ((next ?? "") !== committed.current) {
+      committed.current = next ?? "";
+      onCommit(next);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "text",
+      "data-field": field,
+      className: ["tt-field", `tt-field--${field}`, className].filter(Boolean).join(" "),
+      value: draft,
+      placeholder,
+      "aria-label": ariaLabel,
+      style: { width: `calc(${Math.max(textColumns(draft || placeholder), 2)}ch + 2px)` },
+      onChange: (e) => setDraft(e.target.value),
+      onBlur: commit,
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          commit();
+          if (onEnter) onEnter();
+          else e.currentTarget.blur();
+        } else if (e.key === "Escape") {
+          e.preventDefault();
+          setDraft(committed.current);
+          reverting.current = true;
+          e.currentTarget.blur();
+        }
+      }
+    }
+  );
+}
+
+// src/components/tiptap-node/collapsible-node/collapsible-types.ts
+var CALLOUT_TYPES = ["info", "tip", "warning", "danger"];
+var CALLOUT_DEFAULT_TITLES = {
+  info: "信息",
+  tip: "提示",
+  warning: "注意",
+  danger: "危险"
+};
+function isCalloutType(value) {
+  return typeof value === "string" && CALLOUT_TYPES.includes(value);
+}
+var CONTAINER_NODE_NAMES = ["callout", "details", "apiParam"];
+var CONTAINER_MARKDOWN_NAMES = {
+  details: "details",
+  info: "callout",
+  tip: "callout",
+  warning: "callout",
+  danger: "callout",
+  param: "apiParam"
+};
+function CalloutNodeView(props) {
+  const { node, editor, updateAttributes } = props;
+  const attrs = node.attrs;
+  const { open, toggle } = useCollapsible(props, { defaultOpen: true });
+  const isEditable = editor.isEditable;
+  const shownTitle = attrs.title ?? CALLOUT_DEFAULT_TITLES[attrs.type];
+  return /* @__PURE__ */ jsx(
+    CollapsibleShell,
+    {
+      props,
+      kind: "callout",
+      open,
+      onToggle: toggle,
+      className: `tt-callout tt-callout--${attrs.type}`,
+      header: isEditable ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx("fieldset", { className: "tt-callout__types", "aria-label": "提示框类型", children: CALLOUT_TYPES.map((type) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `tt-callout__type tt-callout__type--${type}`,
+            "data-callout-type": type,
+            "aria-pressed": type === attrs.type,
+            title: CALLOUT_DEFAULT_TITLES[type],
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: () => updateAttributes({ type })
+          },
+          type
+        )) }),
+        /* @__PURE__ */ jsx(
+          InlineField,
+          {
+            field: "title",
+            value: attrs.title,
+            placeholder: CALLOUT_DEFAULT_TITLES[attrs.type],
+            ariaLabel: "提示框标题",
+            nullable: true,
+            readOnly: false,
+            onCommit: (value) => updateAttributes({ title: value }),
+            className: "tt-callout__title"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx("span", { className: "tt-callout__title tt-field", "data-field": "title", children: shownTitle })
+    }
+  );
+}
+function parseContainerBody(token, helpers) {
+  const tokens = token.tokens ?? [];
+  const children = tokens.length ? helpers.parseChildren(tokens) : [];
+  return children.length ? children : [helpers.createNode("paragraph")];
+}
+var CalloutSchema = Node$1.create({
+  name: "callout",
+  group: "block",
+  content: "block+",
+  isolating: true,
+  defining: true,
+  addAttributes() {
+    return {
+      type: {
+        default: "info",
+        parseHTML: (el) => {
+          const raw = el.getAttribute("data-callout");
+          return isCalloutType(raw) ? raw : "info";
+        },
+        rendered: false
+      },
+      title: {
+        default: null,
+        parseHTML: (el) => el.getAttribute("data-title") || null,
+        rendered: false
+      }
+    };
+  },
+  parseHTML() {
+    return [{ tag: "div[data-callout]" }];
+  },
+  renderHTML({ node, HTMLAttributes }) {
+    const { type, title } = node.attrs;
+    return [
+      "div",
+      mergeAttributes$1(HTMLAttributes, { "data-callout": type, "data-title": title || null }),
+      0
+    ];
+  },
+  markdownTokenName: "callout",
+  markdownTokenizer: createContainerTokenizer("callout", CALLOUT_TYPES),
+  parseMarkdown: (token, helpers) => helpers.createNode(
+    "callout",
+    {
+      type: isCalloutType(token.name) ? token.name : "info",
+      title: token.info || null
+    },
+    parseContainerBody(token, helpers)
+  ),
+  renderMarkdown: (node, h) => {
+    const { type, title } = node.attrs ?? {};
+    return renderContainerMarkdown(
+      isCalloutType(type) ? type : "info",
+      title ?? "",
+      h.renderChildren(node.content ?? [], "\n\n")
+    );
+  }
+});
+
+// src/components/tiptap-node/collapsible-node/callout-node-extension.ts
+var CalloutExtension = CalloutSchema.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(CalloutNodeView);
+  }
+});
+function DetailsNodeView(props) {
+  const { node, editor, updateAttributes } = props;
+  const attrs = node.attrs;
+  const { open, toggle } = useCollapsible(props);
+  const isEditable = editor.isEditable;
+  return /* @__PURE__ */ jsx(
+    CollapsibleShell,
+    {
+      props,
+      kind: "details",
+      open,
+      onToggle: toggle,
+      header: isEditable ? /* @__PURE__ */ jsx(
+        InlineField,
+        {
+          field: "title",
+          value: attrs.title,
+          placeholder: "标题",
+          ariaLabel: "折叠块标题",
+          nullable: true,
+          readOnly: false,
+          onCommit: (value) => updateAttributes({ title: value }),
+          className: "tt-details__title"
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "tt-details__title tt-field", "data-field": "title", children: attrs.title ?? "详情" })
+    }
+  );
+}
+var DEFAULT_SUMMARY = "详情";
+function childElements(el) {
+  const out = [];
+  for (let i = 0; i < el.childNodes.length; i += 1) {
+    const n = el.childNodes.item(i);
+    if (n && n.nodeType === 1) out.push(n);
+  }
+  return out;
+}
+function readTitle(el) {
+  const direct = el.getAttribute("data-title");
+  if (direct) return direct;
+  const summary = childElements(el).find((c) => c.tagName.toLowerCase() === "summary");
+  const text = summary?.textContent?.trim();
+  return text || null;
+}
+function readContent(el) {
+  const wrapper = childElements(el).find((c) => c.hasAttribute("data-details-content"));
+  if (wrapper) return wrapper;
+  const tmp = el.ownerDocument.createElement("div");
+  for (const child of Array.from(el.childNodes)) {
+    if (child.nodeName.toLowerCase() === "summary") continue;
+    tmp.appendChild(child.cloneNode(true));
+  }
+  return tmp;
+}
+var DetailsSchema = Node$1.create({
+  name: "details",
+  group: "block",
+  content: "block+",
+  isolating: true,
+  defining: true,
+  addAttributes() {
+    return {
+      title: { default: null, parseHTML: (el) => readTitle(el), rendered: false }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "details",
+        // 参数行也用 <details>，由 apiParam 的规则（优先级更高）处理
+        getAttrs: (el) => el.hasAttribute("data-param") ? false : null,
+        contentElement: (el) => readContent(el)
+      }
+    ];
+  },
+  renderHTML({ node, HTMLAttributes }) {
+    const { title } = node.attrs;
+    return [
+      "details",
+      mergeAttributes$1(HTMLAttributes, { "data-details": "", "data-title": title || null }),
+      ["summary", {}, title || DEFAULT_SUMMARY],
+      ["div", { "data-details-content": "" }, 0]
+    ];
+  },
+  markdownTokenName: "details",
+  markdownTokenizer: createContainerTokenizer("details", ["details"]),
+  parseMarkdown: (token, helpers) => helpers.createNode(
+    "details",
+    { title: token.info || null },
+    parseContainerBody(token, helpers)
+  ),
+  renderMarkdown: (node, h) => {
+    const { title } = node.attrs ?? {};
+    return renderContainerMarkdown(
+      "details",
+      title ?? "",
+      h.renderChildren(node.content ?? [], "\n\n")
+    );
+  }
+});
+
+// src/components/tiptap-node/collapsible-node/details-node-extension.ts
+var DetailsExtension = DetailsSchema.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(DetailsNodeView);
+  }
+});
+function ApiParamNodeView(props) {
+  const { node, editor, getPos, updateAttributes, deleteNode: deleteNode2 } = props;
+  const attrs = node.attrs;
+  const { open, setOpen, toggle } = useCollapsible(props);
+  const isEditable = editor.isEditable;
+  const hasBody = node.content.size > 0;
+  const path = useMemo(() => {
+    const pos = getPos();
+    if (typeof pos !== "number") return null;
+    const $inside = editor.state.doc.resolve(pos + 1);
+    const full = apiParamPath($inside, attrs.name);
+    return full.includes(".") ? full : null;
+  }, [editor.state.doc, getPos, attrs.name]);
+  const focusBody = () => {
+    const pos = getPos();
+    if (typeof pos !== "number") return;
+    const current = editor.state.doc.nodeAt(pos);
+    if (!current) return;
+    let tr = editor.state.tr;
+    if (current.content.size === 0) tr = tr.insert(pos + 1, editor.schema.nodes.paragraph.create());
+    tr = tr.setSelection(TextSelection.create(tr.doc, pos + 2));
+    editor.view.dispatch(tr);
+    editor.view.focus();
+    setOpen(true);
+  };
+  const addChild = () => {
+    const pos = getPos();
+    if (typeof pos !== "number") return;
+    const current = editor.state.doc.nodeAt(pos);
+    if (!current) return;
+    const child = editor.schema.nodes.apiParam.create({
+      name: "",
+      type: null,
+      required: false,
+      default: null,
+      summary: null
+    });
+    const at = pos + 1 + current.content.size;
+    editor.view.dispatch(editor.state.tr.insert(at, child));
+    setOpen(true);
+    queueMicrotask(() => {
+      const dom = editor.view.nodeDOM(at);
+      dom?.querySelector('input[data-field="name"]')?.focus();
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    CollapsibleShell,
+    {
+      props,
+      kind: "apiParam",
+      open,
+      onToggle: toggle,
+      collapsible: hasBody,
+      contentLead: path ? /* @__PURE__ */ jsx("span", { className: "tt-api-param__path", children: path }) : null,
+      header: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx(
+          InlineField,
+          {
+            field: "name",
+            value: attrs.name,
+            placeholder: "参数名",
+            ariaLabel: "参数名",
+            nullable: false,
+            readOnly: !isEditable,
+            onCommit: (v) => updateAttributes({ name: v ?? "" }),
+            className: "tt-api-param__name"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          InlineField,
+          {
+            field: "type",
+            value: attrs.type,
+            placeholder: "类型",
+            ariaLabel: "类型",
+            nullable: true,
+            readOnly: !isEditable,
+            onCommit: (v) => updateAttributes({ type: v }),
+            className: "tt-badge tt-badge--type"
+          }
+        ),
+        isEditable ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-field": "required",
+            className: "tt-badge tt-badge--required",
+            "aria-pressed": attrs.required,
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: () => updateAttributes({ required: !attrs.required }),
+            children: attrs.required ? "必选" : "可选"
+          }
+        ) : attrs.required ? /* @__PURE__ */ jsx("span", { className: "tt-badge tt-badge--required", "data-field": "required", children: "必选" }) : null,
+        isEditable || attrs.default !== null ? /* @__PURE__ */ jsxs("span", { className: "tt-badge tt-badge--default", children: [
+          /* @__PURE__ */ jsx("span", { className: "tt-badge__label", children: "默认值" }),
+          /* @__PURE__ */ jsx(
+            InlineField,
+            {
+              field: "default",
+              value: attrs.default,
+              placeholder: "无",
+              ariaLabel: "默认值",
+              nullable: true,
+              readOnly: !isEditable,
+              onCommit: (v) => updateAttributes({ default: v })
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ jsx("span", { className: "tt-api-param__sep", "aria-hidden": "true", children: "｜" }),
+        /* @__PURE__ */ jsx(
+          InlineField,
+          {
+            field: "summary",
+            value: attrs.summary,
+            placeholder: "一句话描述",
+            ariaLabel: "短描述",
+            nullable: true,
+            readOnly: !isEditable,
+            onCommit: (v) => updateAttributes({ summary: v }),
+            onEnter: focusBody,
+            className: "tt-api-param__summary"
+          }
+        )
+      ] }),
+      actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        !hasBody ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-action": "add-body",
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: focusBody,
+            children: "添加说明"
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-action": "add-child",
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: addChild,
+            children: "添加子参数"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-action": "remove",
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: () => deleteNode2(),
+            children: "删除"
+          }
+        )
+      ] })
+    }
+  );
+}
+function apiParamSummaryText(attrs) {
+  const head = [
+    attrs.name,
+    attrs.type,
+    attrs.required ? "必选" : null,
+    attrs.default != null ? `默认值 ${attrs.default}` : null
+  ].filter((x) => Boolean(x)).join(" ");
+  return attrs.summary ? `${head} ｜ ${attrs.summary}`.trim() : head;
+}
+function childElements2(el) {
+  const out = [];
+  for (let i = 0; i < el.childNodes.length; i += 1) {
+    const n = el.childNodes.item(i);
+    if (n && n.nodeType === 1) out.push(n);
+  }
+  return out;
+}
+function splitParamBody(token, helpers) {
+  const tokens = [...token.tokens ?? []];
+  let summary = null;
+  while (tokens.length && tokens[0].type === "space") tokens.shift();
+  if (tokens[0]?.type === "paragraph") {
+    const first = tokens.shift();
+    summary = String(first.text ?? "").replace(/\s*\n\s*/g, " ").trim() || null;
+  }
+  const content = tokens.length ? helpers.parseChildren(tokens) : [];
+  return { summary, content };
+}
+var ApiParamSchema = Node$1.create({
+  name: "apiParam",
+  group: "block",
+  content: "block*",
+  isolating: true,
+  defining: true,
+  // 解析规则要排在 details 的裸 <details> 规则前面
+  priority: 110,
+  addAttributes() {
+    const text = (attr) => ({
+      default: null,
+      parseHTML: (el) => el.getAttribute(attr) || null,
+      rendered: false
+    });
+    return {
+      name: {
+        default: "",
+        parseHTML: (el) => el.getAttribute("data-name") ?? "",
+        rendered: false
+      },
+      type: text("data-type"),
+      required: {
+        default: false,
+        parseHTML: (el) => {
+          const v = el.getAttribute("data-required");
+          return v === "true" || v === "";
+        },
+        rendered: false
+      },
+      default: text("data-default"),
+      summary: text("data-summary")
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "details[data-param]",
+        contentElement: (el) => {
+          const wrapper = childElements2(el).find(
+            (c) => c.hasAttribute("data-param-content")
+          );
+          return wrapper ? wrapper : el.ownerDocument.createElement("div");
+        }
+      }
+    ];
+  },
+  renderHTML({ node, HTMLAttributes }) {
+    const attrs = node.attrs;
+    return [
+      "details",
+      mergeAttributes$1(HTMLAttributes, {
+        "data-param": "",
+        "data-name": attrs.name || null,
+        "data-type": attrs.type || null,
+        "data-required": attrs.required ? "true" : null,
+        "data-default": attrs.default ?? null,
+        "data-summary": attrs.summary || null
+      }),
+      ["summary", {}, apiParamSummaryText(attrs)],
+      ["div", { "data-param-content": "" }, 0]
+    ];
+  },
+  markdownTokenName: "apiParam",
+  markdownTokenizer: createContainerTokenizer("apiParam", ["param"]),
+  parseMarkdown: (token, helpers) => {
+    const info = parseParamInfo(String(token.info ?? ""));
+    const { summary, content } = splitParamBody(token, helpers);
+    return helpers.createNode("apiParam", { ...info, summary }, content);
+  },
+  renderMarkdown: (node, h) => {
+    const attrs = node.attrs ?? {};
+    const info = formatParamInfo({
+      name: attrs.name ?? "",
+      type: attrs.type ?? null,
+      required: Boolean(attrs.required),
+      default: attrs.default ?? null
+    });
+    const body = h.renderChildren(node.content ?? [], "\n\n");
+    const parts = [attrs.summary ?? "", body].filter(Boolean);
+    return renderContainerMarkdown("param", info, parts.join("\n\n"));
+  }
+});
+
+// src/components/tiptap-node/collapsible-node/api-param-node-extension.ts
+var ApiParamExtension = ApiParamSchema.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(ApiParamNodeView);
+  }
+});
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 function useEventListener(eventName, handler, element, options) {
   const savedHandler = useRef(handler);
@@ -4199,6 +5866,484 @@ var ImageUploadNode2 = Node.create({
     };
   }
 });
+var codeHighlightPluginKey = new PluginKey("codeHighlight");
+var CODE_TOKEN_CLASS = "code-token";
+var SEP = "\0";
+function codeBlockSignature(node, theme) {
+  return `${theme}${SEP}${node.attrs.language ?? ""}${SEP}${node.textContent}`;
+}
+function tokenStyle(token) {
+  const parts = [];
+  if (token.color) parts.push(`--code-token-color:${token.color}`);
+  const fs = token.fontStyle ?? 0;
+  if (fs & 1) parts.push("--code-token-font-style:italic");
+  if (fs & 2) parts.push("--code-token-font-weight:bold");
+  const decorations = [];
+  if (fs & 4) decorations.push("underline");
+  if (fs & 8) decorations.push("line-through");
+  if (decorations.length) parts.push(`--code-token-text-decoration:${decorations.join(" ")}`);
+  return parts.join(";");
+}
+function buildBlockDecorations(pos, node, sig, tokens) {
+  const out = [Decoration.node(pos, pos + node.nodeSize, {}, { codeSig: sig })];
+  const contentStart = pos + 1;
+  const max = node.content.size;
+  for (const token of tokens) {
+    const from = Math.max(0, Math.min(token.start, max));
+    const to = Math.max(from, Math.min(token.end, max));
+    if (to <= from) continue;
+    out.push(
+      Decoration.inline(
+        contentStart + from,
+        contentStart + to,
+        { class: CODE_TOKEN_CLASS, style: tokenStyle(token) },
+        { codeSig: sig }
+      )
+    );
+  }
+  return out;
+}
+function reconcile(doc, decorations, theme, nodeName) {
+  const needs = /* @__PURE__ */ new Map();
+  let next = decorations;
+  doc.descendants((node, pos) => {
+    if (node.type.name !== nodeName) return !node.isTextblock;
+    const sig = codeBlockSignature(node, theme);
+    const inside = next.find(pos, pos + node.nodeSize);
+    const marker = inside.find((d) => d.spec.codeSig !== void 0 && d.from === pos);
+    if (marker?.spec.codeSig === sig) return false;
+    if (inside.length) next = next.remove(inside);
+    if (!needs.has(sig)) {
+      needs.set(sig, { source: node.textContent, language: node.attrs.language ?? null, theme });
+    }
+    return false;
+  });
+  return { decorations: next, needs };
+}
+function applyResult(doc, decorations, theme, nodeName, sig, tokens) {
+  const additions = [];
+  doc.descendants((node, pos) => {
+    if (node.type.name !== nodeName) return !node.isTextblock;
+    if (codeBlockSignature(node, theme) !== sig) return false;
+    const inside = decorations.find(pos, pos + node.nodeSize);
+    if (inside.some((d) => d.spec.codeSig === sig && d.from === pos)) return false;
+    additions.push(...buildBlockDecorations(pos, node, sig, tokens));
+    return false;
+  });
+  return additions.length ? decorations.add(doc, additions) : decorations;
+}
+function defaultResolveTheme(options) {
+  return () => {
+    const root = typeof document === "undefined" ? null : document.documentElement;
+    const isDark = Boolean(root?.classList.contains("dark"));
+    return resolveShikiTheme(options.shikiTheme, isDark);
+  };
+}
+function createCodeHighlightPlugin(options) {
+  const { highlighter, resolveTheme, debounceMs, nodeName } = options;
+  return new Plugin({
+    key: codeHighlightPluginKey,
+    state: {
+      init(_config, state) {
+        const theme = resolveTheme();
+        return { theme, ...reconcile(state.doc, DecorationSet.empty, theme, nodeName) };
+      },
+      apply(tr, prev, _old, next) {
+        const meta = tr.getMeta(codeHighlightPluginKey);
+        if (meta?.type === "theme") {
+          if (meta.theme === prev.theme) return prev;
+          return {
+            theme: meta.theme,
+            ...reconcile(next.doc, DecorationSet.empty, meta.theme, nodeName)
+          };
+        }
+        let decorations = tr.docChanged ? prev.decorations.map(tr.mapping, tr.doc) : prev.decorations;
+        if (meta?.type === "result") {
+          decorations = applyResult(
+            next.doc,
+            decorations,
+            prev.theme,
+            nodeName,
+            meta.sig,
+            meta.tokens
+          );
+          const needs = new Map(prev.needs);
+          needs.delete(meta.sig);
+          if (!tr.docChanged) return { theme: prev.theme, decorations, needs };
+        }
+        if (!tr.docChanged) return prev;
+        return { theme: prev.theme, ...reconcile(next.doc, decorations, prev.theme, nodeName) };
+      }
+    },
+    props: {
+      decorations(state) {
+        return codeHighlightPluginKey.getState(state)?.decorations ?? null;
+      }
+    },
+    view(view) {
+      let destroyed = false;
+      let timer = null;
+      const inflight = /* @__PURE__ */ new Set();
+      const dispatchMeta = (meta) => {
+        if (destroyed) return;
+        view.dispatch(
+          view.state.tr.setMeta(codeHighlightPluginKey, meta).setMeta("addToHistory", false)
+        );
+      };
+      const flush = () => {
+        timer = null;
+        if (destroyed) return;
+        const state = codeHighlightPluginKey.getState(view.state);
+        if (!state) return;
+        for (const [sig, request] of state.needs) {
+          if (inflight.has(sig)) continue;
+          inflight.add(sig);
+          highlighter.highlight(request.source, request.language, request.theme).then((result) => {
+            inflight.delete(sig);
+            dispatchMeta({ type: "result", sig, tokens: result.tokens });
+          }).catch(() => {
+            inflight.delete(sig);
+          });
+        }
+      };
+      const schedule = () => {
+        if (destroyed) return;
+        const state = codeHighlightPluginKey.getState(view.state);
+        if (!state || state.needs.size === 0) return;
+        if (timer !== null) clearTimeout(timer);
+        timer = setTimeout(flush, debounceMs);
+      };
+      let observer = null;
+      const root = typeof document === "undefined" ? null : document.documentElement;
+      if (root && typeof MutationObserver !== "undefined") {
+        observer = new MutationObserver(() => {
+          const theme = resolveTheme();
+          if (theme !== codeHighlightPluginKey.getState(view.state)?.theme) {
+            dispatchMeta({ type: "theme", theme });
+          }
+        });
+        observer.observe(root, { attributes: true, attributeFilter: ["class"] });
+      }
+      schedule();
+      return {
+        update() {
+          schedule();
+        },
+        destroy() {
+          destroyed = true;
+          if (timer !== null) clearTimeout(timer);
+          observer?.disconnect();
+        }
+      };
+    }
+  });
+}
+var CodeHighlight = Extension.create({
+  name: "codeHighlight",
+  addOptions() {
+    return {};
+  },
+  addStorage() {
+    return { highlighter: null };
+  },
+  onBeforeCreate() {
+    this.storage.highlighter = this.options.highlighter ?? createCodeHighlighter(this.options);
+  },
+  addProseMirrorPlugins() {
+    return [
+      createCodeHighlightPlugin({
+        highlighter: this.storage.highlighter,
+        resolveTheme: this.options.resolveTheme ?? defaultResolveTheme(this.options),
+        debounceMs: this.options.debounceMs ?? 30,
+        nodeName: this.options.nodeName ?? "codeBlock"
+      })
+    ];
+  }
+});
+var codeGroupInputPluginKey = new PluginKey("codeGroupInput");
+var OPENER_RE3 = /^ {0,3}:::[ \t]*code-group[ \t]*$/;
+var CLOSER_RE2 = /^ {0,3}:::[ \t]*$/;
+var MAX_LOOKBACK = 2e3;
+function paragraphLines(node) {
+  return node.textBetween(0, node.content.size, void 0, "\n").split("\n");
+}
+function findCodeGroupDraft(state) {
+  const { $from, empty } = state.selection;
+  if (!empty) return null;
+  return findDraftAt($from);
+}
+function findDraftAt($from) {
+  if ($from.depth === 0 || $from.parent.type.name !== "paragraph") return null;
+  const parent = $from.node(-1);
+  const cursorIndex = $from.index(-1);
+  const openers = [];
+  const linesByIndex = /* @__PURE__ */ new Map();
+  for (let i = cursorIndex; i >= 0 && cursorIndex - i < MAX_LOOKBACK; i -= 1) {
+    const child = parent.child(i);
+    if (child.type.name !== "paragraph") break;
+    const lines = paragraphLines(child);
+    linesByIndex.set(i, lines);
+    if (lines.length === 1 && OPENER_RE3.test(lines[0])) openers.push(i);
+  }
+  if (openers.length === 0) return null;
+  for (let k = openers.length - 1; k >= 0; k -= 1) {
+    const startIndex = openers[k];
+    const lines = [];
+    for (let i = startIndex; i <= cursorIndex; i += 1) lines.push(...linesByIndex.get(i) ?? []);
+    const result = scanCodeGroupLines(lines);
+    if (result.status === "invalid") continue;
+    if (result.status === "partial")
+      return { startIndex, cursorIndex, status: "partial", blocks: result.blocks };
+    const cursorLines = linesByIndex.get(cursorIndex) ?? [];
+    if (result.lineCount === lines.length && cursorLines.length === 1 && CLOSER_RE2.test(cursorLines[0])) {
+      return { startIndex, cursorIndex, status: "complete", blocks: result.blocks };
+    }
+    return null;
+  }
+  return null;
+}
+function stopYjsCapturing(state) {
+  for (const plugin of state.plugins) {
+    const pluginState = plugin.getState(state);
+    pluginState?.undoManager?.stopCapturing?.();
+  }
+}
+function dispatchAsOwnUndoStep(view, tr) {
+  stopYjsCapturing(view.state);
+  view.dispatch(closeHistory(tr));
+  stopYjsCapturing(view.state);
+  view.dispatch(closeHistory(view.state.tr));
+}
+function convertCodeGroupDraft(view, draft) {
+  const { state } = view;
+  const { schema } = state;
+  const groupType = schema.nodes[CODE_GROUP_NAME];
+  const codeBlockType = schema.nodes.codeBlock;
+  const paragraphType = schema.nodes.paragraph;
+  if (!groupType || !codeBlockType || !paragraphType) return false;
+  const $from = state.selection.$from;
+  const parentDepth = $from.depth - 1;
+  const parent = $from.node(parentDepth);
+  if (!parent.canReplaceWith(draft.startIndex, draft.cursorIndex + 1, groupType)) return false;
+  let from = $from.start(parentDepth);
+  for (let i = 0; i < draft.startIndex; i += 1) from += parent.child(i).nodeSize;
+  let to = from;
+  for (let i = draft.startIndex; i <= draft.cursorIndex; i += 1) to += parent.child(i).nodeSize;
+  const children = draft.blocks.map(
+    (b) => codeBlockType.create(
+      { language: b.language, label: b.label },
+      b.source ? schema.text(b.source) : null
+    )
+  );
+  let group;
+  try {
+    group = groupType.createChecked(null, children);
+  } catch {
+    return false;
+  }
+  const trailing = paragraphType.create();
+  const tr = state.tr.replaceWith(from, to, [group, trailing]);
+  tr.setSelection(TextSelection.create(tr.doc, from + group.nodeSize + 1));
+  dispatchAsOwnUndoStep(view, tr.scrollIntoView());
+  return true;
+}
+function isComposing(view, event) {
+  if (event?.isComposing) return true;
+  return Boolean(view.composing);
+}
+function createCodeGroupInputPlugin(editor) {
+  return new Plugin({
+    key: codeGroupInputPluginKey,
+    props: {
+      // 草稿内原文插入：绕过所有输入规则
+      handleTextInput(view, from, to, text) {
+        if (!findCodeGroupDraft(view.state)) return false;
+        view.dispatch(view.state.tr.insertText(text, from, to));
+        return true;
+      },
+      handleKeyDown(view, event) {
+        if (event.key !== "Enter" || event.shiftKey || event.metaKey || event.ctrlKey || event.altKey)
+          return false;
+        if (isComposing(view, event)) return false;
+        const draft = findCodeGroupDraft(view.state);
+        if (!draft) return false;
+        const { $from } = view.state.selection;
+        if (draft.status === "complete" && $from.parentOffset === $from.parent.content.size) {
+          if (convertCodeGroupDraft(view, draft)) return true;
+        }
+        return editor.commands.splitBlock();
+      },
+      handlePaste(view, event) {
+        const { state } = view;
+        if (state.selection.$from.parent.type.name === "codeBlock") return false;
+        const data = event.clipboardData;
+        if (!data) return false;
+        if (view.input?.shiftKey) return false;
+        if (data.getData("text/html")) return false;
+        const text = data.getData("text/plain");
+        if (!text || !containsCompleteContainer(text)) return false;
+        const manager = editor.markdown;
+        if (!manager) return false;
+        let json;
+        try {
+          json = manager.parse(text.replace(/\r\n?/g, "\n"));
+        } catch {
+          return false;
+        }
+        if (!json.content?.length) return false;
+        stopYjsCapturing(view.state);
+        view.dispatch(closeHistory(view.state.tr));
+        const inserted = editor.commands.insertContentAt(
+          { from: state.selection.from, to: state.selection.to },
+          json.content,
+          { updateSelection: true }
+        );
+        stopYjsCapturing(view.state);
+        view.dispatch(closeHistory(view.state.tr));
+        return inserted;
+      }
+    }
+  });
+}
+var CodeGroupInput = Extension.create({
+  name: "codeGroupInput",
+  priority: 2e3,
+  addProseMirrorPlugins() {
+    return [createCodeGroupInputPlugin(this.editor)];
+  }
+});
+var containerInputPluginKey = new PluginKey("containerInput");
+var isContainer = (node) => CONTAINER_NODE_NAMES.includes(node.type.name);
+function buildContainerNode(schema, opener) {
+  const nodeName = CONTAINER_MARKDOWN_NAMES[opener.name];
+  if (!nodeName || !schema.nodes[nodeName]) return null;
+  const paragraph = schema.nodes.paragraph.create();
+  if (nodeName === "callout") {
+    return schema.nodes.callout.create(
+      { type: isCalloutType(opener.name) ? opener.name : "info", title: opener.info || null },
+      paragraph
+    );
+  }
+  if (nodeName === "details")
+    return schema.nodes.details.create({ title: opener.info || null }, paragraph);
+  const info = parseParamInfo(opener.info);
+  return schema.nodes.apiParam.create({ ...info, summary: null });
+}
+function paragraphSource(paragraph) {
+  let out = "";
+  paragraph.forEach((child) => {
+    if (!child.isText) return;
+    const text = child.text ?? "";
+    out += child.marks.some((m) => m.type.name === "code") ? `\`${text}\`` : text;
+  });
+  return out;
+}
+function convertOpenerParagraph(view) {
+  const { state } = view;
+  const { $from, empty } = state.selection;
+  if (!empty || $from.parent.type.name !== "paragraph") return false;
+  if ($from.parentOffset !== $from.parent.content.size) return false;
+  if (findCodeGroupDraft(state)) return false;
+  const opener = parseContainerOpener(paragraphSource($from.parent));
+  if (!opener) return false;
+  const node = buildContainerNode(state.schema, opener);
+  if (!node) return false;
+  const parent = $from.node(-1);
+  const index = $from.index(-1);
+  if (!parent.canReplaceWith(index, index + 1, node.type)) return false;
+  const from = $from.before();
+  const to = $from.after();
+  const trailing = state.schema.nodes.paragraph.create();
+  const tr = state.tr.replaceWith(
+    from,
+    to,
+    node.type.name === "apiParam" ? [node, trailing] : [node]
+  );
+  const cursor = node.type.name === "apiParam" ? from + node.nodeSize + 1 : from + 2;
+  tr.setSelection(TextSelection.create(tr.doc, cursor));
+  view.dispatch(closeHistory(tr).scrollIntoView());
+  if (node.type.name === "apiParam") {
+    queueMicrotask(() => {
+      if (view.isDestroyed) return;
+      const dom = view.nodeDOM(from);
+      dom?.querySelector('input[data-field="summary"]')?.focus();
+    });
+  }
+  return true;
+}
+function exitContainerOnEnter(view) {
+  const { state } = view;
+  const { $from, empty } = state.selection;
+  if (!empty || $from.depth < 2) return false;
+  const paragraph = $from.parent;
+  const container = $from.node(-1);
+  if (paragraph.type.name !== "paragraph" || !isContainer(container)) return false;
+  if (paragraph.content.size !== 0) return false;
+  if ($from.index(-1) !== container.childCount - 1) return false;
+  const containerPos = $from.before(-1);
+  const after = containerPos + container.nodeSize;
+  let tr = state.tr;
+  if (container.childCount > 1) tr = tr.delete($from.before(), $from.after());
+  const insertAt = tr.mapping.map(after);
+  tr = tr.insert(insertAt, state.schema.nodes.paragraph.create());
+  tr = tr.setSelection(TextSelection.create(tr.doc, insertAt + 1));
+  view.dispatch(tr.scrollIntoView());
+  return true;
+}
+function unwrapContainerOnBackspace(view) {
+  const { state } = view;
+  const { $from, empty } = state.selection;
+  if (!empty || $from.depth < 2 || $from.parentOffset !== 0) return false;
+  const paragraph = $from.parent;
+  const container = $from.node(-1);
+  if (paragraph.type.name !== "paragraph" || !isContainer(container)) return false;
+  if (container.childCount !== 1 || paragraph.content.size !== 0) return false;
+  const pos = $from.before(-1);
+  const tr = state.tr.replaceWith(pos, pos + container.nodeSize, container.content);
+  tr.setSelection(TextSelection.create(tr.doc, pos + 1));
+  view.dispatch(tr);
+  return true;
+}
+function isComposing2(view, event) {
+  return Boolean(event.isComposing) || Boolean(view.composing);
+}
+var ContainerInput = Extension.create({
+  name: "containerInput",
+  priority: 1500,
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: containerInputPluginKey,
+        props: {
+          handleKeyDown(view, event) {
+            if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return false;
+            if (isComposing2(view, event)) return false;
+            if (event.key === "Enter")
+              return convertOpenerParagraph(view) || exitContainerOnEnter(view);
+            if (event.key === "Backspace") return unwrapContainerOnBackspace(view);
+            return false;
+          }
+        }
+      })
+    ];
+  }
+});
+
+// src/components/tiptap-templates/notion-like/editor-content-config.ts
+function normalizeEditorContent(content, contentFormat, extensions, options = {}) {
+  const result = parseEditorContent(content, contentFormat, extensions);
+  if (!result.ok) {
+    (options.onError ?? defaultOnError)(result.error);
+    return null;
+  }
+  return result.json;
+}
+function defaultOnError(message) {
+  console.error(`[editor] 内容未载入：${message}`);
+}
+function isSameDocument(current, next) {
+  return JSON.stringify(current) === JSON.stringify(next);
+}
 var RESIZE_MIN_WIDTH = 35;
 var EMPTY_CELL_WIDTH = 120;
 var EMPTY_CELL_HEIGHT = 40;
@@ -12480,6 +14625,30 @@ var CodeBlockIcon = memo(({ className, ...props }) => {
   );
 });
 CodeBlockIcon.displayName = "CodeBlockIcon";
+var MessageSquareIcon = memo(({ className, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      className,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M5 5C4.73478 5 4.48043 5.10536 4.29289 5.29289C4.10536 5.48043 4 5.73478 4 6V19.5858L6.29289 17.2929C6.48043 17.1054 6.73478 17 7 17H19C19.2652 17 19.5196 16.8946 19.7071 16.7071C19.8946 16.5196 20 16.2652 20 16V6C20 5.73478 19.8946 5.48043 19.7071 5.29289C19.5196 5.10536 19.2652 5 19 5H5ZM2.87868 3.87868C3.44129 3.31607 4.20435 3 5 3H19C19.7957 3 20.5587 3.31607 21.1213 3.87868C21.6839 4.44129 22 5.20435 22 6V16C22 16.7957 21.6839 17.5587 21.1213 18.1213C20.5587 18.6839 19.7957 19 19 19H7.41421L3.70711 22.7071C3.42111 22.9931 2.99099 23.0787 2.61732 22.9239C2.24364 22.7691 2 22.4045 2 22V6C2 5.20435 2.31607 4.44129 2.87868 3.87868Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+});
+MessageSquareIcon.displayName = "MessageSquareIcon";
 var HeadingOneIcon = memo(({ className, ...props }) => {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -13272,6 +15441,27 @@ var texts = {
     badge: CodeBlockIcon,
     group: "样式"
   },
+  callout: {
+    title: "提示框",
+    subtext: "信息 / 提示 / 注意 / 危险",
+    keywords: ["callout", "note", "tip", "warning", "提示", "注意", "警告"],
+    badge: MessageSquareIcon,
+    group: "样式"
+  },
+  details: {
+    title: "折叠块",
+    subtext: "带标题的可折叠内容",
+    keywords: ["details", "toggle", "collapse", "折叠"],
+    badge: ChevronRightIcon,
+    group: "样式"
+  },
+  api_param: {
+    title: "参数",
+    subtext: "API 参数行（名字 / 类型 / 必选 / 默认值）",
+    keywords: ["param", "parameter", "api", "参数"],
+    badge: ListIndentedIcon,
+    group: "样式"
+  },
   // Insert
   mention: {
     title: "提及",
@@ -13433,6 +15623,27 @@ var getItemImplementations = () => {
         editor.chain().focus().toggleNode("codeBlock", "paragraph").run();
       }
     },
+    callout: {
+      check: (editor) => isNodeInSchema("callout", editor),
+      action: ({ editor }) => {
+        editor.chain().focus().insertContent({ type: "callout", attrs: { type: "info", title: null }, content: [{ type: "paragraph" }] }).run();
+      }
+    },
+    details: {
+      check: (editor) => isNodeInSchema("details", editor),
+      action: ({ editor }) => {
+        editor.chain().focus().insertContent({ type: "details", attrs: { title: null }, content: [{ type: "paragraph" }] }).run();
+      }
+    },
+    api_param: {
+      check: (editor) => isNodeInSchema("apiParam", editor),
+      action: ({ editor }) => {
+        editor.chain().focus().insertContent([
+          { type: "apiParam", attrs: { name: "", type: null, required: false, default: null, summary: null } },
+          { type: "paragraph" }
+        ]).run();
+      }
+    },
     // Insert
     mention: {
       check: (editor) => isExtensionAvailable(editor, ["mention", "mentionAdvanced"]),
@@ -20892,7 +23103,6 @@ var Indent = Extension.create({
     };
   }
 });
-var lowlight = createLowlight(common);
 function LoadingSpinner({ text = "Connecting..." }) {
   return /* @__PURE__ */ jsx("div", { className: "spinner-container", children: /* @__PURE__ */ jsxs("div", { className: "spinner-content", children: [
     /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
@@ -20936,6 +23146,8 @@ function EditorProvider(props) {
     ydoc,
     placeholder = "开始书写...",
     content,
+    contentFormat,
+    codeBlock: codeBlockOptions,
     readOnly = false,
     hideHeader = false,
     embedded = false,
@@ -20962,178 +23174,196 @@ function EditorProvider(props) {
   const videoMaxSize = resolveMaxSize("video", editorConfig?.upload);
   const audioMaxSize = resolveMaxSize("audio", editorConfig?.upload);
   const fileMaxSize = resolveMaxSize("file", editorConfig?.upload);
+  const extensions = [
+    StarterKit.configure({
+      undoRedo: false,
+      horizontalRule: false,
+      // 关掉 StarterKit 自带的纯 codeBlock，换成 Shiki 高亮 + 分组的版本
+      codeBlock: false,
+      dropcursor: {
+        width: 2
+      },
+      link: { openOnClick: false }
+    }),
+    // 代码块 / 分组 / 高亮 / Markdown / 直接输入：顺序固定，且在协同与 UniqueID 之前
+    CodeBlockExtension,
+    CodeGroupExtension,
+    CodeHighlight.configure(codeBlockOptions ?? {}),
+    createMarkdownExtension(),
+    CodeGroupInput,
+    // 提示框 / 折叠块 / API 参数：与代码分组同一套容器语法与折叠机制
+    CalloutExtension,
+    DetailsExtension,
+    ApiParamExtension,
+    ContainerInput,
+    HorizontalRule,
+    TextAlign.configure({ types: ["heading", "paragraph"] }),
+    // Collaboration 可以无 provider 运行（仅操作本地 yjs doc），CollaborationCaret
+    // 强依赖 provider.awareness，没 provider 时不挂以避免 runtime 崩。
+    Collaboration.configure({ document: ydoc }),
+    ...provider ? [
+      CollaborationCaret.configure({
+        provider,
+        user: { id: user.id, name: user.name, color: user.color }
+      })
+    ] : [],
+    Placeholder.configure({
+      placeholder,
+      emptyNodeClass: "is-empty with-slash"
+    }),
+    Mention,
+    Emoji.configure({
+      emojis: gitHubEmojis.filter(
+        (emoji) => !emoji.name.includes("regional")
+      ),
+      forceFallbackImages: true
+    }),
+    TableKit.configure({
+      table: {
+        resizable: true,
+        cellMinWidth: 120
+      }
+    }),
+    NodeBackground.configure({
+      types: [
+        "paragraph",
+        "heading",
+        "blockquote",
+        "taskList",
+        "bulletList",
+        "orderedList",
+        "tableCell",
+        "tableHeader",
+        "tocNode"
+      ]
+    }),
+    NodeAlignment,
+    // 行距 / 段前段后距：Word 把它们挂在每个段落上，导入时没有对应属性就会
+    // 整篇塌回编辑器的统一边距，原文的疏密节奏全丢。
+    BlockSpacing.configure({
+      types: ["paragraph", "heading", "blockquote"]
+    }),
+    TextStyle,
+    // 字号与字体是 textStyle 上的属性。不注册这两个扩展，schema 里就没有
+    // fontSize / fontFamily，ProseMirror 会**静默丢弃**这两个属性 ——
+    // 表现是 docx 导入后全文一个字号（见 docx/parse.ts 的 fmtToMarks）。
+    FontSize,
+    FontFamily,
+    Mathematics,
+    Superscript,
+    Subscript,
+    Indent,
+    Color,
+    TaskList,
+    TaskItem.configure({ nested: true }),
+    Highlight.configure({ multicolor: true }),
+    Selection$1,
+    Image,
+    TableOfContents.configure({
+      getIndex: getHierarchicalIndexes,
+      // 见 resolveScrollParent 的说明：默认的 window 在「内层 div 滚动」的宿主里收不到事件
+      scrollParent: resolveScrollParent,
+      onUpdate(content2) {
+        setTocContent(content2);
+      }
+    }),
+    TableHandleExtension,
+    ListNormalizationExtension,
+    ImageUploadNode2.configure({
+      accept: "image/*",
+      maxSize: imageMaxSize,
+      limit: 3,
+      upload: onUpload,
+      onError: onUploadError
+    }),
+    Video,
+    Audio,
+    FileAttachment,
+    MediaUploadPlaceholder,
+    Columns,
+    Column,
+    // 编辑器整面：粘贴/拖拽 文件 → 自动按 mime 分发到 image/video/audio/fileAttachment 节点；
+    // 拖拽外链图片 → XHR rehost 到自家 CDN
+    PasteDropMedia.configure({
+      upload: onUpload,
+      maxFileSizes: {
+        image: imageMaxSize,
+        video: videoMaxSize,
+        audio: audioMaxSize,
+        file: fileMaxSize
+      },
+      rehostExternalUrls: true,
+      onError: onUploadError,
+      onRehostProgress
+    }),
+    UniqueID.configure({
+      /**
+       * 带稳定 id 的节点类型 —— 也就是 AI 能直接寻址的那些（见 doc-runtime）。
+       *
+       * 原本只配了上面 9 种块级类型，于是 listItem / taskItem / tableCell /
+       * columns / column / image 这些**结构**节点全都没 id：AI 能读到它们，
+       * 却没法指着其中一个说「改这个」。doc_modify_nodes 的 modify 要求
+       * litexml 带 id，所以「把第 3 个列表项加粗」「把这张图换掉」
+       * 「改这个单元格的底色」在旧配置下根本表达不出来。
+       *
+       * 代价是每个此类节点在文档里多一个 id 属性（大表格尤其明显）。
+       * 拿可寻址性换体积，这笔是划算的 —— 寻址不了的能力等于没有。
+       */
+      types: [
+        // 块级容器
+        "paragraph",
+        "heading",
+        "blockquote",
+        "codeBlock",
+        "codeGroup",
+        "callout",
+        "details",
+        "apiParam",
+        "tocNode",
+        // 列表：容器和条目都要，否则改不了单条
+        "bulletList",
+        "orderedList",
+        "listItem",
+        "taskList",
+        "taskItem",
+        // 表格：结构性改动走 (tableId,row,col)，但改单元格属性只能靠 id
+        "table",
+        "tableCell",
+        "tableHeader",
+        // 分栏
+        "columns",
+        "column",
+        // 媒体
+        "image",
+        "video",
+        "audio",
+        "fileAttachment"
+      ],
+      filterTransaction: (transaction) => !isChangeOrigin(transaction)
+    }),
+    Typography,
+    UiState,
+    TocNode.configure({
+      topOffset: 48
+    }),
+    // 业务方注入的扩展放在最后，可覆盖同名配置
+    ...extraExtensions ?? []
+  ];
+  const [initialContent] = useState(
+    () => provider ? void 0 : normalizeEditorContent(content, contentFormat, extensions) ?? void 0
+  );
   const editor = useEditor({
     immediatelyRender: false,
     // 只读模式：禁用编辑。扩展集保持不变，自定义节点仍走各自 NodeView 渲染
     editable: !readOnly,
     // 仅本地编辑模式（无 provider）下用 content 作初始值；协同模式让 yjs sync 接管
-    content: provider ? void 0 : content,
+    content: initialContent,
     editorProps: {
       attributes: {
         class: "notion-like-editor"
       }
     },
-    extensions: [
-      StarterKit.configure({
-        undoRedo: false,
-        horizontalRule: false,
-        // 关掉 StarterKit 自带的纯 codeBlock，换成带 lowlight 语法高亮的版本
-        codeBlock: false,
-        dropcursor: {
-          width: 2
-        },
-        link: { openOnClick: false }
-      }),
-      CodeBlockLowlight.configure({ lowlight }),
-      HorizontalRule,
-      TextAlign.configure({ types: ["heading", "paragraph"] }),
-      // Collaboration 可以无 provider 运行（仅操作本地 yjs doc），CollaborationCaret
-      // 强依赖 provider.awareness，没 provider 时不挂以避免 runtime 崩。
-      Collaboration.configure({ document: ydoc }),
-      ...provider ? [
-        CollaborationCaret.configure({
-          provider,
-          user: { id: user.id, name: user.name, color: user.color }
-        })
-      ] : [],
-      Placeholder.configure({
-        placeholder,
-        emptyNodeClass: "is-empty with-slash"
-      }),
-      Mention,
-      Emoji.configure({
-        emojis: gitHubEmojis.filter(
-          (emoji) => !emoji.name.includes("regional")
-        ),
-        forceFallbackImages: true
-      }),
-      TableKit.configure({
-        table: {
-          resizable: true,
-          cellMinWidth: 120
-        }
-      }),
-      NodeBackground.configure({
-        types: [
-          "paragraph",
-          "heading",
-          "blockquote",
-          "taskList",
-          "bulletList",
-          "orderedList",
-          "tableCell",
-          "tableHeader",
-          "tocNode"
-        ]
-      }),
-      NodeAlignment,
-      // 行距 / 段前段后距：Word 把它们挂在每个段落上，导入时没有对应属性就会
-      // 整篇塌回编辑器的统一边距，原文的疏密节奏全丢。
-      BlockSpacing.configure({
-        types: ["paragraph", "heading", "blockquote"]
-      }),
-      TextStyle,
-      // 字号与字体是 textStyle 上的属性。不注册这两个扩展，schema 里就没有
-      // fontSize / fontFamily，ProseMirror 会**静默丢弃**这两个属性 ——
-      // 表现是 docx 导入后全文一个字号（见 docx/parse.ts 的 fmtToMarks）。
-      FontSize,
-      FontFamily,
-      Mathematics,
-      Superscript,
-      Subscript,
-      Indent,
-      Color,
-      TaskList,
-      TaskItem.configure({ nested: true }),
-      Highlight.configure({ multicolor: true }),
-      Selection$1,
-      Image,
-      TableOfContents.configure({
-        getIndex: getHierarchicalIndexes,
-        // 见 resolveScrollParent 的说明：默认的 window 在「内层 div 滚动」的宿主里收不到事件
-        scrollParent: resolveScrollParent,
-        onUpdate(content2) {
-          setTocContent(content2);
-        }
-      }),
-      TableHandleExtension,
-      ListNormalizationExtension,
-      ImageUploadNode2.configure({
-        accept: "image/*",
-        maxSize: imageMaxSize,
-        limit: 3,
-        upload: onUpload,
-        onError: onUploadError
-      }),
-      Video,
-      Audio,
-      FileAttachment,
-      MediaUploadPlaceholder,
-      Columns,
-      Column,
-      // 编辑器整面：粘贴/拖拽 文件 → 自动按 mime 分发到 image/video/audio/fileAttachment 节点；
-      // 拖拽外链图片 → XHR rehost 到自家 CDN
-      PasteDropMedia.configure({
-        upload: onUpload,
-        maxFileSizes: {
-          image: imageMaxSize,
-          video: videoMaxSize,
-          audio: audioMaxSize,
-          file: fileMaxSize
-        },
-        rehostExternalUrls: true,
-        onError: onUploadError,
-        onRehostProgress
-      }),
-      UniqueID.configure({
-        /**
-         * 带稳定 id 的节点类型 —— 也就是 AI 能直接寻址的那些（见 doc-runtime）。
-         *
-         * 原本只配了上面 9 种块级类型，于是 listItem / taskItem / tableCell /
-         * columns / column / image 这些**结构**节点全都没 id：AI 能读到它们，
-         * 却没法指着其中一个说「改这个」。doc_modify_nodes 的 modify 要求
-         * litexml 带 id，所以「把第 3 个列表项加粗」「把这张图换掉」
-         * 「改这个单元格的底色」在旧配置下根本表达不出来。
-         *
-         * 代价是每个此类节点在文档里多一个 id 属性（大表格尤其明显）。
-         * 拿可寻址性换体积，这笔是划算的 —— 寻址不了的能力等于没有。
-         */
-        types: [
-          // 块级容器
-          "paragraph",
-          "heading",
-          "blockquote",
-          "codeBlock",
-          "tocNode",
-          // 列表：容器和条目都要，否则改不了单条
-          "bulletList",
-          "orderedList",
-          "listItem",
-          "taskList",
-          "taskItem",
-          // 表格：结构性改动走 (tableId,row,col)，但改单元格属性只能靠 id
-          "table",
-          "tableCell",
-          "tableHeader",
-          // 分栏
-          "columns",
-          "column",
-          // 媒体
-          "image",
-          "video",
-          "audio",
-          "fileAttachment"
-        ],
-        filterTransaction: (transaction) => !isChangeOrigin(transaction)
-      }),
-      Typography,
-      UiState,
-      TocNode.configure({
-        topOffset: 48
-      }),
-      // 业务方注入的扩展放在最后，可覆盖同名配置
-      ...extraExtensions ?? []
-    ]
+    extensions
   });
   useEffect(() => {
     if (!editor) return;
@@ -21157,18 +23387,18 @@ function EditorProvider(props) {
     if (provider) return;
     if (!editor) return;
     if (content === void 0 || content === null || content === "") return;
-    const currentJson = JSON.stringify(editor.getJSON());
-    const nextJson = typeof content === "string" ? null : JSON.stringify(content);
-    if (nextJson && nextJson === currentJson) return;
+    const next = normalizeEditorContent(content, contentFormat, editor.extensionManager.extensions);
+    if (!next) return;
+    if (isSameDocument(editor.getJSON(), next)) return;
     let cancelled = false;
     queueMicrotask(() => {
       if (cancelled || editor.isDestroyed) return;
-      editor.commands.setContent(content);
+      editor.commands.setContent(next, { emitUpdate: false });
     });
     return () => {
       cancelled = true;
     };
-  }, [content, editor, provider]);
+  }, [content, contentFormat, editor, provider]);
   useEffect(() => {
     if (!editor) return;
     onEditorReady?.(editor);
@@ -21211,6 +23441,8 @@ function NotionEditor({
   room,
   placeholder = "开始书写...",
   content,
+  contentFormat,
+  codeBlock,
   readOnly = false,
   hideHeader = false,
   onEditorReady,
@@ -21221,6 +23453,8 @@ function NotionEditor({
     {
       placeholder,
       content,
+      contentFormat,
+      codeBlock,
       readOnly,
       hideHeader,
       onEditorReady,
@@ -21231,6 +23465,8 @@ function NotionEditor({
 function NotionEditorContent({
   placeholder,
   content,
+  contentFormat,
+  codeBlock,
   readOnly = false,
   hideHeader = false,
   onEditorReady,
@@ -21250,6 +23486,8 @@ function NotionEditorContent({
       ydoc,
       placeholder,
       content,
+      contentFormat,
+      codeBlock,
       readOnly,
       hideHeader,
       onEditorReady,
@@ -21257,7 +23495,7 @@ function NotionEditorContent({
     }
   );
 }
-function ArticleViewer({ content, placeholder = "" }) {
+function ArticleViewer({ content, contentFormat, codeBlock, placeholder = "" }) {
   const ydoc = useMemo(() => new Doc(), []);
   return /* @__PURE__ */ jsx(UserProvider, { children: /* @__PURE__ */ jsx(TocProvider, { children: /* @__PURE__ */ jsx(
     EditorProvider,
@@ -21266,12 +23504,14 @@ function ArticleViewer({ content, placeholder = "" }) {
       ydoc,
       placeholder,
       content,
+      contentFormat,
+      codeBlock,
       readOnly: true,
       embedded: true
     }
   ) }) });
 }
 
-export { ArticleViewer, Audio, CollabContext, CollabProvider, Column, Columns, DEFAULT_MAX_FILE_SIZES, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditorConfigProvider, EditorContentArea, EditorProvider, FileAttachment, FloatingElement, HIDE_FLOATING_META, LoadingSpinner, MediaUploadButton, MediaUploadPlaceholder, NotionEditor, NotionEditorContent, PasteDropMedia, Separator, Spacer, Toolbar, ToolbarGroup, ToolbarSeparator, UiState, UserContext, UserProvider, Video, defaultUiState, detectMediaKind, findSelectionPosition, hasContentAbove, markHideFloatingOnNext, pickFile, resolveMaxSize, runMediaUpload, selectNodeAndHideFloating, useCollab, useCollaboration, useComposedRef, useCursorVisibility, useEditorConfig, useElementRect, useFloatingElement, useFloatingToolbarVisibility, useIsBreakpoint, useIsomorphicLayoutEffect, useMenuNavigation, useOnClickOutside, useThrottledCallback, useUiEditorState, useUnmount, useUser, useWindowSize, use_ui_editor_state_default };
-//# sourceMappingURL=chunk-IUDLMN53.js.map
-//# sourceMappingURL=chunk-IUDLMN53.js.map
+export { ApiParamExtension, ArticleViewer, Audio, CalloutExtension, CodeBlockExtension, CodeGroupExtension, CollabContext, CollabProvider, Column, Columns, DEFAULT_MAX_FILE_SIZES, DetailsExtension, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditorConfigProvider, EditorContentArea, EditorProvider, FileAttachment, FloatingElement, HIDE_FLOATING_META, LoadingSpinner, MediaUploadButton, MediaUploadPlaceholder, NotionEditor, NotionEditorContent, PasteDropMedia, Separator, Spacer, Toolbar, ToolbarGroup, ToolbarSeparator, UiState, UserContext, UserProvider, Video, defaultUiState, detectMediaKind, findSelectionPosition, getEditorMarkdown, hasContentAbove, markHideFloatingOnNext, parseEditorContent, pickFile, renderHighlightedHTML, resolveMaxSize, runMediaUpload, selectNodeAndHideFloating, serializeEditorMarkdown, useCollab, useCollaboration, useComposedRef, useCursorVisibility, useEditorConfig, useElementRect, useFloatingElement, useFloatingToolbarVisibility, useIsBreakpoint, useIsomorphicLayoutEffect, useMenuNavigation, useOnClickOutside, useThrottledCallback, useUiEditorState, useUnmount, useUser, useWindowSize, use_ui_editor_state_default };
+//# sourceMappingURL=chunk-SGLNT6Z2.js.map
+//# sourceMappingURL=chunk-SGLNT6Z2.js.map