@markweave/react 0.3.8 → 0.3.9

package/dist/index.js

@@ -1,7 +1,7 @@
 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 ee, ChevronRight as j, ChevronUp as te, CircleX as M, Code2 as ne, Copy as N, CornerDownLeft as re, Download as ie, ExternalLink as P, Eye as F, Heading1 as ae, Heading2 as I, Heading3 as oe, Image as L, ImageUp as R, IndentDecrease as z, IndentIncrease as B, Info as se, Italic as ce, Lightbulb as le, Link2 as ue, List as de, ListChecks as V, ListOrdered as H, Minus as fe, MoreVertical as U, PaintBucket as W, Paperclip as pe, Pencil as me, Plus as he, Quote as ge, Replace as _e, RotateCcw as ve, Sigma as ye, SmilePlus as be, Sparkles as xe, Square 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, X as Ie } from "lucide-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 ee, Check as O, CheckCircle2 as k, ChevronDown as A, ChevronRight as j, ChevronUp as M, CircleX as te, Code2 as N, Copy as P, CornerDownLeft as ne, Download as re, ExternalLink as F, Eye as I, Heading1 as ie, Heading2 as ae, Heading3 as L, Image as R, ImageUp as z, IndentDecrease as B, IndentIncrease as V, Info as oe, Italic as se, Lightbulb as ce, Link2 as le, List as ue, ListChecks as H, ListOrdered as U, Minus as de, MoreVertical as fe, PaintBucket as W, Paperclip as pe, Pencil as me, Plus as he, Quote as ge, Replace as _e, RotateCcw as ve, Sigma as ye, SmilePlus as be, Sparkles as xe, Square 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, X as Ie } from "lucide-react";
 import { useCallback as G, useEffect as K, useLayoutEffect as Le, useMemo as q, useRef as J, useState as Y, useSyncExternalStore as Re } from "react";
 import { detectUploadSource as ze, getDirectUploadResult as Be, resolveMarkweaveUploadResult as X } from "markweave/internal/plugins/slash-command/upload";
 import { MarkweaveCoreImage as Ve, MarkweaveCoreVideo as He, attrsFromMarkweaveImageUploadResult as Ue, attrsFromMarkweaveVideoUploadResult as We, attrsFromMarkweaveVideoUrl as Ge, clampMarkweaveImageWidth as Ke, createMarkweaveImageUploadRequest as qe, createMarkweaveVideoUploadRequest as Je, downloadMarkweaveImage as Ye, markweaveVideoIframeAllow as Xe, normalizeMarkweaveCoreImageAlign as Ze, normalizeMarkweaveVideoEmbedUrl as Qe, numberAttribute as $e, stringAttribute as et } from "markweave/internal/plugins/media/core-media-nodes";
@@ -61,7 +61,7 @@ function Ai(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
 function ji(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 = nt(Oi(r)), p = et(o.attrs.src), m = ki(o.attrs.align), h = $e(o.attrs.width), g = et(o.attrs.caption), _ = J(null), v = Li(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), [ee, j] = Y(!1), [te, M] = Y(!!g), [ne, N] = Y(g ?? ""), re = f && (!p || C), ie = () => {
+	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 = nt(Oi(r)), p = et(o.attrs.src), m = ki(o.attrs.align), h = $e(o.attrs.width), g = et(o.attrs.caption), _ = J(null), v = Li(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, ee] = Y(""), [O, k] = Y(null), [A, j] = Y(!1), [M, te] = Y(!!g), [N, P] = Y(g ?? ""), ne = f && (!p || C), re = () => {
 		y && ot({
 			src: y,
 			alt: et(o.attrs.alt) ?? "",
@@ -75,57 +75,57 @@ function ji(e) {
 		});
 	};
 	K(() => {
-		te || N(g ?? "");
-	}, [g, te]);
-	let P = () => {
+		M || P(g ?? "");
+	}, [g, M]);
+	let F = () => {
 		if (!f) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
-	}, ae = () => {
+	}, ie = () => {
 		if (f) {
-			if (O(""), A(null), E(!1), p) {
+			if (ee(""), k(null), E(!1), p) {
 				w(!1);
 				return;
 			}
 			t();
 		}
-	}, I = async (e) => {
+	}, ae = async (e) => {
 		if (f) {
-			A(null), j(!0);
+			k(null), j(!0);
 			try {
 				let t = await X(qe(e, p && C ? "image-replace" : "image-insert"), l.onUpload);
-				c(Ue(o.attrs, t)), w(!1), O("");
+				c(Ue(o.attrs, t)), w(!1), ee("");
 			} catch (e) {
-				A(e instanceof Error ? e.message : d.uploadFailedError);
+				k(e instanceof Error ? e.message : d.uploadFailedError);
 			} finally {
 				j(!1), E(!1);
 			}
 		}
-	}, oe = () => {
+	}, L = () => {
 		if (f) {
 			if (!D.trim()) {
-				A(d.uploadRequiredError);
+				k(d.uploadRequiredError);
 				return;
 			}
-			I(ze(D));
+			ae(ze(D));
 		}
-	}, L = (e) => {
-		!f || !e || I({
+	}, R = (e) => {
+		!f || !e || ae({
 			type: "file",
 			file: e,
 			mimeType: e.type
 		});
-	}, R = (e) => {
-		L(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
 	}, z = (e) => {
-		e.preventDefault(), e.stopPropagation(), f && L(e.dataTransfer.files?.[0] ?? null);
-	}, B = () => {
-		f && (M((e) => !e), te || N(g ?? ""));
-	}, se = (e) => {
-		f && (N(e), c({ caption: e.trim() ? e : null }));
-	}, ce = (e, t) => {
+		R(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
+	}, B = (e) => {
+		e.preventDefault(), e.stopPropagation(), f && R(e.dataTransfer.files?.[0] ?? null);
+	}, V = () => {
+		f && (te((e) => !e), M || P(g ?? ""));
+	}, oe = (e) => {
+		f && (P(e), c({ caption: e.trim() ? e : null }));
+	}, se = (e, t) => {
 		if (t.preventDefault(), t.stopPropagation(), !f) return;
-		P();
+		F();
 		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) => {
@@ -143,39 +143,39 @@ function ji(e) {
 		"data-align": m,
 		"data-selected": f && s ? "true" : "false",
 		"data-hovered": x ? "true" : "false",
-		"data-empty": re ? "true" : "false",
+		"data-empty": ne ? "true" : "false",
 		onPointerEnter: () => S(!0),
 		onPointerLeave: () => S(!1),
 		onMouseDown: (e) => {
-			f && !Ai(e.target) && P();
+			f && !Ai(e.target) && F();
 		},
-		children: re ? /* @__PURE__ */ Z(Mi, {
+		children: ne ? /* @__PURE__ */ Z(Mi, {
 			dragActive: T,
-			error: k,
+			error: O,
 			inputValue: D,
-			isSubmitting: ee,
+			isSubmitting: A,
 			fileInputRef: b,
 			messages: u,
-			onCancel: ae,
-			onDrop: z,
+			onCancel: ie,
+			onDrop: B,
 			onDragActiveChange: E,
-			onFileChange: R,
-			onInputChange: O,
-			onSubmit: oe
+			onFileChange: z,
+			onInputChange: ee,
+			onSubmit: L
 		}) : /* @__PURE__ */ Q(lt, { children: [
 			f ? /* @__PURE__ */ Z(Ni, {
 				align: m,
-				captionActive: te || !!g,
+				captionActive: M || !!g,
 				messages: u,
 				onAlign: (e) => c({ align: e }),
-				onCaption: B,
+				onCaption: V,
 				onDelete: t,
 				onDownload: () => {
 					y && Ye(y);
 				},
-				onPreview: ie,
+				onPreview: re,
 				onReplace: () => {
-					O(""), A(null), w(!0);
+					ee(""), k(null), w(!0);
 				}
 			}) : null,
 			/* @__PURE__ */ Q("div", {
@@ -209,8 +209,8 @@ function ji(e) {
 						"aria-label": d.preview,
 						title: d.preview,
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: ie,
-						children: [/* @__PURE__ */ Z(F, {
+						onClick: re,
+						children: [/* @__PURE__ */ Z(I, {
 							size: 16,
 							strokeWidth: 1.8
 						}), /* @__PURE__ */ Z("span", {
@@ -222,25 +222,25 @@ function ji(e) {
 					f ? /* @__PURE__ */ Z(Fi, {
 						side: "left",
 						messages: u,
-						onPointerDown: ce
+						onPointerDown: se
 					}) : null,
 					f ? /* @__PURE__ */ Z(Fi, {
 						side: "right",
 						messages: u,
-						onPointerDown: ce
+						onPointerDown: se
 					}) : null
 				]
 			}),
-			f && (te || g) ? /* @__PURE__ */ Z("input", {
+			f && (M || g) ? /* @__PURE__ */ Z("input", {
 				className: "markweave-image-caption-input",
 				"data-markweave-image-ui": "true",
 				"data-testid": "markweave-image-caption-input",
-				value: ne,
+				value: N,
 				placeholder: d.captionPlaceholder,
 				"aria-label": d.captionAriaLabel,
-				onChange: (e) => se(e.currentTarget.value),
+				onChange: (e) => oe(e.currentTarget.value),
 				onKeyDown: (e) => {
-					e.key === "Escape" && (e.preventDefault(), M(!1));
+					e.key === "Escape" && (e.preventDefault(), te(!1));
 				}
 			}) : g ? /* @__PURE__ */ Z("figcaption", {
 				className: "markweave-image-caption",
@@ -277,7 +277,7 @@ function Mi({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 			/* @__PURE__ */ Z("div", {
 				className: "markweave-image-upload-icon",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ Z(R, {
+				children: /* @__PURE__ */ Z(z, {
 					size: 46,
 					strokeWidth: 1.6
 				})
@@ -312,7 +312,7 @@ function Mi({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 						"data-testid": "markweave-image-upload-submit",
 						disabled: i || !r.trim(),
 						onClick: d,
-						children: [/* @__PURE__ */ Z(R, {
+						children: [/* @__PURE__ */ Z(z, {
 							size: 16,
 							strokeWidth: 1.8
 						}), a.common.insert]
@@ -368,20 +368,20 @@ function Ni({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 			/* @__PURE__ */ Z(Pi, {
 				testId: "markweave-image-caption",
 				label: u.caption,
-				icon: O,
+				icon: ee,
 				active: t,
 				onClick: i
 			}),
 			/* @__PURE__ */ Z(Pi, {
 				testId: "markweave-image-preview",
 				label: u.preview,
-				icon: F,
+				icon: I,
 				onClick: s
 			}),
 			/* @__PURE__ */ Z(Pi, {
 				testId: "markweave-image-download",
 				label: u.download,
-				icon: ie,
+				icon: re,
 				onClick: o
 			}),
 			/* @__PURE__ */ Z(Pi, {
@@ -504,13 +504,13 @@ function Ri(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
 function zi(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 = nt(Oi(r)), p = et(o.attrs.src), m = et(o.attrs.embedUrl), h = et(o.attrs.provider), g = m ? Qe(m, h) : null, _ = et(o.attrs.mimeType), v = et(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 = () => {
+	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 = nt(Oi(r)), p = et(o.attrs.src), m = et(o.attrs.embedUrl), h = et(o.attrs.provider), g = m ? Qe(m, h) : null, _ = et(o.attrs.mimeType), v = et(o.attrs.title), y = J(null), [b, x] = Y(!1), [S, C] = Y(""), [w, T] = Y(null), [E, D] = Y(!1), ee = f && !p, O = () => {
 		if (!f) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
+	}, k = (e) => {
+		f && (Ri(e.target) || (e.preventDefault(), O()));
 	}, A = (e) => {
-		f && (Ri(e.target) || (e.preventDefault(), k()));
-	}, ee = (e) => {
 		f && (e.key === "Delete" || e.key === "Backspace") && s && (e.preventDefault(), t());
 	}, j = async (e) => {
 		if (!(!f || !e)) {
@@ -529,7 +529,7 @@ function zi(e) {
 			}
 		}
 	};
-	return O ? /* @__PURE__ */ Z(a, {
+	return ee ? /* @__PURE__ */ Z(a, {
 		as: "figure",
 		className: "markweave-video-node",
 		"data-testid": "markweave-video-node",
@@ -570,9 +570,9 @@ function zi(e) {
 		"data-selected": f && s ? "true" : "false",
 		tabIndex: f ? 0 : void 0,
 		"aria-label": d.nodeAriaLabel,
-		onFocus: k,
-		onKeyDown: ee,
-		onMouseDown: A,
+		onFocus: O,
+		onKeyDown: A,
+		onMouseDown: k,
 		children: g ? /* @__PURE__ */ Q("div", {
 			className: "markweave-video-embed",
 			children: [/* @__PURE__ */ Z("iframe", {
@@ -813,13 +813,13 @@ function Ki(e) {
 				children: [
 					/* @__PURE__ */ Z(qi, {
 						label: u.convertToLink,
-						icon: ue,
+						icon: le,
 						onClick: T,
 						testId: "markweave-link-card-convert"
 					}),
 					/* @__PURE__ */ Z(qi, {
 						label: u.copyAddress,
-						icon: N,
+						icon: P,
 						onClick: () => void Ui(f.href),
 						testId: "markweave-link-card-copy"
 					}),
@@ -871,7 +871,7 @@ function Ki(e) {
 						type: "submit",
 						"aria-label": u.edit,
 						disabled: !ft(x),
-						children: /* @__PURE__ */ Z(ue, { size: 16 })
+						children: /* @__PURE__ */ Z(le, { size: 16 })
 					})
 				]
 			}) : null
@@ -983,35 +983,35 @@ function Zi({ icon: e }) {
 	});
 }
 function Qi({ 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({
+	let a = J(null), o = J(null), s = J(null), c = J(null), l = J(null), u = J(null), d = J({
 		active: !1,
 		lastX: 0,
 		lastY: 0
-	}), [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), [ee, j] = Y(null), [te, M] = Y(!1), [ne, N] = Y(0), [re, ie] = Y(0), P = zt(t), F = Wn(t, d), ae = !i && e && P.active && P.pos !== null ? {
-		...P,
-		pos: P.pos,
+	}), [f, p] = Y(null), [m, h] = Y(null), [g, _] = Y([]), [v, y] = Y(null), [b, x] = Y(!1), [S, C] = Y(""), [w, T] = Y(-1), [E, D] = Y(null), [ee, O] = Y(!1), [k, A] = Y(null), [j, M] = Y(null), [te, N] = Y(!1), [P, ne] = Y(0), [re, F] = Y(0), I = zt(t), ie = Wn(t, f), ae = !i && e && I.active && I.pos !== null ? {
+		...I,
+		pos: I.pos,
 		active: !0
-	} : null, I = F ?? ae, oe = I !== null, L = I?.language === "mermaid", R = Yn(t, I), z = oe && I !== null && !R, B = !i, se = Ln(I ? I.language : "text"), ce = T?.status ?? "idle", le = I?.mermaidPreviewMode ?? n, ue = L && le === "preview", de = qn(t), V = `${re}|${de.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, H = q(() => Vn(x.trim().toLowerCase()), [x]);
+	} : null, L = ie ?? ae, R = L !== null, z = L?.language === "mermaid", B = Yn(t, L), V = R && L !== null && !B, oe = !i, se = Ln(L ? L.language : "text"), ce = E?.status ?? "idle", le = L?.mermaidPreviewMode ?? n, ue = z && le === "preview", H = qn(t), U = `${re}|${H.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, de = q(() => Vn(S.trim().toLowerCase()), [S]);
 	if (K(() => {
-		i && (b(!1), S(""), w(-1));
+		i && (x(!1), C(""), T(-1));
 	}, [i]), K(() => {
-		if (!T) return;
+		if (!E) return;
 		let e = window.setTimeout(() => {
-			E(null);
+			D(null);
 		}, An);
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [T]), K(() => {
-		E(null), b(!1), S(""), w(-1), A(null), j(null), M(!1);
+	}, [E]), K(() => {
+		D(null), x(!1), C(""), T(-1), A(null), M(null), N(!1);
 	}, [
 		e,
-		I?.language,
-		I?.pos,
-		I?.text
+		L?.language,
+		L?.pos,
+		L?.text
 	]), K(() => {
 		let e = ({ transaction: e }) => {
-			e.getMeta(Lt) && N((e) => e + 1);
+			e.getMeta(Lt) && ne((e) => e + 1);
 		};
 		return t.on("transaction", e), () => {
 			t.off("transaction", e);
@@ -1020,29 +1020,29 @@ function Qi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		let e = t.view.dom.closest(".markweave-editor-frame");
 		if (!e) return;
 		let n = (e) => {
-			if (e.target instanceof Node && a.current?.contains(e.target) || y) return;
+			if (e.target instanceof Node && a.current?.contains(e.target) || b) return;
 			let n = Wn(t, Un(t, e.target)), r = n && !Yn(t, n) ? n.pos : null;
-			f((e) => e === r ? e : r);
+			p((e) => e === r ? e : r);
 		}, r = () => {
-			y || f(null);
+			b || p(null);
 		};
 		return e.addEventListener("mousemove", n), e.addEventListener("mouseleave", r), () => {
 			e.removeEventListener("mousemove", n), e.removeEventListener("mouseleave", r);
 		};
-	}, [t, y]), K(() => {
-		y && s.current?.focus({ preventScroll: !0 });
-	}, [y]), Le(() => {
-		if (!y || C < 0) return;
-		let e = c.current, t = e?.querySelector(`[data-language-index="${C}"]`);
+	}, [t, b]), K(() => {
+		b && c.current?.focus({ preventScroll: !0 });
+	}, [b]), Le(() => {
+		if (!b || w < 0) return;
+		let e = l.current, t = e?.querySelector(`[data-language-index="${w}"]`);
 		e && t && er(e, t);
 	}, [
-		C,
-		H,
-		y
+		w,
+		de,
+		b
 	]), K(() => {
 		if (!k) return;
 		let e = (e) => {
-			e.key === "Escape" && (A(null), j(null), M(!1), u.current = {
+			e.key === "Escape" && (A(null), M(null), N(!1), d.current = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
@@ -1052,32 +1052,32 @@ function Qi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			document.removeEventListener("keydown", e);
 		};
 	}, [t, k]), K(() => {
-		if (!oe || !y) return;
+		if (!R || !b) return;
 		let e = (e) => {
-			e.key === "Escape" && (b(!1), w(-1), t.view.focus());
+			e.key === "Escape" && (x(!1), T(-1), t.view.focus());
 		}, n = (e) => {
-			e.target instanceof Node && a.current?.contains(e.target) || (b(!1), w(-1));
+			e.target instanceof Node && a.current?.contains(e.target) || (x(!1), T(-1));
 		};
 		return document.addEventListener("keydown", e), document.addEventListener("mousedown", n), () => {
 			document.removeEventListener("keydown", e), document.removeEventListener("mousedown", n);
 		};
 	}, [
-		oe,
+		R,
 		t,
-		y
+		b
 	]), Le(() => {
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			if (!Gn(e) || de.length === 0) {
-				g([]);
+			if (!Gn(e) || H.length === 0) {
+				_([]);
 				return;
 			}
-			let n = e.getBoundingClientRect(), r = de.flatMap((e) => {
+			let n = e.getBoundingClientRect(), r = H.flatMap((e) => {
 				let r = Bn(zn(t, e.pos, e.mermaidPreviewMode), n);
 				return r ? [Fn(e, r, n)] : [];
 			});
-			g((e) => Xn(e, r, de.map((e) => e.pos)));
+			_((e) => Xn(e, r, H.map((e) => e.pos)));
 		};
 		e();
 		let n = window.requestAnimationFrame(e);
@@ -1085,28 +1085,29 @@ function Qi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			window.cancelAnimationFrame(n), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
-		ne,
+		P,
 		t,
-		V
+		U
 	]), Le(() => {
-		if (!z || !I) {
-			m(null), v(null);
+		if (!V || !L) {
+			h(null), y(null);
 			return;
 		}
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			let n = zn(t, I.pos, le), r = e.getBoundingClientRect(), i = Bn(n, r);
+			let n = zn(t, L.pos, le), r = e.getBoundingClientRect(), i = Bn(n, r);
 			if (!i) {
-				m((e) => e?.pos === I.pos ? e : null), v((e) => y ? e : null);
+				h((e) => e?.pos === L.pos ? e : null), y((e) => b ? e : null);
 				return;
 			}
-			let s = Nn(I.pos, i, r);
-			if (m(s), y && o.current) {
-				let e = o.current.getBoundingClientRect();
-				v(On({
+			let c = Nn(L.pos, i, r);
+			if (h(c), b && o.current) {
+				let e = o.current.getBoundingClientRect(), t = s.current?.getBoundingClientRect().height;
+				y(On({
 					overlayRect: r,
 					buttonRect: e,
+					menuHeight: t,
 					windowWidth: window.innerWidth,
 					windowHeight: window.innerHeight
 				}));
@@ -1116,115 +1117,116 @@ function Qi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
-		z,
-		ne,
-		I?.pos,
+		V,
+		P,
+		L?.pos,
 		t,
-		y,
+		de.length,
+		b,
 		le
-	]), !z && de.length === 0 && !k) return null;
-	let fe = p ? {
-		top: p.top,
-		right: p.right
-	} : void 0, U = async () => {
+	]), !V && H.length === 0 && !k) return null;
+	let fe = m ? {
+		top: m.top,
+		right: m.right
+	} : void 0, W = async () => {
 		if (i) {
-			if (!I) return;
-			let e = await jn(I.text);
-			E(Bt(I, e ? "copied" : "failed"));
+			if (!L) return;
+			let e = await jn(L.text);
+			D(Bt(L, e ? "copied" : "failed"));
 			return;
 		}
-		if (!In(t, I)) return;
+		if (!In(t, L)) return;
 		let e = await Rt(t);
-		E(Bt(zt(t), e ? "copied" : "failed")), t.view.focus();
-	}, W = (e, n) => {
+		D(Bt(zt(t), e ? "copied" : "failed")), t.view.focus();
+	}, pe = (e, n) => {
 		if (i) {
-			Jt(t, e.pos, n) && ie((e) => e + 1);
+			Jt(t, e.pos, n) && F((e) => e + 1);
 			return;
 		}
-		let a = P.active && P.pos === e.pos;
-		Wt(t, e.pos, n) && (r(n), ie((e) => e + 1), a && t.view.focus());
-	}, pe = (e) => {
-		if (i || !I) return;
-		let n = P.active && P.pos === I.pos;
-		Ut(t, I.pos, e) && (e === "mermaid" && Wt(t, I.pos, "preview") && r("preview"), b(!1), S(""), w(-1), ie((e) => e + 1), n && t.view.focus());
-	}, me = () => {
-		let e = !y;
-		e && l.current === null && (l.current = Mn()), w(e ? Kn(H, I?.language ?? null) : -1), b(e);
-	}, he = (e) => {
-		let t = Vn(e);
-		S(e), w(Kn(t, e.trim() ? null : I?.language ?? null));
+		let a = I.active && I.pos === e.pos;
+		Wt(t, e.pos, n) && (r(n), F((e) => e + 1), a && t.view.focus());
+	}, me = (e) => {
+		if (i || !L) return;
+		let n = I.active && I.pos === L.pos;
+		Ut(t, L.pos, e) && (e === "mermaid" && Wt(t, L.pos, "preview") && r("preview"), x(!1), C(""), T(-1), F((e) => e + 1), n && t.view.focus());
+	}, he = () => {
+		let e = !b;
+		e && u.current === null && (u.current = Mn()), T(e ? Kn(de, L?.language ?? null) : -1), x(e);
 	}, ge = (e) => {
+		let t = Vn(e);
+		C(e), T(Kn(t, e.trim() ? null : L?.language ?? null));
+	}, _e = (e) => {
 		if (!e.nativeEvent.isComposing) {
 			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-				e.preventDefault(), w((t) => Qn(t, H.length, e.key === "ArrowUp" ? "previous" : "next"));
+				e.preventDefault(), T((t) => Qn(t, de.length, e.key === "ArrowUp" ? "previous" : "next"));
 				return;
 			}
 			if (e.key === "Enter") {
-				let t = H[C];
-				t && (e.preventDefault(), pe(t.language));
+				let t = de[w];
+				t && (e.preventDefault(), me(t.language));
 				return;
 			}
-			e.key === "Escape" && (e.preventDefault(), b(!1), w(-1), t.view.focus());
+			e.key === "Escape" && (e.preventDefault(), x(!1), T(-1), t.view.focus());
 		}
-	}, _e = H[C], ve = l.current && _e ? Hn(l.current, _e.language) : void 0, ye = () => {
-		i || !I || Ht(t, I.pos, !R) && (N((e) => e + 1), f(null));
-	}, be = () => {
-		if (!I) return;
-		let e = Jn(t, I.pos);
+	}, ve = de[w], ye = u.current && ve ? Hn(u.current, ve.language) : void 0, be = () => {
+		i || !L || Ht(t, L.pos, !B) && (ne((e) => e + 1), p(null));
+	}, xe = () => {
+		if (!L) return;
+		let e = Jn(t, L.pos);
 		e && Dn({
 			data: new Blob([e], { type: "image/svg+xml" }),
 			fileName: "markweave-mermaid.svg",
 			onSettled: () => t.view.focus(),
 			ownerDocument: document
 		});
-	}, xe = () => {
-		if (!I) return;
-		let e = Jn(t, I.pos);
-		e && (A(Pn(e)), j(null), M(!1), u.current = {
+	}, Se = () => {
+		if (!L) return;
+		let e = Jn(t, L.pos);
+		e && (A(Pn(e)), M(null), N(!1), d.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		});
-	}, Se = () => {
-		A(null), j(null), M(!1), u.current = {
+	}, Ce = () => {
+		A(null), M(null), N(!1), d.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		}, t.view.focus();
-	}, Ce = (e) => {
+	}, we = (e) => {
 		A((t) => t && {
 			...t,
 			scale: kn(t.scale + e)
 		});
-	}, we = () => {
-		A((e) => e && Pn(e.svg)), u.current = {
+	}, Te = () => {
+		A((e) => e && Pn(e.svg)), d.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}, M(!1);
-	}, Te = (e) => {
-		e.preventDefault(), Ce(e.deltaY < 0 ? Zn : -Zn);
+		}, N(!1);
 	}, Ee = (e) => {
-		e.button === 0 && (e.preventDefault(), u.current = {
+		e.preventDefault(), we(e.deltaY < 0 ? Zn : -Zn);
+	}, De = (e) => {
+		e.button === 0 && (e.preventDefault(), d.current = {
 			active: !0,
 			lastX: e.clientX,
 			lastY: e.clientY
-		}, M(!0));
-	}, De = (e) => {
-		let t = u.current;
+		}, N(!0));
+	}, Oe = (e) => {
+		let t = d.current;
 		if (!t.active) return;
 		let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
-		u.current = {
+		d.current = {
 			active: !0,
 			lastX: e.clientX,
 			lastY: e.clientY
 		}, A((e) => $n(e, n, r));
-	}, Oe = () => {
-		u.current = {
+	}, ke = () => {
+		d.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}, M(!1);
+		}, N(!1);
 	};
 	return /* @__PURE__ */ Q("div", {
 		ref: a,
@@ -1232,8 +1234,8 @@ function Qi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		"data-testid": "markweave-codeblock-overlay",
 		"data-read-only": i ? "true" : "false",
 		children: [
-			de.map((e) => {
-				let t = h.find((t) => t.pos === e.pos);
+			H.map((e) => {
+				let t = g.find((t) => t.pos === e.pos);
 				return /* @__PURE__ */ Z("div", {
 					className: "markweave-mermaid-tabs",
 					"data-testid": "markweave-mermaid-tabs",
@@ -1248,16 +1250,16 @@ function Qi({ 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: () => W(e, t),
+						onClick: () => pe(e, t),
 						children: t === "code" ? "Code" : "Preview"
 					}, t))
 				}, e.pos);
 			}),
-			z ? /* @__PURE__ */ Q("div", {
+			V ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-controls",
 				"data-testid": "markweave-codeblock-controls",
-				"data-positioned": p ? "true" : "false",
-				"data-collapsed": R ? "true" : "false",
+				"data-positioned": m ? "true" : "false",
+				"data-collapsed": B ? "true" : "false",
 				"data-read-only": i ? "true" : "false",
 				"aria-label": "Code block controls",
 				style: fe,
@@ -1272,22 +1274,22 @@ function Qi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						type: "button",
 						className: "markweave-codeblock-language-button",
 						"aria-label": "Code block language",
-						"aria-expanded": y,
+						"aria-expanded": b,
 						"aria-haspopup": "listbox",
 						"data-testid": "markweave-codeblock-language",
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: me,
+						onClick: he,
 						children: [/* @__PURE__ */ Z("span", { children: se }), /* @__PURE__ */ Z(Zi, { icon: "chevron" })]
 					}),
-					B ? /* @__PURE__ */ Z("button", {
+					oe ? /* @__PURE__ */ Z("button", {
 						type: "button",
 						className: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
-						"aria-label": R ? "Expand code block" : "Collapse code block",
-						title: R ? "Expand code block" : "Collapse code block",
+						"aria-label": B ? "Expand code block" : "Collapse code block",
+						title: B ? "Expand code block" : "Collapse code block",
 						"data-testid": "markweave-codeblock-collapse",
-						"data-collapsed": R ? "true" : "false",
+						"data-collapsed": B ? "true" : "false",
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: ye,
+						onClick: be,
 						children: /* @__PURE__ */ Z(Zi, { icon: "chevron" })
 					}) : null,
 					/* @__PURE__ */ Q("span", {
@@ -1303,16 +1305,16 @@ function Qi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							onMouseLeave: () => O(!1),
 							onFocus: () => O(!0),
 							onBlur: () => O(!1),
-							onClick: U,
+							onClick: W,
 							children: /* @__PURE__ */ Z(Zi, { icon: ce === "copied" ? "check" : "clipboard" })
-						}), D ? /* @__PURE__ */ Z("span", {
+						}), ee ? /* @__PURE__ */ Z("span", {
 							className: "markweave-codeblock-tooltip",
 							role: "tooltip",
 							"data-testid": "markweave-codeblock-copy-tooltip",
 							children: "Copy to clipboard"
 						}) : null]
 					}),
-					L && le === "preview" ? /* @__PURE__ */ Q("div", {
+					z && le === "preview" ? /* @__PURE__ */ Q("div", {
 						className: "markweave-mermaid-preview-actions",
 						"data-testid": "markweave-mermaid-preview-actions",
 						children: [/* @__PURE__ */ Z("button", {
@@ -1322,7 +1324,7 @@ function Qi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							"data-testid": "markweave-mermaid-fullscreen",
 							disabled: !ue,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: xe,
+							onClick: Se,
 							children: /* @__PURE__ */ Z(Zi, { icon: "expand" })
 						}), /* @__PURE__ */ Z("button", {
 							type: "button",
@@ -1331,46 +1333,47 @@ function Qi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							"data-testid": "markweave-mermaid-download",
 							disabled: !ue,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: be,
+							onClick: xe,
 							children: /* @__PURE__ */ Z(Zi, { icon: "download" })
 						})]
 					}) : null
 				]
 			}) : null,
-			B && z && y ? /* @__PURE__ */ Q("div", {
+			oe && V && b ? /* @__PURE__ */ Q("div", {
+				ref: s,
 				className: "markweave-codeblock-language-menu",
 				"data-testid": "markweave-codeblock-language-menu",
-				"data-positioned": _ ? "true" : "false",
-				style: _ ? {
-					left: _.left,
-					top: _.top
+				"data-positioned": v ? "true" : "false",
+				style: v ? {
+					left: v.left,
+					top: v.top
 				} : void 0,
 				children: [/* @__PURE__ */ Q("label", {
 					className: "markweave-codeblock-language-search",
 					children: [/* @__PURE__ */ Z("input", {
-						ref: s,
+						ref: c,
 						role: "combobox",
 						"aria-autocomplete": "list",
-						"aria-controls": l.current ?? void 0,
+						"aria-controls": u.current ?? void 0,
 						"aria-expanded": "true",
-						"aria-activedescendant": ve,
+						"aria-activedescendant": ye,
 						"aria-label": "Search code block languages",
-						value: x,
+						value: S,
 						placeholder: "Search...",
 						"data-testid": "markweave-codeblock-language-search",
-						onChange: (e) => he(e.target.value),
-						onKeyDown: ge
+						onChange: (e) => ge(e.target.value),
+						onKeyDown: _e
 					}), /* @__PURE__ */ Z(Zi, { icon: "search" })]
 				}), /* @__PURE__ */ Z("div", {
-					ref: c,
-					id: l.current ?? void 0,
+					ref: l,
+					id: u.current ?? void 0,
 					className: "markweave-codeblock-language-list",
 					role: "listbox",
 					"aria-label": "Code block languages",
-					children: H.map((e, t) => {
-						let n = e.language === I.language, r = t === C;
+					children: de.map((e, t) => {
+						let n = e.language === L.language, r = t === w;
 						return /* @__PURE__ */ Q("button", {
-							id: l.current ? Hn(l.current, e.language) : void 0,
+							id: u.current ? Hn(u.current, e.language) : void 0,
 							type: "button",
 							role: "option",
 							"aria-selected": n,
@@ -1379,8 +1382,8 @@ function Qi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							"data-highlighted": r ? "true" : "false",
 							"data-language-index": t,
 							onMouseDown: (e) => e.preventDefault(),
-							onMouseEnter: () => w(t),
-							onClick: () => pe(e.language),
+							onMouseEnter: () => T(t),
+							onClick: () => me(e.language),
 							children: [/* @__PURE__ */ Z("span", { children: e.label }), n ? /* @__PURE__ */ Z(Zi, { icon: "check" }) : null]
 						}, e.language);
 					})
@@ -1402,11 +1405,11 @@ function Qi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								className: "markweave-mermaid-fullscreen-control",
 								"aria-label": "Zoom out",
 								"data-testid": "markweave-mermaid-fullscreen-zoom-out",
-								onMouseEnter: () => j("zoom-out"),
-								onMouseLeave: () => j(null),
-								onFocus: () => j("zoom-out"),
-								onBlur: () => j(null),
-								onClick: () => Ce(-Zn),
+								onMouseEnter: () => M("zoom-out"),
+								onMouseLeave: () => M(null),
+								onFocus: () => M("zoom-out"),
+								onBlur: () => M(null),
+								onClick: () => we(-Zn),
 								children: /* @__PURE__ */ Z(Zi, { icon: "zoomOut" })
 							}),
 							/* @__PURE__ */ Z("span", {
@@ -1419,11 +1422,11 @@ function Qi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								className: "markweave-mermaid-fullscreen-control",
 								"aria-label": "Zoom in",
 								"data-testid": "markweave-mermaid-fullscreen-zoom-in",
-								onMouseEnter: () => j("zoom-in"),
-								onMouseLeave: () => j(null),
-								onFocus: () => j("zoom-in"),
-								onBlur: () => j(null),
-								onClick: () => Ce(Zn),
+								onMouseEnter: () => M("zoom-in"),
+								onMouseLeave: () => M(null),
+								onFocus: () => M("zoom-in"),
+								onBlur: () => M(null),
+								onClick: () => we(Zn),
 								children: /* @__PURE__ */ Z(Zi, { icon: "zoomIn" })
 							}),
 							/* @__PURE__ */ Z("button", {
@@ -1431,18 +1434,18 @@ function Qi({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								className: "markweave-mermaid-fullscreen-control",
 								"aria-label": "Reset zoom",
 								"data-testid": "markweave-mermaid-fullscreen-reset",
-								onMouseEnter: () => j("reset"),
-								onMouseLeave: () => j(null),
-								onFocus: () => j("reset"),
-								onBlur: () => j(null),
-								onClick: we,
+								onMouseEnter: () => M("reset"),
+								onMouseLeave: () => M(null),
+								onFocus: () => M("reset"),
+								onBlur: () => M(null),
+								onClick: Te,
 								children: /* @__PURE__ */ Z(Zi, { icon: "reset" })
 							}),
-							ee ? /* @__PURE__ */ Z("span", {
+							j ? /* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-tooltip",
 								role: "tooltip",
 								"data-testid": "markweave-mermaid-fullscreen-tooltip",
-								children: ee === "zoom-out" ? "Zoom out" : ee === "zoom-in" ? "Zoom in" : "Reset"
+								children: j === "zoom-out" ? "Zoom out" : j === "zoom-in" ? "Zoom in" : "Reset"
 							}) : null
 						]
 					}),
@@ -1451,18 +1454,18 @@ function Qi({ 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: Se,
+						onClick: Ce,
 						children: /* @__PURE__ */ Z(Zi, { icon: "close" })
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "markweave-mermaid-fullscreen-viewport",
 						"data-testid": "markweave-mermaid-fullscreen-viewport",
 						"data-dragging": te ? "true" : "false",
-						onWheel: Te,
-						onMouseDown: Ee,
-						onMouseMove: De,
-						onMouseUp: Oe,
-						onMouseLeave: Oe,
+						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",
@@ -1600,14 +1603,14 @@ function va(e, t, n) {
 }
 var ya = "markweave-floating-toolbar";
 function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r, askAi: i, onRewriteSelection: a }) {
-	let o = q(() => cr(n), [n]), s = Nt(r, { editable: e.isEditable }), [c, l] = Y(s), [u, d] = Y(null), [f, p] = Y(null), [m, h] = Y(null), [g, _] = Y("input"), [v, y] = Y(""), [b, x] = Y(""), [S, C] = Y(""), [w, T] = Y(""), [E, D] = Y(""), [O, k] = Y(""), [A, ee] = Y(null), [j, te] = Y(0), [M, ne] = Y(s.boundaryPadding), [N, re] = Y("bottom"), ie = J(0), P = J(null), F = J(null), ae = J(null), I = J(null), oe = J(null), L = J(null), R = J(null), z = J(null), B = J(null), se = J(""), ce = i?.enabled === !0 && typeof i.handler == "function", le = ir(e, c.variant, n, { askAiEnabled: ce }), ue = ur(le.find((e) => e.id === u) ?? null), de = Lr(E), V = G(() => {
-		B.current !== null && (window.cancelAnimationFrame(B.current), B.current = null);
-	}, []), H = G((t = !0) => {
-		R.current?.abort(), R.current = null, z.current = null, V(), t && Mr(e), Er(e), h(null);
-	}, [V, e]), fe = G(() => {
-		let t = P.current, n = e.view.dom.closest(".markweave-editor-frame");
+	let o = q(() => cr(n), [n]), s = Nt(r, { editable: e.isEditable }), [c, l] = Y(s), [u, d] = Y(null), [f, p] = Y(null), [m, h] = Y(null), [g, _] = Y("input"), [v, y] = Y(""), [b, x] = Y(""), [S, C] = Y(""), [w, T] = Y(""), [E, D] = Y(""), [ee, O] = Y(""), [k, A] = Y(null), [j, M] = Y(0), [te, N] = Y(s.boundaryPadding), [P, ne] = Y("bottom"), re = J(0), F = J(null), I = J(null), ie = J(null), ae = J(null), L = J(null), R = J(null), z = J(null), B = J(null), V = J(null), oe = J(""), se = i?.enabled === !0 && typeof i.handler == "function", ce = ir(e, c.variant, n, { askAiEnabled: se }), le = ur(ce.find((e) => e.id === u) ?? null), ue = Lr(E), H = G(() => {
+		V.current !== null && (window.cancelAnimationFrame(V.current), V.current = null);
+	}, []), U = G((t = !0) => {
+		z.current?.abort(), z.current = null, B.current = null, H(), t && Mr(e), Er(e), h(null);
+	}, [H, e]), de = G(() => {
+		let t = F.current, n = e.view.dom.closest(".markweave-editor-frame");
 		if (!t || !(n instanceof HTMLElement)) return;
-		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = na(t, F.current), o = ie.current, s = Ot({
+		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = na(t, I.current), o = re.current, s = Ot({
 			toolbarRect: {
 				left: r.left - o,
 				top: r.top,
@@ -1635,16 +1638,16 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 			offset: c.offset,
 			boundaryPadding: c.boundaryPadding
 		});
-		t.style.marginLeft = s === 0 ? "" : `${s}px`, t.style.visibility = "visible", t.style.opacity = "1", ie.current = s, te((e) => e === s ? e : s), ne((e) => e === l ? e : l);
+		t.style.marginLeft = s === 0 ? "" : `${s}px`, t.style.visibility = "visible", t.style.opacity = "1", re.current = s, M((e) => e === s ? e : s), N((e) => e === l ? e : l);
 	}, [
 		e.view.dom,
 		c.boundaryPadding,
 		c.offset
-	]), U = G(() => {
-		P.current && (P.current.style.visibility = "hidden", P.current.style.opacity = "0");
+	]), fe = G(() => {
+		F.current && (F.current.style.visibility = "hidden", F.current.style.opacity = "0");
 	}, []), W = G(() => {
-		fe();
-	}, [fe]), pe = G(() => Ar(e)?.target.kind === "table" ? {
+		de();
+	}, [de]), pe = G(() => Ar(e)?.target.kind === "table" ? {
 		getBoundingClientRect: () => {
 			let t = jr(e);
 			return t ? ia(t.left, t.top, t.width, t.height) : ia(0, 0, 0, 0);
@@ -1654,13 +1657,13 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 			return t ? [ia(t.left, t.top, t.width, t.height)] : [];
 		}
 	} : ga(e), [e]), me = G((e) => {
-		ae.current = e, e?.classList.contains("markweave-ask-ai-popover") && (e.dataset.positioned = "false");
+		ie.current = e, e?.classList.contains("markweave-ask-ai-popover") && (e.dataset.positioned = "false");
 	}, []), he = G(() => {
-		let t = P.current, n = ae.current, r = e.view.dom.closest(".markweave-editor-frame");
+		let t = F.current, n = ie.current, r = e.view.dom.closest(".markweave-editor-frame");
 		if (!m || !t || !n) return;
 		let i = t.getBoundingClientRect(), a = n.getBoundingClientRect(), o = r?.getBoundingClientRect() ?? null;
 		if (m === "ask-ai") {
-			let t = jr(e), r = F.current?.getBoundingClientRect();
+			let t = jr(e), r = I.current?.getBoundingClientRect();
 			if (!t || !r) return;
 			let i = {
 				anchorRect: r,
@@ -1679,7 +1682,7 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 			n.style.width !== l && (n.style.width = l, s = Cr({
 				...i,
 				panelSize: n.getBoundingClientRect()
-			})), n.style.left = `${s.left}px`, n.style.top = `${s.top}px`, n.style.bottom = "auto", n.style.maxWidth = `${s.maxWidth}px`, n.style.maxHeight = `${Math.max(0, s.maxHeight)}px`, n.dataset.positioned = "true", re((e) => e === s.placement ? e : s.placement);
+			})), n.style.left = `${s.left}px`, n.style.top = `${s.top}px`, n.style.bottom = "auto", n.style.maxWidth = `${s.maxWidth}px`, n.style.maxHeight = `${Math.max(0, s.maxHeight)}px`, n.dataset.positioned = "true", ne((e) => e === s.placement ? e : s.placement);
 			return;
 		}
 		let s = kt({
@@ -1693,20 +1696,20 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 			gap: m === "more" ? 8 : 6,
 			boundaryPadding: c.boundaryPadding
 		});
-		re((e) => e === s.placement ? e : s.placement);
+		ne((e) => e === s.placement ? e : s.placement);
 	}, [
 		e,
 		m,
 		c.boundaryPadding
 	]), ge = q(() => ({
-		...Mt(c, { topBoundaryPadding: M }),
-		onShow: U,
+		...Mt(c, { topBoundaryPadding: te }),
+		onShow: fe,
 		onUpdate: W
 	}), [
-		U,
+		fe,
 		W,
 		c,
-		M
+		te
 	]);
 	K(() => {
 		let e = ea();
@@ -1736,22 +1739,22 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 		c.motionStartedAtMs
 	]), Le(() => {
 		if (c.visibility !== "visible") {
-			ie.current = 0, P.current && (P.current.style.marginLeft = "", P.current.style.visibility = "hidden", P.current.style.opacity = "0"), te(0), ne(c.boundaryPadding);
+			re.current = 0, F.current && (F.current.style.marginLeft = "", F.current.style.visibility = "hidden", F.current.style.opacity = "0"), M(0), N(c.boundaryPadding);
 			return;
 		}
-		let e = vt(fe);
+		let e = vt(de);
 		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);
 		};
 	}, [
-		fe,
+		de,
 		e.view.dom,
 		m,
 		r?.from,
 		r?.to,
 		c.variant,
 		c.visibility,
-		le.length
+		ce.length
 	]), Le(() => {
 		if (!m) return;
 		let e = vt(he);
@@ -1765,33 +1768,33 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 		m,
 		he
 	]), K(() => {
-		m === "more" && o.some((e) => e.id === u) || le.some((e) => e.id === u) || (d(null), p(null));
+		m === "more" && o.some((e) => e.id === u) || ce.some((e) => e.id === u) || (d(null), p(null));
 	}, [
 		o,
 		m,
 		u,
-		le
+		ce
 	]), K(() => {
 		if (!m) return;
 		let t = (e) => {
-			F.current?.contains(e.target) || (m === "ask-ai" ? H(!0) : h(null));
+			I.current?.contains(e.target) || (m === "ask-ai" ? U(!0) : h(null));
 		}, n = (t) => {
-			t.key === "Escape" && (t.preventDefault(), m === "ask-ai" ? g === "generating" ? (R.current?.abort(), V(), _("input")) : H(!0) : (h(null), e.commands.focus()));
+			t.key === "Escape" && (t.preventDefault(), m === "ask-ai" ? g === "generating" ? (z.current?.abort(), H(), _("input")) : U(!0) : (h(null), e.commands.focus()));
 		};
 		return document.addEventListener("pointerdown", t, !0), document.addEventListener("keydown", n, !0), () => {
 			document.removeEventListener("pointerdown", t, !0), document.removeEventListener("keydown", n, !0);
 		};
 	}, [
 		g,
-		V,
 		H,
+		U,
 		e,
 		m
 	]), K(() => {
 		let t = () => {
 			let t = Ar(e);
 			if (t?.target.kind === "table" && t.status === "target" && m !== "ask-ai") {
-				L.current = t.selection, _("input"), y(""), C(""), T(""), x(""), l((e) => ({
+				R.current = t.selection, _("input"), y(""), C(""), T(""), x(""), l((e) => ({
 					...e,
 					visibility: "visible",
 					variant: "default",
@@ -1801,21 +1804,21 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 				})), h("ask-ai");
 				return;
 			}
-			m === "ask-ai" && t?.status === "conflict" && (R.current?.abort(), V(), _("conflict"));
+			m === "ask-ai" && t?.status === "conflict" && (z.current?.abort(), H(), _("conflict"));
 		};
 		return e.on("transaction", t), () => {
 			e.off("transaction", t);
 		};
 	}, [
-		V,
+		H,
 		e,
 		m
 	]), K(() => () => {
-		R.current?.abort(), V(), Er(e);
-	}, [V, e]), K(() => {
+		z.current?.abort(), H(), Er(e);
+	}, [H, e]), K(() => {
 		if (m !== "link" && m !== "ask-ai") return;
 		let e = window.requestAnimationFrame(() => {
-			m === "ask-ai" ? oe.current?.focus() : (I.current?.focus(), I.current?.select());
+			m === "ask-ai" ? L.current?.focus() : (ae.current?.focus(), ae.current?.select());
 		});
 		return () => window.cancelAnimationFrame(e);
 	}, [m]), K(() => {
@@ -1825,18 +1828,18 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 		if (_a(t.id)) {
 			let n = t.id;
 			if (m === n) {
-				n === "ask-ai" ? H(!0) : h(null);
+				n === "ask-ai" ? U(!0) : h(null);
 				return;
 			}
-			if (m === "ask-ai" && H(!1), n === "ask-ai") {
-				if (!ce) return;
+			if (m === "ask-ai" && U(!1), n === "ask-ai") {
+				if (!se) return;
 				let t = Ir(e);
 				if (!t) return;
-				L.current = t, _("input"), C(""), T(""), x("");
+				R.current = t, _("input"), C(""), T(""), x("");
 			}
 			if (n === "link") {
 				let t = or(e);
-				D(t), k(t), ee({
+				D(t), O(t), A({
 					from: Math.min(e.state.selection.from, e.state.selection.to),
 					to: Math.max(e.state.selection.from, e.state.selection.to)
 				});
@@ -1850,32 +1853,32 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 		}
 		t.run(), e.commands.focus();
 	}, ve = G(async (r) => {
-		if (!ce || i?.enabled !== !0 || !L.current) return;
+		if (!se || i?.enabled !== !0 || !R.current) return;
 		let a = (r ?? v).trim();
 		if (!a) {
 			T(n.askAi.emptyPrompt), _("error");
 			return;
 		}
-		let o = Or(e, L.current);
+		let o = Or(e, R.current);
 		if (!o) {
 			_("conflict");
 			return;
 		}
-		L.current = o, R.current?.abort(), V(), Tr(e);
+		R.current = o, z.current?.abort(), H(), Tr(e);
 		let s = new AbortController(), c = Dr(o, a, t, s.signal, void 0, Ar(e)?.target);
-		R.current = s, z.current = c.id, x(a), T(""), C(""), _("generating");
+		z.current = s, B.current = c.id, x(a), T(""), C(""), _("generating");
 		try {
 			let t = await Nr(i.handler, c, (t) => {
-				z.current !== c.id || s.signal.aborted || (se.current = t, B.current === null && (B.current = window.requestAnimationFrame(() => {
-					B.current = null, Pr(e, se.current), C(se.current);
+				B.current !== c.id || s.signal.aborted || (oe.current = t, V.current === null && (V.current = window.requestAnimationFrame(() => {
+					V.current = null, Pr(e, oe.current), C(oe.current);
 				})));
 			});
-			if (z.current !== c.id || s.signal.aborted) return;
+			if (B.current !== c.id || s.signal.aborted) return;
 			if (!Pr(e, t)) throw new xr("invalid-output", "Ask AI output is incompatible with the selected content.");
-			V(), C(t), y(""), _(Ar(e)?.status === "target" ? "result" : "conflict");
+			H(), C(t), y(""), _(Ar(e)?.status === "target" ? "result" : "conflict");
 		} catch (t) {
-			if (z.current !== c.id) return;
-			if (V(), s.signal.aborted) {
+			if (B.current !== c.id) return;
+			if (H(), s.signal.aborted) {
 				Tr(e), _(Ar(e)?.status === "conflict" ? "conflict" : "input");
 				return;
 			}
@@ -1883,9 +1886,9 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 		}
 	}, [
 		i,
-		ce,
+		se,
 		v,
-		V,
+		H,
 		e,
 		t,
 		n
@@ -1894,7 +1897,7 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 			_(Ar(e)?.status === "conflict" ? "conflict" : "error"), T(n.askAi.errorFallback);
 			return;
 		}
-		h(null), z.current = null, window.setTimeout(() => Er(e), 560), e.commands.focus();
+		h(null), B.current = null, window.setTimeout(() => Er(e), 560), e.commands.focus();
 	}, [
 		S,
 		e,
@@ -1902,32 +1905,32 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 	]), be = () => {
 		h(null), e.commands.focus();
 	}, xe = () => {
-		A && e.commands.setTextSelection(A);
+		k && e.commands.setTextSelection(k);
 	}, Se = () => {
 		xe(), nr(e, E) && be();
 	}, Ce = () => {
 		if (xe(), gr(e)) {
-			D(""), k(""), be();
+			D(""), O(""), be();
 			return;
 		}
 		E.trim() && D("");
 	}, we = (e, t) => {
-		if (d(e), !e || !t || !F.current) {
+		if (d(e), !e || !t || !I.current) {
 			p(null);
 			return;
 		}
-		let n = t.getBoundingClientRect(), r = F.current.getBoundingClientRect();
+		let n = t.getBoundingClientRect(), r = I.current.getBoundingClientRect();
 		p(n.left + n.width / 2 - r.left);
 	};
 	return /* @__PURE__ */ Z(tr, {
-		ref: P,
+		ref: F,
 		editor: e,
 		pluginKey: ya,
 		className: `markweave-floating-toolbar markweave-floating-toolbar--${c.variant} markweave-floating-toolbar--motion-${c.motionPhase}`,
 		"data-motion": c.motionPhase,
 		"data-position-strategy": ge.strategy,
 		"data-boundary-padding": c.boundaryPadding,
-		"data-popover-placement": m ? N : void 0,
+		"data-popover-placement": m ? P : void 0,
 		"data-ask-ai-session": m === "ask-ai" ? "open" : "closed",
 		"data-testid": "markweave-floating-toolbar",
 		style: ta(c, j),
@@ -1939,14 +1942,14 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 			return e.isEditable && (t?.target.kind === "table" && t.status === "target" || Ft(jt(e)));
 		},
 		children: /* @__PURE__ */ Q("div", {
-			ref: F,
+			ref: I,
 			className: "markweave-floating-toolbar-content",
 			"data-menu": m ?? "none",
 			children: [
-				le.map((e, t) => /* @__PURE__ */ Z(Ca, {
+				ce.map((e, t) => /* @__PURE__ */ Z(Ca, {
 					button: e,
 					expanded: m === e.id,
-					showDivider: t > 0 && le[t - 1].group !== e.group,
+					showDivider: t > 0 && ce[t - 1].group !== e.group,
 					tooltipActive: u === e.id,
 					onPointerDown: hr,
 					onTooltipChange: we,
@@ -1959,7 +1962,7 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 					onClose: () => h(null)
 				}) : null,
 				m === "ask-ai" ? /* @__PURE__ */ Z(Sa, {
-					inputRef: oe,
+					inputRef: L,
 					messages: n,
 					phase: g,
 					prompt: v,
@@ -1968,20 +1971,20 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 					onPromptChange: y,
 					onSubmit: ve,
 					onStop: () => {
-						R.current?.abort(), V(), Tr(e), _("input");
+						z.current?.abort(), H(), Tr(e), _("input");
 					},
 					onAccept: ye,
 					onRetry: () => ve(b),
-					onDiscard: () => H(!0),
+					onDiscard: () => U(!0),
 					onPopoverRef: me
 				}) : null,
 				m === "link" ? /* @__PURE__ */ Z(xa, {
-					inputRef: I,
+					inputRef: ae,
 					messages: n,
 					value: E,
-					canApply: !!de,
-					canOpen: !!de,
-					canRemove: !!(O || E.trim()),
+					canApply: !!ue,
+					canOpen: !!ue,
+					canRemove: !!(ee || E.trim()),
 					onValueChange: D,
 					onApply: Se,
 					onOpen: () => mr(E),
@@ -2002,14 +2005,14 @@ function ba({ editor: e, lang: t = "zh", messages: n = $i, selectionSnapshot: r,
 					onTooltipChange: d,
 					onClose: () => h(null)
 				}) : null,
-				ue && m === null ? /* @__PURE__ */ Z("div", {
+				le && m === null ? /* @__PURE__ */ Z("div", {
 					className: "markweave-floating-toolbar-tooltip",
 					role: "tooltip",
 					"data-testid": "markweave-floating-toolbar-tooltip",
-					"data-button-id": ue.buttonId,
-					"data-active": ue.active,
+					"data-button-id": le.buttonId,
+					"data-active": le.active,
 					style: ra(f),
-					children: ue.label
+					children: le.label
 				}) : null
 			]
 		})
@@ -2349,22 +2352,22 @@ function ja({ id: e }) {
 var Ma = {
 	sparkles: xe,
 	"arrow-up": b,
-	check: k,
-	"chevron-down": ee,
-	"chevron-up": te,
-	"corner-down-left": re,
-	"external-link": P,
+	check: O,
+	"chevron-down": A,
+	"chevron-up": M,
+	"corner-down-left": ne,
+	"external-link": F,
 	bold: E,
-	italic: ce,
+	italic: se,
 	underline: Ne,
 	strike: we,
-	"inline-code": ne,
-	link: ue,
-	more: U,
+	"inline-code": N,
+	link: le,
+	more: fe,
 	text: Me,
-	"bullet-list": de,
-	"numbered-list": H,
-	"todo-list": V,
+	"bullet-list": ue,
+	"numbered-list": U,
+	"todo-list": H,
 	quote: ge,
 	"code-block": D,
 	superscript: Ee,
@@ -2374,8 +2377,8 @@ var Ma = {
 	"align-center": l,
 	"align-right": f,
 	"align-justify": u,
-	"decrease-indent": z,
-	"increase-indent": B,
+	"decrease-indent": B,
+	"increase-indent": V,
 	trash: je,
 	"rotate-ccw": ve,
 	square: Se,
@@ -2521,7 +2524,7 @@ function Na({ editor: e, messages: t, onClose: n, target: r }) {
 				className: "markweave-math-block-toolbar",
 				children: [
 					/* @__PURE__ */ Z("span", { children: u.label }),
-					/* @__PURE__ */ Z(ne, {
+					/* @__PURE__ */ Z(N, {
 						"aria-hidden": "true",
 						size: 15,
 						strokeWidth: 1.75
@@ -2532,7 +2535,7 @@ function Na({ editor: e, messages: t, onClose: n, target: r }) {
 						disabled: !m,
 						title: u.apply,
 						type: "submit",
-						children: /* @__PURE__ */ Z(k, {
+						children: /* @__PURE__ */ Z(O, {
 							"aria-hidden": "true",
 							size: 16,
 							strokeWidth: 2
@@ -2579,24 +2582,24 @@ function Na({ editor: e, messages: t, onClose: n, target: r }) {
 //#region src/ui/slash-command/SlashCommandMenu.tsx
 var Pa = n("zh"), Fa = {
 	type: Ae,
-	"heading-1": ae,
-	"heading-2": I,
-	"heading-3": oe,
-	"bullet-list": de,
-	"ordered-list": H,
-	"task-list": V,
+	"heading-1": ie,
+	"heading-2": ae,
+	"heading-3": L,
+	"bullet-list": ue,
+	"ordered-list": U,
+	"task-list": H,
 	blockquote: ge,
 	"code-block": D,
-	info: se,
-	tip: le,
+	info: oe,
+	tip: ce,
 	warning: c,
-	error: M,
-	success: A,
+	error: te,
+	success: k,
 	emoji: be,
 	math: ye,
 	table: De,
-	separator: fe,
-	image: L,
+	separator: de,
+	image: R,
 	video: Fe,
 	attachment: pe
 };
@@ -2888,8 +2891,8 @@ var Ua = n("zh"), Wa = {
 	color: W,
 	alignment: d,
 	clear: Ce,
-	duplicate: N,
-	copy: N,
+	duplicate: P,
+	copy: P,
 	merge: Oe,
 	split: ke,
 	"ask-ai": xe,
@@ -2903,37 +2906,37 @@ var Ua = n("zh"), Wa = {
 	bottom: m
 };
 function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua, onCopyPayload: i, onCommandResult: a, askAi: 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, ee] = Y(null), te = J(null), M = J(null), ne = J(null), N = J(null), re = J(null), ie = J(null), P = J(null), F = e ? Cn(t.state) : null;
+	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), ee = J(null), O = J(null), [k, A] = Y(null), M = J(null), te = J(null), N = J(null), P = J(null), ne = J(null), re = J(null), F = J(null), I = e ? Cn(t.state) : null;
 	if (K(() => {
-		if (!A) return;
+		if (!k) return;
 		let e = window.setTimeout(() => {
-			ee(null);
+			A(null);
 		}, li);
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [A]), K(() => {
+	}, [k]), K(() => {
 		let e = (e) => {
-			let n = O.current;
+			let n = ee.current;
 			if (!n) return;
 			let r = Xr(t, n.axis, e.clientX, e.clientY);
-			r !== null && (e.preventDefault(), k.current = r, e.dataTransfer && (e.dataTransfer.dropEffect = "move"));
+			r !== null && (e.preventDefault(), O.current = r, e.dataTransfer && (e.dataTransfer.dropEffect = "move"));
 		}, n = (e) => {
-			let n = O.current;
+			let n = ee.current;
 			if (!n) return;
-			let r = Xr(t, n.axis, e.clientX, e.clientY) ?? k.current;
-			e.preventDefault(), O.current = null, k.current = null, r !== null && oi(t, n.axis, n.index, r);
+			let r = Xr(t, n.axis, e.clientX, e.clientY) ?? O.current;
+			e.preventDefault(), ee.current = null, O.current = null, r !== null && oi(t, n.axis, n.index, r);
 		};
 		return document.addEventListener("dragover", e), document.addEventListener("drop", n), () => {
 			document.removeEventListener("dragover", e), document.removeEventListener("drop", n);
 		};
 	}, [t]), Le(() => {
 		if (!e) {
-			v(null), b(null), S(null), w(null), E(null), ee(null);
+			v(null), b(null), S(null), w(null), E(null), A(null);
 			return;
 		}
 		let r = () => {
-			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, r = $r(t, n, "row", F?.activeCellPos ?? null), i = $r(t, n, "column", F?.activeCellPos ?? null), a = r ? Qr(t, r) : null, o = i ? Qr(t, i) : null, c = ri(t, "selection").length > 0 ? ii(t) : null, l = Yr(t)?.getBoundingClientRect() ?? null;
+			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, r = $r(t, n, "row", I?.activeCellPos ?? null), i = $r(t, n, "column", I?.activeCellPos ?? null), a = r ? Qr(t, r) : null, o = i ? Qr(t, i) : null, c = ri(t, "selection").length > 0 ? ii(t) : null, l = Yr(t)?.getBoundingClientRect() ?? null;
 			if (!e) {
 				v(null), b(null), S(null), w(null), E(null);
 				return;
@@ -2969,9 +2972,9 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 	}, [
 		e,
 		t,
-		F?.activeCellPos,
-		F?.selectionFrom,
-		F?.selectionTo,
+		I?.activeCellPos,
+		I?.selectionFrom,
+		I?.selectionTo,
 		n.hoverCellPos,
 		n.hoverVisualColumnIndex,
 		n.hoverVisualRowIndex,
@@ -2983,7 +2986,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 			return;
 		}
 		let n = () => {
-			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, n = d === "row-edge" ? re.current : d === "column-edge" ? ie.current : P.current, r = M.current;
+			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, n = d === "row-edge" ? ne.current : d === "column-edge" ? re.current : F.current, r = te.current;
 			if (!e || !n || !r) {
 				m(null);
 				return;
@@ -2993,7 +2996,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 				top: a.top,
 				width: i.width,
 				height: i.height
-			} : i, c = e.getBoundingClientRect(), l = r.getBoundingClientRect(), u = ne.current?.scrollHeight ?? 0, f = u > 0 ? u + 12 : 0, p = Hr({
+			} : i, c = e.getBoundingClientRect(), l = r.getBoundingClientRect(), u = N.current?.scrollHeight ?? 0, f = u > 0 ? u + 12 : 0, p = Hr({
 				anchorRect: o,
 				frameRect: c,
 				boundaryRect: ei(e),
@@ -3022,7 +3025,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 			return;
 		}
 		let n = () => {
-			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, n = M.current, r = N.current, i = n?.querySelector(`[data-submenu-trigger="${l}"]`);
+			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, n = te.current, r = P.current, i = n?.querySelector(`[data-submenu-trigger="${l}"]`);
 			if (!e || !n || !r || !i) {
 				g(null);
 				return;
@@ -3039,7 +3042,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 			}));
 		};
 		n();
-		let r = ne.current;
+		let r = N.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);
 		};
@@ -3060,7 +3063,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 				c(null), u(null), t.view.focus();
 			}
 		}, r = (e) => {
-			e.target instanceof Node && te.current?.contains(e.target) || (c(null), u(null));
+			e.target instanceof Node && M.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);
@@ -3071,37 +3074,37 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 		s,
 		l
 	]), !e) return null;
-	let ae = (e, t) => {
+	let ie = (e, t) => {
 		let n = s === e && d === t;
 		f(t), c(n ? null : e), u(null);
-	}, I = () => {
+	}, ae = () => {
 		t.view.dispatch(Rr(t.state.tr, null));
-	}, oe = (e, r) => {
-		let i = n.hoverCellPos ?? F?.activeCellPos ?? null, a = n.hoverCellPos === null ? null : e === "row" ? n.hoverVisualRowIndex : n.hoverVisualColumnIndex;
-		i !== null && si(t, i, e, { visualIndex: a }), ae(e, r);
-	}, L = () => {
-		I(), ae("selection", "selection-edge");
-	}, R = $r(t, n, "row", F?.activeCellPos ?? null), z = $r(t, n, "column", F?.activeCellPos ?? null), B = o?.enabled === !0 && typeof o.handler == "function", se = ri(t, "selection", { askAiEnabled: B }).length > 0, ce = s ? ri(t, s, { askAiEnabled: B }) : [], le = async (e, n) => {
+	}, L = (e, r) => {
+		let i = n.hoverCellPos ?? I?.activeCellPos ?? null, a = n.hoverCellPos === null ? null : e === "row" ? n.hoverVisualRowIndex : n.hoverVisualColumnIndex;
+		i !== null && si(t, i, e, { visualIndex: a }), ie(e, r);
+	}, R = () => {
+		ae(), ie("selection", "selection-edge");
+	}, z = $r(t, n, "row", I?.activeCellPos ?? null), B = $r(t, n, "column", I?.activeCellPos ?? null), V = o?.enabled === !0 && typeof o.handler == "function", oe = ri(t, "selection", { askAiEnabled: V }).length > 0, se = s ? ri(t, s, { askAiEnabled: V }) : [], ce = async (e, n) => {
 		let o = await qr({
 			editor: t,
 			commandId: e,
 			menu: n ?? s ?? "selection",
 			messages: r
 		});
-		return o.copyFeedback ? (ee(o.copyFeedback), o.copyPayload && i?.(o.copyPayload)) : ee(null), a?.(o.commandResult), o.success;
+		return o.copyFeedback ? (A(o.copyFeedback), o.copyPayload && i?.(o.copyPayload)) : A(null), a?.(o.commandResult), o.success;
+	}, le = (e) => {
+		!V || !Fr(t, e) || (c(null), u(null));
 	}, ue = (e) => {
-		!B || !Fr(t, e) || (c(null), u(null));
-	}, de = (e) => {
 		s !== "row" && s !== "column" || e(s) && D((e) => e + 1);
-	}, V = (e) => {
-		let r = e === "row" ? R : z, i = n.hoverCellPos ?? F?.activeCellPos ?? null;
-		!r || i === null || pi(t, i, e, { visualIndex: r.index }) && le(e === "row" ? "add-row-after" : "add-column-after", e);
-	}, H = (e, t, n) => {
-		O.current = {
+	}, H = (e) => {
+		let r = e === "row" ? z : B, i = n.hoverCellPos ?? I?.activeCellPos ?? null;
+		!r || i === null || pi(t, i, e, { visualIndex: r.index }) && ce(e === "row" ? "add-row-after" : "add-column-after", e);
+	}, U = (e, t, n) => {
+		ee.current = {
 			axis: e,
 			index: t
-		}, k.current = t, n.dataTransfer.effectAllowed = "move", n.dataTransfer.setData("application/x-markweave-table-axis", `${e}:${t}`);
-	}, fe = (e) => {
+		}, O.current = t, n.dataTransfer.effectAllowed = "move", n.dataTransfer.setData("application/x-markweave-table-axis", `${e}:${t}`);
+	}, de = (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();
@@ -3110,7 +3113,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 		}
 	}, W = s === "row" || s === "column" ? Zr(t, s) : null;
 	return /* @__PURE__ */ Q("div", {
-		ref: te,
+		ref: M,
 		className: "markweave-table-controls",
 		"data-testid": "markweave-table-controls",
 		"aria-label": r.table.controlsAriaLabel,
@@ -3120,29 +3123,29 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 			t.view.dispatch(t.state.tr.setMeta(En, { type: "clear-hover" }));
 		},
 		children: [
-			A ? /* @__PURE__ */ Z("div", {
+			k ? /* @__PURE__ */ Z("div", {
 				className: "markweave-table-copy-feedback",
 				role: "status",
 				"aria-live": "polite",
 				"data-testid": "markweave-table-copy-feedback",
-				"data-copy-kind": A.kind,
-				"data-text-length": A.textLength,
-				"data-html-length": A.htmlLength,
-				children: Jr(A)
+				"data-copy-kind": k.kind,
+				"data-text-length": k.textLength,
+				"data-html-length": k.htmlLength,
+				children: Jr(k)
 			}) : null,
 			_ ? /* @__PURE__ */ Z("button", {
 				type: "button",
-				ref: re,
+				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": R?.index ?? "",
-				"data-axis-selected-cells": R?.selectedCellCount ?? "",
-				"data-axis-visual-cells": R?.visualCellCount ?? "",
-				"data-axis-visual-size": R?.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: _.left,
 					top: _.top,
@@ -3150,31 +3153,31 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 					height: _.height
 				},
 				draggable: !0,
-				onDragStart: (e) => H("row", R?.index ?? 0, e),
+				onDragStart: (e) => U("row", z?.index ?? 0, e),
 				onDragEnd: () => {
-					O.current = null, k.current = null;
+					ee.current = null, O.current = null;
 				},
 				onClick: () => {
-					oe("row", "row-edge");
+					L("row", "row-edge");
 				},
-				children: /* @__PURE__ */ Z(U, {
+				children: /* @__PURE__ */ Z(fe, {
 					"aria-hidden": "true",
 					size: 14
 				})
 			}) : null,
 			y ? /* @__PURE__ */ Z("button", {
 				type: "button",
-				ref: ie,
+				ref: re,
 				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": z?.index ?? "",
-				"data-axis-selected-cells": z?.selectedCellCount ?? "",
-				"data-axis-visual-cells": z?.visualCellCount ?? "",
-				"data-axis-visual-size": z?.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: y.left,
 					top: y.top,
@@ -3182,14 +3185,14 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 					height: y.height
 				},
 				draggable: !0,
-				onDragStart: (e) => H("column", z?.index ?? 0, e),
+				onDragStart: (e) => U("column", B?.index ?? 0, e),
 				onDragEnd: () => {
-					O.current = null, k.current = null;
+					ee.current = null, O.current = null;
 				},
 				onClick: () => {
-					oe("column", "column-edge");
+					L("column", "column-edge");
 				},
-				children: /* @__PURE__ */ Z(U, {
+				children: /* @__PURE__ */ Z(fe, {
 					"aria-hidden": "true",
 					size: 14
 				})
@@ -3207,7 +3210,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 					height: C.height
 				},
 				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => V("row"),
+				onClick: () => H("row"),
 				children: /* @__PURE__ */ Z(he, {
 					"aria-hidden": "true",
 					size: 16
@@ -3226,15 +3229,15 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 					height: T.height
 				},
 				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => V("column"),
+				onClick: () => H("column"),
 				children: /* @__PURE__ */ Z(he, {
 					"aria-hidden": "true",
 					size: 16
 				})
 			}) : null,
-			se && x ? /* @__PURE__ */ Z("button", {
+			oe && x ? /* @__PURE__ */ Z("button", {
 				type: "button",
-				ref: P,
+				ref: F,
 				className: "markweave-table-edge-handle markweave-table-edge-handle--selection",
 				"aria-label": r.table.selectionActions,
 				"aria-expanded": s === "selection" && d === "selection-edge",
@@ -3248,14 +3251,14 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 					height: x.height
 				},
 				onMouseDown: (e) => e.preventDefault(),
-				onClick: L,
-				children: /* @__PURE__ */ Z(U, {
+				onClick: R,
+				children: /* @__PURE__ */ Z(fe, {
 					"aria-hidden": "true",
 					size: 14
 				})
 			}) : null,
 			s ? /* @__PURE__ */ Q("div", {
-				ref: M,
+				ref: te,
 				className: "markweave-table-menu",
 				role: "menu",
 				"aria-label": di(s, r),
@@ -3267,14 +3270,14 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 					left: p.left,
 					top: p.top
 				} : void 0,
-				onKeyDown: fe,
+				onKeyDown: de,
 				children: [
 					/* @__PURE__ */ Z("div", {
-						ref: ne,
+						ref: N,
 						className: "markweave-table-menu-scroll",
 						style: p ? { maxHeight: Math.max(1, p.maxHeight - 12) } : void 0,
-						children: ce.map((e, n) => {
-							let i = ti(e), a = n === 0 ? i : ti(ce[n - 1]), o = n > 0 && a !== i, d = s === "row" || s === "column" ? s : "selection", f = e.submenuId ? !0 : e.id === "edit-with-ai" ? B && wr(t, d) : e.commandId === null ? !1 : Kr(t, e.commandId), p = ni(e, r), m = Wa[e.icon];
+						children: se.map((e, n) => {
+							let i = ti(e), a = n === 0 ? i : ti(se[n - 1]), o = n > 0 && a !== i, d = s === "row" || s === "column" ? s : "selection", f = e.submenuId ? !0 : e.id === "edit-with-ai" ? V && wr(t, d) : e.commandId === null ? !1 : Kr(t, e.commandId), p = ni(e, r), m = Wa[e.icon];
 							return /* @__PURE__ */ Q("button", {
 								type: "button",
 								role: "menuitem",
@@ -3283,14 +3286,14 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 								"aria-haspopup": e.submenuId ? "menu" : void 0,
 								"aria-expanded": e.submenuId ? l === e.submenuId : void 0,
 								disabled: !f,
-								title: e.id === "edit-with-ai" && B && !f ? r.askAi.tableMergedUnsupported : void 0,
+								title: e.id === "edit-with-ai" && V && !f ? r.askAi.tableMergedUnsupported : void 0,
 								"data-menu-group": i,
 								"data-starts-group": o ? "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: (t) => {
-									t.preventDefault(), f && e.id === "edit-with-ai" && ue(d);
+									t.preventDefault(), f && e.id === "edit-with-ai" && le(d);
 								},
 								onMouseEnter: () => u(e.submenuId),
 								onClick: (t) => {
@@ -3300,10 +3303,10 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 											return;
 										}
 										if (e.commandId === null) {
-											t.detail === 0 && ue(d);
+											t.detail === 0 && le(d);
 											return;
 										}
-										le(e.commandId).finally(() => {
+										ce(e.commandId).finally(() => {
 											c(null), u(null);
 										});
 									}
@@ -3331,7 +3334,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 						})
 					}),
 					l === "color" && (s === "row" || s === "column") ? /* @__PURE__ */ Q("div", {
-						ref: N,
+						ref: P,
 						className: "markweave-table-submenu markweave-table-color-menu",
 						role: "menu",
 						"aria-label": r.table.submenus.color,
@@ -3343,7 +3346,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 							top: h.top,
 							maxHeight: h.maxHeight
 						} : void 0,
-						onKeyDown: fe,
+						onKeyDown: de,
 						children: [
 							/* @__PURE__ */ Z("div", {
 								className: "markweave-table-submenu-title",
@@ -3356,7 +3359,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 								"data-active": W?.textColorId === e.id ? "true" : "false",
 								"data-testid": `markweave-table-text-color-${e.id}`,
 								onMouseDown: (e) => e.preventDefault(),
-								onClick: () => de((n) => Vr(t, n, e.id)),
+								onClick: () => ue((n) => Vr(t, n, e.id)),
 								children: [/* @__PURE__ */ Z("span", {
 									className: "markweave-table-color-swatch markweave-table-text-color-swatch",
 									"aria-hidden": "true",
@@ -3375,7 +3378,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 								"data-active": W?.backgroundColorId === e.id ? "true" : "false",
 								"data-testid": `markweave-table-background-color-${e.id}`,
 								onMouseDown: (e) => e.preventDefault(),
-								onClick: () => de((n) => Br(t, n, e.id)),
+								onClick: () => ue((n) => Br(t, n, e.id)),
 								children: [/* @__PURE__ */ Z("span", {
 									className: "markweave-table-color-swatch",
 									"aria-hidden": "true",
@@ -3385,7 +3388,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 						]
 					}) : null,
 					l === "alignment" && (s === "row" || s === "column") ? /* @__PURE__ */ Q("div", {
-						ref: N,
+						ref: P,
 						className: "markweave-table-submenu markweave-table-alignment-menu",
 						role: "menu",
 						"aria-label": r.table.submenus.alignment,
@@ -3397,7 +3400,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 							top: h.top,
 							maxHeight: h.maxHeight
 						} : void 0,
-						onKeyDown: fe,
+						onKeyDown: de,
 						children: [
 							ui.map((e) => {
 								let n = Ga[e], i = W?.textAlign === e;
@@ -3408,7 +3411,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 									"data-active": i ? "true" : "false",
 									"data-testid": `markweave-table-alignment-${e}`,
 									onMouseDown: (e) => e.preventDefault(),
-									onClick: () => de((n) => zr(t, n, e)),
+									onClick: () => ue((n) => zr(t, n, e)),
 									children: [/* @__PURE__ */ Z(n, {
 										"aria-hidden": "true",
 										size: 18,
@@ -3426,7 +3429,7 @@ function Ka({ active: e, editor: t, interactionState: n = Tn, messages: r = Ua,
 									"data-active": i ? "true" : "false",
 									"data-testid": `markweave-table-alignment-${e}`,
 									onMouseDown: (e) => e.preventDefault(),
-									onClick: () => de((n) => zr(t, n, e)),
+									onClick: () => ue((n) => zr(t, n, e)),
 									children: [/* @__PURE__ */ Z(n, {
 										"aria-hidden": "true",
 										size: 18,
@@ -3576,48 +3579,48 @@ function no(e) {
 	}
 	globalThis.clearTimeout(e);
 }
-function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autofocus: o = !1, content: c, contentFormat: l, defaultContent: u = "", defaultContentFormat: d, editable: f = !0, innerToc: p = !0, innerTocPlacement: m, lang: h, mode: g = "live", theme: _, canvasColor: v, onEditWithAi: y, onExtractToNote: b, onRewriteSelection: x, onAiEditControllerChange: S, onRuntimeStateChange: C, onSearchControllerChange: w, onSlashCommandUpload: T, onTableCommandResult: E, onTableCopyPayload: D, onTocChange: O, onUpdate: k, linkCardResolver: A, resolveMediaSource: ee } = {}) {
-	let j = rt(g), te = Ci(_), M = Si(v), ne = yi(m), N = j === "live" && f !== !1, re = Ct(c === void 0 ? d : l), ie = c ?? u, P = typeof ie == "string" && ie.length >= 2e5, F = c === void 0 && re === "markdown" && P && typeof ie == "string", ae = J(F ? ie : null), [I, oe] = Y(F), L = J({
+function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autofocus: o = !1, content: c, contentFormat: l, defaultContent: u = "", defaultContentFormat: d, editable: f = !0, innerToc: p = !0, innerTocPlacement: m, lang: h, mode: g = "live", theme: _, canvasColor: v, onEditWithAi: y, onExtractToNote: b, onRewriteSelection: x, onAiEditControllerChange: S, onRuntimeStateChange: C, onSearchControllerChange: w, onSlashCommandUpload: T, onTableCommandResult: E, onTableCopyPayload: D, onTocChange: ee, onUpdate: O, linkCardResolver: k, resolveMediaSource: A } = {}) {
+	let j = rt(g), M = Ci(_), te = Si(v), N = yi(m), P = j === "live" && f !== !1, ne = Ct(c === void 0 ? d : l), re = c ?? u, F = typeof re == "string" && re.length >= 2e5, I = c === void 0 && ne === "markdown" && F && typeof re == "string", ie = J(I ? re : null), [ae, L] = Y(I), R = J({
 		editorMode: j,
-		effectiveEditable: N
+		effectiveEditable: P
 	});
-	L.current = {
+	R.current = {
 		editorMode: j,
-		effectiveEditable: N
+		effectiveEditable: P
 	};
-	let R = J(null);
-	R.current === null && (R.current = r(h));
-	let z = R.current, B = q(() => n(z), [z]), se = q(() => t(z), [z]), ce = J(T);
-	ce.current = T;
-	let le = J(w);
-	le.current = w;
-	let ue = J(S);
-	ue.current = S;
-	let de = J(A);
-	de.current = A;
-	let V = q(() => Yi({
-		lang: z,
+	let z = J(null);
+	z.current === null && (z.current = r(h));
+	let B = z.current, V = q(() => n(B), [B]), oe = q(() => t(B), [B]), se = J(T);
+	se.current = T;
+	let ce = J(w);
+	ce.current = w;
+	let le = J(S);
+	le.current = S;
+	let ue = J(k);
+	ue.current = k;
+	let H = q(() => Yi({
+		lang: B,
 		onImageUpload: (e) => {
-			if (ce.current) return ce.current(e);
+			if (se.current) return se.current(e);
 			let t = Be(e);
 			if (!t) throw Error("File upload requires an upload handler.");
 			return t;
 		},
 		onVideoUpload: (e) => {
-			if (ce.current) return ce.current(e);
+			if (se.current) return se.current(e);
 			let t = Be(e);
 			if (!t) throw Error("File upload requires an upload handler.");
 			return t;
 		},
-		linkCardResolver: (e) => de.current?.(e) ?? Promise.resolve(null),
-		resolveMediaSource: ee
-	}), [ee, z]), [H, fe] = Y(null), [U, W] = Y(yn), [pe, me] = Y(null), [he, ge] = Y(null), [_e, ve] = Y("code"), [ye, be] = Y(null), [xe, Se] = Y(Tn), [Ce, we] = Y(null), [Te, Ee] = Y(0), De = J(!1), Oe = J({
+		linkCardResolver: (e) => ue.current?.(e) ?? Promise.resolve(null),
+		resolveMediaSource: A
+	}), [A, B]), [U, de] = Y(null), [fe, W] = Y(yn), [pe, me] = Y(null), [he, ge] = Y(null), [_e, ve] = Y("code"), [ye, be] = Y(null), [xe, Se] = Y(Tn), [Ce, we] = Y(null), [Te, Ee] = Y(0), De = J(!1), Oe = J({
 		content: c,
-		format: re
-	}), ke = J(null), Ae = J(null), je = J({ onUpdate: k }), Me = q(() => ln(U.query, se), [se, U.query]);
-	je.current = { onUpdate: k }, Oe.current = {
+		format: ne
+	}), ke = J(null), Ae = J(null), je = J({ onUpdate: O }), Me = q(() => ln(fe.query, oe), [oe, fe.query]);
+	je.current = { onUpdate: O }, Oe.current = {
 		content: c,
-		format: re
+		format: ne
 	};
 	let Ne = G(() => {
 		Ae.current !== null && (window.clearTimeout(Ae.current), Ae.current = null), Ee((e) => e + 1);
@@ -3649,7 +3652,7 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 		me((e) => pn(e, a) ? e : a), W((e) => hn(e, t));
 	}, []), Le = G((e) => Ie(e.view), [Ie]), Re = G((e) => {
 		let t = jt(e);
-		fe((e) => Dt(e, t) ? e : t);
+		de((e) => Dt(e, t) ? e : t);
 		let n = rn(e);
 		n && (on(e, n, !0), be(n));
 		let r = zt(e);
@@ -3658,27 +3661,27 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 		Se($a(e));
 	}, []), X = s({
 		shouldRerenderOnTransaction: !1,
-		extensions: V,
-		content: F ? "" : ie,
-		contentType: bt(re),
-		editable: N,
+		extensions: H,
+		content: I ? "" : re,
+		contentType: bt(ne),
+		editable: P,
 		autofocus: o,
 		editorProps: {
 			attributes: {
 				class: "markweave-editor-surface",
 				"data-testid": "markweave-editor-surface",
-				"data-markweave-large-document": P ? "true" : "false",
+				"data-markweave-large-document": F ? "true" : "false",
 				autocapitalize: "off",
 				autocorrect: "off",
 				spellcheck: "false",
 				translate: "no"
 			},
-			handleClick: (e, t, n) => L.current.effectiveEditable ? !1 : wt(n),
+			handleClick: (e, t, n) => R.current.effectiveEditable ? !1 : wt(n),
 			handleDOMEvents: {
-				compositionstart: () => L.current.effectiveEditable ? (W((e) => bn(e, { type: "composition-start" })), me(null), !1) : !1,
-				compositionend: (e) => (L.current.effectiveEditable && window.setTimeout(() => Ie(e), 0), !1),
+				compositionstart: () => R.current.effectiveEditable ? (W((e) => bn(e, { type: "composition-start" })), me(null), !1) : !1,
+				compositionend: (e) => (R.current.effectiveEditable && window.setTimeout(() => Ie(e), 0), !1),
 				click: (e, t) => {
-					if (L.current.effectiveEditable) {
+					if (R.current.effectiveEditable) {
 						let n = nn(e, t);
 						return n ? (t.preventDefault(), t.stopPropagation(), Fe(), sn(e, n, !0), cn(e, n), be(n), !0) : (be(null), !1);
 					}
@@ -3690,7 +3693,7 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 			Re(e);
 		},
 		onCreate: ({ editor: e }) => {
-			a && L.current.effectiveEditable && Sn(e), ze(e), Re(e), Ne();
+			a && R.current.effectiveEditable && Sn(e), ze(e), Re(e), Ne();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
 			ze(e), (t.docChanged || Gt(t)) && Pe(), t.docChanged && be((t) => {
@@ -3700,7 +3703,7 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 			});
 		},
 		onUpdate: ({ editor: e }) => {
-			Re(e), L.current.effectiveEditable && Le(e), De.current || je.current.onUpdate?.(yt(e, { onContentRead: (t, n) => {
+			Re(e), R.current.effectiveEditable && Le(e), De.current || je.current.onUpdate?.(yt(e, { onContentRead: (t, n) => {
 				let r = Oe.current;
 				r.content !== void 0 && t === r.format && (ke.current = {
 					content: n,
@@ -3711,7 +3714,7 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 		}
 	});
 	K(() => {
-		let e = ae.current;
+		let e = ie.current;
 		if (!X || !e) return;
 		let t = !1;
 		return (async () => {
@@ -3726,7 +3729,7 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 					X.view.dispatch(a.setMeta("addToHistory", !1)), n = !1;
 				}
 				if (t) return;
-				Re(X), ze(X), Ne(), ae.current = null, oe(!1);
+				Re(X), ze(X), Ne(), ie.current = null, L(!1);
 			} finally {
 				De.current = !1;
 			}
@@ -3734,7 +3737,7 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 			t || (X.commands.setContent(e, {
 				contentType: "markdown",
 				emitUpdate: !1
-			}), ae.current = null, oe(!1));
+			}), ie.current = null, L(!1));
 		}), () => {
 			t = !0;
 		};
@@ -3744,30 +3747,30 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 		Re,
 		ze
 	]), K(() => {
-		if (X) return le.current?.(Ti(X)), () => {
-			le.current?.(null);
+		if (X) return ce.current?.(Ti(X)), () => {
+			ce.current?.(null);
 		};
 	}, [X]), K(() => {
-		if (X) return ue.current?.(Ei(X)), () => {
-			ue.current?.(null);
+		if (X) return le.current?.(Ei(X)), () => {
+			le.current?.(null);
 		};
 	}, [X]), K(() => {
 		if (!X) return;
-		let e = N && !I;
+		let e = P && !ae;
 		X.setEditable(e), it(X, {
 			mode: j,
 			editable: e
-		}), qt(X, e ? "live" : "view"), Ne(), N || Fe();
+		}), qt(X, e ? "live" : "view"), Ne(), P || Fe();
 	}, [
 		Fe,
 		X,
 		j,
-		N,
+		P,
 		Ne,
-		I
+		ae
 	]), K(() => {
-		X && Kt(X, te);
-	}, [X, te]), K(() => {
+		X && Kt(X, M);
+	}, [X, M]), K(() => {
 		let e = Ct(l);
 		if (!(!X || c === void 0)) {
 			if (St(X, ke.current, c, e)) {
@@ -3777,12 +3780,12 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 			ke.current = null, !xt(X, c, e) && (De.current = !0, X.commands.setContent(c, {
 				contentType: bt(e),
 				emitUpdate: !1
-			}), De.current = !1, Re(X), N && Le(X), ze(X), Ne());
+			}), De.current = !1, Re(X), P && Le(X), ze(X), Ne());
 		}
 	}, [
 		c,
 		l,
-		N,
+		P,
 		X,
 		Ne,
 		Re,
@@ -3813,13 +3816,13 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 	let He = q(() => X ? zt(X) : Za, [
 		X,
 		Te,
-		H
+		U
 	]), Ue = q(() => X ? Cn(X.state) : Xa, [
 		X,
 		Te,
-		H,
+		U,
 		xe
-	]), We = H?.currentNode === "codeBlock", Ge = We && He.language === "mermaid", Ke = q(() => X ? Yt({
+	]), We = U?.currentNode === "codeBlock", Ge = We && He.language === "mermaid", Ke = q(() => X ? Yt({
 		active: Ge,
 		mode: _e,
 		source: He.text
@@ -3863,10 +3866,10 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 	let Qe = q(() => Tt({
 		revision: Te,
 		mode: j,
-		editable: N,
+		editable: P,
 		toc: Xe,
-		selection: H,
-		slash: U,
+		selection: U,
+		slash: fe,
 		table: Ue,
 		tableInteraction: xe,
 		codeBlock: He,
@@ -3875,11 +3878,11 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 	}), [
 		He,
 		j,
-		N,
+		P,
 		Ke,
 		Te,
-		H,
 		U,
+		fe,
 		qe,
 		Ue,
 		xe,
@@ -3888,21 +3891,21 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 	K(() => {
 		C?.(Qe);
 	}, [C, Qe]), K(() => {
-		O?.(Xe);
-	}, [O, Xe]);
+		ee?.(Xe);
+	}, [ee, Xe]);
 	let $e = G((e, t) => {
-		if (!(!X || !N) && un(e)) {
+		if (!(!X || !P) && un(e)) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
 				ge(e);
 				return;
 			}
-			mn(X, U, e, t), W((e) => bn(e, { type: "execute" })), Fe();
+			mn(X, fe, e, t), W((e) => bn(e, { type: "execute" })), Fe();
 		}
 	}, [
 		Fe,
-		N,
+		P,
 		X,
-		U
+		fe
 	]), et = G((e) => {
 		W((t) => bn(t, {
 			type: "set-active",
@@ -3910,8 +3913,8 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 			optionCount: Me.length
 		}));
 	}, [Me.length]), tt = G((e) => {
-		if (!X || he || !N) return;
-		let t = dn(U, Me, e.key, { isComposing: e.nativeEvent.isComposing || _t(X.state) });
+		if (!X || he || !P) return;
+		let t = dn(fe, Me, e.key, { isComposing: e.nativeEvent.isComposing || _t(X.state) });
 		if (t.type !== "ignore") {
 			if (t.type === "close") {
 				e.preventDefault(), W((e) => bn(e, { type: "escape" })), Fe();
@@ -3929,12 +3932,12 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 		}
 	}, [
 		Fe,
-		N,
+		P,
 		X,
 		Me,
 		$e,
 		he,
-		U
+		fe
 	]), nt = q(() => ({
 		closeSlashMenu: Fe,
 		focusFirstTableBodyCell: () => X ? Sn(X) : !1,
@@ -3944,11 +3947,11 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 			return X.commands.setContent(e, {
 				contentType: bt(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && Sn(X), Re(X), N && Le(X), ze(X), Ne(), !0;
+			}), t.focusFirstTableBodyCell && Sn(X), Re(X), P && Le(X), ze(X), Ne(), !0;
 		}
 	}), [
 		Fe,
-		N,
+		P,
 		X,
 		Ne,
 		Re,
@@ -3959,15 +3962,15 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 		editor: X,
 		frameProps: q(() => ({
 			className: "markweave-editor-frame",
-			"aria-label": i ?? B.common.editorAriaLabel,
+			"aria-label": i ?? V.common.editorAriaLabel,
 			"data-testid": "markweave-editor-frame",
 			"data-markweave-mode": j,
-			"aria-busy": I,
-			"data-markweave-large-document-loading": I ? "true" : "false",
-			"data-markweave-theme": te,
-			style: M ? { "--markweave-canvas": M } : void 0,
+			"aria-busy": ae,
+			"data-markweave-large-document-loading": ae ? "true" : "false",
+			"data-markweave-theme": M,
+			style: te ? { "--markweave-canvas": te } : void 0,
 			"data-markweave-inner-toc": p ? "true" : "false",
-			"data-markweave-inner-toc-placement": ne,
+			"data-markweave-inner-toc-placement": N,
 			"data-mermaid-mode": Ke.mode,
 			"data-table-focus-mode": Ue.mode,
 			onKeyDownCapture: tt
@@ -3976,78 +3979,78 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 			j,
 			tt,
 			p,
-			I,
+			ae,
 			Ke.mode,
-			B.common.editorAriaLabel,
-			M,
-			ne,
+			V.common.editorAriaLabel,
 			te,
+			N,
+			M,
 			Ue.mode
 		]),
 		overlayProps: q(() => ({
-			floatingToolbar: X && N ? {
+			floatingToolbar: X && P ? {
 				editor: X,
-				lang: z,
-				messages: B,
-				selectionSnapshot: H,
+				lang: B,
+				messages: V,
+				selectionSnapshot: U,
 				askAi: e,
 				onRewriteSelection: x,
 				onExtractToNote: b
 			} : null,
-			slashCommandMenu: X && N ? {
+			slashCommandMenu: X && P ? {
 				commands: Me,
-				state: U,
+				state: fe,
 				position: pe,
 				inputCommand: he,
-				messages: B,
+				messages: V,
 				onActiveIndexChange: et,
 				onInputCommandChange: ge,
 				onSelect: $e,
 				onUpload: T
 			} : null,
-			tableControls: X && N ? {
+			tableControls: X && P ? {
 				editor: X,
 				active: Ue.active,
 				interactionState: xe,
-				messages: B,
+				messages: V,
 				onCopyPayload: D,
 				onCommandResult: E,
 				onEditWithAi: y,
 				askAi: e
 			} : null,
-			tableSelectionOverlay: X && N ? {
+			tableSelectionOverlay: X && P ? {
 				editor: X,
 				focusState: Ue
 			} : null,
 			codeBlockControls: X ? {
 				editor: X,
-				active: N && We,
+				active: P && We,
 				mermaidMode: _e,
 				onMermaidModeChange: ve,
-				readOnly: !N
+				readOnly: !P
 			} : null,
 			innerToc: X && p && Xe.items.length ? {
 				editor: X,
-				editable: N,
-				messages: B,
-				placement: ne,
+				editable: P,
+				messages: V,
+				placement: N,
 				state: Xe
 			} : null,
-			mathEditorPopover: X && N && ye ? {
+			mathEditorPopover: X && P && ye ? {
 				editor: X,
-				messages: B,
+				messages: V,
 				target: ye,
 				onClose: () => be(null)
 			} : null
 		}), [
-			N,
+			P,
 			e,
 			X,
 			Me,
 			p,
 			We,
 			_e,
-			B,
+			V,
 			ye,
 			y,
 			b,
@@ -4056,11 +4059,11 @@ function ro({ askAi: e, ariaLabel: i, autoFocusFirstTableBodyCell: a = !1, autof
 			E,
 			D,
 			$e,
-			H,
+			U,
 			et,
 			he,
 			pe,
-			U,
+			fe,
 			Ue,
 			xe,
 			Xe