@markweave/react 0.2.2 → 0.2.4

package/dist/index.js

@@ -1,11 +1,11 @@
 import { createMarkweaveEditorExtensions as e } from "markweave/internal/editor-core/create-editor-extensions";
 import { getLocalizedSlashCommandSpecs as t, getMarkweaveMessages as n, normalizeMarkweaveLang as r } from "markweave/internal/i18n";
 import { EditorContent as i, NodeViewWrapper as a, ReactNodeViewRenderer as o, useEditor as s } from "@tiptap/react";
-import { AlertTriangle as c, AlignCenter as l, AlignJustify as u, AlignLeft as d, AlignRight as f, Bold as p, Braces as m, Captions as h, Check as g, CheckCircle2 as _, ChevronDown as v, ChevronUp as y, CircleX as b, Code2 as x, Copy as S, CornerDownLeft as C, Download as w, ExternalLink as T, Eye as E, Heading1 as D, Heading2 as O, Heading3 as k, Image as A, ImageUp as j, IndentDecrease as M, IndentIncrease as ee, Info as N, Italic as P, Lightbulb as F, Link2 as I, List as L, ListChecks as R, ListOrdered as te, Minus as ne, MoreVertical as z, Paperclip as re, Pencil as B, Quote as V, Replace as ie, Sigma as ae, SmilePlus as oe, Sparkles as se, Strikethrough as ce, Subscript as le, Superscript as ue, Table2 as de, Text as fe, Trash2 as pe, Type as me, Underline as he, Upload as ge, Video as _e } from "lucide-react";
-import { useCallback as H, useEffect as U, useLayoutEffect as ve, useMemo as W, useRef as G, useState as K, useSyncExternalStore as ye } from "react";
-import { detectUploadSource as be, getDirectUploadResult as xe, resolveMarkweaveUploadResult as q } from "markweave/internal/plugins/slash-command/upload";
-import { MarkweaveCoreImage as Se, MarkweaveCoreVideo as Ce, attrsFromMarkweaveImageUploadResult as we, attrsFromMarkweaveVideoUploadResult as Te, attrsFromMarkweaveVideoUrl as Ee, clampMarkweaveImageWidth as De, createMarkweaveImageUploadRequest as Oe, createMarkweaveVideoUploadRequest as ke, downloadMarkweaveImage as Ae, markweaveVideoIframeAllow as J, normalizeMarkweaveCoreImageAlign as je, normalizeMarkweaveVideoEmbedUrl as Me, numberAttribute as Ne, stringAttribute as Pe } from "markweave/internal/plugins/media/core-media-nodes";
-import { getMarkweaveEditorModeState as Fe, isMarkweaveEditorLiveEditable as Ie, normalizeMarkweaveEditorMode as Le, setMarkweaveEditorModeState as Re, subscribeToMarkweaveEditorMode as Y } from "markweave/internal/core/editor-mode-state";
+import { AlertTriangle as c, AlignCenter as l, AlignJustify as u, AlignLeft as d, AlignRight as f, Bold as p, Braces as m, Captions as h, Check as g, CheckCircle2 as _, ChevronDown as v, ChevronUp as y, CircleX as b, Code2 as x, Copy as S, CornerDownLeft as C, Download as w, ExternalLink as T, Eye as E, Heading1 as D, Heading2 as O, Heading3 as k, Image as A, ImageUp as j, IndentDecrease as M, IndentIncrease as N, Info as P, Italic as F, Lightbulb as ee, Link2 as I, List as L, ListChecks as te, ListOrdered as R, Minus as z, MoreVertical as ne, Paperclip as re, Pencil as ie, Quote as ae, Replace as B, Sigma as V, SmilePlus as oe, Sparkles as se, Strikethrough as ce, Subscript as le, Superscript as ue, Table2 as de, Text as fe, Trash2 as pe, Type as me, Underline as he, Upload as ge, Video as _e } from "lucide-react";
+import { useCallback as H, useEffect as U, useLayoutEffect as W, useMemo as G, useRef as K, useState as q, useSyncExternalStore as ve } from "react";
+import { detectUploadSource as ye, getDirectUploadResult as be, resolveMarkweaveUploadResult as xe } from "markweave/internal/plugins/slash-command/upload";
+import { MarkweaveCoreImage as Se, MarkweaveCoreVideo as Ce, attrsFromMarkweaveImageUploadResult as we, attrsFromMarkweaveVideoUploadResult as Te, attrsFromMarkweaveVideoUrl as Ee, clampMarkweaveImageWidth as De, createMarkweaveImageUploadRequest as Oe, createMarkweaveVideoUploadRequest as ke, downloadMarkweaveImage as Ae, markweaveVideoIframeAllow as je, normalizeMarkweaveCoreImageAlign as Me, normalizeMarkweaveVideoEmbedUrl as J, numberAttribute as Ne, stringAttribute as Y } from "markweave/internal/plugins/media/core-media-nodes";
+import { getMarkweaveEditorModeState as Pe, isMarkweaveEditorLiveEditable as Fe, normalizeMarkweaveEditorMode as Ie, setMarkweaveEditorModeState as Le, subscribeToMarkweaveEditorMode as Re } from "markweave/internal/core/editor-mode-state";
 import { openMarkweaveImagePreview as ze } from "markweave/internal/plugins/media/image-preview";
 import { Fragment as X, jsx as Z, jsxs as Q } from "react/jsx-runtime";
 import { createMarkweaveAdapterMediaExtensions as Be } from "markweave/internal/plugins/media/media-extension-factory";
@@ -38,25 +38,26 @@ import { setMarkweaveTableMenuAxisTarget as Un } from "markweave/internal/plugin
 import { calculateAnchoredTableMenuPosition as Wn, calculateTableEdgeHandlePosition as Gn, canRunTableCommand as Kn, executeTableMenuCommand as qn, formatTableCopyFeedback as Jn, getActiveTableElement as Yn, getAvailableCellMenuCommandSpecs as Xn, getTableAxisTargetRect as Zn, getTableControlAxisSelectionModel as Qn, getTableEditWithAiRequest as $n, getTableMenuItemGroup as er, getTableMenuItemLabel as tr, getTableMenuItems as nr, getTableSelectionTargetRect as rr, measureTableSelectionOverlay as ir, selectTableAxisFromCell as ar, tableCopyFeedbackTimeoutMs as or, tableMenuLabel as sr } from "markweave/internal/plugins/table/table-ui-model";
 import { createMarkweaveTocState as cr, emptyMarkweaveTocState as lr, getActiveMarkweaveTocId as ur, getMarkweaveTocItems as dr, getValidMarkweaveTocActiveId as fr, normalizeMarkweaveInnerTocPlacement as pr, observeMarkweaveInnerTocContainerPosition as mr, scrollToMarkweaveTocItem as hr } from "markweave/internal/core/toc-state";
 import { normalizeMarkweaveCanvasColor as gr, normalizeMarkweaveTheme as _r } from "markweave/internal/core/theme";
+import { createMarkweaveSearchController as vr } from "markweave/internal/plugins/search/search-controller";
 //#region src/editor-mode-state.ts
-var vr = {
+var yr = {
 	mode: "live",
 	editable: !0
 };
-function yr(e) {
-	return ye((t) => Y(e, t), () => Fe(e), () => vr);
+function br(e) {
+	return ve((t) => Re(e, t), () => Pe(e), () => yr);
 }
 //#endregion
 //#region src/media/image-node.tsx
-var br = je;
-function xr(e) {
+var xr = Me;
+function Sr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function Sr(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.image, f = Ie(yr(r)), p = Pe(o.attrs.src), m = br(o.attrs.align), h = Ne(o.attrs.width), g = Pe(o.attrs.caption), _ = G(null), v = G(null), [y, b] = K(!1), [x, S] = K(!1), [C, w] = K(!1), [T, D] = K(""), [O, k] = K(null), [A, j] = K(!1), [M, ee] = K(!!g), [N, P] = K(g ?? ""), F = f && (!p || x), I = () => {
+function Cr(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.image, f = Fe(br(r)), p = Y(o.attrs.src), m = xr(o.attrs.align), h = Ne(o.attrs.width), g = Y(o.attrs.caption), _ = K(null), v = K(null), [y, b] = q(!1), [x, S] = q(!1), [C, w] = q(!1), [T, D] = q(""), [O, k] = q(null), [A, j] = q(!1), [M, N] = q(!!g), [P, F] = q(g ?? ""), ee = f && (!p || x), I = () => {
 		p && ze({
 			src: p,
-			alt: Pe(o.attrs.alt) ?? "",
+			alt: Y(o.attrs.alt) ?? "",
 			messages: {
 				dialogAriaLabel: d.previewDialogAriaLabel,
 				zoomOut: d.previewZoomOut,
@@ -67,13 +68,13 @@ function Sr(e) {
 		});
 	};
 	U(() => {
-		M || P(g ?? "");
+		M || F(g ?? "");
 	}, [g, M]);
 	let L = () => {
 		if (!f) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
-	}, R = () => {
+	}, te = () => {
 		if (f) {
 			if (D(""), k(null), w(!1), p) {
 				S(!1);
@@ -81,11 +82,11 @@ function Sr(e) {
 			}
 			t();
 		}
-	}, te = async (e) => {
+	}, R = async (e) => {
 		if (f) {
 			k(null), j(!0);
 			try {
-				let t = await q(Oe(e, p && x ? "image-replace" : "image-insert"), l.onUpload);
+				let t = await xe(Oe(e, p && x ? "image-replace" : "image-insert"), l.onUpload);
 				c(we(o.attrs, t)), S(!1), D("");
 			} catch (e) {
 				k(e instanceof Error ? e.message : d.uploadFailedError);
@@ -93,29 +94,29 @@ function Sr(e) {
 				j(!1), w(!1);
 			}
 		}
-	}, ne = () => {
+	}, z = () => {
 		if (f) {
 			if (!T.trim()) {
 				k(d.uploadRequiredError);
 				return;
 			}
-			te(be(T));
+			R(ye(T));
 		}
-	}, z = (e) => {
-		!f || !e || te({
+	}, ne = (e) => {
+		!f || !e || R({
 			type: "file",
 			file: e,
 			mimeType: e.type
 		});
 	}, re = (e) => {
-		z(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
-	}, B = (e) => {
-		e.preventDefault(), e.stopPropagation(), f && z(e.dataTransfer.files?.[0] ?? null);
-	}, V = () => {
-		f && (ee((e) => !e), M || P(g ?? ""));
+		ne(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
 	}, ie = (e) => {
-		f && (P(e), c({ caption: e.trim() ? e : null }));
-	}, ae = (e, t) => {
+		e.preventDefault(), e.stopPropagation(), f && ne(e.dataTransfer.files?.[0] ?? null);
+	}, ae = () => {
+		f && (N((e) => !e), M || F(g ?? ""));
+	}, B = (e) => {
+		f && (F(e), c({ caption: e.trim() ? e : null }));
+	}, V = (e, t) => {
 		if (t.preventDefault(), t.stopPropagation(), !f) return;
 		L();
 		let n = _.current;
@@ -135,32 +136,32 @@ function Sr(e) {
 		"data-align": m,
 		"data-selected": f && s ? "true" : "false",
 		"data-hovered": y ? "true" : "false",
-		"data-empty": F ? "true" : "false",
+		"data-empty": ee ? "true" : "false",
 		onPointerEnter: () => b(!0),
 		onPointerLeave: () => b(!1),
 		onMouseDown: (e) => {
-			f && !xr(e.target) && L();
+			f && !Sr(e.target) && L();
 		},
-		children: F ? /* @__PURE__ */ Z(Cr, {
+		children: ee ? /* @__PURE__ */ Z(wr, {
 			dragActive: C,
 			error: O,
 			inputValue: T,
 			isSubmitting: A,
 			fileInputRef: v,
 			messages: u,
-			onCancel: R,
-			onDrop: B,
+			onCancel: te,
+			onDrop: ie,
 			onDragActiveChange: w,
 			onFileChange: re,
 			onInputChange: D,
-			onSubmit: ne
+			onSubmit: z
 		}) : /* @__PURE__ */ Q(X, { children: [
-			f ? /* @__PURE__ */ Z(wr, {
+			f ? /* @__PURE__ */ Z(Tr, {
 				align: m,
 				captionActive: M || !!g,
 				messages: u,
 				onAlign: (e) => c({ align: e }),
-				onCaption: V,
+				onCaption: ae,
 				onDelete: t,
 				onDownload: () => {
 					p && Ae(p);
@@ -178,8 +179,8 @@ function Sr(e) {
 					p ? /* @__PURE__ */ Z("img", {
 						className: "markweave-image",
 						src: p,
-						alt: Pe(o.attrs.alt) ?? "",
-						title: Pe(o.attrs.title) ?? void 0,
+						alt: Y(o.attrs.alt) ?? "",
+						title: Y(o.attrs.title) ?? void 0,
 						draggable: !1
 					}) : /* @__PURE__ */ Z("div", {
 						className: "markweave-image-readonly-empty",
@@ -204,15 +205,15 @@ function Sr(e) {
 							children: d.preview
 						})]
 					}) : null,
-					f ? /* @__PURE__ */ Z(Er, {
+					f ? /* @__PURE__ */ Z(Dr, {
 						side: "left",
 						messages: u,
-						onPointerDown: ae
+						onPointerDown: V
 					}) : null,
-					f ? /* @__PURE__ */ Z(Er, {
+					f ? /* @__PURE__ */ Z(Dr, {
 						side: "right",
 						messages: u,
-						onPointerDown: ae
+						onPointerDown: V
 					}) : null
 				]
 			}),
@@ -220,12 +221,12 @@ function Sr(e) {
 				className: "markweave-image-caption-input",
 				"data-markweave-image-ui": "true",
 				"data-testid": "markweave-image-caption-input",
-				value: N,
+				value: P,
 				placeholder: d.captionPlaceholder,
 				"aria-label": d.captionAriaLabel,
-				onChange: (e) => ie(e.currentTarget.value),
+				onChange: (e) => B(e.currentTarget.value),
 				onKeyDown: (e) => {
-					e.key === "Escape" && (e.preventDefault(), ee(!1));
+					e.key === "Escape" && (e.preventDefault(), N(!1));
 				}
 			}) : g ? /* @__PURE__ */ Z("figcaption", {
 				className: "markweave-image-caption",
@@ -235,7 +236,7 @@ function Sr(e) {
 		] })
 	});
 }
-function Cr({ 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 wr({ 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",
@@ -317,7 +318,7 @@ function Cr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-function wr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i, onDelete: a, onDownload: o, onPreview: s, onReplace: c }) {
+function Tr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i, onDelete: a, onDownload: o, onPreview: s, onReplace: c }) {
 	let u = n.image;
 	return /* @__PURE__ */ Q("div", {
 		className: "markweave-image-toolbar",
@@ -325,21 +326,21 @@ function wr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 		"data-markweave-image-ui": "true",
 		"aria-label": u.toolsAriaLabel,
 		children: [
-			/* @__PURE__ */ Z(Tr, {
+			/* @__PURE__ */ Z(Er, {
 				testId: "markweave-image-align-left",
 				label: u.alignLeft,
 				icon: d,
 				active: e === "left",
 				onClick: () => r("left")
 			}),
-			/* @__PURE__ */ Z(Tr, {
+			/* @__PURE__ */ Z(Er, {
 				testId: "markweave-image-align-center",
 				label: u.alignCenter,
 				icon: l,
 				active: e === "center",
 				onClick: () => r("center")
 			}),
-			/* @__PURE__ */ Z(Tr, {
+			/* @__PURE__ */ Z(Er, {
 				testId: "markweave-image-align-right",
 				label: u.alignRight,
 				icon: f,
@@ -350,36 +351,36 @@ function wr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(Tr, {
+			/* @__PURE__ */ Z(Er, {
 				testId: "markweave-image-caption",
 				label: u.caption,
 				icon: h,
 				active: t,
 				onClick: i
 			}),
-			/* @__PURE__ */ Z(Tr, {
+			/* @__PURE__ */ Z(Er, {
 				testId: "markweave-image-preview",
 				label: u.preview,
 				icon: E,
 				onClick: s
 			}),
-			/* @__PURE__ */ Z(Tr, {
+			/* @__PURE__ */ Z(Er, {
 				testId: "markweave-image-download",
 				label: u.download,
 				icon: w,
 				onClick: o
 			}),
-			/* @__PURE__ */ Z(Tr, {
+			/* @__PURE__ */ Z(Er, {
 				testId: "markweave-image-replace",
 				label: u.replace,
-				icon: ie,
+				icon: B,
 				onClick: c
 			}),
 			/* @__PURE__ */ Z("span", {
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(Tr, {
+			/* @__PURE__ */ Z(Er, {
 				testId: "markweave-image-delete",
 				label: u.delete,
 				icon: pe,
@@ -388,7 +389,7 @@ function wr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 		]
 	});
 }
-function Tr({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
+function Er({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
 		"aria-label": n,
@@ -407,7 +408,7 @@ function Tr({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 		})]
 	});
 }
-function Er({ messages: e, onPointerDown: t, side: n }) {
+function Dr({ messages: e, onPointerDown: t, side: n }) {
 	return /* @__PURE__ */ Z("button", {
 		type: "button",
 		className: "markweave-image-resize-handle",
@@ -418,7 +419,7 @@ function Er({ messages: e, onPointerDown: t, side: n }) {
 		onPointerDown: (e) => t(n, e)
 	});
 }
-var Dr = Se.extend({
+var Or = Se.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -427,28 +428,28 @@ var Dr = Se.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(Sr, { stopEvent: ({ event: e }) => xr(e.target) });
+		return typeof document > "u" ? null : o(Cr, { stopEvent: ({ event: e }) => Sr(e.target) });
 	}
 });
 //#endregion
 //#region src/media/video-node.tsx
-function Or(e) {
+function kr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function kr(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.video, f = Ie(yr(r)), p = Pe(o.attrs.src), m = Pe(o.attrs.embedUrl), h = Pe(o.attrs.provider), g = m ? Me(m, h) : null, _ = Pe(o.attrs.mimeType), v = Pe(o.attrs.title), y = G(null), [b, x] = K(!1), [S, C] = K(""), [w, T] = K(null), [E, D] = K(!1), O = f && !p, k = () => {
+function Ar(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.video, f = Fe(br(r)), p = Y(o.attrs.src), m = Y(o.attrs.embedUrl), h = Y(o.attrs.provider), g = m ? J(m, h) : null, _ = Y(o.attrs.mimeType), v = Y(o.attrs.title), y = K(null), [b, x] = q(!1), [S, C] = q(""), [w, T] = q(null), [E, D] = q(!1), O = f && !p, k = () => {
 		if (!f) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
 	}, A = (e) => {
-		f && (Or(e.target) || (e.preventDefault(), k()));
+		f && (kr(e.target) || (e.preventDefault(), k()));
 	}, j = (e) => {
 		f && (e.key === "Delete" || e.key === "Backspace") && s && (e.preventDefault(), t());
 	}, M = async (e) => {
 		if (!(!f || !e)) {
 			T(null), D(!0);
 			try {
-				let t = await q(ke({
+				let t = await xe(ke({
 					type: "file",
 					file: e,
 					mimeType: e.type
@@ -467,7 +468,7 @@ function kr(e) {
 		"data-testid": "markweave-video-node",
 		"data-empty": "true",
 		"data-selected": "false",
-		children: /* @__PURE__ */ Z(Ar, {
+		children: /* @__PURE__ */ Z(jr, {
 			dragActive: b,
 			error: w,
 			fileInputRef: y,
@@ -514,7 +515,7 @@ function kr(e) {
 				"data-markweave-video-embed": "true",
 				"data-markweave-video-provider": h ?? void 0,
 				"data-markweave-video-src": p ?? void 0,
-				allow: J,
+				allow: je,
 				loading: "lazy",
 				allowFullScreen: !0
 			}), f ? /* @__PURE__ */ Z("button", {
@@ -548,7 +549,7 @@ function kr(e) {
 		})
 	});
 }
-function Ar({ 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 jr({ 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",
@@ -630,7 +631,7 @@ function Ar({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-var jr = Ce.extend({
+var Mr = Ce.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -639,29 +640,29 @@ var jr = Ce.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(kr, { stopEvent: ({ event: e }) => Or(e.target) });
+		return typeof document > "u" ? null : o(Ar, { stopEvent: ({ event: e }) => kr(e.target) });
 	}
 });
 //#endregion
 //#region src/link-card-node.tsx
-function Mr(e) {
+function Nr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
 }
-function Nr(e) {
+function Pr(e) {
 	return typeof navigator < "u" && navigator.clipboard?.writeText ? navigator.clipboard.writeText(e).catch(() => void 0) : Promise.resolve();
 }
-function Pr(e) {
+function Fr(e) {
 	!e || typeof window > "u" || window.open(e, "_blank", "noopener,noreferrer");
 }
-function Fr(e) {
+function Ir(e) {
 	try {
 		return new URL(e).host;
 	} catch {
 		return e;
 	}
 }
-function Ir(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? n("zh"), u = l.linkCard, d = Ie(yr(r)), f = Ve(o.attrs), [p, m] = K(!1), [h, g] = K(!1), [_, v] = K(!1), [y, b] = K(f?.title ?? ""), [x, C] = K(f?.href ?? ""), w = G(null);
+function Lr(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? n("zh"), u = l.linkCard, d = Fe(br(r)), f = Ve(o.attrs), [p, m] = q(!1), [h, g] = q(!1), [_, v] = q(!1), [y, b] = q(f?.title ?? ""), [x, C] = q(f?.href ?? ""), w = K(null);
 	if (U(() => () => w.current?.abort(), []), U(() => {
 		b(f?.title ?? ""), C(f?.href ?? ""), v(!1);
 	}, [f?.href, f?.title]), !f) return null;
@@ -690,7 +691,7 @@ function Ir(e) {
 	}, E = () => {
 		let e = i();
 		typeof e == "number" && Ue(r, e);
-	}, D = _ ? null : f.imageUrl, O = Fr(f.href);
+	}, D = _ ? null : f.imageUrl, O = Ir(f.href);
 	return /* @__PURE__ */ Q(a, {
 		as: "article",
 		className: "markweave-link-card",
@@ -701,10 +702,10 @@ function Ir(e) {
 		onMouseEnter: () => m(!0),
 		onMouseLeave: () => m(!1),
 		onMouseDown: (e) => {
-			Mr(e.target) || e.preventDefault();
+			Nr(e.target) || e.preventDefault();
 		},
 		onClick: (e) => {
-			Mr(e.target) || (e.preventDefault(), Pr(f.href));
+			Nr(e.target) || (e.preventDefault(), Fr(f.href));
 		},
 		children: [
 			/* @__PURE__ */ Q("a", {
@@ -742,21 +743,21 @@ function Ir(e) {
 				"data-markweave-link-card-ui": "true",
 				"aria-label": u.toolsAriaLabel,
 				children: [
-					/* @__PURE__ */ Z(Lr, {
+					/* @__PURE__ */ Z(Rr, {
 						label: u.convertToLink,
 						icon: I,
 						onClick: E,
 						testId: "markweave-link-card-convert"
 					}),
-					/* @__PURE__ */ Z(Lr, {
+					/* @__PURE__ */ Z(Rr, {
 						label: u.copyAddress,
 						icon: S,
-						onClick: () => void Nr(f.href),
+						onClick: () => void Pr(f.href),
 						testId: "markweave-link-card-copy"
 					}),
-					/* @__PURE__ */ Z(Lr, {
+					/* @__PURE__ */ Z(Rr, {
 						label: u.edit,
-						icon: B,
+						icon: ie,
 						onClick: (e) => {
 							let t = i();
 							typeof t == "number" && We({
@@ -772,7 +773,7 @@ function Ir(e) {
 						},
 						testId: "markweave-link-card-edit"
 					}),
-					/* @__PURE__ */ Z(Lr, {
+					/* @__PURE__ */ Z(Rr, {
 						label: u.delete,
 						icon: pe,
 						onClick: t,
@@ -809,7 +810,7 @@ function Ir(e) {
 		]
 	});
 }
-function Lr({ icon: e, label: t, onClick: n, testId: r }) {
+function Rr({ icon: e, label: t, onClick: n, testId: r }) {
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
 		"aria-label": t,
@@ -826,7 +827,7 @@ function Lr({ icon: e, label: t, onClick: n, testId: r }) {
 		})]
 	});
 }
-var Rr = Ge.extend({
+var zr = Ge.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -835,22 +836,23 @@ var Rr = Ge.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(Ir, { stopEvent: ({ event: e }) => Mr(e.target) });
+		return typeof document > "u" ? null : o(Lr, { stopEvent: ({ event: e }) => Nr(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function zr(t = {}) {
+function Br(t = {}) {
 	return e({
 		lang: t.lang,
-		linkCardExtension: Rr.configure({
+		onImageUpload: t.onImageUpload,
+		linkCardExtension: zr.configure({
 			lang: t.lang,
 			messages: n(t.lang),
 			resolver: t.linkCardResolver
 		}),
 		mediaExtensions: Be({
-			image: Dr,
-			video: jr,
+			image: Or,
+			video: Mr,
 			lang: t.lang,
 			onImageUpload: t.onImageUpload,
 			onVideoUpload: t.onVideoUpload
@@ -859,7 +861,7 @@ function zr(t = {}) {
 }
 //#endregion
 //#region src/ui/codeblock/CodeBlockControls.tsx
-function Br(e) {
+function Vr(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",
@@ -896,7 +898,7 @@ function Br(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 Vr({ icon: e }) {
+function Hr({ icon: e }) {
 	return /* @__PURE__ */ Z("svg", {
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
@@ -907,20 +909,20 @@ function Vr({ icon: e }) {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: "1.8",
-			children: Br(e)
+			children: Vr(e)
 		})
 	});
 }
-function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
-	let a = G(null), o = G(null), s = G(null), c = G({
+function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
+	let a = K(null), o = K(null), s = K(null), c = K({
 		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, M] = K(0), [ee, N] = K(0), P = pt(t), F = pn(t, l), I = !i && e && P.active && P.pos !== null ? {
-		...P,
-		pos: P.pos,
+	}), [l, u] = q(null), [d, f] = q(null), [p, m] = q([]), [h, g] = q(null), [_, v] = q(!1), [y, b] = q(""), [x, S] = q(null), [C, w] = q(!1), [T, E] = q(null), [D, O] = q(null), [k, A] = q(!1), [j, M] = q(0), [N, P] = q(0), F = pt(t), ee = pn(t, l), I = !i && e && F.active && F.pos !== null ? {
+		...F,
+		pos: F.pos,
 		active: !0
-	} : null, L = F ?? I, R = L !== null, te = L?.language === "mermaid", ne = _n(t, L), z = R && L !== null && !ne, re = !i, B = sn(L ? L.language : "text"), V = x?.status ?? "idle", ie = L?.mermaidPreviewMode ?? n, ae = te && ie === "preview", oe = hn(t), se = `${ee}|${oe.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, ce = W(() => dn(y.trim().toLowerCase()), [y]);
+	} : null, L = ee ?? I, te = L !== null, R = L?.language === "mermaid", z = _n(t, L), ne = te && L !== null && !z, re = !i, ie = sn(L ? L.language : "text"), ae = x?.status ?? "idle", B = L?.mermaidPreviewMode ?? n, V = R && B === "preview", oe = hn(t), se = `${N}|${oe.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, ce = G(() => dn(y.trim().toLowerCase()), [y]);
 	if (U(() => {
 		i && (v(!1), b(""));
 	}, [i]), U(() => {
@@ -973,7 +975,7 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			document.removeEventListener("keydown", e);
 		};
 	}, [t, T]), U(() => {
-		if (!R || !_) return;
+		if (!te || !_) return;
 		let e = (e) => {
 			e.key === "Escape" && (v(!1), t.view.focus());
 		}, n = (e) => {
@@ -983,10 +985,10 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			document.removeEventListener("keydown", e), document.removeEventListener("mousedown", n);
 		};
 	}, [
-		R,
+		te,
 		t,
 		_
-	]), ve(() => {
+	]), W(() => {
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
@@ -1009,15 +1011,15 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		j,
 		t,
 		se
-	]), ve(() => {
-		if (!z || !L) {
+	]), W(() => {
+		if (!ne || !L) {
 			f(null), g(null);
 			return;
 		}
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			let n = ln(t, L.pos, ie), r = e.getBoundingClientRect(), i = un(n, r);
+			let n = ln(t, L.pos, B), r = e.getBoundingClientRect(), i = un(n, r);
 			if (!i) {
 				f((e) => e?.pos === L.pos ? e : null), g((e) => _ ? e : null);
 				return;
@@ -1037,13 +1039,13 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
-		z,
+		ne,
 		j,
 		L?.pos,
 		t,
 		_,
-		ie
-	]), !z && oe.length === 0 && !T) return null;
+		B
+	]), !ne && oe.length === 0 && !T) return null;
 	let le = d ? {
 		top: d.top,
 		right: d.right
@@ -1059,17 +1061,17 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		S(mt(pt(t), e ? "copied" : "failed")), t.view.focus();
 	}, de = (e, n) => {
 		if (i) {
-			St(t, e.pos, n) && N((e) => e + 1);
+			St(t, e.pos, n) && P((e) => e + 1);
 			return;
 		}
-		let a = P.active && P.pos === e.pos;
-		vt(t, e.pos, n) && (r(n), N((e) => e + 1), a && t.view.focus());
+		let a = F.active && F.pos === e.pos;
+		vt(t, e.pos, n) && (r(n), P((e) => e + 1), a && t.view.focus());
 	}, fe = (e) => {
 		if (i || !L) return;
-		let n = P.active && P.pos === L.pos;
-		_t(t, L.pos, e) && (e === "mermaid" && vt(t, L.pos, "preview") && r("preview"), v(!1), b(""), N((e) => e + 1), n && t.view.focus());
+		let n = F.active && F.pos === L.pos;
+		_t(t, L.pos, e) && (e === "mermaid" && vt(t, L.pos, "preview") && r("preview"), v(!1), b(""), P((e) => e + 1), n && t.view.focus());
 	}, pe = () => {
-		i || !L || gt(t, L.pos, !ne) && (M((e) => e + 1), u(null));
+		i || !L || gt(t, L.pos, !z) && (M((e) => e + 1), u(null));
 	}, me = () => {
 		if (!L) return;
 		let e = gn(t, L.pos);
@@ -1101,15 +1103,15 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			lastX: 0,
 			lastY: 0
 		}, A(!1);
-	}, ye = (e) => {
+	}, ve = (e) => {
 		e.preventDefault(), _e(e.deltaY < 0 ? yn : -yn);
-	}, be = (e) => {
+	}, ye = (e) => {
 		e.button === 0 && (e.preventDefault(), c.current = {
 			active: !0,
 			lastX: e.clientX,
 			lastY: e.clientY
 		}, A(!0));
-	}, xe = (e) => {
+	}, be = (e) => {
 		let t = c.current;
 		if (!t.active) return;
 		let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
@@ -1118,7 +1120,7 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			lastX: e.clientX,
 			lastY: e.clientY
 		}, E((e) => bn(e, n, r));
-	}, q = () => {
+	}, xe = () => {
 		c.current = {
 			active: !1,
 			lastX: 0,
@@ -1152,11 +1154,11 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 					}, t))
 				}, e.pos);
 			}),
-			z ? /* @__PURE__ */ Q("div", {
+			ne ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-controls",
 				"data-testid": "markweave-codeblock-controls",
 				"data-positioned": d ? "true" : "false",
-				"data-collapsed": ne ? "true" : "false",
+				"data-collapsed": z ? "true" : "false",
 				"data-read-only": i ? "true" : "false",
 				"aria-label": "Code block controls",
 				style: le,
@@ -1165,7 +1167,7 @@ function Hr({ 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: B })
+						children: /* @__PURE__ */ Z("span", { children: ie })
 					}) : /* @__PURE__ */ Q("button", {
 						ref: o,
 						type: "button",
@@ -1176,18 +1178,18 @@ function Hr({ 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: B }), /* @__PURE__ */ Z(Vr, { icon: "chevron" })]
+						children: [/* @__PURE__ */ Z("span", { children: ie }), /* @__PURE__ */ Z(Hr, { icon: "chevron" })]
 					}),
 					re ? /* @__PURE__ */ Z("button", {
 						type: "button",
 						className: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
-						"aria-label": ne ? "Expand code block" : "Collapse code block",
-						title: ne ? "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": ne ? "true" : "false",
+						"data-collapsed": z ? "true" : "false",
 						onMouseDown: (e) => e.preventDefault(),
 						onClick: pe,
-						children: /* @__PURE__ */ Z(Vr, { icon: "chevron" })
+						children: /* @__PURE__ */ Z(Hr, { icon: "chevron" })
 					}) : null,
 					/* @__PURE__ */ Q("span", {
 						className: "markweave-codeblock-copy-wrap",
@@ -1196,14 +1198,14 @@ function Hr({ 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": V,
+							"data-copy-state": ae,
 							onMouseDown: (e) => e.preventDefault(),
 							onMouseEnter: () => w(!0),
 							onMouseLeave: () => w(!1),
 							onFocus: () => w(!0),
 							onBlur: () => w(!1),
 							onClick: ue,
-							children: /* @__PURE__ */ Z(Vr, { icon: V === "copied" ? "check" : "clipboard" })
+							children: /* @__PURE__ */ Z(Hr, { icon: ae === "copied" ? "check" : "clipboard" })
 						}), C ? /* @__PURE__ */ Z("span", {
 							className: "markweave-codeblock-tooltip",
 							role: "tooltip",
@@ -1211,7 +1213,7 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							children: "Copy to clipboard"
 						}) : null]
 					}),
-					te && ie === "preview" ? /* @__PURE__ */ Q("div", {
+					R && B === "preview" ? /* @__PURE__ */ Q("div", {
 						className: "markweave-mermaid-preview-actions",
 						"data-testid": "markweave-mermaid-preview-actions",
 						children: [/* @__PURE__ */ Z("button", {
@@ -1219,24 +1221,24 @@ function Hr({ 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: !ae,
+							disabled: !V,
 							onMouseDown: (e) => e.preventDefault(),
 							onClick: he,
-							children: /* @__PURE__ */ Z(Vr, { icon: "expand" })
+							children: /* @__PURE__ */ Z(Hr, { icon: "expand" })
 						}), /* @__PURE__ */ Z("button", {
 							type: "button",
 							className: "markweave-codeblock-icon-button",
 							"aria-label": "Download Mermaid SVG",
 							"data-testid": "markweave-mermaid-download",
-							disabled: !ae,
+							disabled: !V,
 							onMouseDown: (e) => e.preventDefault(),
 							onClick: me,
-							children: /* @__PURE__ */ Z(Vr, { icon: "download" })
+							children: /* @__PURE__ */ Z(Hr, { icon: "download" })
 						})]
 					}) : null
 				]
 			}) : null,
-			re && z && _ ? /* @__PURE__ */ Q("div", {
+			re && ne && _ ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-language-menu",
 				role: "listbox",
 				"aria-label": "Code block languages",
@@ -1257,7 +1259,7 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						onKeyDown: (e) => {
 							e.key === "Escape" && (e.preventDefault(), v(!1), t.view.focus());
 						}
-					}), /* @__PURE__ */ Z(Vr, { icon: "search" })]
+					}), /* @__PURE__ */ Z(Hr, { icon: "search" })]
 				}), /* @__PURE__ */ Z("div", {
 					className: "markweave-codeblock-language-list",
 					children: ce.map((e) => {
@@ -1270,7 +1272,7 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							"data-active": t ? "true" : "false",
 							onMouseDown: (e) => e.preventDefault(),
 							onClick: () => fe(e.language),
-							children: [/* @__PURE__ */ Z("span", { children: e.label }), t ? /* @__PURE__ */ Z(Vr, { icon: "check" }) : null]
+							children: [/* @__PURE__ */ Z("span", { children: e.label }), t ? /* @__PURE__ */ Z(Hr, { icon: "check" }) : null]
 						}, e.language);
 					})
 				})]
@@ -1296,7 +1298,7 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onFocus: () => O("zoom-out"),
 								onBlur: () => O(null),
 								onClick: () => _e(-yn),
-								children: /* @__PURE__ */ Z(Vr, { icon: "zoomOut" })
+								children: /* @__PURE__ */ Z(Hr, { icon: "zoomOut" })
 							}),
 							/* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-zoom-label",
@@ -1313,7 +1315,7 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onFocus: () => O("zoom-in"),
 								onBlur: () => O(null),
 								onClick: () => _e(yn),
-								children: /* @__PURE__ */ Z(Vr, { icon: "zoomIn" })
+								children: /* @__PURE__ */ Z(Hr, { icon: "zoomIn" })
 							}),
 							/* @__PURE__ */ Z("button", {
 								type: "button",
@@ -1325,7 +1327,7 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onFocus: () => O("reset"),
 								onBlur: () => O(null),
 								onClick: H,
-								children: /* @__PURE__ */ Z(Vr, { icon: "reset" })
+								children: /* @__PURE__ */ Z(Hr, { icon: "reset" })
 							}),
 							D ? /* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-tooltip",
@@ -1341,17 +1343,17 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
 						onClick: ge,
-						children: /* @__PURE__ */ Z(Vr, { icon: "close" })
+						children: /* @__PURE__ */ Z(Hr, { icon: "close" })
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "markweave-mermaid-fullscreen-viewport",
 						"data-testid": "markweave-mermaid-fullscreen-viewport",
 						"data-dragging": k ? "true" : "false",
-						onWheel: ye,
-						onMouseDown: be,
-						onMouseMove: xe,
-						onMouseUp: q,
-						onMouseLeave: q,
+						onWheel: ve,
+						onMouseDown: ye,
+						onMouseMove: be,
+						onMouseUp: xe,
+						onMouseLeave: xe,
 						children: /* @__PURE__ */ Z("div", {
 							className: "markweave-mermaid-fullscreen-content",
 							"data-testid": "markweave-mermaid-fullscreen-content",
@@ -1372,25 +1374,25 @@ function Hr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 }
 //#endregion
 //#region src/ui/floating-toolbar/FloatingToolbar.tsx
-var Ur = n("zh");
-function Wr() {
+var Wr = n("zh");
+function Gr() {
 	return typeof performance > "u" ? Date.now() : performance.now();
 }
-function Gr(e, t) {
+function Kr(e, t) {
 	return {
 		"--markweave-toolbar-motion-duration": `${e.motionDurationMs}ms`,
 		"--markweave-toolbar-motion-easing": e.motionEasing,
 		marginLeft: t === 0 ? void 0 : `${t}px`
 	};
 }
-function Kr(e, t) {
+function qr(e, t) {
 	let n = e?.getBoundingClientRect().height ?? 0, r = t?.getBoundingClientRect().height ?? 0;
 	return Math.max(n, r, 44);
 }
-function qr(e) {
+function Jr(e) {
 	if (e !== null) return { "--markweave-floating-toolbar-tooltip-left": `${e}px` };
 }
-function Jr(e, t, n, r) {
+function Yr(e, t, n, r) {
 	let i = {
 		bottom: t + r,
 		height: r,
@@ -1406,26 +1408,26 @@ function Jr(e, t, n, r) {
 		toJSON: () => i
 	};
 }
-function Yr(e) {
+function Xr(e) {
 	return e.width > 0 && e.height > 0;
 }
-function Xr(e) {
+function Zr(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 Jr(t, n, r - t, i - n);
+	return Yr(t, n, r - t, i - n);
 }
-function Zr(e, t) {
+function Qr(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 Qr(e) {
+function $r(e) {
 	if (typeof e.getClientRects != "function") return null;
-	let t = Array.from(e.getClientRects()).filter(Yr).map((e) => Jr(e.left, e.top, e.width, e.height));
+	let t = Array.from(e.getClientRects()).filter(Xr).map((e) => Yr(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 Yr(n) ? [Jr(n.left, n.top, n.width, n.height)] : null;
+	return Xr(n) ? [Yr(n.left, n.top, n.width, n.height)] : null;
 }
-function $r(e, t) {
+function ei(e, t) {
 	if (t.rangeCount === 0) return null;
 	let n = t.getRangeAt(0);
 	try {
@@ -1438,8 +1440,8 @@ function $r(e, t) {
 		return null;
 	}
 }
-function ei(e, t) {
-	let n = $r(e, t);
+function ti(e, t) {
+	let n = ei(e, t);
 	if (!n) return !1;
 	let { selection: r } = e.state, i = {
 		from: Math.min(r.from, r.to),
@@ -1447,51 +1449,51 @@ function ei(e, t) {
 	};
 	return n.from === i.from && n.to === i.to;
 }
-function ti(e) {
+function ni(e) {
 	let t = e.view.dom.ownerDocument.getSelection();
-	return !t || t.rangeCount === 0 || t.isCollapsed || !Zr(e, t) || !ei(e, t) ? null : Qr(t.getRangeAt(0));
+	return !t || t.rangeCount === 0 || t.isCollapsed || !Qr(e, t) || !ti(e, t) ? null : $r(t.getRangeAt(0));
 }
-function ni(e) {
+function ri(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), Qr(a);
+		return a.setStart(t.node, t.offset), a.setEnd(i.node, i.offset), $r(a);
 	} catch {
 		return null;
 	}
 }
-function ri(e) {
+function ii(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 = Jr(c, o, Math.max(i.right, a.right) - c, s - o);
-	return Yr(l) ? [l] : null;
-}
-function ii(e) {
-	return ti(e) ?? ni(e) ?? ri(e);
+	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 = Yr(c, o, Math.max(i.right, a.right) - c, s - o);
+	return Xr(l) ? [l] : null;
 }
 function ai(e) {
-	let t = ii(e);
-	return t && t.length > 0 ? Xr(t) : null;
+	return ni(e) ?? ri(e) ?? ii(e);
 }
 function oi(e) {
+	let t = ai(e);
+	return t && t.length > 0 ? Zr(t) : null;
+}
+function si(e) {
 	return {
-		getBoundingClientRect: () => ai(e) ?? Jr(0, 0, 0, 0),
-		getClientRects: () => ii(e) ?? []
+		getBoundingClientRect: () => oi(e) ?? Yr(0, 0, 0, 0),
+		getClientRects: () => ai(e) ?? []
 	};
 }
-function si(e) {
+function ci(e) {
 	return e === "block-type" || e === "link" || e === "color" || e === "more";
 }
-function ci(e, t, n) {
+function li(e, t, n) {
 	n?.(wn(e, t)), e.commands.focus();
 }
-function li({ editor: e, messages: t = Ur, selectionSnapshot: n, onRewriteSelection: r }) {
-	let i = W(() => kn(t), [t]), a = st(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, T] = K("bottom"), E = G(0), D = G(null), O = G(null), k = G(null), A = G(null), j = Tn(e, o.variant, t), M = jn(j.find((e) => e.id === c) ?? null), ee = Hn(m), N = H(() => {
+function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelection: r }) {
+	let i = G(() => kn(t), [t]), a = st(n, { editable: e.isEditable }), [o, s] = q(a), [c, l] = q(null), [u, d] = q(null), [f, p] = q(null), [m, h] = q(""), [g, _] = q(""), [v, y] = q(null), [b, x] = q(0), [S, C] = q(a.boundaryPadding), [w, T] = q("bottom"), E = K(0), D = K(null), O = K(null), k = K(null), A = K(null), j = Tn(e, o.variant, t), M = jn(j.find((e) => e.id === c) ?? null), N = Hn(m), P = H(() => {
 		let t = D.current, n = e.view.dom.closest(".markweave-editor-frame");
 		if (!t || !(n instanceof HTMLElement)) return;
-		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = Kr(t, O.current), s = E.current, c = nt({
+		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = qr(t, O.current), s = E.current, c = nt({
 			toolbarRect: {
 				left: r.left - s,
 				top: r.top,
@@ -1524,13 +1526,13 @@ function li({ editor: e, messages: t = Ur, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		o.boundaryPadding,
 		o.offset
-	]), P = H(() => {
+	]), F = H(() => {
 		D.current && (D.current.style.visibility = "hidden", D.current.style.opacity = "0");
-	}, []), F = H(() => {
-		N();
-	}, [N]), I = H(() => oi(e), [e]), L = H((e) => {
+	}, []), ee = H(() => {
+		P();
+	}, [P]), I = H(() => si(e), [e]), L = H((e) => {
 		k.current = e;
-	}, []), R = H(() => {
+	}, []), te = H(() => {
 		let t = D.current, n = k.current, r = e.view.dom.closest(".markweave-editor-frame");
 		if (!f || !t || !n) return;
 		let i = t.getBoundingClientRect(), a = n.getBoundingClientRect(), s = r?.getBoundingClientRect() ?? null, c = rt({
@@ -1549,18 +1551,18 @@ function li({ editor: e, messages: t = Ur, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		f,
 		o.boundaryPadding
-	]), te = W(() => ({
+	]), R = G(() => ({
 		...ot(o, { topBoundaryPadding: S }),
-		onShow: P,
-		onUpdate: F
+		onShow: F,
+		onUpdate: ee
 	}), [
-		P,
 		F,
+		ee,
 		o,
 		S
 	]);
 	U(() => {
-		let e = Wr();
+		let e = Gr();
 		s((t) => ut(t, a, e));
 	}, [
 		a.hiddenReason,
@@ -1575,8 +1577,8 @@ function li({ editor: e, messages: t = Ur, selectionSnapshot: n, onRewriteSelect
 		a.visibility
 	]), U(() => {
 		if (o.motionStartedAtMs === null || o.motionDurationMs <= 0) return;
-		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - Wr()), t = window.setTimeout(() => {
-			s((e) => et(e, Wr()));
+		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - Gr()), t = window.setTimeout(() => {
+			s((e) => et(e, Gr()));
 		}, e);
 		return () => {
 			window.clearTimeout(t);
@@ -1585,17 +1587,17 @@ function li({ editor: e, messages: t = Ur, selectionSnapshot: n, onRewriteSelect
 		o.motionDurationMs,
 		o.motionPhase,
 		o.motionStartedAtMs
-	]), ve(() => {
+	]), W(() => {
 		if (o.visibility !== "visible") {
 			E.current = 0, D.current && (D.current.style.marginLeft = "", D.current.style.visibility = "hidden", D.current.style.opacity = "0"), x(0), C(o.boundaryPadding);
 			return;
 		}
-		let e = Sn(N);
+		let e = Sn(P);
 		return e.schedule(), window.addEventListener("resize", e.schedule), window.addEventListener("scroll", e.schedule, !0), () => {
 			e.cancel(), window.removeEventListener("resize", e.schedule), window.removeEventListener("scroll", e.schedule, !0);
 		};
 	}, [
-		N,
+		P,
 		e.view.dom,
 		f,
 		n?.from,
@@ -1603,13 +1605,13 @@ function li({ editor: e, messages: t = Ur, selectionSnapshot: n, onRewriteSelect
 		o.variant,
 		o.visibility,
 		j.length
-	]), ve(() => {
+	]), W(() => {
 		if (!f) return;
-		let e = Sn(R);
+		let e = Sn(te);
 		return e.schedule(), window.addEventListener("resize", e.schedule), window.addEventListener("scroll", e.schedule, !0), () => {
 			e.cancel(), window.removeEventListener("resize", e.schedule), window.removeEventListener("scroll", e.schedule, !0);
 		};
-	}, [f, R]), U(() => {
+	}, [f, te]), U(() => {
 		f === "more" && i.some((e) => e.id === c) || j.some((e) => e.id === c) || (l(null), d(null));
 	}, [
 		i,
@@ -1633,8 +1635,8 @@ function li({ editor: e, messages: t = Ur, selectionSnapshot: n, onRewriteSelect
 		});
 		return () => window.cancelAnimationFrame(e);
 	}, [f]);
-	let ne = (t) => {
-		if (si(t.id)) {
+	let z = (t) => {
+		if (ci(t.id)) {
 			let n = t.id;
 			if (n === "link") {
 				let t = Dn(e);
@@ -1647,23 +1649,23 @@ function li({ editor: e, messages: t = Ur, selectionSnapshot: n, onRewriteSelect
 			return;
 		}
 		if (p(null), t.id === "improve") {
-			ci(e, "rewrite-selection", r);
+			li(e, "rewrite-selection", r);
 			return;
 		}
 		t.run(), e.commands.focus();
-	}, z = () => {
+	}, ne = () => {
 		p(null), e.commands.focus();
 	}, re = () => {
 		v && e.commands.setTextSelection(v);
-	}, B = () => {
-		re(), Cn(e, m) && z();
-	}, V = () => {
+	}, ie = () => {
+		re(), Cn(e, m) && ne();
+	}, ae = () => {
 		if (re(), Ln(e)) {
-			h(""), _(""), z();
+			h(""), _(""), ne();
 			return;
 		}
 		m.trim() && h("");
-	}, ie = (e, t) => {
+	}, B = (e, t) => {
 		if (l(e), !e || !t || !O.current) {
 			d(null);
 			return;
@@ -1676,55 +1678,55 @@ function li({ editor: e, messages: t = Ur, 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": te.strategy,
+		"data-position-strategy": R.strategy,
 		"data-boundary-padding": o.boundaryPadding,
 		"data-popover-placement": f ? w : void 0,
 		"data-testid": "markweave-floating-toolbar",
-		style: Gr(o, b),
+		style: Kr(o, b),
 		updateDelay: 0,
 		getReferencedVirtualElement: I,
-		options: te,
+		options: R,
 		shouldShow: ({ editor: e }) => e.isEditable && lt(at(e)),
 		children: /* @__PURE__ */ Q("div", {
 			ref: O,
 			className: "markweave-floating-toolbar-content",
 			"data-menu": f ?? "none",
 			children: [
-				j.map((e, t) => /* @__PURE__ */ Z(di, {
+				j.map((e, t) => /* @__PURE__ */ Z(fi, {
 					button: e,
 					expanded: f === e.id,
 					showDivider: t > 0 && j[t - 1].group !== e.group,
 					tooltipActive: c === e.id,
 					onPointerDown: In,
-					onTooltipChange: ie,
-					onRun: ne
+					onTooltipChange: B,
+					onRun: z
 				}, e.id)),
-				f === "block-type" ? /* @__PURE__ */ Z(pi, {
+				f === "block-type" ? /* @__PURE__ */ Z(mi, {
 					editor: e,
 					messages: t,
 					onPopoverRef: L,
 					onClose: () => p(null)
 				}) : null,
-				f === "link" ? /* @__PURE__ */ Z(ui, {
+				f === "link" ? /* @__PURE__ */ Z(di, {
 					inputRef: A,
 					messages: t,
 					value: m,
-					canApply: !!ee,
-					canOpen: !!ee,
+					canApply: !!N,
+					canOpen: !!N,
 					canRemove: !!(g || m.trim()),
 					onValueChange: h,
-					onApply: B,
+					onApply: ie,
 					onOpen: () => Fn(m),
-					onRemove: V,
+					onRemove: ae,
 					onPopoverRef: L
 				}) : null,
-				f === "color" ? /* @__PURE__ */ Z(hi, {
+				f === "color" ? /* @__PURE__ */ Z(gi, {
 					editor: e,
 					messages: t,
 					onPopoverRef: L,
 					onClose: () => p(null)
 				}) : null,
-				f === "more" ? /* @__PURE__ */ Z(_i, {
+				f === "more" ? /* @__PURE__ */ Z(vi, {
 					editor: e,
 					messages: t,
 					activeTooltipId: c,
@@ -1738,14 +1740,14 @@ function li({ editor: e, messages: t = Ur, selectionSnapshot: n, onRewriteSelect
 					"data-testid": "markweave-floating-toolbar-tooltip",
 					"data-button-id": M.buttonId,
 					"data-active": M.active,
-					style: qr(u),
+					style: Jr(u),
 					children: M.label
 				}) : null
 			]
 		})
 	});
 }
-function ui({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l, onPopoverRef: u }) {
+function di({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l, onPopoverRef: u }) {
 	let d = On(t);
 	return /* @__PURE__ */ Q("form", {
 		ref: u,
@@ -1798,7 +1800,7 @@ function ui({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 		})]
 	});
 }
-function di({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointerDown: i, onTooltipChange: a, onRun: o }) {
+function fi({ 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"
@@ -1806,7 +1808,7 @@ function di({ 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": si(e.id) ? t : void 0,
+		"aria-expanded": ci(e.id) ? t : void 0,
 		"data-active": e.active || t,
 		"data-tooltip-active": r ? "true" : "false",
 		"data-testid": `markweave-floating-toolbar-button-${e.id}`,
@@ -1816,13 +1818,13 @@ function di({ 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(fi, {
+		children: /* @__PURE__ */ Z(pi, {
 			button: e,
 			expanded: t
 		})
 	})] });
 }
-function fi({ button: e, expanded: t }) {
+function pi({ 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 })]
@@ -1840,7 +1842,7 @@ function fi({ button: e, expanded: t }) {
 		}), /* @__PURE__ */ Z($, { name: t ? "chevron-up" : "chevron-down" })]
 	}) : /* @__PURE__ */ Z($, { name: "more" });
 }
-function pi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
+function mi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 	let i = On(t), a = Mn(t);
 	return /* @__PURE__ */ Q("div", {
 		ref: n,
@@ -1859,21 +1861,21 @@ function pi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 			},
 			children: [/* @__PURE__ */ Z("span", {
 				className: "markweave-floating-toolbar-menu-icon",
-				children: /* @__PURE__ */ Z(mi, { option: t })
+				children: /* @__PURE__ */ Z(hi, { option: t })
 			}), /* @__PURE__ */ Z("span", { children: t.label })]
 		}, t.id))]
 	});
 }
-function mi({ option: e }) {
+function hi({ 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 hi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
+function gi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 	let i = On(t), a = e.getAttributes("textStyle").color, o = e.getAttributes("highlight").color;
 	return /* @__PURE__ */ Q("div", {
 		ref: n,
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
 		"data-testid": "markweave-floating-toolbar-color-menu",
-		children: [/* @__PURE__ */ Z(gi, {
+		children: [/* @__PURE__ */ Z(_i, {
 			title: i.textColorTitle,
 			mode: "text",
 			activeColor: a ?? null,
@@ -1881,7 +1883,7 @@ function hi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 			onSelect: (t) => {
 				Bn(e, t), r();
 			}
-		}), /* @__PURE__ */ Z(gi, {
+		}), /* @__PURE__ */ Z(_i, {
 			title: i.highlightColorTitle,
 			mode: "highlight",
 			activeColor: o ?? null,
@@ -1892,7 +1894,7 @@ function hi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 		})]
 	});
 }
-function gi({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
+function _i({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-floating-toolbar-color-section",
 		"aria-label": e,
@@ -1921,13 +1923,13 @@ function gi({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 		})]
 	});
 }
-function _i({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onTooltipChange: i, onClose: a }) {
+function vi({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onTooltipChange: i, onClose: a }) {
 	let o = kn(t);
 	return /* @__PURE__ */ Z("div", {
 		ref: r,
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-more-menu",
 		"data-testid": "markweave-floating-toolbar-more-menu",
-		children: o.map((t, r) => /* @__PURE__ */ Z(vi, {
+		children: o.map((t, r) => /* @__PURE__ */ Z(yi, {
 			action: t,
 			active: Nn(e, t.id),
 			tooltipActive: n === t.id,
@@ -1939,7 +1941,7 @@ function _i({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onToo
 		}, t.id))
 	});
 }
-function vi({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipChange: i, onRun: a }) {
+function yi({ 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"
@@ -1955,7 +1957,7 @@ function vi({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 			onMouseEnter: () => i(e.id),
 			onMouseLeave: () => i(null),
 			onClick: a,
-			children: /* @__PURE__ */ Z(yi, { id: e.id })
+			children: /* @__PURE__ */ Z(bi, { id: e.id })
 		}), n ? /* @__PURE__ */ Z("div", {
 			className: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 			role: "tooltip",
@@ -1963,41 +1965,41 @@ function vi({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 		}) : null]
 	})] });
 }
-function yi({ id: e }) {
+function bi({ 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 bi = {
+var xi = {
 	sparkles: se,
 	"chevron-down": v,
 	"chevron-up": y,
 	"corner-down-left": C,
 	"external-link": T,
 	bold: p,
-	italic: P,
+	italic: F,
 	underline: he,
 	strike: ce,
 	"inline-code": x,
 	link: I,
-	more: z,
+	more: ne,
 	text: me,
 	"bullet-list": L,
-	"numbered-list": te,
-	"todo-list": R,
-	quote: V,
+	"numbered-list": R,
+	"todo-list": te,
+	quote: ae,
 	"code-block": m,
 	superscript: ue,
 	subscript: le,
-	math: ae,
+	math: V,
 	"align-left": d,
 	"align-center": l,
 	"align-right": f,
 	"align-justify": u,
 	"decrease-indent": M,
-	"increase-indent": ee,
+	"increase-indent": N,
 	trash: pe
 };
 function $({ name: e }) {
-	let t = bi[e];
+	let t = xi[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -2007,8 +2009,8 @@ function $({ name: e }) {
 }
 //#endregion
 //#region src/ui/math/MathEditorPopover.tsx
-function xi({ 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(() => Dt(e, r) ?? 1, [e, r]), f = W(() => Ot(e, r), [e, r]), p = W(() => o === r.latex && f ? {
+function Si({ editor: e, messages: t, onClose: n, target: r }) {
+	let i = K(null), a = K(null), [o, s] = q(r.latex), [c, l] = q(null), u = t.math, d = G(() => Dt(e, r) ?? 1, [e, r]), f = G(() => Ot(e, r), [e, r]), p = G(() => o === r.latex && f ? {
 		html: f,
 		error: !1
 	} : Mt(o, r.kind, e), [
@@ -2192,31 +2194,31 @@ function xi({ editor: e, messages: t, onClose: n, target: r }) {
 }
 //#endregion
 //#region src/ui/slash-command/SlashCommandMenu.tsx
-var Si = n("zh"), Ci = {
+var Ci = n("zh"), wi = {
 	type: fe,
 	"heading-1": D,
 	"heading-2": O,
 	"heading-3": k,
 	"bullet-list": L,
-	"ordered-list": te,
-	"task-list": R,
-	blockquote: V,
+	"ordered-list": R,
+	"task-list": te,
+	blockquote: ae,
 	"code-block": m,
-	info: N,
-	tip: F,
+	info: P,
+	tip: ee,
 	warning: c,
 	error: b,
 	success: _,
 	emoji: oe,
-	math: ae,
+	math: V,
 	table: de,
-	separator: ne,
+	separator: z,
 	image: A,
 	video: _e,
 	attachment: re
 };
-function wi({ name: e }) {
-	let t = Ci[e];
+function Ti({ name: e }) {
+	let t = wi[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -2224,7 +2226,7 @@ function wi({ name: e }) {
 		strokeWidth: 1.6
 	});
 }
-function Ti(e, t, n) {
+function Ei(e, t, n) {
 	return !zt(e) || !n ? {
 		visible: !1,
 		empty: !1,
@@ -2239,17 +2241,17 @@ function Ti(e, t, n) {
 		activeIndex: Math.min(t.length - 1, Math.max(0, e.activeIndex))
 	};
 }
-function Ei(e, t) {
+function Di(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 Di(e, t) {
+function Oi(e, t) {
 	return t.slash.uploadKindLabels[e] ?? t.slash.uploadKindLabels.upload;
 }
-function Oi({ command: e, messages: t, onBack: n, onSelect: r }) {
-	let [i, a] = K(""), [o, s] = K(0), c = W(() => {
+function ki({ command: e, messages: t, onBack: n, onSelect: r }) {
+	let [i, a] = q(""), [o, s] = q(0), c = G(() => {
 		let e = i.trim().toLowerCase();
 		return (e ? t.slash.emojiItems.filter((t) => [
 			t.emoji,
@@ -2315,9 +2317,9 @@ function Oi({ command: e, messages: t, onBack: n, onSelect: r }) {
 		]
 	});
 }
-function ki({ 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] = q(""), [c, l] = q(null), [u, d] = q(null), [f, p] = q(!1), m = async (t) => {
+		r(e, { uploadResult: await xe({
 			kind: a,
 			source: t,
 			trigger: "slash-command"
@@ -2337,7 +2339,7 @@ function ki({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 				d(t.slash.uploadRequiredError);
 				return;
 			}
-			await m(be(o));
+			await m(ye(o));
 		} catch (e) {
 			d(e instanceof Error ? e.message : t.slash.uploadFailedError);
 		} finally {
@@ -2355,7 +2357,7 @@ function ki({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 					onMouseDown: (e) => e.preventDefault(),
 					onClick: n,
 					children: t.common.back
-				}), /* @__PURE__ */ Z("span", { children: Di(a, t) })]
+				}), /* @__PURE__ */ Z("span", { children: Oi(a, t) })]
 			}),
 			/* @__PURE__ */ Q("label", {
 				className: "markweave-slash-upload-field",
@@ -2403,10 +2405,10 @@ function ki({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 		]
 	});
 }
-function Ai({ commands: e, messages: t = Si, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
-	let l = Ti(n, e, r);
+function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
+	let l = Ei(n, e, r);
 	if (!l.visible || !r) return null;
-	let u = Ei(e, t), d = {
+	let u = Di(e, t), d = {
 		left: r.left,
 		top: r.top,
 		maxHeight: r.maxHeight,
@@ -2428,12 +2430,12 @@ function Ai({ commands: e, messages: t = Si, 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(Oi, {
+		children: i?.inputKind === "emoji" ? /* @__PURE__ */ Z(ki, {
 			command: i,
 			messages: t,
 			onBack: m,
 			onSelect: s
-		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(ki, {
+		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(Ai, {
 			command: i,
 			messages: t,
 			onBack: m,
@@ -2477,7 +2479,7 @@ function Ai({ commands: e, messages: t = Si, state: n, position: r, inputCommand
 							}
 						},
 						children: [
-							/* @__PURE__ */ Z(wi, { name: t.icon }),
+							/* @__PURE__ */ Z(Ti, { name: t.icon }),
 							/* @__PURE__ */ Z("span", { children: t.label }),
 							o && t.disabledReason ? /* @__PURE__ */ Z("small", { children: t.disabledReason }) : null
 						]
@@ -2489,9 +2491,9 @@ function Ai({ commands: e, messages: t = Si, state: n, position: r, inputCommand
 }
 //#endregion
 //#region src/ui/table/TableControls.tsx
-var ji = n("zh");
-function Mi({ active: e, editor: t, interactionState: n = Xt, messages: r = ji, 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 ? Jt(t.state) : null;
+var Mi = n("zh");
+function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi, onCopyPayload: i, onCommandResult: a, onEditWithAi: o }) {
+	let [s, c] = q(null), [l, u] = q("row-edge"), [d, f] = q(null), [p, m] = q(null), [h, g] = q(null), [_, v] = q(null), [y, b] = q(null), x = K(null), S = K(null), C = K(null), w = K(null), T = K(null), E = e ? Jt(t.state) : null;
 	if (U(() => {
 		if (!y) return;
 		let e = window.setTimeout(() => {
@@ -2500,7 +2502,7 @@ function Mi({ active: e, editor: t, interactionState: n = Xt, messages: r = ji,
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [y]), ve(() => {
+	}, [y]), W(() => {
 		if (!e) {
 			m(null), g(null), v(null), b(null);
 			return;
@@ -2540,7 +2542,7 @@ function Mi({ active: e, editor: t, interactionState: n = Xt, messages: r = ji,
 		n.hoverVisualRowIndex,
 		l,
 		s
-	]), ve(() => {
+	]), W(() => {
 		if (!e || !s) {
 			f(null);
 			return;
@@ -2603,7 +2605,7 @@ function Mi({ active: e, editor: t, interactionState: n = Xt, messages: r = ji,
 		i !== null && ar(t, i, e, { visualIndex: a }), D(e, r);
 	}, A = () => {
 		O(), D("selection", "selection-edge");
-	}, j = Qn(t, n, "row", E?.activeCellPos ?? null), M = Qn(t, n, "column", E?.activeCellPos ?? null), ee = Xn(t).length > 0, N = s ? nr(t, s) : [], P = async (e, n) => {
+	}, j = Qn(t, n, "row", E?.activeCellPos ?? null), M = Qn(t, n, "column", E?.activeCellPos ?? null), N = Xn(t).length > 0, P = s ? nr(t, s) : [], F = async (e, n) => {
 		let o = await qn({
 			editor: t,
 			commandId: e,
@@ -2611,7 +2613,7 @@ function Mi({ active: e, editor: t, interactionState: n = Xt, messages: r = ji,
 			messages: r
 		});
 		return o.copyFeedback ? (b(o.copyFeedback), o.copyPayload && i?.(o.copyPayload)) : b(null), a?.(o.commandResult), o.success;
-	}, F = (e) => {
+	}, ee = (e) => {
 		let n = $n(t, e);
 		n && o?.(n), c(null), t.view.focus();
 	};
@@ -2685,7 +2687,7 @@ function Mi({ active: e, editor: t, interactionState: n = Xt, messages: r = ji,
 					children: "..."
 				})
 			}) : null,
-			ee && _ ? /* @__PURE__ */ Z("button", {
+			N && _ ? /* @__PURE__ */ Z("button", {
 				type: "button",
 				ref: T,
 				className: "markweave-table-edge-handle markweave-table-edge-handle--selection",
@@ -2716,8 +2718,8 @@ function Mi({ active: e, editor: t, interactionState: n = Xt, messages: r = ji,
 					left: d.left,
 					top: d.top
 				} : void 0,
-				children: N.map((e, n) => {
-					let i = er(e), a = n === 0 ? i : er(N[n - 1]), l = n > 0 && a !== i, u = e.commandId === null ? !!o : Kn(t, e.commandId), d = tr(e, r);
+				children: P.map((e, n) => {
+					let i = er(e), a = n === 0 ? i : er(P[n - 1]), l = n > 0 && a !== i, u = e.commandId === null ? !!o : Kn(t, e.commandId), d = tr(e, r);
 					return /* @__PURE__ */ Z("button", {
 						type: "button",
 						role: "menuitem",
@@ -2732,10 +2734,10 @@ function Mi({ active: e, editor: t, interactionState: n = Xt, messages: r = ji,
 						onClick: () => {
 							if (u) {
 								if (e.commandId === null) {
-									F(s === "row" || s === "column" ? s : "selection");
+									ee(s === "row" || s === "column" ? s : "selection");
 									return;
 								}
-								P(e.commandId).finally(() => c(null));
+								F(e.commandId).finally(() => c(null));
 							}
 						},
 						children: d
@@ -2747,9 +2749,9 @@ function Mi({ active: e, editor: t, interactionState: n = Xt, messages: r = ji,
 }
 //#endregion
 //#region src/ui/table/TableSelectionOverlay.tsx
-function Ni({ editor: e, focusState: t }) {
-	let [n, r] = K(null);
-	return ve(() => {
+function Pi({ editor: e, focusState: t }) {
+	let [n, r] = q(null);
+	return W(() => {
 		if (t.mode !== "cell-selection") {
 			r(null);
 			return;
@@ -2790,11 +2792,11 @@ function Ni({ editor: e, focusState: t }) {
 }
 //#endregion
 //#region src/ui/toc/MarkweaveInnerToc.tsx
-function Pi(e, t) {
+function Fi(e, t) {
 	return `${e.toc.itemAriaLabel}: ${t.text}`;
 }
-function Fi({ editor: e, state: t, messages: n, editable: r, placement: i }) {
-	let a = G(null);
+function Ii({ editor: e, state: t, messages: n, editable: r, placement: i }) {
+	let a = K(null);
 	if (U(() => {
 		if (!(i !== "container" || !a.current)) return mr(a.current);
 	}, [i]), !t.items.length) return null;
@@ -2826,7 +2828,7 @@ function Fi({ editor: e, state: t, messages: n, editable: r, placement: i }) {
 					"data-level": e.level,
 					"data-active": e.active ? "true" : "false",
 					"aria-current": e.active ? "location" : void 0,
-					"aria-label": Pi(n, e),
+					"aria-label": Fi(n, e),
 					title: e.text,
 					onClick: () => o(e),
 					children: e.text
@@ -2837,7 +2839,7 @@ function Fi({ editor: e, state: t, messages: n, editable: r, placement: i }) {
 }
 //#endregion
 //#region src/MarkweaveEditor.tsx
-var Ii = {
+var Li = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -2845,21 +2847,21 @@ var Ii = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, Li = {
+}, Ri = {
 	active: !1,
 	language: ht.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
-}, Ri = Ct({
+}, zi = Ct({
 	active: !1,
 	mode: "code",
 	source: ""
 });
-function zi(e) {
+function Bi(e) {
 	return Zt.getState(e.state) ?? Xt;
 }
-function Bi(e) {
+function Vi(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -2869,91 +2871,93 @@ function Bi(e) {
 	}
 	return null;
 }
-function Vi(e) {
+function Hi(e) {
 	return typeof window > "u" || typeof window.requestAnimationFrame != "function" ? globalThis.setTimeout(() => e(0), 0) : window.requestAnimationFrame(e);
 }
-function Hi(e) {
+function Ui(e) {
 	if (typeof window < "u" && typeof window.cancelAnimationFrame == "function") {
 		window.cancelAnimationFrame(e);
 		return;
 	}
 	globalThis.clearTimeout(e);
 }
-function Ui({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a = !1, content: o, contentFormat: c, defaultContent: l = "", defaultContentFormat: u, editable: d = !0, innerToc: f = !0, innerTocPlacement: p, lang: m, mode: h = "live", theme: g, canvasColor: _, onEditWithAi: v, onExtractToNote: y, onRewriteSelection: b, onRuntimeStateChange: x, onSlashCommandUpload: S, onTableCommandResult: C, onTableCopyPayload: w, onTocChange: T, onUpdate: E, linkCardResolver: D } = {}) {
-	let O = Le(h), k = _r(g), A = gr(_), j = pr(p), M = O === "live" && d !== !1, ee = Ze(o === void 0 ? u : c), N = G({
-		editorMode: O,
-		effectiveEditable: M
+function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a = !1, content: o, contentFormat: c, defaultContent: l = "", defaultContentFormat: u, editable: d = !0, innerToc: f = !0, innerTocPlacement: p, lang: m, mode: h = "live", theme: g, canvasColor: _, onEditWithAi: v, onExtractToNote: y, onRewriteSelection: b, onRuntimeStateChange: x, onSearchControllerChange: S, onSlashCommandUpload: C, onTableCommandResult: w, onTableCopyPayload: T, onTocChange: E, onUpdate: D, linkCardResolver: O } = {}) {
+	let k = Ie(h), A = _r(g), j = gr(_), M = pr(p), N = k === "live" && d !== !1, P = Ze(o === void 0 ? u : c), F = K({
+		editorMode: k,
+		effectiveEditable: N
 	});
-	N.current = {
-		editorMode: O,
-		effectiveEditable: M
+	F.current = {
+		editorMode: k,
+		effectiveEditable: N
 	};
-	let P = G(null);
-	P.current === null && (P.current = r(m));
-	let F = P.current, I = W(() => n(F), [F]), L = W(() => t(F), [F]), R = G(S);
-	R.current = S;
-	let te = G(D);
-	te.current = D;
-	let ne = W(() => zr({
-		lang: F,
+	let ee = K(null);
+	ee.current === null && (ee.current = r(m));
+	let I = ee.current, L = G(() => n(I), [I]), te = G(() => t(I), [I]), R = K(C);
+	R.current = C;
+	let z = K(S);
+	z.current = S;
+	let ne = K(O);
+	ne.current = O;
+	let re = G(() => Br({
+		lang: I,
 		onImageUpload: (e) => {
 			if (R.current) return R.current(e);
-			let t = xe(e);
+			let t = be(e);
 			if (!t) throw Error("File upload requires an upload handler.");
 			return t;
 		},
 		onVideoUpload: (e) => {
 			if (R.current) return R.current(e);
-			let t = xe(e);
+			let t = be(e);
 			if (!t) throw Error("File upload requires an upload handler.");
 			return t;
 		},
-		linkCardResolver: (e) => te.current?.(e) ?? Promise.resolve(null)
-	}), [F]), [z, re] = K(null), [B, V] = K(Wt), [ie, ae] = K(null), [oe, se] = K(null), [ce, le] = K("code"), [ue, de] = K(null), [fe, pe] = K(Xt), [me, he] = K(null), [ge, _e] = K(0), ve = G(!1), ye = G({
+		linkCardResolver: (e) => ne.current?.(e) ?? Promise.resolve(null)
+	}), [I]), [ie, ae] = q(null), [B, V] = q(Wt), [oe, se] = q(null), [ce, le] = q(null), [ue, de] = q("code"), [fe, pe] = q(null), [me, he] = q(Xt), [ge, _e] = q(null), [W, ve] = q(0), ye = K(!1), xe = K({
 		content: o,
-		format: ee
-	}), be = G(null), q = G(null), Se = G({ onUpdate: E }), Ce = W(() => It(B.query, L), [L, B.query]);
-	Se.current = { onUpdate: E }, ye.current = {
+		format: P
+	}), Se = K(null), Ce = K(null), we = K({ onUpdate: D }), Te = G(() => It(B.query, te), [te, B.query]);
+	we.current = { onUpdate: D }, xe.current = {
 		content: o,
-		format: ee
+		format: P
 	};
-	let we = H(() => {
-		q.current !== null && (window.clearTimeout(q.current), q.current = null), _e((e) => e + 1);
-	}, []), Te = H(() => {
-		q.current !== null && window.clearTimeout(q.current), q.current = window.setTimeout(() => {
-			q.current = null, _e((e) => e + 1);
+	let Ee = H(() => {
+		Ce.current !== null && (window.clearTimeout(Ce.current), Ce.current = null), ve((e) => e + 1);
+	}, []), De = H(() => {
+		Ce.current !== null && window.clearTimeout(Ce.current), Ce.current = window.setTimeout(() => {
+			Ce.current = null, ve((e) => e + 1);
 		}, ct);
 	}, []);
 	U(() => () => {
-		q.current !== null && window.clearTimeout(q.current);
+		Ce.current !== null && window.clearTimeout(Ce.current);
 	}, []);
-	let Ee = H(() => {
-		ae(null), se(null), V(Wt);
-	}, []), De = H((e) => {
+	let Oe = H(() => {
+		se(null), le(null), V(Wt);
+	}, []), ke = H((e) => {
 		let t = Ut(e.state);
 		if (!t) {
-			V((e) => e.name === "idle" ? e : Wt), ae(null), se(null);
+			V((e) => e.name === "idle" ? e : Wt), se(null), le(null);
 			return;
 		}
 		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
-		ae(Ht(n, {
+		se(Ht(n, {
 			frameRect: i,
 			triggerRect: r
 		})), V((e) => Vt(e, t));
-	}, []), Oe = H((e) => De(e.view), [De]), ke = H((e) => {
+	}, []), Ae = H((e) => ke(e.view), [ke]), je = H((e) => {
 		let t = at(e);
-		re((e) => tt(e, t) ? e : t);
+		ae((e) => tt(e, t) ? e : t);
 		let n = jt(e);
-		n && (Nt(e, n, !0), de(n));
+		n && (Nt(e, n, !0), pe(n));
 		let r = pt(e);
-		r.active && r.language === "mermaid" && le(r.mermaidPreviewMode);
-	}, []), Ae = H((e) => {
-		pe(zi(e));
+		r.active && r.language === "mermaid" && de(r.mermaidPreviewMode);
+	}, []), Me = H((e) => {
+		he(Bi(e));
 	}, []), J = s({
-		extensions: ne,
+		extensions: re,
 		content: o ?? l,
-		contentType: Je(ee),
-		editable: M,
+		contentType: Je(P),
+		editable: N,
 		autofocus: a,
 		editorProps: {
 			attributes: {
@@ -2964,36 +2968,36 @@ function Ui({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 				spellcheck: "false",
 				translate: "no"
 			},
-			handleClick: (e, t, n) => N.current.effectiveEditable ? !1 : Qe(n),
+			handleClick: (e, t, n) => F.current.effectiveEditable ? !1 : Qe(n),
 			handleDOMEvents: {
-				compositionstart: () => N.current.effectiveEditable ? (V((e) => Gt(e, { type: "composition-start" })), ae(null), !1) : !1,
-				compositionend: (e) => (N.current.effectiveEditable && window.setTimeout(() => De(e), 0), !1),
+				compositionstart: () => F.current.effectiveEditable ? (V((e) => Gt(e, { type: "composition-start" })), se(null), !1) : !1,
+				compositionend: (e) => (F.current.effectiveEditable && window.setTimeout(() => ke(e), 0), !1),
 				click: (e, t) => {
-					if (N.current.effectiveEditable) {
+					if (F.current.effectiveEditable) {
 						let n = At(e, t);
-						return n ? (t.preventDefault(), t.stopPropagation(), Ee(), Pt(e, n, !0), Ft(e, n), de(n), !0) : (de(null), !1);
+						return n ? (t.preventDefault(), t.stopPropagation(), Oe(), Pt(e, n, !0), Ft(e, n), pe(n), !0) : (pe(null), !1);
 					}
 					return Qe(t);
 				}
 			}
 		},
 		onSelectionUpdate: ({ editor: e }) => {
-			ke(e);
+			je(e);
 		},
 		onCreate: ({ editor: e }) => {
-			i && N.current.effectiveEditable && qt(e), Ae(e), ke(e), we();
+			i && F.current.effectiveEditable && qt(e), Me(e), je(e), Ee();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			Ae(e), (t.docChanged || yt(t)) && Te(), t.docChanged && de((t) => {
+			Me(e), (t.docChanged || yt(t)) && De(), t.docChanged && pe((t) => {
 				if (!t) return null;
 				let n = kt(e, t.pos);
 				return n?.kind === t.kind ? n : null;
 			});
 		},
 		onUpdate: ({ editor: e }) => {
-			ke(e), N.current.effectiveEditable && Oe(e), ve.current || Se.current.onUpdate?.(qe(e, { onContentRead: (t, n) => {
-				let r = ye.current;
-				r.content !== void 0 && t === r.format && (be.current = {
+			je(e), F.current.effectiveEditable && Ae(e), ye.current || we.current.onUpdate?.(qe(e, { onContentRead: (t, n) => {
+				let r = xe.current;
+				r.content !== void 0 && t === r.format && (Se.current = {
 					content: n,
 					format: t,
 					doc: e.state.doc
@@ -3002,148 +3006,152 @@ function Ui({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 		}
 	});
 	U(() => {
-		J && (J.setEditable(M), Re(J, {
-			mode: O,
-			editable: M
-		}), xt(J, M ? "live" : "view"), we(), M || Ee());
+		if (J) return z.current?.(vr(J)), () => {
+			z.current?.(null);
+		};
+	}, [J]), U(() => {
+		J && (J.setEditable(N), Le(J, {
+			mode: k,
+			editable: N
+		}), xt(J, N ? "live" : "view"), Ee(), N || Oe());
 	}, [
-		Ee,
+		Oe,
 		J,
-		O,
-		M,
-		we
+		k,
+		N,
+		Ee
 	]), U(() => {
-		J && bt(J, k);
-	}, [J, k]), U(() => {
+		J && bt(J, A);
+	}, [J, A]), U(() => {
 		let e = Ze(c);
 		if (!(!J || o === void 0)) {
-			if (Xe(J, be.current, o, e)) {
-				be.current = null;
+			if (Xe(J, Se.current, o, e)) {
+				Se.current = null;
 				return;
 			}
-			be.current = null, !Ye(J, o, e) && (ve.current = !0, J.commands.setContent(o, {
+			Se.current = null, !Ye(J, o, e) && (ye.current = !0, J.commands.setContent(o, {
 				contentType: Je(e),
 				emitUpdate: !1
-			}), ve.current = !1, ke(J), M && Oe(J), Ae(J), we());
+			}), ye.current = !1, je(J), N && Ae(J), Me(J), Ee());
 		}
 	}, [
 		o,
 		c,
-		M,
+		N,
 		J,
-		we,
-		ke,
-		Oe,
-		Ae
+		Ee,
+		je,
+		Ae,
+		Me
 	]), U(() => {
-		if (!ie) return;
+		if (!oe) return;
 		let e = (e) => {
 			let t = e.target;
-			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || Ee());
+			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || Oe());
 		};
 		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-	}, [Ee, ie]);
-	let je = W(() => J ? pt(J) : Li, [
+	}, [Oe, oe]);
+	let Ne = G(() => J ? pt(J) : Ri, [
 		J,
-		ge,
-		z
-	]), Me = W(() => J ? Jt(J.state) : Ii, [
+		W,
+		ie
+	]), Y = G(() => J ? Jt(J.state) : Li, [
 		J,
-		ge,
-		z,
-		fe
-	]), Ne = z?.currentNode === "codeBlock", Pe = Ne && je.language === "mermaid", Fe = W(() => J ? Ct({
-		active: Pe,
-		mode: ce,
-		source: je.text
-	}) : Ri, [
-		je.text,
+		W,
+		ie,
+		me
+	]), Pe = ie?.currentNode === "codeBlock", Fe = Pe && Ne.language === "mermaid", Re = G(() => J ? Ct({
+		active: Fe,
+		mode: ue,
+		source: Ne.text
+	}) : zi, [
+		Ne.text,
 		J,
-		Pe,
-		ce
-	]), Ie = W(() => J ? Kt(J.state) : null, [J, ge]), Y = W(() => J ? dr(J.state.doc) : lr.items, [J, ge]), ze = W(() => fr(Y, me), [me, Y]), X = W(() => cr(Y, ze), [ze, Y]), Z = H(() => {
-		if (!J || !Y.length) {
-			he(null);
+		Fe,
+		ue
+	]), ze = G(() => J ? Kt(J.state) : null, [J, W]), X = G(() => J ? dr(J.state.doc) : lr.items, [J, W]), Z = G(() => fr(X, ge), [ge, X]), Q = G(() => cr(X, Z), [Z, X]), Be = H(() => {
+		if (!J || !X.length) {
+			_e(null);
 			return;
 		}
-		let e = ur(J, Y);
-		he((t) => t === e ? t : e);
-	}, [J, Y]);
+		let e = ur(J, X);
+		_e((t) => t === e ? t : e);
+	}, [J, X]);
 	U(() => {
-		he((e) => {
-			let t = fr(Y, e);
+		_e((e) => {
+			let t = fr(X, e);
 			return e === t ? e : t;
 		});
-	}, [Y]), U(() => {
-		if (!J || !Y.length || typeof window > "u") return;
+	}, [X]), U(() => {
+		if (!J || !X.length || typeof window > "u") return;
 		let e = null, t = () => {
-			e !== null && Hi(e), e = Vi(() => {
-				e = null, Z();
+			e !== null && Ui(e), e = Hi(() => {
+				e = null, Be();
 			});
-		}, n = Bi(J.view.dom);
+		}, n = Vi(J.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 && Hi(e);
+			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t), e !== null && Ui(e);
 		};
 	}, [
 		J,
-		Y.length,
-		Z
+		X.length,
+		Be
 	]);
-	let Q = W(() => $e({
-		revision: ge,
-		mode: O,
-		editable: M,
-		toc: X,
-		selection: z,
+	let Ve = G(() => $e({
+		revision: W,
+		mode: k,
+		editable: N,
+		toc: Q,
+		selection: ie,
 		slash: B,
-		table: Me,
-		tableInteraction: fe,
-		codeBlock: je,
-		mermaid: Fe,
-		tableDebugSnapshot: Ie
+		table: Y,
+		tableInteraction: me,
+		codeBlock: Ne,
+		mermaid: Re,
+		tableDebugSnapshot: ze
 	}), [
-		je,
-		O,
-		M,
-		Fe,
-		ge,
-		z,
+		Ne,
+		k,
+		N,
+		Re,
+		W,
+		ie,
 		B,
-		Ie,
-		Me,
-		fe,
-		X
+		ze,
+		Y,
+		me,
+		Q
 	]);
 	U(() => {
-		x?.(Q);
-	}, [x, Q]), U(() => {
-		T?.(X);
-	}, [T, X]);
-	let Be = H((e, t) => {
-		if (!(!J || !M) && Lt(e)) {
+		x?.(Ve);
+	}, [x, Ve]), U(() => {
+		E?.(Q);
+	}, [E, Q]);
+	let He = H((e, t) => {
+		if (!(!J || !N) && Lt(e)) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
-				se(e);
+				le(e);
 				return;
 			}
-			Bt(J, B, e, t), V((e) => Gt(e, { type: "execute" })), Ee();
+			Bt(J, B, e, t), V((e) => Gt(e, { type: "execute" })), Oe();
 		}
 	}, [
-		Ee,
-		M,
+		Oe,
+		N,
 		J,
 		B
-	]), Ve = H((e) => {
+	]), Ue = H((e) => {
 		V((t) => Gt(t, {
 			type: "set-active",
 			index: e,
-			optionCount: Ce.length
+			optionCount: Te.length
 		}));
-	}, [Ce.length]), He = H((e) => {
-		if (!J || oe || !M) return;
-		let t = Rt(B, Ce, e.key, { isComposing: e.nativeEvent.isComposing || Ke(J.state) });
+	}, [Te.length]), We = H((e) => {
+		if (!J || ce || !N) return;
+		let t = Rt(B, Te, e.key, { isComposing: e.nativeEvent.isComposing || Ke(J.state) });
 		if (t.type !== "ignore") {
 			if (t.type === "close") {
-				e.preventDefault(), V((e) => Gt(e, { type: "escape" })), Ee();
+				e.preventDefault(), V((e) => Gt(e, { type: "escape" })), Oe();
 				return;
 			}
 			if (t.type === "move-active") {
@@ -3154,18 +3162,18 @@ function Ui({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 				}));
 				return;
 			}
-			t.type === "execute-active" && (e.preventDefault(), Be(t.command));
+			t.type === "execute-active" && (e.preventDefault(), He(t.command));
 		}
 	}, [
-		Ee,
-		M,
+		Oe,
+		N,
 		J,
-		Ce,
-		Be,
-		oe,
+		Te,
+		He,
+		ce,
 		B
-	]), Ue = W(() => ({
-		closeSlashMenu: Ee,
+	]), Ge = G(() => ({
+		closeSlashMenu: Oe,
 		focusFirstTableBodyCell: () => J ? qt(J) : !1,
 		setContent: (e, t = {}) => {
 			if (!J) return !1;
@@ -3173,142 +3181,142 @@ function Ui({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 			return J.commands.setContent(e, {
 				contentType: Je(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && qt(J), ke(J), M && Oe(J), Ae(J), we(), !0;
+			}), t.focusFirstTableBodyCell && qt(J), je(J), N && Ae(J), Me(J), Ee(), !0;
 		}
 	}), [
-		Ee,
-		M,
-		J,
-		we,
-		ke,
 		Oe,
-		Ae
+		N,
+		J,
+		Ee,
+		je,
+		Ae,
+		Me
 	]);
 	return {
 		editor: J,
-		frameProps: W(() => ({
+		frameProps: G(() => ({
 			className: "markweave-editor-frame",
-			"aria-label": e ?? I.common.editorAriaLabel,
+			"aria-label": e ?? L.common.editorAriaLabel,
 			"data-testid": "markweave-editor-frame",
-			"data-markweave-mode": O,
-			"data-markweave-theme": k,
-			style: A ? { "--markweave-canvas": A } : void 0,
+			"data-markweave-mode": k,
+			"data-markweave-theme": A,
+			style: j ? { "--markweave-canvas": j } : void 0,
 			"data-markweave-inner-toc": f ? "true" : "false",
-			"data-markweave-inner-toc-placement": j,
-			"data-mermaid-mode": Fe.mode,
-			"data-table-focus-mode": Me.mode,
-			onKeyDownCapture: He
+			"data-markweave-inner-toc-placement": M,
+			"data-mermaid-mode": Re.mode,
+			"data-table-focus-mode": Y.mode,
+			onKeyDownCapture: We
 		}), [
 			e,
-			O,
-			He,
+			k,
+			We,
 			f,
-			Fe.mode,
-			I.common.editorAriaLabel,
-			A,
+			Re.mode,
+			L.common.editorAriaLabel,
 			j,
-			k,
-			Me.mode
+			M,
+			A,
+			Y.mode
 		]),
-		overlayProps: W(() => ({
-			floatingToolbar: J && M ? {
+		overlayProps: G(() => ({
+			floatingToolbar: J && N ? {
 				editor: J,
-				messages: I,
-				selectionSnapshot: z,
+				messages: L,
+				selectionSnapshot: ie,
 				onRewriteSelection: b,
 				onExtractToNote: y
 			} : null,
-			slashCommandMenu: J && M ? {
-				commands: Ce,
+			slashCommandMenu: J && N ? {
+				commands: Te,
 				state: B,
-				position: ie,
-				inputCommand: oe,
-				messages: I,
-				onActiveIndexChange: Ve,
-				onInputCommandChange: se,
-				onSelect: Be,
-				onUpload: S
+				position: oe,
+				inputCommand: ce,
+				messages: L,
+				onActiveIndexChange: Ue,
+				onInputCommandChange: le,
+				onSelect: He,
+				onUpload: C
 			} : null,
-			tableControls: J && M ? {
+			tableControls: J && N ? {
 				editor: J,
-				active: Me.active,
-				interactionState: fe,
-				messages: I,
-				onCopyPayload: w,
-				onCommandResult: C,
+				active: Y.active,
+				interactionState: me,
+				messages: L,
+				onCopyPayload: T,
+				onCommandResult: w,
 				onEditWithAi: v
 			} : null,
-			tableSelectionOverlay: J && M ? {
+			tableSelectionOverlay: J && N ? {
 				editor: J,
-				focusState: Me
+				focusState: Y
 			} : null,
 			codeBlockControls: J ? {
 				editor: J,
-				active: M && Ne,
-				mermaidMode: ce,
-				onMermaidModeChange: le,
-				readOnly: !M
+				active: N && Pe,
+				mermaidMode: ue,
+				onMermaidModeChange: de,
+				readOnly: !N
 			} : null,
-			innerToc: J && f && X.items.length ? {
+			innerToc: J && f && Q.items.length ? {
 				editor: J,
-				editable: M,
-				messages: I,
-				placement: j,
-				state: X
+				editable: N,
+				messages: L,
+				placement: M,
+				state: Q
 			} : null,
-			mathEditorPopover: J && M && ue ? {
+			mathEditorPopover: J && N && fe ? {
 				editor: J,
-				messages: I,
-				target: ue,
-				onClose: () => de(null)
+				messages: L,
+				target: fe,
+				onClose: () => pe(null)
 			} : null
 		}), [
-			M,
+			N,
 			J,
-			Ce,
+			Te,
 			f,
-			Ne,
-			ce,
-			I,
+			Pe,
 			ue,
+			L,
+			fe,
 			v,
 			y,
 			b,
-			S,
 			C,
 			w,
-			Be,
-			z,
-			Ve,
-			oe,
+			T,
+			He,
 			ie,
+			Ue,
+			ce,
+			oe,
 			B,
-			Me,
-			fe,
-			X
+			Y,
+			me,
+			Q
 		]),
-		runtimeSnapshot: Q,
-		actions: Ue
+		runtimeSnapshot: Ve,
+		actions: Ge
 	};
 }
-function Wi({ className: e, ...t }) {
-	let n = Ui(t);
+function Gi({ className: e, ...t }) {
+	let n = Wi(t);
 	if (!n.editor) return null;
 	let r = [n.frameProps.className, e].filter(Boolean).join(" ");
 	return /* @__PURE__ */ Q("section", {
 		...n.frameProps,
 		className: r,
 		children: [
-			n.overlayProps.floatingToolbar ? /* @__PURE__ */ Z(li, { ...n.overlayProps.floatingToolbar }) : null,
-			n.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(Ai, { ...n.overlayProps.slashCommandMenu }) : null,
-			n.overlayProps.tableControls ? /* @__PURE__ */ Z(Mi, { ...n.overlayProps.tableControls }) : null,
-			n.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(Ni, { ...n.overlayProps.tableSelectionOverlay }) : null,
-			n.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(Hr, { ...n.overlayProps.codeBlockControls }) : null,
-			n.overlayProps.innerToc ? /* @__PURE__ */ Z(Fi, { ...n.overlayProps.innerToc }) : null,
-			n.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(xi, { ...n.overlayProps.mathEditorPopover }) : null,
+			n.overlayProps.floatingToolbar ? /* @__PURE__ */ Z(ui, { ...n.overlayProps.floatingToolbar }) : null,
+			n.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(ji, { ...n.overlayProps.slashCommandMenu }) : null,
+			n.overlayProps.tableControls ? /* @__PURE__ */ Z(Ni, { ...n.overlayProps.tableControls }) : null,
+			n.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(Pi, { ...n.overlayProps.tableSelectionOverlay }) : null,
+			n.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(Ur, { ...n.overlayProps.codeBlockControls }) : null,
+			n.overlayProps.innerToc ? /* @__PURE__ */ Z(Ii, { ...n.overlayProps.innerToc }) : null,
+			n.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(Si, { ...n.overlayProps.mathEditorPopover }) : null,
 			/* @__PURE__ */ Z(i, { editor: n.editor })
 		]
 	});
 }
 //#endregion
-export { Wi as MarkweaveEditor, zr as createMarkweaveEditorExtensions, zr as createMarkweaveReactEditorExtensions, Ui as useMarkweaveEditorController };
+export { Gi as MarkweaveEditor, Br as createMarkweaveEditorExtensions, Br as createMarkweaveReactEditorExtensions, Wi as useMarkweaveEditorController };