@markweave/vue2 0.3.7 → 0.3.9

package/dist/index.js

@@ -10,14 +10,14 @@ import { normalizeMarkweaveLinkCardAttrs as _, normalizeMarkweaveLinkCardHref as
 import { openMarkweaveImagePreview as b } from "markweave/internal/plugins/media/image-preview";
 import { createMarkweaveLightweightImageNodeViewRenderer as x } from "markweave/internal/plugins/media/lightweight-image-node-view";
 import { resolveMarkweaveMediaSource as S } from "markweave/internal/plugins/media/media-source";
-import { MarkweaveCoreImage as C, MarkweaveCoreVideo as w, attrsFromMarkweaveImageUploadResult as T, attrsFromMarkweaveVideoUploadResult as E, attrsFromMarkweaveVideoUrl as D, clampMarkweaveImageWidth as O, createMarkweaveImageUploadRequest as k, createMarkweaveVideoUploadRequest as A, downloadMarkweaveImage as j, markweaveVideoIframeAllow as M, normalizeMarkweaveCoreImageAlign as N, normalizeMarkweaveVideoEmbedUrl as P, numberAttribute as F, stringAttribute as I } from "markweave/internal/plugins/media/core-media-nodes";
-import { detectUploadSource as L, getDirectUploadResult as ee, resolveMarkweaveUploadResult as R } from "markweave/internal/plugins/slash-command/upload";
-import { createMarkweaveAiEditController as z } from "markweave";
-import { BubbleMenu as te } from "@tiptap/vue-2/menus";
-import { isEditorComposing as B } from "markweave/internal/editor-core/composition-guard";
-import { saveMarkweaveBrowserFile as ne } from "markweave/internal/core/browser-file-save";
-import { createMarkweaveFrameScheduler as V } from "markweave/internal/editor-core/frame-scheduler";
-import { createMarkweaveEditorUpdatePayload as re, getMarkweaveContentType as ie, isEditorContentCurrent as ae, isMarkweaveControlledContentEchoCurrent as oe, normalizeMarkweaveContentFormat as se } from "markweave/internal/editor-core/editor-content";
+import { MarkweaveCoreImage as C, MarkweaveCoreVideo as w, attrsFromMarkweaveImageUploadResult as T, attrsFromMarkweaveVideoUploadResult as E, attrsFromMarkweaveVideoUrl as D, clampMarkweaveImageWidth as O, createMarkweaveImageUploadRequest as k, createMarkweaveVideoUploadRequest as A, downloadMarkweaveImage as j, markweaveVideoIframeAllow as M, normalizeMarkweaveCoreImageAlign as ee, normalizeMarkweaveVideoEmbedUrl as N, numberAttribute as P, stringAttribute as F } from "markweave/internal/plugins/media/core-media-nodes";
+import { detectUploadSource as I, getDirectUploadResult as L, resolveMarkweaveUploadResult as te } from "markweave/internal/plugins/slash-command/upload";
+import { createMarkweaveAiEditController as R } from "markweave";
+import { BubbleMenu as z } from "@tiptap/vue-2/menus";
+import { isEditorComposing as ne } from "markweave/internal/editor-core/composition-guard";
+import { saveMarkweaveBrowserFile as re } from "markweave/internal/core/browser-file-save";
+import { createMarkweaveFrameScheduler as B } from "markweave/internal/editor-core/frame-scheduler";
+import { createMarkweaveEditorUpdatePayload as ie, getMarkweaveContentType as ae, isEditorContentCurrent as oe, isMarkweaveControlledContentEchoCurrent as se, normalizeMarkweaveContentFormat as V } from "markweave/internal/editor-core/editor-content";
 import { getCurrentFloatingToolbarBlockType as ce, getFloatingToolbarHighlightColorOptions as le, getFloatingToolbarMoreActions as ue, getFloatingToolbarTextColorOptions as de, getFloatingToolbarTurnIntoOptions as fe, runFloatingToolbarMoreAction as pe, setFloatingToolbarTurnInto as me } from "markweave/internal/editor-core/floating-toolbar-model";
 import { openMarkweaveReadonlyLinkFromEvent as he } from "markweave/internal/editor-core/readonly-link";
 import { createMarkweaveEditorRuntimeSnapshot as ge } from "markweave/internal/editor-core/runtime-snapshot";
@@ -1536,7 +1536,7 @@ function X(e) {
 		}
 	});
 }
-var ar = X("AlignCenter"), or = X("AlignJustify"), sr = X("AlignLeft"), cr = X("AlignRight"), lr = X("AlignVerticalJustifyCenter"), ur = X("AlignVerticalJustifyEnd"), dr = X("AlignVerticalJustifyStart"), fr = X("AlertTriangle"), pr = X("ArrowDown"), mr = X("ArrowDownAZ"), hr = X("ArrowLeft"), gr = X("ArrowRight"), _r = X("ArrowUp"), vr = X("ArrowUpZA"), yr = X("BetweenHorizontalEnd"), br = X("BetweenHorizontalStart"), xr = X("BetweenVerticalEnd"), Sr = X("BetweenVerticalStart"), Cr = X("Bold"), wr = X("Braces"), Tr = X("Captions"), Er = X("Check"), Dr = X("CheckCircle2"), Or = X("ChevronDown"), kr = X("ChevronRight"), Ar = X("ChevronUp"), jr = X("CircleX"), Mr = X("Code2"), Nr = X("CornerDownLeft"), Pr = X("Copy"), Fr = X("Download"), Ir = X("Eye"), Lr = X("ExternalLink"), Rr = X("Heading1"), zr = X("Heading2"), Br = X("Heading3"), Vr = X("Image"), Hr = X("ImageUp"), Ur = X("IndentDecrease"), Wr = X("IndentIncrease"), Gr = X("Info"), Kr = X("Italic"), qr = X("Lightbulb"), Jr = X("Link2"), Yr = X("List"), Xr = X("ListChecks"), Zr = X("ListOrdered"), Qr = X("Minus"), $r = X("MoreVertical"), ei = X("PaintBucket"), ti = X("Paperclip"), ni = X("PencilLine"), ri = X("Plus"), ii = X("Quote"), ai = X("Replace"), oi = X("RotateCcw"), si = X("Sigma"), ci = X("SmilePlus"), li = X("Sparkles"), ui = X("Square"), di = X("SquareX"), fi = X("Strikethrough"), pi = X("Subscript"), mi = X("Superscript"), hi = X("Table2"), gi = X("TableCellsMerge"), _i = X("TableCellsSplit"), vi = X("Text"), yi = X("Trash2"), bi = X("Type"), xi = X("Underline"), Si = X("Upload"), Ci = X("Video"), wi = X("X"), Ti = N;
+var ar = X("AlignCenter"), or = X("AlignJustify"), sr = X("AlignLeft"), cr = X("AlignRight"), lr = X("AlignVerticalJustifyCenter"), ur = X("AlignVerticalJustifyEnd"), dr = X("AlignVerticalJustifyStart"), fr = X("AlertTriangle"), pr = X("ArrowDown"), mr = X("ArrowDownAZ"), hr = X("ArrowLeft"), gr = X("ArrowRight"), _r = X("ArrowUp"), vr = X("ArrowUpZA"), yr = X("BetweenHorizontalEnd"), br = X("BetweenHorizontalStart"), xr = X("BetweenVerticalEnd"), Sr = X("BetweenVerticalStart"), Cr = X("Bold"), wr = X("Braces"), Tr = X("Captions"), Er = X("Check"), Dr = X("CheckCircle2"), Or = X("ChevronDown"), kr = X("ChevronRight"), Ar = X("ChevronUp"), jr = X("CircleX"), Mr = X("Code2"), Nr = X("CornerDownLeft"), Pr = X("Copy"), Fr = X("Download"), Ir = X("Eye"), Lr = X("ExternalLink"), Rr = X("Heading1"), zr = X("Heading2"), Br = X("Heading3"), Vr = X("Image"), Hr = X("ImageUp"), Ur = X("IndentDecrease"), Wr = X("IndentIncrease"), Gr = X("Info"), Kr = X("Italic"), qr = X("Lightbulb"), Jr = X("Link2"), Yr = X("List"), Xr = X("ListChecks"), Zr = X("ListOrdered"), Qr = X("Minus"), $r = X("MoreVertical"), ei = X("PaintBucket"), ti = X("Paperclip"), ni = X("PencilLine"), ri = X("Plus"), ii = X("Quote"), ai = X("Replace"), oi = X("RotateCcw"), si = X("Sigma"), ci = X("SmilePlus"), li = X("Sparkles"), ui = X("Square"), di = X("SquareX"), fi = X("Strikethrough"), pi = X("Subscript"), mi = X("Superscript"), hi = X("Table2"), gi = X("TableCellsMerge"), _i = X("TableCellsSplit"), vi = X("Text"), yi = X("Trash2"), bi = X("Type"), xi = X("Underline"), Si = X("Upload"), Ci = X("Video"), wi = X("X"), Ti = ee;
 function Ei(e) {
 	let t = e.view.dom.closest(".markweave-editor-frame"), n = () => {
 		let n = t?.getAttribute("data-markweave-mode");
@@ -1772,7 +1772,7 @@ var Pi = Y({
 		}
 	},
 	setup(e) {
-		let t = U(null), r = U(!1), i = U(!1), a = U(!1), o = U(""), c = U(null), l = U(!1), u = G(() => e.node.attrs), f = U(!!I(u.value.caption)), p = U(I(u.value.caption) ?? ""), m = Ei(e.editor), h = G(() => d(m.value)), g = G(() => e.extension.options?.messages ?? n("zh")), _ = G(() => g.value.image), v = G(() => I(u.value.src)), y = G(() => e.extension.options?.resolveMediaSource), x = U(null), C = null;
+		let t = U(null), r = U(!1), i = U(!1), a = U(!1), o = U(""), c = U(null), l = U(!1), u = G(() => e.node.attrs), f = U(!!F(u.value.caption)), p = U(F(u.value.caption) ?? ""), m = Ei(e.editor), h = G(() => d(m.value)), g = G(() => e.extension.options?.messages ?? n("zh")), _ = G(() => g.value.image), v = G(() => F(u.value.src)), y = G(() => e.extension.options?.resolveMediaSource), x = U(null), C = null;
 		K(v, (t) => {
 			if (C?.abort(), C = null, !t) {
 				x.value = null;
@@ -1793,10 +1793,10 @@ var Pi = Y({
 				r.signal.aborted || (x.value = e);
 			});
 		}, { immediate: !0 }), q(() => C?.abort());
-		let w = G(() => x.value?.src ?? (y.value ? null : v.value)), E = G(() => Ti(u.value.align)), D = G(() => F(u.value.width)), A = G(() => I(u.value.caption)), M = G(() => h.value && (!v.value || i.value)), N = () => {
+		let w = G(() => x.value?.src ?? (y.value ? null : v.value)), E = G(() => Ti(u.value.align)), D = G(() => P(u.value.width)), A = G(() => F(u.value.caption)), M = G(() => h.value && (!v.value || i.value)), ee = () => {
 			w.value && b({
 				src: w.value,
-				alt: I(u.value.alt) ?? "",
+				alt: F(u.value.alt) ?? "",
 				messages: {
 					dialogAriaLabel: _.value.previewDialogAriaLabel,
 					zoomOut: _.value.previewZoomOut,
@@ -1809,45 +1809,45 @@ var Pi = Y({
 		K(A, (e) => {
 			f.value || (p.value = e ?? "");
 		});
-		let P = () => {
+		let N = () => {
 			if (!h.value) return;
 			let t = e.getPos();
 			typeof t == "number" && e.editor.chain().focus().setNodeSelection(t).run();
-		}, ee = () => {
+		}, L = () => {
 			if (o.value = "", c.value = null, a.value = !1, v.value) {
 				i.value = !1;
 				return;
 			}
 			e.deleteNode();
-		}, z = async (t) => {
+		}, R = async (t) => {
 			if (!h.value) return;
 			let n = e.extension.options;
 			l.value = !0, c.value = null;
 			try {
-				let r = await R(k(t, v.value && i.value ? "image-replace" : "image-insert"), n?.onUpload);
+				let r = await te(k(t, v.value && i.value ? "image-replace" : "image-insert"), n?.onUpload);
 				e.updateAttributes(T(u.value, r)), o.value = "", i.value = !1;
 			} catch (e) {
 				c.value = e instanceof Error ? e.message : _.value.uploadFailedError;
 			} finally {
 				l.value = !1, a.value = !1;
 			}
-		}, te = () => {
+		}, z = () => {
 			if (!o.value.trim()) {
 				c.value = _.value.uploadRequiredError;
 				return;
 			}
-			z(L(o.value));
-		}, B = (e) => {
-			z({
+			R(I(o.value));
+		}, ne = (e) => {
+			R({
 				type: "file",
 				file: e,
 				mimeType: e.type || "image/*"
 			});
-		}, ne = () => {
+		}, re = () => {
 			f.value = !f.value, f.value && (p.value = A.value ?? "");
-		}, V = (n, r) => {
+		}, B = (n, r) => {
 			if (!h.value || !v.value) return;
-			r.preventDefault(), r.stopPropagation(), P();
+			r.preventDefault(), r.stopPropagation(), N();
 			let i = t.value;
 			if (!i) return;
 			let a = r.clientX, o = i.getBoundingClientRect().width || D.value || 320, s = i.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? i.parentElement?.getBoundingClientRect().width ?? o, c = (t) => {
@@ -1875,9 +1875,9 @@ var Pi = Y({
 			onInputValue: (e) => {
 				o.value = e;
 			},
-			onFile: B,
-			onSubmit: te,
-			onCancel: ee,
+			onFile: ne,
+			onSubmit: z,
+			onCancel: L,
 			onDragActive: (e) => {
 				a.value = e;
 			}
@@ -1896,7 +1896,7 @@ var Pi = Y({
 				r.value = !1;
 			},
 			onMousedown: (e) => {
-				h.value && !Di(e.target) && P();
+				h.value && !Di(e.target) && N();
 			}
 		}, () => [
 			h.value ? H("div", {
@@ -1935,13 +1935,13 @@ var Pi = Y({
 					label: _.value.caption,
 					icon: Tr,
 					active: f.value || !!A.value,
-					onClick: ne
+					onClick: re
 				}),
 				ji({
 					testId: "markweave-image-preview",
 					label: _.value.preview,
 					icon: Ir,
-					onClick: N
+					onClick: ee
 				}),
 				ji({
 					testId: "markweave-image-download",
@@ -1981,8 +1981,8 @@ var Pi = Y({
 				w.value ? H("img", {
 					class: "markweave-image",
 					src: w.value,
-					alt: I(u.value.alt) ?? "",
-					title: I(u.value.title) ?? void 0,
+					alt: F(u.value.alt) ?? "",
+					title: F(u.value.title) ?? void 0,
 					draggable: !1,
 					loading: "lazy",
 					decoding: "async",
@@ -2001,7 +2001,7 @@ var Pi = Y({
 					"aria-label": _.value.preview,
 					title: _.value.preview,
 					onMousedown: (e) => e.preventDefault(),
-					onClick: N
+					onClick: ee
 				}, [H(Ir, {
 					size: 16,
 					strokeWidth: 1.8
@@ -2016,7 +2016,7 @@ var Pi = Y({
 					"data-side": "left",
 					"aria-label": _.value.resizeLeft,
 					"data-markweave-image-ui": "true",
-					onPointerdown: (e) => V("left", e)
+					onPointerdown: (e) => B("left", e)
 				}) : null,
 				h.value ? H("button", {
 					type: "button",
@@ -2025,7 +2025,7 @@ var Pi = Y({
 					"data-side": "right",
 					"aria-label": _.value.resizeRight,
 					"data-markweave-image-ui": "true",
-					onPointerdown: (e) => V("right", e)
+					onPointerdown: (e) => B("right", e)
 				}) : null
 			]),
 			h.value && (f.value || A.value) ? H("input", {
@@ -2080,14 +2080,14 @@ var Pi = Y({
 		}
 	},
 	setup(e) {
-		let t = U(!1), r = U(""), i = U(null), a = U(!1), o = Ei(e.editor), c = G(() => d(o.value)), l = G(() => e.extension.options?.messages ?? n("zh")), u = G(() => l.value.video), f = G(() => e.node.attrs), p = G(() => I(f.value.src)), m = G(() => I(f.value.embedUrl)), h = G(() => I(f.value.provider)), g = G(() => m.value ? P(m.value, h.value) : null), _ = G(() => I(f.value.mimeType)), v = G(() => I(f.value.title)), y = () => {
+		let t = U(!1), r = U(""), i = U(null), a = U(!1), o = Ei(e.editor), c = G(() => d(o.value)), l = G(() => e.extension.options?.messages ?? n("zh")), u = G(() => l.value.video), f = G(() => e.node.attrs), p = G(() => F(f.value.src)), m = G(() => F(f.value.embedUrl)), h = G(() => F(f.value.provider)), g = G(() => m.value ? N(m.value, h.value) : null), _ = G(() => F(f.value.mimeType)), v = G(() => F(f.value.title)), y = () => {
 			p.value || e.deleteNode(), r.value = "", i.value = null, t.value = !1;
 		}, b = async (n) => {
 			if (!c.value) return;
 			let o = e.extension.options;
 			a.value = !0, i.value = null;
 			try {
-				let t = await R(A(n), o?.onUpload);
+				let t = await te(A(n), o?.onUpload);
 				e.updateAttributes(E(t)), r.value = "";
 			} catch (e) {
 				i.value = e instanceof Error ? e.message : u.value.uploadFailedError;
@@ -2204,7 +2204,7 @@ var Pi = Y({
 			onUpload: this.options.onUpload,
 			resolveMediaSource: t
 		});
-		return (t) => I(t.node.attrs.src) ? r(t) : e(t);
+		return (t) => F(t.node.attrs.src) ? r(t) : e(t);
 	}
 }), Li = w.extend({
 	addOptions() {
@@ -2623,7 +2623,7 @@ var Qi = Y({
 			e.editor.isActive("link") && e.editor.chain().focus().extendMarkRange("link").unsetLink().run(), p.value = "", t.value = null;
 		}, O = (n) => {
 			t.value = t.value === n ? null : n, n === "link" && (p.value = e.editor.getAttributes("link").href ?? "");
-		}, k = V(() => {
+		}, k = B(() => {
 			ze(e.editor, d), a.value = d;
 		}), A = (n = !0) => {
 			c.value?.abort(), k.cancel(), d = "", c.value = null, l.value = null, n && Le(e.editor), Ae(e.editor), t.value = null, n && e.editor.commands.focus();
@@ -2661,13 +2661,13 @@ var Qi = Y({
 				}
 				ke(e.editor), o.value = t instanceof Te ? t.code === "empty-result" ? e.messages.askAi.emptyResult : e.messages.askAi.errorFallback : t instanceof Error && t.message ? t.message : e.messages.askAi.errorFallback, n.value = "error";
 			}
-		}, N = () => {
+		}, ee = () => {
 			if (!Ee(e.editor, a.value)) {
 				n.value = Pe(e.editor)?.status === "conflict" ? "conflict" : "error", o.value = e.messages.askAi.errorFallback;
 				return;
 			}
 			t.value = null, window.setTimeout(() => Ae(e.editor), 560), e.editor.commands.focus();
-		}, P = V(() => {
+		}, N = B(() => {
 			let n = _.value, r = y.value, i = e.editor.view.dom.closest(".markweave-editor-frame");
 			if (!t.value || !n || !r) return;
 			if (t.value === "ask-ai") {
@@ -2703,14 +2703,14 @@ var Qi = Y({
 				gap: t.value === "more" ? 8 : 6
 			});
 			g.value = a.placement;
-		}), F = () => {
+		}), P = () => {
 			let l = Pe(e.editor);
 			if (l?.target.kind === "table" && l.status === "target" && t.value !== "ask-ai") {
 				s.value = l.selection, n.value = "input", r.value = "", a.value = "", o.value = "", i.value = "", t.value = "ask-ai", J(() => u.value?.focus());
 				return;
 			}
 			t.value === "ask-ai" && l?.status === "conflict" && (c.value?.abort(), k.cancel(), n.value = "conflict");
-		}, I = (e) => {
+		}, F = (e) => {
 			e.key !== "Escape" || t.value !== "ask-ai" || (e.preventDefault(), n.value === "generating" ? (c.value?.abort(), k.cancel(), n.value = "input") : A(!0));
 		};
 		K(() => [
@@ -2719,20 +2719,20 @@ var Qi = Y({
 			a.value,
 			o.value
 		], ([e]) => {
-			e && J(P.schedule);
+			e && J(N.schedule);
 		}), nr(() => {
-			window.addEventListener("resize", P.schedule), window.addEventListener("scroll", P.schedule, !0), e.editor.on("transaction", F), document.addEventListener("keydown", I, !0);
+			window.addEventListener("resize", N.schedule), window.addEventListener("scroll", N.schedule, !0), e.editor.on("transaction", P), document.addEventListener("keydown", F, !0);
 		}), q(() => {
-			P.cancel(), k.cancel(), window.removeEventListener("resize", P.schedule), window.removeEventListener("scroll", P.schedule, !0), e.editor.off("transaction", F), document.removeEventListener("keydown", I, !0), c.value?.abort(), Ae(e.editor);
+			N.cancel(), k.cancel(), window.removeEventListener("resize", N.schedule), window.removeEventListener("scroll", N.schedule, !0), e.editor.off("transaction", P), document.removeEventListener("keydown", F, !0), c.value?.abort(), Ae(e.editor);
 		});
-		let L = (n) => n === "block-type" || n === "color" || n === "more" ? t.value === n : n === "bold" ? e.editor.isActive("bold") : n === "italic" ? e.editor.isActive("italic") : n === "underline" ? e.editor.isActive("underline") : n === "strike" ? e.editor.isActive("strike") : n === "inline-code" ? e.editor.isActive("code") : n === "link" ? e.editor.isActive("link") : !1, ee = (e, t) => {
+		let I = (n) => n === "block-type" || n === "color" || n === "more" ? t.value === n : n === "bold" ? e.editor.isActive("bold") : n === "italic" ? e.editor.isActive("italic") : n === "underline" ? e.editor.isActive("underline") : n === "strike" ? e.editor.isActive("strike") : n === "inline-code" ? e.editor.isActive("code") : n === "link" ? e.editor.isActive("link") : !1, L = (e, t) => {
 			if (m.value = e, !e || !(t instanceof HTMLElement) || !v.value) {
 				h.value = null;
 				return;
 			}
 			let n = t.getBoundingClientRect(), r = v.value.getBoundingClientRect();
 			h.value = n.left + n.width / 2 - r.left;
-		}, R = () => {
+		}, te = () => {
 			let e = m.value;
 			if (!e || t.value !== null) return null;
 			let n = x.value.buttons[e];
@@ -2741,10 +2741,10 @@ var Qi = Y({
 				role: "tooltip",
 				"data-testid": "markweave-floating-toolbar-tooltip",
 				"data-button-id": e,
-				"data-active": L(e),
+				"data-active": I(e),
 				style: h.value === null ? void 0 : { "--markweave-floating-toolbar-tooltip-left": `${h.value}px` }
 			}, n) : null;
-		}, z = (n, r, i, a, o = !1, s) => H("button", {
+		}, R = (n, r, i, a, o = !1, s) => H("button", {
 			type: "button",
 			class: `markweave-floating-toolbar-button markweave-floating-toolbar-button--${n}`,
 			"aria-label": r,
@@ -2758,16 +2758,16 @@ var Qi = Y({
 			"data-active": o || t.value === n,
 			"data-tooltip-active": m.value === n ? "true" : "false",
 			"data-testid": `markweave-floating-toolbar-button-${n}`,
-			onBlur: () => ee(null),
-			onFocus: (e) => ee(n, e.currentTarget),
+			onBlur: () => L(null),
+			onFocus: (e) => L(n, e.currentTarget),
 			onMousedown: $,
-			onMouseenter: (e) => ee(n, e.currentTarget),
-			onMouseleave: () => ee(null),
+			onMouseenter: (e) => L(n, e.currentTarget),
+			onMouseleave: () => L(null),
 			onClick: a
-		}, n === "ask-ai" ? [H("span", { class: "markweave-floating-toolbar-button-inner" }, [Z(i, r), H("span", null, s ?? r)])] : n === "block-type" ? [H("span", { class: "markweave-floating-toolbar-button-inner" }, [H("span", { class: "markweave-floating-toolbar-block-label" }, Zi(e.editor, e.messages)), Z(t.value === "block-type" ? Ar : Or, r)])] : n === "color" ? [H("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [H("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? Ar : Or, r)])] : [Z(i, r)]), B = () => H("span", {
+		}, n === "ask-ai" ? [H("span", { class: "markweave-floating-toolbar-button-inner" }, [Z(i, r), H("span", null, s ?? r)])] : n === "block-type" ? [H("span", { class: "markweave-floating-toolbar-button-inner" }, [H("span", { class: "markweave-floating-toolbar-block-label" }, Zi(e.editor, e.messages)), Z(t.value === "block-type" ? Ar : Or, r)])] : n === "color" ? [H("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [H("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? Ar : Or, r)])] : [Z(i, r)]), ne = () => H("span", {
 			class: "markweave-floating-toolbar-divider",
 			"aria-hidden": "true"
-		}), ne = (n, r, i) => H("section", {
+		}), re = (n, r, i) => H("section", {
 			class: "markweave-floating-toolbar-color-section",
 			"aria-label": n
 		}, [H("div", { class: "markweave-floating-toolbar-menu-title" }, n), H("div", { class: "markweave-floating-toolbar-swatch-grid" }, i.map(([n, i, a]) => H("button", {
@@ -2786,7 +2786,7 @@ var Qi = Y({
 			class: "markweave-floating-toolbar-highlight-swatch",
 			style: { backgroundColor: i ?? "#ffffff" },
 			"aria-hidden": "true"
-		})])))]), re = () => {
+		})])))]), ie = () => {
 			if (t.value === "ask-ai") {
 				let t = (e, t, n, r) => H("button", {
 					type: "button",
@@ -2852,7 +2852,7 @@ var Qi = Y({
 						}, "markweave-ask-ai-retry", oi),
 						H("span", { class: "markweave-ask-ai-action-spacer" }),
 						t(e.messages.askAi.discard, () => A(!0), "markweave-ask-ai-discard", wi),
-						t(e.messages.askAi.accept, N, "markweave-ask-ai-accept", Er)
+						t(e.messages.askAi.accept, ee, "markweave-ask-ai-accept", Er)
 					]) : null,
 					n.value === "error" || n.value === "conflict" ? H("div", {
 						class: "markweave-ask-ai-error",
@@ -2924,7 +2924,7 @@ var Qi = Y({
 				ref: y,
 				class: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
 				"data-testid": "markweave-floating-toolbar-color-menu"
-			}, [ne(x.value.textColorTitle, "text", C.value), ne(x.value.highlightColorTitle, "highlight", w.value)]) : t.value === "more" ? H("div", {
+			}, [re(x.value.textColorTitle, "text", C.value), re(x.value.highlightColorTitle, "highlight", w.value)]) : t.value === "more" ? H("div", {
 				ref: y,
 				class: "markweave-floating-toolbar-popover markweave-floating-toolbar-more-menu",
 				"data-testid": "markweave-floating-toolbar-more-menu"
@@ -2951,7 +2951,7 @@ var Qi = Y({
 				role: "tooltip"
 			}, x.value.moreActions[n]) : null]))) : null;
 		};
-		return () => H(te, {
+		return () => H(z, {
 			editor: e.editor,
 			shouldShow: ({ editor: e }) => {
 				let t = Pe(e);
@@ -2976,22 +2976,22 @@ var Qi = Y({
 			class: "markweave-floating-toolbar-content",
 			"data-menu": t.value ?? "none"
 		}, [
-			f.value && Ie(e.editor) ? z("ask-ai", x.value.buttons["ask-ai"], li, j, t.value === "ask-ai", x.value.buttons["ask-ai"]) : null,
-			f.value && Ie(e.editor) ? B() : null,
-			z("block-type", x.value.buttons["block-type"], bi, () => O("block-type"), t.value === "block-type"),
-			B(),
-			z("bold", x.value.buttons.bold, Cr, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
-			z("italic", x.value.buttons.italic, Kr, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
-			z("underline", x.value.buttons.underline, xi, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
-			z("strike", x.value.buttons.strike, fi, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
-			z("inline-code", x.value.buttons["inline-code"], Mr, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
-			B(),
-			z("link", x.value.buttons.link, Jr, () => O("link"), e.editor.isActive("link")),
-			z("color", x.value.buttons.color, bi, () => O("color"), t.value === "color"),
-			B(),
-			z("more", x.value.buttons.more, $r, () => O("more"), t.value === "more"),
-			re(),
-			R()
+			f.value && Ie(e.editor) ? R("ask-ai", x.value.buttons["ask-ai"], li, j, t.value === "ask-ai", x.value.buttons["ask-ai"]) : null,
+			f.value && Ie(e.editor) ? ne() : null,
+			R("block-type", x.value.buttons["block-type"], bi, () => O("block-type"), t.value === "block-type"),
+			ne(),
+			R("bold", x.value.buttons.bold, Cr, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
+			R("italic", x.value.buttons.italic, Kr, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
+			R("underline", x.value.buttons.underline, xi, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
+			R("strike", x.value.buttons.strike, fi, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
+			R("inline-code", x.value.buttons["inline-code"], Mr, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
+			ne(),
+			R("link", x.value.buttons.link, Jr, () => O("link"), e.editor.isActive("link")),
+			R("color", x.value.buttons.color, bi, () => O("color"), t.value === "color"),
+			ne(),
+			R("more", x.value.buttons.more, $r, () => O("more"), t.value === "more"),
+			ie(),
+			te()
 		])]) });
 	}
 }), $i = Y({
@@ -3202,13 +3202,13 @@ var Qi = Y({
 					} : {
 						kind: e.inputCommand.uploadKind ?? "attachment",
 						trigger: "slash-command",
-						source: L(t.value)
+						source: I(t.value)
 					};
 					if (!n.value && !t.value.trim()) {
 						r.value = e.messages.slash.uploadRequiredError;
 						return;
 					}
-					let a = await R(i, e.onUpload);
+					let a = await te(i, e.onUpload);
 					e.onSelect(e.inputCommand, { uploadResult: a }), e.onInputCommandChange(null), t.value = "", n.value = null;
 				} catch (t) {
 					r.value = t instanceof Error ? t.message : e.messages.slash.uploadFailedError;
@@ -3467,7 +3467,7 @@ var Qi = Y({
 				frameRect: l,
 				kind: "column"
 			}) : null;
-		}, N = () => {
+		}, ee = () => {
 			if (!e.active || !t.value) {
 				l.value = null;
 				return;
@@ -3493,7 +3493,7 @@ var Qi = Y({
 				},
 				kind: t.value
 			});
-		}, P = () => {
+		}, N = () => {
 			if (!e.active || !t.value || !n.value || !l.value) {
 				u.value = null;
 				return;
@@ -3513,23 +3513,23 @@ var Qi = Y({
 					height: o || 410
 				}
 			});
+		}, P = () => {
+			M(), ee(), N();
 		}, F = () => {
-			M(), N(), P();
-		}, I = () => {
-			J(F);
-		}, L = (e, i) => {
+			J(P);
+		}, I = (e, i) => {
 			let a = t.value === e && r.value === i;
-			r.value = i, t.value = a ? null : e, n.value = null, u.value = null, I();
-		}, ee = () => {
+			r.value = i, t.value = a ? null : e, n.value = null, u.value = null, F();
+		}, L = () => {
 			e.editor.view.dispatch(sn(e.editor.state.tr, null));
-		}, R = (t, n) => {
+		}, te = (t, n) => {
 			let r = e.interactionState.hoverCellPos ?? w.value.activeCellPos, i = e.interactionState.hoverCellPos === null ? null : t === "row" ? e.interactionState.hoverVisualRowIndex : e.interactionState.hoverVisualColumnIndex;
-			r !== null && Ln(e.editor, r, t, { visualIndex: i }), L(t, n);
-		}, z = () => {
-			ee(), L("selection", "selection-edge");
-		}, te = (r = !1) => {
+			r !== null && Ln(e.editor, r, t, { visualIndex: i }), I(t, n);
+		}, R = () => {
+			L(), I("selection", "selection-edge");
+		}, z = (r = !1) => {
 			t.value = null, n.value = null, l.value = null, u.value = null, r && e.editor.view.focus();
-		}, B = async (n, r) => {
+		}, ne = async (n, r) => {
 			let i = await Sn({
 				editor: e.editor,
 				commandId: n,
@@ -3537,34 +3537,34 @@ var Qi = Y({
 				messages: e.messages
 			});
 			return i.copyFeedback ? (j(i.copyFeedback), i.copyPayload && e.onCopyPayload?.(i.copyPayload)) : j(null), e.onCommandResult?.(i.commandResult), i.success;
-		}, ne = (t) => {
-			C.value && (Be(e.editor, t), te(!1));
-		}, V = (e) => {
-			t.value !== "row" && t.value !== "column" || e(t.value) && (f.value += 1, I());
 		}, re = (t) => {
+			C.value && (Be(e.editor, t), z(!1));
+		}, B = (e) => {
+			t.value !== "row" && t.value !== "column" || e(t.value) && (f.value += 1, F());
+		}, ie = (t) => {
 			let n = t === "row" ? T.value : E.value, r = e.interactionState.hoverCellPos ?? w.value.activeCellPos;
-			!n || r === null || Un(e.editor, r, t, { visualIndex: n.index }) && B(t === "row" ? "add-row-after" : "add-column-after", t);
-		}, ie = (e, t, n) => {
+			!n || r === null || Un(e.editor, r, t, { visualIndex: n.index }) && ne(t === "row" ? "add-row-after" : "add-column-after", t);
+		}, ae = (e, t, n) => {
 			x = {
 				axis: e,
 				index: t
 			}, S = t, n.dataTransfer?.setData("application/x-markweave-table-axis", `${e}:${t}`), n.dataTransfer && (n.dataTransfer.effectAllowed = "move");
-		}, ae = (t) => {
+		}, oe = (t) => {
 			if (!x) return;
 			let n = En(e.editor, x.axis, t.clientX, t.clientY);
 			n !== null && (t.preventDefault(), S = n, t.dataTransfer && (t.dataTransfer.dropEffect = "move"));
-		}, oe = (t) => {
+		}, se = (t) => {
 			let n = x;
 			if (!n) return;
 			let r = En(e.editor, n.axis, t.clientX, t.clientY) ?? S;
 			t.preventDefault(), x = null, S = null, r !== null && In(e.editor, n.axis, n.index, r);
-		}, se = G(() => (f.value, t.value === "row" || t.value === "column" ? Dn(e.editor, t.value) : null)), ce = (e) => {
+		}, V = G(() => (f.value, t.value === "row" || t.value === "column" ? Dn(e.editor, t.value) : null)), ce = (e) => {
 			if (!(!t.value || e.key !== "Escape")) {
 				if (n.value) {
 					n.value = null;
 					return;
 				}
-				te(!0);
+				z(!0);
 			}
 		}, le = (e) => {
 			if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
@@ -3573,12 +3573,12 @@ var Qi = Y({
 			let 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), a = e.key === "ArrowDown" ? 1 : -1, o = i < 0 ? 0 : Math.min(r.length - 1, Math.max(0, i + a));
 			e.preventDefault(), e.stopPropagation(), r[o]?.focus();
 		}, ue = (e) => {
-			t.value && (e.target instanceof Node && p.value?.contains(e.target) || te());
+			t.value && (e.target instanceof Node && p.value?.contains(e.target) || z());
 		};
 		nr(() => {
-			F(), window.addEventListener("resize", F), window.addEventListener("scroll", F, !0), document.addEventListener("keydown", ce), document.addEventListener("mousedown", ue), document.addEventListener("dragover", ae), document.addEventListener("drop", oe);
+			P(), window.addEventListener("resize", P), window.addEventListener("scroll", P, !0), document.addEventListener("keydown", ce), document.addEventListener("mousedown", ue), document.addEventListener("dragover", oe), document.addEventListener("drop", se);
 		}), q(() => {
-			A(), window.removeEventListener("resize", F), window.removeEventListener("scroll", F, !0), document.removeEventListener("keydown", ce), document.removeEventListener("mousedown", ue), document.removeEventListener("dragover", ae), document.removeEventListener("drop", oe);
+			A(), window.removeEventListener("resize", P), window.removeEventListener("scroll", P, !0), document.removeEventListener("keydown", ce), document.removeEventListener("mousedown", ue), document.removeEventListener("dragover", oe), document.removeEventListener("drop", se);
 		}), K(() => [
 			e.active,
 			w.value.activeCellPos,
@@ -3590,7 +3590,7 @@ var Qi = Y({
 			t.value,
 			n.value,
 			r.value
-		], I, { flush: "post" });
+		], F, { flush: "post" });
 		let de = () => {
 			if (!t.value) return null;
 			let r = k.value.map((r, i) => {
@@ -3611,7 +3611,7 @@ var Qi = Y({
 					"data-submenu-trigger": r.submenuId ?? void 0,
 					"data-testid": r.commandId ? `markweave-table-menu-command-${r.commandId}` : r.submenuId ? `markweave-table-menu-submenu-${r.submenuId}` : "markweave-table-menu-command-edit-with-ai",
 					onMousedown: (e) => {
-						$(e), l && r.id === "edit-with-ai" && ne(c);
+						$(e), l && r.id === "edit-with-ai" && re(c);
 					},
 					onMouseenter: () => {
 						n.value = r.submenuId;
@@ -3623,10 +3623,10 @@ var Qi = Y({
 								return;
 							}
 							if (r.commandId === null) {
-								e.detail === 0 && ne(c);
+								e.detail === 0 && re(c);
 								return;
 							}
-							B(r.commandId).finally(() => te());
+							ne(r.commandId).finally(() => z());
 						}
 					}
 				}, [
@@ -3669,11 +3669,11 @@ var Qi = Y({
 					key: `text-${t.id}`,
 					type: "button",
 					role: "menuitemradio",
-					"aria-checked": se.value?.textColorId === t.id,
-					"data-active": se.value?.textColorId === t.id ? "true" : "false",
+					"aria-checked": V.value?.textColorId === t.id,
+					"data-active": V.value?.textColorId === t.id ? "true" : "false",
 					"data-testid": `markweave-table-text-color-${t.id}`,
 					onMousedown: $,
-					onClick: () => V((n) => gn(e.editor, n, t.id))
+					onClick: () => B((n) => gn(e.editor, n, t.id))
 				}, [H("span", {
 					class: "markweave-table-color-swatch markweave-table-text-color-swatch",
 					"aria-hidden": "true",
@@ -3685,11 +3685,11 @@ var Qi = Y({
 					key: `background-${t.id}`,
 					type: "button",
 					role: "menuitemradio",
-					"aria-checked": se.value?.backgroundColorId === t.id,
-					"data-active": se.value?.backgroundColorId === t.id ? "true" : "false",
+					"aria-checked": V.value?.backgroundColorId === t.id,
+					"data-active": V.value?.backgroundColorId === t.id ? "true" : "false",
 					"data-testid": `markweave-table-background-color-${t.id}`,
 					onMousedown: $,
-					onClick: () => V((n) => hn(e.editor, n, t.id))
+					onClick: () => B((n) => hn(e.editor, n, t.id))
 				}, [H("span", {
 					class: "markweave-table-color-swatch",
 					"aria-hidden": "true",
@@ -3706,7 +3706,7 @@ var Qi = Y({
 						"data-active": n ? "true" : "false",
 						"data-testid": `markweave-table-alignment-${t}`,
 						onMousedown: $,
-						onClick: () => V((n) => mn(e.editor, n, t))
+						onClick: () => B((n) => mn(e.editor, n, t))
 					}, [H(r, {
 						size: 18,
 						strokeWidth: 1.8,
@@ -3728,9 +3728,9 @@ var Qi = Y({
 					} : void 0,
 					onKeydown: le
 				}, [
-					...Bn.map((e) => t(e, se.value?.textAlign === e)),
+					...Bn.map((e) => t(e, V.value?.textAlign === e)),
 					H("div", { class: "markweave-table-submenu-separator" }),
-					...Hn.map((e) => t(e, se.value?.verticalAlign === e))
+					...Hn.map((e) => t(e, V.value?.verticalAlign === e))
 				]));
 			}
 			return H("div", {
@@ -3788,8 +3788,8 @@ var Qi = Y({
 					height: `${i.value.height}px`
 				},
 				onMousedown: $,
-				onClick: () => R("row", "row-edge"),
-				onDragstart: (e) => ie("row", T.value?.index ?? 0, e),
+				onClick: () => te("row", "row-edge"),
+				onDragstart: (e) => ae("row", T.value?.index ?? 0, e),
 				onDragend: () => {
 					x = null, S = null;
 				}
@@ -3818,8 +3818,8 @@ var Qi = Y({
 					height: `${a.value.height}px`
 				},
 				onMousedown: $,
-				onClick: () => R("column", "column-edge"),
-				onDragstart: (e) => ie("column", E.value?.index ?? 0, e),
+				onClick: () => te("column", "column-edge"),
+				onDragstart: (e) => ae("column", E.value?.index ?? 0, e),
 				onDragend: () => {
 					x = null, S = null;
 				}
@@ -3843,7 +3843,7 @@ var Qi = Y({
 					height: `${o.value.height}px`
 				},
 				onMousedown: $,
-				onClick: z
+				onClick: R
 			}, [H($r, {
 				size: 14,
 				"aria-hidden": "true"
@@ -3861,7 +3861,7 @@ var Qi = Y({
 					height: `${s.value.height}px`
 				},
 				onMousedown: $,
-				onClick: () => re("row")
+				onClick: () => ie("row")
 			}, [H(ri, {
 				size: 14,
 				"aria-hidden": "true"
@@ -3879,7 +3879,7 @@ var Qi = Y({
 					height: `${c.value.height}px`
 				},
 				onMousedown: $,
-				onClick: () => re("column")
+				onClick: () => ie("column")
 			}, [H(ri, {
 				size: 14,
 				"aria-hidden": "true"
@@ -3973,22 +3973,22 @@ var Qi = Y({
 		}
 	},
 	setup(e) {
-		let t = U(null), n = U(null), r = U(null), i = U(null), a = U(null), o = U(null), s = U(null), c = U([]), l = U(null), u = U(!1), d = U(""), f = U(-1), p = U(null), m = U(!1), h = U(null), g = U(null), _ = U(!1), v = U({
+		let t = U(null), n = U(null), r = U(null), i = U(null), a = U(null), o = U(null), s = U(null), c = U(null), l = U([]), u = U(null), d = U(!1), f = U(""), p = U(-1), m = U(null), h = U(!1), g = U(null), _ = U(null), v = U(!1), y = U({
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}), y = U(0), b = U(0), x = U(0), S = null, C = G(() => (x.value, bt(e.editor, o.value))), w = G(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
+		}), b = U(0), x = U(0), S = U(0), C = null, w = G(() => (S.value, bt(e.editor, s.value))), T = G(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
 			...e.state,
 			pos: e.state.pos,
 			active: !0
-		} : null), T = G(() => C.value ?? w.value), E = G(() => T.value !== null), D = G(() => T.value?.language === "mermaid"), O = G(() => Tt(e.editor, T.value)), k = G(() => E.value && T.value !== null && !O.value), A = G(() => !e.readOnly), j = G(() => T.value ? pt(T.value.language) : pt("text")), M = G(() => p.value?.status ?? "idle"), N = G(() => T.value?.mermaidPreviewMode ?? e.mermaidMode), P = G(() => D.value && N.value === "preview"), F = G(() => (x.value, y.value, b.value, Ct(e.editor))), I = G(() => `${b.value}|${F.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), L = G(() => _t(d.value)), ee = G(() => T.value ? `${T.value.pos}:${T.value.language}:${T.value.text}` : "none"), R = () => {
-			S !== null && (window.clearTimeout(S), S = null);
+		} : null), E = G(() => w.value ?? T.value), D = G(() => E.value !== null), O = G(() => E.value?.language === "mermaid"), k = G(() => Tt(e.editor, E.value)), A = G(() => D.value && E.value !== null && !k.value), j = G(() => !e.readOnly), M = G(() => E.value ? pt(E.value.language) : pt("text")), ee = G(() => m.value?.status ?? "idle"), N = G(() => E.value?.mermaidPreviewMode ?? e.mermaidMode), P = G(() => O.value && N.value === "preview"), F = G(() => (S.value, b.value, x.value, Ct(e.editor))), I = G(() => `${x.value}|${F.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), L = G(() => _t(f.value)), te = G(() => E.value ? `${E.value.pos}:${E.value.language}:${E.value.text}` : "none"), R = () => {
+			C !== null && (window.clearTimeout(C), C = null);
 		}, z = (e) => {
-			R(), p.value = e, e && (S = window.setTimeout(() => {
-				p.value = null, S = null;
+			R(), m.value = e, e && (C = window.setTimeout(() => {
+				m.value = null, C = null;
 			}, ot));
-		}, te = () => {
-			h.value = null, g.value = null, _.value = !1, v.value = {
+		}, ne = () => {
+			g.value = null, _.value = null, v.value = !1, y.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
@@ -3997,155 +3997,157 @@ var Qi = Y({
 			let n = t.value;
 			if (!n) return;
 			if (!xt(n) || F.value.length === 0) {
-				c.value = [];
+				l.value = [];
 				return;
 			}
 			let r = n.getBoundingClientRect(), i = F.value.flatMap((t) => {
 				let n = gt(ht(e.editor, t.pos, t.mermaidPreviewMode), r);
 				return n ? [dt(t, n, r)] : [];
 			});
-			c.value = Et(c.value, i, F.value.map((e) => e.pos));
-		}, V = () => {
-			if (!k.value || !T.value) {
-				s.value = null, l.value = null;
+			l.value = Et(l.value, i, F.value.map((e) => e.pos));
+		}, ie = () => {
+			if (!A.value || !E.value) {
+				c.value = null, u.value = null;
 				return;
 			}
-			let r = t.value;
-			if (!r) return;
-			let i = ht(e.editor, T.value.pos, N.value), a = r.getBoundingClientRect(), o = gt(i, a);
-			if (!o) {
-				s.value = s.value?.pos === T.value.pos ? s.value : null, l.value = u.value ? l.value : null;
+			let i = t.value;
+			if (!i) return;
+			let a = ht(e.editor, E.value.pos, N.value), o = i.getBoundingClientRect(), s = gt(a, o);
+			if (!s) {
+				c.value = c.value?.pos === E.value.pos ? c.value : null, u.value = d.value ? u.value : null;
 				return;
 			}
-			if (s.value = lt(T.value.pos, o, a), u.value && n.value) {
-				let e = n.value.getBoundingClientRect();
-				l.value = it({
-					overlayRect: a,
+			if (c.value = lt(E.value.pos, s, o), d.value && n.value) {
+				let e = n.value.getBoundingClientRect(), t = r.value?.getBoundingClientRect().height;
+				u.value = it({
+					overlayRect: o,
 					buttonRect: e,
+					menuHeight: t,
 					windowWidth: window.innerWidth,
 					windowHeight: window.innerHeight
 				});
 			}
-		}, re = async () => {
+		}, ae = async () => {
 			if (e.readOnly) {
-				if (!T.value) return;
-				let e = await st(T.value.text);
-				z($e(T.value, e ? "copied" : "failed"));
+				if (!E.value) return;
+				let e = await st(E.value.text);
+				z($e(E.value, e ? "copied" : "failed"));
 				return;
 			}
-			if (!ft(e.editor, T.value)) return;
+			if (!ft(e.editor, E.value)) return;
 			let t = await Ze(e.editor);
 			z($e(Qe(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
-		}, ie = (t, n) => {
+		}, oe = (t, n) => {
 			if (e.readOnly) {
-				qt(e.editor, t.pos, n) && (b.value += 1, x.value += 1);
+				qt(e.editor, t.pos, n) && (x.value += 1, S.value += 1);
 				return;
 			}
 			let r = e.state.active && e.state.pos === t.pos;
-			rt(e.editor, t.pos, n) && (e.onMermaidModeChange(n), x.value += 1, r && e.editor.view.focus());
-		}, ae = (t) => {
-			if (e.readOnly || !T.value) return;
-			let n = e.state.active && e.state.pos === T.value.pos;
-			nt(e.editor, T.value.pos, t) && (t === "mermaid" && rt(e.editor, T.value.pos, "preview") && e.onMermaidModeChange("preview"), u.value = !1, d.value = "", f.value = -1, x.value += 1, n && e.editor.view.focus());
-		}, oe = () => {
-			u.value = !u.value, u.value && a.value === null && (a.value = ct()), f.value = u.value ? St(L.value, T.value?.language ?? null) : -1;
-		}, se = (e) => {
+			rt(e.editor, t.pos, n) && (e.onMermaidModeChange(n), S.value += 1, r && e.editor.view.focus());
+		}, se = (t) => {
+			if (e.readOnly || !E.value) return;
+			let n = e.state.active && e.state.pos === E.value.pos;
+			nt(e.editor, E.value.pos, t) && (t === "mermaid" && rt(e.editor, E.value.pos, "preview") && e.onMermaidModeChange("preview"), d.value = !1, f.value = "", p.value = -1, S.value += 1, n && e.editor.view.focus());
+		}, V = () => {
+			d.value = !d.value, d.value && o.value === null && (o.value = ct()), p.value = d.value ? St(L.value, E.value?.language ?? null) : -1;
+		}, ce = (e) => {
 			let t = _t(e);
-			d.value = e, f.value = St(t, e.trim() ? null : T.value?.language ?? null);
-		}, ce = (t) => {
+			f.value = e, p.value = St(t, e.trim() ? null : E.value?.language ?? null);
+		}, le = (t) => {
 			if (!t.isComposing) {
 				if (t.key === "ArrowDown" || t.key === "ArrowUp") {
-					t.preventDefault(), f.value = Ot(f.value, L.value.length, t.key === "ArrowUp" ? "previous" : "next");
+					t.preventDefault(), p.value = Ot(p.value, L.value.length, t.key === "ArrowUp" ? "previous" : "next");
 					return;
 				}
 				if (t.key === "Enter") {
-					let e = L.value[f.value];
-					e && (t.preventDefault(), ae(e.language));
+					let e = L.value[p.value];
+					e && (t.preventDefault(), se(e.language));
 					return;
 				}
-				t.key === "Escape" && (t.preventDefault(), u.value = !1, f.value = -1, e.editor.view.focus());
+				t.key === "Escape" && (t.preventDefault(), d.value = !1, p.value = -1, e.editor.view.focus());
 			}
-		}, le = () => {
-			e.readOnly || !T.value || tt(e.editor, T.value.pos, !O.value) && (y.value += 1, x.value += 1, o.value = null);
 		}, ue = () => {
-			if (!T.value) return;
-			let t = wt(e.editor, T.value.pos);
-			t && ne({
+			e.readOnly || !E.value || tt(e.editor, E.value.pos, !k.value) && (b.value += 1, S.value += 1, s.value = null);
+		}, de = () => {
+			if (!E.value) return;
+			let t = wt(e.editor, E.value.pos);
+			t && re({
 				data: new Blob([t], { type: "image/svg+xml" }),
 				fileName: "markweave-mermaid.svg",
 				onSettled: () => e.editor.view.focus(),
 				ownerDocument: document
 			});
-		}, de = () => {
-			if (!T.value) return;
-			let t = wt(e.editor, T.value.pos);
-			t && (h.value = ut(t), g.value = null, _.value = !1, v.value = {
+		}, fe = () => {
+			if (!E.value) return;
+			let t = wt(e.editor, E.value.pos);
+			t && (g.value = ut(t), _.value = null, v.value = !1, y.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			});
-		}, fe = (e) => {
-			h.value = h.value ? {
-				...h.value,
-				scale: at(h.value.scale + e)
+		}, pe = (e) => {
+			g.value = g.value ? {
+				...g.value,
+				scale: at(g.value.scale + e)
 			} : null;
-		}, pe = () => {
-			h.value = h.value ? ut(h.value.svg) : null, v.value = {
+		}, me = () => {
+			g.value = g.value ? ut(g.value.svg) : null, y.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
-			}, _.value = !1;
-		}, me = (e) => {
-			e.preventDefault(), fe(e.deltaY < 0 ? Dt : -Dt);
+			}, v.value = !1;
 		}, he = (e) => {
-			e.button === 0 && (e.preventDefault(), v.value = {
+			e.preventDefault(), pe(e.deltaY < 0 ? Dt : -Dt);
+		}, ge = (e) => {
+			e.button === 0 && (e.preventDefault(), y.value = {
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
-			}, _.value = !0);
-		}, ge = (e) => {
-			let t = v.value;
+			}, v.value = !0);
+		}, _e = (e) => {
+			let t = y.value;
 			if (!t.active) return;
 			let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
-			v.value = {
+			y.value = {
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
-			}, h.value = kt(h.value, n, r);
-		}, _e = () => {
-			v.value = {
+			}, g.value = kt(g.value, n, r);
+		}, ve = () => {
+			y.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
-			}, _.value = !1;
+			}, v.value = !1;
 		};
 		K(() => e.readOnly, (e) => {
-			e && (u.value = !1, d.value = "");
-		}), K(ee, () => {
-			z(null), u.value = !1, d.value = "", f.value = -1, h.value = null, g.value = null, _.value = !1;
-		}), K(u, async (e) => {
+			e && (d.value = !1, f.value = "");
+		}), K(te, () => {
+			z(null), d.value = !1, f.value = "", p.value = -1, g.value = null, _.value = null, v.value = !1;
+		}), K(d, async (e) => {
 			if (!e) {
-				f.value = -1;
+				p.value = -1;
 				return;
 			}
-			await J(), V(), r.value?.focus({ preventScroll: !0 });
+			await J(), ie(), i.value?.focus({ preventScroll: !0 });
 		}), K(() => [
-			u.value,
 			d.value,
-			f.value
+			f.value,
+			p.value
 		], async () => {
-			if (!u.value || f.value < 0) return;
+			if (!d.value || p.value < 0) return;
 			await J();
-			let e = i.value, t = e?.querySelector(`[data-language-index="${f.value}"]`);
+			let e = a.value, t = e?.querySelector(`[data-language-index="${p.value}"]`);
 			e && t && At(e, t);
 		}, { flush: "post" }), K(() => [
-			k.value,
-			y.value,
-			T.value?.pos ?? null,
-			u.value,
+			A.value,
+			b.value,
+			E.value?.pos ?? null,
+			L.value.length,
+			d.value,
 			N.value
 		], async () => {
-			await J(), V();
+			await J(), ie();
 		}, {
 			flush: "post",
 			immediate: !0
@@ -4155,42 +4157,42 @@ var Qi = Y({
 			flush: "post",
 			immediate: !0
 		});
-		let ve = null;
+		let ye = null;
 		return nr(() => {
 			J(() => {
 				let n = e.editor.view.dom.closest(".markweave-editor-frame"), r = (n) => {
-					if (n.target instanceof Node && t.value?.contains(n.target) || u.value) return;
+					if (n.target instanceof Node && t.value?.contains(n.target) || d.value) return;
 					let r = yt(e.editor, n.target), i = bt(e.editor, r), a = i && !Tt(e.editor, i) ? i.pos : null;
-					o.value = o.value === a ? o.value : a;
+					s.value = s.value === a ? s.value : a;
 				}, i = () => {
-					u.value || (o.value = null);
+					d.value || (s.value = null);
 				}, a = (t) => {
 					if (t.key === "Escape") {
-						if (h.value) {
-							te();
+						if (g.value) {
+							ne();
 							return;
 						}
-						u.value && (u.value = !1, f.value = -1, e.editor.view.focus());
+						d.value && (d.value = !1, p.value = -1, e.editor.view.focus());
 					}
-				}, s = (e) => {
-					u.value && (e.target instanceof Node && t.value?.contains(e.target) || (u.value = !1, f.value = -1));
+				}, o = (e) => {
+					d.value && (e.target instanceof Node && t.value?.contains(e.target) || (d.value = !1, p.value = -1));
 				}, c = ({ transaction: e }) => {
-					e.getMeta(Xe) && (y.value += 1), (e.docChanged || e.selectionSet || e.getMeta(Xe) || Wt(e)) && (x.value += 1);
+					e.getMeta(Xe) && (b.value += 1), (e.docChanged || e.selectionSet || e.getMeta(Xe) || Wt(e)) && (S.value += 1);
 				};
-				n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", i), window.addEventListener("resize", V), window.addEventListener("scroll", V, !0), window.addEventListener("resize", B), window.addEventListener("scroll", B, !0), document.addEventListener("keydown", a), document.addEventListener("mousedown", s), e.editor.on("transaction", c), ve = () => {
-					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", i), window.removeEventListener("resize", V), window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", B), window.removeEventListener("scroll", B, !0), document.removeEventListener("keydown", a), document.removeEventListener("mousedown", s), e.editor.off("transaction", c), R();
+				n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", i), window.addEventListener("resize", ie), window.addEventListener("scroll", ie, !0), window.addEventListener("resize", B), window.addEventListener("scroll", B, !0), document.addEventListener("keydown", a), document.addEventListener("mousedown", o), e.editor.on("transaction", c), ye = () => {
+					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", i), window.removeEventListener("resize", ie), window.removeEventListener("scroll", ie, !0), window.removeEventListener("resize", B), window.removeEventListener("scroll", B, !0), document.removeEventListener("keydown", a), document.removeEventListener("mousedown", o), e.editor.off("transaction", c), R();
 				};
 			});
 		}), q(() => {
-			ve?.(), ve = null, R();
+			ye?.(), ye = null, R();
 		}), () => {
-			if (!k.value && F.value.length === 0 && !h.value) return null;
-			let o = s.value ? {
-				top: `${s.value.top}px`,
-				right: `${s.value.right}px`
-			} : void 0, p = l.value ? {
-				left: `${l.value.left}px`,
-				top: `${l.value.top}px`
+			if (!A.value && F.value.length === 0 && !g.value) return null;
+			let s = c.value ? {
+				top: `${c.value.top}px`,
+				right: `${c.value.right}px`
+			} : void 0, m = u.value ? {
+				left: `${u.value.left}px`,
+				top: `${u.value.top}px`
 			} : void 0;
 			return H("div", {
 				ref: t,
@@ -4199,7 +4201,7 @@ var Qi = Y({
 				"data-read-only": e.readOnly ? "true" : "false"
 			}, [
 				...F.value.map((e) => {
-					let t = c.value.find((t) => t.pos === e.pos);
+					let t = l.value.find((t) => t.pos === e.pos);
 					return H("div", {
 						key: e.pos,
 						class: "markweave-mermaid-tabs",
@@ -4216,71 +4218,71 @@ var Qi = Y({
 						"data-testid": `markweave-mermaid-mode-${t}`,
 						"data-active": e.mermaidPreviewMode === t ? "true" : "false",
 						onMousedown: $,
-						onClick: () => ie(e, t)
+						onClick: () => oe(e, t)
 					}, t === "code" ? "Code" : "Preview")));
 				}),
-				k.value && T.value ? H("div", {
+				A.value && E.value ? H("div", {
 					class: "markweave-codeblock-controls",
 					"data-testid": "markweave-codeblock-controls",
-					"data-positioned": s.value ? "true" : "false",
-					"data-collapsed": O.value ? "true" : "false",
+					"data-positioned": c.value ? "true" : "false",
+					"data-collapsed": k.value ? "true" : "false",
 					"data-read-only": e.readOnly ? "true" : "false",
 					"aria-label": "Code block controls",
-					style: o
+					style: s
 				}, [
 					e.readOnly ? H("span", {
 						class: "markweave-codeblock-language-button markweave-codeblock-language-label",
 						"aria-label": "Code block language",
 						"data-testid": "markweave-codeblock-language"
-					}, [H("span", null, j.value)]) : H("button", {
+					}, [H("span", null, M.value)]) : H("button", {
 						ref: n,
 						type: "button",
 						class: "markweave-codeblock-language-button",
 						"aria-label": "Code block language",
-						"aria-expanded": u.value ? "true" : "false",
+						"aria-expanded": d.value ? "true" : "false",
 						"aria-haspopup": "listbox",
 						"data-testid": "markweave-codeblock-language",
 						onMousedown: $,
-						onClick: oe
-					}, [H("span", null, j.value), Q("chevron")]),
-					A.value ? H("button", {
+						onClick: V
+					}, [H("span", null, M.value), Q("chevron")]),
+					j.value ? H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
-						"aria-label": O.value ? "Expand code block" : "Collapse code block",
-						title: O.value ? "Expand code block" : "Collapse code block",
+						"aria-label": k.value ? "Expand code block" : "Collapse code block",
+						title: k.value ? "Expand code block" : "Collapse code block",
 						"data-testid": "markweave-codeblock-collapse",
-						"data-collapsed": O.value ? "true" : "false",
+						"data-collapsed": k.value ? "true" : "false",
 						onMousedown: $,
-						onClick: le
+						onClick: ue
 					}, [Q("chevron")]) : null,
 					H("span", { class: "markweave-codeblock-copy-wrap" }, [H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Copy to clipboard",
 						"data-testid": "markweave-codeblock-copy",
-						"data-copy-state": M.value,
+						"data-copy-state": ee.value,
 						onMousedown: $,
 						onMouseenter: () => {
-							m.value = !0;
+							h.value = !0;
 						},
 						onMouseleave: () => {
-							m.value = !1;
+							h.value = !1;
 						},
 						onFocus: () => {
-							m.value = !0;
+							h.value = !0;
 						},
 						onBlur: () => {
-							m.value = !1;
+							h.value = !1;
 						},
 						onClick: () => {
-							re();
+							ae();
 						}
-					}, [Q(M.value === "copied" ? "check" : "clipboard")]), m.value ? H("span", {
+					}, [Q(ee.value === "copied" ? "check" : "clipboard")]), h.value ? H("span", {
 						class: "markweave-codeblock-tooltip",
 						role: "tooltip",
 						"data-testid": "markweave-codeblock-copy-tooltip"
 					}, "Copy to clipboard") : null]),
-					D.value && N.value === "preview" ? H("div", {
+					O.value && N.value === "preview" ? H("div", {
 						class: "markweave-mermaid-preview-actions",
 						"data-testid": "markweave-mermaid-preview-actions"
 					}, [H("button", {
@@ -4290,7 +4292,7 @@ var Qi = Y({
 						"data-testid": "markweave-mermaid-fullscreen",
 						disabled: !P.value,
 						onMousedown: $,
-						onClick: de
+						onClick: fe
 					}, [Q("expand")]), H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
@@ -4298,40 +4300,41 @@ var Qi = Y({
 						"data-testid": "markweave-mermaid-download",
 						disabled: !P.value,
 						onMousedown: $,
-						onClick: ue
+						onClick: de
 					}, [Q("download")])]) : null
 				]) : null,
-				A.value && k.value && u.value && T.value ? H("div", {
+				j.value && A.value && d.value && E.value ? H("div", {
+					ref: r,
 					class: "markweave-codeblock-language-menu",
 					"data-testid": "markweave-codeblock-language-menu",
-					"data-positioned": l.value ? "true" : "false",
-					style: p
+					"data-positioned": u.value ? "true" : "false",
+					style: m
 				}, [H("label", { class: "markweave-codeblock-language-search" }, [H("input", {
-					ref: r,
+					ref: i,
 					role: "combobox",
 					"aria-autocomplete": "list",
-					"aria-controls": a.value ?? void 0,
+					"aria-controls": o.value ?? void 0,
 					"aria-expanded": "true",
-					"aria-activedescendant": a.value && L.value[f.value] ? vt(a.value, L.value[f.value].language) : void 0,
+					"aria-activedescendant": o.value && L.value[p.value] ? vt(o.value, L.value[p.value].language) : void 0,
 					"aria-label": "Search code block languages",
-					value: d.value,
+					value: f.value,
 					placeholder: "Search...",
 					"data-testid": "markweave-codeblock-language-search",
 					onInput: (e) => {
-						se(e.target.value);
+						ce(e.target.value);
 					},
-					onKeydown: ce
+					onKeydown: le
 				}), Q("search")]), H("div", {
-					ref: i,
-					id: a.value ?? void 0,
+					ref: a,
+					id: o.value ?? void 0,
 					class: "markweave-codeblock-language-list",
 					role: "listbox",
 					"aria-label": "Code block languages"
 				}, L.value.map((e, t) => {
-					let n = T.value?.language === e.language, r = t === f.value;
+					let n = E.value?.language === e.language, r = t === p.value;
 					return H("button", {
 						key: e.language,
-						id: a.value ? vt(a.value, e.language) : void 0,
+						id: o.value ? vt(o.value, e.language) : void 0,
 						type: "button",
 						role: "option",
 						"aria-selected": n ? "true" : "false",
@@ -4341,12 +4344,12 @@ var Qi = Y({
 						"data-language-index": t,
 						onMousedown: $,
 						onMouseenter: () => {
-							f.value = t;
+							p.value = t;
 						},
-						onClick: () => ae(e.language)
+						onClick: () => se(e.language)
 					}, [H("span", null, e.label), n ? Q("check") : null]);
 				}))]) : null,
-				h.value ? H("div", {
+				g.value ? H("div", {
 					class: "markweave-mermaid-fullscreen-layer",
 					role: "dialog",
 					"aria-modal": "true",
@@ -4363,41 +4366,41 @@ var Qi = Y({
 							"aria-label": "Zoom out",
 							"data-testid": "markweave-mermaid-fullscreen-zoom-out",
 							onMouseenter: () => {
-								g.value = "zoom-out";
+								_.value = "zoom-out";
 							},
 							onMouseleave: () => {
-								g.value = null;
+								_.value = null;
 							},
 							onFocus: () => {
-								g.value = "zoom-out";
+								_.value = "zoom-out";
 							},
 							onBlur: () => {
-								g.value = null;
+								_.value = null;
 							},
-							onClick: () => fe(-Dt)
+							onClick: () => pe(-Dt)
 						}, [Q("zoomOut")]),
 						H("span", {
 							class: "markweave-mermaid-fullscreen-zoom-label",
 							"data-testid": "markweave-mermaid-fullscreen-zoom-label"
-						}, mt(h.value.scale)),
+						}, mt(g.value.scale)),
 						H("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Zoom in",
 							"data-testid": "markweave-mermaid-fullscreen-zoom-in",
 							onMouseenter: () => {
-								g.value = "zoom-in";
+								_.value = "zoom-in";
 							},
 							onMouseleave: () => {
-								g.value = null;
+								_.value = null;
 							},
 							onFocus: () => {
-								g.value = "zoom-in";
+								_.value = "zoom-in";
 							},
 							onBlur: () => {
-								g.value = null;
+								_.value = null;
 							},
-							onClick: () => fe(Dt)
+							onClick: () => pe(Dt)
 						}, [Q("zoomIn")]),
 						H("button", {
 							type: "button",
@@ -4405,52 +4408,52 @@ var Qi = Y({
 							"aria-label": "Reset zoom",
 							"data-testid": "markweave-mermaid-fullscreen-reset",
 							onMouseenter: () => {
-								g.value = "reset";
+								_.value = "reset";
 							},
 							onMouseleave: () => {
-								g.value = null;
+								_.value = null;
 							},
 							onFocus: () => {
-								g.value = "reset";
+								_.value = "reset";
 							},
 							onBlur: () => {
-								g.value = null;
+								_.value = null;
 							},
-							onClick: pe
+							onClick: me
 						}, [Q("reset")]),
-						g.value ? H("span", {
+						_.value ? H("span", {
 							class: "markweave-mermaid-fullscreen-tooltip",
 							role: "tooltip",
 							"data-testid": "markweave-mermaid-fullscreen-tooltip"
-						}, g.value === "zoom-out" ? "Zoom out" : g.value === "zoom-in" ? "Zoom in" : "Reset") : null
+						}, _.value === "zoom-out" ? "Zoom out" : _.value === "zoom-in" ? "Zoom in" : "Reset") : null
 					]),
 					H("button", {
 						type: "button",
 						class: "markweave-mermaid-fullscreen-close",
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
-						onClick: te
+						onClick: ne
 					}, [Q("close")]),
 					H("div", {
 						class: "markweave-mermaid-fullscreen-viewport",
 						"data-testid": "markweave-mermaid-fullscreen-viewport",
-						"data-dragging": _.value ? "true" : "false",
-						onWheel: me,
-						onMousedown: he,
-						onMousemove: ge,
-						onMouseup: _e,
-						onMouseleave: _e
+						"data-dragging": v.value ? "true" : "false",
+						onWheel: he,
+						onMousedown: ge,
+						onMousemove: _e,
+						onMouseup: ve,
+						onMouseleave: ve
 					}, [H("div", {
 						class: "markweave-mermaid-fullscreen-content",
 						"data-testid": "markweave-mermaid-fullscreen-content",
-						"data-scale-percent": Math.round(h.value.scale * 100),
-						"data-translate": `${Math.round(h.value.translateX)},${Math.round(h.value.translateY)}`,
+						"data-scale-percent": Math.round(g.value.scale * 100),
+						"data-translate": `${Math.round(g.value.translateX)},${Math.round(g.value.translateY)}`,
 						style: {
-							width: `${h.value.width}px`,
-							height: `${h.value.height}px`,
-							transform: `translate(${h.value.translateX}px, ${h.value.translateY}px) scale(${h.value.scale})`
+							width: `${g.value.width}px`,
+							height: `${g.value.height}px`,
+							transform: `translate(${g.value.translateX}px, ${g.value.translateY}px) scale(${g.value.scale})`
 						},
-						innerHTML: h.value.svg
+						innerHTML: g.value.svg
 					})])
 				]) : null
 			]);
@@ -4513,7 +4516,7 @@ var Qi = Y({
 	}
 });
 function sa(e = {}) {
-	let i = r(e.lang), o = n(i), s = t(i), c = U(f(e.mode)), l = G(() => Ce(e.theme)), u = G(() => c.value === "live" && e.editable !== !1), d = U(0), m = W(null), h = U(an), g = W(null), _ = W(null), v = U("code"), y = W(null), b = W(fn), x = U(null), S = U(!1), C = W(null), w = se(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), T = e.content ?? e.defaultContent ?? "", E = typeof T == "string" && T.length >= 2e5, D = null;
+	let i = r(e.lang), o = n(i), s = t(i), c = U(f(e.mode)), l = G(() => Ce(e.theme)), u = G(() => c.value === "live" && e.editable !== !1), d = U(0), m = W(null), h = U(an), g = W(null), _ = W(null), v = U("code"), y = W(null), b = W(fn), x = U(null), S = U(!1), C = W(null), w = V(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), T = e.content ?? e.defaultContent ?? "", E = typeof T == "string" && T.length >= 2e5, D = null;
 	function O() {
 		D !== null && (window.clearTimeout(D), D = null), d.value += 1;
 	}
@@ -4527,12 +4530,12 @@ function sa(e = {}) {
 		extensions: Bi({
 			lang: i,
 			linkCardResolver: e.linkCardResolver,
-			onImageUpload: (e) => A?.(e) ?? ee(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
-			onVideoUpload: (e) => A?.(e) ?? ee(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
+			onImageUpload: (e) => A?.(e) ?? L(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
+			onVideoUpload: (e) => A?.(e) ?? L(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
 			resolveMediaSource: e.resolveMediaSource
 		}),
 		content: T,
-		contentType: ie(w),
+		contentType: ae(w),
 		editable: u.value,
 		autofocus: e.autofocus,
 		editorProps: {
@@ -4548,34 +4551,34 @@ function sa(e = {}) {
 			handleClick: (e, t, n) => {
 				if (!u.value) return he(n);
 				let r = Rt(e, n);
-				return r ? (n.preventDefault(), n.stopPropagation(), N(), Ht(e, r, !0), Ut(e, r), y.value = r, !0) : (y.value = null, !1);
+				return r ? (n.preventDefault(), n.stopPropagation(), I(), Ht(e, r, !0), Ut(e, r), y.value = r, !0) : (y.value = null, !1);
 			},
 			handleDOMEvents: {
 				compositionstart: () => u.value ? (h.value = on(h.value, { type: "composition-start" }), g.value = null, !1) : !1,
-				compositionend: (e) => (u.value && window.setTimeout(() => P(e), 0), !1),
+				compositionend: (e) => (u.value && window.setTimeout(() => te(e), 0), !1),
 				click: (e, t) => {
 					if (!u.value) return he(t);
 					let n = Rt(e, t);
-					return n ? (t.preventDefault(), t.stopPropagation(), N(), Ht(e, n, !0), Ut(e, n), y.value = n, !0) : (y.value = null, !1);
+					return n ? (t.preventDefault(), t.stopPropagation(), I(), Ht(e, n, !0), Ut(e, n), y.value = n, !0) : (y.value = null, !1);
 				}
 			}
 		},
-		onSelectionUpdate: ({ editor: e }) => I(e),
+		onSelectionUpdate: ({ editor: e }) => z(e),
 		onCreate: ({ editor: t }) => {
 			p(t, {
 				mode: c.value,
 				editable: u.value
-			}), Gt(t, l.value), Kt(t, u.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && u.value && ln(t), L(t), I(t), O();
+			}), Gt(t, l.value), Kt(t, u.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && u.value && ln(t), re(t), z(t), O();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			if (L(e), (t.docChanged || Wt(t)) && k(), t.docChanged && y.value) {
+			if (re(e), (t.docChanged || Wt(t)) && k(), t.docChanged && y.value) {
 				let t = Lt(e, y.value.pos);
 				y.value = t?.kind === y.value.kind ? t : null;
 			}
 		},
 		onUpdate: ({ editor: t }) => {
-			I(t), u.value && F(t), S.value || e.onUpdate?.(re(t, { onContentRead: (n, r) => {
-				let i = se(e.contentFormat);
+			z(t), u.value && R(t), S.value || e.onUpdate?.(ie(t, { onContentRead: (n, r) => {
+				let i = V(e.contentFormat);
 				e.content !== void 0 && n === i && (C.value = {
 					content: r,
 					format: n,
@@ -4583,12 +4586,16 @@ function sa(e = {}) {
 				});
 			} }));
 		}
-	}), e.onAiEditControllerChange?.(we(j.value));
-	let M = G(() => j.value ?? null);
-	function N() {
+	});
+	let M = j.value, ee = we(M), N = !1, P = !1;
+	J(() => {
+		N || j.value !== M || (P = !0, e.onAiEditControllerChange?.(ee));
+	});
+	let F = G(() => j.value ?? null);
+	function I() {
 		g.value = null, _.value = null, h.value = an;
 	}
-	function P(e) {
+	function te(e) {
 		let t = nn(e.state);
 		if (!t) {
 			h.value = h.value.name === "idle" ? h.value : an, g.value = null, _.value = null;
@@ -4596,7 +4603,7 @@ function sa(e = {}) {
 		}
 		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 		if (!rn(r, { frameRect: i })) {
-			N();
+			I();
 			return;
 		}
 		let a = tn(n, {
@@ -4605,10 +4612,10 @@ function sa(e = {}) {
 		});
 		Qt(g.value, a) || (g.value = a), h.value = en(h.value, t);
 	}
-	function F(e) {
-		P(e.view);
+	function R(e) {
+		te(e.view);
 	}
-	function I(e) {
+	function z(e) {
 		let t = ye(e);
 		_e(m.value, t) || (m.value = t);
 		let n = zt(e);
@@ -4616,56 +4623,56 @@ function sa(e = {}) {
 		let r = Qe(e);
 		r.active && r.language === "mermaid" && (v.value = r.mermaidPreviewMode);
 	}
-	function L(e) {
+	function re(e) {
 		b.value = Ui(e);
 	}
-	let R = G(() => M.value ? Qe(M.value) : Hi), z = G(() => M.value ? un(M.value.state) : Vi), te = G(() => m.value?.currentNode === "codeBlock"), ne = G(() => te.value && R.value.language === "mermaid"), ce = G(() => M.value ? Jt({
-		active: ne.value,
+	let ce = G(() => F.value ? Qe(F.value) : Hi), le = G(() => F.value ? un(F.value.state) : Vi), ue = G(() => m.value?.currentNode === "codeBlock"), de = G(() => ue.value && ce.value.language === "mermaid"), fe = G(() => F.value ? Jt({
+		active: de.value,
 		mode: v.value,
-		source: R.value.text
+		source: ce.value.text
 	}) : Jt({
 		active: !1,
 		mode: "code",
 		source: ""
-	})), le = G(() => M.value && e.onRuntimeStateChange ? cn(M.value.state) : null), ue = G(() => M.value ? Ge(M.value.state) : Ue.items), de = G(() => Ke(ue.value, x.value)), fe = G(() => He(ue.value, de.value)), pe = G(() => Yt(h.value.query, s)), me = G(() => ge({
+	})), pe = G(() => F.value && e.onRuntimeStateChange ? cn(F.value.state) : null), me = G(() => F.value ? Ge(F.value.state) : Ue.items), ve = G(() => Ke(me.value, x.value)), xe = G(() => He(me.value, ve.value)), Se = G(() => Yt(h.value.query, s)), Te = G(() => ge({
 		revision: d.value,
 		mode: c.value,
 		editable: u.value,
-		toc: fe.value,
+		toc: xe.value,
 		selection: m.value,
 		slash: h.value,
-		table: z.value,
+		table: le.value,
 		tableInteraction: b.value,
-		codeBlock: R.value,
-		mermaid: ce.value,
-		tableDebugSnapshot: le.value
-	})), ve = {
-		closeSlashMenu: N,
-		focusFirstTableBodyCell: () => M.value ? ln(M.value) : !1,
+		codeBlock: ce.value,
+		mermaid: fe.value,
+		tableDebugSnapshot: pe.value
+	})), Ee = {
+		closeSlashMenu: I,
+		focusFirstTableBodyCell: () => F.value ? ln(F.value) : !1,
 		setContent: (e, t = {}) => {
-			if (!M.value) return !1;
-			let n = se(t.format);
-			return M.value.commands.setContent(e, {
-				contentType: ie(n),
+			if (!F.value) return !1;
+			let n = V(t.format);
+			return F.value.commands.setContent(e, {
+				contentType: ae(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && ln(M.value), I(M.value), u.value && F(M.value), L(M.value), O(), !0;
+			}), t.focusFirstTableBodyCell && ln(F.value), z(F.value), u.value && R(F.value), re(F.value), O(), !0;
 		}
 	};
-	function xe(e, t) {
-		if (!(!M.value || !u.value || !Xt(e))) {
+	function De(e, t) {
+		if (!(!F.value || !u.value || !Xt(e))) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
 				_.value = e;
 				return;
 			}
-			$t(M.value, h.value, e, t), h.value = on(h.value, { type: "execute" }), N();
+			$t(F.value, h.value, e, t), h.value = on(h.value, { type: "execute" }), I();
 		}
 	}
-	function Se(e) {
-		if (!M.value || _.value || !u.value) return;
-		let t = Zt(h.value, pe.value, e.key, { isComposing: e.isComposing || B(M.value.state) });
+	function Oe(e) {
+		if (!F.value || _.value || !u.value) return;
+		let t = Zt(h.value, Se.value, e.key, { isComposing: e.isComposing || ne(F.value.state) });
 		if (t.type !== "ignore") {
 			if (e.preventDefault(), t.type === "close") {
-				h.value = on(h.value, { type: "escape" }), N();
+				h.value = on(h.value, { type: "escape" }), I();
 				return;
 			}
 			if (t.type === "move-active") {
@@ -4676,91 +4683,91 @@ function sa(e = {}) {
 				});
 				return;
 			}
-			xe(t.command);
+			De(t.command);
 		}
 	}
 	K(() => [e.mode, e.editable], () => {
-		c.value = f(e.mode), M.value && (M.value.setEditable(u.value), p(M.value, {
+		c.value = f(e.mode), F.value && (F.value.setEditable(u.value), p(F.value, {
 			mode: c.value,
 			editable: u.value
-		}), Kt(M.value, u.value ? "live" : "view"), O(), u.value || N());
+		}), Kt(F.value, u.value ? "live" : "view"), O(), u.value || I());
 	}, { immediate: !0 }), K(() => e.theme, () => {
-		M.value && Gt(M.value, l.value);
+		F.value && Gt(F.value, l.value);
 	}, { immediate: !0 }), K(() => e.content, (t) => {
-		let n = se(e.contentFormat);
-		if (!(!M.value || t === void 0)) {
-			if (oe(M.value, C.value, t, n)) {
+		let n = V(e.contentFormat);
+		if (!(!F.value || t === void 0)) {
+			if (se(F.value, C.value, t, n)) {
 				C.value = null;
 				return;
 			}
-			C.value = null, !ae(M.value, t, n) && (S.value = !0, M.value.commands.setContent(t, {
-				contentType: ie(n),
+			C.value = null, !oe(F.value, t, n) && (S.value = !0, F.value.commands.setContent(t, {
+				contentType: ae(n),
 				emitUpdate: !1
-			}), S.value = !1, I(M.value), u.value && F(M.value), L(M.value), O());
+			}), S.value = !1, z(F.value), u.value && R(F.value), re(F.value), O());
 		}
-	}), K(me, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), K(fe, (t) => e.onTocChange?.(t), { immediate: !0 }), K(ue, (e) => {
+	}), K(Te, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), K(xe, (t) => e.onTocChange?.(t), { immediate: !0 }), K(me, (e) => {
 		let t = Ke(e, x.value);
 		x.value !== t && (x.value = t);
 	});
-	let Te = V(() => {
-		M.value && g.value && P(M.value.view);
-	}), Ee = () => {
-		g.value && Te.schedule();
+	let ke = B(() => {
+		F.value && g.value && te(F.value.view);
+	}), Ae = () => {
+		g.value && ke.schedule();
 	};
 	K(g, (e) => {
-		e ? Ee() : Te.cancel();
+		e ? Ae() : ke.cancel();
 	}), nr(() => {
-		window.addEventListener("resize", Ee), window.addEventListener("scroll", Ee, !0);
+		window.addEventListener("resize", Ae), window.addEventListener("scroll", Ae, !0);
 	}), q(() => {
-		Te.cancel(), window.removeEventListener("resize", Ee), window.removeEventListener("scroll", Ee, !0);
+		ke.cancel(), window.removeEventListener("resize", Ae), window.removeEventListener("scroll", Ae, !0);
 	});
-	let De = null;
+	let je = null;
 	return q(() => {
 		D !== null && window.clearTimeout(D);
 	}), nr(() => {
 		let e = () => {
-			if (!M.value || !ue.value.length) {
+			if (!F.value || !me.value.length) {
 				x.value = null;
 				return;
 			}
 			let e = null;
 			try {
-				e = We(M.value, ue.value);
+				e = We(F.value, me.value);
 			} catch {
 				return;
 			}
 			x.value !== e && (x.value = e);
-		}, t = () => window.requestAnimationFrame(e), n = Wi(M.value?.view.dom ?? null);
-		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), De = () => {
+		}, t = () => window.requestAnimationFrame(e), n = Wi(F.value?.view.dom ?? null);
+		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), je = () => {
 			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t);
 		};
 	}), q(() => {
-		De?.(), e.onAiEditControllerChange?.(null);
+		je?.(), N = !0, P && e.onAiEditControllerChange?.(null);
 		let t = j.value;
 		j.value = null, J(() => t?.destroy());
 	}), {
-		editor: M,
-		runtimeSnapshot: me,
-		actions: ve,
+		editor: F,
+		runtimeSnapshot: Te,
+		actions: Ee,
 		__render: {
 			messages: o,
 			effectiveEditable: u,
-			tableFocusState: z,
+			tableFocusState: le,
 			tableInteractionState: b,
-			codeBlockState: R,
-			isCodeBlockActive: te,
+			codeBlockState: ce,
+			isCodeBlockActive: ue,
 			mermaidMode: v,
 			mathTarget: y,
 			setMermaidMode: (e) => {
 				v.value = e;
 			},
-			tocState: fe,
-			filteredSlashCommands: pe,
+			tocState: xe,
+			filteredSlashCommands: Se,
 			slashState: h,
 			slashMenuPosition: g,
 			slashInputCommand: _,
-			runSlashCommand: xe,
-			handleEditorKeyDown: Se,
+			runSlashCommand: De,
+			handleEditorKeyDown: Oe,
 			setSlashInputCommand: (e) => {
 				_.value = e;
 			}
@@ -4959,4 +4966,4 @@ var ca = Y({
 	}
 });
 //#endregion
-export { ca as MarkweaveEditor, z as createMarkweaveAiEditController, Bi as createMarkweaveEditorExtensions, Bi as createMarkweaveVue2EditorExtensions, sa as useMarkweaveEditorController };
+export { ca as MarkweaveEditor, R as createMarkweaveAiEditController, Bi as createMarkweaveEditorExtensions, Bi as createMarkweaveVue2EditorExtensions, sa as useMarkweaveEditorController };