@markweave/react 0.3.3 → 0.3.4

package/dist/index.js

@@ -1,10 +1,10 @@
 import { createMarkweaveEditorExtensions as e } from "markweave/internal/editor-core/create-editor-extensions";
 import { getLocalizedSlashCommandSpecs as t, getMarkweaveMessages as n, normalizeMarkweaveLang as r } from "markweave/internal/i18n";
 import { EditorContent as i, NodeViewWrapper as a, ReactNodeViewRenderer as o, useEditor as s } from "@tiptap/react";
-import { AlertTriangle as c, AlignCenter as l, AlignJustify as u, AlignLeft as d, AlignRight as f, AlignVerticalJustifyCenter as p, AlignVerticalJustifyEnd as m, AlignVerticalJustifyStart as h, ArrowDown as g, ArrowDownAZ as _, ArrowLeft as v, ArrowRight as y, ArrowUp as b, ArrowUpZA as x, BetweenHorizontalEnd as S, BetweenHorizontalStart as C, BetweenVerticalEnd as w, BetweenVerticalStart as T, Bold as E, Braces as D, Captions as O, Check as k, CheckCircle2 as A, ChevronDown as j, ChevronRight as M, ChevronUp as N, CircleX as P, Code2 as ee, Copy as F, CornerDownLeft as te, Download as I, ExternalLink as L, Eye as ne, Heading1 as re, Heading2 as R, Heading3 as ie, Image as z, ImageUp as B, IndentDecrease as ae, IndentIncrease as oe, Info as se, Italic as ce, Lightbulb as le, Link2 as V, List as ue, ListChecks as de, ListOrdered as H, Minus as fe, MoreVertical as pe, PaintBucket as me, Paperclip as he, Pencil as ge, Plus as _e, Quote as ve, Replace as ye, Sigma as be, SmilePlus as xe, Sparkles as Se, SquareX as Ce, Strikethrough as we, Subscript as Te, Superscript as Ee, Table2 as De, TableCellsMerge as Oe, TableCellsSplit as ke, Text as Ae, Trash2 as je, Type as Me, Underline as Ne, Upload as Pe, Video as Fe } from "lucide-react";
-import { useCallback as U, useEffect as W, useLayoutEffect as G, useMemo as K, useRef as q, useState as J, useSyncExternalStore as Ie } from "react";
-import { detectUploadSource as Le, getDirectUploadResult as Re, resolveMarkweaveUploadResult as Y } from "markweave/internal/plugins/slash-command/upload";
-import { MarkweaveCoreImage as ze, MarkweaveCoreVideo as Be, attrsFromMarkweaveImageUploadResult as Ve, attrsFromMarkweaveVideoUploadResult as He, attrsFromMarkweaveVideoUrl as Ue, clampMarkweaveImageWidth as We, createMarkweaveImageUploadRequest as Ge, createMarkweaveVideoUploadRequest as Ke, downloadMarkweaveImage as qe, markweaveVideoIframeAllow as Je, normalizeMarkweaveCoreImageAlign as Ye, normalizeMarkweaveVideoEmbedUrl as Xe, numberAttribute as Ze, stringAttribute as X } from "markweave/internal/plugins/media/core-media-nodes";
+import { AlertTriangle as c, AlignCenter as l, AlignJustify as u, AlignLeft as d, AlignRight as f, AlignVerticalJustifyCenter as p, AlignVerticalJustifyEnd as m, AlignVerticalJustifyStart as h, ArrowDown as g, ArrowDownAZ as _, ArrowLeft as v, ArrowRight as y, ArrowUp as b, ArrowUpZA as x, BetweenHorizontalEnd as S, BetweenHorizontalStart as C, BetweenVerticalEnd as w, BetweenVerticalStart as T, Bold as E, Braces as D, Captions as O, Check as k, CheckCircle2 as A, ChevronDown as j, ChevronRight as M, ChevronUp as ee, CircleX as N, Code2 as te, Copy as P, CornerDownLeft as ne, Download as F, ExternalLink as I, Eye as L, Heading1 as re, Heading2 as R, Heading3 as ie, Image as ae, ImageUp as z, IndentDecrease as B, IndentIncrease as oe, Info as se, Italic as ce, Lightbulb as le, Link2 as V, List as ue, ListChecks as H, ListOrdered as U, Minus as de, MoreVertical as fe, PaintBucket as pe, Paperclip as me, Pencil as he, Plus as ge, Quote as _e, Replace as ve, Sigma as ye, SmilePlus as be, Sparkles as xe, SquareX as Se, Strikethrough as Ce, Subscript as we, Superscript as Te, Table2 as Ee, TableCellsMerge as De, TableCellsSplit as Oe, Text as ke, Trash2 as Ae, Type as je, Underline as Me, Upload as Ne, Video as Pe } from "lucide-react";
+import { useCallback as W, useEffect as G, useLayoutEffect as K, useMemo as q, useRef as J, useState as Y, useSyncExternalStore as Fe } from "react";
+import { detectUploadSource as Ie, getDirectUploadResult as Le, resolveMarkweaveUploadResult as X } from "markweave/internal/plugins/slash-command/upload";
+import { MarkweaveCoreImage as Re, MarkweaveCoreVideo as ze, attrsFromMarkweaveImageUploadResult as Be, attrsFromMarkweaveVideoUploadResult as Ve, attrsFromMarkweaveVideoUrl as He, clampMarkweaveImageWidth as Ue, createMarkweaveImageUploadRequest as We, createMarkweaveVideoUploadRequest as Ge, downloadMarkweaveImage as Ke, markweaveVideoIframeAllow as qe, normalizeMarkweaveCoreImageAlign as Je, normalizeMarkweaveVideoEmbedUrl as Ye, numberAttribute as Xe, stringAttribute as Ze } from "markweave/internal/plugins/media/core-media-nodes";
 import { getMarkweaveEditorModeState as Qe, isMarkweaveEditorLiveEditable as $e, normalizeMarkweaveEditorMode as et, setMarkweaveEditorModeState as tt, subscribeToMarkweaveEditorMode as nt } from "markweave/internal/core/editor-mode-state";
 import { openMarkweaveImagePreview as rt } from "markweave/internal/plugins/media/image-preview";
 import { createMarkweaveLightweightImageNodeViewRenderer as it } from "markweave/internal/plugins/media/lightweight-image-node-view";
@@ -38,30 +38,30 @@ import { BubbleMenu as Zn } from "@tiptap/react/menus";
 import { applyFloatingToolbarLink as Qn, createFloatingToolbarAssistantRequest as $n, getFloatingToolbarButtonModels as er, getFloatingToolbarHighlightColorOptions as tr, getFloatingToolbarLinkHref as nr, getFloatingToolbarMessageSet as rr, getFloatingToolbarMoreActions as ir, getFloatingToolbarTextColorOptions as ar, getFloatingToolbarTooltipModel as or, getFloatingToolbarTurnIntoOptions as sr, isFloatingToolbarMoreActionActive as cr, isFloatingToolbarTurnIntoActive as lr, openFloatingToolbarLinkHref as ur, preventFloatingToolbarPointerFocusLoss as dr, removeFloatingToolbarLink as fr, runFloatingToolbarMoreAction as pr, setFloatingToolbarHighlightColor as mr, setFloatingToolbarTextColor as hr, setFloatingToolbarTurnInto as gr } from "markweave/internal/editor-core/floating-toolbar-model";
 import { normalizeMarkdownLinkHref as _r } from "markweave/internal/plugins/markdown/markdown-input";
 import { setMarkweaveTableMenuAxisTarget as vr } from "markweave/internal/plugins/table/table-clipboard";
-import { applyTableAxisAlignment as yr, applyTableAxisBackgroundColor as br, applyTableAxisTextColor as xr, calculateAnchoredTableMenuPosition as Sr, calculateTableAxisHandleLayout as Cr, calculateTableExtendButtonLayout as wr, canRunTableCommand as Tr, executeTableMenuCommand as Er, formatTableCopyFeedback as Dr, getActiveTableElement as Or, getTableAxisDropIndexAtPoint as kr, getTableAxisFormattingState as Ar, getTableAxisTargetRect as jr, getTableControlAxisSelectionModel as Mr, getTableEditWithAiRequest as Nr, getTableMenuItemGroup as Pr, getTableMenuItemLabel as Fr, getTableMenuItems as Ir, getTableSelectionTargetRect as Lr, measureTableSelectionOverlay as Rr, moveTargetedTableAxis as zr, selectTableAxisFromCell as Br, tableColorOptions as Vr, tableCopyFeedbackTimeoutMs as Hr, tableHorizontalAlignmentOptions as Ur, tableMenuLabel as Wr, tableVerticalAlignmentOptions as Gr, targetTableAxisFromCell as Kr } from "markweave/internal/plugins/table/table-ui-model";
-import { createMarkweaveTocState as qr, emptyMarkweaveTocState as Jr, getActiveMarkweaveTocId as Yr, getMarkweaveTocItemsFromState as Xr, getValidMarkweaveTocActiveId as Zr, normalizeMarkweaveInnerTocPlacement as Qr, observeMarkweaveInnerTocContainerPosition as $r, scrollToMarkweaveTocItem as ei } from "markweave/internal/core/toc-state";
-import { normalizeMarkweaveCanvasColor as ti, normalizeMarkweaveTheme as ni } from "markweave/internal/core/theme";
-import { splitMarkweaveLargeMarkdown as ri } from "markweave/internal/core/large-document";
-import { createMarkweaveSearchController as ii } from "markweave/internal/plugins/search/search-controller";
+import { applyTableAxisAlignment as yr, applyTableAxisBackgroundColor as br, applyTableAxisTextColor as xr, calculateAnchoredTableMenuPosition as Sr, calculateAnchoredTableSubmenuPosition as Cr, calculateTableAxisHandleLayout as wr, calculateTableExtendButtonLayout as Tr, canRunTableCommand as Er, executeTableMenuCommand as Dr, formatTableCopyFeedback as Or, getActiveTableElement as kr, getTableAxisDropIndexAtPoint as Ar, getTableAxisFormattingState as jr, getTableAxisTargetRect as Mr, getTableControlAxisSelectionModel as Nr, getTableEditWithAiRequest as Pr, getTableMenuBoundaryRect as Fr, getTableMenuItemGroup as Ir, getTableMenuItemLabel as Lr, getTableMenuItems as Rr, getTableSelectionTargetRect as zr, measureTableSelectionOverlay as Br, moveTargetedTableAxis as Vr, selectTableAxisFromCell as Hr, tableColorOptions as Ur, tableCopyFeedbackTimeoutMs as Wr, tableHorizontalAlignmentOptions as Gr, tableMenuLabel as Kr, tableVerticalAlignmentOptions as qr, targetTableAxisFromCell as Jr } from "markweave/internal/plugins/table/table-ui-model";
+import { createMarkweaveTocState as Yr, emptyMarkweaveTocState as Xr, getActiveMarkweaveTocId as Zr, getMarkweaveTocItemsFromState as Qr, getValidMarkweaveTocActiveId as $r, normalizeMarkweaveInnerTocPlacement as ei, observeMarkweaveInnerTocContainerPosition as ti, scrollToMarkweaveTocItem as ni } from "markweave/internal/core/toc-state";
+import { normalizeMarkweaveCanvasColor as ri, normalizeMarkweaveTheme as ii } from "markweave/internal/core/theme";
+import { splitMarkweaveLargeMarkdown as ai } from "markweave/internal/core/large-document";
+import { createMarkweaveSearchController as oi } from "markweave/internal/plugins/search/search-controller";
 //#region src/editor-mode-state.ts
-var ai = {
+var si = {
 	mode: "live",
 	editable: !0
 };
-function oi(e) {
-	return Ie((t) => nt(e, t), () => Qe(e), () => ai);
+function ci(e) {
+	return Fe((t) => nt(e, t), () => Qe(e), () => si);
 }
 //#endregion
 //#region src/media/image-node.tsx
-var si = Ye;
-function ci(e) {
+var li = Je;
+function ui(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function li(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.image, f = $e(oi(r)), p = X(o.attrs.src), m = si(o.attrs.align), h = Ze(o.attrs.width), g = X(o.attrs.caption), _ = q(null), v = hi(p, l.resolveMediaSource, _, s), y = v?.src ?? (l.resolveMediaSource ? null : p), b = q(null), [x, S] = J(!1), [C, w] = J(!1), [T, E] = J(!1), [D, O] = J(""), [k, A] = J(null), [j, M] = J(!1), [N, P] = J(!!g), [ee, F] = J(g ?? ""), te = f && (!p || C), I = () => {
+function di(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.image, f = $e(ci(r)), p = Ze(o.attrs.src), m = li(o.attrs.align), h = Xe(o.attrs.width), g = Ze(o.attrs.caption), _ = J(null), v = _i(p, l.resolveMediaSource, _, s), y = v?.src ?? (l.resolveMediaSource ? null : p), b = J(null), [x, S] = Y(!1), [C, w] = Y(!1), [T, E] = Y(!1), [D, O] = Y(""), [k, A] = Y(null), [j, M] = Y(!1), [ee, N] = Y(!!g), [te, P] = Y(g ?? ""), ne = f && (!p || C), F = () => {
 		y && rt({
 			src: y,
-			alt: X(o.attrs.alt) ?? "",
+			alt: Ze(o.attrs.alt) ?? "",
 			messages: {
 				dialogAriaLabel: d.previewDialogAriaLabel,
 				zoomOut: d.previewZoomOut,
@@ -71,10 +71,10 @@ function li(e) {
 			}
 		});
 	};
-	W(() => {
-		N || F(g ?? "");
-	}, [g, N]);
-	let L = () => {
+	G(() => {
+		ee || P(g ?? "");
+	}, [g, ee]);
+	let I = () => {
 		if (!f) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
@@ -90,8 +90,8 @@ function li(e) {
 		if (f) {
 			A(null), M(!0);
 			try {
-				let t = await Y(Ge(e, p && C ? "image-replace" : "image-insert"), l.onUpload);
-				c(Ve(o.attrs, t)), w(!1), O("");
+				let t = await X(We(e, p && C ? "image-replace" : "image-insert"), l.onUpload);
+				c(Be(o.attrs, t)), w(!1), O("");
 			} catch (e) {
 				A(e instanceof Error ? e.message : d.uploadFailedError);
 			} finally {
@@ -104,30 +104,30 @@ function li(e) {
 				A(d.uploadRequiredError);
 				return;
 			}
-			R(Le(D));
+			R(Ie(D));
 		}
-	}, z = (e) => {
+	}, ae = (e) => {
 		!f || !e || R({
 			type: "file",
 			file: e,
 			mimeType: e.type
 		});
+	}, z = (e) => {
+		ae(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
 	}, B = (e) => {
-		z(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
-	}, ae = (e) => {
-		e.preventDefault(), e.stopPropagation(), f && z(e.dataTransfer.files?.[0] ?? null);
+		e.preventDefault(), e.stopPropagation(), f && ae(e.dataTransfer.files?.[0] ?? null);
 	}, oe = () => {
-		f && (P((e) => !e), N || F(g ?? ""));
+		f && (N((e) => !e), ee || P(g ?? ""));
 	}, se = (e) => {
-		f && (F(e), c({ caption: e.trim() ? e : null }));
+		f && (P(e), c({ caption: e.trim() ? e : null }));
 	}, ce = (e, t) => {
 		if (t.preventDefault(), t.stopPropagation(), !f) return;
-		L();
+		I();
 		let n = _.current;
 		if (!n) return;
 		let r = t.clientX, i = n.getBoundingClientRect().width || h || 320, a = n.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? n.parentElement?.getBoundingClientRect().width ?? i, o = (t) => {
 			let n = e === "right" ? t.clientX - r : r - t.clientX;
-			c({ width: We(i + n, a) });
+			c({ width: Ue(i + n, a) });
 		}, s = () => {
 			window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s);
 		};
@@ -140,13 +140,13 @@ function li(e) {
 		"data-align": m,
 		"data-selected": f && s ? "true" : "false",
 		"data-hovered": x ? "true" : "false",
-		"data-empty": te ? "true" : "false",
+		"data-empty": ne ? "true" : "false",
 		onPointerEnter: () => S(!0),
 		onPointerLeave: () => S(!1),
 		onMouseDown: (e) => {
-			f && !ci(e.target) && L();
+			f && !ui(e.target) && I();
 		},
-		children: te ? /* @__PURE__ */ Z(ui, {
+		children: ne ? /* @__PURE__ */ Z(fi, {
 			dragActive: T,
 			error: k,
 			inputValue: D,
@@ -154,23 +154,23 @@ function li(e) {
 			fileInputRef: b,
 			messages: u,
 			onCancel: re,
-			onDrop: ae,
+			onDrop: B,
 			onDragActiveChange: E,
-			onFileChange: B,
+			onFileChange: z,
 			onInputChange: O,
 			onSubmit: ie
 		}) : /* @__PURE__ */ Q(ot, { children: [
-			f ? /* @__PURE__ */ Z(di, {
+			f ? /* @__PURE__ */ Z(pi, {
 				align: m,
-				captionActive: N || !!g,
+				captionActive: ee || !!g,
 				messages: u,
 				onAlign: (e) => c({ align: e }),
 				onCaption: oe,
 				onDelete: t,
 				onDownload: () => {
-					y && qe(y);
+					y && Ke(y);
 				},
-				onPreview: I,
+				onPreview: F,
 				onReplace: () => {
 					O(""), A(null), w(!0);
 				}
@@ -186,8 +186,8 @@ function li(e) {
 					y ? /* @__PURE__ */ Z("img", {
 						className: "markweave-image",
 						src: y,
-						alt: X(o.attrs.alt) ?? "",
-						title: X(o.attrs.title) ?? void 0,
+						alt: Ze(o.attrs.alt) ?? "",
+						title: Ze(o.attrs.title) ?? void 0,
 						draggable: !1,
 						loading: "lazy",
 						decoding: "async",
@@ -206,8 +206,8 @@ function li(e) {
 						"aria-label": d.preview,
 						title: d.preview,
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: I,
-						children: [/* @__PURE__ */ Z(ne, {
+						onClick: F,
+						children: [/* @__PURE__ */ Z(L, {
 							size: 16,
 							strokeWidth: 1.8
 						}), /* @__PURE__ */ Z("span", {
@@ -216,28 +216,28 @@ function li(e) {
 							children: d.preview
 						})]
 					}) : null,
-					f ? /* @__PURE__ */ Z(pi, {
+					f ? /* @__PURE__ */ Z(hi, {
 						side: "left",
 						messages: u,
 						onPointerDown: ce
 					}) : null,
-					f ? /* @__PURE__ */ Z(pi, {
+					f ? /* @__PURE__ */ Z(hi, {
 						side: "right",
 						messages: u,
 						onPointerDown: ce
 					}) : null
 				]
 			}),
-			f && (N || g) ? /* @__PURE__ */ Z("input", {
+			f && (ee || g) ? /* @__PURE__ */ Z("input", {
 				className: "markweave-image-caption-input",
 				"data-markweave-image-ui": "true",
 				"data-testid": "markweave-image-caption-input",
-				value: ee,
+				value: te,
 				placeholder: d.captionPlaceholder,
 				"aria-label": d.captionAriaLabel,
 				onChange: (e) => se(e.currentTarget.value),
 				onKeyDown: (e) => {
-					e.key === "Escape" && (e.preventDefault(), P(!1));
+					e.key === "Escape" && (e.preventDefault(), N(!1));
 				}
 			}) : g ? /* @__PURE__ */ Z("figcaption", {
 				className: "markweave-image-caption",
@@ -247,7 +247,7 @@ function li(e) {
 		] })
 	});
 }
-function ui({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
+function fi({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
 	let f = a.image;
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-image-upload-placeholder",
@@ -274,7 +274,7 @@ function ui({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 			/* @__PURE__ */ Z("div", {
 				className: "markweave-image-upload-icon",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ Z(B, {
+				children: /* @__PURE__ */ Z(z, {
 					size: 46,
 					strokeWidth: 1.6
 				})
@@ -309,7 +309,7 @@ function ui({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 						"data-testid": "markweave-image-upload-submit",
 						disabled: i || !r.trim(),
 						onClick: d,
-						children: [/* @__PURE__ */ Z(B, {
+						children: [/* @__PURE__ */ Z(z, {
 							size: 16,
 							strokeWidth: 1.8
 						}), a.common.insert]
@@ -329,7 +329,7 @@ function ui({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-function di({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i, onDelete: a, onDownload: o, onPreview: s, onReplace: c }) {
+function pi({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i, onDelete: a, onDownload: o, onPreview: s, onReplace: c }) {
 	let u = n.image;
 	return /* @__PURE__ */ Q("div", {
 		className: "markweave-image-toolbar",
@@ -337,21 +337,21 @@ function di({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 		"data-markweave-image-ui": "true",
 		"aria-label": u.toolsAriaLabel,
 		children: [
-			/* @__PURE__ */ Z(fi, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-align-left",
 				label: u.alignLeft,
 				icon: d,
 				active: e === "left",
 				onClick: () => r("left")
 			}),
-			/* @__PURE__ */ Z(fi, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-align-center",
 				label: u.alignCenter,
 				icon: l,
 				active: e === "center",
 				onClick: () => r("center")
 			}),
-			/* @__PURE__ */ Z(fi, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-align-right",
 				label: u.alignRight,
 				icon: f,
@@ -362,45 +362,45 @@ function di({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(fi, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-caption",
 				label: u.caption,
 				icon: O,
 				active: t,
 				onClick: i
 			}),
-			/* @__PURE__ */ Z(fi, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-preview",
 				label: u.preview,
-				icon: ne,
+				icon: L,
 				onClick: s
 			}),
-			/* @__PURE__ */ Z(fi, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-download",
 				label: u.download,
-				icon: I,
+				icon: F,
 				onClick: o
 			}),
-			/* @__PURE__ */ Z(fi, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-replace",
 				label: u.replace,
-				icon: ye,
+				icon: ve,
 				onClick: c
 			}),
 			/* @__PURE__ */ Z("span", {
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(fi, {
+			/* @__PURE__ */ Z(mi, {
 				testId: "markweave-image-delete",
 				label: u.delete,
-				icon: je,
+				icon: Ae,
 				onClick: a
 			})
 		]
 	});
 }
-function fi({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
+function mi({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
 		"aria-label": n,
@@ -419,7 +419,7 @@ function fi({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 		})]
 	});
 }
-function pi({ messages: e, onPointerDown: t, side: n }) {
+function hi({ messages: e, onPointerDown: t, side: n }) {
 	return /* @__PURE__ */ Z("button", {
 		type: "button",
 		className: "markweave-image-resize-handle",
@@ -430,7 +430,7 @@ function pi({ messages: e, onPointerDown: t, side: n }) {
 		onPointerDown: (e) => t(n, e)
 	});
 }
-var mi = ze.extend({
+var gi = Re.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -441,21 +441,21 @@ var mi = ze.extend({
 	},
 	addNodeView() {
 		if (typeof document > "u") return null;
-		let e = o(li, { stopEvent: ({ event: e }) => ci(e.target) }), t = this.options.resolveMediaSource;
+		let e = o(di, { stopEvent: ({ event: e }) => ui(e.target) }), t = this.options.resolveMediaSource;
 		if (!t) return e;
 		let r = it({
 			messages: this.options.messages ?? n("zh"),
 			onUpload: this.options.onUpload,
 			resolveMediaSource: t
 		});
-		return (t) => X(t.node.attrs.src) ? r(t) : e(t);
+		return (t) => Ze(t.node.attrs.src) ? r(t) : e(t);
 	}
 });
-function hi(e, t, n, r) {
-	let [i, a] = J(t ? "background" : "visible"), [o, s] = J(() => !t && e ? { src: e } : null);
-	return W(() => {
+function _i(e, t, n, r) {
+	let [i, a] = Y(t ? "background" : "visible"), [o, s] = Y(() => !t && e ? { src: e } : null);
+	return G(() => {
 		s(!t && e ? { src: e } : null), a(t ? "background" : "visible");
-	}, [t, e]), W(() => {
+	}, [t, e]), G(() => {
 		if (!t || !e) return;
 		if (r) {
 			a("visible");
@@ -478,7 +478,7 @@ function hi(e, t, n, r) {
 		t,
 		r,
 		e
-	]), W(() => {
+	]), G(() => {
 		if (!t || !e || i === "background") return;
 		let n = new AbortController();
 		return at(t, {
@@ -497,28 +497,28 @@ function hi(e, t, n, r) {
 }
 //#endregion
 //#region src/media/video-node.tsx
-function gi(e) {
+function vi(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function _i(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.video, f = $e(oi(r)), p = X(o.attrs.src), m = X(o.attrs.embedUrl), h = X(o.attrs.provider), g = m ? Xe(m, h) : null, _ = X(o.attrs.mimeType), v = X(o.attrs.title), y = q(null), [b, x] = J(!1), [S, C] = J(""), [w, T] = J(null), [E, D] = J(!1), O = f && !p, k = () => {
+function yi(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.video, f = $e(ci(r)), p = Ze(o.attrs.src), m = Ze(o.attrs.embedUrl), h = Ze(o.attrs.provider), g = m ? Ye(m, h) : null, _ = Ze(o.attrs.mimeType), v = Ze(o.attrs.title), y = J(null), [b, x] = Y(!1), [S, C] = Y(""), [w, T] = Y(null), [E, D] = Y(!1), O = f && !p, k = () => {
 		if (!f) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
 	}, A = (e) => {
-		f && (gi(e.target) || (e.preventDefault(), k()));
+		f && (vi(e.target) || (e.preventDefault(), k()));
 	}, j = (e) => {
 		f && (e.key === "Delete" || e.key === "Backspace") && s && (e.preventDefault(), t());
 	}, M = async (e) => {
 		if (!(!f || !e)) {
 			T(null), D(!0);
 			try {
-				let t = await Y(Ke({
+				let t = await X(Ge({
 					type: "file",
 					file: e,
 					mimeType: e.type
 				}), l.onUpload);
-				c(He(t)), C("");
+				c(Ve(t)), C("");
 			} catch (e) {
 				T(e instanceof Error ? e.message : d.uploadFailedError);
 			} finally {
@@ -532,7 +532,7 @@ function _i(e) {
 		"data-testid": "markweave-video-node",
 		"data-empty": "true",
 		"data-selected": "false",
-		children: /* @__PURE__ */ Z(vi, {
+		children: /* @__PURE__ */ Z(bi, {
 			dragActive: b,
 			error: w,
 			fileInputRef: y,
@@ -550,7 +550,7 @@ function _i(e) {
 			onInputChange: C,
 			onSubmit: () => {
 				if (!f) return;
-				let e = Ue(S);
+				let e = He(S);
 				if (!e) {
 					T(d.unsupportedUrlError);
 					return;
@@ -579,7 +579,7 @@ function _i(e) {
 				"data-markweave-video-embed": "true",
 				"data-markweave-video-provider": h ?? void 0,
 				"data-markweave-video-src": p ?? void 0,
-				allow: Je,
+				allow: qe,
 				loading: "lazy",
 				allowFullScreen: !0
 			}), f ? /* @__PURE__ */ Z("button", {
@@ -613,7 +613,7 @@ function _i(e) {
 		})
 	});
 }
-function vi({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
+function bi({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
 	let f = a.video;
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-video-upload-placeholder",
@@ -640,7 +640,7 @@ function vi({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 			/* @__PURE__ */ Z("div", {
 				className: "markweave-video-upload-icon",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ Z(Fe, {
+				children: /* @__PURE__ */ Z(Pe, {
 					size: 46,
 					strokeWidth: 1.6
 				})
@@ -675,7 +675,7 @@ function vi({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 						"data-testid": "markweave-video-upload-submit",
 						disabled: i || !r.trim(),
 						onClick: d,
-						children: [/* @__PURE__ */ Z(Pe, {
+						children: [/* @__PURE__ */ Z(Ne, {
 							size: 16,
 							strokeWidth: 1.8
 						}), a.common.insert]
@@ -695,7 +695,7 @@ function vi({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-var yi = Be.extend({
+var xi = ze.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -705,30 +705,30 @@ var yi = Be.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(_i, { stopEvent: ({ event: e }) => gi(e.target) });
+		return typeof document > "u" ? null : o(yi, { stopEvent: ({ event: e }) => vi(e.target) });
 	}
 });
 //#endregion
 //#region src/link-card-node.tsx
-function bi(e) {
+function Si(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
 }
-function xi(e) {
+function Ci(e) {
 	return typeof navigator < "u" && navigator.clipboard?.writeText ? navigator.clipboard.writeText(e).catch(() => void 0) : Promise.resolve();
 }
-function Si(e) {
+function wi(e) {
 	!e || typeof window > "u" || window.open(e, "_blank", "noopener,noreferrer");
 }
-function Ci(e) {
+function Ti(e) {
 	try {
 		return new URL(e).host;
 	} catch {
 		return e;
 	}
 }
-function wi(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? n("zh"), u = l.linkCard, d = $e(oi(r)), f = ct(o.attrs), [p, m] = J(!1), [h, g] = J(!1), [_, v] = J(!1), [y, b] = J(f?.title ?? ""), [x, S] = J(f?.href ?? ""), C = q(null);
-	if (W(() => () => C.current?.abort(), []), W(() => {
+function Ei(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? n("zh"), u = l.linkCard, d = $e(ci(r)), f = ct(o.attrs), [p, m] = Y(!1), [h, g] = Y(!1), [_, v] = Y(!1), [y, b] = Y(f?.title ?? ""), [x, S] = Y(f?.href ?? ""), C = J(null);
+	if (G(() => () => C.current?.abort(), []), G(() => {
 		b(f?.title ?? ""), S(f?.href ?? ""), v(!1);
 	}, [f?.href, f?.title]), !f) return null;
 	let w = async (e) => {
@@ -756,7 +756,7 @@ function wi(e) {
 	}, T = () => {
 		let e = i();
 		typeof e == "number" && ut(r, e);
-	}, E = _ ? null : f.imageUrl, D = Ci(f.href);
+	}, E = _ ? null : f.imageUrl, D = Ti(f.href);
 	return /* @__PURE__ */ Q(a, {
 		as: "article",
 		className: "markweave-link-card",
@@ -767,10 +767,10 @@ function wi(e) {
 		onMouseEnter: () => m(!0),
 		onMouseLeave: () => m(!1),
 		onMouseDown: (e) => {
-			bi(e.target) || e.preventDefault();
+			Si(e.target) || e.preventDefault();
 		},
 		onClick: (e) => {
-			bi(e.target) || (e.preventDefault(), Si(f.href));
+			Si(e.target) || (e.preventDefault(), wi(f.href));
 		},
 		children: [
 			/* @__PURE__ */ Q("a", {
@@ -808,21 +808,21 @@ function wi(e) {
 				"data-markweave-link-card-ui": "true",
 				"aria-label": u.toolsAriaLabel,
 				children: [
-					/* @__PURE__ */ Z(Ti, {
+					/* @__PURE__ */ Z(Di, {
 						label: u.convertToLink,
 						icon: V,
 						onClick: T,
 						testId: "markweave-link-card-convert"
 					}),
-					/* @__PURE__ */ Z(Ti, {
+					/* @__PURE__ */ Z(Di, {
 						label: u.copyAddress,
-						icon: F,
-						onClick: () => void xi(f.href),
+						icon: P,
+						onClick: () => void Ci(f.href),
 						testId: "markweave-link-card-copy"
 					}),
-					/* @__PURE__ */ Z(Ti, {
+					/* @__PURE__ */ Z(Di, {
 						label: u.edit,
-						icon: ge,
+						icon: he,
 						onClick: (e) => {
 							let t = i();
 							typeof t == "number" && dt({
@@ -838,9 +838,9 @@ function wi(e) {
 						},
 						testId: "markweave-link-card-edit"
 					}),
-					/* @__PURE__ */ Z(Ti, {
+					/* @__PURE__ */ Z(Di, {
 						label: u.delete,
-						icon: je,
+						icon: Ae,
 						onClick: t,
 						testId: "markweave-link-card-delete"
 					})
@@ -875,7 +875,7 @@ function wi(e) {
 		]
 	});
 }
-function Ti({ icon: e, label: t, onClick: n, testId: r }) {
+function Di({ icon: e, label: t, onClick: n, testId: r }) {
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
 		"aria-label": t,
@@ -892,7 +892,7 @@ function Ti({ icon: e, label: t, onClick: n, testId: r }) {
 		})]
 	});
 }
-var Ei = ft.extend({
+var Oi = ft.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -901,23 +901,23 @@ var Ei = ft.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(wi, { stopEvent: ({ event: e }) => bi(e.target) });
+		return typeof document > "u" ? null : o(Ei, { stopEvent: ({ event: e }) => Si(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function Di(t = {}) {
+function ki(t = {}) {
 	return e({
 		lang: t.lang,
 		onImageUpload: t.onImageUpload,
-		linkCardExtension: Ei.configure({
+		linkCardExtension: Oi.configure({
 			lang: t.lang,
 			messages: n(t.lang),
 			resolver: t.linkCardResolver
 		}),
 		mediaExtensions: st({
-			image: mi,
-			video: yi,
+			image: gi,
+			video: xi,
 			lang: t.lang,
 			onImageUpload: t.onImageUpload,
 			onVideoUpload: t.onVideoUpload,
@@ -927,7 +927,7 @@ function Di(t = {}) {
 }
 //#endregion
 //#region src/ui/codeblock/CodeBlockControls.tsx
-function Oi(e) {
+function Ai(e) {
 	return e === "clipboard" ? /* @__PURE__ */ Q(ot, { children: [/* @__PURE__ */ Z("path", { d: "M9 4.5h6a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 15 18.5H7A1.5 1.5 0 0 1 5.5 17V6A1.5 1.5 0 0 1 7 4.5h2" }), /* @__PURE__ */ Z("path", { d: "M8.5 5.5v-1A1.5 1.5 0 0 1 10 3h2a1.5 1.5 0 0 1 1.5 1.5v1h-5Z" })] }) : e === "search" ? /* @__PURE__ */ Q(ot, { children: [/* @__PURE__ */ Z("circle", {
 		cx: "10",
 		cy: "10",
@@ -964,7 +964,7 @@ function Oi(e) {
 		/* @__PURE__ */ Z("path", { d: "m14 14 4 4" })
 	] }) : e === "reset" ? /* @__PURE__ */ Q(ot, { children: [/* @__PURE__ */ Z("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), /* @__PURE__ */ Z("path", { d: "M6.5 8.5H3.5v-3" })] }) : /* @__PURE__ */ Z("path", { d: "m6 9 6 6 6-6" });
 }
-function ki({ icon: e }) {
+function ji({ icon: e }) {
 	return /* @__PURE__ */ Z("svg", {
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
@@ -975,23 +975,23 @@ function ki({ icon: e }) {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: "1.8",
-			children: Oi(e)
+			children: Ai(e)
 		})
 	});
 }
-function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
-	let a = q(null), o = q(null), s = q(null), c = q(null), l = q(null), u = q({
+function Mi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
+	let a = J(null), o = J(null), s = J(null), c = J(null), l = J(null), u = J({
 		active: !1,
 		lastX: 0,
 		lastY: 0
-	}), [d, f] = J(null), [p, m] = J(null), [h, g] = J([]), [_, v] = J(null), [y, b] = J(!1), [x, S] = J(""), [C, w] = J(-1), [T, E] = J(null), [D, O] = J(!1), [k, A] = J(null), [j, M] = J(null), [N, P] = J(!1), [ee, F] = J(0), [te, I] = J(0), L = Ft(t), ne = Bn(t, d), re = !i && e && L.active && L.pos !== null ? {
-		...L,
-		pos: L.pos,
+	}), [d, f] = Y(null), [p, m] = Y(null), [h, g] = Y([]), [_, v] = Y(null), [y, b] = Y(!1), [x, S] = Y(""), [C, w] = Y(-1), [T, E] = Y(null), [D, O] = Y(!1), [k, A] = Y(null), [j, M] = Y(null), [ee, N] = Y(!1), [te, P] = Y(0), [ne, F] = Y(0), I = Ft(t), L = Bn(t, d), re = !i && e && I.active && I.pos !== null ? {
+		...I,
+		pos: I.pos,
 		active: !0
-	} : null, R = ne ?? re, ie = R !== null, z = R?.language === "mermaid", B = Gn(t, R), ae = ie && R !== null && !B, oe = !i, se = Nn(R ? R.language : "text"), ce = T?.status ?? "idle", le = R?.mermaidPreviewMode ?? n, V = z && le === "preview", ue = Un(t), de = `${te}|${ue.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, H = K(() => Ln(x.trim().toLowerCase()), [x]);
-	if (W(() => {
+	} : null, R = L ?? re, ie = R !== null, ae = R?.language === "mermaid", z = Gn(t, R), B = ie && R !== null && !z, oe = !i, se = Nn(R ? R.language : "text"), ce = T?.status ?? "idle", le = R?.mermaidPreviewMode ?? n, V = ae && le === "preview", ue = Un(t), H = `${ne}|${ue.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, U = q(() => Ln(x.trim().toLowerCase()), [x]);
+	if (G(() => {
 		i && (b(!1), S(""), w(-1));
-	}, [i]), W(() => {
+	}, [i]), G(() => {
 		if (!T) return;
 		let e = window.setTimeout(() => {
 			E(null);
@@ -999,21 +999,21 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [T]), W(() => {
-		E(null), b(!1), S(""), w(-1), A(null), M(null), P(!1);
+	}, [T]), G(() => {
+		E(null), b(!1), S(""), w(-1), A(null), M(null), N(!1);
 	}, [
 		e,
 		R?.language,
 		R?.pos,
 		R?.text
-	]), W(() => {
+	]), G(() => {
 		let e = ({ transaction: e }) => {
-			e.getMeta(Nt) && F((e) => e + 1);
+			e.getMeta(Nt) && P((e) => e + 1);
 		};
 		return t.on("transaction", e), () => {
 			t.off("transaction", e);
 		};
-	}, [t]), W(() => {
+	}, [t]), G(() => {
 		let e = t.view.dom.closest(".markweave-editor-frame");
 		if (!e) return;
 		let n = (e) => {
@@ -1026,20 +1026,20 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		return e.addEventListener("mousemove", n), e.addEventListener("mouseleave", r), () => {
 			e.removeEventListener("mousemove", n), e.removeEventListener("mouseleave", r);
 		};
-	}, [t, y]), W(() => {
+	}, [t, y]), G(() => {
 		y && s.current?.focus({ preventScroll: !0 });
-	}, [y]), G(() => {
+	}, [y]), K(() => {
 		if (!y || C < 0) return;
 		let e = c.current, t = e?.querySelector(`[data-language-index="${C}"]`);
 		e && t && Xn(e, t);
 	}, [
 		C,
-		H,
+		U,
 		y
-	]), W(() => {
+	]), G(() => {
 		if (!k) return;
 		let e = (e) => {
-			e.key === "Escape" && (A(null), M(null), P(!1), u.current = {
+			e.key === "Escape" && (A(null), M(null), N(!1), u.current = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
@@ -1048,7 +1048,7 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		return document.addEventListener("keydown", e), () => {
 			document.removeEventListener("keydown", e);
 		};
-	}, [t, k]), W(() => {
+	}, [t, k]), G(() => {
 		if (!ie || !y) return;
 		let e = (e) => {
 			e.key === "Escape" && (b(!1), w(-1), t.view.focus());
@@ -1062,7 +1062,7 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		ie,
 		t,
 		y
-	]), G(() => {
+	]), K(() => {
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
@@ -1082,11 +1082,11 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			window.cancelAnimationFrame(n), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
-		ee,
+		te,
 		t,
-		de
-	]), G(() => {
-		if (!ae || !R) {
+		H
+	]), K(() => {
+		if (!B || !R) {
 			m(null), v(null);
 			return;
 		}
@@ -1113,17 +1113,17 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
-		ae,
-		ee,
+		B,
+		te,
 		R?.pos,
 		t,
 		y,
 		le
-	]), !ae && ue.length === 0 && !k) return null;
-	let fe = p ? {
+	]), !B && ue.length === 0 && !k) return null;
+	let de = p ? {
 		top: p.top,
 		right: p.right
-	} : void 0, pe = async () => {
+	} : void 0, fe = async () => {
 		if (i) {
 			if (!R) return;
 			let e = await Dn(R.text);
@@ -1133,39 +1133,39 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		if (!Mn(t, R)) return;
 		let e = await Pt(t);
 		E(It(Ft(t), e ? "copied" : "failed")), t.view.focus();
-	}, me = (e, n) => {
+	}, pe = (e, n) => {
 		if (i) {
-			Wt(t, e.pos, n) && I((e) => e + 1);
+			Wt(t, e.pos, n) && F((e) => e + 1);
 			return;
 		}
-		let a = L.active && L.pos === e.pos;
-		Bt(t, e.pos, n) && (r(n), I((e) => e + 1), a && t.view.focus());
-	}, he = (e) => {
+		let a = I.active && I.pos === e.pos;
+		Bt(t, e.pos, n) && (r(n), F((e) => e + 1), a && t.view.focus());
+	}, me = (e) => {
 		if (i || !R) return;
-		let n = L.active && L.pos === R.pos;
-		zt(t, R.pos, e) && (e === "mermaid" && Bt(t, R.pos, "preview") && r("preview"), b(!1), S(""), w(-1), I((e) => e + 1), n && t.view.focus());
-	}, ge = () => {
+		let n = I.active && I.pos === R.pos;
+		zt(t, R.pos, e) && (e === "mermaid" && Bt(t, R.pos, "preview") && r("preview"), b(!1), S(""), w(-1), F((e) => e + 1), n && t.view.focus());
+	}, he = () => {
 		let e = !y;
-		e && l.current === null && (l.current = On()), w(e ? Hn(H, R?.language ?? null) : -1), b(e);
-	}, _e = (e) => {
+		e && l.current === null && (l.current = On()), w(e ? Hn(U, R?.language ?? null) : -1), b(e);
+	}, ge = (e) => {
 		let t = Ln(e);
 		S(e), w(Hn(t, e.trim() ? null : R?.language ?? null));
-	}, ve = (e) => {
+	}, _e = (e) => {
 		if (!e.nativeEvent.isComposing) {
 			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-				e.preventDefault(), w((t) => Jn(t, H.length, e.key === "ArrowUp" ? "previous" : "next"));
+				e.preventDefault(), w((t) => Jn(t, U.length, e.key === "ArrowUp" ? "previous" : "next"));
 				return;
 			}
 			if (e.key === "Enter") {
-				let t = H[C];
-				t && (e.preventDefault(), he(t.language));
+				let t = U[C];
+				t && (e.preventDefault(), me(t.language));
 				return;
 			}
 			e.key === "Escape" && (e.preventDefault(), b(!1), w(-1), t.view.focus());
 		}
-	}, ye = H[C], be = l.current && ye ? Rn(l.current, ye.language) : void 0, xe = () => {
-		i || !R || Rt(t, R.pos, !B) && (F((e) => e + 1), f(null));
-	}, Se = () => {
+	}, ve = U[C], ye = l.current && ve ? Rn(l.current, ve.language) : void 0, be = () => {
+		i || !R || Rt(t, R.pos, !z) && (P((e) => e + 1), f(null));
+	}, xe = () => {
 		if (!R) return;
 		let e = Wn(t, R.pos);
 		e && Cn({
@@ -1174,40 +1174,40 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			onSettled: () => t.view.focus(),
 			ownerDocument: document
 		});
-	}, Ce = () => {
+	}, Se = () => {
 		if (!R) return;
 		let e = Wn(t, R.pos);
-		e && (A(An(e)), M(null), P(!1), u.current = {
+		e && (A(An(e)), M(null), N(!1), u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		});
-	}, we = () => {
-		A(null), M(null), P(!1), u.current = {
+	}, Ce = () => {
+		A(null), M(null), N(!1), u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		}, t.view.focus();
-	}, Te = (e) => {
+	}, we = (e) => {
 		A((t) => t && {
 			...t,
 			scale: Tn(t.scale + e)
 		});
-	}, Ee = () => {
+	}, Te = () => {
 		A((e) => e && An(e.svg)), u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}, P(!1);
+		}, N(!1);
+	}, Ee = (e) => {
+		e.preventDefault(), we(e.deltaY < 0 ? qn : -qn);
 	}, De = (e) => {
-		e.preventDefault(), Te(e.deltaY < 0 ? qn : -qn);
-	}, Oe = (e) => {
 		e.button === 0 && (e.preventDefault(), u.current = {
 			active: !0,
 			lastX: e.clientX,
 			lastY: e.clientY
-		}, P(!0));
-	}, ke = (e) => {
+		}, N(!0));
+	}, Oe = (e) => {
 		let t = u.current;
 		if (!t.active) return;
 		let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
@@ -1216,12 +1216,12 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			lastX: e.clientX,
 			lastY: e.clientY
 		}, A((e) => Yn(e, n, r));
-	}, Ae = () => {
+	}, ke = () => {
 		u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}, P(!1);
+		}, N(!1);
 	};
 	return /* @__PURE__ */ Q("div", {
 		ref: a,
@@ -1245,19 +1245,19 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						"data-testid": `markweave-mermaid-mode-${t}`,
 						"data-active": e.mermaidPreviewMode === t,
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: () => me(e, t),
+						onClick: () => pe(e, t),
 						children: t === "code" ? "Code" : "Preview"
 					}, t))
 				}, e.pos);
 			}),
-			ae ? /* @__PURE__ */ Q("div", {
+			B ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-controls",
 				"data-testid": "markweave-codeblock-controls",
 				"data-positioned": p ? "true" : "false",
-				"data-collapsed": B ? "true" : "false",
+				"data-collapsed": z ? "true" : "false",
 				"data-read-only": i ? "true" : "false",
 				"aria-label": "Code block controls",
-				style: fe,
+				style: de,
 				children: [
 					i ? /* @__PURE__ */ Z("span", {
 						className: "markweave-codeblock-language-button markweave-codeblock-language-label",
@@ -1273,19 +1273,19 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						"aria-haspopup": "listbox",
 						"data-testid": "markweave-codeblock-language",
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: ge,
-						children: [/* @__PURE__ */ Z("span", { children: se }), /* @__PURE__ */ Z(ki, { icon: "chevron" })]
+						onClick: he,
+						children: [/* @__PURE__ */ Z("span", { children: se }), /* @__PURE__ */ Z(ji, { icon: "chevron" })]
 					}),
 					oe ? /* @__PURE__ */ Z("button", {
 						type: "button",
 						className: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
-						"aria-label": B ? "Expand code block" : "Collapse code block",
-						title: B ? "Expand code block" : "Collapse code block",
+						"aria-label": z ? "Expand code block" : "Collapse code block",
+						title: z ? "Expand code block" : "Collapse code block",
 						"data-testid": "markweave-codeblock-collapse",
-						"data-collapsed": B ? "true" : "false",
+						"data-collapsed": z ? "true" : "false",
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: xe,
-						children: /* @__PURE__ */ Z(ki, { icon: "chevron" })
+						onClick: be,
+						children: /* @__PURE__ */ Z(ji, { icon: "chevron" })
 					}) : null,
 					/* @__PURE__ */ Q("span", {
 						className: "markweave-codeblock-copy-wrap",
@@ -1300,8 +1300,8 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							onMouseLeave: () => O(!1),
 							onFocus: () => O(!0),
 							onBlur: () => O(!1),
-							onClick: pe,
-							children: /* @__PURE__ */ Z(ki, { icon: ce === "copied" ? "check" : "clipboard" })
+							onClick: fe,
+							children: /* @__PURE__ */ Z(ji, { icon: ce === "copied" ? "check" : "clipboard" })
 						}), D ? /* @__PURE__ */ Z("span", {
 							className: "markweave-codeblock-tooltip",
 							role: "tooltip",
@@ -1309,7 +1309,7 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							children: "Copy to clipboard"
 						}) : null]
 					}),
-					z && le === "preview" ? /* @__PURE__ */ Q("div", {
+					ae && le === "preview" ? /* @__PURE__ */ Q("div", {
 						className: "markweave-mermaid-preview-actions",
 						"data-testid": "markweave-mermaid-preview-actions",
 						children: [/* @__PURE__ */ Z("button", {
@@ -1319,8 +1319,8 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							"data-testid": "markweave-mermaid-fullscreen",
 							disabled: !V,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: Ce,
-							children: /* @__PURE__ */ Z(ki, { icon: "expand" })
+							onClick: Se,
+							children: /* @__PURE__ */ Z(ji, { icon: "expand" })
 						}), /* @__PURE__ */ Z("button", {
 							type: "button",
 							className: "markweave-codeblock-icon-button",
@@ -1328,13 +1328,13 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							"data-testid": "markweave-mermaid-download",
 							disabled: !V,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: Se,
-							children: /* @__PURE__ */ Z(ki, { icon: "download" })
+							onClick: xe,
+							children: /* @__PURE__ */ Z(ji, { icon: "download" })
 						})]
 					}) : null
 				]
 			}) : null,
-			oe && ae && y ? /* @__PURE__ */ Q("div", {
+			oe && B && y ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-language-menu",
 				"data-testid": "markweave-codeblock-language-menu",
 				"data-positioned": _ ? "true" : "false",
@@ -1350,21 +1350,21 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						"aria-autocomplete": "list",
 						"aria-controls": l.current ?? void 0,
 						"aria-expanded": "true",
-						"aria-activedescendant": be,
+						"aria-activedescendant": ye,
 						"aria-label": "Search code block languages",
 						value: x,
 						placeholder: "Search...",
 						"data-testid": "markweave-codeblock-language-search",
-						onChange: (e) => _e(e.target.value),
-						onKeyDown: ve
-					}), /* @__PURE__ */ Z(ki, { icon: "search" })]
+						onChange: (e) => ge(e.target.value),
+						onKeyDown: _e
+					}), /* @__PURE__ */ Z(ji, { icon: "search" })]
 				}), /* @__PURE__ */ Z("div", {
 					ref: c,
 					id: l.current ?? void 0,
 					className: "markweave-codeblock-language-list",
 					role: "listbox",
 					"aria-label": "Code block languages",
-					children: H.map((e, t) => {
+					children: U.map((e, t) => {
 						let n = e.language === R.language, r = t === C;
 						return /* @__PURE__ */ Q("button", {
 							id: l.current ? Rn(l.current, e.language) : void 0,
@@ -1377,8 +1377,8 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							"data-language-index": t,
 							onMouseDown: (e) => e.preventDefault(),
 							onMouseEnter: () => w(t),
-							onClick: () => he(e.language),
-							children: [/* @__PURE__ */ Z("span", { children: e.label }), n ? /* @__PURE__ */ Z(ki, { icon: "check" }) : null]
+							onClick: () => me(e.language),
+							children: [/* @__PURE__ */ Z("span", { children: e.label }), n ? /* @__PURE__ */ Z(ji, { icon: "check" }) : null]
 						}, e.language);
 					})
 				})]
@@ -1403,8 +1403,8 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onMouseLeave: () => M(null),
 								onFocus: () => M("zoom-out"),
 								onBlur: () => M(null),
-								onClick: () => Te(-qn),
-								children: /* @__PURE__ */ Z(ki, { icon: "zoomOut" })
+								onClick: () => we(-qn),
+								children: /* @__PURE__ */ Z(ji, { icon: "zoomOut" })
 							}),
 							/* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-zoom-label",
@@ -1420,8 +1420,8 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onMouseLeave: () => M(null),
 								onFocus: () => M("zoom-in"),
 								onBlur: () => M(null),
-								onClick: () => Te(qn),
-								children: /* @__PURE__ */ Z(ki, { icon: "zoomIn" })
+								onClick: () => we(qn),
+								children: /* @__PURE__ */ Z(ji, { icon: "zoomIn" })
 							}),
 							/* @__PURE__ */ Z("button", {
 								type: "button",
@@ -1432,8 +1432,8 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onMouseLeave: () => M(null),
 								onFocus: () => M("reset"),
 								onBlur: () => M(null),
-								onClick: Ee,
-								children: /* @__PURE__ */ Z(ki, { icon: "reset" })
+								onClick: Te,
+								children: /* @__PURE__ */ Z(ji, { icon: "reset" })
 							}),
 							j ? /* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-tooltip",
@@ -1448,18 +1448,18 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						className: "markweave-mermaid-fullscreen-close",
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
-						onClick: we,
-						children: /* @__PURE__ */ Z(ki, { icon: "close" })
+						onClick: Ce,
+						children: /* @__PURE__ */ Z(ji, { icon: "close" })
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "markweave-mermaid-fullscreen-viewport",
 						"data-testid": "markweave-mermaid-fullscreen-viewport",
-						"data-dragging": N ? "true" : "false",
-						onWheel: De,
-						onMouseDown: Oe,
-						onMouseMove: ke,
-						onMouseUp: Ae,
-						onMouseLeave: Ae,
+						"data-dragging": ee ? "true" : "false",
+						onWheel: Ee,
+						onMouseDown: De,
+						onMouseMove: Oe,
+						onMouseUp: ke,
+						onMouseLeave: ke,
 						children: /* @__PURE__ */ Z("div", {
 							className: "markweave-mermaid-fullscreen-content",
 							"data-testid": "markweave-mermaid-fullscreen-content",
@@ -1480,25 +1480,25 @@ function Ai({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 }
 //#endregion
 //#region src/ui/floating-toolbar/FloatingToolbar.tsx
-var ji = n("zh");
-function Mi() {
+var Ni = n("zh");
+function Pi() {
 	return typeof performance > "u" ? Date.now() : performance.now();
 }
-function Ni(e, t) {
+function Fi(e, t) {
 	return {
 		"--markweave-toolbar-motion-duration": `${e.motionDurationMs}ms`,
 		"--markweave-toolbar-motion-easing": e.motionEasing,
 		marginLeft: t === 0 ? void 0 : `${t}px`
 	};
 }
-function Pi(e, t) {
+function Ii(e, t) {
 	let n = e?.getBoundingClientRect().height ?? 0, r = t?.getBoundingClientRect().height ?? 0;
 	return Math.max(n, r, 44);
 }
-function Fi(e) {
+function Li(e) {
 	if (e !== null) return { "--markweave-floating-toolbar-tooltip-left": `${e}px` };
 }
-function Ii(e, t, n, r) {
+function Ri(e, t, n, r) {
 	let i = {
 		bottom: t + r,
 		height: r,
@@ -1514,26 +1514,26 @@ function Ii(e, t, n, r) {
 		toJSON: () => i
 	};
 }
-function Li(e) {
+function zi(e) {
 	return e.width > 0 && e.height > 0;
 }
-function Ri(e) {
+function Bi(e) {
 	let t = Math.min(...e.map((e) => e.left)), n = Math.min(...e.map((e) => e.top)), r = Math.max(...e.map((e) => e.right)), i = Math.max(...e.map((e) => e.bottom));
-	return Ii(t, n, r - t, i - n);
+	return Ri(t, n, r - t, i - n);
 }
-function zi(e, t) {
+function Vi(e, t) {
 	let n = e.view.dom.ownerDocument.defaultView?.Node.ELEMENT_NODE ?? 1, r = (t) => t ? e.view.dom.contains(t.nodeType === n ? t : t.parentNode) : !1;
 	return r(t.anchorNode) && r(t.focusNode);
 }
-function Bi(e) {
+function Hi(e) {
 	if (typeof e.getClientRects != "function") return null;
-	let t = Array.from(e.getClientRects()).filter(Li).map((e) => Ii(e.left, e.top, e.width, e.height));
+	let t = Array.from(e.getClientRects()).filter(zi).map((e) => Ri(e.left, e.top, e.width, e.height));
 	if (t.length > 0) return t;
 	if (typeof e.getBoundingClientRect != "function") return null;
 	let n = e.getBoundingClientRect();
-	return Li(n) ? [Ii(n.left, n.top, n.width, n.height)] : null;
+	return zi(n) ? [Ri(n.left, n.top, n.width, n.height)] : null;
 }
-function Vi(e, t) {
+function Ui(e, t) {
 	if (t.rangeCount === 0) return null;
 	let n = t.getRangeAt(0);
 	try {
@@ -1546,8 +1546,8 @@ function Vi(e, t) {
 		return null;
 	}
 }
-function Hi(e, t) {
-	let n = Vi(e, t);
+function Wi(e, t) {
+	let n = Ui(e, t);
 	if (!n) return !1;
 	let { selection: r } = e.state, i = {
 		from: Math.min(r.from, r.to),
@@ -1555,51 +1555,51 @@ function Hi(e, t) {
 	};
 	return n.from === i.from && n.to === i.to;
 }
-function Ui(e) {
+function Gi(e) {
 	let t = e.view.dom.ownerDocument.getSelection();
-	return !t || t.rangeCount === 0 || t.isCollapsed || !zi(e, t) || !Hi(e, t) ? null : Bi(t.getRangeAt(0));
+	return !t || t.rangeCount === 0 || t.isCollapsed || !Vi(e, t) || !Wi(e, t) ? null : Hi(t.getRangeAt(0));
 }
-function Wi(e) {
+function Ki(e) {
 	let { selection: t } = e.state;
 	if (t.empty) return null;
 	let n = Math.min(t.from, t.to), r = Math.max(t.from, t.to);
 	try {
 		let t = e.view.domAtPos(n), i = e.view.domAtPos(r), a = e.view.dom.ownerDocument.createRange();
-		return a.setStart(t.node, t.offset), a.setEnd(i.node, i.offset), Bi(a);
+		return a.setStart(t.node, t.offset), a.setEnd(i.node, i.offset), Hi(a);
 	} catch {
 		return null;
 	}
 }
-function Gi(e) {
+function qi(e) {
 	let { selection: t } = e.state;
 	if (t.empty) return null;
-	let n = Math.min(t.from, t.to), r = Math.max(t.from, t.to), i = e.view.coordsAtPos(n), a = e.view.coordsAtPos(r, -1), o = Math.min(i.top, a.top), s = Math.max(i.bottom, a.bottom), c = Math.min(i.left, a.left), l = Ii(c, o, Math.max(i.right, a.right) - c, s - o);
-	return Li(l) ? [l] : null;
+	let n = Math.min(t.from, t.to), r = Math.max(t.from, t.to), i = e.view.coordsAtPos(n), a = e.view.coordsAtPos(r, -1), o = Math.min(i.top, a.top), s = Math.max(i.bottom, a.bottom), c = Math.min(i.left, a.left), l = Ri(c, o, Math.max(i.right, a.right) - c, s - o);
+	return zi(l) ? [l] : null;
 }
-function Ki(e) {
-	return Ui(e) ?? Wi(e) ?? Gi(e);
+function Ji(e) {
+	return Gi(e) ?? Ki(e) ?? qi(e);
 }
-function qi(e) {
-	let t = Ki(e);
-	return t && t.length > 0 ? Ri(t) : null;
+function Yi(e) {
+	let t = Ji(e);
+	return t && t.length > 0 ? Bi(t) : null;
 }
-function Ji(e) {
+function Xi(e) {
 	return {
-		getBoundingClientRect: () => qi(e) ?? Ii(0, 0, 0, 0),
-		getClientRects: () => Ki(e) ?? []
+		getBoundingClientRect: () => Yi(e) ?? Ri(0, 0, 0, 0),
+		getClientRects: () => Ji(e) ?? []
 	};
 }
-function Yi(e) {
+function Zi(e) {
 	return e === "block-type" || e === "link" || e === "color" || e === "more";
 }
-function Xi(e, t, n) {
+function Qi(e, t, n) {
 	n?.($n(e, t)), e.commands.focus();
 }
-function Zi({ editor: e, messages: t = ji, selectionSnapshot: n, onRewriteSelection: r }) {
-	let i = K(() => ir(t), [t]), a = kt(n, { editable: e.isEditable }), [o, s] = J(a), [c, l] = J(null), [u, d] = J(null), [f, p] = J(null), [m, h] = J(""), [g, _] = J(""), [v, y] = J(null), [b, x] = J(0), [S, C] = J(a.boundaryPadding), [w, T] = J("bottom"), E = q(0), D = q(null), O = q(null), k = q(null), A = q(null), j = er(e, o.variant, t), M = or(j.find((e) => e.id === c) ?? null), N = _r(m), P = U(() => {
+function $i({ editor: e, messages: t = Ni, selectionSnapshot: n, onRewriteSelection: r }) {
+	let i = q(() => ir(t), [t]), a = kt(n, { editable: e.isEditable }), [o, s] = Y(a), [c, l] = Y(null), [u, d] = Y(null), [f, p] = Y(null), [m, h] = Y(""), [g, _] = Y(""), [v, y] = Y(null), [b, x] = Y(0), [S, C] = Y(a.boundaryPadding), [w, T] = Y("bottom"), E = J(0), D = J(null), O = J(null), k = J(null), A = J(null), j = er(e, o.variant, t), M = or(j.find((e) => e.id === c) ?? null), ee = _r(m), N = W(() => {
 		let t = D.current, n = e.view.dom.closest(".markweave-editor-frame");
 		if (!t || !(n instanceof HTMLElement)) return;
-		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = Pi(t, O.current), s = E.current, c = wt({
+		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = Ii(t, O.current), s = E.current, c = wt({
 			toolbarRect: {
 				left: r.left - s,
 				top: r.top,
@@ -1632,13 +1632,13 @@ function Zi({ editor: e, messages: t = ji, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		o.boundaryPadding,
 		o.offset
-	]), ee = U(() => {
+	]), te = W(() => {
 		D.current && (D.current.style.visibility = "hidden", D.current.style.opacity = "0");
-	}, []), F = U(() => {
-		P();
-	}, [P]), te = U(() => Ji(e), [e]), I = U((e) => {
+	}, []), P = W(() => {
+		N();
+	}, [N]), ne = W(() => Xi(e), [e]), F = W((e) => {
 		k.current = e;
-	}, []), L = U(() => {
+	}, []), I = W(() => {
 		let t = D.current, n = k.current, r = e.view.dom.closest(".markweave-editor-frame");
 		if (!f || !t || !n) return;
 		let i = t.getBoundingClientRect(), a = n.getBoundingClientRect(), s = r?.getBoundingClientRect() ?? null, c = Tt({
@@ -1657,18 +1657,18 @@ function Zi({ editor: e, messages: t = ji, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		f,
 		o.boundaryPadding
-	]), ne = K(() => ({
+	]), L = q(() => ({
 		...Ot(o, { topBoundaryPadding: S }),
-		onShow: ee,
-		onUpdate: F
+		onShow: te,
+		onUpdate: P
 	}), [
-		ee,
-		F,
+		te,
+		P,
 		o,
 		S
 	]);
-	W(() => {
-		let e = Mi();
+	G(() => {
+		let e = Pi();
 		s((t) => Mt(t, a, e));
 	}, [
 		a.hiddenReason,
@@ -1681,10 +1681,10 @@ function Zi({ editor: e, messages: t = ji, selectionSnapshot: n, onRewriteSelect
 		a.updateDelayMs,
 		a.variant,
 		a.visibility
-	]), W(() => {
+	]), G(() => {
 		if (o.motionStartedAtMs === null || o.motionDurationMs <= 0) return;
-		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - Mi()), t = window.setTimeout(() => {
-			s((e) => St(e, Mi()));
+		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - Pi()), t = window.setTimeout(() => {
+			s((e) => St(e, Pi()));
 		}, e);
 		return () => {
 			window.clearTimeout(t);
@@ -1693,17 +1693,17 @@ function Zi({ editor: e, messages: t = ji, selectionSnapshot: n, onRewriteSelect
 		o.motionDurationMs,
 		o.motionPhase,
 		o.motionStartedAtMs
-	]), G(() => {
+	]), K(() => {
 		if (o.visibility !== "visible") {
 			E.current = 0, D.current && (D.current.style.marginLeft = "", D.current.style.visibility = "hidden", D.current.style.opacity = "0"), x(0), C(o.boundaryPadding);
 			return;
 		}
-		let e = mt(P);
+		let e = mt(N);
 		return e.schedule(), window.addEventListener("resize", e.schedule), window.addEventListener("scroll", e.schedule, !0), () => {
 			e.cancel(), window.removeEventListener("resize", e.schedule), window.removeEventListener("scroll", e.schedule, !0);
 		};
 	}, [
-		P,
+		N,
 		e.view.dom,
 		f,
 		n?.from,
@@ -1711,20 +1711,20 @@ function Zi({ editor: e, messages: t = ji, selectionSnapshot: n, onRewriteSelect
 		o.variant,
 		o.visibility,
 		j.length
-	]), G(() => {
+	]), K(() => {
 		if (!f) return;
-		let e = mt(L);
+		let e = mt(I);
 		return e.schedule(), window.addEventListener("resize", e.schedule), window.addEventListener("scroll", e.schedule, !0), () => {
 			e.cancel(), window.removeEventListener("resize", e.schedule), window.removeEventListener("scroll", e.schedule, !0);
 		};
-	}, [f, L]), W(() => {
+	}, [f, I]), G(() => {
 		f === "more" && i.some((e) => e.id === c) || j.some((e) => e.id === c) || (l(null), d(null));
 	}, [
 		i,
 		f,
 		c,
 		j
-	]), W(() => {
+	]), G(() => {
 		if (!f) return;
 		let t = (e) => {
 			O.current?.contains(e.target) || p(null);
@@ -1734,7 +1734,7 @@ function Zi({ editor: e, messages: t = ji, selectionSnapshot: n, onRewriteSelect
 		return document.addEventListener("pointerdown", t, !0), document.addEventListener("keydown", n, !0), () => {
 			document.removeEventListener("pointerdown", t, !0), document.removeEventListener("keydown", n, !0);
 		};
-	}, [e, f]), W(() => {
+	}, [e, f]), G(() => {
 		if (f !== "link") return;
 		let e = window.requestAnimationFrame(() => {
 			A.current?.focus(), A.current?.select();
@@ -1742,7 +1742,7 @@ function Zi({ editor: e, messages: t = ji, selectionSnapshot: n, onRewriteSelect
 		return () => window.cancelAnimationFrame(e);
 	}, [f]);
 	let re = (t) => {
-		if (Yi(t.id)) {
+		if (Zi(t.id)) {
 			let n = t.id;
 			if (n === "link") {
 				let t = nr(e);
@@ -1755,7 +1755,7 @@ function Zi({ editor: e, messages: t = ji, selectionSnapshot: n, onRewriteSelect
 			return;
 		}
 		if (p(null), t.id === "improve") {
-			Xi(e, "rewrite-selection", r);
+			Qi(e, "rewrite-selection", r);
 			return;
 		}
 		t.run(), e.commands.focus();
@@ -1763,15 +1763,15 @@ function Zi({ editor: e, messages: t = ji, selectionSnapshot: n, onRewriteSelect
 		p(null), e.commands.focus();
 	}, ie = () => {
 		v && e.commands.setTextSelection(v);
-	}, z = () => {
+	}, ae = () => {
 		ie(), Qn(e, m) && R();
-	}, B = () => {
+	}, z = () => {
 		if (ie(), fr(e)) {
 			h(""), _(""), R();
 			return;
 		}
 		m.trim() && h("");
-	}, ae = (e, t) => {
+	}, B = (e, t) => {
 		if (l(e), !e || !t || !O.current) {
 			d(null);
 			return;
@@ -1784,59 +1784,59 @@ function Zi({ editor: e, messages: t = ji, selectionSnapshot: n, onRewriteSelect
 		editor: e,
 		className: `markweave-floating-toolbar markweave-floating-toolbar--${o.variant} markweave-floating-toolbar--motion-${o.motionPhase}`,
 		"data-motion": o.motionPhase,
-		"data-position-strategy": ne.strategy,
+		"data-position-strategy": L.strategy,
 		"data-boundary-padding": o.boundaryPadding,
 		"data-popover-placement": f ? w : void 0,
 		"data-testid": "markweave-floating-toolbar",
-		style: Ni(o, b),
+		style: Fi(o, b),
 		updateDelay: 0,
-		getReferencedVirtualElement: te,
-		options: ne,
+		getReferencedVirtualElement: ne,
+		options: L,
 		shouldShow: ({ editor: e }) => e.isEditable && jt(Dt(e)),
 		children: /* @__PURE__ */ Q("div", {
 			ref: O,
 			className: "markweave-floating-toolbar-content",
 			"data-menu": f ?? "none",
 			children: [
-				j.map((e, t) => /* @__PURE__ */ Z($i, {
+				j.map((e, t) => /* @__PURE__ */ Z(ta, {
 					button: e,
 					expanded: f === e.id,
 					showDivider: t > 0 && j[t - 1].group !== e.group,
 					tooltipActive: c === e.id,
 					onPointerDown: dr,
-					onTooltipChange: ae,
+					onTooltipChange: B,
 					onRun: re
 				}, e.id)),
-				f === "block-type" ? /* @__PURE__ */ Z(ta, {
+				f === "block-type" ? /* @__PURE__ */ Z(ra, {
 					editor: e,
 					messages: t,
-					onPopoverRef: I,
+					onPopoverRef: F,
 					onClose: () => p(null)
 				}) : null,
-				f === "link" ? /* @__PURE__ */ Z(Qi, {
+				f === "link" ? /* @__PURE__ */ Z(ea, {
 					inputRef: A,
 					messages: t,
 					value: m,
-					canApply: !!N,
-					canOpen: !!N,
+					canApply: !!ee,
+					canOpen: !!ee,
 					canRemove: !!(g || m.trim()),
 					onValueChange: h,
-					onApply: z,
+					onApply: ae,
 					onOpen: () => ur(m),
-					onRemove: B,
-					onPopoverRef: I
+					onRemove: z,
+					onPopoverRef: F
 				}) : null,
-				f === "color" ? /* @__PURE__ */ Z(ra, {
+				f === "color" ? /* @__PURE__ */ Z(aa, {
 					editor: e,
 					messages: t,
-					onPopoverRef: I,
+					onPopoverRef: F,
 					onClose: () => p(null)
 				}) : null,
-				f === "more" ? /* @__PURE__ */ Z(aa, {
+				f === "more" ? /* @__PURE__ */ Z(sa, {
 					editor: e,
 					messages: t,
 					activeTooltipId: c,
-					onPopoverRef: I,
+					onPopoverRef: F,
 					onTooltipChange: l,
 					onClose: () => p(null)
 				}) : null,
@@ -1846,14 +1846,14 @@ function Zi({ editor: e, messages: t = ji, selectionSnapshot: n, onRewriteSelect
 					"data-testid": "markweave-floating-toolbar-tooltip",
 					"data-button-id": M.buttonId,
 					"data-active": M.active,
-					style: Fi(u),
+					style: Li(u),
 					children: M.label
 				}) : null
 			]
 		})
 	});
 }
-function Qi({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l, onPopoverRef: u }) {
+function ea({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l, onPopoverRef: u }) {
 	let d = rr(t);
 	return /* @__PURE__ */ Q("form", {
 		ref: u,
@@ -1906,7 +1906,7 @@ function Qi({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 		})]
 	});
 }
-function $i({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointerDown: i, onTooltipChange: a, onRun: o }) {
+function ta({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointerDown: i, onTooltipChange: a, onRun: o }) {
 	return /* @__PURE__ */ Q(ot, { children: [n ? /* @__PURE__ */ Z("span", {
 		className: "markweave-floating-toolbar-divider",
 		"aria-hidden": "true"
@@ -1914,7 +1914,7 @@ function $i({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointe
 		type: "button",
 		className: `markweave-floating-toolbar-button markweave-floating-toolbar-button--${e.id}`,
 		"aria-label": e.label,
-		"aria-expanded": Yi(e.id) ? t : void 0,
+		"aria-expanded": Zi(e.id) ? t : void 0,
 		"data-active": e.active || t,
 		"data-tooltip-active": r ? "true" : "false",
 		"data-testid": `markweave-floating-toolbar-button-${e.id}`,
@@ -1924,13 +1924,13 @@ function $i({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointe
 		onMouseEnter: (t) => a(e.id, t.currentTarget),
 		onMouseLeave: () => a(null),
 		onClick: () => o(e),
-		children: /* @__PURE__ */ Z(ea, {
+		children: /* @__PURE__ */ Z(na, {
 			button: e,
 			expanded: t
 		})
 	})] });
 }
-function ea({ button: e, expanded: t }) {
+function na({ button: e, expanded: t }) {
 	return e.id === "improve" ? /* @__PURE__ */ Q("span", {
 		className: "markweave-floating-toolbar-button-inner",
 		children: [/* @__PURE__ */ Z($, { name: "sparkles" }), /* @__PURE__ */ Z("span", { children: e.glyph })]
@@ -1948,7 +1948,7 @@ function ea({ button: e, expanded: t }) {
 		}), /* @__PURE__ */ Z($, { name: t ? "chevron-up" : "chevron-down" })]
 	}) : /* @__PURE__ */ Z($, { name: "more" });
 }
-function ta({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
+function ra({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 	let i = rr(t), a = sr(t);
 	return /* @__PURE__ */ Q("div", {
 		ref: n,
@@ -1967,21 +1967,21 @@ function ta({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 			},
 			children: [/* @__PURE__ */ Z("span", {
 				className: "markweave-floating-toolbar-menu-icon",
-				children: /* @__PURE__ */ Z(na, { option: t })
+				children: /* @__PURE__ */ Z(ia, { option: t })
 			}), /* @__PURE__ */ Z("span", { children: t.label })]
 		}, t.id))]
 	});
 }
-function na({ option: e }) {
+function ia({ option: e }) {
 	return e.id === "paragraph" ? /* @__PURE__ */ Z($, { name: "text" }) : e.glyph === "bullet-list" || e.glyph === "numbered-list" || e.glyph === "todo-list" || e.glyph === "quote" || e.glyph === "code-block" ? /* @__PURE__ */ Z($, { name: e.glyph }) : /* @__PURE__ */ Z("span", { children: e.glyph });
 }
-function ra({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
+function aa({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 	let i = rr(t), a = e.getAttributes("textStyle").color, o = e.getAttributes("highlight").color;
 	return /* @__PURE__ */ Q("div", {
 		ref: n,
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
 		"data-testid": "markweave-floating-toolbar-color-menu",
-		children: [/* @__PURE__ */ Z(ia, {
+		children: [/* @__PURE__ */ Z(oa, {
 			title: i.textColorTitle,
 			mode: "text",
 			activeColor: a ?? null,
@@ -1989,7 +1989,7 @@ function ra({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 			onSelect: (t) => {
 				hr(e, t), r();
 			}
-		}), /* @__PURE__ */ Z(ia, {
+		}), /* @__PURE__ */ Z(oa, {
 			title: i.highlightColorTitle,
 			mode: "highlight",
 			activeColor: o ?? null,
@@ -2000,7 +2000,7 @@ function ra({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 		})]
 	});
 }
-function ia({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
+function oa({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-floating-toolbar-color-section",
 		"aria-label": e,
@@ -2029,13 +2029,13 @@ function ia({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 		})]
 	});
 }
-function aa({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onTooltipChange: i, onClose: a }) {
+function sa({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onTooltipChange: i, onClose: a }) {
 	let o = ir(t);
 	return /* @__PURE__ */ Z("div", {
 		ref: r,
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-more-menu",
 		"data-testid": "markweave-floating-toolbar-more-menu",
-		children: o.map((t, r) => /* @__PURE__ */ Z(oa, {
+		children: o.map((t, r) => /* @__PURE__ */ Z(ca, {
 			action: t,
 			active: cr(e, t.id),
 			tooltipActive: n === t.id,
@@ -2047,7 +2047,7 @@ function aa({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onToo
 		}, t.id))
 	});
 }
-function oa({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipChange: i, onRun: a }) {
+function ca({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipChange: i, onRun: a }) {
 	return /* @__PURE__ */ Q(ot, { children: [r ? /* @__PURE__ */ Z("span", {
 		className: "markweave-floating-toolbar-divider",
 		"aria-hidden": "true"
@@ -2063,7 +2063,7 @@ function oa({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 			onMouseEnter: () => i(e.id),
 			onMouseLeave: () => i(null),
 			onClick: a,
-			children: /* @__PURE__ */ Z(sa, { id: e.id })
+			children: /* @__PURE__ */ Z(la, { id: e.id })
 		}), n ? /* @__PURE__ */ Z("div", {
 			className: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 			role: "tooltip",
@@ -2071,41 +2071,41 @@ function oa({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 		}) : null]
 	})] });
 }
-function sa({ id: e }) {
+function la({ id: e }) {
 	return e === "superscript" ? /* @__PURE__ */ Z($, { name: "superscript" }) : e === "subscript" ? /* @__PURE__ */ Z($, { name: "subscript" }) : e === "inline-math" ? /* @__PURE__ */ Z($, { name: "math" }) : Z($, { name: e });
 }
-var ca = {
-	sparkles: Se,
+var ua = {
+	sparkles: xe,
 	"chevron-down": j,
-	"chevron-up": N,
-	"corner-down-left": te,
-	"external-link": L,
+	"chevron-up": ee,
+	"corner-down-left": ne,
+	"external-link": I,
 	bold: E,
 	italic: ce,
-	underline: Ne,
-	strike: we,
-	"inline-code": ee,
+	underline: Me,
+	strike: Ce,
+	"inline-code": te,
 	link: V,
-	more: pe,
-	text: Me,
+	more: fe,
+	text: je,
 	"bullet-list": ue,
-	"numbered-list": H,
-	"todo-list": de,
-	quote: ve,
+	"numbered-list": U,
+	"todo-list": H,
+	quote: _e,
 	"code-block": D,
-	superscript: Ee,
-	subscript: Te,
-	math: be,
+	superscript: Te,
+	subscript: we,
+	math: ye,
 	"align-left": d,
 	"align-center": l,
 	"align-right": f,
 	"align-justify": u,
-	"decrease-indent": ae,
+	"decrease-indent": B,
 	"increase-indent": oe,
-	trash: je
+	trash: Ae
 };
 function $({ name: e }) {
-	let t = ca[e];
+	let t = ua[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -2115,8 +2115,8 @@ function $({ name: e }) {
 }
 //#endregion
 //#region src/ui/math/MathEditorPopover.tsx
-function la({ editor: e, messages: t, onClose: n, target: r }) {
-	let i = q(null), a = q(null), [o, s] = J(r.latex), [c, l] = J(null), u = t.math, d = K(() => Yt(e, r) ?? 1, [e, r]), f = K(() => Xt(e, r), [e, r]), p = K(() => o === r.latex && f ? {
+function da({ editor: e, messages: t, onClose: n, target: r }) {
+	let i = J(null), a = J(null), [o, s] = Y(r.latex), [c, l] = Y(null), u = t.math, d = q(() => Yt(e, r) ?? 1, [e, r]), f = q(() => Xt(e, r), [e, r]), p = q(() => o === r.latex && f ? {
 		html: f,
 		error: !1
 	} : en(o, r.kind, e), [
@@ -2125,7 +2125,7 @@ function la({ editor: e, messages: t, onClose: n, target: r }) {
 		r.kind,
 		r.latex,
 		o
-	]), m = o.trim().length > 0, h = U(() => {
+	]), m = o.trim().length > 0, h = W(() => {
 		if (typeof window > "u") return;
 		let t = Jt(e, r), i = e.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 		if (!t || !i) {
@@ -2146,9 +2146,9 @@ function la({ editor: e, messages: t, onClose: n, target: r }) {
 		r,
 		o
 	]);
-	W(() => {
+	G(() => {
 		s(r.latex);
-	}, [r.latex, r.pos]), W(() => {
+	}, [r.latex, r.pos]), G(() => {
 		tn(e, r, !0), h();
 		let t = window.requestAnimationFrame(() => {
 			a.current?.focus({ preventScroll: !0 }), a.current?.select(), h();
@@ -2161,14 +2161,14 @@ function la({ editor: e, messages: t, onClose: n, target: r }) {
 		n,
 		r,
 		h
-	]), W(() => {
+	]), G(() => {
 		let e = (e) => {
 			let t = e.target;
 			t instanceof Node && (i.current?.contains(t) || t instanceof Element && t.closest(".tiptap-mathematics-render") || n());
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [n]);
-	let g = U(() => {
+	let g = W(() => {
 		m && Kt(e, r, o) && n();
 	}, [
 		m,
@@ -2244,7 +2244,7 @@ function la({ editor: e, messages: t, onClose: n, target: r }) {
 				className: "markweave-math-block-toolbar",
 				children: [
 					/* @__PURE__ */ Z("span", { children: u.label }),
-					/* @__PURE__ */ Z(ee, {
+					/* @__PURE__ */ Z(te, {
 						"aria-hidden": "true",
 						size: 15,
 						strokeWidth: 1.75
@@ -2300,31 +2300,31 @@ function la({ editor: e, messages: t, onClose: n, target: r }) {
 }
 //#endregion
 //#region src/ui/slash-command/SlashCommandMenu.tsx
-var ua = n("zh"), da = {
-	type: Ae,
+var fa = n("zh"), pa = {
+	type: ke,
 	"heading-1": re,
 	"heading-2": R,
 	"heading-3": ie,
 	"bullet-list": ue,
-	"ordered-list": H,
-	"task-list": de,
-	blockquote: ve,
+	"ordered-list": U,
+	"task-list": H,
+	blockquote: _e,
 	"code-block": D,
 	info: se,
 	tip: le,
 	warning: c,
-	error: P,
+	error: N,
 	success: A,
-	emoji: xe,
-	math: be,
-	table: De,
-	separator: fe,
-	image: z,
-	video: Fe,
-	attachment: he
+	emoji: be,
+	math: ye,
+	table: Ee,
+	separator: de,
+	image: ae,
+	video: Pe,
+	attachment: me
 };
-function fa({ name: e }) {
-	let t = da[e];
+function ma({ name: e }) {
+	let t = pa[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -2332,7 +2332,7 @@ function fa({ name: e }) {
 		strokeWidth: 1.6
 	});
 }
-function pa(e, t, n) {
+function ha(e, t, n) {
 	return !cn(e) || !n ? {
 		visible: !1,
 		empty: !1,
@@ -2347,17 +2347,17 @@ function pa(e, t, n) {
 		activeIndex: Math.min(t.length - 1, Math.max(0, e.activeIndex))
 	};
 }
-function ma(e, t) {
+function ga(e, t) {
 	return Object.values(t.slash.groups).map((t) => ({
 		group: t,
 		commands: e.filter((e) => e.group === t)
 	})).filter((e) => e.commands.length > 0);
 }
-function ha(e, t) {
+function _a(e, t) {
 	return t.slash.uploadKindLabels[e] ?? t.slash.uploadKindLabels.upload;
 }
-function ga({ command: e, messages: t, onBack: n, onSelect: r }) {
-	let [i, a] = J(""), [o, s] = J(0), c = K(() => {
+function va({ command: e, messages: t, onBack: n, onSelect: r }) {
+	let [i, a] = Y(""), [o, s] = Y(0), c = q(() => {
 		let e = i.trim().toLowerCase();
 		return (e ? t.slash.emojiItems.filter((t) => [
 			t.emoji,
@@ -2423,9 +2423,9 @@ function ga({ command: e, messages: t, onBack: n, onSelect: r }) {
 		]
 	});
 }
-function _a({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
-	let a = e.uploadKind ?? "attachment", [o, s] = J(""), [c, l] = J(null), [u, d] = J(null), [f, p] = J(!1), m = async (t) => {
-		r(e, { uploadResult: await Y({
+function ya({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
+	let a = e.uploadKind ?? "attachment", [o, s] = Y(""), [c, l] = Y(null), [u, d] = Y(null), [f, p] = Y(!1), m = async (t) => {
+		r(e, { uploadResult: await X({
 			kind: a,
 			source: t,
 			trigger: "slash-command"
@@ -2445,7 +2445,7 @@ function _a({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 				d(t.slash.uploadRequiredError);
 				return;
 			}
-			await m(Le(o));
+			await m(Ie(o));
 		} catch (e) {
 			d(e instanceof Error ? e.message : t.slash.uploadFailedError);
 		} finally {
@@ -2463,7 +2463,7 @@ function _a({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 					onMouseDown: (e) => e.preventDefault(),
 					onClick: n,
 					children: t.common.back
-				}), /* @__PURE__ */ Z("span", { children: ha(a, t) })]
+				}), /* @__PURE__ */ Z("span", { children: _a(a, t) })]
 			}),
 			/* @__PURE__ */ Q("label", {
 				className: "markweave-slash-upload-field",
@@ -2511,10 +2511,10 @@ function _a({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 		]
 	});
 }
-function va({ commands: e, messages: t = ua, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
-	let l = pa(n, e, r);
+function ba({ commands: e, messages: t = fa, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
+	let l = ha(n, e, r);
 	if (!l.visible || !r) return null;
-	let u = ma(e, t), d = {
+	let u = ga(e, t), d = {
 		left: r.left,
 		top: r.top,
 		maxHeight: r.maxHeight,
@@ -2536,12 +2536,12 @@ function va({ commands: e, messages: t = ua, state: n, position: r, inputCommand
 		"aria-label": t.slash.ariaLabel,
 		"data-placement": r.placement,
 		"data-testid": "markweave-slash-menu",
-		children: i?.inputKind === "emoji" ? /* @__PURE__ */ Z(ga, {
+		children: i?.inputKind === "emoji" ? /* @__PURE__ */ Z(va, {
 			command: i,
 			messages: t,
 			onBack: m,
 			onSelect: s
-		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(_a, {
+		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(ya, {
 			command: i,
 			messages: t,
 			onBack: m,
@@ -2585,7 +2585,7 @@ function va({ commands: e, messages: t = ua, state: n, position: r, inputCommand
 							}
 						},
 						children: [
-							/* @__PURE__ */ Z(fa, { name: t.icon }),
+							/* @__PURE__ */ Z(ma, { name: t.icon }),
 							/* @__PURE__ */ Z("span", { children: t.label }),
 							o && t.disabledReason ? /* @__PURE__ */ Z("small", { children: t.disabledReason }) : null
 						]
@@ -2597,7 +2597,7 @@ function va({ commands: e, messages: t = ua, state: n, position: r, inputCommand
 }
 //#endregion
 //#region src/ui/table/TableControls.tsx
-var ya = n("zh"), ba = {
+var xa = n("zh"), Sa = {
 	"move-left": v,
 	"move-right": y,
 	"move-up": b,
@@ -2608,15 +2608,15 @@ var ya = n("zh"), ba = {
 	"insert-below": S,
 	"sort-asc": _,
 	"sort-desc": x,
-	color: me,
+	color: pe,
 	alignment: d,
-	clear: Ce,
-	duplicate: F,
-	copy: F,
-	merge: Oe,
-	split: ke,
-	delete: je
-}, xa = {
+	clear: Se,
+	duplicate: P,
+	copy: P,
+	merge: De,
+	split: Oe,
+	delete: Ae
+}, Ca = {
 	left: d,
 	center: l,
 	right: f,
@@ -2624,62 +2624,62 @@ var ya = n("zh"), ba = {
 	middle: p,
 	bottom: m
 };
-function Sa({ active: e, editor: t, interactionState: n = xn, messages: r = ya, onCopyPayload: i, onCommandResult: a, onEditWithAi: o }) {
-	let [s, c] = J(null), [l, u] = J(null), [d, f] = J("row-edge"), [p, m] = J(null), [h, g] = J(null), [_, v] = J(null), [y, b] = J(null), [x, S] = J(null), [C, w] = J(null), [, T] = J(0), E = q(null), D = q(null), [O, k] = J(null), A = q(null), j = q(null), N = q(null), P = q(null), ee = q(null), F = e ? yn(t.state) : null;
-	if (W(() => {
-		if (!O) return;
+function wa({ active: e, editor: t, interactionState: n = xn, messages: r = xa, onCopyPayload: i, onCommandResult: a, onEditWithAi: o }) {
+	let [s, c] = Y(null), [l, u] = Y(null), [d, f] = Y("row-edge"), [p, m] = Y(null), [h, g] = Y(null), [_, v] = Y(null), [y, b] = Y(null), [x, S] = Y(null), [C, w] = Y(null), [T, E] = Y(null), [, D] = Y(0), O = J(null), k = J(null), [A, j] = Y(null), ee = J(null), N = J(null), te = J(null), P = J(null), ne = J(null), F = J(null), I = J(null), L = e ? yn(t.state) : null;
+	if (G(() => {
+		if (!A) return;
 		let e = window.setTimeout(() => {
-			k(null);
-		}, Hr);
+			j(null);
+		}, Wr);
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [O]), W(() => {
+	}, [A]), G(() => {
 		let e = (e) => {
-			let n = E.current;
+			let n = O.current;
 			if (!n) return;
-			let r = kr(t, n.axis, e.clientX, e.clientY);
-			r !== null && (e.preventDefault(), D.current = r, e.dataTransfer && (e.dataTransfer.dropEffect = "move"));
+			let r = Ar(t, n.axis, e.clientX, e.clientY);
+			r !== null && (e.preventDefault(), k.current = r, e.dataTransfer && (e.dataTransfer.dropEffect = "move"));
 		}, n = (e) => {
-			let n = E.current;
+			let n = O.current;
 			if (!n) return;
-			let r = kr(t, n.axis, e.clientX, e.clientY) ?? D.current;
-			e.preventDefault(), E.current = null, D.current = null, r !== null && zr(t, n.axis, n.index, r);
+			let r = Ar(t, n.axis, e.clientX, e.clientY) ?? k.current;
+			e.preventDefault(), O.current = null, k.current = null, r !== null && Vr(t, n.axis, n.index, r);
 		};
 		return document.addEventListener("dragover", e), document.addEventListener("drop", n), () => {
 			document.removeEventListener("dragover", e), document.removeEventListener("drop", n);
 		};
-	}, [t]), G(() => {
+	}, [t]), K(() => {
 		if (!e) {
-			g(null), v(null), b(null), S(null), w(null), k(null);
+			v(null), b(null), S(null), w(null), E(null), j(null);
 			return;
 		}
 		let r = () => {
-			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, r = Mr(t, n, "row", F?.activeCellPos ?? null), i = Mr(t, n, "column", F?.activeCellPos ?? null), a = r ? jr(t, r) : null, o = i ? jr(t, i) : null, c = Ir(t, "selection").length > 0 ? Lr(t) : null, l = Or(t)?.getBoundingClientRect() ?? null;
+			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, r = Nr(t, n, "row", L?.activeCellPos ?? null), i = Nr(t, n, "column", L?.activeCellPos ?? null), a = r ? Mr(t, r) : null, o = i ? Mr(t, i) : null, c = Rr(t, "selection").length > 0 ? zr(t) : null, l = kr(t)?.getBoundingClientRect() ?? null;
 			if (!e) {
-				g(null), v(null), b(null), S(null), w(null);
+				v(null), b(null), S(null), w(null), E(null);
 				return;
 			}
 			let u = e.getBoundingClientRect();
-			a ? g(Cr({
+			a ? v(wr({
 				targetRect: a,
 				frameRect: u,
 				kind: "row"
-			})) : s === "row" && d === "row-edge" || g(null), o ? v(Cr({
+			})) : s === "row" && d === "row-edge" || v(null), o ? b(wr({
 				targetRect: o,
 				frameRect: u,
 				kind: "column"
-			})) : s === "column" && d === "column-edge" || v(null), c ? b(Cr({
+			})) : s === "column" && d === "column-edge" || b(null), c ? S(wr({
 				targetRect: c,
 				frameRect: u,
 				kind: "selection"
-			})) : s === "selection" && d === "selection-edge" || b(null);
+			})) : s === "selection" && d === "selection-edge" || S(null);
 			let f = n.hoverCellPos !== null && !!(r && r.index === r.visualHeight - 1), p = n.hoverCellPos !== null && !!(i && i.index === i.visualWidth - 1);
-			S(l && f ? wr({
+			w(l && f ? Tr({
 				tableRect: l,
 				frameRect: u,
 				kind: "row"
-			}) : null), w(l && p ? wr({
+			}) : null), E(l && p ? Tr({
 				tableRect: l,
 				frameRect: u,
 				kind: "column"
@@ -2691,40 +2691,41 @@ function Sa({ active: e, editor: t, interactionState: n = xn, messages: r = ya,
 	}, [
 		e,
 		t,
-		F?.activeCellPos,
-		F?.selectionFrom,
-		F?.selectionTo,
+		L?.activeCellPos,
+		L?.selectionFrom,
+		L?.selectionTo,
 		n.hoverCellPos,
 		n.hoverVisualColumnIndex,
 		n.hoverVisualRowIndex,
 		d,
 		s
-	]), G(() => {
+	]), K(() => {
 		if (!e || !s) {
 			m(null);
 			return;
 		}
 		let n = () => {
-			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, n = d === "row-edge" ? N.current : d === "column-edge" ? P.current : ee.current, r = j.current;
+			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, n = d === "row-edge" ? ne.current : d === "column-edge" ? F.current : I.current, r = N.current;
 			if (!e || !n || !r) {
 				m(null);
 				return;
 			}
-			let i = n.getBoundingClientRect(), a = s === "row" ? Or(t)?.getBoundingClientRect() : null, o = a ? {
+			let i = n.getBoundingClientRect(), a = s === "row" ? kr(t)?.getBoundingClientRect() : null, o = a ? {
 				left: i.left,
 				top: a.top,
 				width: i.width,
 				height: i.height
-			} : i, c = e.getBoundingClientRect(), l = r.getBoundingClientRect(), u = Sr({
+			} : i, c = e.getBoundingClientRect(), l = r.getBoundingClientRect(), u = te.current?.scrollHeight ?? 0, f = u > 0 ? u + 12 : 0, p = Sr({
 				anchorRect: o,
 				frameRect: c,
+				boundaryRect: Fr(e),
 				menuSize: {
 					width: l.width || 254,
-					height: l.height || 410
+					height: f || l.height || 410
 				},
 				kind: s
 			});
-			m(u);
+			m(p);
 		};
 		return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
 			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
@@ -2734,10 +2735,43 @@ function Sa({ active: e, editor: t, interactionState: n = xn, messages: r = ya,
 		t,
 		d,
 		s,
-		h,
 		_,
-		y
-	]), W(() => {
+		y,
+		x
+	]), K(() => {
+		if (!e || !s || !l || !p) {
+			g(null);
+			return;
+		}
+		let n = () => {
+			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, n = N.current, r = P.current, i = n?.querySelector(`[data-submenu-trigger="${l}"]`);
+			if (!e || !n || !r || !i) {
+				g(null);
+				return;
+			}
+			let a = r.getBoundingClientRect(), o = Math.max(r.scrollHeight + 2, a.height);
+			g(Cr({
+				triggerRect: i.getBoundingClientRect(),
+				parentMenuRect: n.getBoundingClientRect(),
+				boundaryRect: Fr(e),
+				submenuSize: {
+					width: a.width || 238,
+					height: o || 410
+				}
+			}));
+		};
+		n();
+		let r = te.current;
+		return r?.addEventListener("scroll", n), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
+			r?.removeEventListener("scroll", n), window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
+		};
+	}, [
+		e,
+		t,
+		p,
+		s,
+		l
+	]), G(() => {
 		if (!e || !s) return;
 		let n = (e) => {
 			if (e.key === "Escape") {
@@ -2748,7 +2782,7 @@ function Sa({ active: e, editor: t, interactionState: n = xn, messages: r = ya,
 				c(null), u(null), t.view.focus();
 			}
 		}, r = (e) => {
-			e.target instanceof Node && A.current?.contains(e.target) || (c(null), u(null));
+			e.target instanceof Node && ee.current?.contains(e.target) || (c(null), u(null));
 		};
 		return document.addEventListener("keydown", n), document.addEventListener("mousedown", r), () => {
 			document.removeEventListener("keydown", n), document.removeEventListener("mousedown", r);
@@ -2759,171 +2793,171 @@ function Sa({ active: e, editor: t, interactionState: n = xn, messages: r = ya,
 		s,
 		l
 	]), !e) return null;
-	let te = (e, t) => {
+	let re = (e, t) => {
 		let n = s === e && d === t;
 		f(t), c(n ? null : e), u(null);
-	}, I = () => {
+	}, R = () => {
 		t.view.dispatch(vr(t.state.tr, null));
-	}, L = (e, r) => {
-		let i = n.hoverCellPos ?? F?.activeCellPos ?? null, a = n.hoverCellPos === null ? null : e === "row" ? n.hoverVisualRowIndex : n.hoverVisualColumnIndex;
-		i !== null && Br(t, i, e, { visualIndex: a }), te(e, r);
-	}, ne = () => {
-		I(), te("selection", "selection-edge");
-	}, re = Mr(t, n, "row", F?.activeCellPos ?? null), R = Mr(t, n, "column", F?.activeCellPos ?? null), ie = Ir(t, "selection").length > 0, z = s ? Ir(t, s) : [], B = async (e, n) => {
-		let o = await Er({
+	}, ie = (e, r) => {
+		let i = n.hoverCellPos ?? L?.activeCellPos ?? null, a = n.hoverCellPos === null ? null : e === "row" ? n.hoverVisualRowIndex : n.hoverVisualColumnIndex;
+		i !== null && Hr(t, i, e, { visualIndex: a }), re(e, r);
+	}, ae = () => {
+		R(), re("selection", "selection-edge");
+	}, z = Nr(t, n, "row", L?.activeCellPos ?? null), B = Nr(t, n, "column", L?.activeCellPos ?? null), oe = Rr(t, "selection").length > 0, se = s ? Rr(t, s) : [], ce = async (e, n) => {
+		let o = await Dr({
 			editor: t,
 			commandId: e,
 			menu: n ?? s ?? "selection",
 			messages: r
 		});
-		return o.copyFeedback ? (k(o.copyFeedback), o.copyPayload && i?.(o.copyPayload)) : k(null), a?.(o.commandResult), o.success;
-	}, ae = (e) => {
-		let n = Nr(t, e);
+		return o.copyFeedback ? (j(o.copyFeedback), o.copyPayload && i?.(o.copyPayload)) : j(null), a?.(o.commandResult), o.success;
+	}, le = (e) => {
+		let n = Pr(t, e);
 		n && o?.(n), c(null), u(null), t.view.focus();
-	}, oe = (e) => {
-		s !== "row" && s !== "column" || e(s) && T((e) => e + 1);
-	}, se = (e) => {
-		let r = e === "row" ? re : R, i = n.hoverCellPos ?? F?.activeCellPos ?? null;
-		!r || i === null || Kr(t, i, e, { visualIndex: r.index }) && B(e === "row" ? "add-row-after" : "add-column-after", e);
-	}, ce = (e, t, n) => {
-		E.current = {
+	}, V = (e) => {
+		s !== "row" && s !== "column" || e(s) && D((e) => e + 1);
+	}, ue = (e) => {
+		let r = e === "row" ? z : B, i = n.hoverCellPos ?? L?.activeCellPos ?? null;
+		!r || i === null || Jr(t, i, e, { visualIndex: r.index }) && ce(e === "row" ? "add-row-after" : "add-column-after", e);
+	}, H = (e, t, n) => {
+		O.current = {
 			axis: e,
 			index: t
-		}, D.current = t, n.dataTransfer.effectAllowed = "move", n.dataTransfer.setData("application/x-markweave-table-axis", `${e}:${t}`);
-	}, le = (e) => {
-		let t = e.currentTarget, n = Array.from(t.querySelectorAll(":scope > button[role=\"menuitem\"]:not(:disabled), :scope > button[role=\"menuitemradio\"]:not(:disabled)")), r = n.indexOf(document.activeElement);
+		}, k.current = t, n.dataTransfer.effectAllowed = "move", n.dataTransfer.setData("application/x-markweave-table-axis", `${e}:${t}`);
+	}, U = (e) => {
+		let t = e.currentTarget, n = t.classList.contains("markweave-table-menu") ? t.querySelector(":scope > .markweave-table-menu-scroll") ?? t : t, r = Array.from(n.querySelectorAll(":scope > button[role=\"menuitem\"]:not(:disabled), :scope > button[role=\"menuitemradio\"]:not(:disabled)")), i = r.indexOf(document.activeElement);
 		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
 			e.preventDefault(), e.stopPropagation();
 			let t = e.key === "ArrowDown" ? 1 : -1;
-			n[r < 0 ? 0 : Math.min(n.length - 1, Math.max(0, r + t))]?.focus();
+			r[i < 0 ? 0 : Math.min(r.length - 1, Math.max(0, i + t))]?.focus();
 		}
-	}, V = s === "row" || s === "column" ? Ar(t, s) : null;
+	}, de = s === "row" || s === "column" ? jr(t, s) : null;
 	return /* @__PURE__ */ Q("div", {
-		ref: A,
+		ref: ee,
 		className: "markweave-table-controls",
 		"data-testid": "markweave-table-controls",
 		"aria-label": r.table.controlsAriaLabel,
 		"data-open-menu": s ?? "none",
-		"data-positioned": h || _ || y ? "true" : "false",
+		"data-positioned": _ || y || x ? "true" : "false",
 		onMouseLeave: () => {
 			t.view.dispatch(t.state.tr.setMeta(Sn, { type: "clear-hover" }));
 		},
 		children: [
-			O ? /* @__PURE__ */ Z("div", {
+			A ? /* @__PURE__ */ Z("div", {
 				className: "markweave-table-copy-feedback",
 				role: "status",
 				"aria-live": "polite",
 				"data-testid": "markweave-table-copy-feedback",
-				"data-copy-kind": O.kind,
-				"data-text-length": O.textLength,
-				"data-html-length": O.htmlLength,
-				children: Dr(O)
+				"data-copy-kind": A.kind,
+				"data-text-length": A.textLength,
+				"data-html-length": A.htmlLength,
+				children: Or(A)
 			}) : null,
-			h ? /* @__PURE__ */ Z("button", {
+			_ ? /* @__PURE__ */ Z("button", {
 				type: "button",
-				ref: N,
+				ref: ne,
 				className: "markweave-table-edge-handle markweave-table-edge-handle--row",
 				"aria-label": r.table.activeRowActions,
 				"aria-expanded": s === "row" && d === "row-edge",
 				"aria-haspopup": "menu",
 				title: r.table.rowActions,
 				"data-testid": "markweave-table-hover-row-handle",
-				"data-axis-index": re?.index ?? "",
-				"data-axis-selected-cells": re?.selectedCellCount ?? "",
-				"data-axis-visual-cells": re?.visualCellCount ?? "",
-				"data-axis-visual-size": re?.visualHeight ?? "",
+				"data-axis-index": z?.index ?? "",
+				"data-axis-selected-cells": z?.selectedCellCount ?? "",
+				"data-axis-visual-cells": z?.visualCellCount ?? "",
+				"data-axis-visual-size": z?.visualHeight ?? "",
 				style: {
-					left: h.left,
-					top: h.top,
-					width: h.width,
-					height: h.height
+					left: _.left,
+					top: _.top,
+					width: _.width,
+					height: _.height
 				},
 				draggable: !0,
-				onDragStart: (e) => ce("row", re?.index ?? 0, e),
+				onDragStart: (e) => H("row", z?.index ?? 0, e),
 				onDragEnd: () => {
-					E.current = null, D.current = null;
+					O.current = null, k.current = null;
 				},
 				onClick: () => {
-					L("row", "row-edge");
+					ie("row", "row-edge");
 				},
-				children: /* @__PURE__ */ Z(pe, {
+				children: /* @__PURE__ */ Z(fe, {
 					"aria-hidden": "true",
 					size: 14
 				})
 			}) : null,
-			_ ? /* @__PURE__ */ Z("button", {
+			y ? /* @__PURE__ */ Z("button", {
 				type: "button",
-				ref: P,
+				ref: F,
 				className: "markweave-table-edge-handle markweave-table-edge-handle--column",
 				"aria-label": r.table.activeColumnActions,
 				"aria-expanded": s === "column" && d === "column-edge",
 				"aria-haspopup": "menu",
 				title: r.table.columnActions,
 				"data-testid": "markweave-table-hover-column-handle",
-				"data-axis-index": R?.index ?? "",
-				"data-axis-selected-cells": R?.selectedCellCount ?? "",
-				"data-axis-visual-cells": R?.visualCellCount ?? "",
-				"data-axis-visual-size": R?.visualWidth ?? "",
+				"data-axis-index": B?.index ?? "",
+				"data-axis-selected-cells": B?.selectedCellCount ?? "",
+				"data-axis-visual-cells": B?.visualCellCount ?? "",
+				"data-axis-visual-size": B?.visualWidth ?? "",
 				style: {
-					left: _.left,
-					top: _.top,
-					width: _.width,
-					height: _.height
+					left: y.left,
+					top: y.top,
+					width: y.width,
+					height: y.height
 				},
 				draggable: !0,
-				onDragStart: (e) => ce("column", R?.index ?? 0, e),
+				onDragStart: (e) => H("column", B?.index ?? 0, e),
 				onDragEnd: () => {
-					E.current = null, D.current = null;
+					O.current = null, k.current = null;
 				},
 				onClick: () => {
-					L("column", "column-edge");
+					ie("column", "column-edge");
 				},
-				children: /* @__PURE__ */ Z(pe, {
+				children: /* @__PURE__ */ Z(fe, {
 					"aria-hidden": "true",
 					size: 14
 				})
 			}) : null,
-			x ? /* @__PURE__ */ Z("button", {
+			C ? /* @__PURE__ */ Z("button", {
 				type: "button",
 				className: "markweave-table-extend-button markweave-table-extend-button--row",
 				"aria-label": r.table.addRow,
 				title: r.table.addRow,
 				"data-testid": "markweave-table-add-row",
 				style: {
-					left: x.left,
-					top: x.top,
-					width: x.width,
-					height: x.height
+					left: C.left,
+					top: C.top,
+					width: C.width,
+					height: C.height
 				},
 				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => se("row"),
-				children: /* @__PURE__ */ Z(_e, {
+				onClick: () => ue("row"),
+				children: /* @__PURE__ */ Z(ge, {
 					"aria-hidden": "true",
 					size: 16
 				})
 			}) : null,
-			C ? /* @__PURE__ */ Z("button", {
+			T ? /* @__PURE__ */ Z("button", {
 				type: "button",
 				className: "markweave-table-extend-button markweave-table-extend-button--column",
 				"aria-label": r.table.addColumn,
 				title: r.table.addColumn,
 				"data-testid": "markweave-table-add-column",
 				style: {
-					left: C.left,
-					top: C.top,
-					width: C.width,
-					height: C.height
+					left: T.left,
+					top: T.top,
+					width: T.width,
+					height: T.height
 				},
 				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => se("column"),
-				children: /* @__PURE__ */ Z(_e, {
+				onClick: () => ue("column"),
+				children: /* @__PURE__ */ Z(ge, {
 					"aria-hidden": "true",
 					size: 16
 				})
 			}) : null,
-			ie && y ? /* @__PURE__ */ Z("button", {
+			oe && x ? /* @__PURE__ */ Z("button", {
 				type: "button",
-				ref: ee,
+				ref: I,
 				className: "markweave-table-edge-handle markweave-table-edge-handle--selection",
 				"aria-label": r.table.selectionActions,
 				"aria-expanded": s === "selection" && d === "selection-edge",
@@ -2931,104 +2965,118 @@ function Sa({ active: e, editor: t, interactionState: n = xn, messages: r = ya,
 				title: r.table.selectionActions,
 				"data-testid": "markweave-table-cell-handle",
 				style: {
-					left: y.left,
-					top: y.top,
-					width: y.width,
-					height: y.height
+					left: x.left,
+					top: x.top,
+					width: x.width,
+					height: x.height
 				},
 				onMouseDown: (e) => e.preventDefault(),
-				onClick: ne,
-				children: /* @__PURE__ */ Z(pe, {
+				onClick: ae,
+				children: /* @__PURE__ */ Z(fe, {
 					"aria-hidden": "true",
 					size: 14
 				})
 			}) : null,
 			s ? /* @__PURE__ */ Q("div", {
-				ref: j,
+				ref: N,
 				className: "markweave-table-menu",
 				role: "menu",
-				"aria-label": Wr(s, r),
+				"aria-label": Kr(s, r),
 				"data-testid": "markweave-table-menu",
 				"data-positioned": p ? "true" : "false",
+				"data-placement": p?.placement,
 				"data-submenu": l ?? "none",
 				style: p ? {
 					left: p.left,
 					top: p.top
 				} : void 0,
-				onKeyDown: le,
+				onKeyDown: U,
 				children: [
-					z.map((e, n) => {
-						let i = Pr(e), a = n === 0 ? i : Pr(z[n - 1]), d = n > 0 && a !== i, f = e.submenuId ? !0 : e.commandId === null ? !!o : Tr(t, e.commandId), p = Fr(e, r), m = ba[e.icon];
-						return /* @__PURE__ */ Q("button", {
-							type: "button",
-							role: "menuitem",
-							"aria-label": p,
-							"aria-disabled": !f,
-							"aria-haspopup": e.submenuId ? "menu" : void 0,
-							"aria-expanded": e.submenuId ? l === e.submenuId : void 0,
-							disabled: !f,
-							"data-menu-group": i,
-							"data-starts-group": d ? "true" : "false",
-							"data-command-enabled": f ? "true" : "false",
-							"data-submenu-trigger": e.submenuId ?? void 0,
-							"data-testid": e.commandId ? `markweave-table-menu-command-${e.commandId}` : e.submenuId ? `markweave-table-menu-submenu-${e.submenuId}` : "markweave-table-menu-command-edit-with-ai",
-							onMouseDown: (e) => e.preventDefault(),
-							onMouseEnter: () => u(e.submenuId),
-							onClick: () => {
-								if (f) {
-									if (e.submenuId) {
-										u(e.submenuId);
-										return;
-									}
-									if (e.commandId === null) {
-										ae(s === "row" || s === "column" ? s : "selection");
-										return;
+					/* @__PURE__ */ Z("div", {
+						ref: te,
+						className: "markweave-table-menu-scroll",
+						style: p ? { maxHeight: Math.max(1, p.maxHeight - 12) } : void 0,
+						children: se.map((e, n) => {
+							let i = Ir(e), a = n === 0 ? i : Ir(se[n - 1]), d = n > 0 && a !== i, f = e.submenuId ? !0 : e.commandId === null ? !!o : Er(t, e.commandId), p = Lr(e, r), m = Sa[e.icon];
+							return /* @__PURE__ */ Q("button", {
+								type: "button",
+								role: "menuitem",
+								"aria-label": p,
+								"aria-disabled": !f,
+								"aria-haspopup": e.submenuId ? "menu" : void 0,
+								"aria-expanded": e.submenuId ? l === e.submenuId : void 0,
+								disabled: !f,
+								"data-menu-group": i,
+								"data-starts-group": d ? "true" : "false",
+								"data-command-enabled": f ? "true" : "false",
+								"data-submenu-trigger": e.submenuId ?? void 0,
+								"data-testid": e.commandId ? `markweave-table-menu-command-${e.commandId}` : e.submenuId ? `markweave-table-menu-submenu-${e.submenuId}` : "markweave-table-menu-command-edit-with-ai",
+								onMouseDown: (e) => e.preventDefault(),
+								onMouseEnter: () => u(e.submenuId),
+								onClick: () => {
+									if (f) {
+										if (e.submenuId) {
+											u(e.submenuId);
+											return;
+										}
+										if (e.commandId === null) {
+											le(s === "row" || s === "column" ? s : "selection");
+											return;
+										}
+										ce(e.commandId).finally(() => {
+											c(null), u(null);
+										});
 									}
-									B(e.commandId).finally(() => {
-										c(null), u(null);
-									});
-								}
-							},
-							children: [
-								/* @__PURE__ */ Z("span", {
-									className: "markweave-table-menu-item-icon",
-									"aria-hidden": "true",
-									children: /* @__PURE__ */ Z(m, {
-										size: 18,
-										strokeWidth: 1.8
-									})
-								}),
-								/* @__PURE__ */ Z("span", {
-									className: "markweave-table-menu-item-label",
-									children: p
-								}),
-								e.submenuId ? /* @__PURE__ */ Z(M, {
-									className: "markweave-table-menu-chevron",
-									"aria-hidden": "true",
-									size: 16
-								}) : null
-							]
-						}, `${e.id}-${n}`);
+								},
+								children: [
+									/* @__PURE__ */ Z("span", {
+										className: "markweave-table-menu-item-icon",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ Z(m, {
+											size: 18,
+											strokeWidth: 1.8
+										})
+									}),
+									/* @__PURE__ */ Z("span", {
+										className: "markweave-table-menu-item-label",
+										children: p
+									}),
+									e.submenuId ? /* @__PURE__ */ Z(M, {
+										className: "markweave-table-menu-chevron",
+										"aria-hidden": "true",
+										size: 16
+									}) : null
+								]
+							}, `${e.id}-${n}`);
+						})
 					}),
 					l === "color" && (s === "row" || s === "column") ? /* @__PURE__ */ Q("div", {
+						ref: P,
 						className: "markweave-table-submenu markweave-table-color-menu",
 						role: "menu",
 						"aria-label": r.table.submenus.color,
 						"data-testid": "markweave-table-color-menu",
-						onKeyDown: le,
+						"data-positioned": h ? "true" : "false",
+						"data-placement": h?.placement,
+						style: h ? {
+							left: h.left,
+							top: h.top,
+							maxHeight: h.maxHeight
+						} : void 0,
+						onKeyDown: U,
 						children: [
 							/* @__PURE__ */ Z("div", {
 								className: "markweave-table-submenu-title",
 								children: r.table.submenus.textColor
 							}),
-							Vr.map((e) => /* @__PURE__ */ Q("button", {
+							Ur.map((e) => /* @__PURE__ */ Q("button", {
 								type: "button",
 								role: "menuitemradio",
-								"aria-checked": V?.textColorId === e.id,
-								"data-active": V?.textColorId === e.id ? "true" : "false",
+								"aria-checked": de?.textColorId === e.id,
+								"data-active": de?.textColorId === e.id ? "true" : "false",
 								"data-testid": `markweave-table-text-color-${e.id}`,
 								onMouseDown: (e) => e.preventDefault(),
-								onClick: () => oe((n) => xr(t, n, e.id)),
+								onClick: () => V((n) => xr(t, n, e.id)),
 								children: [/* @__PURE__ */ Z("span", {
 									className: "markweave-table-color-swatch markweave-table-text-color-swatch",
 									"aria-hidden": "true",
@@ -3040,14 +3088,14 @@ function Sa({ active: e, editor: t, interactionState: n = xn, messages: r = ya,
 								className: "markweave-table-submenu-title",
 								children: r.table.submenus.backgroundColor
 							}),
-							Vr.map((e) => /* @__PURE__ */ Q("button", {
+							Ur.map((e) => /* @__PURE__ */ Q("button", {
 								type: "button",
 								role: "menuitemradio",
-								"aria-checked": V?.backgroundColorId === e.id,
-								"data-active": V?.backgroundColorId === e.id ? "true" : "false",
+								"aria-checked": de?.backgroundColorId === e.id,
+								"data-active": de?.backgroundColorId === e.id ? "true" : "false",
 								"data-testid": `markweave-table-background-color-${e.id}`,
 								onMouseDown: (e) => e.preventDefault(),
-								onClick: () => oe((n) => br(t, n, e.id)),
+								onClick: () => V((n) => br(t, n, e.id)),
 								children: [/* @__PURE__ */ Z("span", {
 									className: "markweave-table-color-swatch",
 									"aria-hidden": "true",
@@ -3057,14 +3105,22 @@ function Sa({ active: e, editor: t, interactionState: n = xn, messages: r = ya,
 						]
 					}) : null,
 					l === "alignment" && (s === "row" || s === "column") ? /* @__PURE__ */ Q("div", {
+						ref: P,
 						className: "markweave-table-submenu markweave-table-alignment-menu",
 						role: "menu",
 						"aria-label": r.table.submenus.alignment,
 						"data-testid": "markweave-table-alignment-menu",
-						onKeyDown: le,
+						"data-positioned": h ? "true" : "false",
+						"data-placement": h?.placement,
+						style: h ? {
+							left: h.left,
+							top: h.top,
+							maxHeight: h.maxHeight
+						} : void 0,
+						onKeyDown: U,
 						children: [
-							Ur.map((e) => {
-								let n = xa[e], i = V?.textAlign === e;
+							Gr.map((e) => {
+								let n = Ca[e], i = de?.textAlign === e;
 								return /* @__PURE__ */ Q("button", {
 									type: "button",
 									role: "menuitemradio",
@@ -3072,7 +3128,7 @@ function Sa({ active: e, editor: t, interactionState: n = xn, messages: r = ya,
 									"data-active": i ? "true" : "false",
 									"data-testid": `markweave-table-alignment-${e}`,
 									onMouseDown: (e) => e.preventDefault(),
-									onClick: () => oe((n) => yr(t, n, e)),
+									onClick: () => V((n) => yr(t, n, e)),
 									children: [/* @__PURE__ */ Z(n, {
 										"aria-hidden": "true",
 										size: 18,
@@ -3081,8 +3137,8 @@ function Sa({ active: e, editor: t, interactionState: n = xn, messages: r = ya,
 								}, e);
 							}),
 							/* @__PURE__ */ Z("div", { className: "markweave-table-submenu-separator" }),
-							Gr.map((e) => {
-								let n = xa[e], i = V?.verticalAlign === e;
+							qr.map((e) => {
+								let n = Ca[e], i = de?.verticalAlign === e;
 								return /* @__PURE__ */ Q("button", {
 									type: "button",
 									role: "menuitemradio",
@@ -3090,7 +3146,7 @@ function Sa({ active: e, editor: t, interactionState: n = xn, messages: r = ya,
 									"data-active": i ? "true" : "false",
 									"data-testid": `markweave-table-alignment-${e}`,
 									onMouseDown: (e) => e.preventDefault(),
-									onClick: () => oe((n) => yr(t, n, e)),
+									onClick: () => V((n) => yr(t, n, e)),
 									children: [/* @__PURE__ */ Z(n, {
 										"aria-hidden": "true",
 										size: 18,
@@ -3107,15 +3163,15 @@ function Sa({ active: e, editor: t, interactionState: n = xn, messages: r = ya,
 }
 //#endregion
 //#region src/ui/table/TableSelectionOverlay.tsx
-function Ca({ editor: e, focusState: t }) {
-	let [n, r] = J(null);
-	return G(() => {
+function Ta({ editor: e, focusState: t }) {
+	let [n, r] = Y(null);
+	return K(() => {
 		if (t.mode !== "cell-selection") {
 			r(null);
 			return;
 		}
 		let n = () => {
-			r(Rr(e, bn(e.state)));
+			r(Br(e, bn(e.state)));
 		};
 		return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
 			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
@@ -3131,6 +3187,7 @@ function Ca({ editor: e, focusState: t }) {
 	]), n ? /* @__PURE__ */ Z("div", {
 		"aria-hidden": "true",
 		className: "markweave-table-selection-overlay",
+		"data-axis-target": n.axisTarget ?? "none",
 		"data-anchor-cell-pos": n.anchorCellPos ?? "",
 		"data-head-cell-pos": n.headCellPos ?? "",
 		"data-selected-cells": n.selectedCellCount,
@@ -3150,16 +3207,16 @@ function Ca({ editor: e, focusState: t }) {
 }
 //#endregion
 //#region src/ui/toc/MarkweaveInnerToc.tsx
-function wa(e, t) {
+function Ea(e, t) {
 	return `${e.toc.itemAriaLabel}: ${t.text}`;
 }
-function Ta({ editor: e, state: t, messages: n, editable: r, placement: i }) {
-	let a = q(null);
-	if (W(() => {
-		if (!(i !== "container" || !a.current)) return $r(a.current);
+function Da({ editor: e, state: t, messages: n, editable: r, placement: i }) {
+	let a = J(null);
+	if (G(() => {
+		if (!(i !== "container" || !a.current)) return ti(a.current);
 	}, [i]), !t.items.length) return null;
 	let o = (t) => {
-		ei(e, t, {
+		ni(e, t, {
 			behavior: "smooth",
 			focus: r
 		});
@@ -3186,7 +3243,7 @@ function Ta({ editor: e, state: t, messages: n, editable: r, placement: i }) {
 					"data-level": e.level,
 					"data-active": e.active ? "true" : "false",
 					"aria-current": e.active ? "location" : void 0,
-					"aria-label": wa(n, e),
+					"aria-label": Ea(n, e),
 					title: e.text,
 					onClick: () => o(e),
 					children: e.text
@@ -3197,7 +3254,7 @@ function Ta({ editor: e, state: t, messages: n, editable: r, placement: i }) {
 }
 //#endregion
 //#region src/MarkweaveEditor.tsx
-var Ea = {
+var Oa = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -3205,21 +3262,21 @@ var Ea = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, Da = {
+}, ka = {
 	active: !1,
 	language: Lt.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
-}, Oa = Gt({
+}, Aa = Gt({
 	active: !1,
 	mode: "code",
 	source: ""
 });
-function ka(e) {
+function ja(e) {
 	return Sn.getState(e.state) ?? xn;
 }
-function Aa(e) {
+function Ma(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -3229,106 +3286,106 @@ function Aa(e) {
 	}
 	return null;
 }
-function ja(e) {
+function Na(e) {
 	return typeof window > "u" || typeof window.requestAnimationFrame != "function" ? globalThis.setTimeout(() => e(0), 0) : window.requestAnimationFrame(e);
 }
-function Ma(e) {
+function Pa(e) {
 	if (typeof window < "u" && typeof window.cancelAnimationFrame == "function") {
 		window.cancelAnimationFrame(e);
 		return;
 	}
 	globalThis.clearTimeout(e);
 }
-function Na({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a = !1, content: o, contentFormat: c, defaultContent: l = "", defaultContentFormat: u, editable: d = !0, innerToc: f = !0, innerTocPlacement: p, lang: m, mode: h = "live", theme: g, canvasColor: _, onEditWithAi: v, onExtractToNote: y, onRewriteSelection: b, onRuntimeStateChange: x, onSearchControllerChange: S, onSlashCommandUpload: C, onTableCommandResult: w, onTableCopyPayload: T, onTocChange: E, onUpdate: D, linkCardResolver: O, resolveMediaSource: k } = {}) {
-	let A = et(h), j = ni(g), M = ti(_), N = Qr(p), P = A === "live" && d !== !1, ee = yt(o === void 0 ? u : c), F = o ?? l, te = typeof F == "string" && F.length >= 2e5, I = o === void 0 && ee === "markdown" && te && typeof F == "string", L = q(I ? F : null), [ne, re] = J(I), R = q({
+function Fa({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a = !1, content: o, contentFormat: c, defaultContent: l = "", defaultContentFormat: u, editable: d = !0, innerToc: f = !0, innerTocPlacement: p, lang: m, mode: h = "live", theme: g, canvasColor: _, onEditWithAi: v, onExtractToNote: y, onRewriteSelection: b, onRuntimeStateChange: x, onSearchControllerChange: S, onSlashCommandUpload: C, onTableCommandResult: w, onTableCopyPayload: T, onTocChange: E, onUpdate: D, linkCardResolver: O, resolveMediaSource: k } = {}) {
+	let A = et(h), j = ii(g), M = ri(_), ee = ei(p), N = A === "live" && d !== !1, te = yt(o === void 0 ? u : c), P = o ?? l, ne = typeof P == "string" && P.length >= 2e5, F = o === void 0 && te === "markdown" && ne && typeof P == "string", I = J(F ? P : null), [L, re] = Y(F), R = J({
 		editorMode: A,
-		effectiveEditable: P
+		effectiveEditable: N
 	});
 	R.current = {
 		editorMode: A,
-		effectiveEditable: P
+		effectiveEditable: N
 	};
-	let ie = q(null);
+	let ie = J(null);
 	ie.current === null && (ie.current = r(m));
-	let z = ie.current, B = K(() => n(z), [z]), ae = K(() => t(z), [z]), oe = q(C);
+	let ae = ie.current, z = q(() => n(ae), [ae]), B = q(() => t(ae), [ae]), oe = J(C);
 	oe.current = C;
-	let se = q(S);
+	let se = J(S);
 	se.current = S;
-	let ce = q(O);
+	let ce = J(O);
 	ce.current = O;
-	let le = K(() => Di({
-		lang: z,
+	let le = q(() => ki({
+		lang: ae,
 		onImageUpload: (e) => {
 			if (oe.current) return oe.current(e);
-			let t = Re(e);
+			let t = Le(e);
 			if (!t) throw Error("File upload requires an upload handler.");
 			return t;
 		},
 		onVideoUpload: (e) => {
 			if (oe.current) return oe.current(e);
-			let t = Re(e);
+			let t = Le(e);
 			if (!t) throw Error("File upload requires an upload handler.");
 			return t;
 		},
 		linkCardResolver: (e) => ce.current?.(e) ?? Promise.resolve(null),
 		resolveMediaSource: k
-	}), [k, z]), [V, ue] = J(null), [de, H] = J(hn), [fe, pe] = J(null), [me, he] = J(null), [ge, _e] = J("code"), [ve, ye] = J(null), [be, xe] = J(xn), [Se, Ce] = J(null), [we, Te] = J(0), Ee = q(!1), De = q({
+	}), [k, ae]), [V, ue] = Y(null), [H, U] = Y(hn), [de, fe] = Y(null), [pe, me] = Y(null), [he, ge] = Y("code"), [_e, ve] = Y(null), [ye, be] = Y(xn), [xe, Se] = Y(null), [Ce, we] = Y(0), Te = J(!1), Ee = J({
 		content: o,
-		format: ee
-	}), Oe = q(null), ke = q(null), Ae = q({ onUpdate: D }), je = K(() => an(de.query, ae), [ae, de.query]);
-	Ae.current = { onUpdate: D }, De.current = {
+		format: te
+	}), De = J(null), Oe = J(null), ke = J({ onUpdate: D }), Ae = q(() => an(H.query, B), [B, H.query]);
+	ke.current = { onUpdate: D }, Ee.current = {
 		content: o,
-		format: ee
+		format: te
 	};
-	let Me = U(() => {
-		ke.current !== null && (window.clearTimeout(ke.current), ke.current = null), Te((e) => e + 1);
-	}, []), Ne = U(() => {
-		ke.current !== null && window.clearTimeout(ke.current), ke.current = window.setTimeout(() => {
-			ke.current = null, Te((e) => e + 1);
+	let je = W(() => {
+		Oe.current !== null && (window.clearTimeout(Oe.current), Oe.current = null), we((e) => e + 1);
+	}, []), Me = W(() => {
+		Oe.current !== null && window.clearTimeout(Oe.current), Oe.current = window.setTimeout(() => {
+			Oe.current = null, we((e) => e + 1);
 		}, At);
 	}, []);
-	W(() => () => {
-		ke.current !== null && window.clearTimeout(ke.current);
+	G(() => () => {
+		Oe.current !== null && window.clearTimeout(Oe.current);
 	}, []);
-	let Pe = U(() => {
-		pe(null), he(null), H(hn);
-	}, []), Fe = U((e) => {
+	let Ne = W(() => {
+		fe(null), me(null), U(hn);
+	}, []), Pe = W((e) => {
 		let t = pn(e.state);
 		if (!t) {
-			H((e) => e.name === "idle" ? e : hn), pe(null), he(null);
+			U((e) => e.name === "idle" ? e : hn), fe(null), me(null);
 			return;
 		}
 		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 		if (!mn(r, { frameRect: i })) {
-			pe(null), he(null), H(hn);
+			fe(null), me(null), U(hn);
 			return;
 		}
 		let a = fn(n, {
 			frameRect: i,
 			triggerRect: r
 		});
-		pe((e) => ln(e, a) ? e : a), H((e) => dn(e, t));
-	}, []), G = U((e) => Fe(e.view), [Fe]), Ie = U((e) => {
+		fe((e) => ln(e, a) ? e : a), U((e) => dn(e, t));
+	}, []), K = W((e) => Pe(e.view), [Pe]), Fe = W((e) => {
 		let t = Dt(e);
 		ue((e) => Ct(e, t) ? e : t);
 		let n = $t(e);
-		n && (tn(e, n, !0), ye(n));
+		n && (tn(e, n, !0), ve(n));
 		let r = Ft(e);
-		r.active && r.language === "mermaid" && _e(r.mermaidPreviewMode);
-	}, []), Le = U((e) => {
-		xe(ka(e));
-	}, []), Y = s({
+		r.active && r.language === "mermaid" && ge(r.mermaidPreviewMode);
+	}, []), Ie = W((e) => {
+		be(ja(e));
+	}, []), X = s({
 		shouldRerenderOnTransaction: !1,
 		extensions: le,
-		content: I ? "" : F,
-		contentType: gt(ee),
-		editable: P,
+		content: F ? "" : P,
+		contentType: gt(te),
+		editable: N,
 		autofocus: a,
 		editorProps: {
 			attributes: {
 				class: "markweave-editor-surface",
 				"data-testid": "markweave-editor-surface",
-				"data-markweave-large-document": te ? "true" : "false",
+				"data-markweave-large-document": ne ? "true" : "false",
 				autocapitalize: "off",
 				autocorrect: "off",
 				spellcheck: "false",
@@ -3336,34 +3393,34 @@ function Na({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 			},
 			handleClick: (e, t, n) => R.current.effectiveEditable ? !1 : bt(n),
 			handleDOMEvents: {
-				compositionstart: () => R.current.effectiveEditable ? (H((e) => gn(e, { type: "composition-start" })), pe(null), !1) : !1,
-				compositionend: (e) => (R.current.effectiveEditable && window.setTimeout(() => Fe(e), 0), !1),
+				compositionstart: () => R.current.effectiveEditable ? (U((e) => gn(e, { type: "composition-start" })), fe(null), !1) : !1,
+				compositionend: (e) => (R.current.effectiveEditable && window.setTimeout(() => Pe(e), 0), !1),
 				click: (e, t) => {
 					if (R.current.effectiveEditable) {
 						let n = Qt(e, t);
-						return n ? (t.preventDefault(), t.stopPropagation(), Pe(), nn(e, n, !0), rn(e, n), ye(n), !0) : (ye(null), !1);
+						return n ? (t.preventDefault(), t.stopPropagation(), Ne(), nn(e, n, !0), rn(e, n), ve(n), !0) : (ve(null), !1);
 					}
 					return bt(t);
 				}
 			}
 		},
 		onSelectionUpdate: ({ editor: e }) => {
-			Ie(e);
+			Fe(e);
 		},
 		onCreate: ({ editor: e }) => {
-			i && R.current.effectiveEditable && vn(e), Le(e), Ie(e), Me();
+			i && R.current.effectiveEditable && vn(e), Ie(e), Fe(e), je();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			Le(e), (t.docChanged || Vt(t)) && Ne(), t.docChanged && ye((t) => {
+			Ie(e), (t.docChanged || Vt(t)) && Me(), t.docChanged && ve((t) => {
 				if (!t) return null;
 				let n = Zt(e, t.pos);
 				return n?.kind === t.kind ? n : null;
 			});
 		},
 		onUpdate: ({ editor: e }) => {
-			Ie(e), R.current.effectiveEditable && G(e), Ee.current || Ae.current.onUpdate?.(ht(e, { onContentRead: (t, n) => {
-				let r = De.current;
-				r.content !== void 0 && t === r.format && (Oe.current = {
+			Fe(e), R.current.effectiveEditable && K(e), Te.current || ke.current.onUpdate?.(ht(e, { onContentRead: (t, n) => {
+				let r = Ee.current;
+				r.content !== void 0 && t === r.format && (De.current = {
 					content: n,
 					format: t,
 					doc: e.state.doc
@@ -3371,375 +3428,375 @@ function Na({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 			} }));
 		}
 	});
-	W(() => {
-		let e = L.current;
-		if (!Y || !e) return;
+	G(() => {
+		let e = I.current;
+		if (!X || !e) return;
 		let t = !1;
 		return (async () => {
-			Ee.current = !0;
+			Te.current = !0;
 			try {
 				let n = !0;
-				for (let r of ri(e)) {
+				for (let r of ai(e)) {
 					if (await new Promise((e) => window.setTimeout(e, 0)), t) return;
-					let e = Y.markdown?.parse(r);
+					let e = X.markdown?.parse(r);
 					if (!e) throw Error("Markdown parser is unavailable.");
-					let i = Y.schema.nodeFromJSON(e).content, a = n ? Y.state.tr.replaceWith(0, Y.state.doc.content.size, i) : Y.state.tr.insert(Y.state.doc.content.size, i);
-					Y.view.dispatch(a.setMeta("addToHistory", !1)), n = !1;
+					let i = X.schema.nodeFromJSON(e).content, a = n ? X.state.tr.replaceWith(0, X.state.doc.content.size, i) : X.state.tr.insert(X.state.doc.content.size, i);
+					X.view.dispatch(a.setMeta("addToHistory", !1)), n = !1;
 				}
 				if (t) return;
-				Ie(Y), Le(Y), Me(), L.current = null, re(!1);
+				Fe(X), Ie(X), je(), I.current = null, re(!1);
 			} finally {
-				Ee.current = !1;
+				Te.current = !1;
 			}
 		})().catch(() => {
-			t || (Y.commands.setContent(e, {
+			t || (X.commands.setContent(e, {
 				contentType: "markdown",
 				emitUpdate: !1
-			}), L.current = null, re(!1));
+			}), I.current = null, re(!1));
 		}), () => {
 			t = !0;
 		};
 	}, [
-		Y,
-		Me,
-		Ie,
-		Le
-	]), W(() => {
-		if (Y) return se.current?.(ii(Y)), () => {
+		X,
+		je,
+		Fe,
+		Ie
+	]), G(() => {
+		if (X) return se.current?.(oi(X)), () => {
 			se.current?.(null);
 		};
-	}, [Y]), W(() => {
-		if (!Y) return;
-		let e = P && !ne;
-		Y.setEditable(e), tt(Y, {
+	}, [X]), G(() => {
+		if (!X) return;
+		let e = N && !L;
+		X.setEditable(e), tt(X, {
 			mode: A,
 			editable: e
-		}), Ut(Y, e ? "live" : "view"), Me(), P || Pe();
+		}), Ut(X, e ? "live" : "view"), je(), N || Ne();
 	}, [
-		Pe,
-		Y,
+		Ne,
+		X,
 		A,
-		P,
-		Me,
-		ne
-	]), W(() => {
-		Y && Ht(Y, j);
-	}, [Y, j]), W(() => {
+		N,
+		je,
+		L
+	]), G(() => {
+		X && Ht(X, j);
+	}, [X, j]), G(() => {
 		let e = yt(c);
-		if (!(!Y || o === void 0)) {
-			if (vt(Y, Oe.current, o, e)) {
-				Oe.current = null;
+		if (!(!X || o === void 0)) {
+			if (vt(X, De.current, o, e)) {
+				De.current = null;
 				return;
 			}
-			Oe.current = null, !_t(Y, o, e) && (Ee.current = !0, Y.commands.setContent(o, {
+			De.current = null, !_t(X, o, e) && (Te.current = !0, X.commands.setContent(o, {
 				contentType: gt(e),
 				emitUpdate: !1
-			}), Ee.current = !1, Ie(Y), P && G(Y), Le(Y), Me());
+			}), Te.current = !1, Fe(X), N && K(X), Ie(X), je());
 		}
 	}, [
 		o,
 		c,
-		P,
-		Y,
-		Me,
-		Ie,
-		G,
-		Le
-	]), W(() => {
-		if (!fe) return;
+		N,
+		X,
+		je,
+		Fe,
+		K,
+		Ie
+	]), G(() => {
+		if (!de) return;
 		let e = (e) => {
 			let t = e.target;
-			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || Pe());
+			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || Ne());
 		};
 		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-	}, [Pe, fe]);
-	let ze = fe !== null;
-	W(() => {
-		if (!Y || !ze) return;
+	}, [Ne, de]);
+	let Re = de !== null;
+	G(() => {
+		if (!X || !Re) return;
 		let e = mt(() => {
-			Y.isDestroyed || Fe(Y.view);
+			X.isDestroyed || Pe(X.view);
 		}), t = () => e.schedule();
 		return window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), t(), () => {
 			e.cancel(), window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
 		};
 	}, [
-		Y,
-		ze,
-		Fe
+		X,
+		Re,
+		Pe
 	]);
-	let Be = K(() => Y ? Ft(Y) : Da, [
-		Y,
-		we,
+	let ze = q(() => X ? Ft(X) : ka, [
+		X,
+		Ce,
 		V
-	]), Ve = K(() => Y ? yn(Y.state) : Ea, [
-		Y,
-		we,
+	]), Be = q(() => X ? yn(X.state) : Oa, [
+		X,
+		Ce,
 		V,
-		be
-	]), He = V?.currentNode === "codeBlock", Ue = He && Be.language === "mermaid", We = K(() => Y ? Gt({
-		active: Ue,
-		mode: ge,
-		source: Be.text
-	}) : Oa, [
-		Be.text,
-		Y,
-		Ue,
-		ge
-	]), Ge = K(() => Y && x ? _n(Y.state) : null, [
-		Y,
+		ye
+	]), Ve = V?.currentNode === "codeBlock", He = Ve && ze.language === "mermaid", Ue = q(() => X ? Gt({
+		active: He,
+		mode: he,
+		source: ze.text
+	}) : Aa, [
+		ze.text,
+		X,
+		He,
+		he
+	]), We = q(() => X && x ? _n(X.state) : null, [
+		X,
 		x,
-		we
-	]), Ke = K(() => Y ? Xr(Y.state) : Jr.items, [Y, we]), qe = K(() => Zr(Ke, Se), [Se, Ke]), Je = K(() => qr(Ke, qe), [qe, Ke]), Ye = U(() => {
-		if (!Y || !Ke.length) {
-			Ce(null);
+		Ce
+	]), Ge = q(() => X ? Qr(X.state) : Xr.items, [X, Ce]), Ke = q(() => $r(Ge, xe), [xe, Ge]), qe = q(() => Yr(Ge, Ke), [Ke, Ge]), Je = W(() => {
+		if (!X || !Ge.length) {
+			Se(null);
 			return;
 		}
-		let e = Yr(Y, Ke);
-		Ce((t) => t === e ? t : e);
-	}, [Y, Ke]);
-	W(() => {
-		Ce((e) => {
-			let t = Zr(Ke, e);
+		let e = Zr(X, Ge);
+		Se((t) => t === e ? t : e);
+	}, [X, Ge]);
+	G(() => {
+		Se((e) => {
+			let t = $r(Ge, e);
 			return e === t ? e : t;
 		});
-	}, [Ke]), W(() => {
-		if (!Y || !Ke.length || typeof window > "u") return;
+	}, [Ge]), G(() => {
+		if (!X || !Ge.length || typeof window > "u") return;
 		let e = null, t = () => {
-			e !== null && Ma(e), e = ja(() => {
-				e = null, Ye();
+			e !== null && Pa(e), e = Na(() => {
+				e = null, Je();
 			});
-		}, n = Aa(Y.view.dom);
+		}, n = Ma(X.view.dom);
 		return window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), () => {
-			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t), e !== null && Ma(e);
+			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t), e !== null && Pa(e);
 		};
 	}, [
-		Y,
-		Ke.length,
-		Ye
+		X,
+		Ge.length,
+		Je
 	]);
-	let Xe = K(() => xt({
-		revision: we,
+	let Ye = q(() => xt({
+		revision: Ce,
 		mode: A,
-		editable: P,
-		toc: Je,
+		editable: N,
+		toc: qe,
 		selection: V,
-		slash: de,
-		table: Ve,
-		tableInteraction: be,
-		codeBlock: Be,
-		mermaid: We,
-		tableDebugSnapshot: Ge
+		slash: H,
+		table: Be,
+		tableInteraction: ye,
+		codeBlock: ze,
+		mermaid: Ue,
+		tableDebugSnapshot: We
 	}), [
-		Be,
+		ze,
 		A,
-		P,
-		We,
-		we,
+		N,
+		Ue,
+		Ce,
 		V,
-		de,
-		Ge,
-		Ve,
-		be,
-		Je
+		H,
+		We,
+		Be,
+		ye,
+		qe
 	]);
-	W(() => {
-		x?.(Xe);
-	}, [x, Xe]), W(() => {
-		E?.(Je);
-	}, [E, Je]);
-	let Ze = U((e, t) => {
-		if (!(!Y || !P) && on(e)) {
+	G(() => {
+		x?.(Ye);
+	}, [x, Ye]), G(() => {
+		E?.(qe);
+	}, [E, qe]);
+	let Xe = W((e, t) => {
+		if (!(!X || !N) && on(e)) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
-				he(e);
+				me(e);
 				return;
 			}
-			un(Y, de, e, t), H((e) => gn(e, { type: "execute" })), Pe();
+			un(X, H, e, t), U((e) => gn(e, { type: "execute" })), Ne();
 		}
 	}, [
-		Pe,
-		P,
-		Y,
-		de
-	]), X = U((e) => {
-		H((t) => gn(t, {
+		Ne,
+		N,
+		X,
+		H
+	]), Ze = W((e) => {
+		U((t) => gn(t, {
 			type: "set-active",
 			index: e,
-			optionCount: je.length
+			optionCount: Ae.length
 		}));
-	}, [je.length]), Qe = U((e) => {
-		if (!Y || me || !P) return;
-		let t = sn(de, je, e.key, { isComposing: e.nativeEvent.isComposing || pt(Y.state) });
+	}, [Ae.length]), Qe = W((e) => {
+		if (!X || pe || !N) return;
+		let t = sn(H, Ae, e.key, { isComposing: e.nativeEvent.isComposing || pt(X.state) });
 		if (t.type !== "ignore") {
 			if (t.type === "close") {
-				e.preventDefault(), H((e) => gn(e, { type: "escape" })), Pe();
+				e.preventDefault(), U((e) => gn(e, { type: "escape" })), Ne();
 				return;
 			}
 			if (t.type === "move-active") {
-				e.preventDefault(), H((e) => gn(e, {
+				e.preventDefault(), U((e) => gn(e, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
 				}));
 				return;
 			}
-			t.type === "execute-active" && (e.preventDefault(), Ze(t.command));
+			t.type === "execute-active" && (e.preventDefault(), Xe(t.command));
 		}
 	}, [
-		Pe,
-		P,
-		Y,
-		je,
-		Ze,
-		me,
-		de
-	]), $e = K(() => ({
-		closeSlashMenu: Pe,
-		focusFirstTableBodyCell: () => Y ? vn(Y) : !1,
+		Ne,
+		N,
+		X,
+		Ae,
+		Xe,
+		pe,
+		H
+	]), $e = q(() => ({
+		closeSlashMenu: Ne,
+		focusFirstTableBodyCell: () => X ? vn(X) : !1,
 		setContent: (e, t = {}) => {
-			if (!Y) return !1;
+			if (!X) return !1;
 			let n = yt(t.format);
-			return Y.commands.setContent(e, {
+			return X.commands.setContent(e, {
 				contentType: gt(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && vn(Y), Ie(Y), P && G(Y), Le(Y), Me(), !0;
+			}), t.focusFirstTableBodyCell && vn(X), Fe(X), N && K(X), Ie(X), je(), !0;
 		}
 	}), [
-		Pe,
-		P,
-		Y,
-		Me,
-		Ie,
-		G,
-		Le
+		Ne,
+		N,
+		X,
+		je,
+		Fe,
+		K,
+		Ie
 	]);
 	return {
-		editor: Y,
-		frameProps: K(() => ({
+		editor: X,
+		frameProps: q(() => ({
 			className: "markweave-editor-frame",
-			"aria-label": e ?? B.common.editorAriaLabel,
+			"aria-label": e ?? z.common.editorAriaLabel,
 			"data-testid": "markweave-editor-frame",
 			"data-markweave-mode": A,
-			"aria-busy": ne,
-			"data-markweave-large-document-loading": ne ? "true" : "false",
+			"aria-busy": L,
+			"data-markweave-large-document-loading": L ? "true" : "false",
 			"data-markweave-theme": j,
 			style: M ? { "--markweave-canvas": M } : void 0,
 			"data-markweave-inner-toc": f ? "true" : "false",
-			"data-markweave-inner-toc-placement": N,
-			"data-mermaid-mode": We.mode,
-			"data-table-focus-mode": Ve.mode,
+			"data-markweave-inner-toc-placement": ee,
+			"data-mermaid-mode": Ue.mode,
+			"data-table-focus-mode": Be.mode,
 			onKeyDownCapture: Qe
 		}), [
 			e,
 			A,
 			Qe,
 			f,
-			ne,
-			We.mode,
-			B.common.editorAriaLabel,
+			L,
+			Ue.mode,
+			z.common.editorAriaLabel,
 			M,
-			N,
+			ee,
 			j,
-			Ve.mode
+			Be.mode
 		]),
-		overlayProps: K(() => ({
-			floatingToolbar: Y && P ? {
-				editor: Y,
-				messages: B,
+		overlayProps: q(() => ({
+			floatingToolbar: X && N ? {
+				editor: X,
+				messages: z,
 				selectionSnapshot: V,
 				onRewriteSelection: b,
 				onExtractToNote: y
 			} : null,
-			slashCommandMenu: Y && P ? {
-				commands: je,
-				state: de,
-				position: fe,
-				inputCommand: me,
-				messages: B,
-				onActiveIndexChange: X,
-				onInputCommandChange: he,
-				onSelect: Ze,
+			slashCommandMenu: X && N ? {
+				commands: Ae,
+				state: H,
+				position: de,
+				inputCommand: pe,
+				messages: z,
+				onActiveIndexChange: Ze,
+				onInputCommandChange: me,
+				onSelect: Xe,
 				onUpload: C
 			} : null,
-			tableControls: Y && P ? {
-				editor: Y,
-				active: Ve.active,
-				interactionState: be,
-				messages: B,
+			tableControls: X && N ? {
+				editor: X,
+				active: Be.active,
+				interactionState: ye,
+				messages: z,
 				onCopyPayload: T,
 				onCommandResult: w,
 				onEditWithAi: v
 			} : null,
-			tableSelectionOverlay: Y && P ? {
-				editor: Y,
-				focusState: Ve
+			tableSelectionOverlay: X && N ? {
+				editor: X,
+				focusState: Be
 			} : null,
-			codeBlockControls: Y ? {
-				editor: Y,
-				active: P && He,
-				mermaidMode: ge,
-				onMermaidModeChange: _e,
-				readOnly: !P
+			codeBlockControls: X ? {
+				editor: X,
+				active: N && Ve,
+				mermaidMode: he,
+				onMermaidModeChange: ge,
+				readOnly: !N
 			} : null,
-			innerToc: Y && f && Je.items.length ? {
-				editor: Y,
-				editable: P,
-				messages: B,
-				placement: N,
-				state: Je
+			innerToc: X && f && qe.items.length ? {
+				editor: X,
+				editable: N,
+				messages: z,
+				placement: ee,
+				state: qe
 			} : null,
-			mathEditorPopover: Y && P && ve ? {
-				editor: Y,
-				messages: B,
-				target: ve,
-				onClose: () => ye(null)
+			mathEditorPopover: X && N && _e ? {
+				editor: X,
+				messages: z,
+				target: _e,
+				onClose: () => ve(null)
 			} : null
 		}), [
-			P,
-			Y,
-			je,
+			N,
+			X,
+			Ae,
 			f,
-			He,
-			ge,
-			B,
-			ve,
+			Ve,
+			he,
+			z,
+			_e,
 			v,
 			y,
 			b,
 			C,
 			w,
 			T,
-			Ze,
+			Xe,
 			V,
-			X,
-			me,
-			fe,
+			Ze,
+			pe,
 			de,
-			Ve,
-			be,
-			Je
+			H,
+			Be,
+			ye,
+			qe
 		]),
-		runtimeSnapshot: Xe,
+		runtimeSnapshot: Ye,
 		actions: $e
 	};
 }
-function Pa({ className: e, ...t }) {
-	let n = Na(t);
+function Ia({ className: e, ...t }) {
+	let n = Fa(t);
 	if (!n.editor) return null;
 	let r = [n.frameProps.className, e].filter(Boolean).join(" ");
 	return /* @__PURE__ */ Q("section", {
 		...n.frameProps,
 		className: r,
 		children: [
-			n.overlayProps.floatingToolbar ? /* @__PURE__ */ Z(Zi, { ...n.overlayProps.floatingToolbar }) : null,
-			n.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(va, { ...n.overlayProps.slashCommandMenu }) : null,
-			n.overlayProps.tableControls ? /* @__PURE__ */ Z(Sa, { ...n.overlayProps.tableControls }) : null,
-			n.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(Ca, { ...n.overlayProps.tableSelectionOverlay }) : null,
-			n.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(Ai, { ...n.overlayProps.codeBlockControls }) : null,
-			n.overlayProps.innerToc ? /* @__PURE__ */ Z(Ta, { ...n.overlayProps.innerToc }) : null,
-			n.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(la, { ...n.overlayProps.mathEditorPopover }) : null,
+			n.overlayProps.floatingToolbar ? /* @__PURE__ */ Z($i, { ...n.overlayProps.floatingToolbar }) : null,
+			n.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(ba, { ...n.overlayProps.slashCommandMenu }) : null,
+			n.overlayProps.tableControls ? /* @__PURE__ */ Z(wa, { ...n.overlayProps.tableControls }) : null,
+			n.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(Ta, { ...n.overlayProps.tableSelectionOverlay }) : null,
+			n.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(Mi, { ...n.overlayProps.codeBlockControls }) : null,
+			n.overlayProps.innerToc ? /* @__PURE__ */ Z(Da, { ...n.overlayProps.innerToc }) : null,
+			n.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(da, { ...n.overlayProps.mathEditorPopover }) : null,
 			/* @__PURE__ */ Z(i, { editor: n.editor })
 		]
 	});
 }
 //#endregion
-export { Pa as MarkweaveEditor, Di as createMarkweaveEditorExtensions, Di as createMarkweaveReactEditorExtensions, Na as useMarkweaveEditorController };
+export { Ia as MarkweaveEditor, ki as createMarkweaveEditorExtensions, ki as createMarkweaveReactEditorExtensions, Fa as useMarkweaveEditorController };