@markweave/react 0.1.0 → 0.1.1

package/dist/index.js

@@ -1,9 +1,9 @@
 import { createMarkweaveEditorExtensions as e } from "markweave/internal/editor-core/create-editor-extensions";
 import { EditorContent as t, NodeViewWrapper as n, ReactNodeViewRenderer as r, useEditor as i } from "@tiptap/react";
-import { AlertTriangle as a, AlignCenter as o, AlignJustify as s, AlignLeft as c, AlignRight as l, Bold as u, Braces as d, Captions as f, Check as p, CheckCircle2 as m, ChevronDown as h, ChevronUp as g, CircleX as _, Code2 as v, CornerDownLeft as y, Download as b, ExternalLink as x, Heading1 as S, Heading2 as C, Heading3 as w, Image as T, ImageUp as E, IndentDecrease as D, IndentIncrease as O, Info as k, Italic as A, Lightbulb as j, Link2 as ee, List as M, ListChecks as N, ListOrdered as P, Minus as te, MoreVertical as ne, Paperclip as F, Quote as I, Replace as re, Sigma as L, SmilePlus as R, Sparkles as ie, Strikethrough as ae, Subscript as oe, Superscript as se, Table2 as ce, Text as z, Trash2 as le, Type as ue, Underline as de, Upload as B, Video as fe } from "lucide-react";
-import { useCallback as V, useEffect as H, useLayoutEffect as U, useMemo as W, useRef as G, useState as K, useSyncExternalStore as pe } from "react";
-import { detectUploadSource as me, getDirectUploadResult as he, resolveMarkweaveUploadResult as q } from "markweave/internal/plugins/slash-command/upload";
-import { MarkweaveCoreImage as ge, MarkweaveCoreVideo as _e, attrsFromMarkweaveImageUploadResult as ve, attrsFromMarkweaveVideoUploadResult as ye, attrsFromMarkweaveVideoUrl as be, clampMarkweaveImageWidth as xe, createMarkweaveImageUploadRequest as J, createMarkweaveVideoUploadRequest as Se, downloadMarkweaveImage as Ce, markweaveVideoIframeAllow as we, normalizeMarkweaveCoreImageAlign as Te, normalizeMarkweaveVideoEmbedUrl as Ee, numberAttribute as De, stringAttribute as Y } from "markweave/internal/plugins/media/core-media-nodes";
+import { AlertTriangle as a, AlignCenter as o, AlignJustify as s, AlignLeft as c, AlignRight as l, Bold as u, Braces as d, Captions as f, Check as p, CheckCircle2 as m, ChevronDown as h, ChevronUp as g, CircleX as _, Code2 as v, CornerDownLeft as y, Download as b, ExternalLink as x, Heading1 as S, Heading2 as C, Heading3 as w, Image as T, ImageUp as E, IndentDecrease as D, IndentIncrease as O, Info as k, Italic as A, Lightbulb as j, Link2 as M, List as N, ListChecks as P, ListOrdered as F, Minus as I, MoreVertical as ee, Paperclip as L, Quote as R, Replace as te, Sigma as z, SmilePlus as ne, Sparkles as re, Strikethrough as ie, Subscript as ae, Superscript as oe, Table2 as se, Text as ce, Trash2 as le, Type as ue, Underline as de, Upload as fe, Video as pe } from "lucide-react";
+import { useCallback as B, useEffect as V, useLayoutEffect as H, useMemo as U, useRef as W, useState as G, useSyncExternalStore as me } from "react";
+import { detectUploadSource as he, getDirectUploadResult as ge, resolveMarkweaveUploadResult as K } from "markweave/internal/plugins/slash-command/upload";
+import { MarkweaveCoreImage as _e, MarkweaveCoreVideo as q, attrsFromMarkweaveImageUploadResult as ve, attrsFromMarkweaveVideoUploadResult as ye, attrsFromMarkweaveVideoUrl as be, clampMarkweaveImageWidth as xe, createMarkweaveImageUploadRequest as Se, createMarkweaveVideoUploadRequest as Ce, downloadMarkweaveImage as J, markweaveVideoIframeAllow as we, normalizeMarkweaveCoreImageAlign as Te, normalizeMarkweaveVideoEmbedUrl as Ee, numberAttribute as De, stringAttribute as Y } from "markweave/internal/plugins/media/core-media-nodes";
 import { getLocalizedSlashCommandSpecs as Oe, getMarkweaveMessages as ke, normalizeMarkweaveLang as Ae } from "markweave/internal/i18n";
 import { getMarkweaveEditorModeState as je, isMarkweaveEditorLiveEditable as Me, normalizeMarkweaveEditorMode as Ne, setMarkweaveEditorModeState as Pe, subscribeToMarkweaveEditorMode as Fe } from "markweave/internal/core/editor-mode-state";
 import { Fragment as X, jsx as Z, jsxs as Q } from "react/jsx-runtime";
@@ -31,31 +31,31 @@ import { applyFloatingToolbarLink as cn, createFloatingToolbarAssistantRequest a
 import { normalizeMarkdownLinkHref as Dn } from "markweave/internal/plugins/markdown/markdown-input";
 import { setMarkweaveTableMenuAxisTarget as On } from "markweave/internal/plugins/table/table-clipboard";
 import { calculateAnchoredTableMenuPosition as kn, calculateTableEdgeHandlePosition as An, canRunTableCommand as jn, executeTableMenuCommand as Mn, formatTableCopyFeedback as Nn, getActiveTableElement as Pn, getAvailableCellMenuCommandSpecs as Fn, getTableAxisTargetRect as In, getTableControlAxisSelectionModel as Ln, getTableEditWithAiRequest as Rn, getTableMenuItemGroup as zn, getTableMenuItemLabel as Bn, getTableMenuItems as Vn, getTableSelectionTargetRect as Hn, measureTableSelectionOverlay as Un, selectTableAxisFromCell as Wn, tableCopyFeedbackTimeoutMs as Gn, tableMenuLabel as Kn } from "markweave/internal/plugins/table/table-ui-model";
-import { createMarkweaveTocState as qn, emptyMarkweaveTocState as Jn, getActiveMarkweaveTocId as Yn, getMarkweaveTocItems as Xn, getValidMarkweaveTocActiveId as Zn, scrollToMarkweaveTocItem as Qn } from "markweave/internal/core/toc-state";
+import { createMarkweaveTocState as qn, emptyMarkweaveTocState as Jn, getActiveMarkweaveTocId as Yn, getMarkweaveTocItems as Xn, getValidMarkweaveTocActiveId as Zn, normalizeMarkweaveInnerTocPlacement as Qn, observeMarkweaveInnerTocContainerPosition as $n, scrollToMarkweaveTocItem as er } from "markweave/internal/core/toc-state";
 //#region src/editor-mode-state.ts
-var $n = {
+var tr = {
 	mode: "live",
 	editable: !0
 };
-function er(e) {
-	return pe((t) => Fe(e, t), () => je(e), () => $n);
+function nr(e) {
+	return me((t) => Fe(e, t), () => je(e), () => tr);
 }
 //#endregion
 //#region src/media/image-node.tsx
-var tr = Te;
-function nr(e) {
+var rr = Te;
+function ir(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function rr(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: a, selected: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? ke("zh"), u = l.image, d = Me(er(r)), f = Y(a.attrs.src), p = tr(a.attrs.align), m = De(a.attrs.width), h = Y(a.attrs.caption), g = G(null), _ = G(null), [v, y] = K(!1), [b, x] = K(!1), [S, C] = K(!1), [w, T] = K(""), [E, D] = K(null), [O, k] = K(!1), [A, j] = K(!!h), [ee, M] = K(h ?? ""), N = d && (!f || b);
-	H(() => {
-		A || M(h ?? "");
+function ar(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: a, selected: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? ke("zh"), u = l.image, d = Me(nr(r)), f = Y(a.attrs.src), p = rr(a.attrs.align), m = De(a.attrs.width), h = Y(a.attrs.caption), g = W(null), _ = W(null), [v, y] = G(!1), [b, x] = G(!1), [S, C] = G(!1), [w, T] = G(""), [E, D] = G(null), [O, k] = G(!1), [A, j] = G(!!h), [M, N] = G(h ?? ""), P = d && (!f || b);
+	V(() => {
+		A || N(h ?? "");
 	}, [h, A]);
-	let P = () => {
+	let F = () => {
 		if (!d) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
-	}, te = () => {
+	}, I = () => {
 		if (d) {
 			if (T(""), D(null), C(!1), f) {
 				x(!1);
@@ -63,11 +63,11 @@ function rr(e) {
 			}
 			t();
 		}
-	}, ne = async (e) => {
+	}, ee = async (e) => {
 		if (d) {
 			D(null), k(!0);
 			try {
-				let t = await q(J(e, f && b ? "image-replace" : "image-insert"), c.onUpload);
+				let t = await K(Se(e, f && b ? "image-replace" : "image-insert"), c.onUpload);
 				s(ve(a.attrs, t)), x(!1), T("");
 			} catch (e) {
 				D(e instanceof Error ? e.message : u.uploadFailedError);
@@ -75,31 +75,31 @@ function rr(e) {
 				k(!1), C(!1);
 			}
 		}
-	}, F = () => {
+	}, L = () => {
 		if (d) {
 			if (!w.trim()) {
 				D(u.uploadRequiredError);
 				return;
 			}
-			ne(me(w));
+			ee(he(w));
 		}
-	}, I = (e) => {
-		!d || !e || ne({
+	}, R = (e) => {
+		!d || !e || ee({
 			type: "file",
 			file: e,
 			mimeType: e.type
 		});
+	}, te = (e) => {
+		R(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
+	}, z = (e) => {
+		e.preventDefault(), e.stopPropagation(), d && R(e.dataTransfer.files?.[0] ?? null);
+	}, ne = () => {
+		d && (j((e) => !e), A || N(h ?? ""));
 	}, re = (e) => {
-		I(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
-	}, L = (e) => {
-		e.preventDefault(), e.stopPropagation(), d && I(e.dataTransfer.files?.[0] ?? null);
-	}, R = () => {
-		d && (j((e) => !e), A || M(h ?? ""));
-	}, ie = (e) => {
-		d && (M(e), s({ caption: e.trim() ? e : null }));
-	}, ae = (e, t) => {
+		d && (N(e), s({ caption: e.trim() ? e : null }));
+	}, ie = (e, t) => {
 		if (t.preventDefault(), t.stopPropagation(), !d) return;
-		P();
+		F();
 		let n = g.current;
 		if (!n) return;
 		let r = t.clientX, i = n.getBoundingClientRect().width || m || 320, a = n.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? n.parentElement?.getBoundingClientRect().width ?? i, o = (t) => {
@@ -117,35 +117,35 @@ function rr(e) {
 		"data-align": p,
 		"data-selected": d && o ? "true" : "false",
 		"data-hovered": d && v ? "true" : "false",
-		"data-empty": N ? "true" : "false",
+		"data-empty": P ? "true" : "false",
 		onPointerEnter: () => y(!0),
 		onPointerLeave: () => y(!1),
 		onMouseDown: (e) => {
-			d && !nr(e.target) && P();
+			d && !ir(e.target) && F();
 		},
-		children: N ? /* @__PURE__ */ Z(ir, {
+		children: P ? /* @__PURE__ */ Z(or, {
 			dragActive: S,
 			error: E,
 			inputValue: w,
 			isSubmitting: O,
 			fileInputRef: _,
 			messages: l,
-			onCancel: te,
-			onDrop: L,
+			onCancel: I,
+			onDrop: z,
 			onDragActiveChange: C,
-			onFileChange: re,
+			onFileChange: te,
 			onInputChange: T,
-			onSubmit: F
+			onSubmit: L
 		}) : /* @__PURE__ */ Q(X, { children: [
-			d ? /* @__PURE__ */ Z(ar, {
+			d ? /* @__PURE__ */ Z(sr, {
 				align: p,
 				captionActive: A || !!h,
 				messages: l,
 				onAlign: (e) => s({ align: e }),
-				onCaption: R,
+				onCaption: ne,
 				onDelete: t,
 				onDownload: () => {
-					f && Ce(f);
+					f && J(f);
 				},
 				onReplace: () => {
 					T(""), D(null), x(!0);
@@ -167,15 +167,15 @@ function rr(e) {
 						"data-testid": "markweave-image-readonly-empty",
 						"aria-hidden": "true"
 					}),
-					d ? /* @__PURE__ */ Z(sr, {
+					d ? /* @__PURE__ */ Z(lr, {
 						side: "left",
 						messages: l,
-						onPointerDown: ae
+						onPointerDown: ie
 					}) : null,
-					d ? /* @__PURE__ */ Z(sr, {
+					d ? /* @__PURE__ */ Z(lr, {
 						side: "right",
 						messages: l,
-						onPointerDown: ae
+						onPointerDown: ie
 					}) : null
 				]
 			}),
@@ -183,10 +183,10 @@ function rr(e) {
 				className: "markweave-image-caption-input",
 				"data-markweave-image-ui": "true",
 				"data-testid": "markweave-image-caption-input",
-				value: ee,
+				value: M,
 				placeholder: u.captionPlaceholder,
 				"aria-label": u.captionAriaLabel,
-				onChange: (e) => ie(e.currentTarget.value),
+				onChange: (e) => re(e.currentTarget.value),
 				onKeyDown: (e) => {
 					e.key === "Escape" && (e.preventDefault(), j(!1));
 				}
@@ -198,7 +198,7 @@ function rr(e) {
 		] })
 	});
 }
-function ir({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
+function or({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
 	let f = a.image;
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-image-upload-placeholder",
@@ -280,7 +280,7 @@ function ir({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-function ar({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i, onDelete: a, onDownload: s, onReplace: u }) {
+function sr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i, onDelete: a, onDownload: s, onReplace: u }) {
 	let d = n.image;
 	return /* @__PURE__ */ Q("div", {
 		className: "markweave-image-toolbar",
@@ -288,21 +288,21 @@ function ar({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 		"data-markweave-image-ui": "true",
 		"aria-label": d.toolsAriaLabel,
 		children: [
-			/* @__PURE__ */ Z(or, {
+			/* @__PURE__ */ Z(cr, {
 				testId: "markweave-image-align-left",
 				label: d.alignLeft,
 				icon: c,
 				active: e === "left",
 				onClick: () => r("left")
 			}),
-			/* @__PURE__ */ Z(or, {
+			/* @__PURE__ */ Z(cr, {
 				testId: "markweave-image-align-center",
 				label: d.alignCenter,
 				icon: o,
 				active: e === "center",
 				onClick: () => r("center")
 			}),
-			/* @__PURE__ */ Z(or, {
+			/* @__PURE__ */ Z(cr, {
 				testId: "markweave-image-align-right",
 				label: d.alignRight,
 				icon: l,
@@ -313,30 +313,30 @@ function ar({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(or, {
+			/* @__PURE__ */ Z(cr, {
 				testId: "markweave-image-caption",
 				label: d.caption,
 				icon: f,
 				active: t,
 				onClick: i
 			}),
-			/* @__PURE__ */ Z(or, {
+			/* @__PURE__ */ Z(cr, {
 				testId: "markweave-image-download",
 				label: d.download,
 				icon: b,
 				onClick: s
 			}),
-			/* @__PURE__ */ Z(or, {
+			/* @__PURE__ */ Z(cr, {
 				testId: "markweave-image-replace",
 				label: d.replace,
-				icon: re,
+				icon: te,
 				onClick: u
 			}),
 			/* @__PURE__ */ Z("span", {
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(or, {
+			/* @__PURE__ */ Z(cr, {
 				testId: "markweave-image-delete",
 				label: d.delete,
 				icon: le,
@@ -345,7 +345,7 @@ function ar({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 		]
 	});
 }
-function or({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
+function cr({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
 		"aria-label": n,
@@ -364,7 +364,7 @@ function or({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 		})]
 	});
 }
-function sr({ messages: e, onPointerDown: t, side: n }) {
+function lr({ messages: e, onPointerDown: t, side: n }) {
 	return /* @__PURE__ */ Z("button", {
 		type: "button",
 		className: "markweave-image-resize-handle",
@@ -375,7 +375,7 @@ function sr({ messages: e, onPointerDown: t, side: n }) {
 		onPointerDown: (e) => t(n, e)
 	});
 }
-var cr = ge.extend({
+var ur = _e.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -384,28 +384,28 @@ var cr = ge.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : r(rr, { stopEvent: ({ event: e }) => nr(e.target) });
+		return typeof document > "u" ? null : r(ar, { stopEvent: ({ event: e }) => ir(e.target) });
 	}
 });
 //#endregion
 //#region src/media/video-node.tsx
-function lr(e) {
+function dr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function ur(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: a, selected: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? ke("zh"), u = l.video, d = Me(er(r)), f = Y(a.attrs.src), p = Y(a.attrs.embedUrl), m = Y(a.attrs.provider), h = p ? Ee(p, m) : null, g = Y(a.attrs.mimeType), _ = Y(a.attrs.title), v = G(null), [y, b] = K(!1), [x, S] = K(""), [C, w] = K(null), [T, E] = K(!1), D = d && !f, O = () => {
+function fr(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: a, selected: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? ke("zh"), u = l.video, d = Me(nr(r)), f = Y(a.attrs.src), p = Y(a.attrs.embedUrl), m = Y(a.attrs.provider), h = p ? Ee(p, m) : null, g = Y(a.attrs.mimeType), _ = Y(a.attrs.title), v = W(null), [y, b] = G(!1), [x, S] = G(""), [C, w] = G(null), [T, E] = G(!1), D = d && !f, O = () => {
 		if (!d) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
 	}, k = (e) => {
-		d && (lr(e.target) || (e.preventDefault(), O()));
+		d && (dr(e.target) || (e.preventDefault(), O()));
 	}, A = (e) => {
 		d && (e.key === "Delete" || e.key === "Backspace") && o && (e.preventDefault(), t());
 	}, j = async (e) => {
 		if (!(!d || !e)) {
 			w(null), E(!0);
 			try {
-				let t = await q(Se({
+				let t = await K(Ce({
 					type: "file",
 					file: e,
 					mimeType: e.type
@@ -424,7 +424,7 @@ function ur(e) {
 		"data-testid": "markweave-video-node",
 		"data-empty": "true",
 		"data-selected": "false",
-		children: /* @__PURE__ */ Z(dr, {
+		children: /* @__PURE__ */ Z(pr, {
 			dragActive: y,
 			error: C,
 			fileInputRef: v,
@@ -503,7 +503,7 @@ function ur(e) {
 		})
 	});
 }
-function dr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
+function pr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
 	let f = a.video;
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-video-upload-placeholder",
@@ -530,7 +530,7 @@ function dr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 			/* @__PURE__ */ Z("div", {
 				className: "markweave-video-upload-icon",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ Z(fe, {
+				children: /* @__PURE__ */ Z(pe, {
 					size: 46,
 					strokeWidth: 1.6
 				})
@@ -565,7 +565,7 @@ function dr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 						"data-testid": "markweave-video-upload-submit",
 						disabled: i || !r.trim(),
 						onClick: d,
-						children: [/* @__PURE__ */ Z(B, {
+						children: [/* @__PURE__ */ Z(fe, {
 							size: 16,
 							strokeWidth: 1.8
 						}), a.common.insert]
@@ -585,7 +585,7 @@ function dr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-var fr = _e.extend({
+var mr = q.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -594,17 +594,17 @@ var fr = _e.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : r(ur, { stopEvent: ({ event: e }) => lr(e.target) });
+		return typeof document > "u" ? null : r(fr, { stopEvent: ({ event: e }) => dr(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function pr(t = {}) {
+function hr(t = {}) {
 	return e({
 		lang: t.lang,
 		mediaExtensions: Ie({
-			image: cr,
-			video: fr,
+			image: ur,
+			video: mr,
 			lang: t.lang,
 			onImageUpload: t.onImageUpload,
 			onVideoUpload: t.onVideoUpload
@@ -613,7 +613,7 @@ function pr(t = {}) {
 }
 //#endregion
 //#region src/ui/codeblock/CodeBlockControls.tsx
-function mr(e) {
+function gr(e) {
 	return e === "clipboard" ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("path", { d: "M9 4.5h6a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 15 18.5H7A1.5 1.5 0 0 1 5.5 17V6A1.5 1.5 0 0 1 7 4.5h2" }), /* @__PURE__ */ Z("path", { d: "M8.5 5.5v-1A1.5 1.5 0 0 1 10 3h2a1.5 1.5 0 0 1 1.5 1.5v1h-5Z" })] }) : e === "search" ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("circle", {
 		cx: "10",
 		cy: "10",
@@ -650,7 +650,7 @@ function mr(e) {
 		/* @__PURE__ */ Z("path", { d: "m14 14 4 4" })
 	] }) : e === "reset" ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), /* @__PURE__ */ Z("path", { d: "M6.5 8.5H3.5v-3" })] }) : /* @__PURE__ */ Z("path", { d: "m6 9 6 6 6-6" });
 }
-function hr({ icon: e }) {
+function _r({ icon: e }) {
 	return /* @__PURE__ */ Z("svg", {
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
@@ -661,23 +661,23 @@ function hr({ icon: e }) {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: "1.8",
-			children: mr(e)
+			children: gr(e)
 		})
 	});
 }
-function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
-	let a = G(null), o = G(null), s = G(null), c = G({
+function vr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
+	let a = W(null), o = W(null), s = W(null), c = W({
 		active: !1,
 		lastX: 0,
 		lastY: 0
-	}), [l, u] = K(null), [d, f] = K(null), [p, m] = K([]), [h, g] = K(null), [_, v] = K(!1), [y, b] = K(""), [x, S] = K(null), [C, w] = K(!1), [T, E] = K(null), [D, O] = K(null), [k, A] = K(!1), [j, ee] = K(0), [M, N] = K(0), P = et(t), te = Qt(t, l), ne = !i && e && P.active && P.pos !== null ? {
-		...P,
-		pos: P.pos,
+	}), [l, u] = G(null), [d, f] = G(null), [p, m] = G([]), [h, g] = G(null), [_, v] = G(!1), [y, b] = G(""), [x, S] = G(null), [C, w] = G(!1), [T, E] = G(null), [D, O] = G(null), [k, A] = G(!1), [j, M] = G(0), [N, P] = G(0), F = et(t), I = Qt(t, l), ee = !i && e && F.active && F.pos !== null ? {
+		...F,
+		pos: F.pos,
 		active: !0
-	} : null, F = te ?? ne, I = F !== null, re = F?.language === "mermaid", L = nn(t, F), R = I && F !== null && !L, ie = !i, ae = Kt(F ? F.language : "text"), oe = x?.status ?? "idle", se = F?.mermaidPreviewMode ?? n, ce = re && se === "preview", z = en(t), le = `${M}|${z.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, ue = W(() => Xt(y.trim().toLowerCase()), [y]);
-	if (H(() => {
+	} : null, L = I ?? ee, R = L !== null, te = L?.language === "mermaid", z = nn(t, L), ne = R && L !== null && !z, re = !i, ie = Kt(L ? L.language : "text"), ae = x?.status ?? "idle", oe = L?.mermaidPreviewMode ?? n, se = te && oe === "preview", ce = en(t), le = `${N}|${ce.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, ue = U(() => Xt(y.trim().toLowerCase()), [y]);
+	if (V(() => {
 		i && (v(!1), b(""));
-	}, [i]), H(() => {
+	}, [i]), V(() => {
 		if (!x) return;
 		let e = window.setTimeout(() => {
 			S(null);
@@ -685,21 +685,21 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [x]), H(() => {
+	}, [x]), V(() => {
 		S(null), v(!1), b(""), E(null), O(null), A(!1);
 	}, [
 		e,
-		F?.language,
-		F?.pos,
-		F?.text
-	]), H(() => {
+		L?.language,
+		L?.pos,
+		L?.text
+	]), V(() => {
 		let e = ({ transaction: e }) => {
-			e.getMeta(Qe) && ee((e) => e + 1);
+			e.getMeta(Qe) && M((e) => e + 1);
 		};
 		return t.on("transaction", e), () => {
 			t.off("transaction", e);
 		};
-	}, [t]), H(() => {
+	}, [t]), V(() => {
 		let e = t.view.dom.closest(".markweave-editor-frame");
 		if (!e) return;
 		let n = (e) => {
@@ -712,9 +712,9 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		return e.addEventListener("mousemove", n), e.addEventListener("mouseleave", r), () => {
 			e.removeEventListener("mousemove", n), e.removeEventListener("mouseleave", r);
 		};
-	}, [t, _]), H(() => {
+	}, [t, _]), V(() => {
 		_ && s.current?.focus({ preventScroll: !0 });
-	}, [_]), H(() => {
+	}, [_]), V(() => {
 		if (!T) return;
 		let e = (e) => {
 			e.key === "Escape" && (E(null), O(null), A(!1), c.current = {
@@ -726,8 +726,8 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		return document.addEventListener("keydown", e), () => {
 			document.removeEventListener("keydown", e);
 		};
-	}, [t, T]), H(() => {
-		if (!I || !_) return;
+	}, [t, T]), V(() => {
+		if (!R || !_) return;
 		let e = (e) => {
 			e.key === "Escape" && (v(!1), t.view.focus());
 		}, n = (e) => {
@@ -737,22 +737,22 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			document.removeEventListener("keydown", e), document.removeEventListener("mousedown", n);
 		};
 	}, [
-		I,
+		R,
 		t,
 		_
-	]), U(() => {
+	]), H(() => {
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			if (!$t(e) || z.length === 0) {
+			if (!$t(e) || ce.length === 0) {
 				m([]);
 				return;
 			}
-			let n = e.getBoundingClientRect(), r = z.flatMap((e) => {
+			let n = e.getBoundingClientRect(), r = ce.flatMap((e) => {
 				let r = Yt(Jt(t, e.pos, e.mermaidPreviewMode), n);
 				return r ? [Wt(e, r, n)] : [];
 			});
-			m((e) => rn(e, r, z.map((e) => e.pos)));
+			m((e) => rn(e, r, ce.map((e) => e.pos)));
 		};
 		e();
 		let n = window.requestAnimationFrame(e);
@@ -763,20 +763,20 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		j,
 		t,
 		le
-	]), U(() => {
-		if (!R || !F) {
+	]), H(() => {
+		if (!ne || !L) {
 			f(null), g(null);
 			return;
 		}
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			let n = Jt(t, F.pos, se), r = e.getBoundingClientRect(), i = Yt(n, r);
+			let n = Jt(t, L.pos, oe), r = e.getBoundingClientRect(), i = Yt(n, r);
 			if (!i) {
-				f((e) => e?.pos === F.pos ? e : null), g((e) => _ ? e : null);
+				f((e) => e?.pos === L.pos ? e : null), g((e) => _ ? e : null);
 				return;
 			}
-			let s = Ht(F.pos, i, r);
+			let s = Ht(L.pos, i, r);
 			if (f(s), _ && o.current) {
 				let e = o.current.getBoundingClientRect();
 				g(Rt({
@@ -791,72 +791,72 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
-		R,
+		ne,
 		j,
-		F?.pos,
+		L?.pos,
 		t,
 		_,
-		se
-	]), !R && z.length === 0 && !T) return null;
+		oe
+	]), !ne && ce.length === 0 && !T) return null;
 	let de = d ? {
 		top: d.top,
 		right: d.right
-	} : void 0, B = async () => {
+	} : void 0, fe = async () => {
 		if (i) {
-			if (!F) return;
-			let e = await Vt(F.text);
-			S(tt(F, e ? "copied" : "failed"));
+			if (!L) return;
+			let e = await Vt(L.text);
+			S(tt(L, e ? "copied" : "failed"));
 			return;
 		}
-		if (!Gt(t, F)) return;
+		if (!Gt(t, L)) return;
 		let e = await $e(t);
 		S(tt(et(t), e ? "copied" : "failed")), t.view.focus();
-	}, fe = (e, n) => {
+	}, pe = (e, n) => {
 		if (i) {
-			ct(t, e.pos, n) && N((e) => e + 1);
+			ct(t, e.pos, n) && P((e) => e + 1);
 			return;
 		}
-		let a = P.active && P.pos === e.pos;
-		at(t, e.pos, n) && (r(n), N((e) => e + 1), a && t.view.focus());
-	}, V = (e) => {
-		if (i || !F) return;
-		let n = P.active && P.pos === F.pos;
-		it(t, F.pos, e) && (e === "mermaid" && at(t, F.pos, "preview") && r("preview"), v(!1), b(""), N((e) => e + 1), n && t.view.focus());
-	}, pe = () => {
-		i || !F || rt(t, F.pos, !L) && (ee((e) => e + 1), u(null));
+		let a = F.active && F.pos === e.pos;
+		at(t, e.pos, n) && (r(n), P((e) => e + 1), a && t.view.focus());
+	}, B = (e) => {
+		if (i || !L) return;
+		let n = F.active && F.pos === L.pos;
+		it(t, L.pos, e) && (e === "mermaid" && at(t, L.pos, "preview") && r("preview"), v(!1), b(""), P((e) => e + 1), n && t.view.focus());
 	}, me = () => {
-		if (!F) return;
-		let e = tn(t, F.pos);
+		i || !L || rt(t, L.pos, !z) && (M((e) => e + 1), u(null));
+	}, he = () => {
+		if (!L) return;
+		let e = tn(t, L.pos);
 		if (!e) return;
 		let n = new Blob([e], { type: "image/svg+xml" }), r = URL.createObjectURL(n), i = document.createElement("a");
 		i.href = r, i.download = "markweave-mermaid.svg", i.click(), URL.revokeObjectURL(r), t.view.focus();
-	}, he = () => {
-		if (!F) return;
-		let e = tn(t, F.pos);
+	}, ge = () => {
+		if (!L) return;
+		let e = tn(t, L.pos);
 		e && (E(Ut(e)), O(null), A(!1), c.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		});
-	}, q = () => {
+	}, K = () => {
 		E(null), O(null), A(!1), c.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		}, t.view.focus();
-	}, ge = (e) => {
+	}, _e = (e) => {
 		E((t) => t && {
 			...t,
 			scale: zt(t.scale + e)
 		});
-	}, _e = () => {
+	}, q = () => {
 		E((e) => e && Ut(e.svg)), c.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		}, A(!1);
 	}, ve = (e) => {
-		e.preventDefault(), ge(e.deltaY < 0 ? an : -an);
+		e.preventDefault(), _e(e.deltaY < 0 ? an : -an);
 	}, ye = (e) => {
 		e.button === 0 && (e.preventDefault(), c.current = {
 			active: !0,
@@ -885,7 +885,7 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		"data-testid": "markweave-codeblock-overlay",
 		"data-read-only": i ? "true" : "false",
 		children: [
-			z.map((e) => {
+			ce.map((e) => {
 				let t = p.find((t) => t.pos === e.pos);
 				return /* @__PURE__ */ Z("div", {
 					className: "markweave-mermaid-tabs",
@@ -901,16 +901,16 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						"data-testid": `markweave-mermaid-mode-${t}`,
 						"data-active": e.mermaidPreviewMode === t,
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: () => fe(e, t),
+						onClick: () => pe(e, t),
 						children: t === "code" ? "Code" : "Preview"
 					}, t))
 				}, e.pos);
 			}),
-			R ? /* @__PURE__ */ Q("div", {
+			ne ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-controls",
 				"data-testid": "markweave-codeblock-controls",
 				"data-positioned": d ? "true" : "false",
-				"data-collapsed": L ? "true" : "false",
+				"data-collapsed": z ? "true" : "false",
 				"data-read-only": i ? "true" : "false",
 				"aria-label": "Code block controls",
 				style: de,
@@ -919,7 +919,7 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						className: "markweave-codeblock-language-button markweave-codeblock-language-label",
 						"aria-label": "Code block language",
 						"data-testid": "markweave-codeblock-language",
-						children: /* @__PURE__ */ Z("span", { children: ae })
+						children: /* @__PURE__ */ Z("span", { children: ie })
 					}) : /* @__PURE__ */ Q("button", {
 						ref: o,
 						type: "button",
@@ -930,18 +930,18 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						"data-testid": "markweave-codeblock-language",
 						onMouseDown: (e) => e.preventDefault(),
 						onClick: () => v((e) => !e),
-						children: [/* @__PURE__ */ Z("span", { children: ae }), /* @__PURE__ */ Z(hr, { icon: "chevron" })]
+						children: [/* @__PURE__ */ Z("span", { children: ie }), /* @__PURE__ */ Z(_r, { icon: "chevron" })]
 					}),
-					ie ? /* @__PURE__ */ Z("button", {
+					re ? /* @__PURE__ */ Z("button", {
 						type: "button",
 						className: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
-						"aria-label": L ? "Expand code block" : "Collapse code block",
-						title: L ? "Expand code block" : "Collapse code block",
+						"aria-label": z ? "Expand code block" : "Collapse code block",
+						title: z ? "Expand code block" : "Collapse code block",
 						"data-testid": "markweave-codeblock-collapse",
-						"data-collapsed": L ? "true" : "false",
+						"data-collapsed": z ? "true" : "false",
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: pe,
-						children: /* @__PURE__ */ Z(hr, { icon: "chevron" })
+						onClick: me,
+						children: /* @__PURE__ */ Z(_r, { icon: "chevron" })
 					}) : null,
 					/* @__PURE__ */ Q("span", {
 						className: "markweave-codeblock-copy-wrap",
@@ -950,14 +950,14 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							className: "markweave-codeblock-icon-button",
 							"aria-label": "Copy to clipboard",
 							"data-testid": "markweave-codeblock-copy",
-							"data-copy-state": oe,
+							"data-copy-state": ae,
 							onMouseDown: (e) => e.preventDefault(),
 							onMouseEnter: () => w(!0),
 							onMouseLeave: () => w(!1),
 							onFocus: () => w(!0),
 							onBlur: () => w(!1),
-							onClick: B,
-							children: /* @__PURE__ */ Z(hr, { icon: oe === "copied" ? "check" : "clipboard" })
+							onClick: fe,
+							children: /* @__PURE__ */ Z(_r, { icon: ae === "copied" ? "check" : "clipboard" })
 						}), C ? /* @__PURE__ */ Z("span", {
 							className: "markweave-codeblock-tooltip",
 							role: "tooltip",
@@ -965,7 +965,7 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							children: "Copy to clipboard"
 						}) : null]
 					}),
-					re && se === "preview" ? /* @__PURE__ */ Q("div", {
+					te && oe === "preview" ? /* @__PURE__ */ Q("div", {
 						className: "markweave-mermaid-preview-actions",
 						"data-testid": "markweave-mermaid-preview-actions",
 						children: [/* @__PURE__ */ Z("button", {
@@ -973,24 +973,24 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							className: "markweave-codeblock-icon-button",
 							"aria-label": "Fullscreen Mermaid preview",
 							"data-testid": "markweave-mermaid-fullscreen",
-							disabled: !ce,
+							disabled: !se,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: he,
-							children: /* @__PURE__ */ Z(hr, { icon: "expand" })
+							onClick: ge,
+							children: /* @__PURE__ */ Z(_r, { icon: "expand" })
 						}), /* @__PURE__ */ Z("button", {
 							type: "button",
 							className: "markweave-codeblock-icon-button",
 							"aria-label": "Download Mermaid SVG",
 							"data-testid": "markweave-mermaid-download",
-							disabled: !ce,
+							disabled: !se,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: me,
-							children: /* @__PURE__ */ Z(hr, { icon: "download" })
+							onClick: he,
+							children: /* @__PURE__ */ Z(_r, { icon: "download" })
 						})]
 					}) : null
 				]
 			}) : null,
-			ie && R && _ ? /* @__PURE__ */ Q("div", {
+			re && ne && _ ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-language-menu",
 				role: "listbox",
 				"aria-label": "Code block languages",
@@ -1011,11 +1011,11 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						onKeyDown: (e) => {
 							e.key === "Escape" && (e.preventDefault(), v(!1), t.view.focus());
 						}
-					}), /* @__PURE__ */ Z(hr, { icon: "search" })]
+					}), /* @__PURE__ */ Z(_r, { icon: "search" })]
 				}), /* @__PURE__ */ Z("div", {
 					className: "markweave-codeblock-language-list",
 					children: ue.map((e) => {
-						let t = e.language === F.language;
+						let t = e.language === L.language;
 						return /* @__PURE__ */ Q("button", {
 							type: "button",
 							role: "option",
@@ -1023,8 +1023,8 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							"data-testid": `markweave-codeblock-language-option-${e.language}`,
 							"data-active": t ? "true" : "false",
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: () => V(e.language),
-							children: [/* @__PURE__ */ Z("span", { children: e.label }), t ? /* @__PURE__ */ Z(hr, { icon: "check" }) : null]
+							onClick: () => B(e.language),
+							children: [/* @__PURE__ */ Z("span", { children: e.label }), t ? /* @__PURE__ */ Z(_r, { icon: "check" }) : null]
 						}, e.language);
 					})
 				})]
@@ -1049,8 +1049,8 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onMouseLeave: () => O(null),
 								onFocus: () => O("zoom-out"),
 								onBlur: () => O(null),
-								onClick: () => ge(-an),
-								children: /* @__PURE__ */ Z(hr, { icon: "zoomOut" })
+								onClick: () => _e(-an),
+								children: /* @__PURE__ */ Z(_r, { icon: "zoomOut" })
 							}),
 							/* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-zoom-label",
@@ -1066,8 +1066,8 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onMouseLeave: () => O(null),
 								onFocus: () => O("zoom-in"),
 								onBlur: () => O(null),
-								onClick: () => ge(an),
-								children: /* @__PURE__ */ Z(hr, { icon: "zoomIn" })
+								onClick: () => _e(an),
+								children: /* @__PURE__ */ Z(_r, { icon: "zoomIn" })
 							}),
 							/* @__PURE__ */ Z("button", {
 								type: "button",
@@ -1078,8 +1078,8 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onMouseLeave: () => O(null),
 								onFocus: () => O("reset"),
 								onBlur: () => O(null),
-								onClick: _e,
-								children: /* @__PURE__ */ Z(hr, { icon: "reset" })
+								onClick: q,
+								children: /* @__PURE__ */ Z(_r, { icon: "reset" })
 							}),
 							D ? /* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-tooltip",
@@ -1094,8 +1094,8 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						className: "markweave-mermaid-fullscreen-close",
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
-						onClick: q,
-						children: /* @__PURE__ */ Z(hr, { icon: "close" })
+						onClick: K,
+						children: /* @__PURE__ */ Z(_r, { icon: "close" })
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "markweave-mermaid-fullscreen-viewport",
@@ -1126,25 +1126,25 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 }
 //#endregion
 //#region src/ui/floating-toolbar/FloatingToolbar.tsx
-var _r = ke("zh");
-function vr() {
+var yr = ke("zh");
+function br() {
 	return typeof performance > "u" ? Date.now() : performance.now();
 }
-function yr(e, t) {
+function xr(e, t) {
 	return {
 		"--markweave-toolbar-motion-duration": `${e.motionDurationMs}ms`,
 		"--markweave-toolbar-motion-easing": e.motionEasing,
 		marginLeft: t === 0 ? void 0 : `${t}px`
 	};
 }
-function br(e, t) {
+function Sr(e, t) {
 	let n = e?.getBoundingClientRect().height ?? 0, r = t?.getBoundingClientRect().height ?? 0;
 	return Math.max(n, r, 44);
 }
-function xr(e) {
+function Cr(e) {
 	if (e !== null) return { "--markweave-floating-toolbar-tooltip-left": `${e}px` };
 }
-function Sr(e, t, n, r) {
+function wr(e, t, n, r) {
 	let i = {
 		bottom: t + r,
 		height: r,
@@ -1160,26 +1160,26 @@ function Sr(e, t, n, r) {
 		toJSON: () => i
 	};
 }
-function Cr(e) {
+function Tr(e) {
 	return e.width > 0 && e.height > 0;
 }
-function wr(e) {
+function Er(e) {
 	let t = Math.min(...e.map((e) => e.left)), n = Math.min(...e.map((e) => e.top)), r = Math.max(...e.map((e) => e.right)), i = Math.max(...e.map((e) => e.bottom));
-	return Sr(t, n, r - t, i - n);
+	return wr(t, n, r - t, i - n);
 }
-function Tr(e, t) {
+function Dr(e, t) {
 	let n = e.view.dom.ownerDocument.defaultView?.Node.ELEMENT_NODE ?? 1, r = (t) => t ? e.view.dom.contains(t.nodeType === n ? t : t.parentNode) : !1;
 	return r(t.anchorNode) && r(t.focusNode);
 }
-function Er(e) {
+function Or(e) {
 	if (typeof e.getClientRects != "function") return null;
-	let t = Array.from(e.getClientRects()).filter(Cr).map((e) => Sr(e.left, e.top, e.width, e.height));
+	let t = Array.from(e.getClientRects()).filter(Tr).map((e) => wr(e.left, e.top, e.width, e.height));
 	if (t.length > 0) return t;
 	if (typeof e.getBoundingClientRect != "function") return null;
 	let n = e.getBoundingClientRect();
-	return Cr(n) ? [Sr(n.left, n.top, n.width, n.height)] : null;
+	return Tr(n) ? [wr(n.left, n.top, n.width, n.height)] : null;
 }
-function Dr(e, t) {
+function kr(e, t) {
 	if (t.rangeCount === 0) return null;
 	let n = t.getRangeAt(0);
 	try {
@@ -1192,8 +1192,8 @@ function Dr(e, t) {
 		return null;
 	}
 }
-function Or(e, t) {
-	let n = Dr(e, t);
+function Ar(e, t) {
+	let n = kr(e, t);
 	if (!n) return !1;
 	let { selection: r } = e.state, i = {
 		from: Math.min(r.from, r.to),
@@ -1201,51 +1201,51 @@ function Or(e, t) {
 	};
 	return n.from === i.from && n.to === i.to;
 }
-function kr(e) {
+function jr(e) {
 	let t = e.view.dom.ownerDocument.getSelection();
-	return !t || t.rangeCount === 0 || t.isCollapsed || !Tr(e, t) || !Or(e, t) ? null : Er(t.getRangeAt(0));
+	return !t || t.rangeCount === 0 || t.isCollapsed || !Dr(e, t) || !Ar(e, t) ? null : Or(t.getRangeAt(0));
 }
-function Ar(e) {
+function Mr(e) {
 	let { selection: t } = e.state;
 	if (t.empty) return null;
 	let n = Math.min(t.from, t.to), r = Math.max(t.from, t.to);
 	try {
 		let t = e.view.domAtPos(n), i = e.view.domAtPos(r), a = e.view.dom.ownerDocument.createRange();
-		return a.setStart(t.node, t.offset), a.setEnd(i.node, i.offset), Er(a);
+		return a.setStart(t.node, t.offset), a.setEnd(i.node, i.offset), Or(a);
 	} catch {
 		return null;
 	}
 }
-function jr(e) {
+function Nr(e) {
 	let { selection: t } = e.state;
 	if (t.empty) return null;
-	let n = Math.min(t.from, t.to), r = Math.max(t.from, t.to), i = e.view.coordsAtPos(n), a = e.view.coordsAtPos(r, -1), o = Math.min(i.top, a.top), s = Math.max(i.bottom, a.bottom), c = Math.min(i.left, a.left), l = Sr(c, o, Math.max(i.right, a.right) - c, s - o);
-	return Cr(l) ? [l] : null;
+	let n = Math.min(t.from, t.to), r = Math.max(t.from, t.to), i = e.view.coordsAtPos(n), a = e.view.coordsAtPos(r, -1), o = Math.min(i.top, a.top), s = Math.max(i.bottom, a.bottom), c = Math.min(i.left, a.left), l = wr(c, o, Math.max(i.right, a.right) - c, s - o);
+	return Tr(l) ? [l] : null;
 }
-function Mr(e) {
-	return kr(e) ?? Ar(e) ?? jr(e);
+function Pr(e) {
+	return jr(e) ?? Mr(e) ?? Nr(e);
 }
-function Nr(e) {
-	let t = Mr(e);
-	return t && t.length > 0 ? wr(t) : null;
+function Fr(e) {
+	let t = Pr(e);
+	return t && t.length > 0 ? Er(t) : null;
 }
-function Pr(e) {
+function Ir(e) {
 	return {
-		getBoundingClientRect: () => Nr(e) ?? Sr(0, 0, 0, 0),
-		getClientRects: () => Mr(e) ?? []
+		getBoundingClientRect: () => Fr(e) ?? wr(0, 0, 0, 0),
+		getClientRects: () => Pr(e) ?? []
 	};
 }
-function Fr(e) {
+function Lr(e) {
 	return e === "block-type" || e === "link" || e === "color" || e === "more";
 }
-function Ir(e, t, n) {
+function Rr(e, t, n) {
 	n?.(ln(e, t)), e.commands.focus();
 }
-function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelection: r }) {
-	let i = W(() => mn(t), [t]), a = Ye(n, { editable: e.isEditable }), [o, s] = K(a), [c, l] = K(null), [u, d] = K(null), [f, p] = K(null), [m, h] = K(""), [g, _] = K(""), [v, y] = K(null), [b, x] = K(0), [S, C] = K(a.boundaryPadding), w = G(0), T = G(null), E = G(null), D = G(null), O = un(e, o.variant, t), k = gn(O.find((e) => e.id === c) ?? null), A = Dn(m), j = V(() => {
+function zr({ editor: e, messages: t = yr, selectionSnapshot: n, onRewriteSelection: r }) {
+	let i = U(() => mn(t), [t]), a = Ye(n, { editable: e.isEditable }), [o, s] = G(a), [c, l] = G(null), [u, d] = G(null), [f, p] = G(null), [m, h] = G(""), [g, _] = G(""), [v, y] = G(null), [b, x] = G(0), [S, C] = G(a.boundaryPadding), w = W(0), T = W(null), E = W(null), D = W(null), O = un(e, o.variant, t), k = gn(O.find((e) => e.id === c) ?? null), A = Dn(m), j = B(() => {
 		let t = T.current, n = e.view.dom.closest(".markweave-editor-frame");
 		if (!t || !(n instanceof HTMLElement)) return;
-		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = br(t, E.current), s = w.current, c = Ge({
+		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = Sr(t, E.current), s = w.current, c = Ge({
 			toolbarRect: {
 				left: r.left - s,
 				top: r.top,
@@ -1278,22 +1278,22 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		o.boundaryPadding,
 		o.offset
-	]), ee = V(() => {
+	]), M = B(() => {
 		T.current && (T.current.style.visibility = "hidden", T.current.style.opacity = "0");
-	}, []), M = V(() => {
+	}, []), N = B(() => {
 		j();
-	}, [j]), N = V(() => Pr(e), [e]), P = W(() => ({
+	}, [j]), P = B(() => Ir(e), [e]), F = U(() => ({
 		...Je(o, { topBoundaryPadding: S }),
-		onShow: ee,
-		onUpdate: M
+		onShow: M,
+		onUpdate: N
 	}), [
-		ee,
 		M,
+		N,
 		o,
 		S
 	]);
-	H(() => {
-		let e = vr();
+	V(() => {
+		let e = br();
 		s((t) => Ze(t, a, e));
 	}, [
 		a.hiddenReason,
@@ -1306,10 +1306,10 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 		a.updateDelayMs,
 		a.variant,
 		a.visibility
-	]), H(() => {
+	]), V(() => {
 		if (o.motionStartedAtMs === null || o.motionDurationMs <= 0) return;
-		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - vr()), t = window.setTimeout(() => {
-			s((e) => We(e, vr()));
+		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - br()), t = window.setTimeout(() => {
+			s((e) => We(e, br()));
 		}, e);
 		return () => {
 			window.clearTimeout(t);
@@ -1318,7 +1318,7 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 		o.motionDurationMs,
 		o.motionPhase,
 		o.motionStartedAtMs
-	]), U(() => {
+	]), H(() => {
 		if (o.visibility !== "visible") {
 			w.current = 0, T.current && (T.current.style.marginLeft = "", T.current.style.visibility = "hidden", T.current.style.opacity = "0"), x(0), C(o.boundaryPadding);
 			return;
@@ -1336,14 +1336,14 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 		o.variant,
 		o.visibility,
 		O.length
-	]), H(() => {
+	]), V(() => {
 		f === "more" && i.some((e) => e.id === c) || O.some((e) => e.id === c) || (l(null), d(null));
 	}, [
 		i,
 		f,
 		c,
 		O
-	]), H(() => {
+	]), V(() => {
 		if (!f) return;
 		let t = (e) => {
 			E.current?.contains(e.target) || p(null);
@@ -1353,15 +1353,15 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 		return document.addEventListener("pointerdown", t, !0), document.addEventListener("keydown", n, !0), () => {
 			document.removeEventListener("pointerdown", t, !0), document.removeEventListener("keydown", n, !0);
 		};
-	}, [e, f]), H(() => {
+	}, [e, f]), V(() => {
 		if (f !== "link") return;
 		let e = window.requestAnimationFrame(() => {
 			D.current?.focus(), D.current?.select();
 		});
 		return () => window.cancelAnimationFrame(e);
 	}, [f]);
-	let te = (t) => {
-		if (Fr(t.id)) {
+	let I = (t) => {
+		if (Lr(t.id)) {
 			let n = t.id;
 			if (n === "link") {
 				let t = fn(e);
@@ -1374,23 +1374,23 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 			return;
 		}
 		if (p(null), t.id === "improve") {
-			Ir(e, "rewrite-selection", r);
+			Rr(e, "rewrite-selection", r);
 			return;
 		}
 		t.run(), e.commands.focus();
-	}, ne = () => {
+	}, ee = () => {
 		p(null), e.commands.focus();
-	}, F = () => {
+	}, L = () => {
 		v && e.commands.setTextSelection(v);
-	}, I = () => {
-		F(), cn(e, m) && ne();
-	}, re = () => {
-		if (F(), Sn(e)) {
-			h(""), _(""), ne();
+	}, R = () => {
+		L(), cn(e, m) && ee();
+	}, te = () => {
+		if (L(), Sn(e)) {
+			h(""), _(""), ee();
 			return;
 		}
 		m.trim() && h("");
-	}, L = (e, t) => {
+	}, z = (e, t) => {
 		if (l(e), !e || !t || !E.current) {
 			d(null);
 			return;
@@ -1403,34 +1403,34 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 		editor: e,
 		className: `markweave-floating-toolbar markweave-floating-toolbar--${o.variant} markweave-floating-toolbar--motion-${o.motionPhase}`,
 		"data-motion": o.motionPhase,
-		"data-position-strategy": P.strategy,
+		"data-position-strategy": F.strategy,
 		"data-boundary-padding": o.boundaryPadding,
 		"data-testid": "markweave-floating-toolbar",
-		style: yr(o, b),
+		style: xr(o, b),
 		updateDelay: 0,
-		getReferencedVirtualElement: N,
-		options: P,
+		getReferencedVirtualElement: P,
+		options: F,
 		shouldShow: ({ editor: e }) => e.isEditable && Xe(qe(e)),
 		children: /* @__PURE__ */ Q("div", {
 			ref: E,
 			className: "markweave-floating-toolbar-content",
 			"data-menu": f ?? "none",
 			children: [
-				O.map((e, t) => /* @__PURE__ */ Z(zr, {
+				O.map((e, t) => /* @__PURE__ */ Z(Vr, {
 					button: e,
 					expanded: f === e.id,
 					showDivider: t > 0 && O[t - 1].group !== e.group,
 					tooltipActive: c === e.id,
 					onPointerDown: xn,
-					onTooltipChange: L,
-					onRun: te
+					onTooltipChange: z,
+					onRun: I
 				}, e.id)),
-				f === "block-type" ? /* @__PURE__ */ Z(Vr, {
+				f === "block-type" ? /* @__PURE__ */ Z(Ur, {
 					editor: e,
 					messages: t,
 					onClose: () => p(null)
 				}) : null,
-				f === "link" ? /* @__PURE__ */ Z(Rr, {
+				f === "link" ? /* @__PURE__ */ Z(Br, {
 					inputRef: D,
 					messages: t,
 					value: m,
@@ -1438,16 +1438,16 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 					canOpen: !!A,
 					canRemove: !!(g || m.trim()),
 					onValueChange: h,
-					onApply: I,
+					onApply: R,
 					onOpen: () => bn(m),
-					onRemove: re
+					onRemove: te
 				}) : null,
-				f === "color" ? /* @__PURE__ */ Z(Ur, {
+				f === "color" ? /* @__PURE__ */ Z(Gr, {
 					editor: e,
 					messages: t,
 					onClose: () => p(null)
 				}) : null,
-				f === "more" ? /* @__PURE__ */ Z(Gr, {
+				f === "more" ? /* @__PURE__ */ Z(qr, {
 					editor: e,
 					messages: t,
 					activeTooltipId: c,
@@ -1460,14 +1460,14 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 					"data-testid": "markweave-floating-toolbar-tooltip",
 					"data-button-id": k.buttonId,
 					"data-active": k.active,
-					style: xr(u),
+					style: Cr(u),
 					children: k.label
 				}) : null
 			]
 		})
 	});
 }
-function Rr({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l }) {
+function Br({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l }) {
 	let u = pn(t);
 	return /* @__PURE__ */ Q("form", {
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-link-popover",
@@ -1519,7 +1519,7 @@ function Rr({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 		})]
 	});
 }
-function zr({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointerDown: i, onTooltipChange: a, onRun: o }) {
+function Vr({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointerDown: i, onTooltipChange: a, onRun: o }) {
 	return /* @__PURE__ */ Q(X, { children: [n ? /* @__PURE__ */ Z("span", {
 		className: "markweave-floating-toolbar-divider",
 		"aria-hidden": "true"
@@ -1527,7 +1527,7 @@ function zr({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointe
 		type: "button",
 		className: `markweave-floating-toolbar-button markweave-floating-toolbar-button--${e.id}`,
 		"aria-label": e.label,
-		"aria-expanded": Fr(e.id) ? t : void 0,
+		"aria-expanded": Lr(e.id) ? t : void 0,
 		"data-active": e.active || t,
 		"data-tooltip-active": r ? "true" : "false",
 		"data-testid": `markweave-floating-toolbar-button-${e.id}`,
@@ -1537,13 +1537,13 @@ function zr({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointe
 		onMouseEnter: (t) => a(e.id, t.currentTarget),
 		onMouseLeave: () => a(null),
 		onClick: () => o(e),
-		children: /* @__PURE__ */ Z(Br, {
+		children: /* @__PURE__ */ Z(Hr, {
 			button: e,
 			expanded: t
 		})
 	})] });
 }
-function Br({ button: e, expanded: t }) {
+function Hr({ button: e, expanded: t }) {
 	return e.id === "improve" ? /* @__PURE__ */ Q("span", {
 		className: "markweave-floating-toolbar-button-inner",
 		children: [/* @__PURE__ */ Z($, { name: "sparkles" }), /* @__PURE__ */ Z("span", { children: e.glyph })]
@@ -1561,7 +1561,7 @@ function Br({ button: e, expanded: t }) {
 		}), /* @__PURE__ */ Z($, { name: t ? "chevron-up" : "chevron-down" })]
 	}) : /* @__PURE__ */ Z($, { name: "more" });
 }
-function Vr({ editor: e, messages: t, onClose: n }) {
+function Ur({ editor: e, messages: t, onClose: n }) {
 	let r = pn(t), i = _n(t);
 	return /* @__PURE__ */ Q("div", {
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-turn-menu",
@@ -1579,20 +1579,20 @@ function Vr({ editor: e, messages: t, onClose: n }) {
 			},
 			children: [/* @__PURE__ */ Z("span", {
 				className: "markweave-floating-toolbar-menu-icon",
-				children: /* @__PURE__ */ Z(Hr, { option: t })
+				children: /* @__PURE__ */ Z(Wr, { option: t })
 			}), /* @__PURE__ */ Z("span", { children: t.label })]
 		}, t.id))]
 	});
 }
-function Hr({ option: e }) {
+function Wr({ option: e }) {
 	return e.id === "paragraph" ? /* @__PURE__ */ Z($, { name: "text" }) : e.glyph === "bullet-list" || e.glyph === "numbered-list" || e.glyph === "todo-list" || e.glyph === "quote" || e.glyph === "code-block" ? /* @__PURE__ */ Z($, { name: e.glyph }) : /* @__PURE__ */ Z("span", { children: e.glyph });
 }
-function Ur({ editor: e, messages: t, onClose: n }) {
+function Gr({ editor: e, messages: t, onClose: n }) {
 	let r = pn(t), i = e.getAttributes("textStyle").color, a = e.getAttributes("highlight").color;
 	return /* @__PURE__ */ Q("div", {
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
 		"data-testid": "markweave-floating-toolbar-color-menu",
-		children: [/* @__PURE__ */ Z(Wr, {
+		children: [/* @__PURE__ */ Z(Kr, {
 			title: r.textColorTitle,
 			mode: "text",
 			activeColor: i ?? null,
@@ -1600,7 +1600,7 @@ function Ur({ editor: e, messages: t, onClose: n }) {
 			onSelect: (t) => {
 				Tn(e, t), n();
 			}
-		}), /* @__PURE__ */ Z(Wr, {
+		}), /* @__PURE__ */ Z(Kr, {
 			title: r.highlightColorTitle,
 			mode: "highlight",
 			activeColor: a ?? null,
@@ -1611,7 +1611,7 @@ function Ur({ editor: e, messages: t, onClose: n }) {
 		})]
 	});
 }
-function Wr({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
+function Kr({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-floating-toolbar-color-section",
 		"aria-label": e,
@@ -1640,12 +1640,12 @@ function Wr({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 		})]
 	});
 }
-function Gr({ editor: e, messages: t, activeTooltipId: n, onTooltipChange: r, onClose: i }) {
+function qr({ editor: e, messages: t, activeTooltipId: n, onTooltipChange: r, onClose: i }) {
 	let a = mn(t);
 	return /* @__PURE__ */ Z("div", {
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-more-menu",
 		"data-testid": "markweave-floating-toolbar-more-menu",
-		children: a.map((t, o) => /* @__PURE__ */ Z(Kr, {
+		children: a.map((t, o) => /* @__PURE__ */ Z(Jr, {
 			action: t,
 			active: vn(e, t.id),
 			tooltipActive: n === t.id,
@@ -1657,7 +1657,7 @@ function Gr({ editor: e, messages: t, activeTooltipId: n, onTooltipChange: r, on
 		}, t.id))
 	});
 }
-function Kr({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipChange: i, onRun: a }) {
+function Jr({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipChange: i, onRun: a }) {
 	return /* @__PURE__ */ Q(X, { children: [r ? /* @__PURE__ */ Z("span", {
 		className: "markweave-floating-toolbar-divider",
 		"aria-hidden": "true"
@@ -1673,7 +1673,7 @@ function Kr({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 			onMouseEnter: () => i(e.id),
 			onMouseLeave: () => i(null),
 			onClick: a,
-			children: /* @__PURE__ */ Z(qr, { id: e.id })
+			children: /* @__PURE__ */ Z(Yr, { id: e.id })
 		}), n ? /* @__PURE__ */ Z("div", {
 			className: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 			role: "tooltip",
@@ -1681,11 +1681,11 @@ function Kr({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 		}) : null]
 	})] });
 }
-function qr({ id: e }) {
+function Yr({ id: e }) {
 	return e === "superscript" ? /* @__PURE__ */ Z($, { name: "superscript" }) : e === "subscript" ? /* @__PURE__ */ Z($, { name: "subscript" }) : e === "inline-math" ? /* @__PURE__ */ Z($, { name: "math" }) : Z($, { name: e });
 }
-var Jr = {
-	sparkles: ie,
+var Xr = {
+	sparkles: re,
 	"chevron-down": h,
 	"chevron-up": g,
 	"corner-down-left": y,
@@ -1693,19 +1693,19 @@ var Jr = {
 	bold: u,
 	italic: A,
 	underline: de,
-	strike: ae,
+	strike: ie,
 	"inline-code": v,
-	link: ee,
-	more: ne,
+	link: M,
+	more: ee,
 	text: ue,
-	"bullet-list": M,
-	"numbered-list": P,
-	"todo-list": N,
-	quote: I,
+	"bullet-list": N,
+	"numbered-list": F,
+	"todo-list": P,
+	quote: R,
 	"code-block": d,
-	superscript: se,
-	subscript: oe,
-	math: L,
+	superscript: oe,
+	subscript: ae,
+	math: z,
 	"align-left": c,
 	"align-center": o,
 	"align-right": l,
@@ -1715,7 +1715,7 @@ var Jr = {
 	trash: le
 };
 function $({ name: e }) {
-	let t = Jr[e];
+	let t = Xr[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -1725,8 +1725,8 @@ function $({ name: e }) {
 }
 //#endregion
 //#region src/ui/math/MathEditorPopover.tsx
-function Yr({ editor: e, messages: t, onClose: n, target: r }) {
-	let i = G(null), a = G(null), [o, s] = K(r.latex), [c, l] = K(null), u = t.math, d = W(() => pt(e, r) ?? 1, [e, r]), f = W(() => mt(e, r), [e, r]), m = W(() => o === r.latex && f ? {
+function Zr({ editor: e, messages: t, onClose: n, target: r }) {
+	let i = W(null), a = W(null), [o, s] = G(r.latex), [c, l] = G(null), u = t.math, d = U(() => pt(e, r) ?? 1, [e, r]), f = U(() => mt(e, r), [e, r]), m = U(() => o === r.latex && f ? {
 		html: f,
 		error: !1
 	} : vt(o, r.kind, e), [
@@ -1735,7 +1735,7 @@ function Yr({ editor: e, messages: t, onClose: n, target: r }) {
 		r.kind,
 		r.latex,
 		o
-	]), h = o.trim().length > 0, g = V(() => {
+	]), h = o.trim().length > 0, g = B(() => {
 		if (typeof window > "u") return;
 		let t = ft(e, r), i = e.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 		if (!t || !i) {
@@ -1756,9 +1756,9 @@ function Yr({ editor: e, messages: t, onClose: n, target: r }) {
 		r,
 		o
 	]);
-	H(() => {
+	V(() => {
 		s(r.latex);
-	}, [r.latex, r.pos]), H(() => {
+	}, [r.latex, r.pos]), V(() => {
 		yt(e, r, !0), g();
 		let t = window.requestAnimationFrame(() => {
 			a.current?.focus({ preventScroll: !0 }), a.current?.select(), g();
@@ -1771,14 +1771,14 @@ function Yr({ editor: e, messages: t, onClose: n, target: r }) {
 		n,
 		r,
 		g
-	]), H(() => {
+	]), V(() => {
 		let e = (e) => {
 			let t = e.target;
 			t instanceof Node && (i.current?.contains(t) || t instanceof Element && t.closest(".tiptap-mathematics-render") || n());
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [n]);
-	let _ = V(() => {
+	let _ = B(() => {
 		h && ut(e, r, o) && n();
 	}, [
 		h,
@@ -1910,31 +1910,31 @@ function Yr({ editor: e, messages: t, onClose: n, target: r }) {
 }
 //#endregion
 //#region src/ui/slash-command/SlashCommandMenu.tsx
-var Xr = ke("zh"), Zr = {
-	type: z,
+var Qr = ke("zh"), $r = {
+	type: ce,
 	"heading-1": S,
 	"heading-2": C,
 	"heading-3": w,
-	"bullet-list": M,
-	"ordered-list": P,
-	"task-list": N,
-	blockquote: I,
+	"bullet-list": N,
+	"ordered-list": F,
+	"task-list": P,
+	blockquote: R,
 	"code-block": d,
 	info: k,
 	tip: j,
 	warning: a,
 	error: _,
 	success: m,
-	emoji: R,
-	math: L,
-	table: ce,
-	separator: te,
+	emoji: ne,
+	math: z,
+	table: se,
+	separator: I,
 	image: T,
-	video: fe,
-	attachment: F
+	video: pe,
+	attachment: L
 };
-function Qr({ name: e }) {
-	let t = Zr[e];
+function ei({ name: e }) {
+	let t = $r[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -1942,7 +1942,7 @@ function Qr({ name: e }) {
 		strokeWidth: 1.6
 	});
 }
-function $r(e, t, n) {
+function ti(e, t, n) {
 	return !Tt(e) || !n ? {
 		visible: !1,
 		empty: !1,
@@ -1957,17 +1957,17 @@ function $r(e, t, n) {
 		activeIndex: Math.min(t.length - 1, Math.max(0, e.activeIndex))
 	};
 }
-function ei(e, t) {
+function ni(e, t) {
 	return Object.values(t.slash.groups).map((t) => ({
 		group: t,
 		commands: e.filter((e) => e.group === t)
 	})).filter((e) => e.commands.length > 0);
 }
-function ti(e, t) {
+function ri(e, t) {
 	return t.slash.uploadKindLabels[e] ?? t.slash.uploadKindLabels.upload;
 }
-function ni({ command: e, messages: t, onBack: n, onSelect: r }) {
-	let [i, a] = K(""), [o, s] = K(0), c = W(() => {
+function ii({ command: e, messages: t, onBack: n, onSelect: r }) {
+	let [i, a] = G(""), [o, s] = G(0), c = U(() => {
 		let e = i.trim().toLowerCase();
 		return (e ? t.slash.emojiItems.filter((t) => [
 			t.emoji,
@@ -2033,9 +2033,9 @@ function ni({ command: e, messages: t, onBack: n, onSelect: r }) {
 		]
 	});
 }
-function ri({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
-	let a = e.uploadKind ?? "attachment", [o, s] = K(""), [c, l] = K(null), [u, d] = K(null), [f, p] = K(!1), m = async (t) => {
-		r(e, { uploadResult: await q({
+function ai({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
+	let a = e.uploadKind ?? "attachment", [o, s] = G(""), [c, l] = G(null), [u, d] = G(null), [f, p] = G(!1), m = async (t) => {
+		r(e, { uploadResult: await K({
 			kind: a,
 			source: t,
 			trigger: "slash-command"
@@ -2055,7 +2055,7 @@ function ri({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 				d(t.slash.uploadRequiredError);
 				return;
 			}
-			await m(me(o));
+			await m(he(o));
 		} catch (e) {
 			d(e instanceof Error ? e.message : t.slash.uploadFailedError);
 		} finally {
@@ -2073,7 +2073,7 @@ function ri({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 					onMouseDown: (e) => e.preventDefault(),
 					onClick: n,
 					children: t.common.back
-				}), /* @__PURE__ */ Z("span", { children: ti(a, t) })]
+				}), /* @__PURE__ */ Z("span", { children: ri(a, t) })]
 			}),
 			/* @__PURE__ */ Q("label", {
 				className: "markweave-slash-upload-field",
@@ -2121,10 +2121,10 @@ function ri({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 		]
 	});
 }
-function ii({ commands: e, messages: t = Xr, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
-	let l = $r(n, e, r);
+function oi({ commands: e, messages: t = Qr, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
+	let l = ti(n, e, r);
 	if (!l.visible || !r) return null;
-	let u = ei(e, t), d = {
+	let u = ni(e, t), d = {
 		left: r.left,
 		top: r.top,
 		maxHeight: r.maxHeight,
@@ -2146,12 +2146,12 @@ function ii({ commands: e, messages: t = Xr, state: n, position: r, inputCommand
 		"aria-label": t.slash.ariaLabel,
 		"data-placement": r.placement,
 		"data-testid": "markweave-slash-menu",
-		children: i?.inputKind === "emoji" ? /* @__PURE__ */ Z(ni, {
+		children: i?.inputKind === "emoji" ? /* @__PURE__ */ Z(ii, {
 			command: i,
 			messages: t,
 			onBack: m,
 			onSelect: s
-		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(ri, {
+		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(ai, {
 			command: i,
 			messages: t,
 			onBack: m,
@@ -2195,7 +2195,7 @@ function ii({ commands: e, messages: t = Xr, state: n, position: r, inputCommand
 							}
 						},
 						children: [
-							/* @__PURE__ */ Z(Qr, { name: t.icon }),
+							/* @__PURE__ */ Z(ei, { name: t.icon }),
 							/* @__PURE__ */ Z("span", { children: t.label }),
 							o && t.disabledReason ? /* @__PURE__ */ Z("small", { children: t.disabledReason }) : null
 						]
@@ -2207,10 +2207,10 @@ function ii({ commands: e, messages: t = Xr, state: n, position: r, inputCommand
 }
 //#endregion
 //#region src/ui/table/TableControls.tsx
-var ai = ke("zh");
-function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai, onCopyPayload: i, onCommandResult: a, onEditWithAi: o }) {
-	let [s, c] = K(null), [l, u] = K("row-edge"), [d, f] = K(null), [p, m] = K(null), [h, g] = K(null), [_, v] = K(null), [y, b] = K(null), x = G(null), S = G(null), C = G(null), w = G(null), T = G(null), E = e ? Pt(t.state) : null;
-	if (H(() => {
+var si = ke("zh");
+function ci({ active: e, editor: t, interactionState: n = It, messages: r = si, onCopyPayload: i, onCommandResult: a, onEditWithAi: o }) {
+	let [s, c] = G(null), [l, u] = G("row-edge"), [d, f] = G(null), [p, m] = G(null), [h, g] = G(null), [_, v] = G(null), [y, b] = G(null), x = W(null), S = W(null), C = W(null), w = W(null), T = W(null), E = e ? Pt(t.state) : null;
+	if (V(() => {
 		if (!y) return;
 		let e = window.setTimeout(() => {
 			b(null);
@@ -2218,7 +2218,7 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [y]), U(() => {
+	}, [y]), H(() => {
 		if (!e) {
 			m(null), g(null), v(null), b(null);
 			return;
@@ -2258,7 +2258,7 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 		n.hoverVisualRowIndex,
 		l,
 		s
-	]), U(() => {
+	]), H(() => {
 		if (!e || !s) {
 			f(null);
 			return;
@@ -2296,7 +2296,7 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 		p,
 		h,
 		_
-	]), H(() => {
+	]), V(() => {
 		if (!e || !s) return;
 		let n = (e) => {
 			e.key === "Escape" && (c(null), t.view.focus());
@@ -2321,7 +2321,7 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 		i !== null && Wn(t, i, e, { visualIndex: a }), D(e, r);
 	}, A = () => {
 		O(), D("selection", "selection-edge");
-	}, j = Ln(t, n, "row", E?.activeCellPos ?? null), ee = Ln(t, n, "column", E?.activeCellPos ?? null), M = Fn(t).length > 0, N = s ? Vn(t, s) : [], P = async (e, n) => {
+	}, j = Ln(t, n, "row", E?.activeCellPos ?? null), M = Ln(t, n, "column", E?.activeCellPos ?? null), N = Fn(t).length > 0, P = s ? Vn(t, s) : [], F = async (e, n) => {
 		let o = await Mn({
 			editor: t,
 			commandId: e,
@@ -2329,7 +2329,7 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 			messages: r
 		});
 		return o.copyFeedback ? (b(o.copyFeedback), o.copyPayload && i?.(o.copyPayload)) : b(null), a?.(o.commandResult), o.success;
-	}, te = (e) => {
+	}, I = (e) => {
 		let n = Rn(t, e);
 		n && o?.(n), c(null), t.view.focus();
 	};
@@ -2386,10 +2386,10 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 				"aria-haspopup": "menu",
 				title: r.table.columnActions,
 				"data-testid": "markweave-table-hover-column-handle",
-				"data-axis-index": ee?.index ?? "",
-				"data-axis-selected-cells": ee?.selectedCellCount ?? "",
-				"data-axis-visual-cells": ee?.visualCellCount ?? "",
-				"data-axis-visual-size": ee?.visualWidth ?? "",
+				"data-axis-index": M?.index ?? "",
+				"data-axis-selected-cells": M?.selectedCellCount ?? "",
+				"data-axis-visual-cells": M?.visualCellCount ?? "",
+				"data-axis-visual-size": M?.visualWidth ?? "",
 				style: {
 					left: h.left,
 					top: h.top
@@ -2403,7 +2403,7 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 					children: "..."
 				})
 			}) : null,
-			M && _ ? /* @__PURE__ */ Z("button", {
+			N && _ ? /* @__PURE__ */ Z("button", {
 				type: "button",
 				ref: T,
 				className: "markweave-table-edge-handle markweave-table-edge-handle--selection",
@@ -2434,8 +2434,8 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 					left: d.left,
 					top: d.top
 				} : void 0,
-				children: N.map((e, n) => {
-					let i = zn(e), a = n === 0 ? i : zn(N[n - 1]), l = n > 0 && a !== i, u = e.commandId === null ? !!o : jn(t, e.commandId), d = Bn(e, r);
+				children: P.map((e, n) => {
+					let i = zn(e), a = n === 0 ? i : zn(P[n - 1]), l = n > 0 && a !== i, u = e.commandId === null ? !!o : jn(t, e.commandId), d = Bn(e, r);
 					return /* @__PURE__ */ Z("button", {
 						type: "button",
 						role: "menuitem",
@@ -2450,10 +2450,10 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 						onClick: () => {
 							if (u) {
 								if (e.commandId === null) {
-									te(s === "row" || s === "column" ? s : "selection");
+									I(s === "row" || s === "column" ? s : "selection");
 									return;
 								}
-								P(e.commandId).finally(() => c(null));
+								F(e.commandId).finally(() => c(null));
 							}
 						},
 						children: d
@@ -2465,9 +2465,9 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 }
 //#endregion
 //#region src/ui/table/TableSelectionOverlay.tsx
-function si({ editor: e, focusState: t }) {
-	let [n, r] = K(null);
-	return U(() => {
+function li({ editor: e, focusState: t }) {
+	let [n, r] = G(null);
+	return H(() => {
 		if (t.mode !== "cell-selection") {
 			r(null);
 			return;
@@ -2508,18 +2508,22 @@ function si({ editor: e, focusState: t }) {
 }
 //#endregion
 //#region src/ui/toc/MarkweaveInnerToc.tsx
-function ci(e, t) {
+function ui(e, t) {
 	return `${e.toc.itemAriaLabel}: ${t.text}`;
 }
-function li({ editor: e, state: t, messages: n, editable: r }) {
-	if (!t.items.length) return null;
-	let i = (t) => {
-		Qn(e, t, {
+function di({ editor: e, state: t, messages: n, editable: r, placement: i }) {
+	let a = W(null);
+	if (V(() => {
+		if (!(i !== "container" || !a.current)) return $n(a.current);
+	}, [i]), !t.items.length) return null;
+	let o = (t) => {
+		er(e, t, {
 			behavior: "smooth",
 			focus: r
 		});
 	};
 	return /* @__PURE__ */ Q("nav", {
+		ref: a,
 		className: "markweave-inner-toc",
 		"data-testid": "markweave-inner-toc",
 		"aria-label": n.toc.ariaLabel,
@@ -2540,9 +2544,9 @@ function li({ editor: e, state: t, messages: n, editable: r }) {
 					"data-level": e.level,
 					"data-active": e.active ? "true" : "false",
 					"aria-current": e.active ? "location" : void 0,
-					"aria-label": ci(n, e),
+					"aria-label": ui(n, e),
 					title: e.text,
-					onClick: () => i(e),
+					onClick: () => o(e),
 					children: e.text
 				}, e.id))
 			})
@@ -2551,7 +2555,7 @@ function li({ editor: e, state: t, messages: n, editable: r }) {
 }
 //#endregion
 //#region src/MarkweaveEditor.tsx
-var ui = {
+var fi = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -2559,21 +2563,21 @@ var ui = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, di = {
+}, pi = {
 	active: !1,
 	language: nt.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
-}, fi = lt({
+}, mi = lt({
 	active: !1,
 	mode: "code",
 	source: ""
 });
-function pi(e) {
+function hi(e) {
 	return Lt.getState(e.state) ?? It;
 }
-function mi(e) {
+function gi(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -2583,71 +2587,71 @@ function mi(e) {
 	}
 	return null;
 }
-function hi(e) {
+function _i(e) {
 	return typeof window > "u" || typeof window.requestAnimationFrame != "function" ? globalThis.setTimeout(() => e(0), 0) : window.requestAnimationFrame(e);
 }
-function gi(e) {
+function vi(e) {
 	if (typeof window < "u" && typeof window.cancelAnimationFrame == "function") {
 		window.cancelAnimationFrame(e);
 		return;
 	}
 	globalThis.clearTimeout(e);
 }
-function _i({ ariaLabel: e, autoFocusFirstTableBodyCell: t = !1, autofocus: n = !1, content: r, contentFormat: a, defaultContent: o = "", defaultContentFormat: s, editable: c = !0, innerToc: l = !0, lang: u, mode: d = "live", onEditWithAi: f, onExtractToNote: p, onRewriteSelection: m, onRuntimeStateChange: h, onSlashCommandUpload: g, onTableCommandResult: _, onTableCopyPayload: v, onTocChange: y, onUpdate: b } = {}) {
-	let x = Ne(d), S = x === "live" && c !== !1, C = Ve(r === void 0 ? s : a), w = G({
-		editorMode: x,
-		effectiveEditable: S
+function yi({ ariaLabel: e, autoFocusFirstTableBodyCell: t = !1, autofocus: n = !1, content: r, contentFormat: a, defaultContent: o = "", defaultContentFormat: s, editable: c = !0, innerToc: l = !0, innerTocPlacement: u, lang: d, mode: f = "live", onEditWithAi: p, onExtractToNote: m, onRewriteSelection: h, onRuntimeStateChange: g, onSlashCommandUpload: _, onTableCommandResult: v, onTableCopyPayload: y, onTocChange: b, onUpdate: x } = {}) {
+	let S = Ne(f), C = Qn(u), w = S === "live" && c !== !1, T = Ve(r === void 0 ? s : a), E = W({
+		editorMode: S,
+		effectiveEditable: w
 	});
-	w.current = {
-		editorMode: x,
-		effectiveEditable: S
+	E.current = {
+		editorMode: S,
+		effectiveEditable: w
 	};
-	let T = G(null);
-	T.current === null && (T.current = Ae(u));
-	let E = T.current, D = W(() => ke(E), [E]), O = W(() => Oe(E), [E]), k = G(g);
-	k.current = g;
-	let A = W(() => pr({
-		lang: E,
+	let D = W(null);
+	D.current === null && (D.current = Ae(d));
+	let O = D.current, k = U(() => ke(O), [O]), A = U(() => Oe(O), [O]), j = W(_);
+	j.current = _;
+	let M = U(() => hr({
+		lang: O,
 		onImageUpload: (e) => {
-			if (k.current) return k.current(e);
-			let t = he(e);
+			if (j.current) return j.current(e);
+			let t = ge(e);
 			if (!t) throw Error("File upload requires an upload handler.");
 			return t;
 		},
 		onVideoUpload: (e) => {
-			if (k.current) return k.current(e);
-			let t = he(e);
+			if (j.current) return j.current(e);
+			let t = ge(e);
 			if (!t) throw Error("File upload requires an upload handler.");
 			return t;
 		}
-	}), [E]), [j, ee] = K(null), [M, N] = K(At), [P, te] = K(null), [ne, F] = K(null), [I, re] = K("code"), [L, R] = K(null), [ie, ae] = K(It), [oe, se] = K(null), [ce, z] = K(0), le = G(!1), ue = G({ onUpdate: b }), de = W(() => St(M.query, O), [O, M.query]);
-	ue.current = { onUpdate: b };
-	let B = V(() => {
-		te(null), F(null), N(At);
-	}, []), fe = V((e) => {
+	}), [O]), [N, P] = G(null), [F, I] = G(At), [ee, L] = G(null), [R, te] = G(null), [z, ne] = G("code"), [re, ie] = G(null), [ae, oe] = G(It), [se, ce] = G(null), [le, ue] = G(0), de = W(!1), fe = W({ onUpdate: x }), pe = U(() => St(F.query, A), [A, F.query]);
+	fe.current = { onUpdate: x };
+	let H = B(() => {
+		L(null), te(null), I(At);
+	}, []), me = B((e) => {
 		let t = kt(e.state);
 		if (!t) {
-			N((e) => e.name === "idle" ? e : At), te(null), F(null);
+			I((e) => e.name === "idle" ? e : At), L(null), te(null);
 			return;
 		}
 		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
-		te(Ot(n, {
+		L(Ot(n, {
 			frameRect: i,
 			triggerRect: r
-		})), N((e) => Dt(e, t));
-	}, []), U = V((e) => fe(e.view), [fe]), pe = V((e) => {
-		ee(qe(e));
+		})), I((e) => Dt(e, t));
+	}, []), he = B((e) => me(e.view), [me]), K = B((e) => {
+		P(qe(e));
 		let t = _t(e);
-		t && (yt(e, t, !0), R(t));
+		t && (yt(e, t, !0), ie(t));
 		let n = et(e);
-		n.active && n.language === "mermaid" && re(n.mermaidPreviewMode);
-	}, []), me = V((e) => {
-		ae(pi(e));
+		n.active && n.language === "mermaid" && ne(n.mermaidPreviewMode);
+	}, []), _e = B((e) => {
+		oe(hi(e));
 	}, []), q = i({
-		extensions: A,
+		extensions: M,
 		content: r ?? o,
-		contentType: ze(C),
-		editable: S,
+		contentType: ze(T),
+		editable: w,
 		autofocus: n,
 		editorProps: {
 			attributes: {
@@ -2658,190 +2662,190 @@ function _i({ ariaLabel: e, autoFocusFirstTableBodyCell: t = !1, autofocus: n =
 				spellcheck: "false",
 				translate: "no"
 			},
-			handleClick: (e, t, n) => w.current.effectiveEditable ? !1 : He(n),
+			handleClick: (e, t, n) => E.current.effectiveEditable ? !1 : He(n),
 			handleDOMEvents: {
-				compositionstart: () => w.current.effectiveEditable ? (N((e) => jt(e, { type: "composition-start" })), te(null), !1) : !1,
-				compositionend: (e) => (w.current.effectiveEditable && window.setTimeout(() => fe(e), 0), !1),
+				compositionstart: () => E.current.effectiveEditable ? (I((e) => jt(e, { type: "composition-start" })), L(null), !1) : !1,
+				compositionend: (e) => (E.current.effectiveEditable && window.setTimeout(() => me(e), 0), !1),
 				click: (e, t) => {
-					if (w.current.effectiveEditable) {
+					if (E.current.effectiveEditable) {
 						let n = gt(e, t);
-						return n ? (t.preventDefault(), t.stopPropagation(), B(), bt(e, n, !0), xt(e, n), R(n), !0) : (R(null), !1);
+						return n ? (t.preventDefault(), t.stopPropagation(), H(), bt(e, n, !0), xt(e, n), ie(n), !0) : (ie(null), !1);
 					}
 					return He(t);
 				}
 			}
 		},
 		onSelectionUpdate: ({ editor: e }) => {
-			pe(e);
+			K(e);
 		},
 		onCreate: ({ editor: e }) => {
-			t && w.current.effectiveEditable && Nt(e), me(e), pe(e), z((e) => e + 1);
+			t && E.current.effectiveEditable && Nt(e), _e(e), K(e), ue((e) => e + 1);
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			me(e), (t.docChanged || ot(t)) && z((e) => e + 1), t.docChanged && R((t) => {
+			_e(e), (t.docChanged || ot(t)) && ue((e) => e + 1), t.docChanged && ie((t) => {
 				if (!t) return null;
 				let n = ht(e, t.pos);
 				return n?.kind === t.kind ? n : null;
 			});
 		},
 		onUpdate: ({ editor: e }) => {
-			pe(e), w.current.effectiveEditable && U(e), le.current || ue.current.onUpdate?.(Re(e));
+			K(e), E.current.effectiveEditable && he(e), de.current || fe.current.onUpdate?.(Re(e));
 		}
 	});
-	H(() => {
-		q && (q.setEditable(S), Pe(q, {
-			mode: x,
-			editable: S
-		}), st(q, S ? "live" : "view"), S || B());
+	V(() => {
+		q && (q.setEditable(w), Pe(q, {
+			mode: S,
+			editable: w
+		}), st(q, w ? "live" : "view"), w || H());
 	}, [
-		B,
+		H,
 		q,
-		x,
-		S
-	]), H(() => {
-		!q || r === void 0 || Be(q, r, Ve(a)) || (le.current = !0, q.commands.setContent(r, {
+		S,
+		w
+	]), V(() => {
+		!q || r === void 0 || Be(q, r, Ve(a)) || (de.current = !0, q.commands.setContent(r, {
 			contentType: ze(Ve(a)),
 			emitUpdate: !1
-		}), le.current = !1, pe(q), S && U(q), me(q), z((e) => e + 1));
+		}), de.current = !1, K(q), w && he(q), _e(q), ue((e) => e + 1));
 	}, [
 		r,
 		a,
-		S,
+		w,
 		q,
-		pe,
-		U,
-		me
-	]), H(() => {
-		if (!P) return;
+		K,
+		he,
+		_e
+	]), V(() => {
+		if (!ee) return;
 		let e = (e) => {
 			let t = e.target;
-			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || B());
+			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || H());
 		};
 		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-	}, [B, P]);
-	let ge = W(() => q ? et(q) : di, [
+	}, [H, ee]);
+	let ve = U(() => q ? et(q) : pi, [
 		q,
-		ce,
-		j
-	]), _e = W(() => q ? Pt(q.state) : ui, [
+		le,
+		N
+	]), ye = U(() => q ? Pt(q.state) : fi, [
 		q,
-		ce,
-		j,
-		ie
-	]), ve = j?.currentNode === "codeBlock", ye = ve && ge.language === "mermaid", be = W(() => q ? lt({
-		active: ye,
-		mode: I,
-		source: ge.text
-	}) : fi, [
-		ge.text,
+		le,
+		N,
+		ae
+	]), be = N?.currentNode === "codeBlock", xe = be && ve.language === "mermaid", Se = U(() => q ? lt({
+		active: xe,
+		mode: z,
+		source: ve.text
+	}) : mi, [
+		ve.text,
 		q,
-		ye,
-		I
-	]), xe = W(() => q ? Mt(q.state) : null, [q, ce]), J = W(() => q ? Xn(q.state.doc) : Jn.items, [q, ce]), Se = W(() => Zn(J, oe), [oe, J]), Ce = W(() => qn(J, Se), [Se, J]), we = V(() => {
+		xe,
+		z
+	]), Ce = U(() => q ? Mt(q.state) : null, [q, le]), J = U(() => q ? Xn(q.state.doc) : Jn.items, [q, le]), we = U(() => Zn(J, se), [se, J]), Te = U(() => qn(J, we), [we, J]), Ee = B(() => {
 		if (!q || !J.length) {
-			se(null);
+			ce(null);
 			return;
 		}
 		let e = Yn(q, J);
-		se((t) => t === e ? t : e);
+		ce((t) => t === e ? t : e);
 	}, [q, J]);
-	H(() => {
-		se((e) => {
+	V(() => {
+		ce((e) => {
 			let t = Zn(J, e);
 			return e === t ? e : t;
 		});
-	}, [J]), H(() => {
+	}, [J]), V(() => {
 		if (!q || !J.length || typeof window > "u") return;
 		let e = null, t = () => {
-			e !== null && gi(e), e = hi(() => {
-				e = null, we();
+			e !== null && vi(e), e = _i(() => {
+				e = null, Ee();
 			});
-		}, n = mi(q.view.dom);
+		}, n = gi(q.view.dom);
 		return window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), () => {
-			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t), e !== null && gi(e);
+			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t), e !== null && vi(e);
 		};
 	}, [
 		q,
 		J.length,
-		we
+		Ee
 	]);
-	let Te = W(() => Ue({
-		revision: ce,
-		mode: x,
-		editable: S,
-		toc: Ce,
-		selection: j,
-		slash: M,
-		table: _e,
-		tableInteraction: ie,
-		codeBlock: ge,
-		mermaid: be,
-		tableDebugSnapshot: xe
+	let De = U(() => Ue({
+		revision: le,
+		mode: S,
+		editable: w,
+		toc: Te,
+		selection: N,
+		slash: F,
+		table: ye,
+		tableInteraction: ae,
+		codeBlock: ve,
+		mermaid: Se,
+		tableDebugSnapshot: Ce
 	}), [
-		ge,
-		x,
+		ve,
 		S,
-		be,
-		ce,
-		j,
-		M,
-		xe,
-		_e,
-		ie,
-		Ce
+		w,
+		Se,
+		le,
+		N,
+		F,
+		Ce,
+		ye,
+		ae,
+		Te
 	]);
-	H(() => {
-		h?.(Te);
-	}, [h, Te]), H(() => {
-		y?.(Ce);
-	}, [y, Ce]);
-	let Ee = V((e, t) => {
-		if (!(!q || !S) && Ct(e)) {
+	V(() => {
+		g?.(De);
+	}, [g, De]), V(() => {
+		b?.(Te);
+	}, [b, Te]);
+	let Y = B((e, t) => {
+		if (!(!q || !w) && Ct(e)) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
-				F(e);
+				te(e);
 				return;
 			}
-			Et(q, M, e, t), N((e) => jt(e, { type: "execute" })), B();
+			Et(q, F, e, t), I((e) => jt(e, { type: "execute" })), H();
 		}
 	}, [
-		B,
-		S,
+		H,
+		w,
 		q,
-		M
-	]), De = V((e) => {
-		N((t) => jt(t, {
+		F
+	]), je = B((e) => {
+		I((t) => jt(t, {
 			type: "set-active",
 			index: e,
-			optionCount: de.length
+			optionCount: pe.length
 		}));
-	}, [de.length]), Y = V((e) => {
-		if (!q || ne || !S) return;
-		let t = wt(M, de, e.key, { isComposing: e.nativeEvent.isComposing || Le(q.state) });
+	}, [pe.length]), Me = B((e) => {
+		if (!q || R || !w) return;
+		let t = wt(F, pe, e.key, { isComposing: e.nativeEvent.isComposing || Le(q.state) });
 		if (t.type !== "ignore") {
 			if (t.type === "close") {
-				e.preventDefault(), N((e) => jt(e, { type: "escape" })), B();
+				e.preventDefault(), I((e) => jt(e, { type: "escape" })), H();
 				return;
 			}
 			if (t.type === "move-active") {
-				e.preventDefault(), N((e) => jt(e, {
+				e.preventDefault(), I((e) => jt(e, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
 				}));
 				return;
 			}
-			t.type === "execute-active" && (e.preventDefault(), Ee(t.command));
+			t.type === "execute-active" && (e.preventDefault(), Y(t.command));
 		}
 	}, [
-		B,
-		S,
+		H,
+		w,
 		q,
-		de,
-		Ee,
-		ne,
-		M
-	]), je = W(() => ({
-		closeSlashMenu: B,
+		pe,
+		Y,
+		R,
+		F
+	]), Fe = U(() => ({
+		closeSlashMenu: H,
 		focusFirstTableBodyCell: () => q ? Nt(q) : !1,
 		setContent: (e, t = {}) => {
 			if (!q) return !1;
@@ -2849,134 +2853,137 @@ function _i({ ariaLabel: e, autoFocusFirstTableBodyCell: t = !1, autofocus: n =
 			return q.commands.setContent(e, {
 				contentType: ze(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && Nt(q), pe(q), S && U(q), me(q), z((e) => e + 1), !0;
+			}), t.focusFirstTableBodyCell && Nt(q), K(q), w && he(q), _e(q), ue((e) => e + 1), !0;
 		}
 	}), [
-		B,
-		S,
+		H,
+		w,
 		q,
-		pe,
-		U,
-		me
+		K,
+		he,
+		_e
 	]);
 	return {
 		editor: q,
-		frameProps: W(() => ({
+		frameProps: U(() => ({
 			className: "markweave-editor-frame",
-			"aria-label": e ?? D.common.editorAriaLabel,
+			"aria-label": e ?? k.common.editorAriaLabel,
 			"data-testid": "markweave-editor-frame",
-			"data-markweave-mode": x,
+			"data-markweave-mode": S,
 			"data-markweave-inner-toc": l ? "true" : "false",
-			"data-mermaid-mode": be.mode,
-			"data-table-focus-mode": _e.mode,
-			onKeyDownCapture: Y
+			"data-markweave-inner-toc-placement": C,
+			"data-mermaid-mode": Se.mode,
+			"data-table-focus-mode": ye.mode,
+			onKeyDownCapture: Me
 		}), [
 			e,
-			x,
-			Y,
+			S,
+			Me,
 			l,
-			be.mode,
-			D.common.editorAriaLabel,
-			_e.mode
+			Se.mode,
+			k.common.editorAriaLabel,
+			C,
+			ye.mode
 		]),
-		overlayProps: W(() => ({
-			floatingToolbar: q && S ? {
+		overlayProps: U(() => ({
+			floatingToolbar: q && w ? {
 				editor: q,
-				messages: D,
-				selectionSnapshot: j,
-				onRewriteSelection: m,
-				onExtractToNote: p
+				messages: k,
+				selectionSnapshot: N,
+				onRewriteSelection: h,
+				onExtractToNote: m
 			} : null,
-			slashCommandMenu: q && S ? {
-				commands: de,
-				state: M,
-				position: P,
-				inputCommand: ne,
-				messages: D,
-				onActiveIndexChange: De,
-				onInputCommandChange: F,
-				onSelect: Ee,
-				onUpload: g
+			slashCommandMenu: q && w ? {
+				commands: pe,
+				state: F,
+				position: ee,
+				inputCommand: R,
+				messages: k,
+				onActiveIndexChange: je,
+				onInputCommandChange: te,
+				onSelect: Y,
+				onUpload: _
 			} : null,
-			tableControls: q && S ? {
+			tableControls: q && w ? {
 				editor: q,
-				active: _e.active,
-				interactionState: ie,
-				messages: D,
-				onCopyPayload: v,
-				onCommandResult: _,
-				onEditWithAi: f
+				active: ye.active,
+				interactionState: ae,
+				messages: k,
+				onCopyPayload: y,
+				onCommandResult: v,
+				onEditWithAi: p
 			} : null,
-			tableSelectionOverlay: q && S ? {
+			tableSelectionOverlay: q && w ? {
 				editor: q,
-				focusState: _e
+				focusState: ye
 			} : null,
 			codeBlockControls: q ? {
 				editor: q,
-				active: S && ve,
-				mermaidMode: I,
-				onMermaidModeChange: re,
-				readOnly: !S
+				active: w && be,
+				mermaidMode: z,
+				onMermaidModeChange: ne,
+				readOnly: !w
 			} : null,
-			innerToc: q && l && Ce.items.length ? {
+			innerToc: q && l && Te.items.length ? {
 				editor: q,
-				editable: S,
-				messages: D,
-				state: Ce
+				editable: w,
+				messages: k,
+				placement: C,
+				state: Te
 			} : null,
-			mathEditorPopover: q && S && L ? {
+			mathEditorPopover: q && w && re ? {
 				editor: q,
-				messages: D,
-				target: L,
-				onClose: () => R(null)
+				messages: k,
+				target: re,
+				onClose: () => ie(null)
 			} : null
 		}), [
-			S,
+			w,
 			q,
-			de,
+			pe,
 			l,
-			ve,
-			I,
-			D,
-			L,
-			f,
+			be,
+			z,
+			k,
+			re,
 			p,
 			m,
-			g,
+			h,
 			_,
 			v,
-			Ee,
-			j,
-			De,
-			ne,
-			P,
-			M,
-			_e,
-			ie,
-			Ce
+			y,
+			Y,
+			N,
+			je,
+			R,
+			ee,
+			F,
+			ye,
+			ae,
+			Te
 		]),
-		runtimeSnapshot: Te,
-		actions: je
+		runtimeSnapshot: De,
+		actions: Fe
 	};
 }
-function vi({ className: e, ...n }) {
-	let r = _i(n);
+function bi({ className: e, ...n }) {
+	let r = yi(n);
 	if (!r.editor) return null;
 	let i = [r.frameProps.className, e].filter(Boolean).join(" ");
 	return /* @__PURE__ */ Q("section", {
 		...r.frameProps,
 		className: i,
 		children: [
-			r.overlayProps.floatingToolbar ? /* @__PURE__ */ Z(Lr, { ...r.overlayProps.floatingToolbar }) : null,
-			r.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(ii, { ...r.overlayProps.slashCommandMenu }) : null,
-			r.overlayProps.tableControls ? /* @__PURE__ */ Z(oi, { ...r.overlayProps.tableControls }) : null,
-			r.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(si, { ...r.overlayProps.tableSelectionOverlay }) : null,
-			r.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(gr, { ...r.overlayProps.codeBlockControls }) : null,
-			r.overlayProps.innerToc ? /* @__PURE__ */ Z(li, { ...r.overlayProps.innerToc }) : null,
-			r.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(Yr, { ...r.overlayProps.mathEditorPopover }) : null,
+			r.overlayProps.floatingToolbar ? /* @__PURE__ */ Z(zr, { ...r.overlayProps.floatingToolbar }) : null,
+			r.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(oi, { ...r.overlayProps.slashCommandMenu }) : null,
+			r.overlayProps.tableControls ? /* @__PURE__ */ Z(ci, { ...r.overlayProps.tableControls }) : null,
+			r.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(li, { ...r.overlayProps.tableSelectionOverlay }) : null,
+			r.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(vr, { ...r.overlayProps.codeBlockControls }) : null,
+			r.overlayProps.innerToc ? /* @__PURE__ */ Z(di, { ...r.overlayProps.innerToc }) : null,
+			r.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(Zr, { ...r.overlayProps.mathEditorPopover }) : null,
 			/* @__PURE__ */ Z(t, { editor: r.editor })
 		]
 	});
 }
 //#endregion
-export { vi as MarkweaveEditor, pr as createMarkweaveEditorExtensions, pr as createMarkweaveReactEditorExtensions, _i as useMarkweaveEditorController };
+export { bi as MarkweaveEditor, hr as createMarkweaveEditorExtensions, hr as createMarkweaveReactEditorExtensions, yi as useMarkweaveEditorController };