@markweave/vue2 0.5.3 → 0.7.0

package/dist/index.js

@@ -1,19 +1,19 @@
 import { createMarkweaveEditorExtensions as e } from "markweave/internal/editor-core/create-editor-extensions";
-import { getLocalizedSlashCommandSpecs as t, getMarkweaveMessages as n, normalizeMarkweaveLang as r } from "markweave/internal/i18n";
-import { createMarkweaveAdapterMediaExtensions as i } from "markweave/internal/plugins/media/media-extension-factory";
-import { Editor as a, EditorContent as o, NodeViewWrapper as s, VueNodeViewRenderer as c } from "@tiptap/vue-2";
-import * as l from "vue";
-import { getMarkweaveEditorModeState as u, isMarkweaveEditorLiveEditable as d, normalizeMarkweaveEditorMode as f, setMarkweaveEditorModeState as p, subscribeToMarkweaveEditorMode as m } from "markweave/internal/core/editor-mode-state";
-import { MarkweaveLinkCard as h } from "markweave/internal/plugins/link-card/link-card-node";
-import { openMarkweaveLinkCardComposer as g } from "markweave/internal/plugins/link-card/link-card-composer";
-import { normalizeMarkweaveLinkCardAttrs as _, normalizeMarkweaveLinkCardHref as v, replaceMarkweaveLinkCardWithLink as y } from "markweave/internal/plugins/link-card/link-card";
-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 ee, normalizeMarkweaveCoreImageAlign as te, normalizeMarkweaveVideoEmbedUrl as M, numberAttribute as N, stringAttribute as P } from "markweave/internal/plugins/media/core-media-nodes";
-import { activateMarkweaveAttachmentDownload as F, attrsFromMarkweaveAttachmentUploadResult as I, createMarkweaveAttachmentRefFromAttrs as L, createMarkweaveAttachmentUploadRequest as R, formatMarkweaveAttachmentSize as z } from "markweave/internal/plugins/media/attachment-download";
-import { MarkweaveAttachment as B } from "markweave/internal/plugins/media/media-nodes";
-import { detectUploadSource as V, getDirectUploadResult as H, resolveMarkweaveUploadResult as ne } from "markweave/internal/plugins/slash-command/upload";
+import { getMarkweaveMessages as t, normalizeMarkweaveLang as n } from "markweave/internal/i18n";
+import { createMarkweaveAdapterMediaExtensions as r } from "markweave/internal/plugins/media/media-extension-factory";
+import { Editor as i, EditorContent as a, NodeViewWrapper as o, VueNodeViewRenderer as s } from "@tiptap/vue-2";
+import * as c from "vue";
+import { getMarkweaveEditorModeState as l, isMarkweaveEditorLiveEditable as u, normalizeMarkweaveEditorMode as d, setMarkweaveEditorModeState as f, subscribeToMarkweaveEditorMode as p } from "markweave/internal/core/editor-mode-state";
+import { MarkweaveLinkCard as m } from "markweave/internal/plugins/link-card/link-card-node";
+import { openMarkweaveLinkCardComposer as h } from "markweave/internal/plugins/link-card/link-card-composer";
+import { normalizeMarkweaveLinkCardAttrs as g, normalizeMarkweaveLinkCardHref as _, replaceMarkweaveLinkCardWithLink as v } from "markweave/internal/plugins/link-card/link-card";
+import { openMarkweaveImagePreview as y } from "markweave/internal/plugins/media/image-preview";
+import { createMarkweaveLightweightImageNodeViewRenderer as b } from "markweave/internal/plugins/media/lightweight-image-node-view";
+import { resolveMarkweaveMediaSource as x } from "markweave/internal/plugins/media/media-source";
+import { MarkweaveCoreImage as S, MarkweaveCoreVideo as C, attrsFromMarkweaveImageUploadResult as ee, attrsFromMarkweaveVideoUploadResult as w, attrsFromMarkweaveVideoUrl as T, clampMarkweaveImageWidth as E, createMarkweaveImageUploadRequest as D, createMarkweaveVideoUploadRequest as O, downloadMarkweaveImage as k, markweaveVideoIframeAllow as A, normalizeMarkweaveCoreImageAlign as j, normalizeMarkweaveVideoEmbedUrl as te, numberAttribute as M, stringAttribute as N } from "markweave/internal/plugins/media/core-media-nodes";
+import { activateMarkweaveAttachmentDownload as P, attrsFromMarkweaveAttachmentUploadResult as ne, createMarkweaveAttachmentRefFromAttrs as F, createMarkweaveAttachmentUploadRequest as I, formatMarkweaveAttachmentSize as L } from "markweave/internal/plugins/media/attachment-download";
+import { MarkweaveAttachment as R } from "markweave/internal/plugins/media/media-nodes";
+import { detectUploadSource as z, getDirectUploadResult as B, resolveMarkweaveUploadResult as V } from "markweave/internal/plugins/slash-command/upload";
 import { createMarkweaveAiEditController as re } from "markweave";
 import { BubbleMenu as ie } from "@tiptap/vue-2/menus";
 import { isEditorComposing as ae } from "markweave/internal/editor-core/composition-guard";
@@ -34,34 +34,37 @@ import { normalizeMarkdownLinkHref as zt } from "markweave/internal/plugins/mark
 import { applyMarkweaveMathLatex as Bt, calculateMarkweaveMathPopoverPosition as Vt, getMarkweaveMathAnchorRect as Ht, getMarkweaveMathBlockIndex as Ut, getMarkweaveMathRenderedHtml as Wt, getMarkweaveMathTargetAtPos as Gt, getMarkweaveMathTargetFromDomEvent as Kt, getMarkweaveMathTargetFromSelection as qt, renderMarkweaveMathPreview as Jt, setMarkweaveMathEditingDomState as Yt, setMarkweaveMathEditingDomStateInView as Xt, setMarkweaveMathSelectionInView as Zt } from "markweave/internal/plugins/math/math-ui-model";
 import { isMermaidInlinePreviewTransaction as Qt, setMarkweaveMermaidTheme as $t, setMermaidInlinePreviewEditorMode as en, setReadonlyMermaidPreviewMode as tn } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
 import { getMermaidPreviewState as nn } from "markweave/internal/plugins/mermaid/mermaid-renderer";
-import { filterSlashCommands as rn, isExecutableSlashCommand as an } from "markweave/internal/plugins/slash-command/command-spec";
-import { getSlashCommandKeyboardAction as on } from "markweave/internal/plugins/slash-command/slash-keyboard";
-import { scrollSlashCommandItemIntoView as sn } from "markweave/internal/plugins/slash-command/slash-menu-scroll";
-import { areSlashCommandMenuPositionsEquivalent as cn, executeSlashCommand as ln, getNextSlashCommandState as un, getSlashCommandAnchoredMenuPosition as dn, getSlashCommandContext as fn, isMarkweaveSlashMenuScrollTarget as pn, isSlashCommandAnchorVisible as mn } from "markweave/internal/plugins/slash-command/slash-runtime";
-import { initialSlashCommandState as hn, reduceSlashCommandState as gn } from "markweave/internal/plugins/slash-command/slash-state";
-import { setMarkweaveTableMenuAxisTarget as _n } from "markweave/internal/plugins/table/table-clipboard";
-import { getFirstTableDebugSnapshot as vn } from "markweave/internal/plugins/table/table-debug-snapshot";
-import { focusFirstTableBodyCell as yn } from "markweave/internal/plugins/table/table-focus-position";
-import { getTableFocusState as bn } from "markweave/internal/plugins/table/table-focus-state";
-import { getTableSelectionOverlayState as xn, initialTableInteractionState as Sn, tableInteractionPluginKey as Cn } from "markweave/internal/plugins/table/table-interaction-layer";
-import { applyTableAxisAlignment as wn, applyTableAxisBackgroundColor as Tn, applyTableAxisTextColor as En, calculateAnchoredTableMenuPosition as Dn, calculateAnchoredTableSubmenuPosition as On, calculateTableAxisHandleLayout as kn, calculateTableExtendButtonLayout as An, canRunTableCommand as jn, executeTableMenuCommand as Mn, formatTableCopyFeedback as Nn, getActiveTableElement as Pn, getAvailableCellMenuCommandSpecs as Fn, getTableAxisDropIndexAtPoint as In, getTableAxisFormattingState as Ln, getTableAxisTargetRect as Rn, getTableControlAxisSelectionModel as zn, getTableMenuBoundaryRect as Bn, getTableMenuItemGroup as Vn, getTableMenuItemLabel as Hn, getTableMenuItems as Un, getTableSelectionTargetRect as Wn, measureTableSelectionOverlay as Gn, moveTargetedTableAxis as Kn, selectTableAxisFromCell as qn, tableColorOptions as Jn, tableCopyFeedbackTimeoutMs as Yn, tableHorizontalAlignmentOptions as Xn, tableMenuLabel as Zn, tableVerticalAlignmentOptions as Qn, targetTableAxisFromCell as $n } from "markweave/internal/plugins/table/table-ui-model";
+import { createResolvedSlashCommandSpecs as rn, getSlashCommandTextIconLength as an, isExecutableSlashCommand as on } from "markweave/internal/plugins/slash-command/command-spec";
+import { getSlashCommandKeyboardAction as sn } from "markweave/internal/plugins/slash-command/slash-keyboard";
+import { scrollSlashCommandItemIntoView as cn } from "markweave/internal/plugins/slash-command/slash-menu-scroll";
+import { areSlashCommandMenuPositionsEquivalent as ln, getNextSlashCommandState as un, getSlashCommandAnchoredMenuPosition as dn, getSlashCommandContext as fn, isMarkweaveSlashMenuScrollTarget as pn, isSlashCommandAnchorVisible as mn } from "markweave/internal/plugins/slash-command/slash-runtime";
+import { createMarkweaveCommandController as hn, executeMarkweaveSlashCommand as gn, setMarkweaveCommandContentFormat as _n, setMarkweaveCommandRegistry as vn } from "markweave/internal/commands/command-runtime";
+import { createMarkweaveCommandRegistry as yn } from "markweave/internal/commands/command-registry";
+import { initialSlashCommandState as bn, reduceSlashCommandState as xn } from "markweave/internal/plugins/slash-command/slash-state";
+import { setMarkweaveTableMenuAxisTarget as Sn } from "markweave/internal/plugins/table/table-clipboard";
+import { isMarkweaveTableCapabilityAllowed as Cn } from "markweave/internal/plugins/table/table-capabilities";
+import { getFirstTableDebugSnapshot as wn } from "markweave/internal/plugins/table/table-debug-snapshot";
+import { focusFirstTableBodyCell as Tn } from "markweave/internal/plugins/table/table-focus-position";
+import { getTableFocusState as En } from "markweave/internal/plugins/table/table-focus-state";
+import { getTableSelectionOverlayState as Dn, initialTableInteractionState as On, tableInteractionPluginKey as kn } from "markweave/internal/plugins/table/table-interaction-layer";
+import { applyTableAxisAlignment as An, applyTableAxisBackgroundColor as jn, applyTableAxisTextColor as Mn, calculateAnchoredTableMenuPosition as Nn, calculateAnchoredTableSubmenuPosition as Pn, calculateTableAxisHandleLayout as Fn, calculateTableExtendButtonLayout as In, canRunTableCommand as Ln, executeTableMenuCommand as Rn, formatTableCopyFeedback as zn, getActiveTableElement as Bn, getAvailableCellMenuCommandSpecs as Vn, getTableAxisDropIndexAtPoint as Hn, getTableAxisFormattingState as Un, getTableAxisTargetRect as Wn, getTableControlAxisSelectionModel as Gn, getTableMenuBoundaryRect as Kn, getTableMenuItemGroup as qn, getTableMenuItemLabel as Jn, getTableMenuItems as Yn, getTableSelectionTargetRect as Xn, measureTableSelectionOverlay as Zn, moveTargetedTableAxis as Qn, selectTableAxisFromCell as $n, tableColorOptions as er, tableCopyFeedbackTimeoutMs as tr, tableHorizontalAlignmentOptions as nr, tableMenuLabel as rr, tableVerticalAlignmentOptions as ir, targetTableAxisFromCell as ar } from "markweave/internal/plugins/table/table-ui-model";
 //#region src/vue2-compat.ts
-var er = l.default ?? l, tr = null, nr = null, rr = null;
-function ir(e) {
+var or = c.default ?? c, sr = null, cr = null, lr = null;
+function ur(e) {
 	return !!(e && typeof e == "object" && "value" in e);
 }
-function ar(e) {
+function dr(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 or(e) {
+function fr(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" && ir(s)) {
+		if (o === "ref" && ur(s)) {
 			a.insert = (e) => {
 				s.value = e.elm;
 			}, a.destroy = () => {
@@ -70,7 +73,7 @@ function or(e) {
 			continue;
 		}
 		if (/^on[A-Z]/.test(o)) {
-			i[ar(o)] = s;
+			i[dr(o)] = s;
 			continue;
 		}
 		if (o === "value" || o === "checked" || o === "innerHTML" || o === "textContent") {
@@ -81,14 +84,14 @@ function or(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 sr(e) {
+function pr(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" && ir(o)) {
+		if (a === "ref" && ur(o)) {
 			i.insert = (e) => {
 				o.value = e.componentInstance ?? e.elm;
 			}, i.destroy = () => {
@@ -104,47 +107,47 @@ function sr(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 cr(e) {
+function mr(e) {
 	return !!(e && typeof e == "object" && "default" in e && typeof e.default == "function");
 }
-function lr(e) {
+function hr(e) {
 	return !!(e && typeof e == "object" && ("tag" in e || "text" in e || "elm" in e || "componentOptions" in e || "componentInstance" in e));
 }
-function ur(e) {
+function gr(e) {
 	return e == null || Array.isArray(e) ? e : [e];
 }
-function dr(e) {
-	return typeof e == "function" ? ur(e()) : cr(e) ? ur(e.default()) : lr(e) ? [e] : e;
+function _r(e) {
+	return typeof e == "function" ? gr(e()) : mr(e) ? gr(e.default()) : hr(e) ? [e] : e;
 }
-function U(e, t, n) {
-	if (!rr) throw Error("Vue 2 render context is not available.");
-	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? or(r) : sr(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : dr(n);
-	return rr(e, i, a);
+function H(e, t, n) {
+	if (!lr) throw Error("Vue 2 render context is not available.");
+	let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? fr(r) : pr(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : _r(n);
+	return lr(e, i, a);
 }
-function W(e) {
-	return er.observable({ value: e });
+function U(e) {
+	return or.observable({ value: e });
 }
-var G = W;
-function K(e) {
+var W = U;
+function G(e) {
 	return { get value() {
 		return e();
 	} };
 }
-function q(e, t, n) {
+function K(e, t, n) {
 	let r = typeof e == "function" ? e : () => e.value;
-	return tr?.$watch ? tr.$watch(r, t, n) : () => void 0;
+	return sr?.$watch ? sr.$watch(r, t, n) : () => void 0;
 }
-function fr(e) {
-	nr?.mounted.push(e);
+function vr(e) {
+	cr?.mounted.push(e);
+}
+function q(e) {
+	cr?.beforeUnmount.push(e);
 }
 function J(e) {
-	nr?.beforeUnmount.push(e);
+	return or.nextTick(e);
 }
 function Y(e) {
-	return er.nextTick(e);
-}
-function X(e) {
-	return er.extend({
+	return or.extend({
 		name: e.name,
 		props: e.props,
 		created() {
@@ -152,12 +155,12 @@ function X(e) {
 				mounted: [],
 				beforeUnmount: []
 			};
-			tr = this, nr = t;
+			sr = this, cr = t;
 			try {
 				let n = e.setup?.(this.$props ?? this) ?? null;
 				this.__markweaveVue2Render = typeof n == "function" ? n : null, this.__markweaveVue2Lifecycle = t;
 			} finally {
-				tr = null, nr = null;
+				sr = null, cr = null;
 			}
 		},
 		mounted() {
@@ -167,19 +170,19 @@ function X(e) {
 			this.__markweaveVue2Lifecycle?.beforeUnmount.forEach((e) => e());
 		},
 		render(t) {
-			rr = t;
+			lr = t;
 			try {
 				let n = this.__markweaveVue2Render;
 				return n ? n() : e.render?.(t) ?? null;
 			} finally {
-				rr = null;
+				lr = null;
 			}
 		}
 	});
 }
 //#endregion
 //#region src/vue2-icons.ts
-var pr = {
+var yr = {
 	AlignVerticalJustifyCenter: {
 		iconName: "align-vertical-justify-center",
 		node: [
@@ -1501,11 +1504,11 @@ var pr = {
 		}]]
 	}
 };
-function mr(e) {
-	return e.map(([e, t]) => U(e, t));
+function br(e) {
+	return e.map(([e, t]) => H(e, t));
 }
-function Z(e) {
-	return X({
+function X(e) {
+	return Y({
 		name: `MarkweaveVue2Icon${e}`,
 		props: {
 			size: {
@@ -1522,8 +1525,8 @@ function Z(e) {
 			}
 		},
 		setup(t) {
-			let n = pr[e];
-			return () => U("svg", {
+			let n = yr[e];
+			return () => H("svg", {
 				class: `lucide lucide-${n.iconName}`,
 				viewBox: "0 0 24 24",
 				width: t.size,
@@ -1535,12 +1538,12 @@ function Z(e) {
 				"stroke-width": t.absoluteStrokeWidth && t.size ? Number(t.strokeWidth) * 24 / Number(t.size) : t.strokeWidth,
 				"aria-hidden": "true",
 				focusable: "false"
-			}, mr(n.node));
+			}, br(n.node));
 		}
 	});
 }
-var hr = Z("AlignCenter"), gr = Z("AlignJustify"), _r = Z("AlignLeft"), vr = Z("AlignRight"), yr = Z("AlignVerticalJustifyCenter"), br = Z("AlignVerticalJustifyEnd"), xr = Z("AlignVerticalJustifyStart"), Sr = Z("AlertTriangle"), Cr = Z("ArrowDown"), wr = Z("ArrowDownAZ"), Tr = Z("ArrowLeft"), Er = Z("ArrowRight"), Dr = Z("ArrowUp"), Or = Z("ArrowUpZA"), kr = Z("BetweenHorizontalEnd"), Ar = Z("BetweenHorizontalStart"), jr = Z("BetweenVerticalEnd"), Mr = Z("BetweenVerticalStart"), Nr = Z("Bold"), Pr = Z("Braces"), Fr = Z("Captions"), Ir = Z("Check"), Lr = Z("CheckCircle2"), Rr = Z("ChevronDown"), zr = Z("ChevronRight"), Br = Z("ChevronUp"), Vr = Z("CircleX"), Hr = Z("Code2"), Ur = Z("CornerDownLeft"), Wr = Z("Copy"), Gr = Z("Download"), Kr = Z("Eye"), qr = Z("ExternalLink"), Jr = Z("Heading1"), Yr = Z("Heading2"), Xr = Z("Heading3"), Zr = Z("Image"), Qr = Z("ImageUp"), $r = Z("IndentDecrease"), ei = Z("IndentIncrease"), ti = Z("Info"), ni = Z("Italic"), ri = Z("Lightbulb"), ii = Z("Link2"), ai = Z("List"), oi = Z("ListChecks"), si = Z("ListOrdered"), ci = Z("Minus"), li = Z("MoreVertical"), ui = Z("PaintBucket"), di = Z("Paperclip"), fi = Z("PencilLine"), pi = Z("Plus"), mi = Z("Quote"), hi = Z("Replace"), gi = Z("RotateCcw"), _i = Z("Sigma"), vi = Z("SmilePlus"), yi = Z("Sparkles"), bi = Z("Square"), xi = Z("SquareX"), Si = Z("Strikethrough"), Ci = Z("Subscript"), wi = Z("Superscript"), Ti = Z("Table2"), Ei = Z("TableCellsMerge"), Di = Z("TableCellsSplit"), Oi = Z("Text"), ki = Z("Trash2"), Ai = Z("Type"), ji = Z("Underline"), Mi = Z("Upload"), Ni = Z("Video"), Pi = Z("X"), Fi = te;
-function Ii(e) {
+var xr = X("AlignCenter"), Sr = X("AlignJustify"), Cr = X("AlignLeft"), wr = X("AlignRight"), Tr = X("AlignVerticalJustifyCenter"), Er = X("AlignVerticalJustifyEnd"), Dr = X("AlignVerticalJustifyStart"), Or = X("AlertTriangle"), kr = X("ArrowDown"), Ar = X("ArrowDownAZ"), jr = X("ArrowLeft"), Mr = X("ArrowRight"), Nr = X("ArrowUp"), Pr = X("ArrowUpZA"), Fr = X("BetweenHorizontalEnd"), Ir = X("BetweenHorizontalStart"), Lr = X("BetweenVerticalEnd"), Rr = X("BetweenVerticalStart"), zr = X("Bold"), Br = X("Braces"), Vr = X("Captions"), Hr = X("Check"), Ur = X("CheckCircle2"), Wr = X("ChevronDown"), Gr = X("ChevronRight"), Kr = X("ChevronUp"), qr = X("CircleX"), Jr = X("Code2"), Yr = X("CornerDownLeft"), Xr = X("Copy"), Zr = X("Download"), Qr = X("Eye"), $r = X("ExternalLink"), ei = X("Heading1"), ti = X("Heading2"), ni = X("Heading3"), ri = X("Image"), ii = X("ImageUp"), ai = X("IndentDecrease"), oi = X("IndentIncrease"), si = X("Info"), ci = X("Italic"), li = X("Lightbulb"), ui = X("Link2"), di = X("List"), fi = X("ListChecks"), pi = X("ListOrdered"), mi = X("Minus"), hi = X("MoreVertical"), gi = X("PaintBucket"), _i = X("Paperclip"), vi = X("PencilLine"), yi = X("Plus"), bi = X("Quote"), xi = X("Replace"), Si = X("RotateCcw"), Ci = X("Sigma"), wi = X("SmilePlus"), Ti = X("Sparkles"), Ei = X("Square"), Di = X("SquareX"), Oi = X("Strikethrough"), ki = X("Subscript"), Ai = X("Superscript"), ji = X("Table2"), Mi = X("TableCellsMerge"), Ni = X("TableCellsSplit"), Pi = X("Text"), Fi = X("Trash2"), Ii = X("Type"), Li = X("Underline"), Ri = X("Upload"), zi = X("Video"), Bi = X("X"), Vi = j;
+function Hi(e) {
 	let t = e.view.dom.closest(".markweave-editor-frame"), n = () => {
 		let n = t?.getAttribute("data-markweave-mode");
 		return n === "view" ? {
@@ -1549,8 +1552,8 @@ function Ii(e) {
 		} : n === "live" ? {
 			mode: "live",
 			editable: e.isEditable
-		} : u(e);
-	}, r = W(n()), i = m(e, () => {
+		} : l(e);
+	}, r = U(n()), i = p(e, () => {
 		r.value = n();
 	}), a = typeof MutationObserver > "u" || !t ? null : new MutationObserver(() => {
 		r.value = n();
@@ -1558,28 +1561,28 @@ function Ii(e) {
 	return a && t && a.observe(t, {
 		attributes: !0,
 		attributeFilter: ["data-markweave-mode"]
-	}), J(() => {
+	}), q(() => {
 		i(), a?.disconnect();
 	}), r;
 }
-function Li(e) {
+function Ui(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function Ri(e) {
+function Wi(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function zi(e) {
+function Gi(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
 }
-function Bi(e, t) {
-	return U(e, {
+function Ki(e, t) {
+	return H(e, {
 		size: 18,
 		strokeWidth: 1.8,
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function Vi(e) {
-	return U("button", {
+function qi(e) {
+	return H("button", {
 		type: "button",
 		"aria-label": e.label,
 		title: e.label,
@@ -1587,14 +1590,14 @@ function Vi(e) {
 		"data-active": e.active ? "true" : "false",
 		onMousedown: (e) => e.preventDefault(),
 		onClick: e.onClick
-	}, [Bi(e.icon, e.label), U("span", {
+	}, [Ki(e.icon, e.label), H("span", {
 		class: "markweave-image-tooltip",
 		role: "tooltip"
 	}, e.label)]);
 }
-function Hi(e) {
-	let t = W(null), n = e.messages.image;
-	return U("section", {
+function Ji(e) {
+	let t = U(null), n = e.messages.image;
+	return H("section", {
 		class: "markweave-image-upload-placeholder",
 		"data-testid": "markweave-image-upload-placeholder",
 		"data-drag-active": e.dragActive ? "true" : "false",
@@ -1612,7 +1615,7 @@ function Hi(e) {
 			n && e.onFile(n);
 		}
 	}, [
-		U("input", {
+		H("input", {
 			ref: t,
 			"data-testid": "markweave-image-file-input",
 			type: "file",
@@ -1623,7 +1626,7 @@ function Hi(e) {
 				r && e.onFile(r), n.value = "";
 			}
 		}),
-		U("button", {
+		H("button", {
 			type: "button",
 			class: "markweave-image-upload-trigger",
 			"data-testid": "markweave-image-upload-trigger",
@@ -1631,21 +1634,21 @@ function Hi(e) {
 			onMousedown: (e) => e.preventDefault(),
 			onClick: () => t.value?.click()
 		}, [
-			U("span", {
+			H("span", {
 				class: "markweave-image-upload-icon",
 				"aria-hidden": "true"
-			}, [U(Qr, {
+			}, [H(ii, {
 				size: 16,
 				strokeWidth: 1.8
 			})]),
-			U("span", { class: "markweave-image-upload-label" }, n.uploadLabel),
-			U("span", {
+			H("span", { class: "markweave-image-upload-label" }, n.uploadLabel),
+			H("span", {
 				class: "markweave-image-upload-tooltip",
 				role: "tooltip"
 			}, `${n.clickToUpload}${n.dragAndDrop}. ${n.uploadNote}`)
 		]),
-		U("div", { class: "markweave-image-upload-row" }, [
-			U("input", {
+		H("div", { class: "markweave-image-upload-row" }, [
+			H("input", {
 				"data-testid": "markweave-image-url-input",
 				value: e.inputValue,
 				placeholder: n.uploadInputPlaceholder,
@@ -1655,30 +1658,30 @@ function Hi(e) {
 					t.key === "Enter" && (t.preventDefault(), e.onSubmit());
 				}
 			}),
-			U("button", {
+			H("button", {
 				type: "button",
 				"data-testid": "markweave-image-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [U(Qr, {
+			}, [H(ii, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
-			U("button", {
+			H("button", {
 				type: "button",
 				"data-testid": "markweave-image-upload-cancel",
 				onClick: e.onCancel
 			}, e.messages.common.cancel)
 		]),
-		e.error ? U("div", {
+		e.error ? H("div", {
 			class: "markweave-image-upload-error",
 			role: "alert"
 		}, e.error) : null
 	]);
 }
-function Ui(e) {
-	let t = W(null), n = e.messages.video;
-	return U("section", {
+function Yi(e) {
+	let t = U(null), n = e.messages.video;
+	return H("section", {
 		class: "markweave-video-upload-placeholder",
 		"data-testid": "markweave-video-upload-placeholder",
 		"data-drag-active": e.dragActive ? "true" : "false",
@@ -1696,7 +1699,7 @@ function Ui(e) {
 			n && e.onFile(n);
 		}
 	}, [
-		U("input", {
+		H("input", {
 			ref: t,
 			"data-testid": "markweave-video-file-input",
 			type: "file",
@@ -1707,7 +1710,7 @@ function Ui(e) {
 				r && e.onFile(r), n.value = "";
 			}
 		}),
-		U("button", {
+		H("button", {
 			type: "button",
 			class: "markweave-video-upload-trigger",
 			"data-testid": "markweave-video-upload-trigger",
@@ -1715,21 +1718,21 @@ function Ui(e) {
 			onMousedown: (e) => e.preventDefault(),
 			onClick: () => t.value?.click()
 		}, [
-			U("span", {
+			H("span", {
 				class: "markweave-video-upload-icon",
 				"aria-hidden": "true"
-			}, [U(Ni, {
+			}, [H(zi, {
 				size: 16,
 				strokeWidth: 1.8
 			})]),
-			U("span", { class: "markweave-video-upload-label" }, n.uploadLabel),
-			U("span", {
+			H("span", { class: "markweave-video-upload-label" }, n.uploadLabel),
+			H("span", {
 				class: "markweave-video-upload-tooltip",
 				role: "tooltip"
 			}, `${n.clickToUpload}${n.dragAndDrop}. ${n.uploadNote}`)
 		]),
-		U("div", { class: "markweave-video-upload-row" }, [
-			U("input", {
+		H("div", { class: "markweave-video-upload-row" }, [
+			H("input", {
 				"data-testid": "markweave-video-url-input",
 				value: e.inputValue,
 				placeholder: n.uploadInputPlaceholder,
@@ -1739,28 +1742,28 @@ function Ui(e) {
 					t.key === "Enter" && (t.preventDefault(), e.onSubmit());
 				}
 			}),
-			U("button", {
+			H("button", {
 				type: "button",
 				"data-testid": "markweave-video-upload-submit",
 				disabled: e.isSubmitting || !e.inputValue.trim(),
 				onClick: e.onSubmit
-			}, [U(Mi, {
+			}, [H(Ri, {
 				size: 16,
 				strokeWidth: 1.8
 			}), e.messages.common.insert]),
-			U("button", {
+			H("button", {
 				type: "button",
 				"data-testid": "markweave-video-upload-cancel",
 				onClick: e.onCancel
 			}, e.messages.common.cancel)
 		]),
-		e.error ? U("div", {
+		e.error ? H("div", {
 			class: "markweave-video-upload-error",
 			role: "alert"
 		}, e.error) : null
 	]);
 }
-var Wi = X({
+var Xi = Y({
 	name: "MarkweaveVueImageNodeView",
 	props: {
 		editor: {
@@ -1793,31 +1796,31 @@ var Wi = X({
 		}
 	},
 	setup(e) {
-		let t = W(null), r = W(!1), i = W(!1), a = W(!1), o = W(""), c = W(null), l = W(!1), u = K(() => e.node.attrs), f = W(!!P(u.value.caption)), p = W(P(u.value.caption) ?? ""), m = Ii(e.editor), h = K(() => d(m.value)), g = K(() => e.extension.options?.messages ?? n("zh")), _ = K(() => g.value.image), v = K(() => P(u.value.src)), y = K(() => e.extension.options?.resolveMediaSource), x = W(null), C = null;
-		q(v, (t) => {
+		let n = U(null), r = U(!1), i = U(!1), a = U(!1), s = U(""), c = U(null), l = U(!1), d = G(() => e.node.attrs), f = U(!!N(d.value.caption)), p = U(N(d.value.caption) ?? ""), m = Hi(e.editor), h = G(() => u(m.value)), g = G(() => e.extension.options?.messages ?? t("zh")), _ = G(() => g.value.image), v = G(() => N(d.value.src)), b = G(() => e.extension.options?.resolveMediaSource), S = U(null), C = null;
+		K(v, (t) => {
 			if (C?.abort(), C = null, !t) {
-				x.value = null;
+				S.value = null;
 				return;
 			}
-			let n = y.value;
+			let n = b.value;
 			if (!n) {
-				x.value = { src: t };
+				S.value = { src: t };
 				return;
 			}
 			let r = new AbortController();
-			C = r, S(n, {
+			C = r, x(n, {
 				kind: "image",
 				priority: e.selected ? "visible" : "nearby",
 				signal: r.signal,
 				src: t
 			}).then((e) => {
-				r.signal.aborted || (x.value = e);
+				r.signal.aborted || (S.value = e);
 			});
-		}, { immediate: !0 }), J(() => C?.abort());
-		let w = K(() => x.value?.src ?? (y.value ? null : v.value)), E = K(() => Fi(u.value.align)), D = K(() => N(u.value.width)), A = K(() => P(u.value.caption)), ee = K(() => h.value && (!v.value || i.value)), te = () => {
-			w.value && b({
+		}, { immediate: !0 }), q(() => C?.abort());
+		let w = G(() => S.value?.src ?? (b.value ? null : v.value)), T = G(() => Vi(d.value.align)), O = G(() => M(d.value.width)), A = G(() => N(d.value.caption)), j = G(() => h.value && (!v.value || i.value)), te = () => {
+			w.value && y({
 				src: w.value,
-				alt: P(u.value.alt) ?? "",
+				alt: N(d.value.alt) ?? "",
 				messages: {
 					dialogAriaLabel: _.value.previewDialogAriaLabel,
 					zoomOut: _.value.previewZoomOut,
@@ -1827,86 +1830,86 @@ var Wi = X({
 				}
 			});
 		};
-		q(A, (e) => {
+		K(A, (e) => {
 			f.value || (p.value = e ?? "");
 		});
-		let M = () => {
+		let P = () => {
 			if (!h.value) return;
 			let t = e.getPos();
 			typeof t == "number" && e.editor.chain().focus().setNodeSelection(t).run();
-		}, F = () => {
-			if (o.value = "", c.value = null, a.value = !1, v.value) {
+		}, ne = () => {
+			if (s.value = "", c.value = null, a.value = !1, v.value) {
 				i.value = !1;
 				return;
 			}
 			e.deleteNode();
-		}, I = async (t) => {
+		}, F = async (t) => {
 			if (!h.value) return;
 			let n = e.extension.options;
 			l.value = !0, c.value = null;
 			try {
-				let r = await ne(k(t, v.value && i.value ? "image-replace" : "image-insert"), n?.onUpload);
-				e.updateAttributes(T(u.value, r)), o.value = "", i.value = !1;
+				let r = await V(D(t, v.value && i.value ? "image-replace" : "image-insert"), n?.onUpload);
+				e.updateAttributes(ee(d.value, r)), s.value = "", i.value = !1;
 			} catch (e) {
 				c.value = e instanceof Error ? e.message : _.value.uploadFailedError;
 			} finally {
 				l.value = !1, a.value = !1;
 			}
-		}, L = () => {
-			if (!o.value.trim()) {
+		}, I = () => {
+			if (!s.value.trim()) {
 				c.value = _.value.uploadRequiredError;
 				return;
 			}
-			I(V(o.value));
-		}, R = (e) => {
-			I({
+			F(z(s.value));
+		}, L = (e) => {
+			F({
 				type: "file",
 				file: e,
 				mimeType: e.type || "image/*"
 			});
-		}, z = () => {
+		}, R = () => {
 			f.value = !f.value, f.value && (p.value = A.value ?? "");
-		}, B = (n, r) => {
+		}, B = (t, r) => {
 			if (!h.value || !v.value) return;
-			r.preventDefault(), r.stopPropagation(), M();
-			let i = t.value;
+			r.preventDefault(), r.stopPropagation(), P();
+			let i = n.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) => {
-				let r = n === "right" ? t.clientX - a : a - t.clientX;
-				e.updateAttributes({ width: O(o + r, s) });
+			let a = r.clientX, o = i.getBoundingClientRect().width || O.value || 320, s = i.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? i.parentElement?.getBoundingClientRect().width ?? o, c = (n) => {
+				let r = t === "right" ? n.clientX - a : a - n.clientX;
+				e.updateAttributes({ width: E(o + r, s) });
 			}, l = () => {
 				window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", l);
 			};
 			window.addEventListener("pointermove", c), window.addEventListener("pointerup", l, { once: !0 });
 		};
-		return () => ee.value ? U(s, {
+		return () => j.value ? H(o, {
 			as: "figure",
 			class: "markweave-image-node",
 			"data-testid": "markweave-image-node",
-			"data-align": E.value,
+			"data-align": T.value,
 			"data-selected": "false",
 			"data-hovered": "false",
 			"data-empty": "true"
-		}, () => Hi({
+		}, () => Ji({
 			messages: g.value,
-			inputValue: o.value,
+			inputValue: s.value,
 			error: c.value,
 			dragActive: a.value,
 			isSubmitting: l.value,
 			onInputValue: (e) => {
-				o.value = e;
+				s.value = e;
 			},
-			onFile: R,
-			onSubmit: L,
-			onCancel: F,
+			onFile: L,
+			onSubmit: I,
+			onCancel: ne,
 			onDragActive: (e) => {
 				a.value = e;
 			}
-		})) : U(s, {
+		})) : H(o, {
 			as: "figure",
 			class: "markweave-image-node",
 			"data-testid": "markweave-image-node",
-			"data-align": E.value,
+			"data-align": T.value,
 			"data-selected": h.value && e.selected ? "true" : "false",
 			"data-hovered": r.value ? "true" : "false",
 			"data-empty": "false",
@@ -1917,104 +1920,104 @@ var Wi = X({
 				r.value = !1;
 			},
 			onMousedown: (e) => {
-				h.value && !Li(e.target) && M();
+				h.value && !Ui(e.target) && P();
 			}
 		}, () => [
-			h.value ? U("div", {
+			h.value ? H("div", {
 				class: "markweave-image-toolbar",
 				"data-testid": "markweave-image-toolbar",
 				"data-markweave-image-ui": "true",
 				"aria-label": _.value.toolsAriaLabel
 			}, [
-				Vi({
+				qi({
 					testId: "markweave-image-align-left",
 					label: _.value.alignLeft,
-					icon: _r,
-					active: E.value === "left",
+					icon: Cr,
+					active: T.value === "left",
 					onClick: () => e.updateAttributes({ align: "left" })
 				}),
-				Vi({
+				qi({
 					testId: "markweave-image-align-center",
 					label: _.value.alignCenter,
-					icon: hr,
-					active: E.value === "center",
+					icon: xr,
+					active: T.value === "center",
 					onClick: () => e.updateAttributes({ align: "center" })
 				}),
-				Vi({
+				qi({
 					testId: "markweave-image-align-right",
 					label: _.value.alignRight,
-					icon: vr,
-					active: E.value === "right",
+					icon: wr,
+					active: T.value === "right",
 					onClick: () => e.updateAttributes({ align: "right" })
 				}),
-				U("span", {
+				H("span", {
 					class: "markweave-image-toolbar-divider",
 					"aria-hidden": "true"
 				}),
-				Vi({
+				qi({
 					testId: "markweave-image-caption",
 					label: _.value.caption,
-					icon: Fr,
+					icon: Vr,
 					active: f.value || !!A.value,
-					onClick: z
+					onClick: R
 				}),
-				Vi({
+				qi({
 					testId: "markweave-image-preview",
 					label: _.value.preview,
-					icon: Kr,
+					icon: Qr,
 					onClick: te
 				}),
-				Vi({
+				qi({
 					testId: "markweave-image-download",
 					label: _.value.download,
-					icon: Gr,
+					icon: Zr,
 					onClick: () => {
-						w.value && j(w.value);
+						w.value && k(w.value);
 					}
 				}),
-				Vi({
+				qi({
 					testId: "markweave-image-replace",
 					label: _.value.replace,
-					icon: hi,
+					icon: xi,
 					onClick: () => {
-						o.value = "", c.value = null, i.value = !0;
+						s.value = "", c.value = null, i.value = !0;
 					}
 				}),
-				U("span", {
+				H("span", {
 					class: "markweave-image-toolbar-divider",
 					"aria-hidden": "true"
 				}),
-				Vi({
+				qi({
 					testId: "markweave-image-delete",
 					label: _.value.delete,
-					icon: ki,
+					icon: Fi,
 					onClick: () => e.deleteNode()
 				})
 			]) : null,
-			U("div", {
-				ref: t,
+			H("div", {
+				ref: n,
 				class: "markweave-image-box",
 				style: {
-					...D.value ? { width: `${Math.round(D.value)}px` } : {},
-					...x.value?.width && x.value.height ? { aspectRatio: `${x.value.width} / ${x.value.height}` } : {}
+					...O.value ? { width: `${Math.round(O.value)}px` } : {},
+					...S.value?.width && S.value.height ? { aspectRatio: `${S.value.width} / ${S.value.height}` } : {}
 				}
 			}, [
-				w.value ? U("img", {
+				w.value ? H("img", {
 					class: "markweave-image",
 					src: w.value,
-					alt: P(u.value.alt) ?? "",
-					title: P(u.value.title) ?? void 0,
+					alt: N(d.value.alt) ?? "",
+					title: N(d.value.title) ?? void 0,
 					draggable: !1,
 					loading: "lazy",
 					decoding: "async",
-					width: x.value?.width,
-					height: x.value?.height
-				}) : U("div", {
+					width: S.value?.width,
+					height: S.value?.height
+				}) : H("div", {
 					class: "markweave-image-readonly-empty",
 					"data-testid": "markweave-image-readonly-empty",
 					"aria-hidden": "true"
 				}),
-				!h.value && w.value ? U("button", {
+				!h.value && w.value ? H("button", {
 					type: "button",
 					class: "markweave-image-preview-trigger",
 					"data-testid": "markweave-image-preview",
@@ -2023,14 +2026,14 @@ var Wi = X({
 					title: _.value.preview,
 					onMousedown: (e) => e.preventDefault(),
 					onClick: te
-				}, [U(Kr, {
+				}, [H(Qr, {
 					size: 16,
 					strokeWidth: 1.8
-				}), U("span", {
+				}), H("span", {
 					class: "markweave-image-tooltip",
 					role: "tooltip"
 				}, _.value.preview)]) : null,
-				h.value ? U("button", {
+				h.value ? H("button", {
 					type: "button",
 					class: "markweave-image-resize-handle",
 					"data-testid": "markweave-image-resize-left",
@@ -2039,7 +2042,7 @@ var Wi = X({
 					"data-markweave-image-ui": "true",
 					onPointerdown: (e) => B("left", e)
 				}) : null,
-				h.value ? U("button", {
+				h.value ? H("button", {
 					type: "button",
 					class: "markweave-image-resize-handle",
 					"data-testid": "markweave-image-resize-right",
@@ -2049,7 +2052,7 @@ var Wi = X({
 					onPointerdown: (e) => B("right", e)
 				}) : null
 			]),
-			h.value && (f.value || A.value) ? U("input", {
+			h.value && (f.value || A.value) ? H("input", {
 				class: "markweave-image-caption-input",
 				"data-testid": "markweave-image-caption-input",
 				"data-markweave-image-ui": "true",
@@ -2062,13 +2065,13 @@ var Wi = X({
 				onKeydown: (e) => {
 					e.key === "Escape" && (e.preventDefault(), f.value = !1);
 				}
-			}) : A.value ? U("figcaption", {
+			}) : A.value ? H("figcaption", {
 				class: "markweave-image-caption",
 				"data-testid": "markweave-image-caption"
 			}, A.value) : null
 		]);
 	}
-}), Gi = X({
+}), Zi = Y({
 	name: "MarkweaveVueVideoNodeView",
 	props: {
 		editor: {
@@ -2101,25 +2104,25 @@ var Wi = X({
 		}
 	},
 	setup(e) {
-		let t = W(!1), r = W(""), i = W(null), a = W(!1), o = Ii(e.editor), c = K(() => d(o.value)), l = K(() => e.extension.options?.messages ?? n("zh")), u = K(() => l.value.video), f = K(() => e.node.attrs), p = K(() => P(f.value.src)), m = K(() => P(f.value.embedUrl)), h = K(() => P(f.value.provider)), g = K(() => m.value ? M(m.value, h.value) : null), _ = K(() => P(f.value.mimeType)), v = K(() => P(f.value.title)), y = () => {
-			p.value || e.deleteNode(), r.value = "", i.value = null, t.value = !1;
-		}, b = async (n) => {
+		let n = U(!1), r = U(""), i = U(null), a = U(!1), s = Hi(e.editor), c = G(() => u(s.value)), l = G(() => e.extension.options?.messages ?? t("zh")), d = G(() => l.value.video), f = G(() => e.node.attrs), p = G(() => N(f.value.src)), m = G(() => N(f.value.embedUrl)), h = G(() => N(f.value.provider)), g = G(() => m.value ? te(m.value, h.value) : null), _ = G(() => N(f.value.mimeType)), v = G(() => N(f.value.title)), y = () => {
+			p.value || e.deleteNode(), r.value = "", i.value = null, n.value = !1;
+		}, b = async (t) => {
 			if (!c.value) return;
 			let o = e.extension.options;
 			a.value = !0, i.value = null;
 			try {
-				let t = await ne(A(n), o?.onUpload);
-				e.updateAttributes(E(t)), r.value = "";
+				let n = await V(O(t), o?.onUpload);
+				e.updateAttributes(w(n)), r.value = "";
 			} catch (e) {
-				i.value = e instanceof Error ? e.message : u.value.uploadFailedError;
+				i.value = e instanceof Error ? e.message : d.value.uploadFailedError;
 			} finally {
-				a.value = !1, t.value = !1;
+				a.value = !1, n.value = !1;
 			}
 		}, x = () => {
 			if (!c.value) return;
-			let t = D(r.value);
+			let t = T(r.value);
 			if (!t) {
-				i.value = u.value.unsupportedUrlError;
+				i.value = d.value.unsupportedUrlError;
 				return;
 			}
 			i.value = null, e.updateAttributes(t), r.value = "";
@@ -2133,20 +2136,20 @@ var Wi = X({
 			if (!c.value) return;
 			let t = e.getPos();
 			typeof t == "number" && e.editor.chain().focus().setNodeSelection(t).run();
-		}, w = (t) => {
+		}, ee = (t) => {
 			c.value && e.selected && (t.key === "Backspace" || t.key === "Delete") && (t.preventDefault(), e.deleteNode());
 		};
-		return () => c.value && !p.value ? U(s, {
+		return () => c.value && !p.value ? H(o, {
 			as: "figure",
 			class: "markweave-video-node",
 			"data-testid": "markweave-video-node",
 			"data-empty": "true",
 			"data-selected": "false"
-		}, () => Ui({
+		}, () => Yi({
 			messages: l.value,
 			inputValue: r.value,
 			error: i.value,
-			dragActive: t.value,
+			dragActive: n.value,
 			isSubmitting: a.value,
 			onInputValue: (e) => {
 				r.value = e;
@@ -2155,39 +2158,39 @@ var Wi = X({
 			onSubmit: x,
 			onCancel: y,
 			onDragActive: (e) => {
-				t.value = e;
+				n.value = e;
 			}
-		})) : U(s, {
+		})) : H(o, {
 			as: "figure",
 			class: "markweave-video-node",
 			"data-testid": "markweave-video-node",
 			"data-provider": h.value ?? "file",
 			"data-empty": p.value ? "false" : "true",
 			"data-selected": c.value && e.selected ? "true" : "false",
-			"aria-label": u.value.nodeAriaLabel,
+			"aria-label": d.value.nodeAriaLabel,
 			tabindex: c.value ? 0 : void 0,
 			onFocus: C,
-			onKeydown: w,
+			onKeydown: ee,
 			onMousedown: (e) => {
-				c.value && !Ri(e.target) && (e.preventDefault(), C());
+				c.value && !Wi(e.target) && (e.preventDefault(), C());
 			}
-		}, () => [g.value ? U("div", { class: "markweave-video-embed" }, [U("iframe", {
+		}, () => [g.value ? H("div", { class: "markweave-video-embed" }, [H("iframe", {
 			class: "markweave-video-iframe",
 			src: g.value,
 			title: v.value ?? `${h.value ?? "Video"} embed`,
 			"data-markweave-video-embed": "true",
 			"data-markweave-video-provider": h.value ?? void 0,
 			"data-markweave-video-src": p.value ?? void 0,
-			allow: ee,
+			allow: A,
 			loading: "lazy",
 			allowfullscreen: "true"
-		}), c.value ? U("button", {
+		}), c.value ? H("button", {
 			type: "button",
 			class: "markweave-video-selection-layer",
 			"data-testid": "markweave-video-selection-layer",
 			tabindex: -1,
-			"aria-label": u.value.selectAriaLabel
-		}) : null]) : p.value ? U("div", { class: "markweave-video-box" }, [U("video", {
+			"aria-label": d.value.selectAriaLabel
+		}) : null]) : p.value ? H("div", { class: "markweave-video-box" }, [H("video", {
 			class: "markweave-video",
 			src: p.value,
 			title: v.value ?? void 0,
@@ -2195,58 +2198,58 @@ var Wi = X({
 			controls: !0,
 			"data-markweave-video": "true",
 			"data-markweave-mime-type": _.value ?? void 0
-		}), c.value ? U("button", {
+		}), c.value ? H("button", {
 			type: "button",
 			class: "markweave-video-selection-layer",
 			"data-testid": "markweave-video-selection-layer",
 			tabindex: -1,
-			"aria-label": u.value.selectAriaLabel
-		}) : null]) : U("div", {
+			"aria-label": d.value.selectAriaLabel
+		}) : null]) : H("div", {
 			class: "markweave-video-readonly-empty",
 			"data-testid": "markweave-video-readonly-empty",
 			"aria-hidden": "true"
 		})]);
 	}
-}), Ki = C.extend({
+}), Qi = S.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
-			messages: n("zh"),
+			messages: t("zh"),
 			onUpload: void 0,
 			resolveMediaSource: void 0
 		};
 	},
 	addNodeView() {
 		if (typeof document > "u") return null;
-		let e = c(Wi, { stopEvent: ({ event: e }) => Li(e.target) }), t = this.options.resolveMediaSource;
-		if (!t) return e;
-		let r = x({
-			messages: this.options.messages ?? n("zh"),
+		let e = s(Xi, { stopEvent: ({ event: e }) => Ui(e.target) }), n = this.options.resolveMediaSource;
+		if (!n) return e;
+		let r = b({
+			messages: this.options.messages ?? t("zh"),
 			onUpload: this.options.onUpload,
-			resolveMediaSource: t
+			resolveMediaSource: n
 		});
-		return (t) => P(t.node.attrs.src) ? r(t) : e(t);
+		return (t) => N(t.node.attrs.src) ? r(t) : e(t);
 	}
-}), qi = w.extend({
+}), $i = C.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
-			messages: n("zh"),
+			messages: t("zh"),
 			onUpload: void 0,
 			resolveMediaSource: void 0
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(Gi, { stopEvent: ({ event: e }) => Ri(e.target) });
+		return typeof document > "u" ? null : s(Zi, { stopEvent: ({ event: e }) => Wi(e.target) });
 	}
 });
-function Ji(e) {
+function ea(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-attachment-ui=\"true\"], .markweave-attachment-upload-placeholder, .markweave-attachment-uploading");
 }
-function Yi(e, t) {
+function ta(e, t) {
 	return typeof t != "number" || !Number.isFinite(t) || t <= 0 ? null : Math.max(0, Math.min(100, Math.round(e / t * 100)));
 }
-var Xi = X({
+var na = Y({
 	name: "MarkweaveVueAttachmentNodeView",
 	props: {
 		editor: {
@@ -2279,44 +2282,44 @@ var Xi = X({
 		}
 	},
 	setup(e) {
-		let t = K(() => e.extension.options), r = K(() => t.value?.messages ?? n("zh")), i = Ii(e.editor), a = K(() => d(i.value)), o = K(() => L(e.node.attrs ?? {})), c = K(() => o.value?.name ?? P(e.node.attrs?.src) ?? r.value.attachment.missingSrc), l = K(() => [P(e.node.attrs?.mimeType), z(typeof e.node.attrs?.size == "number" ? e.node.attrs.size : null)].filter(Boolean).join(" · ")), f = W(null), p = W(!1), m = W(!1), h = W(null), g = W(null), _ = W(null), v = W(null), y = () => {
+		let n = G(() => e.extension.options), r = G(() => n.value?.messages ?? t("zh")), i = Hi(e.editor), a = G(() => u(i.value)), s = G(() => F(e.node.attrs ?? {})), c = G(() => s.value?.name ?? N(e.node.attrs?.src) ?? r.value.attachment.missingSrc), d = G(() => [N(e.node.attrs?.mimeType), L(typeof e.node.attrs?.size == "number" ? e.node.attrs.size : null)].filter(Boolean).join(" · ")), f = U(null), p = U(!1), m = U(!1), h = U(null), g = U(null), _ = U(null), v = U(null), y = () => {
 			if (!a.value) return;
 			let t = e.getPos();
 			typeof t == "number" && e.editor.chain().focus().setNodeSelection(t).run();
 		}, b = () => {
 			!a.value || m.value || f.value?.click();
-		}, x = async (n) => {
-			if (!(!a.value || !n || m.value)) {
-				h.value = null, m.value = !0, g.value = n.name, _.value = n.size, v.value = null;
+		}, x = async (t) => {
+			if (!(!a.value || !t || m.value)) {
+				h.value = null, m.value = !0, g.value = t.name, _.value = t.size, v.value = null;
 				try {
-					let r = await ne({
-						...R({
+					let r = await V({
+						...I({
 							type: "file",
-							file: n,
-							mimeType: n.type || void 0
+							file: t,
+							mimeType: t.type || void 0
 						}),
 						onProgress: (e) => {
-							v.value = Yi(e.loaded, e.total);
+							v.value = ta(e.loaded, e.total);
 						}
-					}, t.value?.onUpload);
-					e.updateAttributes(I(r));
+					}, n.value?.onUpload);
+					e.updateAttributes(ne(r));
 				} catch (e) {
 					h.value = e instanceof Error ? e.message : r.value.attachment.uploadFailedError;
 				} finally {
 					m.value = !1, g.value = null, _.value = null, v.value = null, f.value && (f.value.value = "");
 				}
 			}
-		}, S = (n) => {
-			n.preventDefault(), n.stopPropagation(), o.value && F(o.value, {
-				mode: u(e.editor).mode,
-				event: n
-			}, t.value?.onDownload);
+		}, S = (t) => {
+			t.preventDefault(), t.stopPropagation(), s.value && P(s.value, {
+				mode: l(e.editor).mode,
+				event: t
+			}, n.value?.onDownload);
 		}, C = (e) => {
-			Ji(e.target) || (e.preventDefault(), e.stopPropagation(), o.value && S(e));
+			ea(e.target) || (e.preventDefault(), e.stopPropagation(), s.value && S(e));
 		};
 		return () => {
-			let t = r.value.attachment, n = a.value && !o.value && !m.value, i = m.value, u = !!o.value && (p.value || e.selected), d = [z(_.value), v.value === null ? null : `${v.value}%`].filter(Boolean).join(" · ");
-			return n ? U(s, {
+			let t = r.value.attachment, n = a.value && !s.value && !m.value, i = m.value, l = !!s.value && (p.value || e.selected), u = [L(_.value), v.value === null ? null : `${v.value}%`].filter(Boolean).join(" · ");
+			return n ? H(o, {
 				as: "div",
 				class: "markweave-attachment markweave-attachment-upload-placeholder",
 				"data-markweave-attachment": "true",
@@ -2328,7 +2331,7 @@ var Xi = X({
 				onKeydown: (t) => {
 					a.value && e.selected && (t.key === "Delete" || t.key === "Backspace") && (t.preventDefault(), e.deleteNode());
 				}
-			}, [U("input", {
+			}, [H("input", {
 				ref: f,
 				type: "file",
 				hidden: !0,
@@ -2336,7 +2339,7 @@ var Xi = X({
 				onChange: (e) => {
 					x(e.target.files?.[0] ?? null);
 				}
-			}), U("button", {
+			}), H("button", {
 				type: "button",
 				class: "markweave-attachment-upload-trigger",
 				"data-markweave-attachment-ui": "true",
@@ -2345,13 +2348,13 @@ var Xi = X({
 				onMousedown: (e) => e.preventDefault(),
 				onClick: () => b()
 			}, [
-				U("span", {
+				H("span", {
 					class: "markweave-attachment-icon",
 					"aria-hidden": "true"
-				}, [Bi(Mi, t.uploadLabel)]),
-				U("span", { class: "markweave-attachment-upload-label" }, t.uploadLabel),
-				h.value ? U("span", { class: "markweave-attachment-upload-error" }, h.value) : null
-			])]) : i ? U(s, {
+				}, [Ki(Ri, t.uploadLabel)]),
+				H("span", { class: "markweave-attachment-upload-label" }, t.uploadLabel),
+				h.value ? H("span", { class: "markweave-attachment-upload-error" }, h.value) : null
+			])]) : i ? H(o, {
 				as: "div",
 				class: "markweave-attachment markweave-attachment-uploading",
 				"data-markweave-attachment": "true",
@@ -2367,13 +2370,13 @@ var Xi = X({
 				onKeydown: (t) => {
 					a.value && e.selected && (t.key === "Delete" || t.key === "Backspace") && (t.preventDefault(), e.deleteNode());
 				}
-			}, [U("span", {
+			}, [H("span", {
 				class: "markweave-attachment-icon",
 				"aria-hidden": "true"
-			}, [Bi(Mi, t.uploading)]), U("span", { class: "markweave-attachment-body" }, [U("span", { class: "markweave-attachment-name" }, g.value ?? t.uploading), U("span", { class: "markweave-attachment-meta" }, [U("span", {
+			}, [Ki(Ri, t.uploading)]), H("span", { class: "markweave-attachment-body" }, [H("span", { class: "markweave-attachment-name" }, g.value ?? t.uploading), H("span", { class: "markweave-attachment-meta" }, [H("span", {
 				class: "markweave-attachment-spinner",
 				"aria-hidden": "true"
-			}), d || t.uploading])])]) : U(s, {
+			}), u || t.uploading])])]) : H(o, {
 				as: "div",
 				class: "markweave-attachment",
 				"data-markweave-attachment": "true",
@@ -2389,22 +2392,22 @@ var Xi = X({
 					p.value = !1;
 				},
 				onMousedown: (e) => {
-					!a.value || Ji(e.target) || (e.preventDefault(), y());
+					!a.value || ea(e.target) || (e.preventDefault(), y());
 				},
 				onKeydown: (t) => {
 					a.value && e.selected && (t.key === "Delete" || t.key === "Backspace") && (t.preventDefault(), e.deleteNode());
 				},
 				onClick: C
 			}, [
-				U("span", {
+				H("span", {
 					class: "markweave-attachment-icon",
 					"aria-hidden": "true"
-				}, [Bi(di, t.nodeAriaLabel)]),
-				U("span", { class: "markweave-attachment-body" }, [U("span", { class: "markweave-attachment-name" }, c.value), l.value ? U("span", { class: "markweave-attachment-meta" }, l.value) : null]),
-				u ? U("span", {
+				}, [Ki(_i, t.nodeAriaLabel)]),
+				H("span", { class: "markweave-attachment-body" }, [H("span", { class: "markweave-attachment-name" }, c.value), d.value ? H("span", { class: "markweave-attachment-meta" }, d.value) : null]),
+				l ? H("span", {
 					class: "markweave-attachment-actions",
 					"data-markweave-attachment-ui": "true"
-				}, [U("button", {
+				}, [H("button", {
 					type: "button",
 					class: "markweave-attachment-download",
 					"data-markweave-attachment-ui": "true",
@@ -2412,10 +2415,10 @@ var Xi = X({
 					"aria-label": t.downloadAriaLabel,
 					onMousedown: (e) => e.preventDefault(),
 					onClick: S
-				}, [Bi(Gr, t.download), U("span", {
+				}, [Ki(Zr, t.download), H("span", {
 					class: "markweave-attachment-tooltip",
 					role: "tooltip"
-				}, t.download)]), a.value ? U("button", {
+				}, t.download)]), a.value ? H("button", {
 					type: "button",
 					class: "markweave-attachment-delete",
 					"data-markweave-attachment-ui": "true",
@@ -2425,27 +2428,27 @@ var Xi = X({
 					onClick: (t) => {
 						t.preventDefault(), t.stopPropagation(), e.deleteNode();
 					}
-				}, [Bi(ki, t.delete), U("span", {
+				}, [Ki(Fi, t.delete), H("span", {
 					class: "markweave-attachment-tooltip",
 					role: "tooltip"
 				}, t.delete)]) : null]) : null
 			]);
 		};
 	}
-}), Zi = B.extend({
+}), ra = R.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
-			messages: n("zh"),
+			messages: t("zh"),
 			onUpload: void 0,
 			onDownload: void 0,
 			HTMLAttributes: { class: "markweave-attachment" }
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(Xi, { stopEvent: ({ event: e }) => Ji(e.target) });
+		return typeof document > "u" ? null : s(na, { stopEvent: ({ event: e }) => ea(e.target) });
 	}
-}), Qi = X({
+}), ia = Y({
 	name: "MarkweaveVueLinkCardNodeView",
 	props: {
 		editor: {
@@ -2478,64 +2481,64 @@ var Xi = X({
 		}
 	},
 	setup(e) {
-		let t = e.extension.options, r = t.messages ?? n("zh"), i = Ii(e.editor), a = W(!1), o = W(!1), c = W(!1), l = K(() => _(e.node.attrs ?? {})), u = W(l.value?.title ?? ""), f = W(l.value?.href ?? "");
-		q(l, (e) => {
-			u.value = e?.title ?? "", f.value = e?.href ?? "", c.value = !1;
+		let n = e.extension.options, r = n.messages ?? t("zh"), i = Hi(e.editor), a = U(!1), s = U(!1), c = U(!1), l = G(() => g(e.node.attrs ?? {})), d = U(l.value?.title ?? ""), f = U(l.value?.href ?? "");
+		K(l, (e) => {
+			d.value = e?.title ?? "", f.value = e?.href ?? "", c.value = !1;
 		});
-		let p = K(() => d(i.value)), m = K(() => {
+		let p = G(() => u(i.value)), m = G(() => {
 			try {
 				return new URL(l.value?.href ?? "").host;
 			} catch {
 				return l.value?.href ?? "";
 			}
-		}), h = (e) => e.preventDefault(), b = (e) => void navigator.clipboard?.writeText?.(e), x = () => y(e.editor, e.getPos()), S = async (n) => {
-			n.preventDefault();
-			let r = _({
+		}), y = (e) => e.preventDefault(), b = (e) => void navigator.clipboard?.writeText?.(e), x = () => v(e.editor, e.getPos()), S = async (t) => {
+			t.preventDefault();
+			let r = g({
 				...l.value,
-				title: u.value,
+				title: d.value,
 				href: f.value
 			});
 			if (!r) return;
-			e.updateAttributes(r), o.value = !1;
-			let i = await t.resolver?.({
+			e.updateAttributes(r), s.value = !1;
+			let i = await n.resolver?.({
 				href: r.href,
 				title: r.title,
 				signal: new AbortController().signal
 			}).catch(() => null);
-			i && e.updateAttributes(_({
+			i && e.updateAttributes(g({
 				...r,
 				...i
 			}) ?? r);
-		}, C = (e, t, n, r) => U("button", {
+		}, C = (e, t, n, r) => H("button", {
 			type: "button",
 			title: e,
 			"aria-label": e,
 			"data-testid": n,
-			onMousedown: h,
+			onMousedown: y,
 			onClick: r
-		}, [Bi(t, e), U("span", { role: "tooltip" }, e)]);
+		}, [Ki(t, e), H("span", { role: "tooltip" }, e)]);
 		return () => {
-			let n = l.value;
-			if (!n) return null;
-			let i = !c.value && n.imageUrl ? U("img", {
-				src: n.imageUrl,
+			let t = l.value;
+			if (!t) return null;
+			let i = !c.value && t.imageUrl ? H("img", {
+				src: t.imageUrl,
 				alt: "",
 				loading: "lazy",
 				referrerpolicy: "no-referrer",
 				onError: () => {
 					c.value = !0;
 				}
-			}) : !c.value && n.faviconUrl ? U("img", {
+			}) : !c.value && t.faviconUrl ? H("img", {
 				class: "markweave-link-card-favicon",
-				src: n.faviconUrl,
+				src: t.faviconUrl,
 				alt: "",
 				loading: "lazy",
 				referrerpolicy: "no-referrer",
 				onError: () => {
 					c.value = !0;
 				}
-			}) : U("b", null, m.value.slice(0, 1).toUpperCase());
-			return U(s, {
+			}) : H("b", null, m.value.slice(0, 1).toUpperCase());
+			return H(o, {
 				as: "article",
 				class: "markweave-link-card",
 				"data-testid": "markweave-link-card",
@@ -2549,58 +2552,58 @@ var Xi = X({
 					a.value = !1;
 				},
 				onMousedown: (e) => {
-					zi(e.target) || e.preventDefault();
+					Gi(e.target) || e.preventDefault();
 				},
 				onClick: (e) => {
-					zi(e.target) || (e.preventDefault(), n.href && window.open(n.href, "_blank", "noopener,noreferrer"));
+					Gi(e.target) || (e.preventDefault(), t.href && window.open(t.href, "_blank", "noopener,noreferrer"));
 				}
 			}, () => [
-				U("a", {
+				H("a", {
 					class: "markweave-link-card-main",
-					href: n.href,
+					href: t.href,
 					"aria-label": r.linkCard.open
-				}, [U("span", { class: "markweave-link-card-copy" }, [
-					U("strong", null, n.title),
-					n.description ? U("span", null, n.description) : null,
-					U("small", null, n.siteName ?? m.value)
-				]), U("span", {
+				}, [H("span", { class: "markweave-link-card-copy" }, [
+					H("strong", null, t.title),
+					t.description ? H("span", null, t.description) : null,
+					H("small", null, t.siteName ?? m.value)
+				]), H("span", {
 					class: "markweave-link-card-media",
 					"aria-hidden": "true"
 				}, [i])]),
-				p.value ? U("div", {
+				p.value ? H("div", {
 					class: "markweave-link-card-tools",
 					"data-markweave-link-card-ui": "true",
 					"aria-label": r.linkCard.toolsAriaLabel
 				}, [
-					C(r.linkCard.convertToLink, ii, "markweave-link-card-convert", x),
-					C(r.linkCard.copyAddress, Gr, "markweave-link-card-copy", () => b(n.href)),
-					C(r.linkCard.edit, fi, "markweave-link-card-edit", (i) => g({
+					C(r.linkCard.convertToLink, ui, "markweave-link-card-convert", x),
+					C(r.linkCard.copyAddress, Zr, "markweave-link-card-copy", () => b(t.href)),
+					C(r.linkCard.edit, vi, "markweave-link-card-edit", (i) => h({
 						anchor: i.currentTarget,
 						editor: e.editor,
 						messages: r,
-						resolver: t.resolver,
+						resolver: n.resolver,
 						card: {
 							pos: e.getPos(),
-							attrs: n
+							attrs: t
 						}
 					})),
-					C(r.linkCard.delete, ki, "markweave-link-card-delete", () => e.deleteNode())
+					C(r.linkCard.delete, Fi, "markweave-link-card-delete", () => e.deleteNode())
 				]) : null,
-				p.value && o.value ? U("form", {
+				p.value && s.value ? H("form", {
 					class: "markweave-link-card-editor",
 					"data-markweave-link-card-ui": "true",
 					"data-testid": "markweave-link-card-editor",
 					onSubmit: S
 				}, [
-					U("label", null, [U("span", null, r.linkCard.titleLabel), U("input", {
-						value: u.value,
+					H("label", null, [H("span", null, r.linkCard.titleLabel), H("input", {
+						value: d.value,
 						placeholder: r.linkCard.titlePlaceholder,
 						"aria-label": r.linkCard.titleLabel,
 						onInput: (e) => {
-							u.value = e.target.value;
+							d.value = e.target.value;
 						}
 					})]),
-					U("label", null, [U("span", null, r.linkCard.addressLabel), U("input", {
+					H("label", null, [H("span", null, r.linkCard.addressLabel), H("input", {
 						value: f.value,
 						placeholder: r.linkCard.addressPlaceholder,
 						"aria-label": r.linkCard.addressLabel,
@@ -2608,54 +2611,56 @@ var Xi = X({
 							f.value = e.target.value;
 						}
 					})]),
-					U("button", {
+					H("button", {
 						type: "submit",
-						disabled: !v(f.value),
+						disabled: !_(f.value),
 						"aria-label": r.linkCard.edit
-					}, [Bi(ii, r.linkCard.edit)])
+					}, [Ki(ui, r.linkCard.edit)])
 				]) : null
 			]);
 		};
 	}
-}), $i = h.extend({
+}), aa = m.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
-			messages: n("zh"),
+			messages: t("zh"),
 			resolver: void 0
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : c(Qi, { stopEvent: ({ event: e }) => zi(e.target) });
+		return typeof document > "u" ? null : s(ia, { stopEvent: ({ event: e }) => Gi(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function ea(t = {}) {
+function oa(n = {}) {
 	return e({
-		lang: t.lang,
-		onImageUpload: t.onImageUpload,
-		linkCardExtension: $i.configure({
-			lang: t.lang,
-			messages: n(t.lang),
-			resolver: t.linkCardResolver
+		lang: n.lang,
+		onImageUpload: n.onImageUpload,
+		tableCapabilities: n.tableCapabilities,
+		linkCardExtension: aa.configure({
+			lang: n.lang,
+			messages: t(n.lang),
+			resolver: n.linkCardResolver
 		}),
-		mediaExtensions: i({
-			image: Ki,
-			video: qi,
-			attachment: Zi,
-			lang: t.lang,
-			onImageUpload: t.onImageUpload,
-			onVideoUpload: t.onVideoUpload,
-			onAttachmentUpload: t.onAttachmentUpload,
-			onAttachmentDownload: t.onAttachmentDownload,
-			resolveMediaSource: t.resolveMediaSource
-		})
+		mediaExtensions: r({
+			image: Qi,
+			video: $i,
+			attachment: ra,
+			lang: n.lang,
+			onImageUpload: n.onImageUpload,
+			onVideoUpload: n.onVideoUpload,
+			onAttachmentUpload: n.onAttachmentUpload,
+			onAttachmentDownload: n.onAttachmentDownload,
+			resolveMediaSource: n.resolveMediaSource
+		}),
+		editorExtensions: n.editorExtensions
 	});
 }
 //#endregion
 //#region src/MarkweaveEditor.ts
-var ta = {
+var sa = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -2663,17 +2668,17 @@ var ta = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, na = {
+}, ca = {
 	active: !1,
 	language: ct.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
 };
-function ra(e) {
-	return Cn.getState(e.state) ?? Sn;
+function la(e) {
+	return kn.getState(e.state) ?? On;
 }
-function ia(e) {
+function ua(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -2683,134 +2688,142 @@ function ia(e) {
 	}
 	return null;
 }
-function Q(e, t, n = 18, r = 1.8) {
-	return U(e, {
+function Z(e, t, n = 18, r = 1.8) {
+	return H(e, {
 		size: n,
 		strokeWidth: r,
 		"aria-hidden": "true"
 	}, { default: () => t });
 }
-function aa(e) {
-	return e === "clipboard" ? [U("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" }), U("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" ? [U("circle", {
+function da(e) {
+	return e === "clipboard" ? [H("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" }), H("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" ? [H("circle", {
 		cx: "10",
 		cy: "10",
 		r: "5.5"
-	}), U("path", { d: "m14 14 4 4" })] : e === "check" ? [U("path", { d: "m5 11 4 4 8-9" })] : e === "expand" ? [
-		U("path", { d: "M8 4H4v4" }),
-		U("path", { d: "M4 4l5 5" }),
-		U("path", { d: "M16 4h4v4" }),
-		U("path", { d: "m20 4-5 5" }),
-		U("path", { d: "M8 20H4v-4" }),
-		U("path", { d: "m4 20 5-5" }),
-		U("path", { d: "M16 20h4v-4" }),
-		U("path", { d: "m20 20-5-5" })
+	}), H("path", { d: "m14 14 4 4" })] : e === "check" ? [H("path", { d: "m5 11 4 4 8-9" })] : e === "expand" ? [
+		H("path", { d: "M8 4H4v4" }),
+		H("path", { d: "M4 4l5 5" }),
+		H("path", { d: "M16 4h4v4" }),
+		H("path", { d: "m20 4-5 5" }),
+		H("path", { d: "M8 20H4v-4" }),
+		H("path", { d: "m4 20 5-5" }),
+		H("path", { d: "M16 20h4v-4" }),
+		H("path", { d: "m20 20-5-5" })
 	] : e === "download" ? [
-		U("path", { d: "M12 4v10" }),
-		U("path", { d: "m8 10 4 4 4-4" }),
-		U("path", { d: "M5 19h14" })
-	] : e === "close" ? [U("path", { d: "M6 6l12 12" }), U("path", { d: "M18 6 6 18" })] : e === "zoomOut" ? [
-		U("circle", {
+		H("path", { d: "M12 4v10" }),
+		H("path", { d: "m8 10 4 4 4-4" }),
+		H("path", { d: "M5 19h14" })
+	] : e === "close" ? [H("path", { d: "M6 6l12 12" }), H("path", { d: "M18 6 6 18" })] : e === "zoomOut" ? [
+		H("circle", {
 			cx: "10",
 			cy: "10",
 			r: "5.25"
 		}),
-		U("path", { d: "M7.5 10h5" }),
-		U("path", { d: "m14 14 4 4" })
+		H("path", { d: "M7.5 10h5" }),
+		H("path", { d: "m14 14 4 4" })
 	] : e === "zoomIn" ? [
-		U("circle", {
+		H("circle", {
 			cx: "10",
 			cy: "10",
 			r: "5.25"
 		}),
-		U("path", { d: "M7.5 10h5" }),
-		U("path", { d: "M10 7.5v5" }),
-		U("path", { d: "m14 14 4 4" })
-	] : e === "reset" ? [U("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), U("path", { d: "M6.5 8.5H3.5v-3" })] : [U("path", { d: "m6 9 6 6 6-6" })];
+		H("path", { d: "M7.5 10h5" }),
+		H("path", { d: "M10 7.5v5" }),
+		H("path", { d: "m14 14 4 4" })
+	] : e === "reset" ? [H("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), H("path", { d: "M6.5 8.5H3.5v-3" })] : [H("path", { d: "m6 9 6 6 6-6" })];
 }
-function oa(e) {
-	return U("svg", {
+function Q(e) {
+	return H("svg", {
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
 		focusable: "false"
-	}, U("g", {
+	}, H("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "1.8"
-	}, aa(e)));
+	}, da(e)));
 }
 function $(e) {
 	e.preventDefault();
 }
-function sa(e) {
+function fa(e) {
 	let t = zt(e);
 	return !t || typeof window > "u" || typeof window.open != "function" ? !1 : (window.open(t, "_blank", "noopener,noreferrer"), !0);
 }
-var ca = {
-	bold: Nr,
-	italic: ni,
-	underline: ji,
-	strike: Si,
-	"inline-code": Hr,
-	link: ii,
-	more: li,
-	superscript: wi,
-	subscript: Ci,
-	"inline-math": _i,
-	"align-left": _r,
-	"align-center": hr,
-	"align-right": vr,
-	"align-justify": gr,
-	"decrease-indent": $r,
-	"increase-indent": ei
-}, la = {
-	type: Oi,
-	"heading-1": Jr,
-	"heading-2": Yr,
-	"heading-3": Xr,
-	"bullet-list": ai,
-	"ordered-list": si,
-	"task-list": oi,
-	blockquote: mi,
-	"code-block": Pr,
-	info: ti,
-	tip: ri,
-	warning: Sr,
-	error: Vr,
-	success: Lr,
-	emoji: vi,
-	math: _i,
-	table: Ti,
-	separator: ci,
-	image: Zr,
-	video: Ni,
-	attachment: di
+var pa = {
+	bold: zr,
+	italic: ci,
+	underline: Li,
+	strike: Oi,
+	"inline-code": Jr,
+	link: ui,
+	more: hi,
+	superscript: Ai,
+	subscript: ki,
+	"inline-math": Ci,
+	"align-left": Cr,
+	"align-center": xr,
+	"align-right": wr,
+	"align-justify": Sr,
+	"decrease-indent": ai,
+	"increase-indent": oi
+}, ma = {
+	type: Pi,
+	"heading-1": ei,
+	"heading-2": ti,
+	"heading-3": ni,
+	"bullet-list": di,
+	"ordered-list": pi,
+	"task-list": fi,
+	blockquote: bi,
+	"code-block": Br,
+	info: si,
+	tip: li,
+	warning: Or,
+	error: qr,
+	success: Ur,
+	emoji: wi,
+	math: Ci,
+	table: ji,
+	separator: mi,
+	image: ri,
+	video: zi,
+	attachment: _i
 };
-function ua(e) {
-	let t = la[e];
-	return U(t, {
+function ha(e) {
+	if (typeof e != "string") {
+		if (e.kind === "text") return H("span", {
+			class: "markweave-slash-command-text-icon",
+			"data-icon-length": an(e),
+			"aria-hidden": "true"
+		}, e.text);
+		e = e.name;
+	}
+	let t = ma[e];
+	return H(t, {
 		size: 18,
 		strokeWidth: 1.6,
 		absoluteStrokeWidth: !0,
 		"aria-hidden": "true"
 	});
 }
-var da = {
-	paragraph: Ai,
-	"heading-1": Jr,
-	"heading-2": Yr,
-	"heading-3": Xr,
-	"bullet-list": ai,
-	"numbered-list": si,
-	"todo-list": oi,
-	quote: mi,
-	"code-block": Pr
+var ga = {
+	paragraph: Ii,
+	"heading-1": ei,
+	"heading-2": ti,
+	"heading-3": ni,
+	"bullet-list": di,
+	"numbered-list": pi,
+	"todo-list": fi,
+	quote: bi,
+	"code-block": Br
 };
-function fa(e, t) {
+function _a(e, t) {
 	return pe(e, t).label;
 }
-var pa = X({
+var va = Y({
 	name: "MarkweaveVueFloatingToolbar",
 	props: {
 		editor: {
@@ -2835,33 +2848,33 @@ var pa = X({
 		}
 	},
 	setup(e) {
-		let t = W(null), n = W("input"), r = W(""), i = W(""), a = W(""), o = W(""), s = G(null), c = G(null), l = W(null), u = W(null), d = "", f = K(() => e.askAi?.enabled === !0 && typeof e.askAi.handler == "function"), p = W(""), m = W(null), h = W(null), g = W("bottom"), _ = W(null), v = W(null), y = W(null), b = K(() => zt(p.value.trim())), x = K(() => e.messages.floatingToolbar), S = K(() => _e(e.messages).map((e) => [
+		let t = U(null), n = U("input"), r = U(""), i = U(""), a = U(""), o = U(""), s = W(null), c = W(null), l = U(null), u = U(null), d = "", f = G(() => e.askAi?.enabled === !0 && typeof e.askAi.handler == "function"), p = U(""), m = U(null), h = U(null), g = U("bottom"), _ = U(null), v = U(null), y = U(null), b = G(() => zt(p.value.trim())), x = G(() => e.messages.floatingToolbar), S = G(() => _e(e.messages).map((e) => [
 			e.id,
 			e.label,
-			da[e.id]
-		])), C = K(() => ge(e.messages).map((e) => [
+			ga[e.id]
+		])), C = G(() => ge(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), w = K(() => me(e.messages).map((e) => [
+		])), ee = G(() => me(e.messages).map((e) => [
 			e.id,
 			e.value,
 			e.label
-		])), T = K(() => he(e.messages).map((e) => e.id)), E = () => {
+		])), w = G(() => he(e.messages).map((e) => e.id)), T = () => {
 			b.value && (e.editor.chain().focus().extendMarkRange("link").setLink({ href: b.value }).run(), t.value = null);
-		}, D = () => {
+		}, E = () => {
 			e.editor.isActive("link") && e.editor.chain().focus().extendMarkRange("link").unsetLink().run(), p.value = "", t.value = null;
-		}, O = (n) => {
+		}, D = (n) => {
 			t.value = t.value === n ? null : n, n === "link" && (p.value = e.editor.getAttributes("link").href ?? "");
-		}, k = se(() => {
+		}, O = se(() => {
 			Ge(e.editor, d), a.value = d;
-		}), A = (n = !0) => {
-			c.value?.abort(), k.cancel(), d = "", c.value = null, l.value = null, n && Ue(e.editor), Fe(e.editor), t.value = null, n && e.editor.commands.focus();
-		}, j = () => {
+		}), k = (n = !0) => {
+			c.value?.abort(), O.cancel(), d = "", c.value = null, l.value = null, n && Ue(e.editor), Fe(e.editor), t.value = null, n && e.editor.commands.focus();
+		}, A = () => {
 			if (!f.value) return;
 			let r = qe(e.editor);
-			r && (s.value = r, n.value = "input", a.value = "", o.value = "", i.value = "", t.value = "ask-ai", Y(() => u.value?.focus()));
-		}, ee = async (t) => {
+			r && (s.value = r, n.value = "input", a.value = "", o.value = "", i.value = "", t.value = "ask-ai", J(() => u.value?.focus()));
+		}, j = async (t) => {
 			if (!f.value || e.askAi?.enabled !== !0 || !s.value) return;
 			let u = (t ?? r.value).trim();
 			if (!u) {
@@ -2875,17 +2888,17 @@ var pa = X({
 			}
 			s.value = p, c.value?.abort(), Pe(e.editor);
 			let m = new AbortController(), h = Ie(p, u, e.lang, m.signal, void 0, ze(e.editor)?.target);
-			c.value = m, l.value = h.id, i.value = u, k.cancel(), d = "", a.value = "", o.value = "", n.value = "generating";
+			c.value = m, l.value = h.id, i.value = u, O.cancel(), d = "", a.value = "", o.value = "", n.value = "generating";
 			try {
 				let t = await We(e.askAi.handler, h, (e) => {
-					l.value === h.id && !m.signal.aborted && (d = e, k.schedule());
+					l.value === h.id && !m.signal.aborted && (d = e, O.schedule());
 				});
 				if (l.value !== h.id || m.signal.aborted) return;
-				if (k.cancel(), d = t, !Ge(e.editor, t)) throw new Ae("invalid-output", "Ask AI output is incompatible with the selected content.");
+				if (O.cancel(), d = t, !Ge(e.editor, t)) throw new Ae("invalid-output", "Ask AI output is incompatible with the selected content.");
 				a.value = t, r.value = "", n.value = ze(e.editor)?.status === "target" ? "result" : "conflict";
 			} catch (t) {
 				if (l.value !== h.id) return;
-				if (k.cancel(), m.signal.aborted) {
+				if (O.cancel(), m.signal.aborted) {
 					Pe(e.editor), n.value = ze(e.editor)?.status === "conflict" ? "conflict" : "input";
 					return;
 				}
@@ -2936,53 +2949,53 @@ var pa = X({
 		}), N = () => {
 			let l = ze(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", Y(() => u.value?.focus());
+				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");
+			t.value === "ask-ai" && l?.status === "conflict" && (c.value?.abort(), O.cancel(), n.value = "conflict");
 		}, P = (e) => {
-			e.key !== "Escape" || t.value !== "ask-ai" || (e.preventDefault(), n.value === "generating" ? (c.value?.abort(), k.cancel(), n.value = "input") : A(!0));
-		}, F = (e) => {
+			e.key !== "Escape" || t.value !== "ask-ai" || (e.preventDefault(), n.value === "generating" ? (c.value?.abort(), O.cancel(), n.value = "input") : k(!0));
+		}, ne = (e) => {
 			if (!(!t.value || v.value?.contains(e.target))) {
 				if (t.value === "ask-ai") {
-					A(!0);
+					k(!0);
 					return;
 				}
 				t.value = null;
 			}
 		};
-		q(() => [
+		K(() => [
 			t.value,
 			n.value,
 			a.value,
 			o.value
 		], ([e]) => {
-			e && Y(M.schedule);
-		}), fr(() => {
-			window.addEventListener("resize", M.schedule), window.addEventListener("scroll", M.schedule, !0), e.editor.on("transaction", N), document.addEventListener("pointerdown", F, !0), document.addEventListener("keydown", P, !0);
-		}), J(() => {
-			M.cancel(), k.cancel(), window.removeEventListener("resize", M.schedule), window.removeEventListener("scroll", M.schedule, !0), e.editor.off("transaction", N), document.removeEventListener("pointerdown", F, !0), document.removeEventListener("keydown", P, !0), c.value?.abort(), Fe(e.editor);
+			e && J(M.schedule);
+		}), vr(() => {
+			window.addEventListener("resize", M.schedule), window.addEventListener("scroll", M.schedule, !0), e.editor.on("transaction", N), document.addEventListener("pointerdown", ne, !0), document.addEventListener("keydown", P, !0);
+		}), q(() => {
+			M.cancel(), O.cancel(), window.removeEventListener("resize", M.schedule), window.removeEventListener("scroll", M.schedule, !0), e.editor.off("transaction", N), document.removeEventListener("pointerdown", ne, !0), document.removeEventListener("keydown", P, !0), c.value?.abort(), Fe(e.editor);
 		});
-		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) => {
+		let F = (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, I = (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 = () => {
+		}, L = () => {
 			let e = m.value;
 			if (!e || t.value !== null) return null;
 			let n = x.value.buttons[e];
-			return n ? U("div", {
+			return n ? H("div", {
 				class: "markweave-floating-toolbar-tooltip",
 				role: "tooltip",
 				"data-testid": "markweave-floating-toolbar-tooltip",
 				"data-button-id": e,
-				"data-active": I(e),
+				"data-active": F(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) => U("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,
@@ -2996,19 +3009,19 @@ var pa = X({
 			"data-active": o || t.value === n,
 			"data-tooltip-active": m.value === n ? "true" : "false",
 			"data-testid": `markweave-floating-toolbar-button-${n}`,
-			onBlur: () => L(null),
-			onFocus: (e) => L(n, e.currentTarget),
+			onBlur: () => I(null),
+			onFocus: (e) => I(n, e.currentTarget),
 			onMousedown: $,
-			onMouseenter: (e) => L(n, e.currentTarget),
-			onMouseleave: () => L(null),
+			onMouseenter: (e) => I(n, e.currentTarget),
+			onMouseleave: () => I(null),
 			onClick: a
-		}, n === "ask-ai" ? [U("span", { class: "markweave-floating-toolbar-button-inner" }, [Q(i, r), U("span", null, s ?? r)])] : n === "block-type" ? [U("span", { class: "markweave-floating-toolbar-button-inner" }, [U("span", { class: "markweave-floating-toolbar-block-label" }, fa(e.editor, e.messages)), Q(t.value === "block-type" ? Br : Rr, r)])] : n === "color" ? [U("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [U("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Q(t.value === "color" ? Br : Rr, r)])] : [Q(i, r)]), B = () => U("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" }, _a(e.editor, e.messages)), Z(t.value === "block-type" ? Kr : Wr, 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" ? Kr : Wr, r)])] : [Z(i, r)]), z = () => H("span", {
 			class: "markweave-floating-toolbar-divider",
 			"aria-hidden": "true"
-		}), V = (n, r, i) => U("section", {
+		}), B = (n, r, i) => H("section", {
 			class: "markweave-floating-toolbar-color-section",
 			"aria-label": n
-		}, [U("div", { class: "markweave-floating-toolbar-menu-title" }, n), U("div", { class: "markweave-floating-toolbar-swatch-grid" }, i.map(([n, i, a]) => U("button", {
+		}, [H("div", { class: "markweave-floating-toolbar-menu-title" }, n), H("div", { class: "markweave-floating-toolbar-swatch-grid" }, i.map(([n, i, a]) => H("button", {
 			key: `${r}-${n}`,
 			type: "button",
 			"aria-label": a,
@@ -3017,24 +3030,24 @@ var pa = X({
 			onClick: () => {
 				r === "text" ? i ? e.editor.chain().focus().setColor(i).run() : e.editor.chain().focus().unsetColor().run() : i ? e.editor.chain().focus().toggleHighlight({ color: i }).run() : e.editor.chain().focus().unsetHighlight().run(), t.value = null;
 			}
-		}, r === "text" ? [U("span", {
+		}, r === "text" ? [H("span", {
 			class: "markweave-floating-toolbar-text-swatch",
 			style: { color: i ?? "#646970" }
-		}, "A")] : [U("span", {
+		}, "A")] : [H("span", {
 			class: "markweave-floating-toolbar-highlight-swatch",
 			style: { backgroundColor: i ?? "#ffffff" },
 			"aria-hidden": "true"
-		})])))]), H = () => {
+		})])))]), V = () => {
 			if (t.value === "ask-ai") {
-				let t = (e, t, n, r) => U("button", {
+				let t = (e, t, n, r) => H("button", {
 					type: "button",
 					class: n,
 					onMousedown: $,
 					onClick: t
-				}, r ? [Q(r, e), U("span", null, e)] : e), s = n.value === "input" || n.value === "result" || n.value === "error" ? U("div", {
+				}, r ? [Z(r, e), H("span", null, e)] : e), s = n.value === "input" || n.value === "result" || n.value === "error" ? H("div", {
 					class: "markweave-ask-ai-composer",
 					"data-variant": n.value === "result" ? "follow-up" : "prompt"
-				}, [U("textarea", {
+				}, [H("textarea", {
 					ref: u,
 					class: "markweave-ask-ai-input",
 					rows: 2,
@@ -3045,19 +3058,19 @@ var pa = X({
 						r.value = e.target.value;
 					},
 					onKeydown: (e) => {
-						e.key === "Enter" && !e.shiftKey && !e.isComposing && (e.preventDefault(), ee());
+						e.key === "Enter" && !e.shiftKey && !e.isComposing && (e.preventDefault(), j());
 					}
-				}), U("button", {
+				}), H("button", {
 					type: "button",
 					class: "markweave-ask-ai-send",
 					"aria-label": e.messages.askAi.send,
 					disabled: !r.value.trim(),
 					onMousedown: $,
 					onClick: () => {
-						ee();
+						j();
 					}
-				}, [Q(Dr, e.messages.askAi.send)])]) : null;
-				return U("section", {
+				}, [Z(Nr, e.messages.askAi.send)])]) : null;
+				return H("section", {
 					ref: y,
 					class: "markweave-floating-toolbar-popover markweave-ask-ai-popover",
 					"aria-label": e.messages.askAi.ariaLabel,
@@ -3065,50 +3078,50 @@ var pa = X({
 					"data-testid": "markweave-ask-ai-popover"
 				}, [
 					s,
-					n.value === "generating" ? U("div", {
+					n.value === "generating" ? H("div", {
 						class: "markweave-ask-ai-progress markweave-ask-ai-generating",
 						role: "status"
 					}, [
-						U("span", {
+						H("span", {
 							class: "markweave-ask-ai-sparkles",
 							"aria-hidden": "true"
-						}, [Q(yi, "")]),
-						U("span", { class: "markweave-ask-ai-progress-label" }, a.value ? e.messages.askAi.streaming : e.messages.askAi.generating),
-						U("button", {
+						}, [Z(Ti, "")]),
+						H("span", { class: "markweave-ask-ai-progress-label" }, a.value ? e.messages.askAi.streaming : e.messages.askAi.generating),
+						H("button", {
 							type: "button",
 							class: "markweave-ask-ai-stop",
 							"aria-label": e.messages.askAi.stop,
 							onMousedown: $,
 							onClick: () => {
-								c.value?.abort(), k.cancel(), Pe(e.editor), n.value = "input";
+								c.value?.abort(), O.cancel(), Pe(e.editor), n.value = "input";
 							}
-						}, [Q(bi, e.messages.askAi.stop)])
+						}, [Z(Ei, e.messages.askAi.stop)])
 					]) : null,
-					n.value === "result" ? U("div", { class: "markweave-ask-ai-action-bar" }, [
+					n.value === "result" ? H("div", { class: "markweave-ask-ai-action-bar" }, [
 						t(e.messages.askAi.retry, () => {
-							ee(i.value);
-						}, "markweave-ask-ai-retry", gi),
-						U("span", { class: "markweave-ask-ai-action-spacer" }),
-						t(e.messages.askAi.discard, () => A(!0), "markweave-ask-ai-discard", Pi),
-						t(e.messages.askAi.accept, te, "markweave-ask-ai-accept", Ir)
+							j(i.value);
+						}, "markweave-ask-ai-retry", Si),
+						H("span", { class: "markweave-ask-ai-action-spacer" }),
+						t(e.messages.askAi.discard, () => k(!0), "markweave-ask-ai-discard", Bi),
+						t(e.messages.askAi.accept, te, "markweave-ask-ai-accept", Hr)
 					]) : null,
-					n.value === "error" || n.value === "conflict" ? U("div", {
+					n.value === "error" || n.value === "conflict" ? H("div", {
 						class: "markweave-ask-ai-error",
 						role: "alert"
-					}, [n.value === "conflict" ? e.messages.askAi.conflict : o.value || e.messages.askAi.errorFallback, U("div", { class: "markweave-ask-ai-action-bar" }, [
+					}, [n.value === "conflict" ? e.messages.askAi.conflict : o.value || e.messages.askAi.errorFallback, H("div", { class: "markweave-ask-ai-action-bar" }, [
 						n.value === "error" ? t(e.messages.askAi.retry, () => {
-							ee(i.value);
-						}, "markweave-ask-ai-retry", gi) : null,
-						U("span", { class: "markweave-ask-ai-action-spacer" }),
-						t(e.messages.askAi.discard, () => A(!0), "markweave-ask-ai-discard", Pi)
+							j(i.value);
+						}, "markweave-ask-ai-retry", Si) : null,
+						H("span", { class: "markweave-ask-ai-action-spacer" }),
+						t(e.messages.askAi.discard, () => k(!0), "markweave-ask-ai-discard", Bi)
 					])]) : null
 				]);
 			}
-			return t.value === "block-type" ? U("div", {
+			return t.value === "block-type" ? H("div", {
 				ref: y,
 				class: "markweave-floating-toolbar-popover markweave-floating-toolbar-turn-menu",
 				"data-testid": "markweave-floating-toolbar-turn-menu"
-			}, [U("div", { class: "markweave-floating-toolbar-menu-title" }, x.value.turnIntoTitle), ...S.value.map(([n, r, i]) => U("button", {
+			}, [H("div", { class: "markweave-floating-toolbar-menu-title" }, x.value.turnIntoTitle), ...S.value.map(([n, r, i]) => H("button", {
 				key: n,
 				type: "button",
 				"data-testid": `markweave-floating-toolbar-turn-${n}`,
@@ -3116,14 +3129,14 @@ var pa = X({
 				onClick: () => {
 					ye(e.editor, n), t.value = null;
 				}
-			}, [U("span", { class: "markweave-floating-toolbar-menu-icon" }, [Q(i, r)]), U("span", null, r)]))]) : t.value === "link" ? U("form", {
+			}, [H("span", { class: "markweave-floating-toolbar-menu-icon" }, [Z(i, r)]), H("span", null, r)]))]) : t.value === "link" ? H("form", {
 				class: "markweave-floating-toolbar-popover markweave-floating-toolbar-link-popover",
 				ref: y,
 				"data-testid": "markweave-floating-toolbar-link-popover",
 				onSubmit: (e) => {
-					e.preventDefault(), E();
+					e.preventDefault(), T();
 				}
-			}, [U("input", {
+			}, [H("input", {
 				value: p.value,
 				placeholder: x.value.linkPlaceholder,
 				"aria-label": x.value.linkUrlLabel,
@@ -3131,45 +3144,45 @@ var pa = X({
 				onInput: (e) => {
 					p.value = e.target.value;
 				}
-			}), U("span", { class: "markweave-floating-toolbar-link-actions" }, [
-				U("button", {
+			}), H("span", { class: "markweave-floating-toolbar-link-actions" }, [
+				H("button", {
 					type: "submit",
 					disabled: !b.value,
 					"aria-label": x.value.applyLink,
 					"data-testid": "markweave-floating-toolbar-link-apply",
 					onMousedown: $
-				}, [Q(Ur, x.value.applyLink)]),
-				U("span", {
+				}, [Z(Yr, x.value.applyLink)]),
+				H("span", {
 					class: "markweave-floating-toolbar-link-divider",
 					"aria-hidden": "true"
 				}),
-				U("button", {
+				H("button", {
 					type: "button",
 					disabled: !b.value,
 					"aria-label": x.value.openLink,
 					"data-testid": "markweave-floating-toolbar-link-open",
 					onMousedown: $,
-					onClick: () => sa(p.value)
-				}, [Q(qr, x.value.openLink)]),
-				U("button", {
+					onClick: () => fa(p.value)
+				}, [Z($r, x.value.openLink)]),
+				H("button", {
 					type: "button",
 					"aria-label": x.value.removeLink,
 					"data-testid": "markweave-floating-toolbar-link-remove",
 					onMousedown: $,
-					onClick: D
-				}, [Q(ki, x.value.removeLink)])
-			])]) : t.value === "color" ? U("div", {
+					onClick: E
+				}, [Z(Fi, x.value.removeLink)])
+			])]) : t.value === "color" ? H("div", {
 				ref: y,
 				class: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
 				"data-testid": "markweave-floating-toolbar-color-menu"
-			}, [V(x.value.textColorTitle, "text", C.value), V(x.value.highlightColorTitle, "highlight", w.value)]) : t.value === "more" ? U("div", {
+			}, [B(x.value.textColorTitle, "text", C.value), B(x.value.highlightColorTitle, "highlight", ee.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"
-			}, T.value.map((n) => U("span", {
+			}, w.value.map((n) => H("span", {
 				key: n,
 				class: "markweave-floating-toolbar-more-item"
-			}, [U("button", {
+			}, [H("button", {
 				type: "button",
 				"aria-label": x.value.moreActions[n],
 				"data-testid": `markweave-floating-toolbar-more-${n}`,
@@ -3184,12 +3197,12 @@ var pa = X({
 				onClick: () => {
 					ve(e.editor, n), t.value = null;
 				}
-			}, [Q(ca[n], x.value.moreActions[n])]), m.value === n ? U("div", {
+			}, [Z(pa[n], x.value.moreActions[n])]), m.value === n ? H("div", {
 				class: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 				role: "tooltip"
 			}, x.value.moreActions[n]) : null]))) : null;
 		};
-		return () => U(ie, {
+		return () => H(ie, {
 			editor: e.editor,
 			shouldShow: ({ editor: e }) => {
 				let t = ze(e);
@@ -3207,36 +3220,36 @@ var pa = X({
 				} : null;
 			},
 			options: { placement: "top" }
-		}, { default: () => U("div", {
+		}, { default: () => H("div", {
 			ref: _,
 			class: "markweave-floating-toolbar markweave-floating-toolbar--default markweave-floating-toolbar--motion-entered",
 			"data-popover-placement": t.value ? g.value : void 0,
 			"data-ask-ai-session": t.value === "ask-ai" ? "open" : "closed",
 			"data-testid": "markweave-floating-toolbar"
-		}, [U("div", {
+		}, [H("div", {
 			ref: v,
 			class: "markweave-floating-toolbar-content",
 			"data-menu": t.value ?? "none"
 		}, [
-			f.value && He(e.editor) ? z("ask-ai", x.value.buttons["ask-ai"], yi, j, t.value === "ask-ai", x.value.buttons["ask-ai"]) : null,
-			f.value && He(e.editor) ? B() : null,
-			z("block-type", x.value.buttons["block-type"], Ai, () => O("block-type"), t.value === "block-type"),
-			B(),
-			z("bold", x.value.buttons.bold, Nr, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
-			z("italic", x.value.buttons.italic, ni, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
-			z("underline", x.value.buttons.underline, ji, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
-			z("strike", x.value.buttons.strike, Si, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
-			z("inline-code", x.value.buttons["inline-code"], Hr, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
-			B(),
-			z("link", x.value.buttons.link, ii, () => O("link"), e.editor.isActive("link")),
-			z("color", x.value.buttons.color, Ai, () => O("color"), t.value === "color"),
-			B(),
-			z("more", x.value.buttons.more, li, () => O("more"), t.value === "more"),
-			H(),
-			R()
+			f.value && He(e.editor) ? R("ask-ai", x.value.buttons["ask-ai"], Ti, A, t.value === "ask-ai", x.value.buttons["ask-ai"]) : null,
+			f.value && He(e.editor) ? z() : null,
+			R("block-type", x.value.buttons["block-type"], Ii, () => D("block-type"), t.value === "block-type"),
+			z(),
+			R("bold", x.value.buttons.bold, zr, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
+			R("italic", x.value.buttons.italic, ci, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
+			R("underline", x.value.buttons.underline, Li, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
+			R("strike", x.value.buttons.strike, Oi, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
+			R("inline-code", x.value.buttons["inline-code"], Jr, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
+			z(),
+			R("link", x.value.buttons.link, ui, () => D("link"), e.editor.isActive("link")),
+			R("color", x.value.buttons.color, Ii, () => D("color"), t.value === "color"),
+			z(),
+			R("more", x.value.buttons.more, hi, () => D("more"), t.value === "more"),
+			V(),
+			L()
 		])]) });
 	}
-}), ma = X({
+}), ya = Y({
 	name: "MarkweaveVueMathEditorPopover",
 	props: {
 		editor: {
@@ -3257,10 +3270,10 @@ var pa = X({
 		}
 	},
 	setup(e) {
-		let t = W(e.target.latex), n = G(null), r = W(null), i = W(null), a = G(Wt(e.editor, e.target)), o = K(() => t.value === e.target.latex && a.value ? {
+		let t = U(e.target.latex), n = W(null), r = U(null), i = U(null), a = W(Wt(e.editor, e.target)), o = G(() => t.value === e.target.latex && a.value ? {
 			html: a.value,
 			error: !1
-		} : Jt(t.value, e.target.kind, e.editor)), s = K(() => t.value.trim().length > 0), c = K(() => e.messages.math), l = K(() => Ut(e.editor, e.target) ?? 1), u = () => {
+		} : Jt(t.value, e.target.kind, e.editor)), s = G(() => t.value.trim().length > 0), c = G(() => e.messages.math), l = G(() => Ut(e.editor, e.target) ?? 1), u = () => {
 			if (typeof window > "u") return;
 			let r = Ht(e.editor, e.target), i = e.editor.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 			if (!r || !i) {
@@ -3287,13 +3300,13 @@ var pa = X({
 			let n = t.target;
 			n instanceof Node && (r.value?.contains(n) || n instanceof Element && n.closest(".tiptap-mathematics-render") || e.onClose());
 		};
-		return q(() => [e.target.pos, e.target.latex], () => {
-			t.value = e.target.latex, a.value = Wt(e.editor, e.target), Y(u);
-		}), fr(() => {
-			Yt(e.editor, e.target, !0), u(), Y(() => {
+		return K(() => [e.target.pos, e.target.latex], () => {
+			t.value = e.target.latex, a.value = Wt(e.editor, e.target), J(u);
+		}), vr(() => {
+			Yt(e.editor, e.target, !0), u(), J(() => {
 				i.value?.focus({ preventScroll: !0 }), i.value?.select(), u();
 			}), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), document.addEventListener("mousedown", p);
-		}), J(() => {
+		}), q(() => {
 			Yt(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 = {
@@ -3307,7 +3320,7 @@ var pa = X({
 				},
 				onKeydown: f
 			};
-			return e.target.kind === "inline" ? U("form", {
+			return e.target.kind === "inline" ? H("form", {
 				ref: r,
 				class: "markweave-math-editor-popover markweave-math-editor-popover--inline",
 				"aria-label": a,
@@ -3322,22 +3335,22 @@ var pa = X({
 				onSubmit: (e) => {
 					e.preventDefault(), d();
 				}
-			}, [U("label", {
+			}, [H("label", {
 				class: "markweave-math-inline-source",
 				"data-testid": "markweave-math-inline-source"
 			}, [
-				U("span", { attrs: { "aria-hidden": "true" } }, "$"),
-				U("input", {
+				H("span", { attrs: { "aria-hidden": "true" } }, "$"),
+				H("input", {
 					...u,
 					"aria-label": c.value.latexLabel,
 					size: Math.max(t.value.length, 1)
 				}),
-				U("span", { attrs: { "aria-hidden": "true" } }, "$")
-			]), U("div", {
+				H("span", { attrs: { "aria-hidden": "true" } }, "$")
+			]), H("div", {
 				class: "markweave-math-inline-preview",
 				"data-error": o.value.error ? "true" : "false",
 				"data-testid": "markweave-math-editor-preview"
-			}, [U("div", { innerHTML: o.value.html || "&nbsp;" }), o.value.error ? U("small", null, c.value.invalidPreview) : null])]) : U("form", {
+			}, [H("div", { innerHTML: o.value.html || "&nbsp;" }), o.value.error ? H("small", null, c.value.invalidPreview) : null])]) : H("form", {
 				ref: r,
 				class: "markweave-math-editor-popover markweave-math-editor-popover--block",
 				"aria-label": a,
@@ -3353,39 +3366,39 @@ var pa = X({
 					e.preventDefault(), d();
 				}
 			}, [
-				U("div", { class: "markweave-math-block-toolbar" }, [
-					U("span", null, c.value.label),
-					Q(Hr, c.value.label, 15, 1.75),
-					U("button", {
+				H("div", { class: "markweave-math-block-toolbar" }, [
+					H("span", null, c.value.label),
+					Z(Jr, c.value.label, 15, 1.75),
+					H("button", {
 						type: "submit",
 						title: c.value.apply,
 						"aria-label": c.value.apply,
 						disabled: !s.value,
 						"data-testid": "markweave-math-editor-apply"
-					}, [Q(Lr, c.value.apply, 16, 2)])
+					}, [Z(Ur, c.value.apply, 16, 2)])
 				]),
-				U("label", {
+				H("label", {
 					class: "markweave-math-block-source",
 					"data-testid": "markweave-math-block-source"
 				}, [
-					U("span", { attrs: { "aria-hidden": "true" } }, "$$"),
-					U("textarea", {
+					H("span", { attrs: { "aria-hidden": "true" } }, "$$"),
+					H("textarea", {
 						...u,
 						"aria-label": c.value.latexLabel,
 						rows: 3
 					}),
-					U("span", { attrs: { "aria-hidden": "true" } }, "$$")
+					H("span", { attrs: { "aria-hidden": "true" } }, "$$")
 				]),
-				U("div", {
+				H("div", {
 					class: "markweave-math-block-preview",
 					"data-error": o.value.error ? "true" : "false",
 					"data-math-number": String(l.value),
 					"data-testid": "markweave-math-editor-preview"
-				}, [U("div", { innerHTML: o.value.html || "&nbsp;" }), o.value.error ? U("small", null, c.value.invalidPreview) : null])
+				}, [H("div", { innerHTML: o.value.html || "&nbsp;" }), o.value.error ? H("small", null, c.value.invalidPreview) : null])
 			]);
 		};
 	}
-}), ha = X({
+}), ba = Y({
 	name: "MarkweaveVueSlashCommandMenu",
 	props: {
 		commands: {
@@ -3404,6 +3417,10 @@ var pa = X({
 			type: Object,
 			default: null
 		},
+		errorMessage: {
+			type: String,
+			default: void 0
+		},
 		messages: {
 			type: Object,
 			required: !0
@@ -3422,7 +3439,7 @@ var pa = X({
 		}
 	},
 	setup(e) {
-		let t = W(""), n = W(null), r = W(null), i = W(!1), a = W(""), o = W(0), s = W(null), c = K(() => {
+		let t = U(""), n = U(null), r = U(null), i = U(!1), a = U(""), o = U(0), s = U(null), c = G(() => {
 			let t = a.value.trim().toLowerCase();
 			return (t ? e.messages.slash.emojiItems.filter((e) => [
 				e.emoji,
@@ -3430,16 +3447,16 @@ var pa = X({
 				...e.terms
 			].join(" ").toLowerCase().includes(t)) : e.messages.slash.emojiItems).slice(0, 12);
 		});
-		q(() => [
+		K(() => [
 			e.state.name,
 			e.state.activeIndex,
 			e.commands.length,
 			e.inputCommand?.id ?? null
 		], async () => {
 			if (e.state.name !== "keyboard-selecting" || e.inputCommand || !e.commands.length) return;
-			await Y();
+			await J();
 			let t = s.value, n = t?.querySelector("[data-active=\"true\"]");
-			t && n && sn(t, n);
+			t && n && cn(t, n);
 		}, { flush: "post" });
 		let l = async () => {
 			if (e.inputCommand) {
@@ -3456,13 +3473,13 @@ var pa = X({
 					} : {
 						kind: i,
 						trigger: i === "attachment" ? "attachment-insert" : "slash-command",
-						source: V(t.value)
+						source: z(t.value)
 					};
 					if (!n.value && !t.value.trim()) {
 						r.value = e.messages.slash.uploadRequiredError;
 						return;
 					}
-					let o = await ne(a, e.onUpload);
+					let o = await V(a, e.onUpload);
 					e.onSelect(e.inputCommand, { uploadResult: o }), e.onInputCommandChange(null), t.value = "", n.value = null;
 				} catch (t) {
 					r.value = t instanceof Error ? t.message : e.messages.slash.uploadFailedError;
@@ -3476,7 +3493,7 @@ var pa = X({
 			n && (e.onSelect(e.inputCommand, { emoji: n.emoji }), e.onInputCommandChange(null));
 		};
 		return () => {
-			if (!e.position) return null;
+			if (!e.position || e.state.name === "executing") return null;
 			let d = {
 				left: `${e.position.left}px`,
 				top: `${e.position.top}px`,
@@ -3485,169 +3502,185 @@ var pa = X({
 			}, f = {
 				left: `${e.position.triggerLeft}px`,
 				top: `${e.position.triggerTop}px`
-			}, p = Object.values(e.messages.slash.groups).map((t) => ({
-				group: t,
-				commands: e.commands.filter((e) => e.group === t)
-			})).filter((e) => e.commands.length);
-			return U("div", {
+			}, p = [...e.commands.reduce((e, t) => {
+				let n = e.get(t.group) ?? [];
+				return n.push(t), e.set(t.group, n), e;
+			}, /* @__PURE__ */ new Map())].map(([e, t]) => ({
+				group: e,
+				commands: t
+			}));
+			return H("div", {
 				class: "markweave-slash-layer",
 				style: { display: "contents" },
 				"data-testid": "markweave-slash-layer"
-			}, [U("div", {
-				class: "markweave-slash-trigger",
-				style: f,
-				"aria-hidden": "true",
-				"data-testid": "markweave-slash-trigger"
-			}, [U("span", null, "/"), U("em", null, e.state.query || e.messages.slash.filterPlaceholder)]), U("div", {
-				class: "markweave-slash-menu",
-				style: d,
-				role: "listbox",
-				"aria-label": e.messages.slash.ariaLabel,
-				"data-placement": e.position.placement,
-				"data-testid": "markweave-slash-menu"
-			}, [e.inputCommand?.inputKind === "emoji" ? U("div", {
-				class: "markweave-slash-subpanel",
-				"data-testid": "markweave-slash-emoji-picker"
 			}, [
-				U("div", { class: "markweave-slash-subpanel-header" }, [U("button", {
-					type: "button",
-					onMousedown: $,
-					onClick: () => e.onInputCommandChange(null)
-				}, e.messages.common.back), U("span", null, e.messages.slash.emojiTitle)]),
-				U("label", { class: "markweave-slash-input" }, [U("span", null, "/"), U("input", {
-					autofocus: !0,
-					value: a.value,
-					placeholder: e.messages.slash.emojiSearchPlaceholder,
-					onInput: (e) => {
-						a.value = e.target.value, o.value = 0;
-					},
-					onKeydown: (t) => {
-						t.key === "Escape" ? (t.preventDefault(), e.onInputCommandChange(null)) : t.key === "ArrowDown" ? (t.preventDefault(), o.value = c.value.length ? (o.value + 1) % c.value.length : 0) : t.key === "ArrowUp" ? (t.preventDefault(), o.value = c.value.length ? (o.value - 1 + c.value.length) % c.value.length : 0) : (t.key === "Enter" || t.key === "Tab") && (t.preventDefault(), u(o.value));
-					}
-				})]),
-				U("div", {
-					class: "markweave-slash-emoji-grid",
+				H("div", {
+					class: "markweave-slash-trigger",
+					style: f,
+					"aria-hidden": "true",
+					"data-testid": "markweave-slash-trigger"
+				}, [H("span", null, "/"), H("em", null, e.state.query || e.messages.slash.filterPlaceholder)]),
+				H("div", {
+					id: "markweave-slash-command-listbox",
+					class: "markweave-slash-menu",
+					style: d,
 					role: "listbox",
-					"aria-label": e.messages.slash.emojiTitle
-				}, c.value.map((e, t) => U("button", {
-					key: `${e.emoji}-${e.label}`,
-					type: "button",
-					role: "option",
-					"aria-selected": t === o.value,
-					"data-active": t === o.value,
-					onMouseenter: () => o.value = t,
-					onMousedown: $,
-					onClick: () => u(t)
-				}, [U("span", null, e.emoji), U("small", null, e.label)])))
-			]) : e.inputCommand?.inputKind === "upload" ? U("div", {
-				class: "markweave-slash-subpanel",
-				"data-testid": "markweave-slash-upload-panel"
-			}, [
-				U("div", { class: "markweave-slash-upload-header" }, [U("button", {
-					type: "button",
-					onMousedown: $,
-					onClick: () => e.onInputCommandChange(null)
-				}, e.messages.common.back), U("strong", null, e.inputCommand ? e.messages.slash.uploadKindLabels[e.inputCommand.uploadKind ?? "upload"] : e.messages.slash.uploadKindLabels.upload)]),
-				U("label", { class: "markweave-slash-upload-field" }, [U("span", null, e.messages.slash.uploadValueLabel), U("input", {
-					autofocus: !0,
-					value: t.value,
-					placeholder: e.messages.slash.uploadValuePlaceholder,
-					onInput: (e) => {
-						t.value = e.target.value;
-					},
-					onKeydown: (e) => {
-						e.key === "Enter" && (e.preventDefault(), l());
-					}
-				})]),
-				U("label", { class: "markweave-slash-upload-field" }, [U("span", null, e.messages.common.file), U("input", {
-					type: "file",
-					onChange: (e) => n.value = e.target.files?.[0] ?? null
-				})]),
-				r.value ? U("div", {
-					class: "markweave-slash-upload-error",
-					role: "alert"
-				}, r.value) : null,
-				U("div", { class: "markweave-slash-upload-actions" }, [U("button", {
-					type: "button",
-					onMousedown: $,
-					onClick: () => e.onInputCommandChange(null)
-				}, e.messages.common.cancel), U("button", {
-					type: "button",
-					"data-primary": "true",
-					disabled: i.value,
-					onMousedown: $,
-					onClick: l
-				}, e.messages.common.insert)])
-			]) : e.commands.length ? U("div", {
-				ref: s,
-				class: "markweave-slash-command-list"
-			}, p.map((t) => U("section", {
-				key: t.group,
-				class: "markweave-slash-group",
-				"aria-label": t.group
-			}, [U("div", { class: "markweave-slash-group-title" }, t.group), ...t.commands.map((t) => {
-				let n = e.commands.indexOf(t) === e.state.activeIndex, r = an(t);
-				return U("button", {
-					key: t.id,
-					type: "button",
-					role: "option",
-					"aria-selected": n,
-					"aria-disabled": !r || t.disabled ? "true" : void 0,
-					"data-active": n,
-					"data-disabled": t.disabled ? "true" : "false",
-					"data-execution-kind": t.executionKind,
-					"data-testid": `markweave-slash-command-${t.id}`,
-					title: t.disabledReason,
-					onMousedown: $,
-					onClick: () => {
-						if (r) {
-							if (t.inputKind) {
-								e.onInputCommandChange(t);
-								return;
-							}
-							e.onSelect(t);
+					"aria-label": e.messages.slash.ariaLabel,
+					"aria-busy": !1,
+					"data-placement": e.position.placement,
+					"data-testid": "markweave-slash-menu"
+				}, [e.inputCommand?.inputKind === "emoji" ? H("div", {
+					class: "markweave-slash-subpanel",
+					"data-testid": "markweave-slash-emoji-picker"
+				}, [
+					H("div", { class: "markweave-slash-subpanel-header" }, [H("button", {
+						type: "button",
+						onMousedown: $,
+						onClick: () => e.onInputCommandChange(null)
+					}, e.messages.common.back), H("span", null, e.messages.slash.emojiTitle)]),
+					H("label", { class: "markweave-slash-input" }, [H("span", null, "/"), H("input", {
+						autofocus: !0,
+						value: a.value,
+						placeholder: e.messages.slash.emojiSearchPlaceholder,
+						onInput: (e) => {
+							a.value = e.target.value, o.value = 0;
+						},
+						onKeydown: (t) => {
+							t.key === "Escape" ? (t.preventDefault(), e.onInputCommandChange(null)) : t.key === "ArrowDown" ? (t.preventDefault(), o.value = c.value.length ? (o.value + 1) % c.value.length : 0) : t.key === "ArrowUp" ? (t.preventDefault(), o.value = c.value.length ? (o.value - 1 + c.value.length) % c.value.length : 0) : (t.key === "Enter" || t.key === "Tab") && (t.preventDefault(), u(o.value));
 						}
-					}
+					})]),
+					H("div", {
+						class: "markweave-slash-emoji-grid",
+						role: "listbox",
+						"aria-label": e.messages.slash.emojiTitle
+					}, c.value.map((e, t) => H("button", {
+						key: `${e.emoji}-${e.label}`,
+						type: "button",
+						role: "option",
+						"aria-selected": t === o.value,
+						"data-active": t === o.value,
+						onMouseenter: () => o.value = t,
+						onMousedown: $,
+						onClick: () => u(t)
+					}, [H("span", null, e.emoji), H("small", null, e.label)])))
+				]) : e.inputCommand?.inputKind === "upload" ? H("div", {
+					class: "markweave-slash-subpanel",
+					"data-testid": "markweave-slash-upload-panel"
 				}, [
-					ua(t.icon),
-					U("span", null, t.label),
-					t.disabledReason ? U("small", null, t.disabledReason) : null
-				]);
-			})]))) : U("div", {
-				class: "markweave-slash-menu__empty",
-				role: "option",
-				"aria-disabled": "true"
-			}, e.messages.slash.noResults)])]);
+					H("div", { class: "markweave-slash-upload-header" }, [H("button", {
+						type: "button",
+						onMousedown: $,
+						onClick: () => e.onInputCommandChange(null)
+					}, e.messages.common.back), H("strong", null, e.inputCommand ? e.messages.slash.uploadKindLabels[e.inputCommand.uploadKind ?? "upload"] : e.messages.slash.uploadKindLabels.upload)]),
+					H("label", { class: "markweave-slash-upload-field" }, [H("span", null, e.messages.slash.uploadValueLabel), H("input", {
+						autofocus: !0,
+						value: t.value,
+						placeholder: e.messages.slash.uploadValuePlaceholder,
+						onInput: (e) => {
+							t.value = e.target.value;
+						},
+						onKeydown: (e) => {
+							e.key === "Enter" && (e.preventDefault(), l());
+						}
+					})]),
+					H("label", { class: "markweave-slash-upload-field" }, [H("span", null, e.messages.common.file), H("input", {
+						type: "file",
+						onChange: (e) => n.value = e.target.files?.[0] ?? null
+					})]),
+					r.value ? H("div", {
+						class: "markweave-slash-upload-error",
+						role: "alert"
+					}, r.value) : null,
+					H("div", { class: "markweave-slash-upload-actions" }, [H("button", {
+						type: "button",
+						onMousedown: $,
+						onClick: () => e.onInputCommandChange(null)
+					}, e.messages.common.cancel), H("button", {
+						type: "button",
+						"data-primary": "true",
+						disabled: i.value,
+						onMousedown: $,
+						onClick: l
+					}, e.messages.common.insert)])
+				]) : e.commands.length ? H("div", {
+					ref: s,
+					class: "markweave-slash-command-list"
+				}, p.map((t) => H("section", {
+					key: t.group,
+					class: "markweave-slash-group",
+					"aria-label": t.group
+				}, [H("div", { class: "markweave-slash-group-title" }, t.group), ...t.commands.map((t) => {
+					let n = e.commands.indexOf(t), r = n === e.state.activeIndex, i = on(t);
+					return H("button", {
+						key: t.id,
+						id: `markweave-slash-command-option-${n}`,
+						type: "button",
+						role: "option",
+						"aria-selected": r,
+						"aria-disabled": !i || t.disabled ? "true" : void 0,
+						"data-active": r,
+						"data-disabled": t.disabled ? "true" : "false",
+						"data-execution-kind": t.executionKind,
+						"data-text-icon-length": an(t.icon) ?? void 0,
+						"data-testid": `markweave-slash-command-${t.id}`,
+						title: t.disabledReason,
+						onMousedown: $,
+						onClick: () => {
+							if (i) {
+								if (t.inputKind) {
+									e.onInputCommandChange(t);
+									return;
+								}
+								e.onSelect(t);
+							}
+						}
+					}, [
+						ha(t.icon),
+						H("span", null, t.label),
+						t.disabledReason ? H("small", null, t.disabledReason) : null
+					]);
+				})]))) : H("div", {
+					class: "markweave-slash-menu__empty",
+					role: "option",
+					"aria-disabled": "true"
+				}, e.messages.slash.noResults)]),
+				H("div", {
+					class: "markweave-slash-command-live-region",
+					role: "status",
+					"aria-live": "polite",
+					"aria-atomic": "true"
+				}, e.errorMessage ?? "")
+			]);
 		};
 	}
-}), ga = {
-	"ask-ai": yi,
-	"move-left": Tr,
-	"move-right": Er,
-	"move-up": Dr,
-	"move-down": Cr,
-	"insert-left": Mr,
-	"insert-right": jr,
-	"insert-above": Ar,
-	"insert-below": kr,
-	"sort-asc": wr,
-	"sort-desc": Or,
-	color: ui,
-	alignment: _r,
-	clear: xi,
-	duplicate: Wr,
-	copy: Wr,
-	merge: Ei,
-	split: Di,
-	delete: ki
-}, _a = {
-	left: _r,
-	center: hr,
-	right: vr,
-	top: xr,
-	middle: yr,
-	bottom: br
-}, va = X({
+}), xa = {
+	"ask-ai": Ti,
+	"move-left": jr,
+	"move-right": Mr,
+	"move-up": Nr,
+	"move-down": kr,
+	"insert-left": Rr,
+	"insert-right": Lr,
+	"insert-above": Ir,
+	"insert-below": Fr,
+	"sort-asc": Ar,
+	"sort-desc": Pr,
+	color: gi,
+	alignment: Cr,
+	clear: Di,
+	duplicate: Xr,
+	copy: Xr,
+	merge: Mi,
+	split: Ni,
+	delete: Fi
+}, Sa = {
+	left: Cr,
+	center: xr,
+	right: wr,
+	top: Dr,
+	middle: Tr,
+	bottom: Er
+}, Ca = Y({
 	name: "MarkweaveVueTableControls",
 	props: {
 		editor: {
@@ -3684,13 +3717,13 @@ var pa = X({
 		}
 	},
 	setup(e) {
-		let t = W(null), n = W(null), r = W("row-edge"), i = W(null), a = W(null), o = W(null), s = W(null), c = W(null), l = W(null), u = W(null), d = W(null), f = W(0), p = W(null), m = W(null), h = W(null), g = W(null), _ = W(null), v = W(null), y = W(null), b = null, x = null, S = null, C = K(() => e.askAi?.enabled === !0 && typeof e.askAi.handler == "function"), w = K(() => e.active ? bn(e.editor.state) : ta), T = K(() => zn(e.editor, e.interactionState, "row", w.value.activeCellPos)), E = K(() => zn(e.editor, e.interactionState, "column", w.value.activeCellPos)), D = K(() => Fn(e.editor)), O = K(() => (D.value, w.value.active && Un(e.editor, "selection", { askAiEnabled: C.value }).length > 0)), k = K(() => t.value ? Un(e.editor, t.value, { askAiEnabled: C.value }) : []), A = () => {
+		let t = U(null), n = U(null), r = U("row-edge"), i = U(null), a = U(null), o = U(null), s = U(null), c = U(null), l = U(null), u = U(null), d = U(null), f = U(0), p = U(null), m = U(null), h = U(null), g = U(null), _ = U(null), v = U(null), y = U(null), b = null, x = null, S = null, C = G(() => e.askAi?.enabled === !0 && typeof e.askAi.handler == "function"), ee = () => Cn(e.editor.state, "structure"), w = G(() => e.active ? En(e.editor.state) : sa), T = G(() => Gn(e.editor, e.interactionState, "row", w.value.activeCellPos)), E = G(() => Gn(e.editor, e.interactionState, "column", w.value.activeCellPos)), D = G(() => Vn(e.editor)), O = G(() => (D.value, w.value.active && Yn(e.editor, "selection", { askAiEnabled: C.value }).length > 0)), k = G(() => t.value ? Yn(e.editor, t.value, { askAiEnabled: C.value }) : []), A = () => {
 			b === null || typeof window > "u" || (window.clearTimeout(b), b = null);
 		}, j = (e) => {
 			A(), d.value = e, !(!e || typeof window > "u") && (b = window.setTimeout(() => {
 				d.value = null, b = null;
-			}, Yn));
-		}, ee = () => {
+			}, tr));
+		}, te = () => {
 			if (!e.active) {
 				i.value = null, a.value = null, o.value = null, s.value = null, c.value = null, j(null);
 				return;
@@ -3700,31 +3733,31 @@ var pa = X({
 				i.value = null, a.value = null, o.value = null, s.value = null, c.value = null;
 				return;
 			}
-			let l = n.getBoundingClientRect(), u = T.value ? Rn(e.editor, T.value) : null, d = E.value ? Rn(e.editor, E.value) : null, f = O.value ? Wn(e.editor) : null, p = Pn(e.editor)?.getBoundingClientRect() ?? null;
-			u ? i.value = kn({
+			let l = n.getBoundingClientRect(), u = T.value ? Wn(e.editor, T.value) : null, d = E.value ? Wn(e.editor, E.value) : null, f = O.value ? Xn(e.editor) : null, p = Bn(e.editor)?.getBoundingClientRect() ?? null;
+			u ? i.value = Fn({
 				targetRect: u,
 				frameRect: l,
 				kind: "row"
-			}) : t.value === "row" && r.value === "row-edge" || (i.value = null), d ? a.value = kn({
+			}) : t.value === "row" && r.value === "row-edge" || (i.value = null), d ? a.value = Fn({
 				targetRect: d,
 				frameRect: l,
 				kind: "column"
-			}) : t.value === "column" && r.value === "column-edge" || (a.value = null), f ? o.value = kn({
+			}) : t.value === "column" && r.value === "column-edge" || (a.value = null), f ? o.value = Fn({
 				targetRect: f,
 				frameRect: l,
 				kind: "selection"
 			}) : t.value === "selection" && r.value === "selection-edge" || (o.value = null);
 			let m = e.interactionState.hoverCellPos !== null && !!(T.value && T.value.index === T.value.visualHeight - 1), h = e.interactionState.hoverCellPos !== null && !!(E.value && E.value.index === E.value.visualWidth - 1);
-			s.value = p && m ? An({
+			s.value = p && m ? In({
 				tableRect: p,
 				frameRect: l,
 				kind: "row"
-			}) : null, c.value = p && h ? An({
+			}) : null, c.value = p && h ? In({
 				tableRect: p,
 				frameRect: l,
 				kind: "column"
 			}) : null;
-		}, te = () => {
+		}, M = () => {
 			if (!e.active || !t.value) {
 				l.value = null;
 				return;
@@ -3734,23 +3767,23 @@ var pa = X({
 				l.value = null;
 				return;
 			}
-			let a = i.getBoundingClientRect(), o = t.value === "row" ? Pn(e.editor)?.getBoundingClientRect() : null, s = o ? {
+			let a = i.getBoundingClientRect(), o = t.value === "row" ? Bn(e.editor)?.getBoundingClientRect() : null, s = o ? {
 				left: a.left,
 				top: o.top,
 				width: a.width,
 				height: a.height
 			} : a, c = n.getBoundingClientRect(), u = _.value.getBoundingClientRect(), d = v.value?.scrollHeight ?? 0, f = d > 0 ? d + 12 : 0;
-			l.value = Dn({
+			l.value = Nn({
 				anchorRect: s,
 				frameRect: c,
-				boundaryRect: Bn(n),
+				boundaryRect: Kn(n),
 				menuSize: {
 					width: u.width || 254,
 					height: f || u.height || 410
 				},
 				kind: t.value
 			});
-		}, M = () => {
+		}, N = () => {
 			if (!e.active || !t.value || !n.value || !l.value) {
 				u.value = null;
 				return;
@@ -3761,33 +3794,33 @@ var pa = X({
 				return;
 			}
 			let a = y.value.getBoundingClientRect(), o = Math.max(y.value.scrollHeight + 2, a.height);
-			u.value = On({
+			u.value = Pn({
 				triggerRect: i.getBoundingClientRect(),
 				parentMenuRect: _.value.getBoundingClientRect(),
-				boundaryRect: Bn(r),
+				boundaryRect: Kn(r),
 				submenuSize: {
 					width: a.width || 238,
 					height: o || 410
 				}
 			});
-		}, N = () => {
-			ee(), te(), M();
 		}, P = () => {
-			Y(N);
+			te(), M(), N();
+		}, ne = () => {
+			J(P);
 		}, F = (e, i) => {
 			let a = t.value === e && r.value === i;
-			r.value = i, t.value = a ? null : e, n.value = null, u.value = null, P();
+			r.value = i, t.value = a ? null : e, n.value = null, u.value = null, ne();
 		}, I = () => {
-			e.editor.view.dispatch(_n(e.editor.state.tr, null));
+			e.editor.view.dispatch(Sn(e.editor.state.tr, null));
 		}, L = (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 && qn(e.editor, r, t, { visualIndex: i }), F(t, n);
+			r !== null && $n(e.editor, r, t, { visualIndex: i }), F(t, n);
 		}, R = () => {
 			I(), F("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) => {
-			let i = await Mn({
+			let i = await Rn({
 				editor: e.editor,
 				commandId: n,
 				menu: r ?? t.value ?? "selection",
@@ -3796,26 +3829,30 @@ var pa = X({
 			return i.copyFeedback ? (j(i.copyFeedback), i.copyPayload && e.onCopyPayload?.(i.copyPayload)) : j(null), e.onCommandResult?.(i.commandResult), i.success;
 		}, V = (t) => {
 			C.value && (Ke(e.editor, t), z(!1));
-		}, H = (e) => {
-			t.value !== "row" && t.value !== "column" || e(t.value) && (f.value += 1, P());
-		}, ne = (t) => {
+		}, re = (e) => {
+			t.value !== "row" && t.value !== "column" || e(t.value) && (f.value += 1, ne());
+		}, ie = (t) => {
 			let n = t === "row" ? T.value : E.value, r = e.interactionState.hoverCellPos ?? w.value.activeCellPos;
-			!n || r === null || $n(e.editor, r, t, { visualIndex: n.index }) && B(t === "row" ? "add-row-after" : "add-column-after", t);
-		}, re = (e, t, n) => {
+			!n || r === null || ar(e.editor, r, t, { visualIndex: n.index }) && B(t === "row" ? "add-row-after" : "add-column-after", t);
+		}, ae = (e, t, n) => {
+			if (!ee()) {
+				n.preventDefault();
+				return;
+			}
 			x = {
 				axis: e,
 				index: t
 			}, S = t, n.dataTransfer?.setData("application/x-markweave-table-axis", `${e}:${t}`), n.dataTransfer && (n.dataTransfer.effectAllowed = "move");
-		}, ie = (t) => {
+		}, oe = (t) => {
 			if (!x) return;
-			let n = In(e.editor, x.axis, t.clientX, t.clientY);
+			let n = Hn(e.editor, x.axis, t.clientX, t.clientY);
 			n !== null && (t.preventDefault(), S = n, t.dataTransfer && (t.dataTransfer.dropEffect = "move"));
-		}, ae = (t) => {
+		}, se = (t) => {
 			let n = x;
 			if (!n) return;
-			let r = In(e.editor, n.axis, t.clientX, t.clientY) ?? S;
-			t.preventDefault(), x = null, S = null, r !== null && Kn(e.editor, n.axis, n.index, r);
-		}, oe = K(() => (f.value, t.value === "row" || t.value === "column" ? Ln(e.editor, t.value) : null)), se = (e) => {
+			let r = Hn(e.editor, n.axis, t.clientX, t.clientY) ?? S;
+			t.preventDefault(), x = null, S = null, r !== null && Qn(e.editor, n.axis, n.index, r);
+		}, ce = G(() => (f.value, t.value === "row" || t.value === "column" ? Un(e.editor, t.value) : null)), le = (e) => {
 			if (!(!t.value || e.key !== "Escape")) {
 				if (n.value) {
 					n.value = null;
@@ -3823,20 +3860,20 @@ var pa = X({
 				}
 				z(!0);
 			}
-		}, ce = (e) => {
+		}, ue = (e) => {
 			if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
 			let t = e.currentTarget;
 			if (!(t instanceof HTMLElement)) return;
 			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();
-		}, le = (e) => {
+		}, de = (e) => {
 			t.value && (e.target instanceof Node && p.value?.contains(e.target) || z());
 		};
-		fr(() => {
-			N(), window.addEventListener("resize", N), window.addEventListener("scroll", N, !0), document.addEventListener("keydown", se), document.addEventListener("mousedown", le), document.addEventListener("dragover", ie), document.addEventListener("drop", ae);
-		}), J(() => {
-			A(), window.removeEventListener("resize", N), window.removeEventListener("scroll", N, !0), document.removeEventListener("keydown", se), document.removeEventListener("mousedown", le), document.removeEventListener("dragover", ie), document.removeEventListener("drop", ae);
-		}), q(() => [
+		vr(() => {
+			P(), window.addEventListener("resize", P), window.addEventListener("scroll", P, !0), document.addEventListener("keydown", le), document.addEventListener("mousedown", de), document.addEventListener("dragover", oe), document.addEventListener("drop", se);
+		}), q(() => {
+			A(), window.removeEventListener("resize", P), window.removeEventListener("scroll", P, !0), document.removeEventListener("keydown", le), document.removeEventListener("mousedown", de), document.removeEventListener("dragover", oe), document.removeEventListener("drop", se);
+		}), K(() => [
 			e.active,
 			w.value.activeCellPos,
 			w.value.selectionFrom,
@@ -3847,12 +3884,12 @@ var pa = X({
 			t.value,
 			n.value,
 			r.value
-		], P, { flush: "post" });
-		let ue = () => {
+		], ne, { flush: "post" });
+		let fe = () => {
 			if (!t.value) return null;
 			let r = k.value.map((r, i) => {
-				let a = Vn(r), o = i === 0 ? a : Vn(k.value[i - 1]), s = i > 0 && o !== a, c = t.value === "row" || t.value === "column" ? t.value : "selection", l = r.submenuId ? !0 : r.commandId === null ? C.value && Ne(e.editor, c) : jn(e.editor, r.commandId), u = Hn(r, e.messages), d = ga[r.icon];
-				return U("button", {
+				let a = qn(r), o = i === 0 ? a : qn(k.value[i - 1]), s = i > 0 && o !== a, c = t.value === "row" || t.value === "column" ? t.value : "selection", l = r.submenuId ? !0 : r.commandId === null ? C.value && Ne(e.editor, c) : Ln(e.editor, r.commandId), u = Jn(r, e.messages), d = xa[r.icon];
+				return H("button", {
 					key: `${r.id}-${i}`,
 					type: "button",
 					role: "menuitem",
@@ -3887,26 +3924,26 @@ var pa = X({
 						}
 					}
 				}, [
-					U("span", {
+					H("span", {
 						class: "markweave-table-menu-item-icon",
 						"aria-hidden": "true"
-					}, [U(d, {
+					}, [H(d, {
 						size: 18,
 						strokeWidth: 1.8
 					})]),
-					U("span", { class: "markweave-table-menu-item-label" }, u),
-					r.submenuId ? U(zr, {
+					H("span", { class: "markweave-table-menu-item-label" }, u),
+					r.submenuId ? H(Gr, {
 						class: "markweave-table-menu-chevron",
 						size: 16,
 						"aria-hidden": "true"
 					}) : null
 				]);
-			}), i = [U("div", {
+			}), i = [H("div", {
 				ref: v,
 				class: "markweave-table-menu-scroll",
 				style: l.value ? { maxHeight: `${Math.max(1, l.value.maxHeight - 12)}px` } : void 0
 			}, r)];
-			if (n.value === "color" && (t.value === "row" || t.value === "column") && i.push(U("div", {
+			if (n.value === "color" && (t.value === "row" || t.value === "column") && i.push(H("div", {
 				ref: y,
 				class: "markweave-table-submenu markweave-table-color-menu",
 				role: "menu",
@@ -3919,43 +3956,43 @@ var pa = X({
 					top: `${u.value.top}px`,
 					maxHeight: `${u.value.maxHeight}px`
 				} : void 0,
-				onKeydown: ce
+				onKeydown: ue
 			}, [
-				U("div", { class: "markweave-table-submenu-title" }, e.messages.table.submenus.textColor),
-				...Jn.map((t) => U("button", {
+				H("div", { class: "markweave-table-submenu-title" }, e.messages.table.submenus.textColor),
+				...er.map((t) => H("button", {
 					key: `text-${t.id}`,
 					type: "button",
 					role: "menuitemradio",
-					"aria-checked": oe.value?.textColorId === t.id,
-					"data-active": oe.value?.textColorId === t.id ? "true" : "false",
+					"aria-checked": ce.value?.textColorId === t.id,
+					"data-active": ce.value?.textColorId === t.id ? "true" : "false",
 					"data-testid": `markweave-table-text-color-${t.id}`,
 					onMousedown: $,
-					onClick: () => H((n) => En(e.editor, n, t.id))
-				}, [U("span", {
+					onClick: () => re((n) => Mn(e.editor, n, t.id))
+				}, [H("span", {
 					class: "markweave-table-color-swatch markweave-table-text-color-swatch",
 					"aria-hidden": "true",
 					style: { backgroundColor: t.textColor ?? "var(--markweave-text)" }
-				}), U("span", null, e.messages.table.colors[t.id].text)])),
-				U("div", { class: "markweave-table-submenu-separator" }),
-				U("div", { class: "markweave-table-submenu-title" }, e.messages.table.submenus.backgroundColor),
-				...Jn.map((t) => U("button", {
+				}), H("span", null, e.messages.table.colors[t.id].text)])),
+				H("div", { class: "markweave-table-submenu-separator" }),
+				H("div", { class: "markweave-table-submenu-title" }, e.messages.table.submenus.backgroundColor),
+				...er.map((t) => H("button", {
 					key: `background-${t.id}`,
 					type: "button",
 					role: "menuitemradio",
-					"aria-checked": oe.value?.backgroundColorId === t.id,
-					"data-active": oe.value?.backgroundColorId === t.id ? "true" : "false",
+					"aria-checked": ce.value?.backgroundColorId === t.id,
+					"data-active": ce.value?.backgroundColorId === t.id ? "true" : "false",
 					"data-testid": `markweave-table-background-color-${t.id}`,
 					onMousedown: $,
-					onClick: () => H((n) => Tn(e.editor, n, t.id))
-				}, [U("span", {
+					onClick: () => re((n) => jn(e.editor, n, t.id))
+				}, [H("span", {
 					class: "markweave-table-color-swatch",
 					"aria-hidden": "true",
 					style: { backgroundColor: t.backgroundColor }
-				}), U("span", null, e.messages.table.colors[t.id].background)]))
+				}), H("span", null, e.messages.table.colors[t.id].background)]))
 			])), n.value === "alignment" && (t.value === "row" || t.value === "column")) {
 				let t = (t, n) => {
-					let r = _a[t];
-					return U("button", {
+					let r = Sa[t];
+					return H("button", {
 						key: t,
 						type: "button",
 						role: "menuitemradio",
@@ -3963,14 +4000,14 @@ var pa = X({
 						"data-active": n ? "true" : "false",
 						"data-testid": `markweave-table-alignment-${t}`,
 						onMousedown: $,
-						onClick: () => H((n) => wn(e.editor, n, t))
-					}, [U(r, {
+						onClick: () => re((n) => An(e.editor, n, t))
+					}, [H(r, {
 						size: 18,
 						strokeWidth: 1.8,
 						"aria-hidden": "true"
-					}), U("span", null, e.messages.table.alignments[t])]);
+					}), H("span", null, e.messages.table.alignments[t])]);
 				};
-				i.push(U("div", {
+				i.push(H("div", {
 					ref: y,
 					class: "markweave-table-submenu markweave-table-alignment-menu",
 					role: "menu",
@@ -3983,18 +4020,18 @@ var pa = X({
 						top: `${u.value.top}px`,
 						maxHeight: `${u.value.maxHeight}px`
 					} : void 0,
-					onKeydown: ce
+					onKeydown: ue
 				}, [
-					...Xn.map((e) => t(e, oe.value?.textAlign === e)),
-					U("div", { class: "markweave-table-submenu-separator" }),
-					...Qn.map((e) => t(e, oe.value?.verticalAlign === e))
+					...nr.map((e) => t(e, ce.value?.textAlign === e)),
+					H("div", { class: "markweave-table-submenu-separator" }),
+					...ir.map((e) => t(e, ce.value?.verticalAlign === e))
 				]));
 			}
-			return U("div", {
+			return H("div", {
 				ref: _,
 				class: "markweave-table-menu",
 				role: "menu",
-				"aria-label": Zn(t.value, e.messages),
+				"aria-label": rr(t.value, e.messages),
 				"data-testid": "markweave-table-menu",
 				"data-positioned": l.value ? "true" : "false",
 				"data-placement": l.value?.placement,
@@ -4003,19 +4040,19 @@ var pa = X({
 					left: `${l.value.left}px`,
 					top: `${l.value.top}px`
 				} : void 0,
-				onKeydown: ce
+				onKeydown: ue
 			}, i);
 		};
-		return () => e.active ? U("div", {
+		return () => e.active ? H("div", {
 			ref: p,
 			class: "markweave-table-controls",
 			"data-testid": "markweave-table-controls",
 			"aria-label": e.messages.table.controlsAriaLabel,
 			"data-open-menu": t.value ?? "none",
 			"data-positioned": i.value || a.value || o.value ? "true" : "false",
-			onMouseleave: () => e.editor.view.dispatch(e.editor.state.tr.setMeta(Cn, { type: "clear-hover" }))
+			onMouseleave: () => e.editor.view.dispatch(e.editor.state.tr.setMeta(kn, { type: "clear-hover" }))
 		}, [
-			d.value ? U("div", {
+			d.value ? H("div", {
 				class: "markweave-table-copy-feedback",
 				role: "status",
 				"aria-live": "polite",
@@ -4023,8 +4060,8 @@ var pa = X({
 				"data-copy-kind": d.value.kind,
 				"data-text-length": d.value.textLength,
 				"data-html-length": d.value.htmlLength
-			}, Nn(d.value)) : null,
-			i.value ? U("button", {
+			}, zn(d.value)) : null,
+			i.value ? H("button", {
 				ref: m,
 				type: "button",
 				draggable: !0,
@@ -4046,15 +4083,15 @@ var pa = X({
 				},
 				onMousedown: $,
 				onClick: () => L("row", "row-edge"),
-				onDragstart: (e) => re("row", T.value?.index ?? 0, e),
+				onDragstart: (e) => ae("row", T.value?.index ?? 0, e),
 				onDragend: () => {
 					x = null, S = null;
 				}
-			}, [U(li, {
+			}, [H(hi, {
 				size: 14,
 				"aria-hidden": "true"
 			})]) : null,
-			a.value ? U("button", {
+			a.value ? H("button", {
 				ref: h,
 				type: "button",
 				draggable: !0,
@@ -4076,15 +4113,15 @@ var pa = X({
 				},
 				onMousedown: $,
 				onClick: () => L("column", "column-edge"),
-				onDragstart: (e) => re("column", E.value?.index ?? 0, e),
+				onDragstart: (e) => ae("column", E.value?.index ?? 0, e),
 				onDragend: () => {
 					x = null, S = null;
 				}
-			}, [U(li, {
+			}, [H(hi, {
 				size: 14,
 				"aria-hidden": "true"
 			})]) : null,
-			O.value && o.value ? U("button", {
+			O.value && o.value ? H("button", {
 				ref: g,
 				type: "button",
 				class: "markweave-table-edge-handle markweave-table-edge-handle--selection",
@@ -4101,11 +4138,11 @@ var pa = X({
 				},
 				onMousedown: $,
 				onClick: R
-			}, [U(li, {
+			}, [H(hi, {
 				size: 14,
 				"aria-hidden": "true"
 			})]) : null,
-			s.value ? U("button", {
+			ee() && s.value ? H("button", {
 				type: "button",
 				class: "markweave-table-extend-button markweave-table-extend-button--row",
 				"aria-label": e.messages.table.addRow,
@@ -4118,12 +4155,12 @@ var pa = X({
 					height: `${s.value.height}px`
 				},
 				onMousedown: $,
-				onClick: () => ne("row")
-			}, [U(pi, {
+				onClick: () => ie("row")
+			}, [H(yi, {
 				size: 14,
 				"aria-hidden": "true"
 			})]) : null,
-			c.value ? U("button", {
+			ee() && c.value ? H("button", {
 				type: "button",
 				class: "markweave-table-extend-button markweave-table-extend-button--column",
 				"aria-label": e.messages.table.addColumn,
@@ -4136,15 +4173,15 @@ var pa = X({
 					height: `${c.value.height}px`
 				},
 				onMousedown: $,
-				onClick: () => ne("column")
-			}, [U(pi, {
+				onClick: () => ie("column")
+			}, [H(yi, {
 				size: 14,
 				"aria-hidden": "true"
 			})]) : null,
-			ue()
+			fe()
 		]) : null;
 	}
-}), ya = X({
+}), wa = Y({
 	name: "MarkweaveVueTableSelectionOverlay",
 	props: {
 		editor: {
@@ -4157,18 +4194,18 @@ var pa = X({
 		}
 	},
 	setup(e) {
-		let t = W(null), n = () => {
+		let t = U(null), n = () => {
 			if (e.focusState.mode !== "cell-selection") {
 				t.value = null;
 				return;
 			}
-			t.value = Gn(e.editor, xn(e.editor.state));
+			t.value = Zn(e.editor, Dn(e.editor.state));
 		};
-		return fr(() => {
+		return vr(() => {
 			n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
-		}), J(() => {
+		}), q(() => {
 			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
-		}), q(() => [
+		}), K(() => [
 			e.focusState.activeCellPos,
 			e.focusState.anchorCellPos,
 			e.focusState.mode,
@@ -4176,10 +4213,10 @@ var pa = X({
 			e.focusState.selectionFrom,
 			e.focusState.selectionTo
 		], () => {
-			Y(n);
+			J(n);
 		}, { flush: "post" }), () => {
 			let e = t.value;
-			return e ? U("div", {
+			return e ? H("div", {
 				"aria-hidden": "true",
 				class: "markweave-table-selection-overlay",
 				"data-axis-target": e.axisTarget ?? "none",
@@ -4201,7 +4238,7 @@ var pa = X({
 			}) : null;
 		};
 	}
-}), ba = X({
+}), Ta = Y({
 	name: "MarkweaveVueCodeBlockControls",
 	props: {
 		editor: {
@@ -4230,27 +4267,27 @@ var pa = X({
 		}
 	},
 	setup(e) {
-		let t = W(null), n = W(null), r = W(null), i = W(null), a = W(null), o = W(null), s = W(null), c = W(null), l = W([]), u = W(null), d = W(!1), f = W(""), p = W(-1), m = W(null), h = W(!1), g = W(null), _ = W(null), v = W(!1), y = W({
+		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
-		}), b = W(0), x = W(0), S = W(0), C = null, w = K(() => (S.value, Ot(e.editor, s.value))), T = K(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
+		}), b = U(0), x = U(0), S = U(0), C = null, ee = G(() => (S.value, Ot(e.editor, s.value))), w = G(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
 			...e.state,
 			pos: e.state.pos,
 			active: !0
-		} : null), E = K(() => w.value ?? T.value), D = K(() => E.value !== null), O = K(() => E.value?.language === "mermaid"), k = K(() => Nt(e.editor, E.value)), A = K(() => D.value && E.value !== null && !k.value), j = K(() => !e.readOnly), ee = K(() => E.value ? xt(E.value.language) : xt("text")), te = K(() => m.value?.status ?? "idle"), M = K(() => E.value?.mermaidPreviewMode ?? e.mermaidMode), N = K(() => O.value && M.value === "preview"), P = K(() => (S.value, b.value, x.value, jt(e.editor))), F = K(() => `${x.value}|${P.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), I = K(() => Tt(f.value)), L = K(() => E.value ? `${E.value.pos}:${E.value.language}:${E.value.text}` : "none"), R = () => {
+		} : null), T = G(() => ee.value ?? w.value), E = G(() => T.value !== null), D = G(() => T.value?.language === "mermaid"), O = G(() => Nt(e.editor, T.value)), k = G(() => E.value && T.value !== null && !O.value), A = G(() => !e.readOnly), j = G(() => T.value ? xt(T.value.language) : xt("text")), te = G(() => m.value?.status ?? "idle"), M = G(() => T.value?.mermaidPreviewMode ?? e.mermaidMode), N = G(() => D.value && M.value === "preview"), P = G(() => (S.value, b.value, x.value, jt(e.editor))), ne = G(() => `${x.value}|${P.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), F = G(() => Tt(f.value)), I = G(() => T.value ? `${T.value.pos}:${T.value.language}:${T.value.text}` : "none"), L = () => {
 			C !== null && (window.clearTimeout(C), C = null);
-		}, z = (e) => {
-			R(), m.value = e, e && (C = window.setTimeout(() => {
+		}, R = (e) => {
+			L(), m.value = e, e && (C = window.setTimeout(() => {
 				m.value = null, C = null;
 			}, mt));
-		}, B = () => {
+		}, z = () => {
 			g.value = null, _.value = null, v.value = !1, y.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, e.editor.view.focus();
-		}, V = () => {
+		}, B = () => {
 			let n = t.value;
 			if (!n) return;
 			if (!kt(n) || P.value.length === 0) {
@@ -4262,19 +4299,19 @@ var pa = X({
 				return n ? [yt(t, n, r)] : [];
 			});
 			l.value = Pt(l.value, i, P.value.map((e) => e.pos));
-		}, H = () => {
-			if (!A.value || !E.value) {
+		}, V = () => {
+			if (!k.value || !T.value) {
 				c.value = null, u.value = null;
 				return;
 			}
 			let i = t.value;
 			if (!i) return;
-			let a = Ct(e.editor, E.value.pos, M.value), o = i.getBoundingClientRect(), s = wt(a, o);
+			let a = Ct(e.editor, T.value.pos, M.value), o = i.getBoundingClientRect(), s = wt(a, o);
 			if (!s) {
-				c.value = c.value?.pos === E.value.pos ? c.value : null, u.value = d.value ? u.value : null;
+				c.value = c.value?.pos === T.value.pos ? c.value : null, u.value = d.value ? u.value : null;
 				return;
 			}
-			if (c.value = _t(E.value.pos, s, o), d.value && n.value) {
+			if (c.value = _t(T.value.pos, s, o), d.value && n.value) {
 				let e = n.value.getBoundingClientRect(), t = r.value?.getBoundingClientRect().height;
 				u.value = ft({
 					overlayRect: o,
@@ -4284,84 +4321,84 @@ var pa = X({
 					windowHeight: window.innerHeight
 				});
 			}
-		}, ne = async () => {
+		}, re = async () => {
 			if (e.readOnly) {
-				if (!E.value) return;
-				let e = await ht(E.value.text);
-				z(st(E.value, e ? "copied" : "failed"));
+				if (!T.value) return;
+				let e = await ht(T.value.text);
+				R(st(T.value, e ? "copied" : "failed"));
 				return;
 			}
-			if (!bt(e.editor, E.value)) return;
+			if (!bt(e.editor, T.value)) return;
 			let t = await at(e.editor);
-			z(st(ot(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
-		}, re = (t, n) => {
+			R(st(ot(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
+		}, ie = (t, n) => {
 			if (e.readOnly) {
 				tn(e.editor, t.pos, n) && (x.value += 1, S.value += 1);
 				return;
 			}
 			let r = e.state.active && e.state.pos === t.pos;
 			dt(e.editor, t.pos, n) && (e.onMermaidModeChange(n), S.value += 1, r && e.editor.view.focus());
-		}, ie = (t) => {
-			if (e.readOnly || !E.value) return;
-			let n = e.state.active && e.state.pos === E.value.pos;
-			ut(e.editor, E.value.pos, t) && (t === "mermaid" && dt(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());
-		}, ae = () => {
-			d.value = !d.value, d.value && o.value === null && (o.value = gt()), p.value = d.value ? At(I.value, E.value?.language ?? null) : -1;
-		}, se = (e) => {
+		}, ae = (t) => {
+			if (e.readOnly || !T.value) return;
+			let n = e.state.active && e.state.pos === T.value.pos;
+			ut(e.editor, T.value.pos, t) && (t === "mermaid" && dt(e.editor, T.value.pos, "preview") && e.onMermaidModeChange("preview"), d.value = !1, f.value = "", p.value = -1, S.value += 1, n && e.editor.view.focus());
+		}, se = () => {
+			d.value = !d.value, d.value && o.value === null && (o.value = gt()), p.value = d.value ? At(F.value, T.value?.language ?? null) : -1;
+		}, ce = (e) => {
 			let t = Tt(e);
-			f.value = e, p.value = At(t, e.trim() ? null : E.value?.language ?? null);
-		}, ce = (t) => {
+			f.value = e, p.value = At(t, e.trim() ? null : T.value?.language ?? null);
+		}, le = (t) => {
 			if (!t.isComposing) {
 				if (t.key === "ArrowDown" || t.key === "ArrowUp") {
-					t.preventDefault(), p.value = It(p.value, I.value.length, t.key === "ArrowUp" ? "previous" : "next");
+					t.preventDefault(), p.value = It(p.value, F.value.length, t.key === "ArrowUp" ? "previous" : "next");
 					return;
 				}
 				if (t.key === "Enter") {
-					let e = I.value[p.value];
-					e && (t.preventDefault(), ie(e.language));
+					let e = F.value[p.value];
+					e && (t.preventDefault(), ae(e.language));
 					return;
 				}
 				t.key === "Escape" && (t.preventDefault(), d.value = !1, p.value = -1, e.editor.view.focus());
 			}
-		}, le = () => {
-			e.readOnly || !E.value || lt(e.editor, E.value.pos, !k.value) && (b.value += 1, S.value += 1, s.value = null);
 		}, ue = () => {
-			if (!E.value) return;
-			let t = Mt(e.editor, E.value.pos);
+			e.readOnly || !T.value || lt(e.editor, T.value.pos, !O.value) && (b.value += 1, S.value += 1, s.value = null);
+		}, de = () => {
+			if (!T.value) return;
+			let t = Mt(e.editor, T.value.pos);
 			t && oe({
 				data: new Blob([t], { type: "image/svg+xml" }),
 				fileName: "markweave-mermaid.svg",
 				onSettled: () => e.editor.view.focus(),
 				ownerDocument: document
 			});
-		}, de = () => {
-			if (!E.value) return;
-			let t = Mt(e.editor, E.value.pos);
+		}, fe = () => {
+			if (!T.value) return;
+			let t = Mt(e.editor, T.value.pos);
 			t && (g.value = vt(t), _.value = null, v.value = !1, y.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			});
-		}, fe = (e) => {
+		}, pe = (e) => {
 			g.value = g.value ? {
 				...g.value,
 				scale: pt(g.value.scale + e)
 			} : null;
-		}, pe = () => {
+		}, me = () => {
 			g.value = g.value ? vt(g.value.svg) : null, y.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, v.value = !1;
-		}, me = (e) => {
-			e.preventDefault(), fe(e.deltaY < 0 ? Ft : -Ft);
 		}, he = (e) => {
+			e.preventDefault(), pe(e.deltaY < 0 ? Ft : -Ft);
+		}, ge = (e) => {
 			e.button === 0 && (e.preventDefault(), y.value = {
 				active: !0,
 				lastX: e.clientX,
 				lastY: e.clientY
 			}, v.value = !0);
-		}, ge = (e) => {
+		}, _e = (e) => {
 			let t = y.value;
 			if (!t.active) return;
 			let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
@@ -4370,53 +4407,53 @@ var pa = X({
 				lastX: e.clientX,
 				lastY: e.clientY
 			}, g.value = Lt(g.value, n, r);
-		}, _e = () => {
+		}, ve = () => {
 			y.value = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
 			}, v.value = !1;
 		};
-		q(() => e.readOnly, (e) => {
+		K(() => e.readOnly, (e) => {
 			e && (d.value = !1, f.value = "");
-		}), q(L, () => {
-			z(null), d.value = !1, f.value = "", p.value = -1, g.value = null, _.value = null, v.value = !1;
-		}), q(d, async (e) => {
+		}), K(I, () => {
+			R(null), d.value = !1, f.value = "", p.value = -1, g.value = null, _.value = null, v.value = !1;
+		}), K(d, async (e) => {
 			if (!e) {
 				p.value = -1;
 				return;
 			}
-			await Y(), H(), i.value?.focus({ preventScroll: !0 });
-		}), q(() => [
+			await J(), V(), i.value?.focus({ preventScroll: !0 });
+		}), K(() => [
 			d.value,
 			f.value,
 			p.value
 		], async () => {
 			if (!d.value || p.value < 0) return;
-			await Y();
+			await J();
 			let e = a.value, t = e?.querySelector(`[data-language-index="${p.value}"]`);
 			e && t && Rt(e, t);
-		}, { flush: "post" }), q(() => [
-			A.value,
+		}, { flush: "post" }), K(() => [
+			k.value,
 			b.value,
-			E.value?.pos ?? null,
-			I.value.length,
+			T.value?.pos ?? null,
+			F.value.length,
 			d.value,
 			M.value
 		], async () => {
-			await Y(), H();
+			await J(), V();
 		}, {
 			flush: "post",
 			immediate: !0
-		}), q(F, async () => {
-			await Y(), V(), window.requestAnimationFrame(V);
+		}), K(ne, async () => {
+			await J(), B(), window.requestAnimationFrame(B);
 		}, {
 			flush: "post",
 			immediate: !0
 		});
-		let ve = null;
-		return fr(() => {
-			Y(() => {
+		let ye = null;
+		return vr(() => {
+			J(() => {
 				let n = e.editor.view.dom.closest(".markweave-editor-frame"), r = (n) => {
 					if (n.target instanceof Node && t.value?.contains(n.target) || d.value) return;
 					let r = Dt(e.editor, n.target), i = Ot(e.editor, r), a = i && !Nt(e.editor, i) ? i.pos : null;
@@ -4426,7 +4463,7 @@ var pa = X({
 				}, a = (t) => {
 					if (t.key === "Escape") {
 						if (g.value) {
-							B();
+							z();
 							return;
 						}
 						d.value && (d.value = !1, p.value = -1, e.editor.view.focus());
@@ -4436,14 +4473,14 @@ var pa = X({
 				}, c = ({ transaction: e }) => {
 					e.getMeta(it) && (b.value += 1), (e.docChanged || e.selectionSet || e.getMeta(it) || Qt(e)) && (S.value += 1);
 				};
-				n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", i), window.addEventListener("resize", H), window.addEventListener("scroll", H, !0), window.addEventListener("resize", V), window.addEventListener("scroll", V, !0), document.addEventListener("keydown", a), document.addEventListener("mousedown", o), e.editor.on("transaction", c), ve = () => {
-					n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", i), window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0), window.removeEventListener("resize", V), window.removeEventListener("scroll", V, !0), document.removeEventListener("keydown", a), document.removeEventListener("mousedown", o), e.editor.off("transaction", c), R();
+				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", o), e.editor.on("transaction", c), ye = () => {
+					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", o), e.editor.off("transaction", c), L();
 				};
 			});
-		}), J(() => {
-			ve?.(), ve = null, R();
+		}), q(() => {
+			ye?.(), ye = null, L();
 		}), () => {
-			if (!A.value && P.value.length === 0 && !g.value) return null;
+			if (!k.value && P.value.length === 0 && !g.value) return null;
 			let s = c.value ? {
 				top: `${c.value.top}px`,
 				right: `${c.value.right}px`
@@ -4451,7 +4488,7 @@ var pa = X({
 				left: `${u.value.left}px`,
 				top: `${u.value.top}px`
 			} : void 0;
-			return U("div", {
+			return H("div", {
 				ref: t,
 				class: "markweave-codeblock-overlay",
 				"data-testid": "markweave-codeblock-overlay",
@@ -4459,7 +4496,7 @@ var pa = X({
 			}, [
 				...P.value.map((e) => {
 					let t = l.value.find((t) => t.pos === e.pos);
-					return U("div", {
+					return H("div", {
 						key: e.pos,
 						class: "markweave-mermaid-tabs",
 						"data-testid": "markweave-mermaid-tabs",
@@ -4469,29 +4506,29 @@ var pa = X({
 							top: `${t.top}px`,
 							left: `${t.left}px`
 						} : void 0
-					}, ["code", "preview"].map((t) => U("button", {
+					}, ["code", "preview"].map((t) => H("button", {
 						key: t,
 						type: "button",
 						"data-testid": `markweave-mermaid-mode-${t}`,
 						"data-active": e.mermaidPreviewMode === t ? "true" : "false",
 						onMousedown: $,
-						onClick: () => re(e, t)
+						onClick: () => ie(e, t)
 					}, t === "code" ? "Code" : "Preview")));
 				}),
-				A.value && E.value ? U("div", {
+				k.value && T.value ? H("div", {
 					class: "markweave-codeblock-controls",
 					"data-testid": "markweave-codeblock-controls",
 					"data-positioned": c.value ? "true" : "false",
-					"data-collapsed": k.value ? "true" : "false",
+					"data-collapsed": O.value ? "true" : "false",
 					"data-read-only": e.readOnly ? "true" : "false",
 					"aria-label": "Code block controls",
 					style: s
 				}, [
-					e.readOnly ? U("span", {
+					e.readOnly ? H("span", {
 						class: "markweave-codeblock-language-button markweave-codeblock-language-label",
 						"aria-label": "Code block language",
 						"data-testid": "markweave-codeblock-language"
-					}, [U("span", null, ee.value)]) : U("button", {
+					}, [H("span", null, j.value)]) : H("button", {
 						ref: n,
 						type: "button",
 						class: "markweave-codeblock-language-button",
@@ -4500,19 +4537,19 @@ var pa = X({
 						"aria-haspopup": "listbox",
 						"data-testid": "markweave-codeblock-language",
 						onMousedown: $,
-						onClick: ae
-					}, [U("span", null, ee.value), oa("chevron")]),
-					j.value ? U("button", {
+						onClick: se
+					}, [H("span", null, j.value), Q("chevron")]),
+					A.value ? H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
-						"aria-label": k.value ? "Expand code block" : "Collapse code block",
-						title: k.value ? "Expand code block" : "Collapse code block",
+						"aria-label": O.value ? "Expand code block" : "Collapse code block",
+						title: O.value ? "Expand code block" : "Collapse code block",
 						"data-testid": "markweave-codeblock-collapse",
-						"data-collapsed": k.value ? "true" : "false",
+						"data-collapsed": O.value ? "true" : "false",
 						onMousedown: $,
-						onClick: le
-					}, [oa("chevron")]) : null,
-					U("span", { class: "markweave-codeblock-copy-wrap" }, [U("button", {
+						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",
@@ -4532,64 +4569,64 @@ var pa = X({
 							h.value = !1;
 						},
 						onClick: () => {
-							ne();
+							re();
 						}
-					}, [oa(te.value === "copied" ? "check" : "clipboard")]), h.value ? U("span", {
+					}, [Q(te.value === "copied" ? "check" : "clipboard")]), h.value ? H("span", {
 						class: "markweave-codeblock-tooltip",
 						role: "tooltip",
 						"data-testid": "markweave-codeblock-copy-tooltip"
 					}, "Copy to clipboard") : null]),
-					O.value && M.value === "preview" ? U("div", {
+					D.value && M.value === "preview" ? H("div", {
 						class: "markweave-mermaid-preview-actions",
 						"data-testid": "markweave-mermaid-preview-actions"
-					}, [U("button", {
+					}, [H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen",
 						disabled: !N.value,
 						onMousedown: $,
-						onClick: de
-					}, [oa("expand")]), U("button", {
+						onClick: fe
+					}, [Q("expand")]), H("button", {
 						type: "button",
 						class: "markweave-codeblock-icon-button",
 						"aria-label": "Download Mermaid SVG",
 						"data-testid": "markweave-mermaid-download",
 						disabled: !N.value,
 						onMousedown: $,
-						onClick: ue
-					}, [oa("download")])]) : null
+						onClick: de
+					}, [Q("download")])]) : null
 				]) : null,
-				j.value && A.value && d.value && E.value ? U("div", {
+				A.value && k.value && d.value && T.value ? H("div", {
 					ref: r,
 					class: "markweave-codeblock-language-menu",
 					"data-testid": "markweave-codeblock-language-menu",
 					"data-positioned": u.value ? "true" : "false",
 					style: m
-				}, [U("label", { class: "markweave-codeblock-language-search" }, [U("input", {
+				}, [H("label", { class: "markweave-codeblock-language-search" }, [H("input", {
 					ref: i,
 					role: "combobox",
 					"aria-autocomplete": "list",
 					"aria-controls": o.value ?? void 0,
 					"aria-expanded": "true",
-					"aria-activedescendant": o.value && I.value[p.value] ? Et(o.value, I.value[p.value].language) : void 0,
+					"aria-activedescendant": o.value && F.value[p.value] ? Et(o.value, F.value[p.value].language) : void 0,
 					"aria-label": "Search code block languages",
 					value: f.value,
 					placeholder: "Search...",
 					"data-testid": "markweave-codeblock-language-search",
 					onInput: (e) => {
-						se(e.target.value);
+						ce(e.target.value);
 					},
-					onKeydown: ce
-				}), oa("search")]), U("div", {
+					onKeydown: le
+				}), Q("search")]), H("div", {
 					ref: a,
 					id: o.value ?? void 0,
 					class: "markweave-codeblock-language-list",
 					role: "listbox",
 					"aria-label": "Code block languages"
-				}, I.value.map((e, t) => {
-					let n = E.value?.language === e.language, r = t === p.value;
-					return U("button", {
+				}, F.value.map((e, t) => {
+					let n = T.value?.language === e.language, r = t === p.value;
+					return H("button", {
 						key: e.language,
 						id: o.value ? Et(o.value, e.language) : void 0,
 						type: "button",
@@ -4603,21 +4640,21 @@ var pa = X({
 						onMouseenter: () => {
 							p.value = t;
 						},
-						onClick: () => ie(e.language)
-					}, [U("span", null, e.label), n ? oa("check") : null]);
+						onClick: () => ae(e.language)
+					}, [H("span", null, e.label), n ? Q("check") : null]);
 				}))]) : null,
-				g.value ? U("div", {
+				g.value ? H("div", {
 					class: "markweave-mermaid-fullscreen-layer",
 					role: "dialog",
 					"aria-modal": "true",
 					"aria-label": "Mermaid preview",
 					"data-testid": "markweave-mermaid-fullscreen-layer"
 				}, [
-					U("div", {
+					H("div", {
 						class: "markweave-mermaid-fullscreen-toolbar",
 						"data-testid": "markweave-mermaid-fullscreen-toolbar"
 					}, [
-						U("button", {
+						H("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Zoom out",
@@ -4634,13 +4671,13 @@ var pa = X({
 							onBlur: () => {
 								_.value = null;
 							},
-							onClick: () => fe(-Ft)
-						}, [oa("zoomOut")]),
-						U("span", {
+							onClick: () => pe(-Ft)
+						}, [Q("zoomOut")]),
+						H("span", {
 							class: "markweave-mermaid-fullscreen-zoom-label",
 							"data-testid": "markweave-mermaid-fullscreen-zoom-label"
 						}, St(g.value.scale)),
-						U("button", {
+						H("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Zoom in",
@@ -4657,9 +4694,9 @@ var pa = X({
 							onBlur: () => {
 								_.value = null;
 							},
-							onClick: () => fe(Ft)
-						}, [oa("zoomIn")]),
-						U("button", {
+							onClick: () => pe(Ft)
+						}, [Q("zoomIn")]),
+						H("button", {
 							type: "button",
 							class: "markweave-mermaid-fullscreen-control",
 							"aria-label": "Reset zoom",
@@ -4676,31 +4713,31 @@ var pa = X({
 							onBlur: () => {
 								_.value = null;
 							},
-							onClick: pe
-						}, [oa("reset")]),
-						_.value ? U("span", {
+							onClick: me
+						}, [Q("reset")]),
+						_.value ? H("span", {
 							class: "markweave-mermaid-fullscreen-tooltip",
 							role: "tooltip",
 							"data-testid": "markweave-mermaid-fullscreen-tooltip"
 						}, _.value === "zoom-out" ? "Zoom out" : _.value === "zoom-in" ? "Zoom in" : "Reset") : null
 					]),
-					U("button", {
+					H("button", {
 						type: "button",
 						class: "markweave-mermaid-fullscreen-close",
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
-						onClick: B
-					}, [oa("close")]),
-					U("div", {
+						onClick: z
+					}, [Q("close")]),
+					H("div", {
 						class: "markweave-mermaid-fullscreen-viewport",
 						"data-testid": "markweave-mermaid-fullscreen-viewport",
 						"data-dragging": v.value ? "true" : "false",
-						onWheel: me,
-						onMousedown: he,
-						onMousemove: ge,
-						onMouseup: _e,
-						onMouseleave: _e
-					}, [U("div", {
+						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(g.value.scale * 100),
@@ -4716,7 +4753,7 @@ var pa = X({
 			]);
 		};
 	}
-}), xa = X({
+}), Ea = Y({
 	name: "MarkweaveVueInnerToc",
 	props: {
 		editor: {
@@ -4741,29 +4778,29 @@ var pa = X({
 		}
 	},
 	setup(e) {
-		let t = W(null), n, r, i = () => {
+		let t = U(null), n, r, i = () => {
 			n?.(), n = e.placement === "container" && t.value ? tt(t.value) : void 0;
 		}, a = () => {
 			r?.(), r = t.value && e.state.items.length ? nt(t.value, e.state.items.length) : void 0;
 		};
-		return fr(() => {
+		return vr(() => {
 			i(), a();
-		}), J(() => {
+		}), q(() => {
 			n?.(), r?.();
-		}), q(() => e.placement, i), q(() => e.state.items.length, a, { flush: "post" }), () => e.state.items.length ? U("nav", {
+		}), K(() => e.placement, i), K(() => e.state.items.length, a, { flush: "post" }), () => e.state.items.length ? H("nav", {
 			ref: t,
 			class: "markweave-inner-toc",
 			"data-testid": "markweave-inner-toc",
 			"aria-label": e.messages.toc.ariaLabel,
 			style: { "--markweave-inner-toc-rail-height": Ze(e.state.items.length) }
-		}, [U("div", {
+		}, [H("div", {
 			class: "markweave-inner-toc-rail",
 			"aria-hidden": "true"
-		}, e.state.items.map((e) => U("span", {
+		}, e.state.items.map((e) => H("span", {
 			key: e.id,
 			"data-level": e.level,
 			"data-active": e.active ? "true" : "false"
-		}))), U("div", { class: "markweave-inner-toc-panel" }, [U("div", { class: "markweave-inner-toc-list" }, e.state.items.map((t) => U("button", {
+		}))), H("div", { class: "markweave-inner-toc-panel" }, [H("div", { class: "markweave-inner-toc-list" }, e.state.items.map((t) => H("button", {
 			key: t.id,
 			type: "button",
 			class: "markweave-inner-toc-item",
@@ -4779,71 +4816,80 @@ var pa = X({
 		}, t.text)))])]) : null;
 	}
 });
-function Sa(e = {}) {
-	let i = r(e.lang), o = n(i), s = t(i), c = W(f(e.mode)), l = K(() => Oe(e.theme)), u = K(() => c.value === "live" && e.editable !== !1), d = W(0), m = G(null), h = W(hn), g = G(null), _ = G(null), v = W("code"), y = G(null), b = G(Sn), x = W(null), S = W(!1), C = G(null), w = fe(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;
+function Da(e = {}) {
+	let r = n(e.lang), a = t(r), o = G(() => yn({
+		lang: r,
+		commandGroups: e.commandGroups,
+		commands: e.commands,
+		builtinCommands: e.builtinCommands
+	})), s = U(d(e.mode)), c = G(() => Oe(e.theme)), l = G(() => s.value === "live" && e.editable !== !1), u = U(0), p = W(null), m = U(bn), h = W(null), g = W(null), _ = U(null), v = U("code"), y = W(null), b = W(On), x = U(null), S = U(!1), C = W(null), ee = fe(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), w = e.content ?? e.defaultContent ?? "", T = typeof w == "string" && w.length >= 2e5, E = null;
+	function D() {
+		E !== null && (window.clearTimeout(E), E = null), u.value += 1;
 	}
-	function k() {
-		D !== null && window.clearTimeout(D), D = window.setTimeout(() => {
-			D = null, d.value += 1;
+	function O() {
+		E !== null && window.clearTimeout(E), E = window.setTimeout(() => {
+			E = null, u.value += 1;
 		}, Te);
 	}
-	let A = e.onSlashCommandUpload, j = G(null);
-	j.value = new a({
-		extensions: ea({
-			lang: i,
+	let k = e.onSlashCommandUpload, A = W(null), j = !1;
+	A.value = new i({
+		extensions: oa({
+			lang: r,
 			linkCardResolver: e.linkCardResolver,
-			onImageUpload: (e) => A?.(e) ?? H(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
-			onVideoUpload: (e) => A?.(e) ?? H(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
-			onAttachmentUpload: (t) => e.onSlashCommandUpload?.(t) ?? H(t) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
+			onImageUpload: (e) => k?.(e) ?? B(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
+			onVideoUpload: (e) => k?.(e) ?? B(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
+			onAttachmentUpload: (t) => e.onSlashCommandUpload?.(t) ?? B(t) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
 			onAttachmentDownload: (t, n) => e.onAttachmentDownload?.(t, n),
-			resolveMediaSource: e.resolveMediaSource
+			resolveMediaSource: e.resolveMediaSource,
+			tableCapabilities: (t) => e.tableCapabilities?.(t),
+			editorExtensions: e.editorExtensions
 		}),
-		content: T,
-		contentType: le(w),
-		editable: u.value,
+		content: w,
+		contentType: le(ee),
+		editable: l.value,
 		autofocus: e.autofocus,
 		editorProps: {
 			attributes: {
 				class: "markweave-editor-surface",
 				"data-testid": "markweave-editor-surface",
-				"data-markweave-large-document": E ? "true" : "false",
+				"data-markweave-large-document": T ? "true" : "false",
 				autocapitalize: "off",
 				autocorrect: "off",
 				spellcheck: "false",
 				translate: "no"
 			},
 			handleClick: (e, t, n) => {
-				if (!u.value) return be(n);
+				if (!l.value) return be(n);
 				let r = Kt(e, n);
-				return r ? (n.preventDefault(), n.stopPropagation(), F(), Xt(e, r, !0), Zt(e, r), y.value = r, !0) : (y.value = null, !1);
+				return r ? (n.preventDefault(), n.stopPropagation(), I(), Xt(e, r, !0), Zt(e, r), y.value = r, !0) : (y.value = null, !1);
 			},
 			handleDOMEvents: {
-				compositionstart: () => u.value ? (h.value = gn(h.value, { type: "composition-start" }), g.value = null, !1) : !1,
-				compositionend: (e) => (u.value && window.setTimeout(() => I(e), 0), !1),
+				compositionstart: () => l.value ? (m.value = xn(m.value, { type: "composition-start" }), h.value = null, !1) : !1,
+				compositionend: (e) => (l.value && window.setTimeout(() => L(e), 0), !1),
 				click: (e, t) => {
-					if (!u.value) return be(t);
+					if (!l.value) return be(t);
 					let n = Kt(e, t);
-					return n ? (t.preventDefault(), t.stopPropagation(), F(), Xt(e, n, !0), Zt(e, n), y.value = n, !0) : (y.value = null, !1);
+					return n ? (t.preventDefault(), t.stopPropagation(), I(), Xt(e, n, !0), Zt(e, n), y.value = n, !0) : (y.value = null, !1);
 				}
 			}
 		},
-		onSelectionUpdate: ({ editor: e }) => R(e),
+		onSelectionUpdate: ({ editor: e }) => z(e),
 		onCreate: ({ editor: t }) => {
-			p(t, {
-				mode: c.value,
-				editable: u.value
-			}), $t(t, l.value), en(t, u.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && u.value && yn(t), z(t), R(t), O();
+			vn(t, o.value, (t) => {
+				_.value = t.message, e.onCommandError?.(t);
+			}), _n(t, ee), j = !0, e.onCommandControllerChange?.(hn(t)), f(t, {
+				mode: s.value,
+				editable: l.value
+			}), $t(t, c.value), en(t, l.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && l.value && Tn(t), V(t), z(t), D();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			if (z(e), (t.docChanged || Qt(t)) && k(), t.docChanged && y.value) {
+			if (V(e), (t.docChanged || Qt(t)) && O(), t.docChanged && y.value) {
 				let t = Gt(e, y.value.pos);
 				y.value = t?.kind === y.value.kind ? t : null;
 			}
 		},
 		onUpdate: ({ editor: t }) => {
-			R(t), u.value && L(t), S.value || e.onUpdate?.(ce(t, { onContentRead: (n, r) => {
+			z(t), l.value && R(t), S.value || e.onUpdate?.(ce(t, { onContentRead: (n, r) => {
 				let i = fe(e.contentFormat);
 				e.content !== void 0 && n === i && (C.value = {
 					content: r,
@@ -4853,194 +4899,229 @@ function Sa(e = {}) {
 			} }));
 		}
 	});
-	let ee = j.value, te = ke(ee), M = !1, N = !1;
-	Y(() => {
-		M || j.value !== ee || (N = !0, e.onAiEditControllerChange?.(te));
+	let te = A.value;
+	vn(te, o.value, (t) => {
+		_.value = t.message, e.onCommandError?.(t);
+	}), _n(te, ee), K(o, (t) => {
+		A.value && vn(A.value, t, (t) => {
+			_.value = t.message, e.onCommandError?.(t);
+		});
+	}), K(() => [e.content === void 0 ? e.defaultContentFormat : e.contentFormat, e.content], () => {
+		A.value && _n(A.value, fe(e.content === void 0 ? e.defaultContentFormat : e.contentFormat));
+	});
+	let M = A.value, N = ke(M), P = !1, ne = !1;
+	J(() => {
+		P || A.value !== M || (ne = !0, e.onAiEditControllerChange?.(N));
 	});
-	let P = K(() => j.value ?? null);
-	function F() {
-		g.value = null, _.value = null, h.value = hn;
+	let F = G(() => A.value ?? null);
+	function I() {
+		h.value = null, g.value = null, m.value = bn;
 	}
-	function I(e) {
+	function L(e) {
 		let t = fn(e.state);
 		if (!t) {
-			h.value = h.value.name === "idle" ? h.value : hn, g.value = null, _.value = null;
+			m.value = m.value.name === "idle" ? m.value : bn, 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();
 		if (!mn(r, { frameRect: i })) {
-			F();
+			I();
 			return;
 		}
 		let a = dn(n, {
 			frameRect: i,
 			triggerRect: r
 		});
-		cn(g.value, a) || (g.value = a), h.value = un(h.value, t);
-	}
-	function L(e) {
-		I(e.view);
+		ln(h.value, a) || (h.value = a), m.value = un(m.value, t);
 	}
 	function R(e) {
+		L(e.view);
+	}
+	function z(e) {
 		let t = we(e);
-		Se(m.value, t) || (m.value = t);
+		Se(p.value, t) || (p.value = t);
 		let n = qt(e);
 		n && (Yt(e, n, !0), y.value = n);
 		let r = ot(e);
 		r.active && r.language === "mermaid" && (v.value = r.mermaidPreviewMode);
 	}
-	function z(e) {
-		b.value = ra(e);
+	function V(e) {
+		b.value = la(e);
 	}
-	let B = K(() => P.value ? ot(P.value) : na), V = K(() => P.value ? bn(P.value.state) : ta), ne = K(() => m.value?.currentNode === "codeBlock"), re = K(() => ne.value && B.value.language === "mermaid"), ie = K(() => P.value ? nn({
-		active: re.value,
+	let re = G(() => F.value ? ot(F.value) : ca), ie = G(() => F.value ? En(F.value.state) : sa), oe = G(() => p.value?.currentNode === "codeBlock"), pe = G(() => oe.value && re.value.language === "mermaid"), me = G(() => F.value ? nn({
+		active: pe.value,
 		mode: v.value,
-		source: B.value.text
+		source: re.value.text
 	}) : nn({
 		active: !1,
 		mode: "code",
 		source: ""
-	})), oe = K(() => P.value && e.onRuntimeStateChange ? vn(P.value.state) : null), pe = K(() => P.value ? Qe(P.value.state) : Ye.items), me = K(() => $e(pe.value, x.value)), he = K(() => Je(pe.value, me.value)), ge = K(() => rn(h.value.query, s)), _e = K(() => xe({
-		revision: d.value,
-		mode: c.value,
-		editable: u.value,
-		toc: he.value,
-		selection: m.value,
-		slash: h.value,
-		table: V.value,
+	})), he = G(() => F.value && e.onRuntimeStateChange ? wn(F.value.state) : null), ge = G(() => F.value ? Qe(F.value.state) : Ye.items), _e = G(() => $e(ge.value, x.value)), ve = G(() => Je(ge.value, _e.value)), ye = G(() => {
+		u.value, p.value, l.value;
+		let e = F.value;
+		return rn(e ? hn(e).getCommands({
+			surface: "slash",
+			query: m.value.query
+		}) : o.value.commands, r);
+	}), Ce = G(() => xe({
+		revision: u.value,
+		mode: s.value,
+		editable: l.value,
+		toc: ve.value,
+		selection: p.value,
+		slash: m.value,
+		table: ie.value,
 		tableInteraction: b.value,
-		codeBlock: B.value,
-		mermaid: ie.value,
-		tableDebugSnapshot: oe.value
-	})), ve = {
-		closeSlashMenu: F,
-		focusFirstTableBodyCell: () => P.value ? yn(P.value) : !1,
+		codeBlock: re.value,
+		mermaid: me.value,
+		tableDebugSnapshot: he.value
+	})), Ee = {
+		closeSlashMenu: I,
+		focusFirstTableBodyCell: () => F.value ? Tn(F.value) : !1,
 		setContent: (e, t = {}) => {
-			if (!P.value) return !1;
+			if (!F.value) return !1;
 			let n = fe(t.format);
-			return P.value.commands.setContent(e, {
+			return F.value.commands.setContent(e, {
 				contentType: le(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && yn(P.value), R(P.value), u.value && L(P.value), z(P.value), O(), !0;
+			}), t.focusFirstTableBodyCell && Tn(F.value), z(F.value), l.value && R(F.value), V(F.value), D(), !0;
 		}
 	};
-	function ye(e, t) {
-		if (!(!P.value || !u.value || !an(e))) {
-			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
-				_.value = e;
+	function De(e, t) {
+		if (!F.value || !l.value || !on(e)) return;
+		if (e.inputKind && !t?.emoji && !t?.uploadResult) {
+			g.value = e;
+			return;
+		}
+		let n = fn(F.value.state);
+		if (!n) return;
+		_.value = null, m.value = xn(m.value, { type: "execute" }), g.value = null;
+		let r = F.value;
+		gn(r, e.id, n, t).then((e) => {
+			if (e.ok && e.outcome === "applied") {
+				I();
 				return;
 			}
-			ln(P.value, h.value, e, t), h.value = gn(h.value, { type: "execute" }), F();
-		}
+			e.ok || (_.value = e.message), R(r), r.commands.focus();
+		});
 	}
-	function Ce(e) {
-		if (!P.value || _.value || !u.value) return;
-		let t = on(h.value, ge.value, e.key, { isComposing: e.isComposing || ae(P.value.state) });
+	function Ae(e) {
+		if (!F.value || g.value || !l.value) return;
+		if (m.value.name === "executing" && e.key === "Escape") {
+			e.preventDefault(), hn(F.value).cancel(), I();
+			return;
+		}
+		let t = sn(m.value, ye.value, e.key, { isComposing: e.isComposing || ae(F.value.state) });
 		if (t.type !== "ignore") {
 			if (e.preventDefault(), t.type === "close") {
-				h.value = gn(h.value, { type: "escape" }), F();
+				hn(F.value).cancel(), m.value = xn(m.value, { type: "escape" }), I();
 				return;
 			}
 			if (t.type === "move-active") {
-				h.value = gn(h.value, {
+				m.value = xn(m.value, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
 				});
 				return;
 			}
-			ye(t.command);
+			if (t.type === "set-active") {
+				m.value = xn(m.value, t);
+				return;
+			}
+			De(t.command);
 		}
 	}
-	q(() => [e.mode, e.editable], () => {
-		c.value = f(e.mode), P.value && (P.value.setEditable(u.value), p(P.value, {
-			mode: c.value,
-			editable: u.value
-		}), en(P.value, u.value ? "live" : "view"), O(), u.value || F());
-	}, { immediate: !0 }), q(() => e.theme, () => {
-		P.value && $t(P.value, l.value);
-	}, { immediate: !0 }), q(() => e.content, (t) => {
+	K(() => [e.mode, e.editable], () => {
+		s.value = d(e.mode), F.value && (F.value.setEditable(l.value), f(F.value, {
+			mode: s.value,
+			editable: l.value
+		}), en(F.value, l.value ? "live" : "view"), D(), l.value || I());
+	}, { immediate: !0 }), K(() => e.theme, () => {
+		F.value && $t(F.value, c.value);
+	}, { immediate: !0 }), K(() => e.content, (t) => {
 		let n = fe(e.contentFormat);
-		if (!(!P.value || t === void 0)) {
-			if (de(P.value, C.value, t, n)) {
+		if (!(!F.value || t === void 0)) {
+			if (de(F.value, C.value, t, n)) {
 				C.value = null;
 				return;
 			}
-			C.value = null, !ue(P.value, t, n) && (S.value = !0, P.value.commands.setContent(t, {
+			C.value = null, !ue(F.value, t, n) && (S.value = !0, F.value.commands.setContent(t, {
 				contentType: le(n),
 				emitUpdate: !1
-			}), S.value = !1, R(P.value), u.value && L(P.value), z(P.value), O());
+			}), S.value = !1, z(F.value), l.value && R(F.value), V(F.value), D());
 		}
-	}), q(_e, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), q(he, (t) => e.onTocChange?.(t), { immediate: !0 }), q(pe, (e) => {
+	}), K(Ce, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), K(ve, (t) => e.onTocChange?.(t), { immediate: !0 }), K(ge, (e) => {
 		let t = $e(e, x.value);
 		x.value !== t && (x.value = t);
 	});
-	let Ee = se(() => {
-		P.value && g.value && I(P.value.view);
-	}), De = (e) => {
-		e?.type === "scroll" && pn(e.target) || g.value && Ee.schedule();
+	let je = se(() => {
+		F.value && h.value && L(F.value.view);
+	}), Me = (e) => {
+		e?.type === "scroll" && pn(e.target) || h.value && je.schedule();
 	};
-	q(g, (e) => {
-		e ? De() : Ee.cancel();
-	}), fr(() => {
-		window.addEventListener("resize", De), window.addEventListener("scroll", De, !0);
-	}), J(() => {
-		Ee.cancel(), window.removeEventListener("resize", De), window.removeEventListener("scroll", De, !0);
+	K(h, (e) => {
+		e ? Me() : je.cancel();
+	}), vr(() => {
+		window.addEventListener("resize", Me), window.addEventListener("scroll", Me, !0);
+	}), q(() => {
+		je.cancel(), window.removeEventListener("resize", Me), window.removeEventListener("scroll", Me, !0);
 	});
-	let Ae = null;
-	return J(() => {
-		D !== null && window.clearTimeout(D);
-	}), fr(() => {
+	let Ne = null;
+	return q(() => {
+		E !== null && window.clearTimeout(E);
+	}), vr(() => {
 		let e = () => {
-			if (!P.value || !pe.value.length) {
+			if (!F.value || !ge.value.length) {
 				x.value = null;
 				return;
 			}
 			let e = null;
 			try {
-				e = Xe(P.value, pe.value);
+				e = Xe(F.value, ge.value);
 			} catch {
 				return;
 			}
 			x.value !== e && (x.value = e);
-		}, t = () => window.requestAnimationFrame(e), n = ia(P.value?.view.dom ?? null);
-		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), Ae = () => {
+		}, t = () => window.requestAnimationFrame(e), n = ua(F.value?.view.dom ?? null);
+		window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), Ne = () => {
 			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t);
 		};
-	}), J(() => {
-		Ae?.(), M = !0, N && e.onAiEditControllerChange?.(null);
-		let t = j.value;
-		j.value = null, Y(() => t?.destroy());
+	}), q(() => {
+		Ne?.(), P = !0, ne && e.onAiEditControllerChange?.(null), j && e.onCommandControllerChange?.(null);
+		let t = A.value;
+		A.value = null, J(() => t?.destroy());
 	}), {
-		editor: P,
-		runtimeSnapshot: _e,
-		actions: ve,
+		editor: F,
+		runtimeSnapshot: Ce,
+		actions: Ee,
 		__render: {
-			messages: o,
-			effectiveEditable: u,
-			tableFocusState: V,
+			messages: a,
+			effectiveEditable: l,
+			tableFocusState: ie,
 			tableInteractionState: b,
-			codeBlockState: B,
-			isCodeBlockActive: ne,
+			codeBlockState: re,
+			isCodeBlockActive: oe,
 			mermaidMode: v,
 			mathTarget: y,
 			setMermaidMode: (e) => {
 				v.value = e;
 			},
-			tocState: he,
-			filteredSlashCommands: ge,
-			slashState: h,
-			slashMenuPosition: g,
-			slashInputCommand: _,
-			runSlashCommand: ye,
-			handleEditorKeyDown: Ce,
+			tocState: ve,
+			filteredSlashCommands: ye,
+			slashState: m,
+			slashMenuPosition: h,
+			slashInputCommand: g,
+			slashCommandError: _,
+			runSlashCommand: De,
+			handleEditorKeyDown: Ae,
 			setSlashInputCommand: (e) => {
-				_.value = e;
+				g.value = e;
 			}
 		}
 	};
 }
-var Ca = X({
+var Oa = Y({
 	name: "MarkweaveEditor",
 	props: {
 		defaultContent: {
@@ -5147,6 +5228,10 @@ var Ca = X({
 			type: Function,
 			default: void 0
 		},
+		tableCapabilities: {
+			type: Function,
+			default: void 0
+		},
 		onRuntimeStateChange: {
 			type: Function,
 			default: void 0
@@ -5155,20 +5240,49 @@ var Ca = X({
 			type: Function,
 			default: void 0
 		},
+		commandGroups: {
+			type: Array,
+			default: void 0
+		},
+		commands: {
+			type: Array,
+			default: void 0
+		},
+		builtinCommands: {
+			type: Object,
+			default: void 0
+		},
+		editorExtensions: {
+			type: Array,
+			default: void 0
+		},
+		onCommandControllerChange: {
+			type: Function,
+			default: void 0
+		},
+		onCommandError: {
+			type: Function,
+			default: void 0
+		},
 		onTocChange: {
 			type: Function,
 			default: void 0
 		}
 	},
 	setup(e) {
-		let t = Sa(e);
+		let t = Da(e);
 		return () => {
-			let n = t.editor.value;
-			if (!n) return null;
-			let i = t.__render, a = ["markweave-editor-frame", e.className].filter(Boolean).join(" "), s = De(e.canvasColor);
-			return U("section", {
-				class: a,
+			let r = t.editor.value;
+			if (!r) return null;
+			let i = t.__render, o = ["markweave-editor-frame", e.className].filter(Boolean).join(" "), s = De(e.canvasColor);
+			return H("section", {
+				class: o,
+				role: "combobox",
 				"aria-label": e.ariaLabel ?? i.messages.common.editorAriaLabel,
+				"aria-expanded": i.slashMenuPosition.value !== null && i.slashState.value.name !== "executing",
+				"aria-controls": "markweave-slash-command-listbox",
+				"aria-activedescendant": i.filteredSlashCommands.value.length && i.slashState.value.name !== "executing" ? `markweave-slash-command-option-${Math.min(i.filteredSlashCommands.value.length - 1, Math.max(0, i.slashState.value.activeIndex))}` : void 0,
+				"aria-busy": i.slashState.value.name === "executing",
 				"data-testid": "markweave-editor-frame",
 				"data-markweave-mode": t.runtimeSnapshot.value.mode,
 				"data-markweave-theme": Oe(e.theme),
@@ -5179,24 +5293,25 @@ var Ca = X({
 				"data-table-focus-mode": i.tableFocusState.value.mode,
 				onKeydownCapture: i.handleEditorKeyDown
 			}, [
-				i.effectiveEditable.value ? U(pa, {
-					editor: n,
-					lang: r(e.lang),
+				i.effectiveEditable.value ? H(va, {
+					editor: r,
+					lang: n(e.lang),
 					messages: i.messages,
 					askAi: e.askAi
 				}) : null,
-				i.effectiveEditable.value ? U(ha, {
+				i.effectiveEditable.value ? H(ba, {
 					commands: i.filteredSlashCommands.value,
 					state: i.slashState.value,
 					position: i.slashMenuPosition.value,
 					inputCommand: i.slashInputCommand.value,
+					errorMessage: i.slashCommandError.value ?? void 0,
 					messages: i.messages,
 					onSelect: i.runSlashCommand,
 					onInputCommandChange: i.setSlashInputCommand,
 					onUpload: e.onSlashCommandUpload
 				}) : null,
-				i.effectiveEditable.value ? U(va, {
-					editor: n,
+				i.effectiveEditable.value ? H(Ca, {
+					editor: r,
 					active: i.tableFocusState.value.active,
 					interactionState: i.tableInteractionState.value,
 					messages: i.messages,
@@ -5205,35 +5320,35 @@ var Ca = X({
 					onCommandResult: e.onTableCommandResult,
 					onEditWithAi: e.onEditWithAi
 				}) : null,
-				i.effectiveEditable.value ? U(ya, {
-					editor: n,
+				i.effectiveEditable.value ? H(wa, {
+					editor: r,
 					focusState: i.tableFocusState.value
 				}) : null,
-				U(ba, {
-					editor: n,
+				H(Ta, {
+					editor: r,
 					state: i.codeBlockState.value,
 					active: i.effectiveEditable.value && i.isCodeBlockActive.value,
 					mermaidMode: i.mermaidMode.value,
 					onMermaidModeChange: i.setMermaidMode,
 					readOnly: !i.effectiveEditable.value
 				}),
-				e.innerToc && i.tocState.value.items.length ? U(xa, {
-					editor: n,
+				e.innerToc && i.tocState.value.items.length ? H(Ea, {
+					editor: r,
 					state: i.tocState.value,
 					messages: i.messages,
 					editable: i.effectiveEditable.value,
 					placement: et(e.innerTocPlacement)
 				}) : null,
-				i.effectiveEditable.value && i.mathTarget.value ? U(ma, {
-					editor: n,
+				i.effectiveEditable.value && i.mathTarget.value ? H(ya, {
+					editor: r,
 					messages: i.messages,
 					target: i.mathTarget.value,
 					onClose: () => i.mathTarget.value = null
 				}) : null,
-				U(o, { editor: n })
+				H(a, { editor: r })
 			]);
 		};
 	}
 });
 //#endregion
-export { Ca as MarkweaveEditor, re as createMarkweaveAiEditController, ea as createMarkweaveEditorExtensions, ea as createMarkweaveVue2EditorExtensions, Sa as useMarkweaveEditorController };
+export { Oa as MarkweaveEditor, re as createMarkweaveAiEditController, oa as createMarkweaveEditorExtensions, oa as createMarkweaveVue2EditorExtensions, Da as useMarkweaveEditorController };