wendang-react 0.0.0-stage → 0.5.5

package/dist/document.js

@@ -0,0 +1,3620 @@
+"use client";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { getMarkRange, Editor, getSchema } from "@tiptap/core";
+import { TextSelection, Selection, NodeSelection } from "@tiptap/pm/state";
+import { createPortal } from "react-dom";
+import { useRef, useState, useLayoutEffect, useEffect, useMemo, useId, forwardRef, useCallback, useImperativeHandle } from "react";
+import { ContentSchemaService, requiredSchemaVersion, SCHEMA_VERSION } from "wendang/schema";
+import { safeHref, TEXT_COLORS, HIGHLIGHT_COLORS, documentColorAttributes, parseVideoUrl } from "wendang/shared";
+import { b as buildColumnsJson, d as dismissSlash, u as unwrapCallout, h as highlightMenuBlock, T as TEXT_ALIGNS, c as currentTableCellPosition, r as readTableGeometry, t as tableHeaderActive, a as tablePositionAtCell, s as selectTableAxis, i as insertTableBoundary, e as CELL_ALIGNS, f as cellPositionAtDOM, g as selectTableCell, j as clippedTableSelection, k as tableSelectionMarkActive, l as setTableSelectionMark, m as setTableHeaderBackground, n as currentCellRect, o as setColumnWidth, p as autoFitColumn, q as distributeTableColumns, v as getSelectedBlocks, B as BlockRangeSelection, w as setBlockRangeSelection, x as setImageRangeSelection, y as pastedImageFiles, z as pastedRemoteImageUrls, A as coreExtensions, D as refreshInlineComments, E as addUploadPlaceholder, F as currentPlaceholderPos, G as insertUploadedBlock, H as removeUploadPlaceholder, I as replacePlaceholderWithNode } from "./chunks/extensions-B-CVVQhp.js";
+import { C } from "./chunks/extensions-B-CVVQhp.js";
+import { a as useContentContext, p as primeAttachment, u as unavailableAttachment } from "./chunks/host-C-V688Rq.js";
+import { c as createMindMapController } from "./chunks/mind-map-controller-B6SxK3GZ.js";
+import { M as MindMapBlock } from "./chunks/MindMapViewer-DqKu_Kuz.js";
+import { p as previewItemsFrom, I as ImagePreview, V as VideoView } from "./chunks/mind-topic-text-BBNTbFSe.js";
+import { u as useLatest, a as useReady, b as asError } from "./chunks/hooks-C53Dp0pr.js";
+import { W as WButton, b as WIcon, l as lockScroll, t as trapTab, c as WDialog } from "./chunks/index-Ii536CFG.js";
+import { p as placeAnchoredPopover } from "./chunks/popover-placement-D3xVYdkt.js";
+import { A, a, b } from "./chunks/popover-placement-D3xVYdkt.js";
+import { isSafeHref } from "wendang/internal/safe-href";
+import { createMindMap } from "wendang/internal/mind-map";
+import { s as shouldIgnoreForIme } from "./chunks/composition-state-Bl-U1R_2.js";
+import { DOMSerializer, Fragment as Fragment$1 } from "@tiptap/pm/model";
+import { createTable } from "@tiptap/extension-table";
+import { createMindMap as createMindMap$1 } from "wendang/mindmap";
+import { closeHistory } from "@tiptap/pm/history";
+import { yUndoPluginKey, ySyncPluginKey } from "@tiptap/y-tiptap";
+import { CellSelection, TableMap } from "@tiptap/pm/tables";
+import { CELL_BACKGROUNDS } from "wendang/internal/table-cell-format";
+import { r as rankPages } from "./chunks/fuzzy-match-DYQR-4w2.js";
+import { inspectVideoUrl, VIDEO_PROVIDER_LABELS, videoSourceUrl } from "wendang/internal/video-embed";
+function linkHrefProblem(value) {
+  const href = value.trim();
+  if (!href) return "请输入链接地址。";
+  if (href.length > 2048 || /[\u0000-\u0020\u007f]/.test(href) || !isSafeHref(href)) {
+    return "请输入有效的网页、邮箱或站内链接。";
+  }
+  if (/^https?:/i.test(href)) {
+    try {
+      const url = new URL(href);
+      if (!/^https?:\/\//i.test(href) || !url.hostname) return "请输入完整的网址，例如 https://example.com。";
+    } catch {
+      return "请输入完整的网址，例如 https://example.com。";
+    }
+  }
+  if (/^mailto:$/i.test(href)) return "请输入完整的邮箱链接，例如 mailto:name@example.com。";
+  return "";
+}
+function createLinkEditTarget(state, selection = state.selection) {
+  if (!(selection instanceof TextSelection)) return null;
+  const link = state.schema.marks.link;
+  if (!link) return null;
+  let { from, to } = selection;
+  const range = getMarkRange(selection.$from, link);
+  if (range && to <= range.to) ({ from, to } = range);
+  if (from === to) return null;
+  let href = "";
+  state.doc.nodesBetween(from, to, (node) => {
+    var _a;
+    const value = (_a = node.marks.find((mark) => mark.type === link)) == null ? void 0 : _a.attrs.href;
+    if (!href && typeof value === "string") href = value;
+  });
+  return {
+    from,
+    to,
+    valid: true,
+    href,
+    hasLink: state.doc.rangeHasMark(from, to, link),
+    contentJSON: JSON.stringify(state.doc.slice(from, to).toJSON())
+  };
+}
+function linkEditTargetCurrent(state, target) {
+  return target.valid && target.from < target.to && target.from >= 0 && target.to <= state.doc.content.size && JSON.stringify(state.doc.slice(target.from, target.to).toJSON()) === target.contentJSON;
+}
+function LinkPopover({ target, onEdit, onSave, onRemove, onClose }) {
+  const { portal } = useContentContext(), root = useRef(null);
+  const [value, setValue] = useState(target.href), [error, setError] = useState(""), [geometry, setGeometry] = useState({ left: target.anchor.left, top: target.anchor.top + target.anchor.height + 8 });
+  useLayoutEffect(() => {
+    const measure = () => {
+      var _a;
+      const rect = (_a = root.current) == null ? void 0 : _a.getBoundingClientRect();
+      if (!rect) return;
+      setGeometry(placeAnchoredPopover({ align: target.mode === "preview" ? "center" : "start", prefer: target.mode === "preview" ? "above" : "below", anchor: target.anchor, host: { left: 0, top: 0 }, card: rect, bounds: { left: 0, top: 0, width: innerWidth, height: innerHeight } }));
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    if (root.current) observer.observe(root.current);
+    return () => observer.disconnect();
+  }, [target.mode, target.anchor, portal]);
+  useEffect(() => {
+    const outside = (event) => {
+      var _a;
+      if (event.target instanceof Node && !((_a = root.current) == null ? void 0 : _a.contains(event.target))) onClose();
+    };
+    const escape = (event) => {
+      if (event.key === "Escape") {
+        event.stopPropagation();
+        onClose();
+      }
+    };
+    document.addEventListener("pointerdown", outside);
+    document.addEventListener("keydown", escape);
+    window.addEventListener("scroll", onClose, true);
+    return () => {
+      document.removeEventListener("pointerdown", outside);
+      document.removeEventListener("keydown", escape);
+      window.removeEventListener("scroll", onClose, true);
+    };
+  }, []);
+  useEffect(() => {
+    if (target.mode !== "preview") return;
+    let timer;
+    const move = (event) => {
+      var _a;
+      const a2 = target.anchor;
+      const inside = ((_a = root.current) == null ? void 0 : _a.contains(event.target)) || event.clientX >= a2.left - 5 && event.clientX <= a2.left + a2.width + 5 && event.clientY >= a2.top - 5 && event.clientY <= a2.top + a2.height + 5;
+      if (inside) {
+        clearTimeout(timer);
+        timer = void 0;
+      } else if (!timer) timer = setTimeout(onClose, 180);
+    };
+    document.addEventListener("mousemove", move);
+    return () => {
+      clearTimeout(timer);
+      document.removeEventListener("mousemove", move);
+    };
+  }, [target.mode, target.anchor, onClose]);
+  if (!portal) return null;
+  return createPortal(/* @__PURE__ */ jsx("div", { ref: root, className: "wr-link-popover", style: geometry, role: target.mode === "edit" ? "dialog" : "toolbar", "aria-label": target.mode === "edit" ? "编辑链接" : "链接预览", children: target.mode === "preview" ? /* @__PURE__ */ jsxs("div", { className: "wr-toolbar", children: [
+    /* @__PURE__ */ jsx("a", { href: safeHref(target.href), target: "_blank", rel: "noopener noreferrer", children: target.href }),
+    /* @__PURE__ */ jsx(WButton, { onClick: onEdit, children: "编辑链接" }),
+    /* @__PURE__ */ jsx(WButton, { onClick: onRemove, children: "取消链接" })
+  ] }) : /* @__PURE__ */ jsxs("form", { onSubmit: (event) => {
+    event.preventDefault();
+    const problem = linkHrefProblem(value);
+    if (problem) {
+      setError(problem);
+      return;
+    }
+    onSave(value.trim());
+  }, children: [
+    /* @__PURE__ */ jsxs("div", { className: "wr-toolbar", children: [
+      /* @__PURE__ */ jsx("input", { autoFocus: true, "aria-label": "链接地址", value, onChange: (event) => {
+        setValue(event.target.value);
+        setError("");
+      }, placeholder: "粘贴或输入链接" }),
+      /* @__PURE__ */ jsx(WButton, { htmlType: "submit", children: "确认" }),
+      /* @__PURE__ */ jsx(WButton, { onClick: onRemove, children: "取消链接" })
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", children: error })
+  ] }) }), portal);
+}
+function DocumentColorPanel({ textColor, highlightColor, onTextColor, onHighlightColor, onReset, onClose }) {
+  return /* @__PURE__ */ jsxs("div", { className: "document-color-panel", role: "group", "aria-label": "文档颜色", onMouseDown: (event) => event.preventDefault(), children: [
+    /* @__PURE__ */ jsxs("div", { className: "color-section", children: [
+      /* @__PURE__ */ jsx("div", { className: "color-label", children: "字体颜色" }),
+      /* @__PURE__ */ jsx("div", { className: "color-grid", role: "group", "aria-label": "字体颜色", children: TEXT_COLORS.map((color) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `color-choice${textColor === color.value ? " selected" : ""}`,
+          "aria-label": `字体颜色：${color.name}`,
+          title: `字体颜色：${color.name}`,
+          "aria-pressed": textColor === color.value,
+          onClick: () => onTextColor(color.value),
+          children: /* @__PURE__ */ jsx("span", { className: "font-sample", style: textColorStyle(color.value), children: "A" })
+        },
+        color.name
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "color-section", children: [
+      /* @__PURE__ */ jsx("div", { className: "color-label", children: "背景颜色" }),
+      /* @__PURE__ */ jsx("div", { className: "color-grid", role: "group", "aria-label": "背景颜色", children: HIGHLIGHT_COLORS.map((color) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `color-choice background-choice${highlightColor === color.value ? " selected" : ""}${color.value === null ? " no-background" : ""}`,
+          style: color.value ? { background: color.value } : void 0,
+          "aria-label": `背景颜色：${color.name}`,
+          title: `背景颜色：${color.name}`,
+          "aria-pressed": highlightColor === color.value,
+          onClick: () => onHighlightColor(color.value),
+          children: color.value === null && /* @__PURE__ */ jsx("span", { className: "clear-stroke", "aria-hidden": "true" })
+        },
+        color.name
+      )) })
+    ] }),
+    /* @__PURE__ */ jsx(WButton, { variant: "outline", block: true, onClick: onReset, children: "恢复默认" }),
+    onClose && /* @__PURE__ */ jsx(WButton, { variant: "text", block: true, onClick: onClose, children: "关闭" })
+  ] });
+}
+function textColorStyle(value) {
+  const css = documentColorAttributes("text", value).style;
+  if (!css) return {};
+  const index = css.indexOf(":");
+  return { color: css.slice(index + 1).trim() };
+}
+function SelectionToolbar({ editor, x, y, canComment, onRequestComment, onRequestLink, onRemoveLink }) {
+  const [panel, setPanel] = useState("none");
+  const active = (name) => editor.isActive(name);
+  const textColor = typeof editor.getAttributes("textStyle").color === "string" ? editor.getAttributes("textStyle").color : null;
+  const highlight = typeof editor.getAttributes("highlight").color === "string" ? editor.getAttributes("highlight").color : null;
+  const hasLink = active("link") || (() => {
+    const { from, to } = editor.state.selection;
+    try {
+      return editor.state.doc.rangeHasMark(from, to, editor.schema.marks.link);
+    } catch {
+      return false;
+    }
+  })();
+  const chain = () => editor.chain().focus();
+  function toggleMark(name) {
+    const c = chain();
+    if (name === "bold") c.toggleBold().run();
+    else if (name === "italic") c.toggleItalic().run();
+    else if (name === "strike") c.toggleStrike().run();
+    else if (name === "underline") c.toggleUnderline().run();
+    else c.toggleCode().run();
+    setPanel("none");
+  }
+  const marks = [
+    { name: "bold", icon: "bold", label: "加粗" },
+    { name: "italic", icon: "italic", label: "斜体" },
+    { name: "strike", icon: "strike", label: "删除线" },
+    { name: "underline", icon: "underline", label: "下划线" },
+    { name: "code", icon: "inline-code", label: "行内代码" }
+  ];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "sel-toolbar",
+      role: "toolbar",
+      "aria-label": "文字格式",
+      style: { left: x, top: y },
+      onMouseDown: (event) => event.preventDefault(),
+      children: [
+        marks.map((mark) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `tb-btn${active(mark.name) ? " on" : ""}`,
+            "aria-label": mark.label,
+            "aria-pressed": active(mark.name),
+            title: mark.label,
+            onClick: () => toggleMark(mark.name),
+            children: /* @__PURE__ */ jsx(WIcon, { name: mark.icon, size: 20 })
+          },
+          mark.name
+        )),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `tb-btn${hasLink ? " on" : ""}`,
+            "aria-label": hasLink ? "编辑链接" : "添加链接",
+            title: hasLink ? "编辑链接" : "添加链接",
+            "aria-haspopup": "dialog",
+            onClick: () => onRequestLink == null ? void 0 : onRequestLink(),
+            children: /* @__PURE__ */ jsx(WIcon, { name: "format-link", size: 20 })
+          }
+        ),
+        hasLink && /* @__PURE__ */ jsx("button", { type: "button", className: "tb-btn", "aria-label": "取消链接", title: "取消链接", onClick: () => onRemoveLink == null ? void 0 : onRemoveLink(), children: /* @__PURE__ */ jsx(WIcon, { name: "unlink", size: 20 }) }),
+        /* @__PURE__ */ jsx("span", { className: "tb-sep", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs("div", { className: "tb-color-wrap", children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: `tb-btn${panel === "color" ? " on" : ""}`,
+              title: "文字与背景颜色",
+              "aria-label": "文字与背景颜色",
+              "aria-expanded": panel === "color",
+              onClick: () => setPanel(panel === "color" ? "none" : "color"),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "color-letter", style: colorLetterStyle(textColor), children: "A" }),
+                /* @__PURE__ */ jsx(WIcon, { name: "chevron-down", size: 12, className: "tb-caret" })
+              ]
+            }
+          ),
+          panel === "color" && /* @__PURE__ */ jsx("div", { className: "tb-panel", children: /* @__PURE__ */ jsx(
+            DocumentColorPanel,
+            {
+              textColor,
+              highlightColor: highlight,
+              onTextColor: (value) => {
+                const c = chain();
+                value ? c.setMark("textStyle", { color: value }).run() : c.unsetMark("textStyle").run();
+              },
+              onHighlightColor: (value) => {
+                const c = chain();
+                value ? c.setMark("highlight", { color: value }).run() : c.unsetMark("highlight").run();
+              },
+              onReset: () => {
+                chain().unsetMark("textStyle").unsetMark("highlight").run();
+                setPanel("none");
+              },
+              onClose: () => setPanel("none")
+            }
+          ) })
+        ] }),
+        canComment && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "tb-sep", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "tb-btn", "aria-label": "评论选中的文字", title: "评论选中的文字", onClick: () => onRequestComment == null ? void 0 : onRequestComment(), children: /* @__PURE__ */ jsx(WIcon, { name: "comment", size: 20 }) })
+        ] })
+      ]
+    }
+  );
+}
+function colorLetterStyle(value) {
+  const data = documentColorAttributes("text", value);
+  const css = data.style;
+  if (!css) return {};
+  const index = css.indexOf(":");
+  return { [css.slice(0, index).trim()]: css.slice(index + 1).trim() };
+}
+const MAX_GRID = 8;
+const MIN_GRID = 1;
+const MAX_COLUMN_COUNT = 5;
+function buildGridCells(hoverRows, hoverCols) {
+  const cells = [];
+  for (let row = 1; row <= MAX_GRID; row += 1) {
+    for (let col = 1; col <= MAX_GRID; col += 1) {
+      cells.push({ row, col, on: row <= hoverRows && col <= hoverCols });
+    }
+  }
+  return cells;
+}
+function clampGrid(value) {
+  const n = Math.floor(Number(value));
+  if (Number.isNaN(n)) return MIN_GRID;
+  return Math.min(Math.max(n, MIN_GRID), MAX_GRID);
+}
+function computePanelTop(preferredTop, height, min = Number.NEGATIVE_INFINITY, max = Number.POSITIVE_INFINITY, preferredBottom = preferredTop + height) {
+  const fits = (t) => (!Number.isFinite(min) || t >= min) && (!Number.isFinite(max) || t + height <= max);
+  const topAligned = preferredTop;
+  if (fits(topAligned)) return Math.round(topAligned);
+  const bottomAligned = preferredBottom - height;
+  if (fits(bottomAligned)) return Math.round(bottomAligned);
+  return Math.round(fitRange(topAligned, height, min, max));
+}
+function fitRange(top, height, min = Number.NEGATIVE_INFINITY, max = Number.POSITIVE_INFINITY) {
+  let t = top;
+  if (Number.isFinite(max) && t + height > max) t = max - height;
+  if (Number.isFinite(min) && t < min) t = min;
+  return Math.round(t);
+}
+const BLOCK_COMMANDS = [
+  {
+    id: "text",
+    label: "正文",
+    hint: "/text",
+    group: "basic",
+    icon: "text",
+    convertible: true,
+    keywords: ["text", "paragraph", "正文", "zhengwen", "普通文本"],
+    run: ({ chain }) => chain().setParagraph().run()
+  },
+  // ---------------------------------------------------------------- 基础
+  {
+    id: "h1",
+    convertible: true,
+    label: "一级标题",
+    hint: "/h1",
+    group: "basic",
+    icon: "h1",
+    keywords: ["h1", "标题", "biaoti", "heading", "yijibiaoti"],
+    run: ({ chain }) => chain().setHeading({ level: 1 }).run()
+  },
+  {
+    id: "h2",
+    convertible: true,
+    label: "二级标题",
+    hint: "/h2",
+    group: "basic",
+    icon: "h2",
+    keywords: ["h2", "标题", "biaoti", "erjibiaoti"],
+    run: ({ chain }) => chain().setHeading({ level: 2 }).run()
+  },
+  {
+    id: "h3",
+    convertible: true,
+    label: "三级标题",
+    hint: "/h3",
+    group: "basic",
+    icon: "h3",
+    keywords: ["h3", "标题", "biaoti", "sanjibiaoti"],
+    run: ({ chain }) => chain().setHeading({ level: 3 }).run()
+  },
+  {
+    id: "h4",
+    convertible: true,
+    label: "四级标题",
+    hint: "/h4",
+    group: "basic",
+    icon: "h4",
+    keywords: ["h4", "标题", "biaoti", "sijibiaoti"],
+    run: ({ chain }) => chain().setHeading({ level: 4 }).run()
+  },
+  {
+    id: "h5",
+    convertible: true,
+    label: "五级标题",
+    hint: "/h5",
+    group: "basic",
+    icon: "h5",
+    keywords: ["h5", "标题", "biaoti", "wujibiaoti"],
+    run: ({ chain }) => chain().setHeading({ level: 5 }).run()
+  },
+  {
+    id: "h6",
+    convertible: true,
+    label: "六级标题",
+    hint: "/h6",
+    group: "basic",
+    icon: "h6",
+    keywords: ["h6", "标题", "biaoti", "liujibiaoti"],
+    run: ({ chain }) => chain().setHeading({ level: 6 }).run()
+  },
+  {
+    id: "ordered",
+    convertible: true,
+    label: "有序列表",
+    hint: "/ol",
+    group: "basic",
+    icon: "ordered-list",
+    keywords: ["list", "ol", "列表", "liebiao", "youxuliebiao"],
+    run: ({ chain }) => chain().toggleOrderedList().run()
+  },
+  {
+    id: "bullet",
+    convertible: true,
+    label: "无序列表",
+    hint: "/ul",
+    group: "basic",
+    icon: "bullet-list",
+    keywords: ["list", "ul", "列表", "liebiao", "wuxuliebiao"],
+    run: ({ chain }) => chain().toggleBulletList().run()
+  },
+  {
+    id: "quote",
+    convertible: true,
+    label: "引用",
+    hint: "/quote",
+    group: "basic",
+    icon: "quote",
+    keywords: ["quote", "引用", "yinyong"],
+    run: ({ chain }) => chain().toggleBlockquote().run()
+  },
+  {
+    id: "code",
+    convertible: true,
+    label: "代码块",
+    hint: "/code",
+    group: "basic",
+    icon: "code",
+    keywords: ["code", "代码", "daima", "daimakuai"],
+    run: ({ chain }) => chain().toggleCodeBlock().run()
+  },
+  {
+    id: "hr",
+    label: "分割线",
+    hint: "/hr",
+    group: "basic",
+    icon: "divider",
+    keywords: ["hr", "divider", "分割线", "fengexian"],
+    run: ({ chain }) => chain().setHorizontalRule().run()
+  },
+  {
+    id: "link",
+    label: "链接",
+    hint: "/link",
+    group: "basic",
+    icon: "link",
+    keywords: ["link", "链接", "lianjie", "url"],
+    run: ({ chain }) => {
+      const href = "https://";
+      chain().insertContent({
+        type: "text",
+        text: href,
+        marks: [{ type: "link", attrs: { href } }]
+      }).run();
+    }
+  },
+  // ---------------------------------------------------------------- 常用
+  {
+    id: "mindmap",
+    label: "思维导图",
+    hint: "/mindmap",
+    group: "common",
+    icon: "mind-map",
+    keywords: ["mindmap", "mind", "思维导图", "导图", "siweidaotu", "脑图"],
+    run: ({ chain }) => chain().insertContent([createMindMap(), { type: "paragraph" }]).run()
+  },
+  {
+    id: "task",
+    convertible: true,
+    label: "任务",
+    hint: "/todo",
+    group: "common",
+    icon: "task",
+    keywords: ["task", "todo", "待办", "daiban", "renwu", "checkbox"],
+    run: ({ chain }) => chain().toggleTaskList().run()
+  },
+  {
+    id: "image",
+    label: "图片",
+    hint: "/image",
+    group: "common",
+    icon: "image",
+    keywords: ["image", "img", "图片", "tupian", "photo"],
+    run: ({ requestPickFile }) => requestPickFile == null ? void 0 : requestPickFile("image")
+  },
+  {
+    id: "file",
+    label: "上传文件",
+    hint: "/file",
+    group: "common",
+    icon: "file",
+    keywords: ["file", "文件", "wenjian", "上传", "attachment"],
+    run: ({ requestPickFile }) => requestPickFile == null ? void 0 : requestPickFile("file")
+  },
+  {
+    id: "video",
+    label: "嵌入视频",
+    hint: "/video",
+    group: "common",
+    icon: "file",
+    keywords: ["video", "youtube", "bilibili", "视频", "shipin", "b站"],
+    run: ({ requestVideo }) => requestVideo == null ? void 0 : requestVideo()
+  },
+  {
+    id: "table",
+    label: "表格",
+    hint: "/table",
+    group: "common",
+    icon: "table",
+    keywords: ["table", "表格", "biaoge"],
+    panel: "table",
+    run: ({ chain, panelValue }) => chain().insertTable({
+      rows: clampGrid((panelValue == null ? void 0 : panelValue.rows) ?? 3),
+      cols: clampGrid((panelValue == null ? void 0 : panelValue.cols) ?? 3),
+      withHeaderRow: true
+    }).run()
+  },
+  {
+    id: "columns",
+    label: "分栏",
+    hint: "/columns",
+    group: "common",
+    icon: "columns",
+    keywords: ["columns", "column", "分栏", "fenlan", "多栏", "duolan", "layout"],
+    panel: "columns",
+    run: ({ chain, panelValue }) => {
+      chain().insertContent(buildColumnsJson((panelValue == null ? void 0 : panelValue.count) ?? 2)).run();
+    }
+  },
+  {
+    id: "callout",
+    convertible: true,
+    label: "高亮块",
+    hint: "/callout",
+    group: "common",
+    icon: "callout",
+    keywords: ["callout", "highlight", "高亮", "gaoliang", "提示块", "tishikuai"],
+    run: ({ chain }) => {
+      chain().insertContent({
+        type: "callout",
+        attrs: { tone: "info" },
+        content: [{ type: "paragraph" }]
+      }).run();
+    }
+  },
+  {
+    id: "math",
+    label: "公式",
+    hint: "/math",
+    group: "common",
+    icon: "math",
+    keywords: ["math", "formula", "公式", "gongshi", "latex", "katex"],
+    run: ({ chain }) => {
+      chain().insertContent({
+        type: "mathBlock",
+        attrs: { latex: "E = mc^2" }
+      }).run();
+    }
+  },
+  {
+    id: "page",
+    label: "子文档",
+    hint: "/page",
+    group: "common",
+    icon: "page",
+    keywords: ["page", "子文档", "ziwendang", "页面", "yemian", "link", "引用"],
+    run: ({ requestPickPage }) => requestPickPage == null ? void 0 : requestPickPage()
+  }
+];
+const BLOCK_COMMAND_GROUPS = [
+  { id: "basic", label: "基础" },
+  { id: "common", label: "常用" }
+];
+function filterBlockCommands(query) {
+  const q = query.trim().toLowerCase();
+  if (!q) return BLOCK_COMMANDS;
+  return BLOCK_COMMANDS.filter(
+    (c) => c.label.toLowerCase().includes(q) || c.hint.toLowerCase().includes(q) || c.keywords.some((k) => k.includes(q) || k.startsWith(q))
+  );
+}
+function groupOf(commands) {
+  return BLOCK_COMMAND_GROUPS.map((g) => ({
+    ...g,
+    items: commands.filter((c) => c.group === g.id)
+  })).filter((g) => g.items.length > 0);
+}
+function InsertPicker({ mode, x, y, yBottom, boundTop, boundBottom, onPick, onClose }) {
+  const root = useRef(null), [top, setTop] = useState(y);
+  const [hover, setHover] = useState({ rows: 3, cols: 3 }), [count, setCount] = useState(2);
+  useEffect(() => {
+    const element = root.current;
+    if (!element) return;
+    setTop(computePanelTop(y, element.offsetHeight, boundTop, boundBottom, yBottom ?? y + element.offsetHeight));
+  }, [mode, y, yBottom, boundTop, boundBottom]);
+  const cells = buildGridCells(hover.rows, hover.cols);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: root,
+      className: "insert-picker",
+      role: "dialog",
+      "aria-label": mode === "table" ? "选择表格尺寸" : "选择分栏栏数",
+      style: { left: x, top },
+      onMouseDown: (event) => event.preventDefault(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "ip-head", children: [
+          /* @__PURE__ */ jsx("span", { children: mode === "table" ? "插入表格" : "选择栏数" }),
+          /* @__PURE__ */ jsx("span", { className: "ip-dim", children: mode === "table" ? `${hover.rows} x ${hover.cols}` : `${count} 栏` })
+        ] }),
+        mode === "table" ? /* @__PURE__ */ jsx("div", { className: "ip-grid", children: cells.map((cell) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `ip-cell${cell.on ? " on" : ""}`,
+            "aria-label": `${cell.row} 行 ${cell.col} 列`,
+            onMouseEnter: () => setHover({ rows: cell.row, cols: cell.col }),
+            onFocus: () => setHover({ rows: cell.row, cols: cell.col }),
+            onClick: () => onPick({ rows: cell.row, cols: cell.col })
+          },
+          `${cell.row}-${cell.col}`
+        )) }) : /* @__PURE__ */ jsx("div", { className: "ip-counts", children: Array.from({ length: MAX_COLUMN_COUNT }, (_, index) => index + 1).map((value) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: `ip-count${count === value ? " on" : ""}`,
+            "aria-label": `${value} 栏`,
+            onMouseEnter: () => setCount(value),
+            onClick: () => onPick({ count: value }),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "ip-count-box", children: Array.from({ length: value }, (_, index) => /* @__PURE__ */ jsx("span", { className: "ip-count-bar" }, index)) }),
+              /* @__PURE__ */ jsx("span", { className: "ip-count-num", children: value })
+            ]
+          },
+          value
+        )) }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "ip-close", "aria-label": "关闭参数面板", onClick: onClose, children: /* @__PURE__ */ jsx(WIcon, { name: "x", size: 14 }) })
+      ]
+    }
+  );
+}
+function SlashMenu({ editor, from, query, x, y, onClose, onPickFile, onPickPage, onPickVideo }) {
+  const filtered = useMemo(() => filterBlockCommands(query), [query]);
+  const groups = useMemo(() => groupOf(filtered), [filtered]);
+  const [activeIndex, setActiveIndex] = useState(0);
+  const [panel, setPanel] = useState(null);
+  const [panelY, setPanelY] = useState(0), [panelYBottom, setPanelYBottom] = useState(0);
+  const [panelX, setPanelX] = useState(274);
+  const [viewport, setViewport] = useState({ top: 0, bottom: 0 });
+  const [anchorTop, setAnchorTop] = useState(y);
+  const root = useRef(null), menu = useRef(null), viewportRef = useRef(null), content = useRef(null);
+  const keyboardNav = useRef(false);
+  const flatIndex = (command) => filtered.findIndex((item) => item.id === command.id);
+  useEffect(() => {
+    setActiveIndex(0);
+    setPanel(null);
+  }, [query]);
+  useEffect(() => {
+    const measure = () => {
+      var _a;
+      const anchor = root.current, element = menu.current;
+      if (!anchor || !element) return;
+      const parentTop = ((_a = anchor.parentElement) == null ? void 0 : _a.getBoundingClientRect().top) ?? 0;
+      const desired = parentTop + y, margin = 8;
+      const fitted = Math.round(Math.max(margin, Math.min(desired, window.innerHeight - margin - element.offsetHeight)));
+      setAnchorTop(fitted - parentTop);
+      setViewport({ top: margin - fitted, bottom: window.innerHeight - margin - fitted });
+    };
+    const frame = requestAnimationFrame(measure);
+    window.addEventListener("resize", measure);
+    window.addEventListener("scroll", measure, true);
+    return () => {
+      cancelAnimationFrame(frame);
+      window.removeEventListener("resize", measure);
+      window.removeEventListener("scroll", measure, true);
+    };
+  }, [y, query, filtered.length]);
+  useEffect(() => {
+    var _a;
+    if (!keyboardNav.current) return;
+    keyboardNav.current = false;
+    const row = (_a = menu.current) == null ? void 0 : _a.querySelectorAll("li")[activeIndex];
+    const scroller = content.current;
+    if (!row || !scroller) return;
+    const rowTop = row.offsetTop, rowBottom = rowTop + row.offsetHeight;
+    if (rowTop < scroller.scrollTop) scroller.scrollTop = rowTop;
+    else if (rowBottom > scroller.scrollTop + scroller.clientHeight) scroller.scrollTop = rowBottom - scroller.clientHeight;
+  }, [activeIndex, filtered]);
+  function openPanel(command) {
+    var _a, _b, _c;
+    if (!(command == null ? void 0 : command.panel)) {
+      setPanel(null);
+      return;
+    }
+    if ((panel == null ? void 0 : panel.id) === command.id) return;
+    setPanel(command);
+    const row = (_a = menu.current) == null ? void 0 : _a.querySelectorAll("li")[flatIndex(command)];
+    const view = (_b = viewportRef.current) == null ? void 0 : _b.getBoundingClientRect();
+    if (!row || !view) return;
+    const rect = row.getBoundingClientRect();
+    if (rect.bottom <= view.top || rect.top >= view.bottom) {
+      setPanel(null);
+      return;
+    }
+    if (!root.current) return;
+    const top = rect.top - root.current.getBoundingClientRect().top;
+    setPanelY(top);
+    setPanelYBottom(top + rect.height);
+    setPanelX((((_c = content.current) == null ? void 0 : _c.getBoundingClientRect().width) ?? 268) + 6);
+  }
+  function choose(command, value) {
+    if (!editor.isEditable || editor.isDestroyed) return;
+    if (from < 0 || from > editor.state.selection.from) return;
+    const range = { from, to: editor.state.selection.from };
+    if (["image", "file", "page", "video"].includes(command.id) && range.to > range.from) editor.chain().deleteRange(range).run();
+    command.run({
+      chain: () => {
+        const chain = editor.chain().focus();
+        return range.to > range.from ? chain.deleteRange(range) : chain;
+      },
+      requestPickFile: onPickFile,
+      requestPickPage: onPickPage,
+      requestVideo: onPickVideo,
+      panelValue: value
+    });
+    dismissSlash(editor.view);
+    onClose();
+  }
+  function activate(command) {
+    if (command.panel) {
+      openPanel(command);
+      return;
+    }
+    choose(command);
+  }
+  function keydown(event) {
+    var _a;
+    if (shouldIgnoreForIme(event) || !editor.view.dom.contains(event.target)) return;
+    if (event.key === "Escape") {
+      event.preventDefault();
+      event.stopImmediatePropagation();
+      if (panel) setPanel(null);
+      else {
+        dismissSlash(editor.view);
+        onClose();
+      }
+      return;
+    }
+    if (!filtered.length) return;
+    if (["ArrowDown", "ArrowUp", "Enter"].includes(event.key) || event.key === "ArrowRight" && ((_a = filtered[activeIndex]) == null ? void 0 : _a.panel)) {
+      event.stopImmediatePropagation();
+    }
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      keyboardNav.current = true;
+      setPanel(null);
+      setActiveIndex((activeIndex + 1) % filtered.length);
+    } else if (event.key === "ArrowUp") {
+      event.preventDefault();
+      keyboardNav.current = true;
+      setPanel(null);
+      setActiveIndex((activeIndex - 1 + filtered.length) % filtered.length);
+    } else if (event.key === "Enter") {
+      event.preventDefault();
+      const command = filtered[activeIndex];
+      if (command && (panel == null ? void 0 : panel.id) === command.id) choose(command);
+      else if (command) activate(command);
+    } else if (event.key === "ArrowRight") {
+      const command = filtered[activeIndex];
+      if (command == null ? void 0 : command.panel) {
+        event.preventDefault();
+        openPanel(command);
+      }
+    }
+  }
+  useEffect(() => {
+    const node = editor.view.dom;
+    node.addEventListener("keydown", keydown, true);
+    return () => node.removeEventListener("keydown", keydown, true);
+  });
+  useEffect(() => {
+    const outside = (event) => {
+      var _a;
+      if (event.target instanceof Node && !((_a = root.current) == null ? void 0 : _a.contains(event.target)) && !editor.view.dom.contains(event.target)) onClose();
+    };
+    document.addEventListener("pointerdown", outside);
+    return () => document.removeEventListener("pointerdown", outside);
+  }, [onClose, editor]);
+  return /* @__PURE__ */ jsxs("div", { ref: root, className: "slash-anchor", style: { left: x, top: anchorTop }, children: [
+    /* @__PURE__ */ jsx("div", { ref: menu, className: "slash-menu", role: "listbox", "aria-label": "插入内容", children: /* @__PURE__ */ jsx("div", { ref: viewportRef, children: /* @__PURE__ */ jsxs("div", { ref: content, className: "slash-content", children: [
+      groups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "slash-group", children: group.label }),
+        /* @__PURE__ */ jsx("ul", { children: group.items.map((command) => {
+          const index = flatIndex(command);
+          return /* @__PURE__ */ jsxs(
+            "li",
+            {
+              role: "option",
+              "aria-selected": index === activeIndex,
+              className: index === activeIndex ? "active" : void 0,
+              onMouseMove: () => {
+                setActiveIndex(index);
+                openPanel(command);
+              },
+              onMouseDown: (event) => {
+                event.preventDefault();
+                activate(command);
+              },
+              children: [
+                /* @__PURE__ */ jsx(WIcon, { name: command.icon, size: 18 }),
+                /* @__PURE__ */ jsx("span", { className: "slash-label", children: command.label }),
+                /* @__PURE__ */ jsx("span", { className: "slash-hint", children: command.hint }),
+                command.panel && /* @__PURE__ */ jsx(WIcon, { name: "chevron", size: 16, className: "slash-chevron" })
+              ]
+            },
+            command.id
+          );
+        }) })
+      ] }, group.id)),
+      !filtered.length && /* @__PURE__ */ jsx("div", { className: "slash-empty", children: "无匹配命令" })
+    ] }) }) }),
+    (panel == null ? void 0 : panel.panel) && /* @__PURE__ */ jsx(
+      InsertPicker,
+      {
+        mode: panel.panel,
+        x: panelX,
+        y: panelY,
+        yBottom: panelYBottom,
+        boundTop: viewport.top,
+        boundBottom: viewport.bottom,
+        onPick: (value) => choose(panel, value),
+        onClose: () => setPanel(null)
+      }
+    )
+  ] });
+}
+function menuBlockRange(state, pos) {
+  const blocks = [];
+  state.doc.forEach((node, from2) => blocks.push({ from: from2, to: from2 + node.nodeSize, node }));
+  const target = blocks.find((b2) => b2.from === pos);
+  if (!target) return null;
+  const { from, to, empty: empty2 } = state.selection;
+  const chosen = !empty2 && from < target.to && to > target.from ? blocks.filter((b2) => from < b2.to && to > b2.from) : [target];
+  return { from: chosen[0].from, to: chosen.at(-1).to, nodes: chosen.map((b2) => b2.node) };
+}
+function containerContent(range) {
+  const only = range.nodes.length === 1 ? range.nodes[0] : null;
+  return only && ["callout", "blockquote"].includes(only.type.name) ? only.content : range.nodes;
+}
+function canConvertMenuBlocks(state, pos, id) {
+  const range = menuBlockRange(state, pos);
+  if (!range) return false;
+  if (id === "callout" || id === "quote") {
+    const type = state.schema.nodes[id === "callout" ? "callout" : "blockquote"];
+    return !!(type == null ? void 0 : type.validContent(type.create(null, containerContent(range)).content));
+  }
+  if (id === "text" && range.nodes.length === 1 && ["callout", "blockquote"].includes(range.nodes[0].type.name)) return true;
+  if (!["text", "h1", "h2", "h3", "h4", "h5", "h6", "bullet", "ordered", "task", "code"].includes(id)) return false;
+  const allowed = ["paragraph", "heading", "blockquote", "codeBlock", "bulletList", "orderedList", "taskList", "callout", "listItem", "taskItem", "text", "hardBreak"];
+  return range.nodes.every((node) => {
+    if (!allowed.includes(node.type.name)) return false;
+    let valid = true;
+    node.descendants((child) => {
+      if (!allowed.includes(child.type.name)) valid = false;
+      return valid;
+    });
+    return valid;
+  });
+}
+function dispatchContainer(editor, range, type) {
+  var _a;
+  if (range.nodes.length === 1 && range.nodes[0].type.name === type) return true;
+  const wrapper = editor.schema.nodes[type].create(type === "callout" ? { tone: "info" } : null, containerContent(range));
+  const tr = editor.state.tr.replaceWith(range.from, range.to, wrapper);
+  tr.setSelection(Selection.near(tr.doc.resolve(range.from + 1)));
+  const manager = (_a = yUndoPluginKey.getState(editor.state)) == null ? void 0 : _a.undoManager;
+  manager == null ? void 0 : manager.stopCapturing();
+  editor.view.dispatch(closeHistory(tr));
+  manager == null ? void 0 : manager.stopCapturing();
+  editor.view.focus();
+  return true;
+}
+function convertMenuBlocks(editor, pos, id) {
+  var _a, _b;
+  if (editor.isDestroyed || !editor.isEditable || !canConvertMenuBlocks(editor.state, pos, id)) return false;
+  const range = menuBlockRange(editor.state, pos);
+  if (id === "callout" || id === "quote") return dispatchContainer(editor, range, id === "callout" ? "callout" : "blockquote");
+  if (id === "text" && range.nodes.length === 1 && range.nodes[0].type.name === "callout") {
+    const result2 = unwrapCallout(editor, range.from);
+    if (result2) editor.view.focus();
+    return result2;
+  }
+  if (id === "text" && range.nodes.length === 1 && range.nodes[0].type.name === "blockquote") {
+    const tr = editor.state.tr.replaceWith(range.from, range.to, range.nodes[0].content);
+    const manager2 = (_a = yUndoPluginKey.getState(editor.state)) == null ? void 0 : _a.undoManager;
+    manager2 == null ? void 0 : manager2.stopCapturing();
+    editor.view.dispatch(closeHistory(tr));
+    manager2 == null ? void 0 : manager2.stopCapturing();
+    editor.view.focus();
+    return true;
+  }
+  const desiredType = { text: "paragraph", bullet: "bulletList", ordered: "orderedList", task: "taskList", code: "codeBlock" }[id];
+  if (range.nodes.length === 1 && range.nodes[0].type.name === desiredType) return true;
+  const manager = (_b = yUndoPluginKey.getState(editor.state)) == null ? void 0 : _b.undoManager;
+  manager == null ? void 0 : manager.stopCapturing();
+  const chain = editor.chain().focus().command(({ tr }) => {
+    let end = range.to;
+    if (range.nodes.length === 1 && ["callout", "blockquote"].includes(range.nodes[0].type.name)) {
+      tr.replaceWith(range.from, range.to, range.nodes[0].content);
+      end -= 2;
+    }
+    tr.setSelection(TextSelection.between(tr.doc.resolve(range.from + 1), tr.doc.resolve(end - 1)));
+    closeHistory(tr);
+    return true;
+  }).clearNodes();
+  if (id === "text") chain.setParagraph();
+  else if (/^h[1-6]$/.test(id)) chain.setHeading({ level: Number(id.slice(1)) });
+  else if (id === "bullet") chain.toggleBulletList();
+  else if (id === "ordered") chain.toggleOrderedList();
+  else if (id === "task") chain.toggleTaskList();
+  else if (id === "code") chain.toggleCodeBlock();
+  const result = chain.command(({ tr }) => {
+    tr.setSelection(Selection.near(tr.doc.resolve(tr.selection.from)));
+    return true;
+  }).run();
+  manager == null ? void 0 : manager.stopCapturing();
+  return result;
+}
+function deleteTopLevelBlock(state, pos) {
+  let found = false;
+  state.doc.forEach((_node, offset) => {
+    if (offset === pos) found = true;
+  });
+  const node = found ? state.doc.nodeAt(pos) : null;
+  if (!node) return null;
+  return state.doc.childCount === 1 ? state.tr.replaceWith(0, state.doc.content.size, state.schema.nodes.paragraph.create()) : state.tr.delete(pos, pos + node.nodeSize);
+}
+const BLOCK_SUBMENU_GAP = 6;
+const BLOCK_MENU_VIEW_MARGIN = 8;
+function placeBlockSubmenu(parent, rowTop, panel, viewport) {
+  const inset = BLOCK_MENU_VIEW_MARGIN;
+  const maxHeight = Math.max(0, viewport.height - inset * 2);
+  const right = parent.right + BLOCK_SUBMENU_GAP;
+  const left = parent.left - BLOCK_SUBMENU_GAP - panel.width;
+  const preferredLeft = right + panel.width <= viewport.width - inset || left < inset ? right : left;
+  return {
+    left: Math.max(inset, Math.min(preferredLeft, viewport.width - inset - panel.width)),
+    top: fitRange(rowTop, Math.min(panel.height, maxHeight), inset, viewport.height - inset),
+    maxHeight
+  };
+}
+const PLUS = { width: 28, height: 28 }, CHIP = { width: 48, height: 28 }, HANDLE_HEIGHT = 26, GUTTER_GAP$1 = 8;
+function blockAffordanceStyle(info, shell, kind) {
+  const size = kind === "plus" ? PLUS : CHIP;
+  const preferred = info.contentLeft - GUTTER_GAP$1 - size.width;
+  const minLeft = shell ? 8 - shell.getBoundingClientRect().left : 8;
+  return {
+    left: Math.max(preferred, minLeft),
+    top: info.top + (HANDLE_HEIGHT - size.height) / 2
+  };
+}
+function BlockPlus({ style, expanded, onClick, onMouseEnter }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: "block-plus",
+      "aria-label": "插入内容",
+      title: "在此空行插入内容（表格 / 分栏 / 图片…）",
+      "aria-expanded": expanded,
+      "aria-haspopup": "menu",
+      style,
+      onMouseEnter,
+      onClick,
+      children: /* @__PURE__ */ jsx(WIcon, { name: "plus", size: 17 })
+    }
+  );
+}
+function typeIcon(editor, info) {
+  var _a;
+  if (info.type === "heading") {
+    const level = Number(((_a = editor.state.doc.nodeAt(info.pos)) == null ? void 0 : _a.attrs.level) ?? 1);
+    return `h${Math.min(Math.max(Number.isFinite(level) ? level : 1, 1), 6)}`;
+  }
+  return {
+    paragraph: "text",
+    image: "image",
+    imageGallery: "image",
+    table: "table",
+    blockquote: "quote",
+    codeBlock: "code",
+    bulletList: "bullet-list",
+    orderedList: "ordered-list",
+    taskList: "task",
+    callout: "callout",
+    columns: "columns",
+    mindMap: "mind-map",
+    fileAttachment: "file",
+    videoEmbed: "file",
+    mathBlock: "math"
+  }[info.type] ?? "text";
+}
+function BlockChip({ editor, info, style, expanded, onOpen, onOpenFull, onMouseEnter, onHandleMouseDown }) {
+  return /* @__PURE__ */ jsxs("div", { className: "block-chip", role: "toolbar", "aria-label": "块快捷操作", style, onMouseEnter, children: [
+    /* @__PURE__ */ jsx("button", { type: "button", className: "chip-btn", "aria-label": "转换为", title: "转换为…", "aria-expanded": expanded, "aria-haspopup": "menu", onClick: onOpen, children: /* @__PURE__ */ jsx(WIcon, { name: typeIcon(editor, info), size: 17 }) }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "chip-btn chip-grip",
+        "aria-label": "拖动或打开块菜单",
+        title: "按住拖动可移动整段；单击打开块菜单",
+        "aria-expanded": expanded,
+        "aria-haspopup": "menu",
+        draggable: false,
+        onMouseDown: (event) => onHandleMouseDown ? onHandleMouseDown(event) : event.preventDefault(),
+        onClick: onOpenFull,
+        children: /* @__PURE__ */ jsx(WIcon, { name: "handle", size: 17 })
+      }
+    )
+  ] });
+}
+function BlockMenu(props) {
+  var _a, _b, _c, _d, _e, _f;
+  const { editor, info } = props;
+  const [submenu, setSubmenu] = useState(props.panelOnly ?? null);
+  const [copied, setCopied] = useState(false);
+  const [panel, setPanel] = useState(null);
+  const node = editor.state.doc.nodeAt(info.pos);
+  const chain = () => {
+    const range = menuBlockRange(editor.state, info.pos);
+    const selection = editor.state.selection;
+    const keep = selection instanceof TextSelection && !selection.empty && node && selection.from >= info.pos + 1 && selection.to <= info.pos + node.nodeSize - 1;
+    return editor.chain().focus().command(({ tr }) => {
+      tr.setSelection(TextSelection.between(
+        tr.doc.resolve(keep ? selection.from : ((range == null ? void 0 : range.from) ?? info.pos) + 1),
+        tr.doc.resolve(keep ? selection.to : ((range == null ? void 0 : range.to) ?? info.pos + node.nodeSize) - 1)
+      ));
+      return true;
+    });
+  };
+  const convertibles = BLOCK_COMMANDS.filter((command) => command.convertible);
+  const insertCommands = BLOCK_COMMANDS.filter((command) => command.id !== "link");
+  const currentAlign = String(((_a = node == null ? void 0 : node.attrs) == null ? void 0 : _a.textAlign) ?? "left");
+  const textual = node ? ["paragraph", "heading", "blockquote", "codeBlock", "bulletList", "orderedList", "taskList", "callout"].includes(node.type.name) : false;
+  const target = useRef(null);
+  const submenuRef = useRef(null), rowRef = useRef(null);
+  const [submenuPlace, setSubmenuPlace] = useState();
+  const [place, setPlace] = useState({ left: 0, top: 0 });
+  useEffect(() => {
+    highlightMenuBlock(editor.view, info.pos);
+    const outside = (event) => {
+      var _a2;
+      if (!(event.target instanceof Element) || ((_a2 = target.current) == null ? void 0 : _a2.contains(event.target))) return;
+      if (event.target.closest(".block-chip,.block-plus")) return;
+      props.onClose();
+    };
+    const key = (event) => {
+      var _a2, _b2;
+      if (event.isComposing) return;
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        props.onClose();
+        return;
+      }
+      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) return;
+      const menu = ((_a2 = document.activeElement) == null ? void 0 : _a2.closest('[role="menu"]')) ?? target.current;
+      const items = Array.from((menu == null ? void 0 : menu.querySelectorAll('[role="menuitem"]:not(:disabled)')) ?? []);
+      if (!items.length) return;
+      event.preventDefault();
+      const index = items.indexOf(document.activeElement);
+      (_b2 = items[event.key === "Home" ? 0 : event.key === "End" ? items.length - 1 : (index + (event.key === "ArrowUp" ? -1 : 1) + items.length) % items.length]) == null ? void 0 : _b2.focus();
+    };
+    const changed = ({ transaction }) => {
+      if (transaction.docChanged) props.onClose();
+    };
+    document.addEventListener("pointerdown", outside, true);
+    document.addEventListener("keydown", key);
+    editor.on("transaction", changed);
+    return () => {
+      document.removeEventListener("pointerdown", outside, true);
+      document.removeEventListener("keydown", key);
+      editor.off("transaction", changed);
+      if (!editor.isDestroyed) highlightMenuBlock(editor.view, null);
+    };
+  }, [editor, info.pos]);
+  useLayoutEffect(() => {
+    var _a2;
+    if (props.panelOnly || !submenuRef.current || !target.current) {
+      setSubmenuPlace(void 0);
+      return;
+    }
+    const anchor = target.current.getBoundingClientRect(), card = submenuRef.current.getBoundingClientRect();
+    const placed = placeBlockSubmenu(anchor, ((_a2 = rowRef.current) == null ? void 0 : _a2.getBoundingClientRect().top) ?? anchor.top, card, { width: innerWidth, height: innerHeight });
+    setSubmenuPlace({ left: placed.left - anchor.left, top: placed.top - anchor.top, maxHeight: placed.maxHeight });
+  }, [submenu, props.panelOnly, place.left, place.top]);
+  useLayoutEffect(() => {
+    const panel2 = target.current;
+    const shell = editor.view.dom.closest(".editor-shell");
+    if (!panel2 || !shell) return;
+    const measure = () => {
+      const host = shell.getBoundingClientRect();
+      const width = panel2.offsetWidth, height = panel2.offsetHeight, margin = 8;
+      const left = Math.min(Math.max(host.left + info.contentLeft, margin), Math.max(margin, innerWidth - margin - width)) - host.left;
+      const top = Math.min(Math.max(host.top + info.top, margin), Math.max(margin, innerHeight - margin - height)) - host.top;
+      setPlace({ left, top });
+    };
+    measure();
+    window.addEventListener("resize", measure);
+    window.addEventListener("scroll", measure, true);
+    return () => {
+      window.removeEventListener("resize", measure);
+      window.removeEventListener("scroll", measure, true);
+    };
+  }, [editor, info.contentLeft, info.top, props.panelOnly, submenu]);
+  useEffect(() => {
+    setSubmenu(props.panelOnly ?? null);
+  }, [props.panelOnly, info.pos]);
+  function runInsert(command) {
+    if (command.panel) {
+      setPanel({ mode: command.panel, x: 0, y: 0 });
+      return;
+    }
+    insertCommand(command);
+  }
+  function insertWithPanel(value) {
+    const command = insertCommands.find((item2) => item2.panel === (panel == null ? void 0 : panel.mode));
+    setPanel(null);
+    if (!command) return;
+    insertCommand(command, value);
+  }
+  function insertCommand(command, value) {
+    if (!node || !editor.isEditable || editor.isDestroyed) return;
+    const reuse = props.panelOnly === "insert-below" && node.isTextblock && node.content.size === 0;
+    const after = info.pos + node.nodeSize, at = reuse ? { from: info.pos, to: after } : after;
+    const media = ["image", "file", "page", "video"].includes(command.id);
+    if (media) {
+      if (!reuse) editor.chain().insertContentAt(after, { type: "paragraph" }).setTextSelection(after + 1).run();
+      else editor.commands.setTextSelection(info.pos + 1);
+      props.onClose();
+      if (command.id === "page") props.onPickPage();
+      else if (command.id === "video") props.onPickVideo();
+      else props.onPickFile(command.id === "image" ? "image" : "file");
+      return;
+    }
+    let content;
+    if (/^h[1-6]$/.test(command.id)) content = { type: "heading", attrs: { level: Number(command.id.slice(1)) } };
+    else if (command.id === "table") content = createTable(editor.schema, (value == null ? void 0 : value.rows) ?? 3, (value == null ? void 0 : value.cols) ?? 3, true).toJSON();
+    else if (command.id === "columns") content = buildColumnsJson((value == null ? void 0 : value.count) ?? 2);
+    else if (command.id === "mindmap") content = [createMindMap$1(), { type: "paragraph" }];
+    else if (["bullet", "ordered", "task"].includes(command.id)) content = {
+      type: command.id === "bullet" ? "bulletList" : command.id === "ordered" ? "orderedList" : "taskList",
+      content: [{ type: command.id === "task" ? "taskItem" : "listItem", attrs: command.id === "task" ? { checked: false } : void 0, content: [{ type: "paragraph" }] }]
+    };
+    else content = {
+      text: { type: "paragraph" },
+      quote: { type: "blockquote", content: [{ type: "paragraph" }] },
+      code: { type: "codeBlock" },
+      hr: { type: "horizontalRule" },
+      callout: { type: "callout", attrs: { tone: "info" }, content: [{ type: "paragraph" }] },
+      math: { type: "mathBlock", attrs: { latex: "E = mc^2" } }
+    }[command.id];
+    if (content) editor.chain().focus().insertContentAt(at, content).run();
+    props.onClose();
+  }
+  function action(name) {
+    if (!node) return;
+    {
+      const tr = deleteTopLevelBlock(editor.state, info.pos);
+      if (tr) editor.view.dispatch(tr);
+    }
+    props.onClose();
+  }
+  async function writeBlockClipboard() {
+    var _a2;
+    if (!node) return;
+    if (typeof ClipboardItem === "undefined" || !((_a2 = navigator.clipboard) == null ? void 0 : _a2.write)) {
+      if (!node.isTextblock) throw new Error("当前浏览器不支持复制此块的富文本结构");
+      await navigator.clipboard.writeText(node.textContent);
+      return;
+    }
+    const container = document.createElement("div");
+    container.append(DOMSerializer.fromSchema(editor.schema).serializeFragment(Fragment$1.from(node)));
+    await navigator.clipboard.write([new ClipboardItem({
+      "text/html": new Blob([container.innerHTML], { type: "text/html" }),
+      "text/plain": new Blob([node.textContent], { type: "text/plain" })
+    })]);
+  }
+  async function copyBlock() {
+    var _a2;
+    try {
+      await writeBlockClipboard();
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1600);
+    } catch {
+      (_a2 = props.onNotice) == null ? void 0 : _a2.call(props, "无法完整复制该块，请选中后使用 Cmd/Ctrl+C。");
+    }
+  }
+  async function cutBlock() {
+    var _a2, _b2;
+    if (!node) return;
+    const originalDoc = editor.state.doc, originalNode = node;
+    try {
+      await writeBlockClipboard();
+    } catch {
+      (_a2 = props.onNotice) == null ? void 0 : _a2.call(props, "无法访问剪贴板，已取消剪切（内容未删除）。");
+      return;
+    }
+    if (editor.isDestroyed || !editor.isEditable || editor.state.doc !== originalDoc || editor.state.doc.nodeAt(info.pos) !== originalNode) {
+      (_b2 = props.onNotice) == null ? void 0 : _b2.call(props, "复制期间正文发生了变化，已取消删除，请重新剪切。");
+      return;
+    }
+    const tr = deleteTopLevelBlock(editor.state, info.pos);
+    if (tr) editor.view.dispatch(tr);
+    props.onClose();
+  }
+  const item = (icon, label, onClick, options = {}) => /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      role: "menuitem",
+      className: `bm-item${options.active ? " active" : ""}${options.disabled ? " disabled" : ""}${options.danger ? " danger" : ""}`,
+      "aria-haspopup": options.submenu ? "menu" : void 0,
+      "aria-expanded": options.submenu ? submenu === options.submenu : void 0,
+      disabled: options.disabled,
+      "aria-disabled": options.disabled || void 0,
+      onMouseEnter: (event) => {
+        rowRef.current = event.currentTarget;
+        if (options.submenu) setSubmenu(options.submenu);
+        else if (!props.panelOnly) setSubmenu(null);
+      },
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx(WIcon, { name: icon, size: 18 }),
+        /* @__PURE__ */ jsx("span", { children: label }),
+        options.submenu && /* @__PURE__ */ jsx(WIcon, { name: "chevron", size: 16, className: "bm-chevron" })
+      ]
+    },
+    label
+  );
+  return /* @__PURE__ */ jsxs("div", { ref: target, className: "block-anchor", role: "menu", "aria-label": "块操作菜单", style: place, onMouseDown: (event) => event.preventDefault(), children: [
+    !props.panelOnly && /* @__PURE__ */ jsxs("div", { className: "block-menu", children: [
+      item("h1", "转换为", () => setSubmenu(submenu === "format" ? null : "format"), { submenu: "format" }),
+      item("indent", "缩进和对齐", () => setSubmenu(submenu === "indent-align" ? null : "indent-align"), { submenu: "indent-align" }),
+      item("palette", "颜色", () => setSubmenu(submenu === "color" ? null : "color"), { submenu: "color" }),
+      item("plus", "在下方添加", () => setSubmenu(submenu === "insert-below" ? null : "insert-below"), { submenu: "insert-below" }),
+      props.canComment && /* @__PURE__ */ jsx("div", { className: "bm-sep" }),
+      props.canComment && item("comment", "评论", () => {
+        var _a2;
+        (_a2 = props.onRequestComment) == null ? void 0 : _a2.call(props);
+        props.onClose();
+      }),
+      item("cut", "剪切", cutBlock),
+      item(copied ? "check" : "copy", copied ? "已复制" : "复制", () => void copyBlock()),
+      props.onCopyLink && item("copy-link", "复制本页链接", () => {
+        var _a2;
+        (_a2 = props.onCopyLink) == null ? void 0 : _a2.call(props);
+        props.onClose();
+      }),
+      /* @__PURE__ */ jsx("div", { className: "bm-sep" }),
+      props.onSharePage && item("share", "分享此页面", () => {
+        var _a2;
+        (_a2 = props.onSharePage) == null ? void 0 : _a2.call(props);
+        props.onClose();
+      }),
+      props.onConvertToSubpage && item("page", "转换为子文档", () => {
+        var _a2;
+        (_a2 = props.onConvertToSubpage) == null ? void 0 : _a2.call(props, node == null ? void 0 : node.toJSON());
+        props.onClose();
+      }),
+      props.onSaveAsTemplate && item("file", "保存为模板", () => {
+        var _a2;
+        (_a2 = props.onSaveAsTemplate) == null ? void 0 : _a2.call(props, node == null ? void 0 : node.toJSON());
+        props.onClose();
+      }),
+      /* @__PURE__ */ jsx("div", { className: "bm-sep" }),
+      item("trash", "删除", () => action(), { danger: true })
+    ] }),
+    submenu && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: submenuRef,
+        className: `block-submenu${submenu === "color" ? " block-submenu-color" : ""}`,
+        role: submenu === "color" ? "dialog" : "menu",
+        style: submenuPlace ? { position: "absolute", ...submenuPlace, overflowY: "auto" } : void 0,
+        "aria-label": submenu === "color" ? "块颜色" : void 0,
+        onMouseEnter: () => setSubmenu(submenu),
+        children: [
+          submenu === "format" && convertibles.map((command) => {
+            const convertible = canConvertMenuBlocks(editor.state, info.pos, command.id);
+            const active = editableActive(editor, info.pos, command.id);
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: `bm-item${active ? " active" : ""}${convertible ? "" : " disabled"}`,
+                disabled: !convertible,
+                "aria-disabled": !convertible,
+                onClick: () => {
+                  convertMenuBlocks(editor, info.pos, command.id);
+                  props.onClose();
+                },
+                children: [
+                  /* @__PURE__ */ jsx(WIcon, { name: command.icon, size: 18 }),
+                  /* @__PURE__ */ jsx("span", { children: command.label }),
+                  active && /* @__PURE__ */ jsx(WIcon, { name: "check", size: 16, className: "bm-chevron" })
+                ]
+              },
+              command.id
+            );
+          }),
+          submenu === "indent-align" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            item("indent", "增加缩进", () => {
+              chain().indentBlock().run();
+              props.onClose();
+            }, { disabled: !textual }),
+            item("outdent", "减少缩进", () => {
+              chain().outdentBlock().run();
+              props.onClose();
+            }, { disabled: !textual }),
+            /* @__PURE__ */ jsx("div", { className: "bm-sep" }),
+            TEXT_ALIGNS.map((align) => item(
+              `align-${align}`,
+              align === "left" ? "左对齐" : align === "center" ? "居中对齐" : align === "right" ? "右对齐" : "两端对齐",
+              () => {
+                chain().setTextAlign(align).run();
+                props.onClose();
+              },
+              { active: currentAlign === align, disabled: !textual }
+            ))
+          ] }),
+          submenu === "color" && /* @__PURE__ */ jsxs("div", { className: "block-color-panel", role: "group", "aria-label": "文档颜色", children: [
+            /* @__PURE__ */ jsxs("div", { className: "color-section", children: [
+              /* @__PURE__ */ jsx("div", { className: "color-label", children: "字体颜色" }),
+              /* @__PURE__ */ jsx("div", { className: "color-grid", role: "group", "aria-label": "字体颜色", children: TEXT_COLORS.map((color) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: `color-choice${textColorActive(editor, color.value) ? " selected" : ""}`,
+                  "aria-label": `字体颜色：${color.name}`,
+                  title: `字体颜色：${color.name}`,
+                  "aria-pressed": textColorActive(editor, color.value),
+                  onClick: () => {
+                    const attrs = color.value ? { color: color.value } : null;
+                    attrs ? chain().setMark("textStyle", attrs).run() : chain().unsetMark("textStyle").run();
+                  },
+                  children: /* @__PURE__ */ jsx("span", { className: "font-sample", style: color.value ? { color: color.value } : void 0, children: "A" })
+                },
+                color.name
+              )) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "color-section", children: [
+              /* @__PURE__ */ jsx("div", { className: "color-label", children: "背景颜色" }),
+              /* @__PURE__ */ jsx("div", { className: "color-grid", role: "group", "aria-label": "背景颜色", children: HIGHLIGHT_COLORS.map((color) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: `color-choice background-choice${highlightActive(editor, color.value) ? " selected" : ""}${color.value === null ? " no-background" : ""}`,
+                  "aria-label": `背景颜色：${color.name}`,
+                  title: `背景颜色：${color.name}`,
+                  "aria-pressed": highlightActive(editor, color.value),
+                  style: color.value ? { background: color.value } : void 0,
+                  onClick: () => {
+                    const attrs = color.value ? { color: color.value } : null;
+                    attrs ? chain().setMark("highlight", attrs).run() : chain().unsetMark("highlight").run();
+                  },
+                  children: color.value === null && /* @__PURE__ */ jsx("span", { className: "clear-stroke", "aria-hidden": "true" })
+                },
+                color.name
+              )) })
+            ] }),
+            /* @__PURE__ */ jsx(WButton, { variant: "outline", block: true, onClick: () => {
+              chain().unsetMark("textStyle").unsetMark("highlight").run();
+              props.onClose();
+            }, children: "恢复默认" })
+          ] }),
+          submenu === "insert-below" && insertCommands.map((command) => item(command.icon, command.label, () => runInsert(command)))
+        ]
+      }
+    ),
+    panel && /* @__PURE__ */ jsx(
+      InsertPicker,
+      {
+        mode: panel.mode,
+        x: ((submenuPlace == null ? void 0 : submenuPlace.left) ?? 0) + (((_b = submenuRef.current) == null ? void 0 : _b.offsetWidth) ?? 240) + 6,
+        y: Math.max(0, (((_c = rowRef.current) == null ? void 0 : _c.getBoundingClientRect().top) ?? 0) - (((_d = target.current) == null ? void 0 : _d.getBoundingClientRect().top) ?? 0)),
+        boundTop: 8 - (((_e = target.current) == null ? void 0 : _e.getBoundingClientRect().top) ?? 0),
+        boundBottom: innerHeight - 8 - (((_f = target.current) == null ? void 0 : _f.getBoundingClientRect().top) ?? 0),
+        onPick: insertWithPanel,
+        onClose: () => setPanel(null)
+      }
+    )
+  ] });
+}
+function editableActive(editor, pos, id) {
+  const range = menuBlockRange(editor.state, pos);
+  if (!range) return false;
+  const node = range.nodes[0];
+  if (!node) return false;
+  if (id === "text") return node.type.name === "paragraph";
+  if (id === "h1") return node.type.name === "heading" && node.attrs.level === 1;
+  if (id === "h2") return node.type.name === "heading" && node.attrs.level === 2;
+  if (id === "h3") return node.type.name === "heading" && node.attrs.level === 3;
+  if (id === "h4") return node.type.name === "heading" && node.attrs.level === 4;
+  if (id === "h5") return node.type.name === "heading" && node.attrs.level === 5;
+  if (id === "h6") return node.type.name === "heading" && node.attrs.level === 6;
+  return node.type.name === { ordered: "orderedList", bullet: "bulletList", quote: "blockquote", code: "codeBlock", task: "taskList", callout: "callout" }[id];
+}
+function textColorActive(editor, value) {
+  const color = editor.getAttributes("textStyle").color;
+  return value === null ? typeof color !== "string" : color === value;
+}
+function highlightActive(editor, value) {
+  const color = editor.getAttributes("highlight").color;
+  return value === null ? typeof color !== "string" : color === value;
+}
+async function writeRichTable(node, schema2) {
+  var _a;
+  if (typeof ClipboardItem === "undefined" || !((_a = navigator.clipboard) == null ? void 0 : _a.write)) {
+    throw new Error("rich clipboard unavailable");
+  }
+  const container = document.createElement("div");
+  container.appendChild(DOMSerializer.fromSchema(schema2).serializeFragment(Fragment$1.from(node)));
+  await navigator.clipboard.write([new ClipboardItem({
+    "text/html": new Blob([container.innerHTML], { type: "text/html" }),
+    "text/plain": new Blob([node.textBetween(0, node.content.size, "\n")], { type: "text/plain" })
+  })]);
+}
+async function copyTableToClipboard(editor, pos, cut, write = writeRichTable) {
+  if (editor.isDestroyed || !editor.isEditable) return null;
+  const originalDoc = editor.state.doc;
+  const node = originalDoc.nodeAt(pos);
+  if ((node == null ? void 0 : node.type.spec.tableRole) !== "table") return null;
+  await write(node, editor.state.schema);
+  if (!cut) return "copied";
+  if (editor.isDestroyed || !editor.isEditable || editor.state.doc !== originalDoc || editor.state.doc.nodeAt(pos) !== node) return "changed";
+  editor.view.dispatch(editor.state.tr.deleteRange(pos, pos + node.nodeSize));
+  editor.view.focus();
+  return "cut";
+}
+function placeTableToolbar(selection, toolbar, viewport) {
+  const inset = 12, gap = 14;
+  const width = Math.min(toolbar.width, Math.max(0, viewport.width - inset * 2));
+  const above = selection.top - gap - toolbar.height;
+  return {
+    left: Math.max(inset, Math.min(
+      (selection.left + selection.right - width) / 2,
+      viewport.width - width - inset
+    )),
+    top: above >= viewport.topInset ? above : Math.max(viewport.topInset, Math.min(
+      selection.top + 40,
+      viewport.height - toolbar.height - inset
+    ))
+  };
+}
+function placeTableMenu(anchor, menu, viewport) {
+  const inset = 12, gap = 6, topInset = viewport.topInset;
+  const anchorTop = Math.max(topInset, Math.min(anchor.top, viewport.height - inset));
+  const anchorBottom = Math.max(anchorTop, Math.min(anchor.bottom, viewport.height - inset));
+  const below = Math.max(0, viewport.height - inset - anchorBottom - gap);
+  const above = Math.max(0, anchorTop - gap - topInset);
+  const useBelow = menu.height <= below || menu.height > above && below >= above;
+  const maxHeight = useBelow ? below : above;
+  const height = Math.min(menu.height, maxHeight);
+  return {
+    left: Math.max(inset, Math.min(anchor.left, viewport.width - menu.width - inset)),
+    top: useBelow ? anchorBottom + gap : anchorTop - gap - height,
+    maxHeight
+  };
+}
+const CORNER_W = 44, CORNER_H = 26, GUTTER_GAP = 8;
+const anchorOf = (event) => {
+  const rect = event.currentTarget.getBoundingClientRect();
+  return { left: rect.left, top: rect.top, right: rect.right, bottom: rect.bottom };
+};
+function TableControls({ editor, hover, revision, onNotice, onBlockDrag }) {
+  var _a, _b, _c;
+  const { portal } = useContentContext(), axisCleanup = useRef(null);
+  const [dismissed, setDismissed] = useState(false), [panel, setPanel] = useState("none");
+  const [menuOpen, setMenuOpen] = useState(false), [menuScope, setMenuScope] = useState("table");
+  const [showStyle, setShowStyle] = useState(false), [widthOpen, setWidthOpen] = useState(false), [width, setWidth] = useState(""), [busy, setBusy] = useState(false);
+  const [toolbarSize, setToolbarSize] = useState({ width: 0, height: 0 });
+  const [menuAnchor, setMenuAnchor] = useState(null), [panelAnchor, setPanelAnchor] = useState(null);
+  const menuRef = useRef(null), panelRef = useRef(null);
+  const [menuPlace, setMenuPlace] = useState({ left: 0, top: 0, maxHeight: 480 }), [panelPlace, setPanelPlace] = useState({ left: 0, top: 0 });
+  useEffect(() => {
+    if (!menuOpen || !menuAnchor) return;
+    const element = menuRef.current;
+    if (!element) return;
+    setMenuPlace(placeTableMenu(menuAnchor, { width: element.offsetWidth, height: element.offsetHeight }, { width: innerWidth, height: innerHeight, topInset: 12 }));
+  }, [menuOpen, menuAnchor, widthOpen, showStyle, menuScope]);
+  useEffect(() => {
+    if (panel === "none" || !panelAnchor) return;
+    const element = panelRef.current;
+    const card = { width: (element == null ? void 0 : element.offsetWidth) ?? 320, height: (element == null ? void 0 : element.offsetHeight) ?? 260 };
+    const placement = placeTableToolbar(panelAnchor, card, { width: innerWidth, height: innerHeight, topInset: 12 });
+    setPanelPlace({ left: placement.left, top: placement.top });
+  }, [panel, panelAnchor]);
+  const selectionRef = useRef(editor.state.selection), docRef = useRef(editor.state.doc);
+  useEffect(() => {
+    if (!selectionRef.current.eq(editor.state.selection) || docRef.current !== editor.state.doc) {
+      setPanel("none");
+      setDismissed(false);
+      setWidthOpen(false);
+      selectionRef.current = editor.state.selection;
+      docRef.current = editor.state.doc;
+    }
+  }, [revision, editor]);
+  const activeCell = currentTableCellPosition(editor.view);
+  const cellPos = (hover == null ? void 0 : hover.cellPos) ?? activeCell;
+  const fresh = cellPos == null ? null : readTableGeometry(editor.view, cellPos);
+  const geometry = fresh && hover ? { ...fresh, rowIndex: hover.rowIndex, colIndex: hover.colIndex } : fresh;
+  const cellSelection = editor.state.selection instanceof CellSelection ? editor.state.selection : null;
+  const showControls = !!hover || !!cellSelection || menuOpen;
+  const canMerge = editor.can().mergeCells(), canSplit = editor.can().splitCell();
+  const headerRow = tableHeaderActive(editor, "row"), headerColumn = tableHeaderActive(editor, "column");
+  const currentAlign = editor.getAttributes("tableCell").align ?? editor.getAttributes("tableHeader").align;
+  const currentTextColor = typeof editor.getAttributes("textStyle").color === "string" ? editor.getAttributes("textStyle").color : null;
+  const currentHighlight = typeof editor.getAttributes("highlight").color === "string" ? editor.getAttributes("highlight").color : null;
+  const currentCellBackground = typeof (editor.getAttributes("tableCell").backgroundColor ?? editor.getAttributes("tableHeader").backgroundColor) === "string" ? editor.getAttributes("tableCell").backgroundColor ?? editor.getAttributes("tableHeader").backgroundColor : null;
+  const chain = () => editor.chain().focus();
+  const shell = editor.view.dom.closest(".editor-shell");
+  useEffect(() => {
+    const context = (event) => {
+      if (!editor.isEditable || !(event.target instanceof Element)) return;
+      const cell = event.target.closest("td,th");
+      if (!cell) return;
+      const pos = cellPositionAtDOM(editor.view, cell);
+      if (pos === null) return;
+      event.preventDefault();
+      selectTableCell(editor.view, pos);
+      setPanel("none");
+      setMenuScope("cell");
+      setShowStyle(false);
+      setMenuAnchor({ left: event.clientX, right: event.clientX, top: event.clientY, bottom: event.clientY });
+      setMenuOpen(true);
+    };
+    editor.view.dom.addEventListener("contextmenu", context, true);
+    return () => {
+      var _a2;
+      if (!editor.isDestroyed) editor.view.dom.removeEventListener("contextmenu", context, true);
+      (_a2 = axisCleanup.current) == null ? void 0 : _a2.call(axisCleanup);
+    };
+  }, [editor]);
+  useEffect(() => {
+    if (!menuOpen && panel === "none") return;
+    const close = (event) => {
+      var _a2, _b2;
+      if (event.target instanceof Element && (((_a2 = menuRef.current) == null ? void 0 : _a2.contains(event.target)) || ((_b2 = panelRef.current) == null ? void 0 : _b2.contains(event.target)) || event.target.closest(".tbl-ui-host"))) return;
+      setMenuOpen(false);
+      setPanel("none");
+    };
+    const resize = () => {
+      setMenuOpen(false);
+      setPanel("none");
+    };
+    document.addEventListener("pointerdown", close, true);
+    window.addEventListener("resize", resize);
+    return () => {
+      document.removeEventListener("pointerdown", close, true);
+      window.removeEventListener("resize", resize);
+    };
+  }, [menuOpen, panel]);
+  function axisDown(axis, index, event) {
+    var _a2;
+    if (!geometry || event.button !== 0) return;
+    event.preventDefault();
+    (_a2 = axisCleanup.current) == null ? void 0 : _a2.call(axisCleanup);
+    const view = editor.view, doc = view.state.doc, original = view.state.selection;
+    const cell = doc.resolve(geometry.cellPos), table = cell.node(-1), start = cell.start(-1), map = TableMap.get(table);
+    const axisCells = axis === "row" ? geometry.rows : geometry.columns;
+    const host = shell == null ? void 0 : shell.getBoundingClientRect();
+    if (!host) return;
+    const select = (endIndex) => {
+      const lo = Math.min(index, endIndex), hi = Math.max(index, endIndex);
+      const first = axis === "row" ? lo * map.width : lo;
+      const last = axis === "row" ? (hi + 1) * map.width - 1 : (map.height - 1) * map.width + hi;
+      view.dispatch(view.state.tr.setSelection(CellSelection.create(doc, start + map.map[first], start + map.map[last])));
+      view.focus();
+    };
+    select(index);
+    const move = (next) => {
+      var _a3;
+      if (!editor.isEditable || view.state.doc !== doc) {
+        (_a3 = axisCleanup.current) == null ? void 0 : _a3.call(axisCleanup);
+        return;
+      }
+      const coordinate = axis === "row" ? next.clientY - host.top : next.clientX - host.left;
+      const closest = axisCells.reduce((best, item) => Math.abs(item.start + item.size / 2 - coordinate) < Math.abs(best.start + best.size / 2 - coordinate) ? item : best);
+      select(closest.index);
+      next.preventDefault();
+    };
+    const key = (next) => {
+      var _a3;
+      if (next.key === "Escape") {
+        if (view.state.doc === doc) view.dispatch(view.state.tr.setSelection(original));
+        next.preventDefault();
+        (_a3 = axisCleanup.current) == null ? void 0 : _a3.call(axisCleanup);
+      }
+    };
+    const done = () => {
+      var _a3;
+      return (_a3 = axisCleanup.current) == null ? void 0 : _a3.call(axisCleanup);
+    };
+    axisCleanup.current = () => {
+      window.removeEventListener("mousemove", move, true);
+      window.removeEventListener("mouseup", done, true);
+      window.removeEventListener("keydown", key, true);
+      window.removeEventListener("blur", done);
+      axisCleanup.current = null;
+    };
+    window.addEventListener("mousemove", move, true);
+    window.addEventListener("mouseup", done, true);
+    window.addEventListener("keydown", key, true);
+    window.addEventListener("blur", done);
+  }
+  useEffect(() => {
+    const escape = (event) => {
+      if (event.key !== "Escape" || event.isComposing) return;
+      if (panel !== "none") {
+        event.preventDefault();
+        setPanel("none");
+      } else if (menuOpen) {
+        event.preventDefault();
+        setMenuOpen(false);
+      } else if (cellSelection) {
+        event.preventDefault();
+        setDismissed(true);
+        editor.view.focus();
+      }
+    };
+    document.addEventListener("keydown", escape);
+    return () => document.removeEventListener("keydown", escape);
+  });
+  function cornerLeft() {
+    if (!geometry || !shell) return 0;
+    return Math.max(geometry.contentLeft - GUTTER_GAP - CORNER_W, 8 - shell.getBoundingClientRect().left);
+  }
+  function selectedBounds() {
+    var _a2;
+    if (!shell || !cellSelection) return null;
+    const rects = [];
+    cellSelection.forEachCell((_cell, pos) => {
+      const dom = editor.view.nodeDOM(pos);
+      if (dom instanceof HTMLElement) rects.push(dom.getBoundingClientRect());
+    });
+    const table = geometry ? (_a2 = editor.view.nodeDOM(geometry.cellPos)) == null ? void 0 : _a2.closest("table") : null;
+    if (!table) return null;
+    const bounds = clippedTableSelection(rects, (table.closest(".tableWrapper") ?? table).getBoundingClientRect());
+    if (!bounds) return null;
+    const host = shell.getBoundingClientRect();
+    const placement = placeTableToolbar(bounds, toolbarSize, { width: innerWidth, height: innerHeight, topInset: 66 });
+    return { left: bounds.left - host.left, top: bounds.top - host.top, width: bounds.right - bounds.left, height: bounds.bottom - bounds.top, toolbarLeft: placement.left, toolbarTop: placement.top };
+  }
+  const selection = selectedBounds();
+  function mark(name) {
+    return tableSelectionMarkActive(editor, name);
+  }
+  function toggleMark(name) {
+    setTableSelectionMark(editor, name, mark(name) ? null : {});
+  }
+  function setColor(name, value) {
+    setTableSelectionMark(editor, name, value ? { color: value } : null);
+    setPanel("none");
+  }
+  function applySwatch(value) {
+    if (panel === "background") {
+      chain().setCellAttribute("backgroundColor", value).run();
+      setPanel("none");
+    } else setColor(panel === "color" ? "textStyle" : "highlight", value);
+  }
+  function showContext(event, scope = "table") {
+    if (!event) return;
+    if (scope === "table" && geometry) selectTableAxis(editor.view, geometry.cellPos, "table");
+    setPanel("none");
+    setShowStyle(false);
+    setMenuScope(scope);
+    setMenuAnchor(anchorOf(event));
+    setMenuOpen(true);
+  }
+  async function copyTable(cut) {
+    const target = tableTarget();
+    if (!target || busy || !editor.isEditable) return;
+    setBusy(true);
+    try {
+      const result = await copyTableToClipboard(editor, target.pos, cut);
+      if (result === "changed") onNotice == null ? void 0 : onNotice("表格已复制；内容发生变化，未执行剪切。");
+      else if (result) onNotice == null ? void 0 : onNotice(result === "cut" ? "表格已剪切。" : "表格已复制。");
+      setMenuOpen(false);
+    } catch {
+      onNotice == null ? void 0 : onNotice("无法写入剪贴板，请允许浏览器访问剪贴板后重试。");
+    } finally {
+      setBusy(false);
+    }
+  }
+  function applyStyle(color) {
+    setTableHeaderBackground(editor, color);
+    setMenuOpen(false);
+    editor.view.focus();
+  }
+  function insertParagraphBelow() {
+    const target = tableTarget();
+    if (!target) return;
+    const end = target.pos + target.node.nodeSize;
+    editor.chain().focus().insertContentAt(end, { type: "paragraph" }).setTextSelection(end + 1).run();
+    setMenuOpen(false);
+  }
+  function showPanel(name, event) {
+    if (panel === name) {
+      setPanel("none");
+      return;
+    }
+    setPanelAnchor(anchorOf(event));
+    setPanel(name);
+  }
+  function tableTarget() {
+    const pos = cellPos == null ? null : tablePositionAtCell(editor.view, cellPos);
+    const node = pos === null ? null : editor.state.doc.nodeAt(pos);
+    return pos !== null && node ? { pos, node } : null;
+  }
+  function distribute() {
+    const target = tableTarget(), dom = target ? editor.view.nodeDOM(target.pos) : null;
+    const table = dom instanceof HTMLElement ? dom.matches("table") ? dom : dom.querySelector("table") : null;
+    const wrapper = (table == null ? void 0 : table.closest(".tableWrapper")) ?? table;
+    if (wrapper) distributeTableColumns(editor, wrapper.clientWidth - 2);
+    setMenuOpen(false);
+  }
+  function applyWidth() {
+    var _a2;
+    const col = (_a2 = currentCellRect(editor)) == null ? void 0 : _a2.col, px = Math.round(Number(width));
+    if (col == null || !Number.isFinite(px) || px < 40 || px > 2e3) return;
+    setColumnWidth(editor, col, px);
+    setWidthOpen(false);
+    setMenuOpen(false);
+  }
+  const colorEntries = [
+    { key: "color", label: "表格文字颜色", tip: "文字颜色", hint: "只改文字本身的颜色，不影响格子底色", colors: TEXT_COLORS, current: currentTextColor },
+    { key: "highlight", label: "表格文字高亮", tip: "文字高亮", hint: "只给文字加荧光底色，格子仍是原本的底色", colors: HIGHLIGHT_COLORS, current: currentHighlight },
+    { key: "background", label: "单元格底色", tip: "单元格底色", hint: "给整个单元格铺底色，与文字高亮互不影响", colors: CELL_BACKGROUNDS, current: currentCellBackground }
+  ];
+  const menuItem = (icon, label, onClick, options = {}) => /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      role: "menuitem",
+      className: `ctx-item${options.danger ? " danger" : ""}`,
+      disabled: options.disabled,
+      "aria-checked": options.checked,
+      "aria-expanded": options.expanded,
+      onMouseDown: (event) => event.preventDefault(),
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx(WIcon, { name: icon, size: 16 }),
+        /* @__PURE__ */ jsx("span", { children: label }),
+        options.checked && /* @__PURE__ */ jsx(WIcon, { name: "check", size: 16, className: "ctx-chevron" }),
+        options.expanded !== void 0 && /* @__PURE__ */ jsx(WIcon, { name: "chevron-down", size: 14, className: "ctx-chevron" })
+      ]
+    }
+  );
+  const tool = (label, icon, onClick, active = false, disabled = false, extra) => /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: `tool${active ? " on" : ""}`,
+      "aria-label": label,
+      title: label,
+      "aria-pressed": active,
+      "aria-disabled": disabled || void 0,
+      onClick: () => {
+        if (!disabled) onClick();
+      },
+      children: [
+        /* @__PURE__ */ jsx(WIcon, { name: icon, size: 18 }),
+        extra
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "tbl-ui-host", children: [
+      geometry && showControls && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "tbl-corner", style: { left: cornerLeft(), top: geometry.tableTop + (((_a = geometry.rows[0]) == null ? void 0 : _a.size) ?? CORNER_H) / 2 - CORNER_H / 2 }, children: [
+          /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "表格操作", "aria-haspopup": "menu", title: "表格操作", onMouseDown: (event) => event.preventDefault(), onClick: (event) => showContext(event, "table"), children: /* @__PURE__ */ jsx(WIcon, { name: "table", size: 18 }) }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "tbl-grip",
+              "aria-label": "拖动或打开表格菜单",
+              "aria-haspopup": "menu",
+              title: "拖动表格",
+              draggable: false,
+              onMouseDown: (event) => {
+                const pos = tablePositionAtCell(editor.view, geometry.cellPos), anchor = anchorOf(event);
+                if (pos !== null) onBlockDrag == null ? void 0 : onBlockDrag(pos, event.nativeEvent, () => {
+                  selectTableAxis(editor.view, geometry.cellPos, "table");
+                  setMenuScope("table");
+                  setShowStyle(false);
+                  setMenuAnchor(anchor);
+                  setMenuOpen(true);
+                });
+              },
+              onClick: (event) => {
+                if (event.detail === 0) showContext(event, "table");
+              },
+              children: /* @__PURE__ */ jsx(WIcon, { name: "handle", size: 16 })
+            }
+          )
+        ] }),
+        geometry.rows.map((row) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `tbl-axis tbl-row-axis${row.index === geometry.rowIndex ? " current" : ""}`,
+            "aria-label": `选择第 ${row.index + 1} 行`,
+            title: `选择第 ${row.index + 1} 行`,
+            style: { left: geometry.tableLeft - 10, top: row.start + row.size / 2 - 12 },
+            onMouseDown: (event) => axisDown("row", row.index, event),
+            onClick: (event) => {
+              if (event.detail === 0) selectTableAxis(editor.view, geometry.cellPos, "row", row.index);
+            }
+          },
+          `row-${row.index}`
+        )),
+        geometry.columns.map((col) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `tbl-axis tbl-col-axis${col.index === geometry.colIndex ? " current" : ""}`,
+            "aria-label": `选择第 ${col.index + 1} 列`,
+            title: `选择第 ${col.index + 1} 列`,
+            style: { left: col.start + col.size / 2 - 12, top: geometry.tableTop - 10 },
+            onMouseDown: (event) => axisDown("column", col.index, event),
+            onClick: (event) => {
+              if (event.detail === 0) selectTableAxis(editor.view, geometry.cellPos, "column", col.index);
+            }
+          },
+          `col-${col.index}`
+        )),
+        [...geometry.rows.map((row) => ({ index: row.index, start: row.start })), { index: geometry.rows.length, start: geometry.tableTop + geometry.tableHeight }].map((boundary) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "tbl-boundary tbl-boundary-row",
+            "aria-label": `在第 ${boundary.index + 1} 行位置添加一行`,
+            title: "添加一行",
+            style: { left: geometry.tableLeft - 14, top: boundary.start - 10, "--insert-length": `${geometry.tableWidth}px` },
+            onMouseDown: (event) => event.preventDefault(),
+            onClick: () => insertTableBoundary(editor, geometry.cellPos, "row", boundary.index),
+            children: /* @__PURE__ */ jsx(WIcon, { name: "plus", size: 14 })
+          },
+          `row-boundary-${boundary.index}`
+        )),
+        [...geometry.columns.map((col) => ({ index: col.index, start: col.start })), { index: geometry.columns.length, start: (((_b = geometry.columns.at(-1)) == null ? void 0 : _b.start) ?? 0) + (((_c = geometry.columns.at(-1)) == null ? void 0 : _c.size) ?? 0) }].map((boundary) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "tbl-boundary tbl-boundary-col",
+            "aria-label": `在第 ${boundary.index + 1} 列位置添加一列`,
+            title: "添加一列",
+            style: { left: boundary.start - 10, top: geometry.tableTop - 14, "--insert-length": `${geometry.tableHeight}px` },
+            onMouseDown: (event) => event.preventDefault(),
+            onClick: () => insertTableBoundary(editor, geometry.cellPos, "column", boundary.index),
+            children: /* @__PURE__ */ jsx(WIcon, { name: "plus", size: 14 })
+          },
+          `col-boundary-${boundary.index}`
+        ))
+      ] }),
+      selection && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "tbl-selection", style: { left: selection.left, top: selection.top, width: selection.width, height: selection.height } }),
+        !menuOpen && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "tbl-selection-more",
+            "aria-label": "打开单元格格式",
+            "aria-expanded": !!cellSelection && !dismissed,
+            style: { left: selection.left + selection.width / 2 - 16, top: selection.top - 10 },
+            onMouseDown: (event) => event.preventDefault(),
+            onClick: () => {
+              if (activeCell == null) return;
+              if (!cellSelection) {
+                editor.view.dispatch(editor.state.tr.setSelection(CellSelection.create(editor.state.doc, activeCell)));
+                editor.view.focus();
+                setDismissed(false);
+              } else setDismissed(!dismissed);
+            },
+            children: "···"
+          }
+        ),
+        cellSelection && !dismissed && !menuOpen && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "tbl-cellbar",
+            role: "toolbar",
+            "aria-label": "表格选区格式",
+            ref: (element) => {
+              if (element) {
+                const { width: w, height: h } = element.getBoundingClientRect();
+                if (w !== toolbarSize.width || h !== toolbarSize.height) setToolbarSize({ width: w, height: h });
+              }
+            },
+            style: { left: selection.toolbarLeft, top: selection.toolbarTop },
+            onMouseDown: (event) => event.preventDefault(),
+            children: /* @__PURE__ */ jsxs("div", { className: "tbl-tools", children: [
+              tool("标题列", "table-header-column", () => chain().toggleHeaderColumn().run(), headerColumn),
+              tool("标题行", "table-header-row", () => chain().toggleHeaderRow().run(), headerRow),
+              /* @__PURE__ */ jsx("span", { className: "tool-sep", "aria-hidden": "true" }),
+              tool("合并单元格", "merge", () => chain().mergeCells().run(), false, !canMerge),
+              tool("拆分单元格", "split", () => chain().splitCell().run(), false, !canSplit),
+              /* @__PURE__ */ jsx("span", { className: "tool-sep", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsxs("button", { type: "button", className: `tool${panel === "align" ? " on" : ""}`, "aria-label": "单元格对齐", onClick: (event) => showPanel("align", event), children: [
+                /* @__PURE__ */ jsx(WIcon, { name: `align-${currentAlign ?? "left"}`, size: 18 }),
+                /* @__PURE__ */ jsx(WIcon, { name: "chevron-down", size: 12 })
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "tool-sep", "aria-hidden": "true" }),
+              tool("表格文字加粗", "bold", () => toggleMark("bold"), mark("bold")),
+              tool("表格文字斜体", "italic", () => toggleMark("italic"), mark("italic")),
+              tool("表格文字删除线", "strike", () => toggleMark("strike"), mark("strike")),
+              tool("表格文字下划线", "underline", () => toggleMark("underline"), mark("underline")),
+              colorEntries.map((item) => /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: `tool color-tool${panel === item.key ? " on" : ""}`,
+                  "aria-label": item.label,
+                  title: item.tip,
+                  "aria-haspopup": "dialog",
+                  "aria-expanded": panel === item.key,
+                  onClick: (event) => showPanel(item.key, event),
+                  children: [
+                    item.key === "color" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      "A",
+                      /* @__PURE__ */ jsx(WIcon, { name: "chevron-down", size: 12 })
+                    ] }) : item.key === "highlight" ? /* @__PURE__ */ jsx(WIcon, { name: "marker", size: 17 }) : /* @__PURE__ */ jsx("span", { className: "fill-icon" }),
+                    /* @__PURE__ */ jsx("span", { className: "color-bar", style: { background: item.current ?? "transparent" }, "aria-hidden": "true" })
+                  ]
+                },
+                item.key
+              )),
+              /* @__PURE__ */ jsx("span", { className: "tool-sep", "aria-hidden": "true" }),
+              tool("选择整个表格", "table", () => selectTableAxis(editor.view, geometry.cellPos, "table")),
+              /* @__PURE__ */ jsx("button", { type: "button", className: "tool", "aria-label": "更多表格操作", "aria-haspopup": "menu", "aria-expanded": menuOpen, onClick: (event) => showContext(event, "cell"), children: "···" })
+            ] })
+          }
+        )
+      ] })
+    ] }),
+    portal && createPortal(/* @__PURE__ */ jsxs(Fragment, { children: [
+      panel === "align" && /* @__PURE__ */ jsx("div", { ref: panelRef, className: "tbl-align-menu", style: { position: "fixed", left: panelPlace.left, top: panelPlace.top }, role: "menu", "aria-label": "单元格对齐菜单", onMouseDown: (event) => event.preventDefault(), children: CELL_ALIGNS.map((align) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          role: "menuitemradio",
+          "aria-checked": (currentAlign ?? "left") === align,
+          onClick: () => {
+            chain().setCellAttribute("align", align).run();
+            setPanel("none");
+          },
+          children: [
+            /* @__PURE__ */ jsx(WIcon, { name: `align-${align}`, size: 18 }),
+            /* @__PURE__ */ jsx("span", { children: align === "left" ? "左对齐" : align === "center" ? "居中对齐" : "右对齐" }),
+            (currentAlign ?? "left") === align && /* @__PURE__ */ jsx(WIcon, { name: "check", size: 16 })
+          ]
+        },
+        align
+      )) }),
+      colorEntries.map((item) => panel === item.key && /* @__PURE__ */ jsxs("div", { ref: panelRef, className: "tbl-palette", style: { position: "fixed", left: panelPlace.left, top: panelPlace.top }, role: "dialog", "aria-label": `${item.tip}选择`, onMouseDown: (event) => event.preventDefault(), children: [
+        /* @__PURE__ */ jsxs("div", { className: "palette-head", children: [
+          /* @__PURE__ */ jsx("span", { className: "palette-title", children: item.tip }),
+          /* @__PURE__ */ jsx("span", { className: "palette-hint", children: item.hint })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "palette-grid", children: item.colors.map((color) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `swatch${item.current === color.value ? " selected" : ""}`,
+            "aria-label": `${item.tip}：${color.value ? color.name : "默认颜色"}`,
+            "aria-pressed": item.current === color.value,
+            onClick: () => applySwatch(color.value),
+            children: color.value && item.key === "color" ? /* @__PURE__ */ jsx("span", { className: "glyph", style: { color: color.value }, children: "A" }) : color.value ? /* @__PURE__ */ jsx("span", { style: { background: color.value } }) : /* @__PURE__ */ jsx("span", { children: "／" })
+          },
+          color.name
+        )) })
+      ] }, item.key)),
+      menuOpen && /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: menuRef,
+          className: "tbl-ctx",
+          style: { position: "fixed", left: menuPlace.left, top: menuPlace.top, maxHeight: menuPlace.maxHeight, overflow: "auto", width: 216 },
+          role: "menu",
+          "aria-label": "表格操作菜单",
+          onMouseDown: (event) => event.preventDefault(),
+          onContextMenu: (event) => event.preventDefault(),
+          children: menuScope === "table" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            menuItem("columns", "均分列宽", distribute),
+            menuItem("palette", "表格样式", () => setShowStyle(!showStyle), { expanded: showStyle }),
+            showStyle && /* @__PURE__ */ jsxs("div", { className: "ctx-styles", "aria-label": "表头样式", children: [
+              [{ label: "浅灰表头", color: null }, { label: "蓝色表头", color: "#d0ebff" }, { label: "绿色表头", color: "#d3f9d8" }].map((style) => /* @__PURE__ */ jsxs("button", { type: "button", className: "ctx-item", role: "menuitem", onMouseDown: (event) => event.preventDefault(), onClick: () => applyStyle(style.color), children: [
+                /* @__PURE__ */ jsx("span", { className: "ctx-style-swatch", style: { background: style.color ?? "var(--color-surface-subtle)" } }),
+                style.label
+              ] }, style.label)),
+              /* @__PURE__ */ jsx("div", { className: "ctx-sep" }),
+              menuItem("table-header-row", "标题行", () => {
+                chain().toggleHeaderRow().run();
+                setMenuOpen(false);
+              }, { checked: headerRow }),
+              menuItem("table-header-column", "标题列", () => {
+                chain().toggleHeaderColumn().run();
+                setMenuOpen(false);
+              }, { checked: headerColumn })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "ctx-sep" }),
+            menuItem("cut", "剪切表格", () => void copyTable(true), { disabled: busy }),
+            menuItem("copy", "复制表格", () => void copyTable(false), { disabled: busy }),
+            menuItem("trash", "删除表格", () => {
+              chain().deleteTable().run();
+              setMenuOpen(false);
+            }, { danger: true }),
+            /* @__PURE__ */ jsx("div", { className: "ctx-sep" }),
+            menuItem("add-below", "在下方插入段落", insertParagraphBelow)
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            menuItem("table-row-plus", "在上方插入行", () => {
+              chain().addRowBefore().run();
+              setMenuOpen(false);
+            }),
+            menuItem("table-row-plus", "在下方插入行", () => {
+              chain().addRowAfter().run();
+              setMenuOpen(false);
+            }),
+            menuItem("table-col-plus", "在左侧插入列", () => {
+              chain().addColumnBefore().run();
+              setMenuOpen(false);
+            }),
+            menuItem("table-col-plus", "在右侧插入列", () => {
+              chain().addColumnAfter().run();
+              setMenuOpen(false);
+            }),
+            /* @__PURE__ */ jsx("div", { className: "ctx-sep" }),
+            menuItem("table", "切换首行表头", () => {
+              chain().toggleHeaderRow().run();
+              setMenuOpen(false);
+            }),
+            menuItem("table", "切换首列表头", () => {
+              chain().toggleHeaderColumn().run();
+              setMenuOpen(false);
+            }),
+            /* @__PURE__ */ jsx("div", { className: "ctx-sep" }),
+            canMerge && menuItem("merge", "合并单元格", () => {
+              chain().mergeCells().run();
+              setMenuOpen(false);
+            }),
+            canSplit && menuItem("split", "拆分单元格", () => {
+              chain().splitCell().run();
+              setMenuOpen(false);
+            }),
+            /* @__PURE__ */ jsx("div", { className: "ctx-label", children: "对齐" }),
+            /* @__PURE__ */ jsxs("div", { className: "ctx-align", children: [
+              CELL_ALIGNS.map((align) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: `al-btn${currentAlign === align ? " on" : ""}`,
+                  title: align === "left" ? "左对齐" : align === "center" ? "居中" : "右对齐",
+                  onClick: () => {
+                    chain().setCellAttribute("align", align).run();
+                    setMenuOpen(false);
+                  },
+                  children: /* @__PURE__ */ jsx(WIcon, { name: `align-${align}`, size: 16 })
+                },
+                align
+              )),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: `al-btn${currentAlign === null ? " on" : ""}`,
+                  title: "清除对齐",
+                  onClick: () => {
+                    chain().setCellAttribute("align", null).run();
+                    setMenuOpen(false);
+                  },
+                  children: "默认"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "ctx-sep" }),
+            !widthOpen ? menuItem("columns", "列宽…", () => setWidthOpen(true)) : /* @__PURE__ */ jsxs("div", { className: "ctx-width", children: [
+              /* @__PURE__ */ jsx("span", { className: "ctx-label-inline", children: "列宽" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  className: "ctx-num",
+                  type: "number",
+                  min: 40,
+                  max: 2e3,
+                  placeholder: "像素",
+                  value: width,
+                  "aria-label": "列宽像素",
+                  onChange: (event) => setWidth(event.target.value),
+                  onKeyDown: (event) => {
+                    if (event.key === "Enter") {
+                      event.preventDefault();
+                      applyWidth();
+                    }
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "faint small", children: "像素" }),
+              /* @__PURE__ */ jsx("button", { type: "button", className: "ctx-mini primary", onClick: applyWidth, children: "应用" })
+            ] }),
+            menuItem("columns", "列宽自适应", () => {
+              var _a2;
+              const col = (_a2 = currentCellRect(editor)) == null ? void 0 : _a2.col;
+              if (col != null) {
+                autoFitColumn(editor, col);
+                setMenuOpen(false);
+              }
+            }),
+            /* @__PURE__ */ jsx("div", { className: "ctx-sep" }),
+            menuItem("trash", "删除行", () => {
+              chain().deleteRow().run();
+              setMenuOpen(false);
+            }),
+            menuItem("trash", "删除列", () => {
+              chain().deleteColumn().run();
+              setMenuOpen(false);
+            }),
+            menuItem("table", "删除表格", () => {
+              chain().deleteTable().run();
+              setMenuOpen(false);
+            }, { danger: true })
+          ] })
+        }
+      )
+    ] }), portal)
+  ] });
+}
+function pickNearestGap(gaps, pointerY) {
+  if (gaps.length === 0) return null;
+  let best = gaps[0];
+  let bestDist = Math.abs(gaps[0].y - pointerY);
+  for (const g of gaps) {
+    const d = Math.abs(g.y - pointerY);
+    if (d < bestDist) {
+      best = g;
+      bestDist = d;
+    }
+  }
+  return best;
+}
+function focusTrailingParagraph(state) {
+  const tr = state.tr;
+  const last = tr.doc.lastChild;
+  if ((last == null ? void 0 : last.type.name) !== "paragraph" || last.content.size !== 0) {
+    tr.insert(tr.doc.content.size, state.schema.nodes.paragraph.create());
+  }
+  return tr.setSelection(Selection.atEnd(tr.doc)).setStoredMarks(null);
+}
+const IMAGE_GESTURE_SLOP_PX = 6;
+const IMAGE_PREVIEW_LONG_PRESS_MS = 450;
+function isImagePreviewTap(movedDistance, elapsedMs) {
+  if (!Number.isFinite(movedDistance) || !Number.isFinite(elapsedMs)) return false;
+  if (movedDistance >= IMAGE_GESTURE_SLOP_PX) return false;
+  return elapsedMs < IMAGE_PREVIEW_LONG_PRESS_MS;
+}
+function documentGestures(editor, shell, options) {
+  const view = editor.view;
+  let stop = null, suppressUntil = 0, picked = null;
+  const writable = () => !editor.isDestroyed && editor.isEditable;
+  function pickedImage(pos) {
+    picked = pos;
+    options.onImagePick(pos);
+  }
+  function cancel() {
+    stop == null ? void 0 : stop();
+    stop = null;
+  }
+  function consumeClick() {
+    const consume = Date.now() < suppressUntil;
+    suppressUntil = 0;
+    return consume;
+  }
+  function gaps() {
+    const result = [];
+    view.state.doc.forEach((node, pos) => {
+      const dom = view.nodeDOM(pos);
+      if (!(dom instanceof HTMLElement)) return;
+      const rect = dom.getBoundingClientRect();
+      result.push({ pos, y: rect.top }, { pos: pos + node.nodeSize, y: rect.bottom });
+    });
+    return result;
+  }
+  function start(pos, event, onClick) {
+    if (!writable() || event.button !== 0 || view.composing) return;
+    cancel();
+    let blocks = getSelectedBlocks(view);
+    if (!blocks.some((block) => block.from === pos)) {
+      const node = view.state.doc.nodeAt(pos);
+      if (!node) return;
+      setBlockRangeSelection(view, pos, pos);
+      blocks = getSelectedBlocks(view);
+    }
+    if (!blocks.length) return;
+    const doc = view.state.doc, from = blocks[0].from, to = blocks.at(-1).to;
+    const partial = blocks.some((block) => {
+      var _a;
+      return (_a = block.images) == null ? void 0 : _a.length;
+    });
+    const originalSelection = view.state.selection;
+    const origin = { x: event.clientX, y: event.clientY };
+    let moved = false, pointer = origin, gap = null, raf = 0;
+    const line = document.createElement("div");
+    line.className = "wr-block-drop-line";
+    line.setAttribute("aria-hidden", "true");
+    const oldCursor = document.documentElement.style.cursor, oldSelect = document.body.style.userSelect;
+    function paint() {
+      if (!writable() || view.state.doc !== doc) {
+        cancel();
+        return;
+      }
+      gap = pickNearestGap(gaps(), pointer.y);
+      const rect = view.dom.getBoundingClientRect();
+      if (gap) Object.assign(line.style, { left: `${rect.left}px`, top: `${gap.y}px`, width: `${rect.width}px` });
+      line.hidden = !gap || gap.pos >= from && gap.pos <= to;
+    }
+    const scroll = () => {
+      if (!moved) return;
+      let scroller = view.dom.parentElement;
+      while (scroller && !(scroller.scrollHeight > scroller.clientHeight && /auto|scroll/.test(getComputedStyle(scroller).overflowY))) scroller = scroller.parentElement;
+      const rect = (scroller == null ? void 0 : scroller.getBoundingClientRect()) ?? { top: 0, bottom: innerHeight };
+      const amount = pointer.y < rect.top + 42 ? -14 : pointer.y > rect.bottom - 42 ? 14 : 0;
+      if (amount) {
+        if (scroller) scroller.scrollTop += amount;
+        else window.scrollBy(0, amount);
+        paint();
+      }
+      raf = requestAnimationFrame(scroll);
+    };
+    const move = (next) => {
+      pointer = { x: next.clientX, y: next.clientY };
+      if (!moved && Math.hypot(pointer.x - origin.x, pointer.y - origin.y) < 4) return;
+      if (!moved) {
+        moved = true;
+        options.onStart();
+        options.layer().append(line);
+        document.documentElement.style.cursor = "grabbing";
+        document.body.style.userSelect = "none";
+        raf = requestAnimationFrame(scroll);
+      }
+      paint();
+      next.preventDefault();
+    };
+    const up = (next) => {
+      const target = gap, didMove = moved;
+      cancel();
+      if (!writable() || view.state.doc !== doc) return;
+      if (!didMove) {
+        if (onClick) onClick();
+        else {
+          const at2 = view.posAtCoords({ left: next.clientX, top: next.clientY });
+          if (at2) view.dispatch(view.state.tr.setSelection(TextSelection.near(view.state.doc.resolve(at2.pos))));
+          view.focus();
+        }
+        return;
+      }
+      suppressUntil = Date.now() + 400;
+      if (!target || target.pos >= from && target.pos <= to) return;
+      const selection = view.state.selection;
+      if (partial && (!(selection instanceof BlockRangeSelection) || !selection.eq(originalSelection))) return;
+      const slice = partial ? selection.content() : view.state.doc.slice(from, to);
+      const tr = view.state.tr;
+      if (partial) selection.replace(tr);
+      else tr.delete(from, to);
+      const at = tr.mapping.map(target.pos), steps = tr.steps.length;
+      tr.insert(at, slice.content);
+      if (tr.steps.length === steps) return;
+      view.dispatch(tr.scrollIntoView());
+      view.focus();
+    };
+    const key = (next) => {
+      if (next.key === "Escape" && !next.isComposing) {
+        next.preventDefault();
+        next.stopImmediatePropagation();
+        suppressUntil = Date.now() + 400;
+        cancel();
+      }
+    };
+    const change2 = () => {
+      if (view.state.doc !== doc || !writable()) cancel();
+    };
+    stop = () => {
+      window.removeEventListener("mousemove", move, true);
+      window.removeEventListener("mouseup", up, true);
+      window.removeEventListener("keydown", key, true);
+      window.removeEventListener("blur", cancel);
+      window.removeEventListener("pointercancel", cancel);
+      editor.off("transaction", change2);
+      cancelAnimationFrame(raf);
+      line.remove();
+      document.documentElement.style.cursor = oldCursor;
+      document.body.style.userSelect = oldSelect;
+      options.onEnd();
+    };
+    window.addEventListener("mousemove", move, true);
+    window.addEventListener("mouseup", up, true);
+    window.addEventListener("keydown", key, true);
+    window.addEventListener("blur", cancel);
+    window.addEventListener("pointercancel", cancel);
+    editor.on("transaction", change2);
+    event.preventDefault();
+  }
+  function pickImage(frame) {
+    var _a;
+    try {
+      const pos = view.posAtDOM(frame, 0);
+      if (((_a = view.state.doc.nodeAt(pos)) == null ? void 0 : _a.type.name) !== "image") return;
+      pickedImage(pos);
+      view.dispatch(view.state.tr.setSelection(NodeSelection.create(view.state.doc, pos)));
+      view.focus();
+    } catch {
+    }
+  }
+  function gallerySelect(gallery, event) {
+    cancel();
+    event.preventDefault();
+    event.stopPropagation();
+    const doc = view.state.doc, origin = { x: event.clientX, y: event.clientY };
+    const frames = Array.from(gallery.children).filter((node) => node instanceof HTMLElement && node.classList.contains("ywiki-image-frame"));
+    const box = document.createElement("div");
+    box.className = "ywiki-gallery-marquee";
+    box.hidden = true;
+    options.layer().append(box);
+    let moved = false;
+    const oldSelect = document.body.style.userSelect;
+    document.body.style.userSelect = "none";
+    const move = (next) => {
+      if (!writable() || view.state.doc !== doc) {
+        cancel();
+        return;
+      }
+      if (!moved && Math.hypot(next.clientX - origin.x, next.clientY - origin.y) < 6) return;
+      moved = true;
+      box.hidden = false;
+      const left = Math.min(origin.x, next.clientX), top = Math.min(origin.y, next.clientY), right = Math.max(origin.x, next.clientX), bottom = Math.max(origin.y, next.clientY);
+      Object.assign(box.style, { left: `${left}px`, top: `${top}px`, width: `${right - left}px`, height: `${bottom - top}px` });
+      for (const frame of frames) {
+        const r = frame.getBoundingClientRect();
+        frame.classList.toggle("is-multi-picked", r.right > left && r.left < right && r.bottom > top && r.top < bottom);
+      }
+      next.preventDefault();
+    };
+    const up = () => {
+      const selected = frames.filter((frame) => frame.classList.contains("is-multi-picked"));
+      cancel();
+      if (!writable() || view.state.doc !== doc) return;
+      if (!moved) {
+        const nearest = frames.sort((a2, b2) => Math.abs(origin.x - (a2.getBoundingClientRect().left + a2.getBoundingClientRect().right) / 2) - Math.abs(origin.x - (b2.getBoundingClientRect().left + b2.getBoundingClientRect().right) / 2))[0];
+        if (nearest) pickImage(nearest);
+      } else if (selected.length === 1) pickImage(selected[0]);
+      else if (selected.length > 1) {
+        const raw = view.posAtDOM(gallery, 0), $raw = view.state.doc.resolve(raw);
+        const pos = $raw.depth ? $raw.before() : raw;
+        const ranges = selected.map((frame) => {
+          const from = view.posAtDOM(frame, 0);
+          return { from, to: from + view.state.doc.nodeAt(from).nodeSize };
+        });
+        setImageRangeSelection(view, pos, ranges);
+        view.focus();
+      }
+    };
+    const key = (next) => {
+      if (next.key === "Escape" && !next.isComposing) {
+        next.preventDefault();
+        cancel();
+      }
+    };
+    stop = () => {
+      window.removeEventListener("mousemove", move, true);
+      window.removeEventListener("mouseup", up, true);
+      window.removeEventListener("keydown", key, true);
+      window.removeEventListener("blur", cancel);
+      window.removeEventListener("pointercancel", cancel);
+      box.remove();
+      document.body.style.userSelect = oldSelect;
+      for (const frame of frames) frame.classList.remove("is-multi-picked");
+    };
+    window.addEventListener("mousemove", move, true);
+    window.addEventListener("mouseup", up, true);
+    window.addEventListener("keydown", key, true);
+    window.addEventListener("blur", cancel);
+    window.addEventListener("pointercancel", cancel);
+  }
+  function down(event) {
+    if (!writable() || view.composing || event.button !== 0 || !(event.target instanceof Element)) return;
+    const target = event.target;
+    if (target.closest("button,input,textarea,select,a,video,audio,.math-node")) return;
+    const blocks = getSelectedBlocks(view);
+    const gallery = target.closest(".ywiki-image-gallery");
+    if (gallery && !target.closest(".ywiki-image-frame") && !gallery.matches(".is-block-selected,.is-block-image-selected")) {
+      gallerySelect(gallery, event);
+      return;
+    }
+    if (event.detail < 2 && blocks.length) {
+      let block = target.closest(".ProseMirror > *");
+      if ((block == null ? void 0 : block.parentElement) !== view.dom) block = null;
+      if (block) {
+        let pos = -1;
+        view.state.doc.forEach((_node, offset) => {
+          if (view.nodeDOM(offset) === block) pos = offset;
+        });
+        const frame2 = target.closest(".ywiki-image-frame");
+        const hit = blocks.find((item) => {
+          var _a;
+          return item.from === pos && (!((_a = item.images) == null ? void 0 : _a.length) || frame2 && item.images.some((range) => view.posAtDOM(frame2, 0) === range.from));
+        });
+        if (hit) {
+          start(hit.from, event);
+          event.stopPropagation();
+          return;
+        }
+      }
+    }
+    const image = target.closest("img.ywiki-image"), frame = image == null ? void 0 : image.closest(".ywiki-image-frame");
+    if (image && frame) {
+      const pos = view.posAtDOM(frame, 0), previous = picked;
+      pickedImage(pos);
+      {
+        cancel();
+        const origin = { x: event.clientX, y: event.clientY, time: Date.now() };
+        let distance = 0;
+        const move = (next) => {
+          distance = Math.max(distance, Math.hypot(next.clientX - origin.x, next.clientY - origin.y));
+        };
+        const up = () => {
+          cancel();
+          if (distance >= 6) {
+            pickedImage(null);
+            return;
+          }
+          if (previous === pos && writable() && image.isConnected && isImagePreviewTap(distance, Date.now() - origin.time)) options.onPreview(image);
+        };
+        stop = () => {
+          window.removeEventListener("mousemove", move, true);
+          window.removeEventListener("mouseup", up, true);
+          window.removeEventListener("blur", cancel);
+        };
+        window.addEventListener("mousemove", move, true);
+        window.addEventListener("mouseup", up, true);
+        window.addEventListener("blur", cancel);
+      }
+    } else pickedImage(null);
+    if (target === view.dom) {
+      const last = view.state.doc.lastChild;
+      const dom = last ? view.nodeDOM(view.state.doc.content.size - last.nodeSize) : null;
+      if (dom instanceof HTMLElement && event.clientY >= dom.getBoundingClientRect().bottom - 4) {
+        event.preventDefault();
+        view.dispatch(focusTrailingParagraph(view.state));
+        view.focus();
+      }
+    }
+  }
+  const nativeDrag = (event) => {
+    if (stop && view.state.selection instanceof BlockRangeSelection) event.preventDefault();
+  };
+  const outside = (event) => {
+    if (!(event.target instanceof Element) || shell.contains(event.target) || event.target.closest(".img-toolbar,.img-preview-mask,.w-popover")) return;
+    pickedImage(null);
+  };
+  const change = ({ transaction }) => {
+    if (transaction.docChanged || view.state.selection instanceof NodeSelection && view.state.selection.from !== picked) pickedImage(null);
+  };
+  editor.on("transaction", change);
+  document.addEventListener("mousedown", outside, true);
+  view.dom.addEventListener("mousedown", down, true);
+  view.dom.addEventListener("dragstart", nativeDrag, true);
+  return { start, consumeClick, cancel, destroy() {
+    cancel();
+    view.dom.removeEventListener("mousedown", down, true);
+    view.dom.removeEventListener("dragstart", nativeDrag, true);
+    editor.off("transaction", change);
+    document.removeEventListener("mousedown", outside, true);
+  } };
+}
+function advanceTarget(target, tr) {
+  if (!target.valid || !tr.docChanged) return;
+  const point = target.from === target.to;
+  const from = tr.mapping.mapResult(target.from, 1);
+  const to = tr.mapping.mapResult(target.to, -1);
+  if (from.deleted || target.to > target.from && to.deleted) {
+    if (target.nodeJSON && tr.getMeta("y-sync$")) {
+      const matches = [];
+      tr.doc.descendants((node, pos) => {
+        if (JSON.stringify(node.toJSON()) === target.nodeJSON) matches.push({ pos, node });
+      });
+      if (matches.length === 1) {
+        target.from = matches[0].pos;
+        target.to = target.from + matches[0].node.nodeSize;
+        return;
+      }
+    }
+    target.valid = false;
+    return;
+  }
+  target.from = from.pos;
+  target.to = point ? from.pos : Math.max(from.pos, to.pos);
+}
+function isRemoteDocumentChange(transaction) {
+  const meta = transaction.getMeta(ySyncPluginKey);
+  return !!(meta == null ? void 0 : meta.isChangeOrigin) && !meta.isUndoRedoOperation;
+}
+function pageCandidates(initial, remote, query, excludeId) {
+  const pages = [...new Map([...initial, ...remote].map((page) => [page.id, page])).values()].filter((page) => page.id !== excludeId);
+  return query.trim() ? rankPages(pages, query.trim()).map((result) => result.page) : pages.sort((a2, b2) => (b2.updatedAt ?? "").localeCompare(a2.updatedAt ?? ""));
+}
+function PagePicker({ spaceId, excludeId, title = "选择页面", onClose, onPick }) {
+  const { host, portal } = useContentContext(), root = useRef(null), input = useRef(null);
+  const [initial, setInitial] = useState([]), [remote, setRemote] = useState([]);
+  const [query, setQuery] = useState(""), [error, setError] = useState(""), [loading, setLoading] = useState(true);
+  const [attempt, setAttempt] = useState(0), [active, setActive] = useState(0), id = useId();
+  const close = useRef(onClose);
+  close.current = onClose;
+  useEffect(() => {
+    var _a;
+    let alive = true;
+    setLoading(true);
+    setError("");
+    void (((_a = host.references) == null ? void 0 : _a.search("", { spaceId, excludeId })) ?? Promise.resolve([])).then((items) => {
+      if (alive) setInitial(items);
+    }).catch((error2) => {
+      if (alive) setError(error2 instanceof Error ? error2.message : "页面加载失败");
+    }).finally(() => {
+      if (alive) setLoading(false);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [host.references, spaceId, excludeId, attempt]);
+  useEffect(() => {
+    let alive = true;
+    setRemote([]);
+    if (!query.trim()) return;
+    const timer = setTimeout(() => {
+      var _a;
+      void ((_a = host.references) == null ? void 0 : _a.search(query.trim(), { spaceId, excludeId }).then((items) => {
+        if (alive) setRemote(items);
+      }).catch(() => {
+      }));
+    }, 180);
+    return () => {
+      alive = false;
+      clearTimeout(timer);
+    };
+  }, [query, host.references, spaceId, excludeId]);
+  useEffect(() => {
+    var _a;
+    if (!portal) return;
+    const previous = document.activeElement, scroll = lockScroll();
+    (_a = input.current) == null ? void 0 : _a.focus();
+    function keydown(event) {
+      if (event.isComposing || event.keyCode === 229) return;
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        close.current();
+      } else if (root.current && trapTab(root.current, event)) event.preventDefault();
+    }
+    document.addEventListener("keydown", keydown, true);
+    return () => {
+      scroll.release();
+      document.removeEventListener("keydown", keydown, true);
+      if (previous == null ? void 0 : previous.isConnected) previous.focus();
+    };
+  }, [portal]);
+  const candidates = useMemo(() => pageCandidates(initial, remote, query, excludeId).slice(0, 20), [initial, remote, query, excludeId]);
+  useEffect(() => {
+    setActive(0);
+  }, [candidates]);
+  useEffect(() => {
+    var _a, _b;
+    (_b = (_a = root.current) == null ? void 0 : _a.querySelector(`[id="${id}-${active}"]`)) == null ? void 0 : _b.scrollIntoView({ block: "nearest" });
+  }, [active, id]);
+  const visible = !!candidates.length && !loading && !error;
+  function choose(candidate) {
+    if (!loading && !error) onPick(candidate.id, candidate.title);
+  }
+  if (!portal) return null;
+  return createPortal(/* @__PURE__ */ jsx("div", { className: "picker-backdrop", onMouseDown: (event) => {
+    if (event.target === event.currentTarget) onClose();
+  }, children: /* @__PURE__ */ jsxs("div", { ref: root, className: "picker", role: "dialog", "aria-modal": "true", "aria-label": title, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: input,
+        className: "picker-input",
+        type: "text",
+        role: "combobox",
+        "aria-label": title,
+        "aria-autocomplete": "list",
+        "aria-controls": visible ? id : void 0,
+        "aria-expanded": !!visible,
+        "aria-activedescendant": visible ? `${id}-${active}` : void 0,
+        placeholder: "搜索页面标题（支持拼音）…",
+        value: query,
+        onChange: (event) => {
+          setQuery(event.target.value);
+          setActive(0);
+        },
+        onKeyDown: (event) => {
+          if (event.nativeEvent.isComposing || event.keyCode === 229 || !visible) return;
+          if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+            event.preventDefault();
+            setActive((value) => (value + (event.key === "ArrowDown" ? 1 : -1) + candidates.length) % candidates.length);
+          } else if (event.key === "Enter") {
+            event.preventDefault();
+            const candidate = candidates[active];
+            if (candidate) choose(candidate);
+          }
+        }
+      }
+    ),
+    error ? /* @__PURE__ */ jsxs("p", { role: "alert", children: [
+      error,
+      " ",
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setAttempt((value) => value + 1), children: "重试" })
+    ] }) : loading ? /* @__PURE__ */ jsx("p", { role: "status", children: "加载中…" }) : candidates.length ? /* @__PURE__ */ jsx("ul", { id, className: "picker-list", role: "listbox", "aria-label": "页面候选", children: candidates.map((candidate, index) => /* @__PURE__ */ jsx(
+      "li",
+      {
+        id: `${id}-${index}`,
+        role: "option",
+        "aria-selected": index === active,
+        className: index === active ? "active" : void 0,
+        onMouseEnter: () => setActive(index),
+        onMouseDown: (event) => {
+          event.preventDefault();
+          choose(candidate);
+        },
+        children: /* @__PURE__ */ jsx("span", { className: "picker-title", children: candidate.title })
+      },
+      candidate.id
+    )) }) : /* @__PURE__ */ jsx("p", { className: "picker-empty", children: "没有匹配的页面" })
+  ] }) }), portal);
+}
+function videoProblem(value, attempted = false) {
+  const inspection = inspectVideoUrl(value);
+  if (inspection.data) return "";
+  if (inspection.issue === "empty") return attempted ? "请粘贴视频链接。" : "";
+  if (inspection.issue === "short-link") return "B站短链（b23.tv）不能在正文里直接播放，请先在浏览器打开，再复制地址栏里的完整链接。";
+  if (inspection.issue === "missing-id") return "链接里没有识别到视频 ID，请确认复制的是单个视频的播放页，而不是首页或频道页。";
+  if (inspection.issue === "unsupported") return `暂不支持该平台的视频链接。目前支持 ${Object.values(VIDEO_PROVIDER_LABELS).join("、")}。`;
+  return "链接格式不正确，请粘贴以 http:// 或 https:// 开头的完整地址。";
+}
+function VideoEmbedDialog({ initialUrl = "", onClose, onInsert }) {
+  const [value, setValue] = useState(initialUrl), [attempted, setAttempted] = useState(false), id = useId();
+  const input = useRef(null);
+  useEffect(() => {
+    var _a;
+    (_a = input.current) == null ? void 0 : _a.focus();
+  }, []);
+  const data = inspectVideoUrl(value).data, problem = videoProblem(value, attempted);
+  function submit() {
+    setAttempted(true);
+    if (data) onInsert(data);
+  }
+  return /* @__PURE__ */ jsx(WDialog, { workspace: true, title: "嵌入视频", onClose, className: "video-dialog", footer: /* @__PURE__ */ jsxs("div", { className: "wr-toolbar", children: [
+    /* @__PURE__ */ jsx(WButton, { onClick: onClose, children: "取消" }),
+    /* @__PURE__ */ jsx(WButton, { variant: "primary", disabled: !data, onClick: submit, children: "插入视频" })
+  ] }), children: /* @__PURE__ */ jsxs("form", { className: "video-form", onSubmit: (event) => {
+    event.preventDefault();
+    submit();
+  }, children: [
+    /* @__PURE__ */ jsxs("div", { className: "video-field", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: id, children: "视频链接" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: input,
+          id,
+          type: "url",
+          maxLength: 2048,
+          placeholder: "粘贴视频播放页链接",
+          autoComplete: "off",
+          spellCheck: false,
+          value,
+          onChange: (event) => setValue(event.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsxs("p", { className: "video-hint", children: [
+        "支持 ",
+        Object.values(VIDEO_PROVIDER_LABELS).join("、"),
+        " 的视频页与官方嵌入链接，番剧、剧集和多 P 视频可直接粘贴。"
+      ] })
+    ] }),
+    data ? /* @__PURE__ */ jsxs("p", { className: "video-status video-status--ok", role: "status", children: [
+      "已识别 ",
+      VIDEO_PROVIDER_LABELS[data.provider],
+      " 视频",
+      /* @__PURE__ */ jsx("span", { className: "video-status-meta", children: data.videoId }),
+      data.page > 1 ? ` · 第 ${data.page} P` : "",
+      data.startSeconds ? ` · 从 ${data.startSeconds} 秒开始` : ""
+    ] }) : problem ? /* @__PURE__ */ jsx("p", { className: "video-status video-status--error", role: "alert", children: problem }) : null,
+    data && /* @__PURE__ */ jsx("p", { className: "video-source", children: videoSourceUrl(data) })
+  ] }) });
+}
+const empty = { type: "doc", content: [{ type: "paragraph" }] };
+const DocumentEditor = forwardRef(function DocumentEditor2(props, ref) {
+  const mount = useRef(null), shell = useRef(null), editor = useRef(null);
+  const context = useContentContext(), host = context.host, latest = useLatest(props), hostRef = useLatest(host), emitted = useRef(null);
+  const contextRef = useLatest(context);
+  const [epoch, update] = useState(0), [notice, setNotice] = useState(""), [error, setError] = useState("");
+  const [slash, setSlash] = useState(null);
+  const [hover, setHover] = useState(null), [frozen, setFrozen] = useState(null), [blockMenu, setBlockMenu] = useState(false);
+  const [panelOnly, setPanelOnly] = useState(void 0);
+  const [tableHover, setTableHover] = useState(null);
+  const [link, setLink] = useState(null);
+  const linkRef = useLatest(link);
+  const [video, setVideo] = useState(false), [videoUrl, setVideoUrl] = useState(""), [references, setReferences] = useState(false);
+  const [atoms, setAtoms] = useState([]), disposed = useRef(false), pending = useRef(0), fileInput = useRef(null), fileKind = useRef("image");
+  const [preview, setPreview] = useState(null);
+  const hoverTimer = useRef(null), lastHover = useRef(null);
+  const gestures = useRef(null);
+  const pendingInsert = useRef(null);
+  const remoteTargets = useRef(/* @__PURE__ */ new Set());
+  const [dragging, setDragging] = useState(false);
+  const [imagePick, setImagePick] = useState(null);
+  const menuOpenRef = useLatest(blockMenu);
+  const mindViewState = useRef({ openId: null, maps: {} });
+  const ready = useReady();
+  useEffect(() => () => {
+    if (hoverTimer.current) clearTimeout(hoverTimer.current);
+  }, []);
+  useEffect(() => {
+    const input = fileInput.current, cancel = () => {
+      pendingInsert.current = null;
+    };
+    input == null ? void 0 : input.addEventListener("cancel", cancel);
+    return () => input == null ? void 0 : input.removeEventListener("cancel", cancel);
+  }, []);
+  const fail = useCallback((error2) => {
+    var _a, _b;
+    setError(asError(error2).message);
+    (_b = (_a = latest.current).onError) == null ? void 0 : _b.call(_a, asError(error2));
+  }, [latest]);
+  const tell = useCallback((message) => {
+    var _a, _b;
+    setNotice(message);
+    (_b = (_a = latest.current).onNotice) == null ? void 0 : _b.call(_a, message);
+  }, [latest]);
+  function onBlockHover(info) {
+    if (hoverTimer.current) {
+      clearTimeout(hoverTimer.current);
+      hoverTimer.current = null;
+    }
+    if (info) {
+      lastHover.current = info;
+      setHover(info);
+      return;
+    }
+    hoverTimer.current = setTimeout(() => {
+      hoverTimer.current = null;
+      setHover(null);
+      if (!menuOpenRef.current) setFrozen(null);
+    }, 220);
+  }
+  useEffect(() => {
+    var _a, _b, _c;
+    const target = mount.current;
+    if (!target) return;
+    disposed.current = false;
+    let alive = true;
+    const container = document.createElement("div");
+    target.append(container);
+    let ed2;
+    const atom = ({ node, editor: owner, getPos }) => {
+      const dom = document.createElement("div");
+      dom.contentEditable = "false";
+      dom.dataset.blockChrome = "";
+      const id = crypto.randomUUID();
+      let current = node;
+      if (node.type.name === "mindMap") dom.dataset.mindMapNode = "";
+      const controller = node.type.name === "mindMap" ? createMindMapController(owner, () => {
+        const pos = getPos();
+        return typeof pos === "number" ? pos : void 0;
+      }, {
+        get pageId() {
+          return latest.current.pageId;
+        },
+        canComment: () => !!latest.current.canComment,
+        canExport: () => !!latest.current.allowExport,
+        status: () => latest.current.saveStatus ?? "",
+        fetchAttachment: (id2) => {
+          var _a2;
+          return (((_a2 = hostRef.current.attachments) == null ? void 0 : _a2.fetch) ?? unavailableAttachment)(id2);
+        },
+        get uploadImage() {
+          var _a2;
+          return latest.current.uploadImage ?? ((_a2 = hostRef.current.attachments) == null ? void 0 : _a2.uploadImage);
+        },
+        viewState: latest.current.mindMapViewState ?? mindViewState.current,
+        awareness: latest.current.collabAwareness
+      }) : void 0;
+      const render = () => {
+        let content;
+        if (current.type.name === "mindMap") {
+          content = /* @__PURE__ */ jsx(
+            MindMapBlock,
+            {
+              node: current.toJSON(),
+              controller,
+              pageId: latest.current.pageId,
+              canComment: latest.current.canComment,
+              onCommentsChanged: latest.current.onCommentsChanged
+            }
+          );
+        } else content = /* @__PURE__ */ jsx(VideoView, { attrs: current.attrs });
+        setAtoms((previous) => [...previous.filter((item) => item.id !== id), { id, dom, content }]);
+      };
+      queueMicrotask(() => {
+        if (alive) render();
+      });
+      return {
+        dom,
+        update(next) {
+          if (next.type !== current.type || current.type.name === "mindMap" && next.attrs.id !== current.attrs.id) return false;
+          current = next;
+          if (alive) render();
+          return true;
+        },
+        stopEvent: () => true,
+        ignoreMutation: () => true,
+        destroy() {
+          controller == null ? void 0 : controller.dispose();
+          if (alive) queueMicrotask(() => {
+            if (alive) setAtoms((previous) => previous.filter((item) => item.id !== id));
+          });
+        }
+      };
+    };
+    const menuCoords = (from) => {
+      var _a2;
+      try {
+        const coords = ed2.view.coordsAtPos(from), rect = ((_a2 = shell.current) == null ? void 0 : _a2.getBoundingClientRect()) ?? { left: 0, top: 0 };
+        return { x: coords.left - rect.left, y: coords.bottom - rect.top + 6 };
+      } catch {
+        return { x: 0, y: 0 };
+      }
+    };
+    try {
+      const initial = latest.current.value ?? latest.current.defaultValue ?? empty;
+      new ContentSchemaService().validate(initial, latest.current.schemaVersion ?? requiredSchemaVersion(initial, SCHEMA_VERSION));
+      ed2 = new Editor({
+        element: container,
+        editable: !latest.current.disabled,
+        content: latest.current.collabDoc ? void 0 : initial,
+        extensions: coreExtensions({
+          placeholder: latest.current.placeholder ?? "输入 / 唤起命令，开始记录…",
+          collabDoc: latest.current.collabDoc,
+          collabAwareness: latest.current.collabAwareness,
+          canCopyCode: () => !!latest.current.allowExport,
+          contentContext: () => contextRef.current,
+          attachmentFetcher: (_a = hostRef.current.attachments) == null ? void 0 : _a.fetch,
+          attachmentScope: hostRef.current.scope,
+          inlineComments: { getComments: () => latest.current.inlineComments ?? [], getActiveId: () => latest.current.activeCommentId ?? null, onMarkClick: (id) => {
+            var _a2, _b2;
+            return (_b2 = (_a2 = latest.current).onInlineMarkClick) == null ? void 0 : _b2.call(_a2, id);
+          } },
+          slash: {
+            onOpen: (state) => {
+              setSlash({ ...state, ...menuCoords(state.from) });
+              setBlockMenu(false);
+              setHover(null);
+            },
+            onUpdate: (query) => setSlash((previous) => previous ? { ...previous, query } : null),
+            onClose: () => setSlash(null)
+          },
+          blockHandle: { onHover: onBlockHover },
+          uploadPlaceholder: { onLost: () => tell("上传目标已移除，附件未插入。") },
+          tableInteraction: { onHover: (value) => setTableHover(value) },
+          mindMapRenderer: atom,
+          videoRenderer: atom
+        }),
+        editorProps: {
+          attributes: { role: "textbox", "aria-label": "文档正文", "aria-multiline": "true", class: "editor-canvas ywiki-prose ywiki-content" },
+          handleKeyDown: (_view, event) => {
+            if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === "k") {
+              event.preventDefault();
+              openLink(ed2);
+              return true;
+            }
+            return false;
+          },
+          handlePaste: (view, event) => {
+            var _a2, _b2;
+            if (!view.editable) return false;
+            const files = pastedImageFiles(event);
+            if (files.length) {
+              void upload(files);
+              return true;
+            }
+            const text = ((_b2 = (_a2 = event.clipboardData) == null ? void 0 : _a2.getData("text/plain")) == null ? void 0 : _b2.trim()) ?? "";
+            if (view.state.selection.empty && !view.state.selection.$from.parent.content.size && parseVideoUrl(text)) {
+              const from = view.state.selection.from;
+              const tr = view.state.tr.insertText(text);
+              tr.addMark(from, from + text.length, view.state.schema.marks.link.create({ href: text }));
+              view.dispatch(tr);
+              pendingInsert.current = { from, to: from + text.length, valid: true };
+              setVideoUrl(text);
+              setVideo(true);
+              return true;
+            }
+            if (pastedRemoteImageUrls(event).length) setTimeout(() => {
+              if (alive) void upgradeRemoteImages(ed2);
+            }, 0);
+            return false;
+          },
+          handleDrop: (view, event) => {
+            var _a2;
+            if (!view.editable || !((_a2 = event.dataTransfer) == null ? void 0 : _a2.files.length)) return false;
+            const at = view.posAtCoords({ left: event.clientX, top: event.clientY });
+            if (!at) return false;
+            event.preventDefault();
+            void upload([...event.dataTransfer.files], at.pos);
+            return true;
+          },
+          handleDOMEvents: {
+            contextmenu: (view, event) => {
+              var _a2;
+              if (!view.editable || !(event.target instanceof Element)) return false;
+              const cell = event.target.closest("td,th");
+              if (cell) return false;
+              const block = event.target.closest(".ProseMirror > *"), hr = (_a2 = shell.current) == null ? void 0 : _a2.getBoundingClientRect();
+              if (!block || block.parentElement !== view.dom || !hr) return false;
+              let pos = -1;
+              view.state.doc.forEach((_node, offset) => {
+                if (view.nodeDOM(offset) === block) pos = offset;
+              });
+              const node = view.state.doc.nodeAt(pos);
+              if (!node) return false;
+              event.preventDefault();
+              setLink(null);
+              setSlash(null);
+              setFrozen({ pos, type: node.type.name, top: event.clientY - hr.top, contentLeft: event.clientX - hr.left, isEmpty: node.isTextblock && !node.content.size });
+              setPanelOnly(void 0);
+              setBlockMenu(true);
+              return true;
+            },
+            mouseover: (view, event) => {
+              var _a2;
+              if (linkRef.current || !view.editable) return false;
+              const anchor = (_a2 = event.target) == null ? void 0 : _a2.closest("a[href]");
+              if (!anchor || !view.dom.contains(anchor)) return false;
+              const pos = view.posAtDOM(anchor, 0), range = getMarkRange(view.state.doc.resolve(pos), view.state.schema.marks.link);
+              if (!range) return false;
+              const rect = anchor.getBoundingClientRect();
+              const tracked = createLinkEditTarget(view.state, TextSelection.create(view.state.doc, range.from, range.to));
+              if (tracked) setLink({ ...tracked, tracked, mode: "preview", anchor: { left: rect.left, top: rect.top, width: rect.width, height: rect.height } });
+              return false;
+            }
+          }
+        },
+        onUpdate: ({ editor: editor2, transaction }) => {
+          var _a2, _b2;
+          emitted.current = editor2.getJSON();
+          update((value) => value + 1);
+          (_b2 = (_a2 = latest.current).onChange) == null ? void 0 : _b2.call(_a2, emitted.current, { remote: isRemoteDocumentChange(transaction) });
+        },
+        onSelectionUpdate: () => update((value) => value + 1),
+        onTransaction: ({ transaction }) => {
+          if (pendingInsert.current) advanceTarget(pendingInsert.current, transaction);
+          for (const target3 of remoteTargets.current) advanceTarget(target3, transaction);
+          const target2 = linkRef.current;
+          if (target2 == null ? void 0 : target2.tracked) {
+            advanceTarget(target2.tracked, transaction);
+            target2.from = target2.tracked.from;
+            target2.to = target2.tracked.to;
+          }
+          update((value) => value + 1);
+        },
+        onBlur: () => {
+          var _a2, _b2;
+          return (_b2 = (_a2 = latest.current).onBlur) == null ? void 0 : _b2.call(_a2);
+        }
+      });
+      editor.current = ed2;
+      if (shell.current) {
+        gestures.current = documentGestures(ed2, shell.current, {
+          layer: () => contextRef.current.portal ?? shell.current ?? document.body,
+          onStart: () => {
+            setDragging(true);
+            setBlockMenu(false);
+            dismissSlash(ed2.view);
+            setSlash(null);
+            setLink(null);
+          },
+          onEnd: () => {
+            setDragging(false);
+            update((value) => value + 1);
+          },
+          onImagePick: setImagePick,
+          onPreview: (image) => {
+            const source = image.getAttribute("src") ?? "";
+            if (!source) return;
+            const items = previewItemsFrom(image, "图片预览");
+            setPreview({ src: source, label: image.alt || "图片预览", items: items.items.length ? items.items : [{ src: source, label: image.alt || "图片预览" }], index: items.items.length ? items.index : 0 });
+          }
+        });
+      }
+      ready.markReady();
+      (_c = (_b = latest.current).onReady) == null ? void 0 : _c.call(_b);
+    } catch (error2) {
+      fail(error2);
+    }
+    return () => {
+      var _a2;
+      alive = false;
+      disposed.current = true;
+      (_a2 = gestures.current) == null ? void 0 : _a2.destroy();
+      gestures.current = null;
+      pendingInsert.current = null;
+      editor.current = null;
+      ed2 == null ? void 0 : ed2.destroy();
+      container.remove();
+      setAtoms([]);
+    };
+  }, [props.collabDoc, props.collabAwareness]);
+  useEffect(() => {
+    const ed2 = editor.current;
+    if (ed2 && !ed2.isDestroyed) ed2.view.dispatch(ed2.state.tr.setMeta("content-context", true));
+  }, [context.portal, context.theme, context.accent, host.preferences, props.allowExport]);
+  useEffect(() => {
+    var _a;
+    const ed2 = editor.current;
+    if (ed2) {
+      ed2.setEditable(!props.disabled, false);
+      ed2.view.dispatch(ed2.state.tr.setMeta("content-capabilities", true));
+    }
+    if (props.disabled) {
+      (_a = gestures.current) == null ? void 0 : _a.cancel();
+      closeBlockMenu();
+      setLink(null);
+      setSlash(null);
+      setHover(null);
+      setFrozen(null);
+      pendingInsert.current = null;
+      setReferences(false);
+      setVideo(false);
+      setTableHover(null);
+    }
+  }, [props.disabled]);
+  useEffect(() => {
+    const ed2 = editor.current;
+    if (!ed2 || !props.value || props.collabDoc || props.value === emitted.current) return;
+    try {
+      new ContentSchemaService().validate(props.value, props.schemaVersion ?? requiredSchemaVersion(props.value, SCHEMA_VERSION));
+      const parsed = ed2.schema.nodeFromJSON(props.value);
+      if (!parsed.eq(ed2.state.doc)) ed2.commands.setContent(props.value, { emitUpdate: false });
+      setError("");
+    } catch (error2) {
+      fail(error2);
+    }
+  }, [props.value, props.collabDoc, fail]);
+  useEffect(() => {
+    if (editor.current) refreshInlineComments(editor.current, props.inlineComments ?? []);
+  }, [props.inlineComments, props.activeCommentId]);
+  const snapshot = () => {
+    var _a;
+    return ((_a = editor.current) == null ? void 0 : _a.getJSON()) ?? latest.current.value ?? latest.current.defaultValue ?? empty;
+  };
+  function hasPendingTasks() {
+    var _a;
+    const ed2 = editor.current;
+    return !!ed2 && (pending.current > 0 || remoteTargets.current.size > 0 || !!pendingInsert.current || references || video || ed2.view.composing || !!((_a = ed2.storage.mindMap) == null ? void 0 : _a.composing) || !!ed2.view.dom.querySelector(".math-latex-input"));
+  }
+  function selectionRect() {
+    const ed2 = editor.current;
+    if (!ed2 || ed2.state.selection.empty) return null;
+    try {
+      const rect = ed2.view.coordsAtPos(ed2.state.selection.from);
+      return { left: rect.left, top: rect.top, width: Math.max(1, rect.right - rect.left), height: Math.max(1, rect.bottom - rect.top) };
+    } catch {
+      return null;
+    }
+  }
+  useImperativeHandle(ref, () => ({
+    isReady: ready.isReady,
+    whenReady: ready.whenReady,
+    getJSON: snapshot,
+    getSnapshot: snapshot,
+    async prepareSnapshot() {
+      if (!editor.current) throw new Error("文档尚未就绪");
+      if (hasPendingTasks()) throw new Error("请先完成上传、公式或组合输入");
+      const doc = snapshot(), schemaVersion = requiredSchemaVersion(doc, latest.current.schemaVersion ?? SCHEMA_VERSION);
+      new ContentSchemaService().validate(doc, schemaVersion);
+      return { doc, schemaVersion };
+    },
+    hasPendingTasks,
+    focus: () => {
+      var _a;
+      (_a = editor.current) == null ? void 0 : _a.commands.focus();
+    },
+    undo: () => {
+      var _a;
+      return ((_a = editor.current) == null ? void 0 : _a.commands.undo()) ?? false;
+    },
+    redo: () => {
+      var _a;
+      return ((_a = editor.current) == null ? void 0 : _a.commands.redo()) ?? false;
+    },
+    hasSelection: () => !!editor.current && !editor.current.state.selection.empty,
+    getSelectionRect: selectionRect,
+    getSelectionForAnchor() {
+      const ed2 = editor.current;
+      if (!ed2 || ed2.state.selection.empty) return null;
+      const { from, to } = ed2.state.selection;
+      const quote = ed2.state.doc.textBetween(from, to, "\n");
+      if (!quote.trim()) return null;
+      return { quote, prefix: ed2.state.doc.textBetween(Math.max(0, from - 64), from, "\n"), suffix: ed2.state.doc.textBetween(to, Math.min(ed2.state.doc.content.size, to + 64), "\n"), start: ed2.state.doc.textBetween(0, from, "\n").length };
+    },
+    setSelection(from, to = from) {
+      var _a;
+      (_a = editor.current) == null ? void 0 : _a.commands.setTextSelection({ from, to });
+    },
+    setContent(doc) {
+      var _a;
+      if (latest.current.collabDoc) return;
+      try {
+        const next = doc ?? empty;
+        new ContentSchemaService().validate(next, latest.current.schemaVersion ?? requiredSchemaVersion(next, SCHEMA_VERSION));
+        (_a = editor.current) == null ? void 0 : _a.commands.setContent(next, { emitUpdate: false });
+        setError("");
+      } catch (error2) {
+        fail(error2);
+      }
+    }
+  }));
+  function openLink(ed2 = editor.current) {
+    if (!ed2 || !ed2.isEditable) return;
+    const tracked = createLinkEditTarget(ed2.state);
+    if (!tracked) {
+      tell("请先选中要添加链接的文字");
+      return;
+    }
+    const rect = ed2.view.coordsAtPos(tracked.from);
+    setLink({ ...tracked, tracked, mode: "edit", anchor: { left: rect.left, top: rect.top, width: Math.max(1, rect.right - rect.left), height: rect.bottom - rect.top } });
+  }
+  function rememberInsert() {
+    const ed2 = editor.current;
+    if (!(ed2 == null ? void 0 : ed2.isEditable)) return;
+    pendingInsert.current = { from: ed2.state.selection.from, to: ed2.state.selection.from, valid: true };
+  }
+  function requestPage() {
+    if (!hostRef.current.references) {
+      tell("未配置资源选择服务");
+      return;
+    }
+    rememberInsert();
+    setReferences(true);
+  }
+  function requestVideo() {
+    rememberInsert();
+    setVideoUrl("");
+    setVideo(true);
+  }
+  function insertPending(content) {
+    const ed2 = editor.current, target = pendingInsert.current;
+    pendingInsert.current = null;
+    if (!(ed2 == null ? void 0 : ed2.isEditable) || !(target == null ? void 0 : target.valid) || target.from > ed2.state.doc.content.size) {
+      tell("插入目标已移除，请重新选择位置");
+      return;
+    }
+    ed2.chain().focus().insertContentAt({ from: target.from, to: target.to }, content).run();
+  }
+  function requestFile(kind) {
+    rememberInsert();
+    fileKind.current = kind;
+    if (fileInput.current) {
+      fileInput.current.accept = kind === "image" ? "image/*" : "";
+      fileInput.current.click();
+    }
+  }
+  async function upload(files, position, kind = "auto") {
+    var _a, _b, _c;
+    const ed2 = editor.current;
+    if (!ed2 || !ed2.isEditable) return;
+    const at = position ?? ed2.state.selection.from;
+    const imageUploader = latest.current.uploadImage ?? ((_a = hostRef.current.attachments) == null ? void 0 : _a.uploadImage);
+    if (kind !== "file" && files.length > 1 && files.every((file) => file.type.startsWith("image/")) && imageUploader) {
+      const id = crypto.randomUUID();
+      pending.current++;
+      addUploadPlaceholder(ed2.view, { id, pos: at, kind: "image", label: `${files.length} 张图片`, file: files[0] });
+      try {
+        if (files.some((file) => file.size > 20 * 1024 * 1024)) throw new Error("图片不能超过 20 MB");
+        const nodes = await Promise.all(files.map(async (file) => {
+          const result = await imageUploader(file);
+          primeAttachment(result.id, file);
+          return ed2.schema.nodes.image.create({ attachmentId: result.id, alt: result.alt });
+        }));
+        if (disposed.current || ed2.isDestroyed || !ed2.isEditable) return;
+        const pos = currentPlaceholderPos(ed2.view, id);
+        if (pos === null) return;
+        const tr = ed2.state.tr;
+        let nextPos = pos;
+        for (let index = 0; index < nodes.length; index += 10) {
+          const chunk = nodes.slice(index, index + 10), block = chunk.length === 1 ? chunk[0] : ed2.schema.nodes.imageGallery.create({ height: 120 }, chunk);
+          const start = tr.mapping.maps.length, at2 = nextPos;
+          insertUploadedBlock(tr, at2, block);
+          nextPos = tr.mapping.slice(start).map(at2, 1);
+        }
+        ed2.view.dispatch(tr);
+        removeUploadPlaceholder(ed2.view, id);
+      } catch (error2) {
+        if (!disposed.current && !ed2.isDestroyed) {
+          removeUploadPlaceholder(ed2.view, id);
+          fail(error2);
+        }
+      } finally {
+        if (!ed2.isDestroyed) removeUploadPlaceholder(ed2.view, id);
+        pending.current--;
+        if (!disposed.current) update((value) => value + 1);
+      }
+      return;
+    }
+    const slots = files.map((file) => ({ file, id: crypto.randomUUID() }));
+    for (const { file, id } of slots) addUploadPlaceholder(ed2.view, { id, pos: at, kind: file.type.startsWith("image/") && kind !== "file" ? "image" : "file", label: file.name, file });
+    pending.current += slots.length;
+    update((value) => value + 1);
+    for (const { file, id } of slots) {
+      if (ed2.isDestroyed) {
+        pending.current--;
+        continue;
+      }
+      const image = file.type.startsWith("image/") && kind !== "file";
+      const uploader = image ? latest.current.uploadImage ?? ((_b = hostRef.current.attachments) == null ? void 0 : _b.uploadImage) : latest.current.uploadFile ?? ((_c = hostRef.current.attachments) == null ? void 0 : _c.uploadFile);
+      try {
+        if (!uploader) throw new Error("未配置附件上传服务");
+        if (file.size > 20 * 1024 * 1024) throw new Error("附件不能超过 20 MB");
+        const result = await uploader(file);
+        if (disposed.current || ed2.isDestroyed || !ed2.isEditable || currentPlaceholderPos(ed2.view, id) === null) continue;
+        primeAttachment(result.id, file);
+        const attrs = image ? { attachmentId: result.id, alt: "alt" in result ? result.alt : file.name } : { attachmentId: result.id, filename: file.name, mimeType: file.type, size: file.size };
+        replacePlaceholderWithNode(ed2.view, id, { type: image ? "image" : "fileAttachment", attrs });
+      } catch (error2) {
+        if (!ed2.isDestroyed && !disposed.current) {
+          removeUploadPlaceholder(ed2.view, id);
+          fail(error2);
+        }
+      } finally {
+        if (!ed2.isDestroyed) removeUploadPlaceholder(ed2.view, id);
+        pending.current--;
+        if (!disposed.current) update((value) => value + 1);
+      }
+    }
+  }
+  async function upgradeRemoteImages(ed2) {
+    var _a, _b;
+    const uploader = latest.current.uploadImage ?? ((_a = hostRef.current.attachments) == null ? void 0 : _a.uploadImage);
+    if (!uploader) {
+      tell("未配置图片上传服务，无法保存粘贴的外链图片");
+      return;
+    }
+    const targets = [];
+    ed2.state.doc.descendants((node, pos) => {
+      if (node.type.name === "image" && !node.attrs.attachmentId && /^https?:\/\//i.test(String(node.attrs.src))) {
+        const target = { from: pos, to: pos + node.nodeSize, valid: true };
+        remoteTargets.current.add(target);
+        targets.push({ target, src: node.attrs.src });
+      }
+    });
+    pending.current += targets.length;
+    update((value) => value + 1);
+    for (const { target, src } of targets) try {
+      const response = await fetch(src, { credentials: "omit", signal: AbortSignal.timeout(15e3) });
+      if (!response.ok || Number(response.headers.get("content-length")) > 20 * 1024 * 1024) throw new Error("外链图片读取失败或超过 20 MB");
+      const blob = await response.blob();
+      if (!blob.type.startsWith("image/") || blob.size > 20 * 1024 * 1024) throw new Error("外链图片格式无效或超过 20 MB");
+      const result = await uploader(new File([blob], "粘贴图片", { type: blob.type }));
+      if (ed2.isDestroyed || !ed2.isEditable || !target.valid || ((_b = ed2.state.doc.nodeAt(target.from)) == null ? void 0 : _b.attrs.src) !== src) continue;
+      const node = ed2.state.doc.nodeAt(target.from);
+      primeAttachment(result.id, blob);
+      ed2.view.dispatch(ed2.state.tr.setNodeMarkup(target.from, void 0, { ...node.attrs, src: null, attachmentId: result.id, alt: result.alt }));
+    } catch (error2) {
+      if (!ed2.isDestroyed) fail(error2);
+    } finally {
+      remoteTargets.current.delete(target);
+      pending.current--;
+      if (!ed2.isDestroyed) update((value) => value + 1);
+    }
+  }
+  const ed = editor.current;
+  const selection = ed == null ? void 0 : ed.state.selection;
+  const selectedImage = selection instanceof NodeSelection && selection.node.type.name === "image" ? { pos: selection.from, node: selection.node } : null;
+  const slashOpen = !!slash;
+  let selectionToolbar = null;
+  let imageToolbar = null;
+  if (ed && shell.current && !props.disabled && !slashOpen && !blockMenu && !link && !dragging) {
+    const hostRect = shell.current.getBoundingClientRect();
+    if (selection instanceof TextSelection && !selection.empty) {
+      try {
+        const start = ed.view.coordsAtPos(selection.from), end = ed.view.coordsAtPos(selection.to);
+        selectionToolbar = { x: (start.left + end.right) / 2 - hostRect.left, y: Math.min(start.top, end.top) - hostRect.top - 8 };
+      } catch {
+        selectionToolbar = null;
+      }
+    }
+    if (selectedImage && imagePick === selectedImage.pos) {
+      try {
+        const dom = ed.view.nodeDOM(selectedImage.pos);
+        if (dom instanceof HTMLElement) {
+          const rect = dom.getBoundingClientRect(), above = rect.top - hostRect.top - 44;
+          imageToolbar = { x: rect.left - hostRect.left + rect.width / 2, y: above < 4 ? rect.bottom - hostRect.top + 10 : above };
+        }
+      } catch {
+        imageToolbar = null;
+      }
+    }
+  }
+  const hoverInfo = blockMenu ? frozen ?? hover : hover;
+  const style = hoverInfo && shell.current ? blockAffordanceStyle(hoverInfo, shell.current, hoverInfo.isEmpty ? "plus" : "chip") : { left: 0, top: 0 };
+  function imageAlign(value) {
+    if (!ed || !selectedImage || !ed.isEditable) return;
+    ed.view.dispatch(ed.state.tr.setNodeMarkup(selectedImage.pos, void 0, { ...selectedImage.node.attrs, align: value }));
+    ed.commands.focus();
+  }
+  function previewImage() {
+    if (!ed || !selectedImage) return;
+    const dom = ed.view.nodeDOM(selectedImage.pos), img = dom instanceof HTMLElement ? dom.querySelector("img") : null;
+    const src = (img == null ? void 0 : img.getAttribute("src")) ?? "";
+    if (!src) return;
+    const { items, index } = previewItemsFrom(img, "图片预览");
+    setPreview({ src, label: selectedImage.node.attrs.alt ? String(selectedImage.node.attrs.alt) : "图片预览", items: items.length ? items : [{ src, label: "图片预览" }], index: items.length ? index : 0 });
+  }
+  function removeImage() {
+    if (!ed || !selectedImage || !ed.isEditable) return;
+    const $pos = ed.state.doc.resolve(selectedImage.pos);
+    if ($pos.parent.type.name === "imageGallery") {
+      const from = $pos.before(), to = from + $pos.parent.nodeSize;
+      const range = new BlockRangeSelection(ed.state.doc.resolve(from), ed.state.doc.resolve(to), [{
+        kind: "images",
+        from,
+        to,
+        images: [{ from: selectedImage.pos, to: selectedImage.pos + selectedImage.node.nodeSize }]
+      }]);
+      const tr = ed.state.tr;
+      range.replace(tr);
+      ed.view.dispatch(tr);
+      ed.view.focus();
+      return;
+    }
+    ed.chain().focus().deleteRange({ from: selectedImage.pos, to: selectedImage.pos + selectedImage.node.nodeSize }).run();
+  }
+  const quickVisible = !!hoverInfo && !props.disabled && !blockMenu && !dragging && !tableHover && hoverInfo.type !== "table" && !slash && !selectionToolbar && !preview && !link;
+  return /* @__PURE__ */ jsxs("div", { ref: shell, className: `wr-document editor-shell${selectedImage && imagePick === selectedImage.pos ? " img-pick-active" : ""}${props.className ? ` ${props.className}` : ""}`, "data-block-select-band": true, children: [
+    notice && /* @__PURE__ */ jsx("p", { role: "status", children: notice }),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", children: error }),
+    /* @__PURE__ */ jsx("div", { ref: mount, className: "wr-document-mount" }),
+    selectionToolbar && ed && !selectedImage && /* @__PURE__ */ jsx(
+      SelectionToolbar,
+      {
+        editor: ed,
+        x: selectionToolbar.x,
+        y: selectionToolbar.y,
+        canComment: props.canComment,
+        onRequestComment: () => {
+          var _a, _b;
+          return (_b = (_a = latest.current).onRequestComment) == null ? void 0 : _b.call(_a);
+        },
+        onRequestLink: () => openLink(ed),
+        onRemoveLink: () => {
+          ed.chain().focus().unsetLink().run();
+        }
+      }
+    ),
+    imageToolbar && selectedImage && ed && /* @__PURE__ */ jsxs("div", { className: "img-toolbar", role: "toolbar", "aria-label": "图片操作", style: { left: imageToolbar.x, top: imageToolbar.y }, onMouseDown: (event) => event.preventDefault(), children: [
+      ["left", "center", "right"].map((align) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `it-btn${selectedImage.node.attrs.align === align ? " on" : ""}`,
+          "aria-label": `图片${align === "left" ? "左" : align === "center" ? "居中" : "右"}对齐`,
+          title: `图片${align === "left" ? "左" : align === "center" ? "居中" : "右"}对齐`,
+          "aria-pressed": selectedImage.node.attrs.align === align,
+          onClick: () => imageAlign(align),
+          children: /* @__PURE__ */ jsx(WIcon, { name: `align-${align}`, size: 16 })
+        },
+        align
+      )),
+      /* @__PURE__ */ jsx("span", { className: "it-sep", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: "it-btn", "aria-label": "编辑图注", title: "编辑图注", onClick: () => {
+        const dom = ed.view.nodeDOM(selectedImage.pos);
+        if (dom instanceof HTMLElement) dom.dispatchEvent(new CustomEvent("ywiki-caption-edit"));
+      }, children: /* @__PURE__ */ jsx(WIcon, { name: "text", size: 16 }) }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: "it-btn", "aria-label": "查看大图", title: "查看大图", onClick: previewImage, children: /* @__PURE__ */ jsx(WIcon, { name: "zoom-in", size: 16 }) }),
+      /* @__PURE__ */ jsx("span", { className: "it-sep", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: "it-btn danger", "aria-label": "删除图片", title: "删除图片", onClick: removeImage, children: /* @__PURE__ */ jsx(WIcon, { name: "trash", size: 16 }) })
+    ] }),
+    hoverInfo && quickVisible && (hoverInfo.isEmpty ? /* @__PURE__ */ jsx(BlockPlus, { info: hoverInfo, style, expanded: blockMenu, onMouseEnter: () => onBlockHover(lastHover.current), onClick: () => {
+      setFrozen(hoverInfo);
+      setPanelOnly("insert-below");
+      setBlockMenu(true);
+      setHover(hoverInfo);
+      ed == null ? void 0 : ed.commands.focus();
+    } }) : /* @__PURE__ */ jsx(
+      BlockChip,
+      {
+        editor: ed,
+        info: hoverInfo,
+        style,
+        expanded: blockMenu,
+        onMouseEnter: () => onBlockHover(lastHover.current),
+        onOpen: () => {
+          setFrozen(hoverInfo);
+          setPanelOnly("format");
+          setBlockMenu(true);
+          setHover(hoverInfo);
+        },
+        onOpenFull: () => {
+          var _a;
+          if ((_a = gestures.current) == null ? void 0 : _a.consumeClick()) return;
+          setFrozen(hoverInfo);
+          setPanelOnly(void 0);
+          setBlockMenu(true);
+          setHover(hoverInfo);
+        },
+        onHandleMouseDown: (event) => {
+          var _a;
+          (_a = gestures.current) == null ? void 0 : _a.start(hoverInfo.pos, event.nativeEvent, () => {
+          });
+        }
+      }
+    )),
+    blockMenu && frozen && ed && /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, zIndex: 45, pointerEvents: "none" }, children: /* @__PURE__ */ jsx(
+      BlockMenu,
+      {
+        editor: ed,
+        info: frozen,
+        canComment: props.canComment,
+        panelOnly,
+        onClose: () => {
+          setBlockMenu(false);
+          setFrozen(null);
+          setPanelOnly(void 0);
+          setHover(lastHover.current);
+        },
+        onPickFile: (kind) => {
+          closeBlockMenu();
+          requestFile(kind);
+        },
+        onPickPage: () => {
+          closeBlockMenu();
+          requestPage();
+        },
+        onPickVideo: () => {
+          closeBlockMenu();
+          requestVideo();
+        },
+        onRequestComment: () => {
+          var _a, _b;
+          const node = ed.state.doc.nodeAt(frozen.pos);
+          if (node) ed.commands.setTextSelection({ from: frozen.pos + 1, to: frozen.pos + node.nodeSize - 1 });
+          (_b = (_a = latest.current).onRequestComment) == null ? void 0 : _b.call(_a);
+        },
+        onNotice: tell,
+        onCopyLink: props.pageId ? () => {
+          var _a;
+          const target = (_a = host.references) == null ? void 0 : _a.resolve(props.pageId, "当前内容");
+          if (!(target == null ? void 0 : target.href)) {
+            tell("宿主未配置当前内容链接");
+            return;
+          }
+          void navigator.clipboard.writeText(target.href).catch(() => tell("无法写入剪贴板"));
+        } : void 0,
+        onSharePage: props.onSharePage,
+        onConvertToSubpage: props.onConvertToSubpage,
+        onSaveAsTemplate: props.onSaveAsTemplate
+      }
+    ) }),
+    slash && ed && /* @__PURE__ */ jsx(
+      SlashMenu,
+      {
+        editor: ed,
+        from: slash.from,
+        query: slash.query,
+        x: slash.x,
+        y: slash.y,
+        onClose: () => setSlash(null),
+        onPickFile: requestFile,
+        onPickPage: requestPage,
+        onPickVideo: requestVideo
+      }
+    ),
+    ed && !props.disabled && !dragging && /* @__PURE__ */ jsx(
+      TableControls,
+      {
+        editor: ed,
+        hover: tableHover,
+        revision: epoch,
+        onNotice: tell,
+        onBlockDrag: (pos, event, onClick) => {
+          var _a;
+          return (_a = gestures.current) == null ? void 0 : _a.start(pos, event, onClick);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("input", { ref: fileInput, hidden: true, type: "file", multiple: true, onChange: (event) => {
+      const target = pendingInsert.current;
+      pendingInsert.current = null;
+      if (!(target == null ? void 0 : target.valid)) tell("插入目标已移除，请重新选择位置");
+      else if (event.target.files) void upload([...event.target.files], target.from, fileKind.current);
+      event.target.value = "";
+    } }),
+    link && /* @__PURE__ */ jsx(
+      LinkPopover,
+      {
+        target: link,
+        onClose: () => setLink(null),
+        onEdit: () => setLink({ ...link, mode: "edit" }),
+        onSave: (href) => applyLink(href),
+        onRemove: () => applyLink(null)
+      },
+      link.mode
+    ),
+    video && /* @__PURE__ */ jsx(
+      VideoEmbedDialog,
+      {
+        initialUrl: videoUrl,
+        onClose: () => {
+          pendingInsert.current = null;
+          setVideo(false);
+        },
+        onInsert: (attrs) => {
+          insertPending({ type: "videoEmbed", attrs });
+          setVideo(false);
+        }
+      }
+    ),
+    references && /* @__PURE__ */ jsx(
+      PagePicker,
+      {
+        spaceId: props.spaceId,
+        excludeId: props.pageId,
+        title: "选择要引用的页面",
+        onClose: () => {
+          pendingInsert.current = null;
+          setReferences(false);
+        },
+        onPick: (id, title) => {
+          insertPending({ type: "pageLink", attrs: { pageId: id, label: title } });
+          setReferences(false);
+        }
+      }
+    ),
+    preview && /* @__PURE__ */ jsx(ImagePreview, { src: preview.src, label: preview.label, items: preview.items, index: preview.index, onClose: () => setPreview(null) }),
+    atoms.map((atom) => createPortal(atom.content, atom.dom, atom.id))
+  ] });
+  function closeBlockMenu() {
+    setBlockMenu(false);
+    setFrozen(null);
+    setPanelOnly(void 0);
+  }
+  function applyLink(href) {
+    var _a;
+    const ed2 = editor.current, target = (_a = linkRef.current) == null ? void 0 : _a.tracked;
+    if (!(ed2 == null ? void 0 : ed2.isEditable) || !target || !linkEditTargetCurrent(ed2.state, target)) {
+      tell("目标文字或链接已变化，请重新选择");
+      setLink(null);
+      return;
+    }
+    const chain = ed2.chain().focus().setTextSelection({ from: target.from, to: target.to });
+    if (href) chain.setLink({ href }).run();
+    else chain.unsetLink().run();
+    setLink(null);
+  }
+});
+let schema;
+function sameDocument(a2, b2) {
+  if (!a2 || !b2) return a2 === b2;
+  try {
+    schema ?? (schema = getSchema(coreExtensions()));
+    return schema.nodeFromJSON(a2).eq(schema.nodeFromJSON(b2));
+  } catch {
+    return false;
+  }
+}
+export {
+  A as ANCHORED_POPOVER_ARROW_INSET,
+  a as ANCHORED_POPOVER_GAP,
+  b as ANCHORED_POPOVER_VIEW_MARGIN,
+  C as COLLAB_FIELD,
+  DocumentEditor,
+  coreExtensions,
+  placeAnchoredPopover,
+  sameDocument
+};