@markweave/vue2 0.1.4 → 0.1.6

package/dist/index.js

@@ -9,45 +9,46 @@ import { MarkweaveCoreImage as g, MarkweaveCoreVideo as _, attrsFromMarkweaveIma
 import { detectUploadSource as A, getDirectUploadResult as j, resolveMarkweaveUploadResult as M } from "markweave/internal/plugins/slash-command/upload";
 import { BubbleMenu as N } from "@tiptap/vue-2/menus";
 import { isEditorComposing as ee } from "markweave/internal/editor-core/composition-guard";
-import { createMarkweaveEditorUpdatePayload as te, getMarkweaveContentType as P, isEditorContentCurrent as F, normalizeMarkweaveContentFormat as I } from "markweave/internal/editor-core/editor-content";
-import { getCurrentFloatingToolbarBlockType as L, getFloatingToolbarHighlightColorOptions as R, getFloatingToolbarMoreActions as ne, getFloatingToolbarTextColorOptions as re, getFloatingToolbarTurnIntoOptions as z, runFloatingToolbarMoreAction as ie, setFloatingToolbarTurnInto as ae } from "markweave/internal/editor-core/floating-toolbar-model";
-import { openMarkweaveReadonlyLinkFromEvent as oe } from "markweave/internal/editor-core/readonly-link";
-import { createMarkweaveEditorRuntimeSnapshot as se } from "markweave/internal/editor-core/runtime-snapshot";
-import { createSelectionSnapshot as ce, shouldShowFloatingToolbar as le } from "markweave/internal/editor-core/selection-state";
-import { createMarkweaveTocState as ue, emptyMarkweaveTocState as de, getActiveMarkweaveTocId as fe, getMarkweaveTocItems as pe, getValidMarkweaveTocActiveId as me, normalizeMarkweaveInnerTocPlacement as he, observeMarkweaveInnerTocContainerPosition as ge, scrollToMarkweaveTocItem as _e } from "markweave/internal/core/toc-state";
-import { codeBlockCollapsePluginKey as ve, copyActiveCodeBlock as ye, getActiveCodeBlockState as be, getCodeBlockCopyFeedbackSnapshot as xe, markweaveCodeBlockBehavior as Se, setCodeBlockCollapsedAtPosition as Ce, setCodeBlockLanguageAtPosition as we, setCodeBlockMermaidPreviewModeAtPosition as Te } from "markweave/internal/plugins/codeblock/codeblock-behavior";
-import { calculateCodeBlockLanguageMenuPosition as Ee, clampFullscreenScale as De, codeBlockCopyFeedbackTimeoutMs as Oe, copyCodeBlockText as ke, createCodeBlockOverlayPosition as Ae, createMermaidFullscreenViewerState as je, createMermaidTabPosition as Me, focusCodeBlockTarget as Ne, formatCodeBlockLanguageLabel as Pe, formatFullscreenZoom as Fe, getActiveCodeBlockElement as Ie, getAnchoredRect as Le, getCodeBlockLanguageItems as Re, getCodeBlockPositionFromEventTarget as ze, getCodeBlockStateAtPosition as Be, getFrameElement as Ve, getMermaidCodeBlockTargets as He, getMermaidSvgMarkup as Ue, isCodeBlockTargetCollapsed as We, mergeStableMermaidTabPositions as Ge, mermaidFullscreenZoomStep as Ke, moveMermaidFullscreenViewer as qe } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
-import { normalizeMarkdownLinkHref as Je } from "markweave/internal/plugins/markdown/markdown-input";
-import { applyMarkweaveMathLatex as Ye, calculateMarkweaveMathPopoverPosition as Xe, getMarkweaveMathAnchorRect as Ze, getMarkweaveMathBlockIndex as Qe, getMarkweaveMathRenderedHtml as $e, getMarkweaveMathTargetAtPos as et, getMarkweaveMathTargetFromDomEvent as tt, getMarkweaveMathTargetFromSelection as nt, renderMarkweaveMathPreview as rt, setMarkweaveMathEditingDomState as it, setMarkweaveMathEditingDomStateInView as at, setMarkweaveMathSelectionInView as ot } from "markweave/internal/plugins/math/math-ui-model";
-import { isMermaidInlinePreviewTransaction as st, setMermaidInlinePreviewEditorMode as ct, setReadonlyMermaidPreviewMode as lt } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
-import { getMermaidPreviewState as ut } from "markweave/internal/plugins/mermaid/mermaid-renderer";
-import { filterSlashCommands as dt, isExecutableSlashCommand as ft } from "markweave/internal/plugins/slash-command/command-spec";
-import { getSlashCommandKeyboardAction as pt } from "markweave/internal/plugins/slash-command/slash-keyboard";
-import { executeSlashCommand as mt, getNextSlashCommandState as ht, getSlashCommandAnchoredMenuPosition as gt, getSlashCommandContext as _t } from "markweave/internal/plugins/slash-command/slash-runtime";
-import { initialSlashCommandState as vt, reduceSlashCommandState as yt } from "markweave/internal/plugins/slash-command/slash-state";
-import { setMarkweaveTableMenuAxisTarget as bt } from "markweave/internal/plugins/table/table-clipboard";
-import { getFirstTableDebugSnapshot as xt } from "markweave/internal/plugins/table/table-debug-snapshot";
-import { focusFirstTableBodyCell as St } from "markweave/internal/plugins/table/table-focus-position";
-import { getTableFocusState as Ct } from "markweave/internal/plugins/table/table-focus-state";
-import { getTableSelectionOverlayState as wt, initialTableInteractionState as Tt, tableInteractionPluginKey as Et } from "markweave/internal/plugins/table/table-interaction-layer";
-import { calculateAnchoredTableMenuPosition as Dt, calculateTableEdgeHandlePosition as Ot, canRunTableCommand as kt, executeTableMenuCommand as At, formatTableCopyFeedback as jt, getActiveTableElement as Mt, getAvailableCellMenuCommandSpecs as Nt, getTableAxisTargetRect as Pt, getTableControlAxisSelectionModel as Ft, getTableEditWithAiRequest as It, getTableMenuItemGroup as Lt, getTableMenuItemLabel as Rt, getTableMenuItems as zt, getTableSelectionTargetRect as Bt, measureTableSelectionOverlay as Vt, selectTableAxisFromCell as Ht, tableCopyFeedbackTimeoutMs as Ut, tableMenuLabel as Wt } from "markweave/internal/plugins/table/table-ui-model";
+import { createMarkweaveFrameScheduler as P } from "markweave/internal/editor-core/frame-scheduler";
+import { createMarkweaveEditorUpdatePayload as te, getMarkweaveContentType as F, isEditorContentCurrent as ne, isMarkweaveControlledContentEchoCurrent as I, normalizeMarkweaveContentFormat as L } from "markweave/internal/editor-core/editor-content";
+import { getCurrentFloatingToolbarBlockType as R, getFloatingToolbarHighlightColorOptions as re, getFloatingToolbarMoreActions as ie, getFloatingToolbarTextColorOptions as ae, getFloatingToolbarTurnIntoOptions as oe, runFloatingToolbarMoreAction as se, setFloatingToolbarTurnInto as ce } from "markweave/internal/editor-core/floating-toolbar-model";
+import { openMarkweaveReadonlyLinkFromEvent as le } from "markweave/internal/editor-core/readonly-link";
+import { createMarkweaveEditorRuntimeSnapshot as ue } from "markweave/internal/editor-core/runtime-snapshot";
+import { areEditorSelectionSnapshotsEquivalent as de, calculateFloatingToolbarPopoverPlacement as z, createSelectionSnapshot as fe, markweaveRuntimeProjectionDelayMs as pe, shouldShowFloatingToolbar as me } from "markweave/internal/editor-core/selection-state";
+import { createMarkweaveTocState as he, emptyMarkweaveTocState as ge, getActiveMarkweaveTocId as _e, getMarkweaveTocItems as ve, getValidMarkweaveTocActiveId as ye, normalizeMarkweaveInnerTocPlacement as be, observeMarkweaveInnerTocContainerPosition as xe, scrollToMarkweaveTocItem as Se } from "markweave/internal/core/toc-state";
+import { codeBlockCollapsePluginKey as Ce, copyActiveCodeBlock as we, getActiveCodeBlockState as Te, getCodeBlockCopyFeedbackSnapshot as Ee, markweaveCodeBlockBehavior as De, setCodeBlockCollapsedAtPosition as Oe, setCodeBlockLanguageAtPosition as ke, setCodeBlockMermaidPreviewModeAtPosition as Ae } from "markweave/internal/plugins/codeblock/codeblock-behavior";
+import { calculateCodeBlockLanguageMenuPosition as je, clampFullscreenScale as Me, codeBlockCopyFeedbackTimeoutMs as Ne, copyCodeBlockText as Pe, createCodeBlockOverlayPosition as Fe, createMermaidFullscreenViewerState as Ie, createMermaidTabPosition as Le, focusCodeBlockTarget as Re, formatCodeBlockLanguageLabel as ze, formatFullscreenZoom as Be, getActiveCodeBlockElement as Ve, getAnchoredRect as He, getCodeBlockLanguageItems as Ue, getCodeBlockPositionFromEventTarget as We, getCodeBlockStateAtPosition as Ge, getFrameElement as Ke, getMermaidCodeBlockTargets as qe, getMermaidSvgMarkup as Je, isCodeBlockTargetCollapsed as Ye, mergeStableMermaidTabPositions as Xe, mermaidFullscreenZoomStep as Ze, moveMermaidFullscreenViewer as Qe } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
+import { normalizeMarkdownLinkHref as $e } from "markweave/internal/plugins/markdown/markdown-input";
+import { applyMarkweaveMathLatex as et, calculateMarkweaveMathPopoverPosition as tt, getMarkweaveMathAnchorRect as nt, getMarkweaveMathBlockIndex as rt, getMarkweaveMathRenderedHtml as it, getMarkweaveMathTargetAtPos as at, getMarkweaveMathTargetFromDomEvent as ot, getMarkweaveMathTargetFromSelection as st, renderMarkweaveMathPreview as ct, setMarkweaveMathEditingDomState as lt, setMarkweaveMathEditingDomStateInView as ut, setMarkweaveMathSelectionInView as dt } from "markweave/internal/plugins/math/math-ui-model";
+import { isMermaidInlinePreviewTransaction as ft, setMermaidInlinePreviewEditorMode as pt, setReadonlyMermaidPreviewMode as mt } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
+import { getMermaidPreviewState as ht } from "markweave/internal/plugins/mermaid/mermaid-renderer";
+import { filterSlashCommands as gt, isExecutableSlashCommand as _t } from "markweave/internal/plugins/slash-command/command-spec";
+import { getSlashCommandKeyboardAction as vt } from "markweave/internal/plugins/slash-command/slash-keyboard";
+import { executeSlashCommand as yt, getNextSlashCommandState as bt, getSlashCommandAnchoredMenuPosition as xt, getSlashCommandContext as St } from "markweave/internal/plugins/slash-command/slash-runtime";
+import { initialSlashCommandState as Ct, reduceSlashCommandState as wt } from "markweave/internal/plugins/slash-command/slash-state";
+import { setMarkweaveTableMenuAxisTarget as Tt } from "markweave/internal/plugins/table/table-clipboard";
+import { getFirstTableDebugSnapshot as Et } from "markweave/internal/plugins/table/table-debug-snapshot";
+import { focusFirstTableBodyCell as Dt } from "markweave/internal/plugins/table/table-focus-position";
+import { getTableFocusState as Ot } from "markweave/internal/plugins/table/table-focus-state";
+import { getTableSelectionOverlayState as kt, initialTableInteractionState as At, tableInteractionPluginKey as jt } from "markweave/internal/plugins/table/table-interaction-layer";
+import { calculateAnchoredTableMenuPosition as Mt, calculateTableEdgeHandlePosition as Nt, canRunTableCommand as Pt, executeTableMenuCommand as Ft, formatTableCopyFeedback as It, getActiveTableElement as Lt, getAvailableCellMenuCommandSpecs as Rt, getTableAxisTargetRect as zt, getTableControlAxisSelectionModel as Bt, getTableEditWithAiRequest as Vt, getTableMenuItemGroup as Ht, getTableMenuItemLabel as Ut, getTableMenuItems as Wt, getTableSelectionTargetRect as Gt, measureTableSelectionOverlay as Kt, selectTableAxisFromCell as qt, tableCopyFeedbackTimeoutMs as Jt, tableMenuLabel as Yt } from "markweave/internal/plugins/table/table-ui-model";
 //#region src/vue2-compat.ts
-var Gt = o.default ?? o, Kt = null, qt = null, Jt = null;
-function Yt(e) {
+var Xt = o.default ?? o, Zt = null, Qt = null, $t = null;
+function en(e) {
 	return !!(e && typeof e == "object" && "value" in e);
 }
-function Xt(e) {
+function tn(e) {
 	let t = e.slice(2);
 	return t.endsWith("Capture") ? `!${t.slice(0, -7).replace(/^[A-Z]/, (e) => e.toLowerCase())}` : t.replace(/^[A-Z]/, (e) => e.toLowerCase());
 }
-function Zt(e) {
+function nn(e) {
 	let t = {}, n = {}, r = {}, i = {}, a = {};
 	for (let [o, s] of Object.entries(e)) if (s !== void 0) {
 		if (o === "class" || o === "style" || o === "key") {
 			t[o] = s;
 			continue;
 		}
-		if (o === "ref" && Yt(s)) {
+		if (o === "ref" && en(s)) {
 			a.insert = (e) => {
 				s.value = e.elm;
 			}, a.destroy = () => {
@@ -56,7 +57,7 @@ function Zt(e) {
 			continue;
 		}
 		if (/^on[A-Z]/.test(o)) {
-			i[Xt(o)] = s;
+			i[tn(o)] = s;
 			continue;
 		}
 		if (o === "value" || o === "checked" || o === "innerHTML" || o === "textContent") {
@@ -67,14 +68,14 @@ function Zt(e) {
 	}
 	return Object.keys(n).length && (t.attrs = n), Object.keys(r).length && (t.domProps = r), Object.keys(i).length && (t.on = i), Object.keys(a).length && (t.hook = a), t;
 }
-function Qt(e) {
+function rn(e) {
 	let t = {}, n = {}, r = {}, i = {};
 	for (let [a, o] of Object.entries(e)) if (o !== void 0) {
 		if (a === "class" || a === "style" || a === "key") {
 			t[a] = o;
 			continue;
 		}
-		if (a === "ref" && Yt(o)) {
+		if (a === "ref" && en(o)) {
 			i.insert = (e) => {
 				o.value = e.componentInstance ?? e.elm;
 			}, i.destroy = () => {
@@ -90,25 +91,25 @@ function Qt(e) {
 	}
 	return Object.keys(n).length && (t.props = n), Object.keys(r).length && (t.attrs = r), Object.keys(i).length && (t.hook = i), t;
 }
-function $t(e) {
+function an(e) {
 	return !!(e && typeof e == "object" && "default" in e && typeof e.default == "function");
 }
-function en(e) {
+function on(e) {
 	return !!(e && typeof e == "object" && ("tag" in e || "text" in e || "elm" in e || "componentOptions" in e || "componentInstance" in e));
 }
-function tn(e) {
+function sn(e) {
 	return e == null || Array.isArray(e) ? e : [e];
 }
-function nn(e) {
-	return typeof e == "function" ? tn(e()) : $t(e) ? tn(e.default()) : en(e) ? [e] : e;
+function cn(e) {
+	return typeof e == "function" ? sn(e()) : an(e) ? sn(e.default()) : on(e) ? [e] : e;
 }
 function B(e, t, n) {
-	if (!Jt) throw Error("Vue 2 render context is not available.");
-	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? Zt(r) : Qt(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : nn(n);
-	return Jt(e, i, a);
+	if (!$t) throw Error("Vue 2 render context is not available.");
+	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? nn(r) : rn(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : cn(n);
+	return $t(e, i, a);
 }
 function V(e) {
-	return Gt.observable({ value: e });
+	return Xt.observable({ value: e });
 }
 var H = V;
 function U(e) {
@@ -118,19 +119,19 @@ function U(e) {
 }
 function W(e, t, n) {
 	let r = typeof e == "function" ? e : () => e.value;
-	return Kt?.$watch ? Kt.$watch(r, t, n) : () => void 0;
+	return Zt?.$watch ? Zt.$watch(r, t, n) : () => void 0;
 }
 function G(e) {
-	qt?.mounted.push(e);
+	Qt?.mounted.push(e);
 }
 function K(e) {
-	qt?.beforeUnmount.push(e);
+	Qt?.beforeUnmount.push(e);
 }
 function q(e) {
-	return Gt.nextTick(e);
+	return Xt.nextTick(e);
 }
 function J(e) {
-	return Gt.extend({
+	return Xt.extend({
 		name: e.name,
 		props: e.props,
 		created() {
@@ -138,12 +139,12 @@ function J(e) {
 				mounted: [],
 				beforeUnmount: []
 			};
-			Kt = this, qt = t;
+			Zt = this, Qt = t;
 			try {
 				let n = e.setup?.(this.$props ?? this) ?? null;
 				this.__markweaveVue2Render = typeof n == "function" ? n : null, this.__markweaveVue2Lifecycle = t;
 			} finally {
-				Kt = null, qt = null;
+				Zt = null, Qt = null;
 			}
 		},
 		mounted() {
@@ -153,19 +154,19 @@ function J(e) {
 			this.__markweaveVue2Lifecycle?.beforeUnmount.forEach((e) => e());
 		},
 		render(t) {
-			Jt = t;
+			$t = t;
 			try {
 				let n = this.__markweaveVue2Render;
 				return n ? n() : e.render?.(t) ?? null;
 			} finally {
-				Jt = null;
+				$t = null;
 			}
 		}
 	});
 }
 //#endregion
 //#region src/vue2-icons.ts
-var rn = {
+var ln = {
 	AlignCenter: {
 		iconName: "text-align-center",
 		node: [
@@ -1030,7 +1031,7 @@ var rn = {
 		}]]
 	}
 };
-function an(e) {
+function un(e) {
 	return e.map(([e, t]) => B(e, t));
 }
 function Y(e) {
@@ -1051,7 +1052,7 @@ function Y(e) {
 			}
 		},
 		setup(t) {
-			let n = rn[e];
+			let n = ln[e];
 			return () => B("svg", {
 				class: `lucide lucide-${n.iconName}`,
 				viewBox: "0 0 24 24",
@@ -1064,14 +1065,14 @@ function Y(e) {
 				"stroke-width": t.absoluteStrokeWidth && t.size ? Number(t.strokeWidth) * 24 / Number(t.size) : t.strokeWidth,
 				"aria-hidden": "true",
 				focusable: "false"
-			}, an(n.node));
+			}, un(n.node));
 		}
 	});
 }
-var on = Y("AlignCenter"), sn = Y("AlignJustify"), cn = Y("AlignLeft"), ln = Y("AlignRight"), un = Y("AlertTriangle"), dn = Y("Bold"), fn = Y("Braces"), pn = Y("Captions"), mn = Y("CheckCircle2"), hn = Y("ChevronDown"), gn = Y("ChevronUp"), _n = Y("CircleX"), vn = Y("Code2"), yn = Y("CornerDownLeft"), bn = Y("Download"), xn = Y("Eye"), Sn = Y("ExternalLink"), Cn = Y("Heading1"), wn = Y("Heading2"), Tn = Y("Heading3"), En = Y("Image"), Dn = Y("ImageUp"), On = Y("IndentDecrease"), kn = Y("IndentIncrease"), An = Y("Info"), jn = Y("Italic"), Mn = Y("Lightbulb"), Nn = Y("Link2"), Pn = Y("List"), Fn = Y("ListChecks"), In = Y("ListOrdered"), Ln = Y("Minus"), Rn = Y("MoreVertical"), zn = Y("Paperclip");
+var dn = Y("AlignCenter"), fn = Y("AlignJustify"), pn = Y("AlignLeft"), mn = Y("AlignRight"), hn = Y("AlertTriangle"), gn = Y("Bold"), _n = Y("Braces"), vn = Y("Captions"), yn = Y("CheckCircle2"), bn = Y("ChevronDown"), xn = Y("ChevronUp"), Sn = Y("CircleX"), Cn = Y("Code2"), wn = Y("CornerDownLeft"), Tn = Y("Download"), En = Y("Eye"), Dn = Y("ExternalLink"), On = Y("Heading1"), kn = Y("Heading2"), An = Y("Heading3"), jn = Y("Image"), Mn = Y("ImageUp"), Nn = Y("IndentDecrease"), Pn = Y("IndentIncrease"), Fn = Y("Info"), In = Y("Italic"), Ln = Y("Lightbulb"), Rn = Y("Link2"), zn = Y("List"), Bn = Y("ListChecks"), Vn = Y("ListOrdered"), Hn = Y("Minus"), Un = Y("MoreVertical"), Wn = Y("Paperclip");
 Y("PencilLine");
-var Bn = Y("Quote"), Vn = Y("Replace"), Hn = Y("Sigma"), Un = Y("SmilePlus"), Wn = Y("Strikethrough"), Gn = Y("Subscript"), Kn = Y("Superscript"), qn = Y("Table2"), Jn = Y("Text"), Yn = Y("Trash2"), Xn = Y("Type"), Zn = Y("Underline"), Qn = Y("Upload"), $n = Y("Video"), er = E;
-function tr(e) {
+var Gn = Y("Quote"), Kn = Y("Replace"), qn = Y("Sigma"), Jn = Y("SmilePlus"), Yn = Y("Strikethrough"), Xn = Y("Subscript"), Zn = Y("Superscript"), Qn = Y("Table2"), $n = Y("Text"), er = Y("Trash2"), tr = Y("Type"), nr = Y("Underline"), rr = Y("Upload"), ir = Y("Video"), ar = E;
+function or(e) {
 	let t = e.view.dom.closest(".markweave-editor-frame"), n = () => {
 		let n = t?.getAttribute("data-markweave-mode");
 		return n === "view" ? {
@@ -1093,13 +1094,13 @@ function tr(e) {
 		i(), a?.disconnect();
 	}), r;
 }
-function nr(e) {
+function sr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function rr(e) {
+function cr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function ir(e, t) {
+function lr(e, t) {
 	return B(e, {
 		size: 18,
 		strokeWidth: 1.8,
@@ -1115,12 +1116,12 @@ function X(e) {
 		"data-active": e.active ? "true" : "false",
 		onMousedown: (e) => e.preventDefault(),
 		onClick: e.onClick
-	}, [ir(e.icon, e.label), B("span", {
+	}, [lr(e.icon, e.label), B("span", {
 		class: "markweave-image-tooltip",
 		role: "tooltip"
 	}, e.label)]);
 }
-function ar(e) {
+function ur(e) {
 	let t = V(null), n = e.messages.image;
 	return B("section", {
 		class: "markweave-image-upload-placeholder",
@@ -1154,7 +1155,7 @@ function ar(e) {
 		B("div", {
 			class: "markweave-image-upload-icon",
 			"aria-hidden": "true"
-		}, [B(Dn, {
+		}, [B(Mn, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
@@ -1179,7 +1180,7 @@ function ar(e) {
 				"data-testid": "markweave-image-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [B(Dn, {
+			}, [B(Mn, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
@@ -1195,7 +1196,7 @@ function ar(e) {
 		}, e.error) : null
 	]);
 }
-function or(e) {
+function dr(e) {
 	let t = V(null), n = e.messages.video;
 	return B("section", {
 		class: "markweave-video-upload-placeholder",
@@ -1229,7 +1230,7 @@ function or(e) {
 		B("div", {
 			class: "markweave-video-upload-icon",
 			"aria-hidden": "true"
-		}, [B($n, {
+		}, [B(ir, {
 			size: 46,
 			strokeWidth: 1.6
 		})]),
@@ -1254,7 +1255,7 @@ function or(e) {
 				"data-testid": "markweave-video-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [B(Qn, {
+			}, [B(rr, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
@@ -1270,7 +1271,7 @@ function or(e) {
 		}, e.error) : null
 	]);
 }
-var sr = J({
+var fr = J({
 	name: "MarkweaveVueImageNodeView",
 	props: {
 		editor: {
@@ -1303,7 +1304,7 @@ var sr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V(!1), r = V(!1), a = V(!1), o = V(""), s = V(null), l = V(!1), u = U(() => e.node.attrs), d = V(!!k(u.value.caption)), f = V(k(u.value.caption) ?? ""), m = tr(e.editor), g = U(() => c(m.value)), _ = U(() => e.extension.options?.messages ?? p("zh")), y = U(() => _.value.image), b = U(() => k(u.value.src)), C = U(() => er(u.value.align)), T = U(() => O(u.value.width)), E = U(() => k(u.value.caption)), D = U(() => g.value && (!b.value || r.value)), j = () => {
+		let t = V(null), n = V(!1), r = V(!1), a = V(!1), o = V(""), s = V(null), l = V(!1), u = U(() => e.node.attrs), d = V(!!k(u.value.caption)), f = V(k(u.value.caption) ?? ""), m = or(e.editor), g = U(() => c(m.value)), _ = U(() => e.extension.options?.messages ?? p("zh")), y = U(() => _.value.image), b = U(() => k(u.value.src)), C = U(() => ar(u.value.align)), T = U(() => O(u.value.width)), E = U(() => k(u.value.caption)), D = U(() => g.value && (!b.value || r.value)), j = () => {
 			b.value && h({
 				src: b.value,
 				alt: k(u.value.alt) ?? "",
@@ -1329,7 +1330,7 @@ var sr = J({
 				return;
 			}
 			e.deleteNode();
-		}, te = async (t) => {
+		}, P = async (t) => {
 			if (!g.value) return;
 			let n = e.extension.options;
 			l.value = !0, s.value = null;
@@ -1341,21 +1342,21 @@ var sr = J({
 			} finally {
 				l.value = !1, a.value = !1;
 			}
-		}, P = () => {
+		}, te = () => {
 			if (!o.value.trim()) {
 				s.value = y.value.uploadRequiredError;
 				return;
 			}
-			te(A(o.value));
+			P(A(o.value));
 		}, F = (e) => {
-			te({
+			P({
 				type: "file",
 				file: e,
 				mimeType: e.type || "image/*"
 			});
-		}, I = () => {
+		}, ne = () => {
 			d.value = !d.value, d.value && (f.value = E.value ?? "");
-		}, L = (n, r) => {
+		}, I = (n, r) => {
 			if (!g.value || !b.value) return;
 			r.preventDefault(), r.stopPropagation(), N();
 			let i = t.value;
@@ -1376,7 +1377,7 @@ var sr = J({
 			"data-selected": "false",
 			"data-hovered": "false",
 			"data-empty": "true"
-		}, () => ar({
+		}, () => ur({
 			messages: _.value,
 			inputValue: o.value,
 			error: s.value,
@@ -1386,7 +1387,7 @@ var sr = J({
 				o.value = e;
 			},
 			onFile: F,
-			onSubmit: P,
+			onSubmit: te,
 			onCancel: ee,
 			onDragActive: (e) => {
 				a.value = e;
@@ -1406,7 +1407,7 @@ var sr = J({
 				n.value = !1;
 			},
 			onMousedown: (e) => {
-				g.value && !nr(e.target) && N();
+				g.value && !sr(e.target) && N();
 			}
 		}, () => [
 			g.value ? B("div", {
@@ -1418,21 +1419,21 @@ var sr = J({
 				X({
 					testId: "markweave-image-align-left",
 					label: y.value.alignLeft,
-					icon: cn,
+					icon: pn,
 					active: C.value === "left",
 					onClick: () => e.updateAttributes({ align: "left" })
 				}),
 				X({
 					testId: "markweave-image-align-center",
 					label: y.value.alignCenter,
-					icon: on,
+					icon: dn,
 					active: C.value === "center",
 					onClick: () => e.updateAttributes({ align: "center" })
 				}),
 				X({
 					testId: "markweave-image-align-right",
 					label: y.value.alignRight,
-					icon: ln,
+					icon: mn,
 					active: C.value === "right",
 					onClick: () => e.updateAttributes({ align: "right" })
 				}),
@@ -1443,20 +1444,20 @@ var sr = J({
 				X({
 					testId: "markweave-image-caption",
 					label: y.value.caption,
-					icon: pn,
+					icon: vn,
 					active: d.value || !!E.value,
-					onClick: I
+					onClick: ne
 				}),
 				X({
 					testId: "markweave-image-preview",
 					label: y.value.preview,
-					icon: xn,
+					icon: En,
 					onClick: j
 				}),
 				X({
 					testId: "markweave-image-download",
 					label: y.value.download,
-					icon: bn,
+					icon: Tn,
 					onClick: () => {
 						b.value && w(b.value);
 					}
@@ -1464,7 +1465,7 @@ var sr = J({
 				X({
 					testId: "markweave-image-replace",
 					label: y.value.replace,
-					icon: Vn,
+					icon: Kn,
 					onClick: () => {
 						o.value = "", s.value = null, r.value = !0;
 					}
@@ -1476,7 +1477,7 @@ var sr = J({
 				X({
 					testId: "markweave-image-delete",
 					label: y.value.delete,
-					icon: Yn,
+					icon: er,
 					onClick: () => e.deleteNode()
 				})
 			]) : null,
@@ -1505,7 +1506,7 @@ var sr = J({
 					title: y.value.preview,
 					onMousedown: (e) => e.preventDefault(),
 					onClick: j
-				}, [B(xn, {
+				}, [B(En, {
 					size: 16,
 					strokeWidth: 1.8
 				}), B("span", {
@@ -1519,7 +1520,7 @@ var sr = J({
 					"data-side": "left",
 					"aria-label": y.value.resizeLeft,
 					"data-markweave-image-ui": "true",
-					onPointerdown: (e) => L("left", e)
+					onPointerdown: (e) => I("left", e)
 				}) : null,
 				g.value ? B("button", {
 					type: "button",
@@ -1528,7 +1529,7 @@ var sr = J({
 					"data-side": "right",
 					"aria-label": y.value.resizeRight,
 					"data-markweave-image-ui": "true",
-					onPointerdown: (e) => L("right", e)
+					onPointerdown: (e) => I("right", e)
 				}) : null
 			]),
 			g.value && (d.value || E.value) ? B("input", {
@@ -1550,7 +1551,7 @@ var sr = J({
 			}, E.value) : null
 		]);
 	}
-}), cr = J({
+}), pr = J({
 	name: "MarkweaveVueVideoNodeView",
 	props: {
 		editor: {
@@ -1583,7 +1584,7 @@ var sr = J({
 		}
 	},
 	setup(e) {
-		let t = V(!1), n = V(""), r = V(null), a = V(!1), o = tr(e.editor), s = U(() => c(o.value)), l = U(() => e.extension.options?.messages ?? p("zh")), u = U(() => l.value.video), d = U(() => e.node.attrs), f = U(() => k(d.value.src)), m = U(() => k(d.value.embedUrl)), h = U(() => k(d.value.provider)), g = U(() => m.value ? D(m.value, h.value) : null), _ = U(() => k(d.value.mimeType)), v = U(() => k(d.value.title)), x = () => {
+		let t = V(!1), n = V(""), r = V(null), a = V(!1), o = or(e.editor), s = U(() => c(o.value)), l = U(() => e.extension.options?.messages ?? p("zh")), u = U(() => l.value.video), d = U(() => e.node.attrs), f = U(() => k(d.value.src)), m = U(() => k(d.value.embedUrl)), h = U(() => k(d.value.provider)), g = U(() => m.value ? D(m.value, h.value) : null), _ = U(() => k(d.value.mimeType)), v = U(() => k(d.value.title)), x = () => {
 			f.value || e.deleteNode(), n.value = "", r.value = null, t.value = !1;
 		}, S = async (i) => {
 			if (!s.value) return;
@@ -1624,7 +1625,7 @@ var sr = J({
 			"data-testid": "markweave-video-node",
 			"data-empty": "true",
 			"data-selected": "false"
-		}, () => or({
+		}, () => dr({
 			messages: l.value,
 			inputValue: n.value,
 			error: r.value,
@@ -1651,7 +1652,7 @@ var sr = J({
 			onFocus: O,
 			onKeydown: A,
 			onMousedown: (e) => {
-				s.value && !rr(e.target) && (e.preventDefault(), O());
+				s.value && !cr(e.target) && (e.preventDefault(), O());
 			}
 		}, () => [g.value ? B("div", { class: "markweave-video-embed" }, [B("iframe", {
 			class: "markweave-video-iframe",
@@ -1661,6 +1662,7 @@ var sr = J({
 			"data-markweave-video-provider": h.value ?? void 0,
 			"data-markweave-video-src": f.value ?? void 0,
 			allow: T,
+			loading: "lazy",
 			allowfullscreen: "true"
 		}), s.value ? B("button", {
 			type: "button",
@@ -1672,6 +1674,7 @@ var sr = J({
 			class: "markweave-video",
 			src: f.value,
 			title: v.value ?? void 0,
+			preload: "metadata",
 			controls: !0,
 			"data-markweave-video": "true",
 			"data-markweave-mime-type": _.value ?? void 0
@@ -1687,7 +1690,7 @@ var sr = J({
 			"aria-hidden": "true"
 		})]);
 	}
-}), lr = g.extend({
+}), mr = g.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1696,9 +1699,9 @@ var sr = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : a(sr, { stopEvent: ({ event: e }) => nr(e.target) });
+		return typeof document > "u" ? null : a(fr, { stopEvent: ({ event: e }) => sr(e.target) });
 	}
-}), ur = _.extend({
+}), hr = _.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1707,17 +1710,17 @@ var sr = J({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : a(cr, { stopEvent: ({ event: e }) => rr(e.target) });
+		return typeof document > "u" ? null : a(pr, { stopEvent: ({ event: e }) => cr(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function dr(n = {}) {
+function gr(n = {}) {
 	return e({
 		lang: n.lang,
 		mediaExtensions: t({
-			image: lr,
-			video: ur,
+			image: mr,
+			video: hr,
 			lang: n.lang,
 			onImageUpload: n.onImageUpload,
 			onVideoUpload: n.onVideoUpload
@@ -1726,7 +1729,7 @@ function dr(n = {}) {
 }
 //#endregion
 //#region src/MarkweaveEditor.ts
-var fr = {
+var _r = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -1734,17 +1737,17 @@ var fr = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, pr = {
+}, vr = {
 	active: !1,
-	language: Se.defaultLanguage,
+	language: De.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
 };
-function mr(e) {
-	return Et.getState(e.state) ?? Tt;
+function yr(e) {
+	return jt.getState(e.state) ?? At;
 }
-function hr(e) {
+function br(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -1761,7 +1764,7 @@ function Z(e, t, n = 18, r = 1.8) {
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function gr(e) {
+function xr(e) {
 	return e === "clipboard" ? [B("path", { d: "M9 4.5h6a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 15 18.5H7A1.5 1.5 0 0 1 5.5 17V6A1.5 1.5 0 0 1 7 4.5h2" }), B("path", { d: "M8.5 5.5v-1A1.5 1.5 0 0 1 10 3h2a1.5 1.5 0 0 1 1.5 1.5v1h-5Z" })] : e === "search" ? [B("circle", {
 		cx: "10",
 		cy: "10",
@@ -1809,57 +1812,57 @@ function Q(e) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "1.8"
-	}, gr(e)));
+	}, xr(e)));
 }
 function $(e) {
 	e.preventDefault();
 }
-function _r(e) {
-	let t = Je(e);
+function Sr(e) {
+	let t = $e(e);
 	return !t || typeof window > "u" || typeof window.open != "function" ? !1 : (window.open(t, "_blank", "noopener,noreferrer"), !0);
 }
-var vr = {
-	bold: dn,
-	italic: jn,
-	underline: Zn,
-	strike: Wn,
-	"inline-code": vn,
-	link: Nn,
-	more: Rn,
-	superscript: Kn,
-	subscript: Gn,
-	"inline-math": Hn,
-	"align-left": cn,
-	"align-center": on,
-	"align-right": ln,
-	"align-justify": sn,
-	"decrease-indent": On,
-	"increase-indent": kn
-}, yr = {
-	type: Jn,
-	"heading-1": Cn,
-	"heading-2": wn,
-	"heading-3": Tn,
-	"bullet-list": Pn,
-	"ordered-list": In,
-	"task-list": Fn,
-	blockquote: Bn,
-	"code-block": fn,
-	info: An,
-	tip: Mn,
-	warning: un,
-	error: _n,
-	success: mn,
-	emoji: Un,
-	math: Hn,
-	table: qn,
-	separator: Ln,
-	image: En,
-	video: $n,
-	attachment: zn
+var Cr = {
+	bold: gn,
+	italic: In,
+	underline: nr,
+	strike: Yn,
+	"inline-code": Cn,
+	link: Rn,
+	more: Un,
+	superscript: Zn,
+	subscript: Xn,
+	"inline-math": qn,
+	"align-left": pn,
+	"align-center": dn,
+	"align-right": mn,
+	"align-justify": fn,
+	"decrease-indent": Nn,
+	"increase-indent": Pn
+}, wr = {
+	type: $n,
+	"heading-1": On,
+	"heading-2": kn,
+	"heading-3": An,
+	"bullet-list": zn,
+	"ordered-list": Vn,
+	"task-list": Bn,
+	blockquote: Gn,
+	"code-block": _n,
+	info: Fn,
+	tip: Ln,
+	warning: hn,
+	error: Sn,
+	success: yn,
+	emoji: Jn,
+	math: qn,
+	table: Qn,
+	separator: Hn,
+	image: jn,
+	video: ir,
+	attachment: Wn
 };
-function br(e) {
-	let t = yr[e];
+function Tr(e) {
+	let t = wr[e];
 	return B(t, {
 		size: 18,
 		strokeWidth: 1.6,
@@ -1867,21 +1870,21 @@ function br(e) {
 		"aria-hidden": "true"
 	});
 }
-var xr = {
-	paragraph: Xn,
-	"heading-1": Cn,
-	"heading-2": wn,
-	"heading-3": Tn,
-	"bullet-list": Pn,
-	"numbered-list": In,
-	"todo-list": Fn,
-	quote: Bn,
-	"code-block": fn
+var Er = {
+	paragraph: tr,
+	"heading-1": On,
+	"heading-2": kn,
+	"heading-3": An,
+	"bullet-list": zn,
+	"numbered-list": Vn,
+	"todo-list": Bn,
+	quote: Gn,
+	"code-block": _n
 };
-function Sr(e, t) {
-	return L(e, t).label;
+function Dr(e, t) {
+	return R(e, t).label;
 }
-var Cr = J({
+var Or = J({
 	name: "MarkweaveVueFloatingToolbar",
 	props: {
 		editor: {
@@ -1898,44 +1901,66 @@ var Cr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V(""), r = V(null), i = V(null), a = V(null), o = U(() => Je(n.value.trim())), s = U(() => e.messages.floatingToolbar), c = U(() => z(e.messages).map((e) => [
+		let t = V(null), n = V(""), r = V(null), i = V(null), a = V("bottom"), o = V(null), s = V(null), c = V(null), l = U(() => $e(n.value.trim())), u = U(() => e.messages.floatingToolbar), d = U(() => oe(e.messages).map((e) => [
 			e.id,
 			e.label,
-			xr[e.id]
-		])), l = U(() => re(e.messages).map((e) => [
+			Er[e.id]
+		])), f = U(() => ae(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), u = U(() => R(e.messages).map((e) => [
+		])), p = U(() => re(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), d = U(() => ne(e.messages).map((e) => e.id)), f = () => {
-			o.value && (e.editor.chain().focus().extendMarkRange("link").setLink({ href: o.value }).run(), t.value = null);
-		}, p = () => {
+		])), m = U(() => ie(e.messages).map((e) => e.id)), h = () => {
+			l.value && (e.editor.chain().focus().extendMarkRange("link").setLink({ href: l.value }).run(), t.value = null);
+		}, g = () => {
 			e.editor.isActive("link") && e.editor.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", t.value = null;
-		}, m = (r) => {
+		}, _ = (r) => {
 			t.value = t.value === r ? null : r, r === "link" && (n.value = e.editor.getAttributes("link").href ?? "");
-		}, h = (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, g = (e, t) => {
-			if (r.value = e, !e || !(t instanceof HTMLElement) || !a.value) {
+		}, v = P(() => {
+			let n = o.value, r = c.value, i = e.editor.view.dom.closest(".markweave-editor-frame");
+			if (!t.value || !n || !r) return;
+			let s = z({
+				toolbarRect: n.getBoundingClientRect(),
+				popoverSize: r.getBoundingClientRect(),
+				viewport: {
+					width: window.innerWidth,
+					height: window.innerHeight
+				},
+				frameRect: i?.getBoundingClientRect() ?? null,
+				gap: t.value === "more" ? 8 : 6
+			});
+			a.value = s.placement;
+		});
+		W(t, (e) => {
+			e && q(v.schedule);
+		}), G(() => {
+			window.addEventListener("resize", v.schedule), window.addEventListener("scroll", v.schedule, !0);
+		}), K(() => {
+			v.cancel(), window.removeEventListener("resize", v.schedule), window.removeEventListener("scroll", v.schedule, !0);
+		});
+		let y = (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, b = (e, t) => {
+			if (r.value = e, !e || !(t instanceof HTMLElement) || !s.value) {
 				i.value = null;
 				return;
 			}
-			let n = t.getBoundingClientRect(), o = a.value.getBoundingClientRect();
-			i.value = n.left + n.width / 2 - o.left;
-		}, _ = () => {
+			let n = t.getBoundingClientRect(), a = s.value.getBoundingClientRect();
+			i.value = n.left + n.width / 2 - a.left;
+		}, x = () => {
 			let e = r.value;
 			if (!e || t.value !== null) return null;
-			let n = s.value.buttons[e];
+			let n = u.value.buttons[e];
 			return n ? B("div", {
 				class: "markweave-floating-toolbar-tooltip",
 				role: "tooltip",
 				"data-testid": "markweave-floating-toolbar-tooltip",
 				"data-button-id": e,
-				"data-active": h(e),
+				"data-active": y(e),
 				style: i.value === null ? void 0 : { "--markweave-floating-toolbar-tooltip-left": `${i.value}px` }
 			}, n) : null;
-		}, v = (n, i, a, o, s = !1, c) => B("button", {
+		}, S = (n, i, a, o, s = !1, c) => B("button", {
 			type: "button",
 			class: `markweave-floating-toolbar-button markweave-floating-toolbar-button--${n}`,
 			"aria-label": i,
@@ -1948,16 +1973,16 @@ var Cr = J({
 			"data-active": s || t.value === n,
 			"data-tooltip-active": r.value === n ? "true" : "false",
 			"data-testid": `markweave-floating-toolbar-button-${n}`,
-			onBlur: () => g(null),
-			onFocus: (e) => g(n, e.currentTarget),
+			onBlur: () => b(null),
+			onFocus: (e) => b(n, e.currentTarget),
 			onMousedown: $,
-			onMouseenter: (e) => g(n, e.currentTarget),
-			onMouseleave: () => g(null),
+			onMouseenter: (e) => b(n, e.currentTarget),
+			onMouseleave: () => b(null),
 			onClick: o
-		}, n === "block-type" ? [B("span", { class: "markweave-floating-toolbar-button-inner" }, [B("span", { class: "markweave-floating-toolbar-block-label" }, Sr(e.editor, e.messages)), Z(t.value === "block-type" ? gn : hn, i)])] : n === "color" ? [B("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [B("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? gn : hn, i)])] : [Z(a, i)]), y = () => B("span", {
+		}, n === "block-type" ? [B("span", { class: "markweave-floating-toolbar-button-inner" }, [B("span", { class: "markweave-floating-toolbar-block-label" }, Dr(e.editor, e.messages)), Z(t.value === "block-type" ? xn : bn, i)])] : n === "color" ? [B("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [B("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Z(t.value === "color" ? xn : bn, i)])] : [Z(a, i)]), C = () => B("span", {
 			class: "markweave-floating-toolbar-divider",
 			"aria-hidden": "true"
-		}), b = (n, r, i) => B("section", {
+		}), w = (n, r, i) => B("section", {
 			class: "markweave-floating-toolbar-color-section",
 			"aria-label": n
 		}, [B("div", { class: "markweave-floating-toolbar-menu-title" }, n), B("div", { class: "markweave-floating-toolbar-swatch-grid" }, i.map(([n, i, a]) => B("button", {
@@ -1976,27 +2001,29 @@ var Cr = J({
 			class: "markweave-floating-toolbar-highlight-swatch",
 			style: { backgroundColor: i ?? "#ffffff" },
 			"aria-hidden": "true"
-		})])))]), x = () => t.value === "block-type" ? B("div", {
+		})])))]), T = () => t.value === "block-type" ? B("div", {
+			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-turn-menu",
 			"data-testid": "markweave-floating-toolbar-turn-menu"
-		}, [B("div", { class: "markweave-floating-toolbar-menu-title" }, s.value.turnIntoTitle), ...c.value.map(([n, r, i]) => B("button", {
+		}, [B("div", { class: "markweave-floating-toolbar-menu-title" }, u.value.turnIntoTitle), ...d.value.map(([n, r, i]) => B("button", {
 			key: n,
 			type: "button",
 			"data-testid": `markweave-floating-toolbar-turn-${n}`,
 			onMousedown: $,
 			onClick: () => {
-				ae(e.editor, n), t.value = null;
+				ce(e.editor, n), t.value = null;
 			}
 		}, [B("span", { class: "markweave-floating-toolbar-menu-icon" }, [Z(i, r)]), B("span", null, r)]))]) : t.value === "link" ? B("form", {
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-link-popover",
+			ref: c,
 			"data-testid": "markweave-floating-toolbar-link-popover",
 			onSubmit: (e) => {
-				e.preventDefault(), f();
+				e.preventDefault(), h();
 			}
 		}, [B("input", {
 			value: n.value,
-			placeholder: s.value.linkPlaceholder,
-			"aria-label": s.value.linkUrlLabel,
+			placeholder: u.value.linkPlaceholder,
+			"aria-label": u.value.linkUrlLabel,
 			"data-testid": "markweave-floating-toolbar-link-input",
 			onInput: (e) => {
 				n.value = e.target.value;
@@ -2004,42 +2031,44 @@ var Cr = J({
 		}), B("span", { class: "markweave-floating-toolbar-link-actions" }, [
 			B("button", {
 				type: "submit",
-				disabled: !o.value,
-				"aria-label": s.value.applyLink,
+				disabled: !l.value,
+				"aria-label": u.value.applyLink,
 				"data-testid": "markweave-floating-toolbar-link-apply",
 				onMousedown: $
-			}, [Z(yn, s.value.applyLink)]),
+			}, [Z(wn, u.value.applyLink)]),
 			B("span", {
 				class: "markweave-floating-toolbar-link-divider",
 				"aria-hidden": "true"
 			}),
 			B("button", {
 				type: "button",
-				disabled: !o.value,
-				"aria-label": s.value.openLink,
+				disabled: !l.value,
+				"aria-label": u.value.openLink,
 				"data-testid": "markweave-floating-toolbar-link-open",
 				onMousedown: $,
-				onClick: () => _r(n.value)
-			}, [Z(Sn, s.value.openLink)]),
+				onClick: () => Sr(n.value)
+			}, [Z(Dn, u.value.openLink)]),
 			B("button", {
 				type: "button",
-				"aria-label": s.value.removeLink,
+				"aria-label": u.value.removeLink,
 				"data-testid": "markweave-floating-toolbar-link-remove",
 				onMousedown: $,
-				onClick: p
-			}, [Z(Yn, s.value.removeLink)])
+				onClick: g
+			}, [Z(er, u.value.removeLink)])
 		])]) : t.value === "color" ? B("div", {
+			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
 			"data-testid": "markweave-floating-toolbar-color-menu"
-		}, [b(s.value.textColorTitle, "text", l.value), b(s.value.highlightColorTitle, "highlight", u.value)]) : t.value === "more" ? B("div", {
+		}, [w(u.value.textColorTitle, "text", f.value), w(u.value.highlightColorTitle, "highlight", p.value)]) : t.value === "more" ? B("div", {
+			ref: c,
 			class: "markweave-floating-toolbar-popover markweave-floating-toolbar-more-menu",
 			"data-testid": "markweave-floating-toolbar-more-menu"
-		}, d.value.map((n) => B("span", {
+		}, m.value.map((n) => B("span", {
 			key: n,
 			class: "markweave-floating-toolbar-more-item"
 		}, [B("button", {
 			type: "button",
-			"aria-label": s.value.moreActions[n],
+			"aria-label": u.value.moreActions[n],
 			"data-testid": `markweave-floating-toolbar-more-${n}`,
 			"data-tooltip-active": r.value === n ? "true" : "false",
 			onMousedown: $,
@@ -2050,41 +2079,43 @@ var Cr = J({
 				r.value = null;
 			},
 			onClick: () => {
-				ie(e.editor, n), t.value = null;
+				se(e.editor, n), t.value = null;
 			}
-		}, [Z(vr[n], s.value.moreActions[n])]), r.value === n ? B("div", {
+		}, [Z(Cr[n], u.value.moreActions[n])]), r.value === n ? B("div", {
 			class: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 			role: "tooltip"
-		}, s.value.moreActions[n]) : null]))) : null;
+		}, u.value.moreActions[n]) : null]))) : null;
 		return () => B(N, {
 			editor: e.editor,
-			shouldShow: ({ editor: e }) => e.isEditable && le(ce(e)),
+			shouldShow: ({ editor: e }) => e.isEditable && me(fe(e)),
 			options: { placement: "top" }
 		}, { default: () => B("div", {
+			ref: o,
 			class: "markweave-floating-toolbar markweave-floating-toolbar--default markweave-floating-toolbar--motion-entered",
+			"data-popover-placement": t.value ? a.value : void 0,
 			"data-testid": "markweave-floating-toolbar"
 		}, [B("div", {
-			ref: a,
+			ref: s,
 			class: "markweave-floating-toolbar-content",
 			"data-menu": t.value ?? "none"
 		}, [
-			v("block-type", s.value.buttons["block-type"], Xn, () => m("block-type"), t.value === "block-type"),
-			y(),
-			v("bold", s.value.buttons.bold, dn, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
-			v("italic", s.value.buttons.italic, jn, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
-			v("underline", s.value.buttons.underline, Zn, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
-			v("strike", s.value.buttons.strike, Wn, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
-			v("inline-code", s.value.buttons["inline-code"], vn, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
-			y(),
-			v("link", s.value.buttons.link, Nn, () => m("link"), e.editor.isActive("link")),
-			v("color", s.value.buttons.color, Xn, () => m("color"), t.value === "color"),
-			y(),
-			v("more", s.value.buttons.more, Rn, () => m("more"), t.value === "more"),
-			x(),
-			_()
+			S("block-type", u.value.buttons["block-type"], tr, () => _("block-type"), t.value === "block-type"),
+			C(),
+			S("bold", u.value.buttons.bold, gn, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
+			S("italic", u.value.buttons.italic, In, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
+			S("underline", u.value.buttons.underline, nr, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
+			S("strike", u.value.buttons.strike, Yn, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
+			S("inline-code", u.value.buttons["inline-code"], Cn, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
+			C(),
+			S("link", u.value.buttons.link, Rn, () => _("link"), e.editor.isActive("link")),
+			S("color", u.value.buttons.color, tr, () => _("color"), t.value === "color"),
+			C(),
+			S("more", u.value.buttons.more, Un, () => _("more"), t.value === "more"),
+			T(),
+			x()
 		])]) });
 	}
-}), wr = J({
+}), kr = J({
 	name: "MarkweaveVueMathEditorPopover",
 	props: {
 		editor: {
@@ -2105,17 +2136,17 @@ var Cr = J({
 		}
 	},
 	setup(e) {
-		let t = V(e.target.latex), n = H(null), r = V(null), i = V(null), a = H($e(e.editor, e.target)), o = U(() => t.value === e.target.latex && a.value ? {
+		let t = V(e.target.latex), n = H(null), r = V(null), i = V(null), a = H(it(e.editor, e.target)), o = U(() => t.value === e.target.latex && a.value ? {
 			html: a.value,
 			error: !1
-		} : rt(t.value, e.target.kind, e.editor)), s = U(() => t.value.trim().length > 0), c = U(() => e.messages.math), l = U(() => Qe(e.editor, e.target) ?? 1), u = () => {
+		} : ct(t.value, e.target.kind, e.editor)), s = U(() => t.value.trim().length > 0), c = U(() => e.messages.math), l = U(() => rt(e.editor, e.target) ?? 1), u = () => {
 			if (typeof window > "u") return;
-			let r = Ze(e.editor, e.target), i = e.editor.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
+			let r = nt(e.editor, e.target), i = e.editor.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 			if (!r || !i) {
 				e.onClose();
 				return;
 			}
-			n.value = Xe({
+			n.value = tt({
 				anchorRect: r,
 				frameRect: i,
 				kind: e.target.kind,
@@ -2124,7 +2155,7 @@ var Cr = J({
 				viewportWidth: window.innerWidth
 			});
 		}, d = () => {
-			s.value && Ye(e.editor, e.target, t.value) && e.onClose();
+			s.value && et(e.editor, e.target, t.value) && e.onClose();
 		}, f = (t) => {
 			if (t.key === "Escape") {
 				t.preventDefault(), e.onClose(), e.editor.commands.focus();
@@ -2136,13 +2167,13 @@ var Cr = J({
 			n instanceof Node && (r.value?.contains(n) || n instanceof Element && n.closest(".tiptap-mathematics-render") || e.onClose());
 		};
 		return W(() => [e.target.pos, e.target.latex], () => {
-			t.value = e.target.latex, a.value = $e(e.editor, e.target), q(u);
+			t.value = e.target.latex, a.value = it(e.editor, e.target), q(u);
 		}), G(() => {
-			it(e.editor, e.target, !0), u(), q(() => {
+			lt(e.editor, e.target, !0), u(), q(() => {
 				i.value?.focus({ preventScroll: !0 }), i.value?.select(), u();
 			}), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), document.addEventListener("mousedown", p);
 		}), K(() => {
-			it(e.editor, e.target, !1), window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0), document.removeEventListener("mousedown", p);
+			lt(e.editor, e.target, !1), window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0), document.removeEventListener("mousedown", p);
 		}), () => {
 			let a = e.target.kind === "block" ? c.value.blockTitle : c.value.inlineTitle, u = {
 				ref: i,
@@ -2203,14 +2234,14 @@ var Cr = J({
 			}, [
 				B("div", { class: "markweave-math-block-toolbar" }, [
 					B("span", null, c.value.label),
-					Z(vn, c.value.label, 15, 1.75),
+					Z(Cn, c.value.label, 15, 1.75),
 					B("button", {
 						type: "submit",
 						title: c.value.apply,
 						"aria-label": c.value.apply,
 						disabled: !s.value,
 						"data-testid": "markweave-math-editor-apply"
-					}, [Z(mn, c.value.apply, 16, 2)])
+					}, [Z(yn, c.value.apply, 16, 2)])
 				]),
 				B("label", {
 					class: "markweave-math-block-source",
@@ -2233,7 +2264,7 @@ var Cr = J({
 			]);
 		};
 	}
-}), Tr = J({
+}), Ar = J({
 	name: "MarkweaveVueSlashCommandMenu",
 	props: {
 		commands: {
@@ -2419,7 +2450,7 @@ var Cr = J({
 				class: "markweave-slash-group",
 				"aria-label": t.group
 			}, [B("div", { class: "markweave-slash-group-title" }, t.group), ...t.commands.map((t) => {
-				let n = e.commands.indexOf(t) === e.state.activeIndex, r = ft(t);
+				let n = e.commands.indexOf(t) === e.state.activeIndex, r = _t(t);
 				return B("button", {
 					key: t.id,
 					type: "button",
@@ -2442,7 +2473,7 @@ var Cr = J({
 						}
 					}
 				}, [
-					br(t.icon),
+					Tr(t.icon),
 					B("span", null, t.label),
 					t.disabledReason ? B("small", null, t.disabledReason) : null
 				]);
@@ -2453,7 +2484,7 @@ var Cr = J({
 			}, e.messages.slash.noResults)])]);
 		};
 	}
-}), Er = J({
+}), jr = J({
 	name: "MarkweaveVueTableControls",
 	props: {
 		editor: {
@@ -2486,12 +2517,12 @@ var Cr = J({
 		}
 	},
 	setup(e) {
-		let t = V(null), n = V("row-edge"), r = V(null), i = V(null), a = V(null), o = V(null), s = V(null), c = V(null), l = V(null), u = V(null), d = V(null), f = V(null), p = null, m = U(() => e.active ? Ct(e.editor.state) : fr), h = U(() => Ft(e.editor, e.interactionState, "row", m.value.activeCellPos)), g = U(() => Ft(e.editor, e.interactionState, "column", m.value.activeCellPos)), _ = U(() => Nt(e.editor)), v = U(() => _.value.length > 0), y = U(() => t.value ? zt(e.editor, t.value) : []), b = () => {
+		let t = V(null), n = V("row-edge"), r = V(null), i = V(null), a = V(null), o = V(null), s = V(null), c = V(null), l = V(null), u = V(null), d = V(null), f = V(null), p = null, m = U(() => e.active ? Ot(e.editor.state) : _r), h = U(() => Bt(e.editor, e.interactionState, "row", m.value.activeCellPos)), g = U(() => Bt(e.editor, e.interactionState, "column", m.value.activeCellPos)), _ = U(() => Rt(e.editor)), v = U(() => _.value.length > 0), y = U(() => t.value ? Wt(e.editor, t.value) : []), b = () => {
 			p === null || typeof window > "u" || (window.clearTimeout(p), p = null);
 		}, x = (e) => {
 			b(), s.value = e, !(!e || typeof window > "u") && (p = window.setTimeout(() => {
 				s.value = null, p = null;
-			}, Ut));
+			}, Jt));
 		}, S = () => {
 			if (!e.active) {
 				r.value = null, i.value = null, a.value = null, x(null);
@@ -2502,16 +2533,16 @@ var Cr = J({
 				r.value = null, i.value = null, a.value = null;
 				return;
 			}
-			let s = o.getBoundingClientRect(), c = h.value ? Pt(e.editor, h.value) : null, l = g.value ? Pt(e.editor, g.value) : null, u = v.value ? Bt(e.editor) : null;
-			c ? r.value = Ot({
+			let s = o.getBoundingClientRect(), c = h.value ? zt(e.editor, h.value) : null, l = g.value ? zt(e.editor, g.value) : null, u = v.value ? Gt(e.editor) : null;
+			c ? r.value = Nt({
 				targetRect: c,
 				frameRect: s,
 				kind: "row"
-			}) : t.value === "row" && n.value === "row-edge" || (r.value = null), l ? i.value = Ot({
+			}) : t.value === "row" && n.value === "row-edge" || (r.value = null), l ? i.value = Nt({
 				targetRect: l,
 				frameRect: s,
 				kind: "column"
-			}) : t.value === "column" && n.value === "column-edge" || (i.value = null), u ? a.value = Ot({
+			}) : t.value === "column" && n.value === "column-edge" || (i.value = null), u ? a.value = Nt({
 				targetRect: u,
 				frameRect: s,
 				kind: "selection"
@@ -2526,13 +2557,13 @@ var Cr = J({
 				o.value = null;
 				return;
 			}
-			let a = i.getBoundingClientRect(), s = t.value === "row" ? Mt(e.editor)?.getBoundingClientRect() : null, c = s ? {
+			let a = i.getBoundingClientRect(), s = t.value === "row" ? Lt(e.editor)?.getBoundingClientRect() : null, c = s ? {
 				left: a.left,
 				top: s.top,
 				width: a.width,
 				height: a.height
 			} : a, p = r.getBoundingClientRect(), m = f.value.getBoundingClientRect();
-			o.value = Dt({
+			o.value = Mt({
 				anchorRect: c,
 				frameRect: p,
 				menuSize: {
@@ -2549,16 +2580,16 @@ var Cr = J({
 			let i = t.value === e && n.value === r;
 			n.value = r, t.value = i ? null : e, T();
 		}, D = () => {
-			e.editor.view.dispatch(bt(e.editor.state.tr, null));
+			e.editor.view.dispatch(Tt(e.editor.state.tr, null));
 		}, O = (t, n) => {
 			let r = e.interactionState.hoverCellPos ?? m.value.activeCellPos, i = e.interactionState.hoverCellPos === null ? null : t === "row" ? e.interactionState.hoverVisualRowIndex : e.interactionState.hoverVisualColumnIndex;
-			r !== null && Ht(e.editor, r, t, { visualIndex: i }), E(t, n);
+			r !== null && qt(e.editor, r, t, { visualIndex: i }), E(t, n);
 		}, k = () => {
 			D(), E("selection", "selection-edge");
 		}, A = (n = !1) => {
 			t.value = null, o.value = null, n && e.editor.view.focus();
 		}, j = async (n, r) => {
-			let i = await At({
+			let i = await Ft({
 				editor: e.editor,
 				commandId: n,
 				menu: r ?? t.value ?? "selection",
@@ -2566,7 +2597,7 @@ var Cr = J({
 			});
 			return i.copyFeedback ? (x(i.copyFeedback), i.copyPayload && e.onCopyPayload?.(i.copyPayload)) : x(null), e.onCommandResult?.(i.commandResult), i.success;
 		}, M = (t) => {
-			let n = It(e.editor, t);
+			let n = Vt(e.editor, t);
 			n && e.onEditWithAi?.(n), A(!0);
 		}, N = (e) => {
 			!t.value || e.key !== "Escape" || A(!0);
@@ -2588,11 +2619,11 @@ var Cr = J({
 			t.value,
 			n.value
 		], T, { flush: "post" });
-		let te = () => t.value ? B("div", {
+		let P = () => t.value ? B("div", {
 			ref: f,
 			class: "markweave-table-menu",
 			role: "menu",
-			"aria-label": Wt(t.value, e.messages),
+			"aria-label": Yt(t.value, e.messages),
 			"data-testid": "markweave-table-menu",
 			"data-positioned": o.value ? "true" : "false",
 			style: o.value ? {
@@ -2600,7 +2631,7 @@ var Cr = J({
 				top: `${o.value.top}px`
 			} : void 0
 		}, y.value.map((n, r) => {
-			let i = Lt(n), a = r === 0 ? i : Lt(y.value[r - 1]), o = r > 0 && a !== i, s = n.commandId === null ? !!e.onEditWithAi : kt(e.editor, n.commandId), c = Rt(n, e.messages);
+			let i = Ht(n), a = r === 0 ? i : Ht(y.value[r - 1]), o = r > 0 && a !== i, s = n.commandId === null ? !!e.onEditWithAi : Pt(e.editor, n.commandId), c = Ut(n, e.messages);
 			return B("button", {
 				key: `${n.id}-${r}`,
 				type: "button",
@@ -2640,7 +2671,7 @@ var Cr = J({
 				"data-copy-kind": s.value.kind,
 				"data-text-length": s.value.textLength,
 				"data-html-length": s.value.htmlLength
-			}, jt(s.value)) : null,
+			}, It(s.value)) : null,
 			r.value ? B("button", {
 				ref: l,
 				type: "button",
@@ -2697,10 +2728,10 @@ var Cr = J({
 				onMousedown: $,
 				onClick: k
 			}, [B("span", { "aria-hidden": "true" }, "...")]) : null,
-			te()
+			P()
 		]) : null;
 	}
-}), Dr = J({
+}), Mr = J({
 	name: "MarkweaveVueTableSelectionOverlay",
 	props: {
 		editor: {
@@ -2718,7 +2749,7 @@ var Cr = J({
 				t.value = null;
 				return;
 			}
-			t.value = Vt(e.editor, wt(e.editor.state));
+			t.value = Kt(e.editor, kt(e.editor.state));
 		};
 		return G(() => {
 			n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
@@ -2756,7 +2787,7 @@ var Cr = J({
 			}) : null;
 		};
 	}
-}), Or = J({
+}), Nr = J({
 	name: "MarkweaveVueCodeBlockControls",
 	props: {
 		editor: {
@@ -2789,112 +2820,112 @@ var Cr = J({
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}), g = V(0), _ = V(0), v = V(0), y = null, b = U(() => (v.value, Be(e.editor, i.value))), x = U(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
+		}), g = V(0), _ = V(0), v = V(0), y = null, b = U(() => (v.value, Ge(e.editor, i.value))), x = U(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
 			...e.state,
 			pos: e.state.pos,
 			active: !0
-		} : null), S = U(() => b.value ?? x.value), C = U(() => S.value !== null), w = U(() => S.value?.language === "mermaid"), T = U(() => We(e.editor, S.value)), E = U(() => C.value && S.value !== null && !T.value), D = U(() => !e.readOnly), O = U(() => S.value ? Pe(S.value.language) : Pe("text")), k = U(() => u.value?.status ?? "idle"), A = U(() => S.value?.mermaidPreviewMode ?? e.mermaidMode), j = U(() => w.value && A.value === "preview"), M = U(() => (v.value, g.value, _.value, He(e.editor))), N = U(() => `${_.value}|${M.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), ee = U(() => Re(l.value)), te = U(() => S.value ? `${S.value.pos}:${S.value.language}:${S.value.text}` : "none"), P = () => {
+		} : null), S = U(() => b.value ?? x.value), C = U(() => S.value !== null), w = U(() => S.value?.language === "mermaid"), T = U(() => Ye(e.editor, S.value)), E = U(() => C.value && S.value !== null && !T.value), D = U(() => !e.readOnly), O = U(() => S.value ? ze(S.value.language) : ze("text")), k = U(() => u.value?.status ?? "idle"), A = U(() => S.value?.mermaidPreviewMode ?? e.mermaidMode), j = U(() => w.value && A.value === "preview"), M = U(() => (v.value, g.value, _.value, qe(e.editor))), N = U(() => `${_.value}|${M.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), ee = U(() => Ue(l.value)), P = U(() => S.value ? `${S.value.pos}:${S.value.language}:${S.value.text}` : "none"), te = () => {
 			y !== null && (window.clearTimeout(y), y = null);
 		}, F = (e) => {
-			P(), u.value = e, e && (y = window.setTimeout(() => {
+			te(), u.value = e, e && (y = window.setTimeout(() => {
 				u.value = null, y = null;
-			}, Oe));
-		}, I = () => {
+			}, Ne));
+		}, ne = () => {
 			f.value = null, p.value = null, m.value = !1, h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, e.editor.view.focus();
-		}, L = () => {
+		}, I = () => {
 			let n = t.value;
 			if (!n) return;
-			if (!Ve(n) || M.value.length === 0) {
+			if (!Ke(n) || M.value.length === 0) {
 				o.value = [];
 				return;
 			}
 			let r = n.getBoundingClientRect(), i = M.value.flatMap((t) => {
-				let n = Le(Ie(e.editor, t.pos, t.mermaidPreviewMode), r);
-				return n ? [Me(t, n, r)] : [];
+				let n = He(Ve(e.editor, t.pos, t.mermaidPreviewMode), r);
+				return n ? [Le(t, n, r)] : [];
 			});
-			o.value = Ge(o.value, i, M.value.map((e) => e.pos));
-		}, R = () => {
+			o.value = Xe(o.value, i, M.value.map((e) => e.pos));
+		}, L = () => {
 			if (!E.value || !S.value) {
 				a.value = null, s.value = null;
 				return;
 			}
 			let r = t.value;
 			if (!r) return;
-			let i = Ie(e.editor, S.value.pos, A.value), o = r.getBoundingClientRect(), l = Le(i, o);
+			let i = Ve(e.editor, S.value.pos, A.value), o = r.getBoundingClientRect(), l = He(i, o);
 			if (!l) {
 				a.value = a.value?.pos === S.value.pos ? a.value : null, s.value = c.value ? s.value : null;
 				return;
 			}
-			if (a.value = Ae(S.value.pos, l, o), c.value && n.value) {
+			if (a.value = Fe(S.value.pos, l, o), c.value && n.value) {
 				let e = n.value.getBoundingClientRect();
-				s.value = Ee({
+				s.value = je({
 					overlayRect: o,
 					buttonRect: e,
 					windowWidth: window.innerWidth,
 					windowHeight: window.innerHeight
 				});
 			}
-		}, ne = async () => {
+		}, R = async () => {
 			if (e.readOnly) {
 				if (!S.value) return;
-				let e = await ke(S.value.text);
-				F(xe(S.value, e ? "copied" : "failed"));
+				let e = await Pe(S.value.text);
+				F(Ee(S.value, e ? "copied" : "failed"));
 				return;
 			}
-			if (!Ne(e.editor, S.value)) return;
-			let t = await ye(e.editor);
-			F(xe(be(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
+			if (!Re(e.editor, S.value)) return;
+			let t = await we(e.editor);
+			F(Ee(Te(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
 		}, re = (t, n) => {
 			if (e.readOnly) {
-				lt(e.editor, t.pos, n) && (_.value += 1, v.value += 1);
+				mt(e.editor, t.pos, n) && (_.value += 1, v.value += 1);
 				return;
 			}
 			let r = e.state.active && e.state.pos === t.pos;
-			Te(e.editor, t.pos, n) && (e.onMermaidModeChange(n), v.value += 1, r && e.editor.view.focus());
-		}, z = (t) => {
+			Ae(e.editor, t.pos, n) && (e.onMermaidModeChange(n), v.value += 1, r && e.editor.view.focus());
+		}, ie = (t) => {
 			if (e.readOnly || !S.value) return;
 			let n = e.state.active && e.state.pos === S.value.pos;
-			we(e.editor, S.value.pos, t) && (t === "mermaid" && Te(e.editor, S.value.pos, "preview") && e.onMermaidModeChange("preview"), c.value = !1, l.value = "", v.value += 1, n && e.editor.view.focus());
-		}, ie = () => {
-			e.readOnly || !S.value || Ce(e.editor, S.value.pos, !T.value) && (g.value += 1, v.value += 1, i.value = null);
+			ke(e.editor, S.value.pos, t) && (t === "mermaid" && Ae(e.editor, S.value.pos, "preview") && e.onMermaidModeChange("preview"), c.value = !1, l.value = "", v.value += 1, n && e.editor.view.focus());
 		}, ae = () => {
+			e.readOnly || !S.value || Oe(e.editor, S.value.pos, !T.value) && (g.value += 1, v.value += 1, i.value = null);
+		}, oe = () => {
 			if (!S.value) return;
-			let t = Ue(e.editor, S.value.pos);
+			let t = Je(e.editor, S.value.pos);
 			if (!t) return;
 			let n = new Blob([t], { type: "image/svg+xml" }), r = URL.createObjectURL(n), i = document.createElement("a");
 			i.href = r, i.download = "markweave-mermaid.svg", i.click(), URL.revokeObjectURL(r), e.editor.view.focus();
-		}, oe = () => {
+		}, se = () => {
 			if (!S.value) return;
-			let t = Ue(e.editor, S.value.pos);
-			t && (f.value = je(t), p.value = null, m.value = !1, h.value = {
+			let t = Je(e.editor, S.value.pos);
+			t && (f.value = Ie(t), p.value = null, m.value = !1, h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			});
-		}, se = (e) => {
+		}, ce = (e) => {
 			f.value = f.value ? {
 				...f.value,
-				scale: De(f.value.scale + e)
+				scale: Me(f.value.scale + e)
 			} : null;
-		}, ce = () => {
-			f.value = f.value ? je(f.value.svg) : null, h.value = {
+		}, le = () => {
+			f.value = f.value ? Ie(f.value.svg) : null, h.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, m.value = !1;
-		}, le = (e) => {
-			e.preventDefault(), se(e.deltaY < 0 ? Ke : -Ke);
 		}, ue = (e) => {
+			e.preventDefault(), ce(e.deltaY < 0 ? Ze : -Ze);
+		}, de = (e) => {
 			e.button === 0 && (e.preventDefault(), h.value = {
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
 			}, m.value = !0);
-		}, de = (e) => {
+		}, z = (e) => {
 			let t = h.value;
 			if (!t.active) return;
 			let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
@@ -2902,7 +2933,7 @@ var Cr = J({
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
-			}, f.value = qe(f.value, n, r);
+			}, f.value = Qe(f.value, n, r);
 		}, fe = () => {
 			h.value = {
 				active: !1,
@@ -2912,10 +2943,10 @@ var Cr = J({
 		};
 		W(() => e.readOnly, (e) => {
 			e && (c.value = !1, l.value = "");
-		}), W(te, () => {
+		}), W(P, () => {
 			F(null), c.value = !1, l.value = "", f.value = null, p.value = null, m.value = !1;
 		}), W(c, async (e) => {
-			e && (await q(), R(), r.value?.focus({ preventScroll: !0 }));
+			e && (await q(), L(), r.value?.focus({ preventScroll: !0 }));
 		}), W(() => [
 			E.value,
 			g.value,
@@ -2923,12 +2954,12 @@ var Cr = J({
 			c.value,
 			A.value
 		], async () => {
-			await q(), R();
+			await q(), L();
 		}, {
 			flush: "post",
 			immediate: !0
 		}), W(N, async () => {
-			await q(), L(), window.requestAnimationFrame(L);
+			await q(), I(), window.requestAnimationFrame(I);
 		}, {
 			flush: "post",
 			immediate: !0
@@ -2938,14 +2969,14 @@ var Cr = J({
 			q(() => {
 				let n = e.editor.view.dom.closest(".markweave-editor-frame"), r = (n) => {
 					if (n.target instanceof Node && t.value?.contains(n.target) || c.value) return;
-					let r = ze(e.editor, n.target), a = Be(e.editor, r), o = a && !We(e.editor, a) ? a.pos : null;
+					let r = We(e.editor, n.target), a = Ge(e.editor, r), o = a && !Ye(e.editor, a) ? a.pos : null;
 					i.value = i.value === o ? i.value : o;
 				}, a = () => {
 					c.value || (i.value = null);
 				}, o = (t) => {
 					if (t.key === "Escape") {
 						if (f.value) {
-							I();
+							ne();
 							return;
 						}
 						c.value && (c.value = !1, e.editor.view.focus());
@@ -2953,14 +2984,14 @@ var Cr = J({
 				}, s = (e) => {
 					c.value && (e.target instanceof Node && t.value?.contains(e.target) || (c.value = !1));
 				}, l = ({ transaction: e }) => {
-					e.getMeta(ve) && (g.value += 1), (e.docChanged || e.selectionSet || e.getMeta(ve) || st(e)) && (v.value += 1);
+					e.getMeta(Ce) && (g.value += 1), (e.docChanged || e.selectionSet || e.getMeta(Ce) || ft(e)) && (v.value += 1);
 				};
-				n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", a), window.addEventListener("resize", R), window.addEventListener("scroll", R, !0), window.addEventListener("resize", L), window.addEventListener("scroll", L, !0), document.addEventListener("keydown", o), document.addEventListener("mousedown", s), e.editor.on("transaction", l), pe = () => {
-					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", a), window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0), window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0), document.removeEventListener("keydown", o), document.removeEventListener("mousedown", s), e.editor.off("transaction", l), P();
+				n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", a), window.addEventListener("resize", L), window.addEventListener("scroll", L, !0), window.addEventListener("resize", I), window.addEventListener("scroll", I, !0), document.addEventListener("keydown", o), document.addEventListener("mousedown", s), e.editor.on("transaction", l), pe = () => {
+					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", a), window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", I), window.removeEventListener("scroll", I, !0), document.removeEventListener("keydown", o), document.removeEventListener("mousedown", s), e.editor.off("transaction", l), te();
 				};
 			});
 		}), K(() => {
-			pe?.(), pe = null, P();
+			pe?.(), pe = null, te();
 		}), () => {
 			if (!E.value && M.value.length === 0 && !f.value) return null;
 			let i = a.value ? {
@@ -3031,7 +3062,7 @@ var Cr = J({
 						"data-testid": "markweave-codeblock-collapse",
 						"data-collapsed": T.value ? "true" : "false",
 						onMousedown: $,
-						onClick: ie
+						onClick: ae
 					}, [Q("chevron")]) : null,
 					B("span", { class: "markweave-codeblock-copy-wrap" }, [B("button", {
 						type: "button",
@@ -3053,7 +3084,7 @@ var Cr = J({
 							d.value = !1;
 						},
 						onClick: () => {
-							ne();
+							R();
 						}
 					}, [Q(k.value === "copied" ? "check" : "clipboard")]), d.value ? B("span", {
 						class: "markweave-codeblock-tooltip",
@@ -3070,7 +3101,7 @@ var Cr = J({
 						"data-testid": "markweave-mermaid-fullscreen",
 						disabled: !j.value,
 						onMousedown: $,
-						onClick: oe
+						onClick: se
 					}, [Q("expand")]), B("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
@@ -3078,7 +3109,7 @@ var Cr = J({
 						"data-testid": "markweave-mermaid-download",
 						disabled: !j.value,
 						onMousedown: $,
-						onClick: ae
+						onClick: oe
 					}, [Q("download")])]) : null
 				]) : null,
 				D.value && E.value && c.value && S.value ? B("div", {
@@ -3109,7 +3140,7 @@ var Cr = J({
 						"data-testid": `markweave-codeblock-language-option-${e.language}`,
 						"data-active": t ? "true" : "false",
 						onMousedown: $,
-						onClick: () => z(e.language)
+						onClick: () => ie(e.language)
 					}, [B("span", null, e.label), t ? Q("check") : null]);
 				}))]) : null,
 				f.value ? B("div", {
@@ -3140,12 +3171,12 @@ var Cr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: () => se(-Ke)
+							onClick: () => ce(-Ze)
 						}, [Q("zoomOut")]),
 						B("span", {
 							class: "markweave-mermaid-fullscreen-zoom-label",
 							"data-testid": "markweave-mermaid-fullscreen-zoom-label"
-						}, Fe(f.value.scale)),
+						}, Be(f.value.scale)),
 						B("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
@@ -3163,7 +3194,7 @@ var Cr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: () => se(Ke)
+							onClick: () => ce(Ze)
 						}, [Q("zoomIn")]),
 						B("button", {
 							type: "button",
@@ -3182,7 +3213,7 @@ var Cr = J({
 							onBlur: () => {
 								p.value = null;
 							},
-							onClick: ce
+							onClick: le
 						}, [Q("reset")]),
 						p.value ? B("span", {
 							class: "markweave-mermaid-fullscreen-tooltip",
@@ -3195,15 +3226,15 @@ var Cr = J({
 						class: "markweave-mermaid-fullscreen-close",
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
-						onClick: I
+						onClick: ne
 					}, [Q("close")]),
 					B("div", {
 						class: "markweave-mermaid-fullscreen-viewport",
 						"data-testid": "markweave-mermaid-fullscreen-viewport",
 						"data-dragging": m.value ? "true" : "false",
-						onWheel: le,
-						onMousedown: ue,
-						onMousemove: de,
+						onWheel: ue,
+						onMousedown: de,
+						onMousemove: z,
 						onMouseup: fe,
 						onMouseleave: fe
 					}, [B("div", {
@@ -3222,7 +3253,7 @@ var Cr = J({
 			]);
 		};
 	}
-}), kr = J({
+}), Pr = J({
 	name: "MarkweaveVueInnerToc",
 	props: {
 		editor: {
@@ -3248,7 +3279,7 @@ var Cr = J({
 	},
 	setup(e) {
 		let t = V(null), n, r = () => {
-			n?.(), n = e.placement === "container" && t.value ? ge(t.value) : void 0;
+			n?.(), n = e.placement === "container" && t.value ? xe(t.value) : void 0;
 		};
 		return G(r), K(() => n?.()), W(() => e.placement, r), () => e.state.items.length ? B("nav", {
 			ref: t,
@@ -3271,23 +3302,32 @@ var Cr = J({
 			"aria-current": t.active ? "location" : void 0,
 			"aria-label": `${e.messages.toc.itemAriaLabel}: ${t.text}`,
 			title: t.text,
-			onClick: () => _e(e.editor, t, {
+			onClick: () => Se(e.editor, t, {
 				behavior: "smooth",
 				focus: e.editable
 			})
 		}, t.text)))])]) : null;
 	}
 });
-function Ar(e = {}) {
-	let t = m(e.lang), r = p(t), i = f(t), a = V(l(e.mode)), o = U(() => a.value === "live" && e.editable !== !1), s = V(0), c = H(null), d = V(vt), h = H(null), g = H(null), _ = V("code"), v = H(null), y = H(Tt), b = V(null), x = V(!1), S = I(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), C = e.onSlashCommandUpload, w = H(null);
-	w.value = new n({
-		extensions: dr({
+function Fr(e = {}) {
+	let t = m(e.lang), r = p(t), i = f(t), a = V(l(e.mode)), o = U(() => a.value === "live" && e.editable !== !1), s = V(0), c = H(null), d = V(Ct), h = H(null), g = H(null), _ = V("code"), v = H(null), y = H(At), b = V(null), x = V(!1), S = H(null), C = L(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), w = null;
+	function T() {
+		w !== null && (window.clearTimeout(w), w = null), s.value += 1;
+	}
+	function E() {
+		w !== null && window.clearTimeout(w), w = window.setTimeout(() => {
+			w = null, s.value += 1;
+		}, pe);
+	}
+	let D = e.onSlashCommandUpload, O = H(null);
+	O.value = new n({
+		extensions: gr({
 			lang: t,
-			onImageUpload: (e) => C?.(e) ?? j(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
-			onVideoUpload: (e) => C?.(e) ?? j(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler."))
+			onImageUpload: (e) => D?.(e) ?? j(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
+			onVideoUpload: (e) => D?.(e) ?? j(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler."))
 		}),
 		content: e.content ?? e.defaultContent ?? "",
-		contentType: P(S),
+		contentType: F(C),
 		editable: o.value,
 		autofocus: e.autofocus,
 		editorProps: {
@@ -3300,190 +3340,209 @@ function Ar(e = {}) {
 				translate: "no"
 			},
 			handleClick: (e, t, n) => {
-				if (!o.value) return oe(n);
-				let r = tt(e, n);
-				return r ? (n.preventDefault(), n.stopPropagation(), E(), at(e, r, !0), ot(e, r), v.value = r, !0) : (v.value = null, !1);
+				if (!o.value) return le(n);
+				let r = ot(e, n);
+				return r ? (n.preventDefault(), n.stopPropagation(), A(), ut(e, r, !0), dt(e, r), v.value = r, !0) : (v.value = null, !1);
 			},
 			handleDOMEvents: {
-				compositionstart: () => o.value ? (d.value = yt(d.value, { type: "composition-start" }), h.value = null, !1) : !1,
-				compositionend: (e) => (o.value && window.setTimeout(() => D(e), 0), !1),
+				compositionstart: () => o.value ? (d.value = wt(d.value, { type: "composition-start" }), h.value = null, !1) : !1,
+				compositionend: (e) => (o.value && window.setTimeout(() => M(e), 0), !1),
 				click: (e, t) => {
-					if (!o.value) return oe(t);
-					let n = tt(e, t);
-					return n ? (t.preventDefault(), t.stopPropagation(), E(), at(e, n, !0), ot(e, n), v.value = n, !0) : (v.value = null, !1);
+					if (!o.value) return le(t);
+					let n = ot(e, t);
+					return n ? (t.preventDefault(), t.stopPropagation(), A(), ut(e, n, !0), dt(e, n), v.value = n, !0) : (v.value = null, !1);
 				}
 			}
 		},
-		onSelectionUpdate: ({ editor: e }) => k(e),
+		onSelectionUpdate: ({ editor: e }) => P(e),
 		onCreate: ({ editor: t }) => {
 			u(t, {
 				mode: a.value,
 				editable: o.value
-			}), ct(t, o.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && o.value && St(t), A(t), k(t), s.value += 1;
+			}), pt(t, o.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && o.value && Dt(t), R(t), P(t), T();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			if (A(e), (t.docChanged || st(t)) && (s.value += 1), t.docChanged && v.value) {
-				let t = et(e, v.value.pos);
+			if (R(e), (t.docChanged || ft(t)) && E(), t.docChanged && v.value) {
+				let t = at(e, v.value.pos);
 				v.value = t?.kind === v.value.kind ? t : null;
 			}
 		},
 		onUpdate: ({ editor: t }) => {
-			k(t), o.value && O(t), x.value || e.onUpdate?.(te(t));
+			P(t), o.value && N(t), x.value || e.onUpdate?.(te(t, { onContentRead: (n, r) => {
+				let i = L(e.contentFormat);
+				e.content !== void 0 && n === i && (S.value = {
+					content: r,
+					format: n,
+					doc: t.state.doc
+				});
+			} }));
 		}
 	});
-	let T = U(() => w.value ?? null);
-	function E() {
-		h.value = null, g.value = null, d.value = vt;
+	let k = U(() => O.value ?? null);
+	function A() {
+		h.value = null, g.value = null, d.value = Ct;
 	}
-	function D(e) {
-		let t = _t(e.state);
+	function M(e) {
+		let t = St(e.state);
 		if (!t) {
-			d.value = d.value.name === "idle" ? d.value : vt, h.value = null, g.value = null;
+			d.value = d.value.name === "idle" ? d.value : Ct, h.value = null, g.value = null;
 			return;
 		}
 		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
-		h.value = gt(n, {
+		h.value = xt(n, {
 			frameRect: i,
 			triggerRect: r
-		}), d.value = ht(d.value, t);
+		}), d.value = bt(d.value, t);
 	}
-	function O(e) {
-		D(e.view);
+	function N(e) {
+		M(e.view);
 	}
-	function k(e) {
-		c.value = ce(e);
-		let t = nt(e);
-		t && (it(e, t, !0), v.value = t);
-		let n = be(e);
-		n.active && n.language === "mermaid" && (_.value = n.mermaidPreviewMode);
+	function P(e) {
+		let t = fe(e);
+		de(c.value, t) || (c.value = t);
+		let n = st(e);
+		n && (lt(e, n, !0), v.value = n);
+		let r = Te(e);
+		r.active && r.language === "mermaid" && (_.value = r.mermaidPreviewMode);
 	}
-	function A(e) {
-		y.value = mr(e);
+	function R(e) {
+		y.value = yr(e);
 	}
-	let M = U(() => T.value ? be(T.value) : pr), N = U(() => T.value ? Ct(T.value.state) : fr), L = U(() => c.value?.currentNode === "codeBlock"), R = U(() => L.value && M.value.language === "mermaid"), ne = U(() => T.value ? ut({
-		active: R.value,
+	let re = U(() => k.value ? Te(k.value) : vr), ie = U(() => k.value ? Ot(k.value.state) : _r), ae = U(() => c.value?.currentNode === "codeBlock"), oe = U(() => ae.value && re.value.language === "mermaid"), se = U(() => k.value ? ht({
+		active: oe.value,
 		mode: _.value,
-		source: M.value.text
-	}) : ut({
+		source: re.value.text
+	}) : ht({
 		active: !1,
 		mode: "code",
 		source: ""
-	})), re = U(() => T.value ? xt(T.value.state) : null), z = U(() => T.value ? pe(T.value.state.doc) : de.items), ie = U(() => me(z.value, b.value)), ae = U(() => ue(z.value, ie.value)), le = U(() => dt(d.value.query, i)), he = U(() => se({
+	})), ce = U(() => k.value ? Et(k.value.state) : null), z = U(() => k.value ? ve(k.value.state.doc) : ge.items), me = U(() => ye(z.value, b.value)), be = U(() => he(z.value, me.value)), xe = U(() => gt(d.value.query, i)), Se = U(() => ue({
 		revision: s.value,
 		mode: a.value,
 		editable: o.value,
-		toc: ae.value,
+		toc: be.value,
 		selection: c.value,
 		slash: d.value,
-		table: N.value,
+		table: ie.value,
 		tableInteraction: y.value,
-		codeBlock: M.value,
-		mermaid: ne.value,
-		tableDebugSnapshot: re.value
-	})), ge = {
-		closeSlashMenu: E,
-		focusFirstTableBodyCell: () => T.value ? St(T.value) : !1,
+		codeBlock: re.value,
+		mermaid: se.value,
+		tableDebugSnapshot: ce.value
+	})), Ce = {
+		closeSlashMenu: A,
+		focusFirstTableBodyCell: () => k.value ? Dt(k.value) : !1,
 		setContent: (e, t = {}) => {
-			if (!T.value) return !1;
-			let n = I(t.format);
-			return T.value.commands.setContent(e, {
-				contentType: P(n),
+			if (!k.value) return !1;
+			let n = L(t.format);
+			return k.value.commands.setContent(e, {
+				contentType: F(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && St(T.value), k(T.value), o.value && O(T.value), A(T.value), s.value += 1, !0;
+			}), t.focusFirstTableBodyCell && Dt(k.value), P(k.value), o.value && N(k.value), R(k.value), T(), !0;
 		}
 	};
-	function _e(e, t) {
-		if (!(!T.value || !o.value || !ft(e))) {
+	function we(e, t) {
+		if (!(!k.value || !o.value || !_t(e))) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
 				g.value = e;
 				return;
 			}
-			mt(T.value, d.value, e, t), d.value = yt(d.value, { type: "execute" }), E();
+			yt(k.value, d.value, e, t), d.value = wt(d.value, { type: "execute" }), A();
 		}
 	}
-	function ve(e) {
-		if (!T.value || g.value || !o.value) return;
-		let t = pt(d.value, le.value, e.key, { isComposing: e.isComposing || ee(T.value.state) });
+	function Ee(e) {
+		if (!k.value || g.value || !o.value) return;
+		let t = vt(d.value, xe.value, e.key, { isComposing: e.isComposing || ee(k.value.state) });
 		if (t.type !== "ignore") {
 			if (e.preventDefault(), t.type === "close") {
-				d.value = yt(d.value, { type: "escape" }), E();
+				d.value = wt(d.value, { type: "escape" }), A();
 				return;
 			}
 			if (t.type === "move-active") {
-				d.value = yt(d.value, {
+				d.value = wt(d.value, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
 				});
 				return;
 			}
-			_e(t.command);
+			we(t.command);
 		}
 	}
 	W(() => [e.mode, e.editable], () => {
-		a.value = l(e.mode), T.value && (T.value.setEditable(o.value), u(T.value, {
+		a.value = l(e.mode), k.value && (k.value.setEditable(o.value), u(k.value, {
 			mode: a.value,
 			editable: o.value
-		}), ct(T.value, o.value ? "live" : "view"), o.value || E());
+		}), pt(k.value, o.value ? "live" : "view"), T(), o.value || A());
 	}, { immediate: !0 }), W(() => e.content, (t) => {
-		!T.value || t === void 0 || F(T.value, t, I(e.contentFormat)) || (x.value = !0, T.value.commands.setContent(t, {
-			contentType: P(I(e.contentFormat)),
-			emitUpdate: !1
-		}), x.value = !1, k(T.value), o.value && O(T.value), A(T.value), s.value += 1);
-	}), W(he, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), W(ae, (t) => e.onTocChange?.(t), { immediate: !0 }), W(z, (e) => {
-		let t = me(e, b.value);
+		let n = L(e.contentFormat);
+		if (!(!k.value || t === void 0)) {
+			if (I(k.value, S.value, t, n)) {
+				S.value = null;
+				return;
+			}
+			S.value = null, !ne(k.value, t, n) && (x.value = !0, k.value.commands.setContent(t, {
+				contentType: F(n),
+				emitUpdate: !1
+			}), x.value = !1, P(k.value), o.value && N(k.value), R(k.value), T());
+		}
+	}), W(Se, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), W(be, (t) => e.onTocChange?.(t), { immediate: !0 }), W(z, (e) => {
+		let t = ye(e, b.value);
 		b.value !== t && (b.value = t);
 	});
-	let ye = null;
-	return G(() => {
+	let De = null;
+	return K(() => {
+		w !== null && window.clearTimeout(w);
+	}), G(() => {
 		let e = () => {
-			if (!T.value || !z.value.length) {
+			if (!k.value || !z.value.length) {
 				b.value = null;
 				return;
 			}
 			let e = null;
 			try {
-				e = fe(T.value, z.value);
+				e = _e(k.value, z.value);
 			} catch {
 				return;
 			}
 			b.value !== e && (b.value = e);
-		}, t = () => window.requestAnimationFrame(e), n = hr(T.value?.view.dom ?? null);
-		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), ye = () => {
+		}, t = () => window.requestAnimationFrame(e), n = br(k.value?.view.dom ?? null);
+		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), De = () => {
 			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t);
 		};
 	}), K(() => {
-		ye?.(), w.value?.destroy(), w.value = null;
+		De?.();
+		let e = O.value;
+		O.value = null, q(() => e?.destroy());
 	}), {
-		editor: T,
-		runtimeSnapshot: he,
-		actions: ge,
+		editor: k,
+		runtimeSnapshot: Se,
+		actions: Ce,
 		__render: {
 			messages: r,
 			effectiveEditable: o,
-			tableFocusState: N,
+			tableFocusState: ie,
 			tableInteractionState: y,
-			codeBlockState: M,
-			isCodeBlockActive: L,
+			codeBlockState: re,
+			isCodeBlockActive: ae,
 			mermaidMode: _,
 			mathTarget: v,
 			setMermaidMode: (e) => {
 				_.value = e;
 			},
-			tocState: ae,
-			filteredSlashCommands: le,
+			tocState: be,
+			filteredSlashCommands: xe,
 			slashState: d,
 			slashMenuPosition: h,
 			slashInputCommand: g,
-			runSlashCommand: _e,
-			handleEditorKeyDown: ve,
+			runSlashCommand: we,
+			handleEditorKeyDown: Ee,
 			setSlashInputCommand: (e) => {
 				g.value = e;
 			}
 		}
 	};
 }
-var jr = J({
+var Ir = J({
 	name: "MarkweaveEditor",
 	props: {
 		defaultContent: {
@@ -3576,7 +3635,7 @@ var jr = J({
 		}
 	},
 	setup(e) {
-		let t = Ar(e);
+		let t = Fr(e);
 		return () => {
 			let n = t.editor.value;
 			if (!n) return null;
@@ -3587,16 +3646,16 @@ var jr = J({
 				"data-testid": "markweave-editor-frame",
 				"data-markweave-mode": t.runtimeSnapshot.value.mode,
 				"data-markweave-inner-toc": e.innerToc ? "true" : "false",
-				"data-markweave-inner-toc-placement": he(e.innerTocPlacement),
+				"data-markweave-inner-toc-placement": be(e.innerTocPlacement),
 				"data-mermaid-mode": t.runtimeSnapshot.value.mermaid.mode,
 				"data-table-focus-mode": i.tableFocusState.value.mode,
 				onKeydownCapture: i.handleEditorKeyDown
 			}, [
-				i.effectiveEditable.value ? B(Cr, {
+				i.effectiveEditable.value ? B(Or, {
 					editor: n,
 					messages: i.messages
 				}) : null,
-				i.effectiveEditable.value ? B(Tr, {
+				i.effectiveEditable.value ? B(Ar, {
 					commands: i.filteredSlashCommands.value,
 					state: i.slashState.value,
 					position: i.slashMenuPosition.value,
@@ -3606,7 +3665,7 @@ var jr = J({
 					onInputCommandChange: i.setSlashInputCommand,
 					onUpload: e.onSlashCommandUpload
 				}) : null,
-				i.effectiveEditable.value ? B(Er, {
+				i.effectiveEditable.value ? B(jr, {
 					editor: n,
 					active: i.tableFocusState.value.active,
 					interactionState: i.tableInteractionState.value,
@@ -3615,11 +3674,11 @@ var jr = J({
 					onCommandResult: e.onTableCommandResult,
 					onEditWithAi: e.onEditWithAi
 				}) : null,
-				i.effectiveEditable.value ? B(Dr, {
+				i.effectiveEditable.value ? B(Mr, {
 					editor: n,
 					focusState: i.tableFocusState.value
 				}) : null,
-				B(Or, {
+				B(Nr, {
 					editor: n,
 					state: i.codeBlockState.value,
 					active: i.effectiveEditable.value && i.isCodeBlockActive.value,
@@ -3627,14 +3686,14 @@ var jr = J({
 					onMermaidModeChange: i.setMermaidMode,
 					readOnly: !i.effectiveEditable.value
 				}),
-				e.innerToc && i.tocState.value.items.length ? B(kr, {
+				e.innerToc && i.tocState.value.items.length ? B(Pr, {
 					editor: n,
 					state: i.tocState.value,
 					messages: i.messages,
 					editable: i.effectiveEditable.value,
-					placement: he(e.innerTocPlacement)
+					placement: be(e.innerTocPlacement)
 				}) : null,
-				i.effectiveEditable.value && i.mathTarget.value ? B(wr, {
+				i.effectiveEditable.value && i.mathTarget.value ? B(kr, {
 					editor: n,
 					messages: i.messages,
 					target: i.mathTarget.value,
@@ -3646,4 +3705,4 @@ var jr = J({
 	}
 });
 //#endregion
-export { jr as MarkweaveEditor, dr as createMarkweaveEditorExtensions, dr as createMarkweaveVue2EditorExtensions, Ar as useMarkweaveEditorController };
+export { Ir as MarkweaveEditor, gr as createMarkweaveEditorExtensions, gr as createMarkweaveVue2EditorExtensions, Fr as useMarkweaveEditorController };