@markweave/react 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,110 +1,123 @@
 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 { 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 { 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, Eye as S, Heading1 as C, Heading2 as w, Heading3 as T, Image as E, ImageUp as D, IndentDecrease as O, IndentIncrease as k, Info as A, Italic as j, Lightbulb as M, Link2 as N, List as P, ListChecks as F, ListOrdered as I, Minus as ee, MoreVertical as L, Paperclip as R, Quote as te, Replace as z, Sigma as ne, SmilePlus as re, Sparkles as ie, Strikethrough as ae, Subscript as oe, Superscript as se, Table2 as ce, Text as le, Trash2 as ue, Type as de, Underline as fe, Upload as pe, Video as B } from "lucide-react";
+import { useCallback as V, useEffect as H, useLayoutEffect as me, useMemo as U, useRef as W, useState as G, useSyncExternalStore as he } from "react";
+import { detectUploadSource as ge, getDirectUploadResult as _e, resolveMarkweaveUploadResult as K } from "markweave/internal/plugins/slash-command/upload";
+import { MarkweaveCoreImage as q, MarkweaveCoreVideo as ve, attrsFromMarkweaveImageUploadResult as ye, attrsFromMarkweaveVideoUploadResult as be, attrsFromMarkweaveVideoUrl as xe, clampMarkweaveImageWidth as Se, createMarkweaveImageUploadRequest as Ce, createMarkweaveVideoUploadRequest as J, downloadMarkweaveImage as we, markweaveVideoIframeAllow as Te, normalizeMarkweaveCoreImageAlign as Ee, normalizeMarkweaveVideoEmbedUrl as De, numberAttribute as Oe, stringAttribute as Y } from "markweave/internal/plugins/media/core-media-nodes";
+import { getLocalizedSlashCommandSpecs as ke, getMarkweaveMessages as Ae, normalizeMarkweaveLang as je } from "markweave/internal/i18n";
+import { getMarkweaveEditorModeState as Me, isMarkweaveEditorLiveEditable as Ne, normalizeMarkweaveEditorMode as Pe, setMarkweaveEditorModeState as Fe, subscribeToMarkweaveEditorMode as Ie } from "markweave/internal/core/editor-mode-state";
+import { openMarkweaveImagePreview as Le } from "markweave/internal/plugins/media/image-preview";
 import { Fragment as X, jsx as Z, jsxs as Q } from "react/jsx-runtime";
-import { createMarkweaveAdapterMediaExtensions as Ie } from "markweave/internal/plugins/media/media-extension-factory";
-import { isEditorComposing as Le } from "markweave/internal/editor-core/composition-guard";
-import { createMarkweaveEditorUpdatePayload as Re, getMarkweaveContentType as ze, isEditorContentCurrent as Be, normalizeMarkweaveContentFormat as Ve } from "markweave/internal/editor-core/editor-content";
-import { openMarkweaveReadonlyLinkFromEvent as He } from "markweave/internal/editor-core/readonly-link";
-import { createMarkweaveEditorRuntimeSnapshot as Ue } from "markweave/internal/editor-core/runtime-snapshot";
-import { advanceFloatingToolbarMotionState as We, calculateFloatingToolbarFrameShift as Ge, calculateFloatingToolbarTopBoundary as Ke, createSelectionSnapshot as qe, getFloatingToolbarFloatingOptions as Je, getFloatingToolbarState as Ye, shouldShowFloatingToolbar as Xe, transitionFloatingToolbarState as Ze } from "markweave/internal/editor-core/selection-state";
-import { codeBlockCollapsePluginKey as Qe, copyActiveCodeBlock as $e, getActiveCodeBlockState as et, getCodeBlockCopyFeedbackSnapshot as tt, markweaveCodeBlockBehavior as nt, setCodeBlockCollapsedAtPosition as rt, setCodeBlockLanguageAtPosition as it, setCodeBlockMermaidPreviewModeAtPosition as at } from "markweave/internal/plugins/codeblock/codeblock-behavior";
-import { isMermaidInlinePreviewTransaction as ot, setMermaidInlinePreviewEditorMode as st, setReadonlyMermaidPreviewMode as ct } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
-import { getMermaidPreviewState as lt } from "markweave/internal/plugins/mermaid/mermaid-renderer";
-import { applyMarkweaveMathLatex as ut, calculateMarkweaveMathPopoverPosition as dt, getMarkweaveMathAnchorRect as ft, getMarkweaveMathBlockIndex as pt, getMarkweaveMathRenderedHtml as mt, getMarkweaveMathTargetAtPos as ht, getMarkweaveMathTargetFromDomEvent as gt, getMarkweaveMathTargetFromSelection as _t, renderMarkweaveMathPreview as vt, setMarkweaveMathEditingDomState as yt, setMarkweaveMathEditingDomStateInView as bt, setMarkweaveMathSelectionInView as xt } from "markweave/internal/plugins/math/math-ui-model";
-import { filterSlashCommands as St, isExecutableSlashCommand as Ct } from "markweave/internal/plugins/slash-command/command-spec";
-import { getSlashCommandKeyboardAction as wt, isSlashCommandMenuState as Tt } from "markweave/internal/plugins/slash-command/slash-keyboard";
-import { executeSlashCommand as Et, getNextSlashCommandState as Dt, getSlashCommandAnchoredMenuPosition as Ot, getSlashCommandContext as kt } from "markweave/internal/plugins/slash-command/slash-runtime";
-import { initialSlashCommandState as At, reduceSlashCommandState as jt } from "markweave/internal/plugins/slash-command/slash-state";
-import { getFirstTableDebugSnapshot as Mt } from "markweave/internal/plugins/table/table-debug-snapshot";
-import { focusFirstTableBodyCell as Nt } from "markweave/internal/plugins/table/table-focus-position";
-import { getTableFocusState as Pt } from "markweave/internal/plugins/table/table-focus-state";
-import { getTableSelectionOverlayState as Ft, initialTableInteractionState as It, tableInteractionPluginKey as Lt } from "markweave/internal/plugins/table/table-interaction-layer";
-import { calculateCodeBlockLanguageMenuPosition as Rt, clampFullscreenScale as zt, codeBlockCopyFeedbackTimeoutMs as Bt, copyCodeBlockText as Vt, createCodeBlockOverlayPosition as Ht, createMermaidFullscreenViewerState as Ut, createMermaidTabPosition as Wt, focusCodeBlockTarget as Gt, formatCodeBlockLanguageLabel as Kt, formatFullscreenZoom as qt, getActiveCodeBlockElement as Jt, getAnchoredRect as Yt, getCodeBlockLanguageItems as Xt, getCodeBlockPositionFromEventTarget as Zt, getCodeBlockStateAtPosition as Qt, getFrameElement as $t, getMermaidCodeBlockTargets as en, getMermaidSvgMarkup as tn, isCodeBlockTargetCollapsed as nn, mergeStableMermaidTabPositions as rn, mermaidFullscreenZoomStep as an, moveMermaidFullscreenViewer as on } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
-import { BubbleMenu as sn } from "@tiptap/react/menus";
-import { applyFloatingToolbarLink as cn, createFloatingToolbarAssistantRequest as ln, getFloatingToolbarButtonModels as un, getFloatingToolbarHighlightColorOptions as dn, getFloatingToolbarLinkHref as fn, getFloatingToolbarMessageSet as pn, getFloatingToolbarMoreActions as mn, getFloatingToolbarTextColorOptions as hn, getFloatingToolbarTooltipModel as gn, getFloatingToolbarTurnIntoOptions as _n, isFloatingToolbarMoreActionActive as vn, isFloatingToolbarTurnIntoActive as yn, openFloatingToolbarLinkHref as bn, preventFloatingToolbarPointerFocusLoss as xn, removeFloatingToolbarLink as Sn, runFloatingToolbarMoreAction as Cn, setFloatingToolbarHighlightColor as wn, setFloatingToolbarTextColor as Tn, setFloatingToolbarTurnInto as En } from "markweave/internal/editor-core/floating-toolbar-model";
-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 { createMarkweaveAdapterMediaExtensions as Re } from "markweave/internal/plugins/media/media-extension-factory";
+import { isEditorComposing as ze } from "markweave/internal/editor-core/composition-guard";
+import { createMarkweaveEditorUpdatePayload as Be, getMarkweaveContentType as Ve, isEditorContentCurrent as He, normalizeMarkweaveContentFormat as Ue } from "markweave/internal/editor-core/editor-content";
+import { openMarkweaveReadonlyLinkFromEvent as We } from "markweave/internal/editor-core/readonly-link";
+import { createMarkweaveEditorRuntimeSnapshot as Ge } from "markweave/internal/editor-core/runtime-snapshot";
+import { advanceFloatingToolbarMotionState as Ke, calculateFloatingToolbarFrameShift as qe, calculateFloatingToolbarTopBoundary as Je, createSelectionSnapshot as Ye, getFloatingToolbarFloatingOptions as Xe, getFloatingToolbarState as Ze, shouldShowFloatingToolbar as Qe, transitionFloatingToolbarState as $e } from "markweave/internal/editor-core/selection-state";
+import { codeBlockCollapsePluginKey as et, copyActiveCodeBlock as tt, getActiveCodeBlockState as nt, getCodeBlockCopyFeedbackSnapshot as rt, markweaveCodeBlockBehavior as it, setCodeBlockCollapsedAtPosition as at, setCodeBlockLanguageAtPosition as ot, setCodeBlockMermaidPreviewModeAtPosition as st } from "markweave/internal/plugins/codeblock/codeblock-behavior";
+import { isMermaidInlinePreviewTransaction as ct, setMermaidInlinePreviewEditorMode as lt, setReadonlyMermaidPreviewMode as ut } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
+import { getMermaidPreviewState as dt } from "markweave/internal/plugins/mermaid/mermaid-renderer";
+import { applyMarkweaveMathLatex as ft, calculateMarkweaveMathPopoverPosition as pt, getMarkweaveMathAnchorRect as mt, getMarkweaveMathBlockIndex as ht, getMarkweaveMathRenderedHtml as gt, getMarkweaveMathTargetAtPos as _t, getMarkweaveMathTargetFromDomEvent as vt, getMarkweaveMathTargetFromSelection as yt, renderMarkweaveMathPreview as bt, setMarkweaveMathEditingDomState as xt, setMarkweaveMathEditingDomStateInView as St, setMarkweaveMathSelectionInView as Ct } from "markweave/internal/plugins/math/math-ui-model";
+import { filterSlashCommands as wt, isExecutableSlashCommand as Tt } from "markweave/internal/plugins/slash-command/command-spec";
+import { getSlashCommandKeyboardAction as Et, isSlashCommandMenuState as Dt } from "markweave/internal/plugins/slash-command/slash-keyboard";
+import { executeSlashCommand as Ot, getNextSlashCommandState as kt, getSlashCommandAnchoredMenuPosition as At, getSlashCommandContext as jt } from "markweave/internal/plugins/slash-command/slash-runtime";
+import { initialSlashCommandState as Mt, reduceSlashCommandState as Nt } from "markweave/internal/plugins/slash-command/slash-state";
+import { getFirstTableDebugSnapshot as Pt } from "markweave/internal/plugins/table/table-debug-snapshot";
+import { focusFirstTableBodyCell as Ft } from "markweave/internal/plugins/table/table-focus-position";
+import { getTableFocusState as It } from "markweave/internal/plugins/table/table-focus-state";
+import { getTableSelectionOverlayState as Lt, initialTableInteractionState as Rt, tableInteractionPluginKey as zt } from "markweave/internal/plugins/table/table-interaction-layer";
+import { calculateCodeBlockLanguageMenuPosition as Bt, clampFullscreenScale as Vt, codeBlockCopyFeedbackTimeoutMs as Ht, copyCodeBlockText as Ut, createCodeBlockOverlayPosition as Wt, createMermaidFullscreenViewerState as Gt, createMermaidTabPosition as Kt, focusCodeBlockTarget as qt, formatCodeBlockLanguageLabel as Jt, formatFullscreenZoom as Yt, getActiveCodeBlockElement as Xt, getAnchoredRect as Zt, getCodeBlockLanguageItems as Qt, getCodeBlockPositionFromEventTarget as $t, getCodeBlockStateAtPosition as en, getFrameElement as tn, getMermaidCodeBlockTargets as nn, getMermaidSvgMarkup as rn, isCodeBlockTargetCollapsed as an, mergeStableMermaidTabPositions as on, mermaidFullscreenZoomStep as sn, moveMermaidFullscreenViewer as cn } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
+import { BubbleMenu as ln } from "@tiptap/react/menus";
+import { applyFloatingToolbarLink as un, createFloatingToolbarAssistantRequest as dn, getFloatingToolbarButtonModels as fn, getFloatingToolbarHighlightColorOptions as pn, getFloatingToolbarLinkHref as mn, getFloatingToolbarMessageSet as hn, getFloatingToolbarMoreActions as gn, getFloatingToolbarTextColorOptions as _n, getFloatingToolbarTooltipModel as vn, getFloatingToolbarTurnIntoOptions as yn, isFloatingToolbarMoreActionActive as bn, isFloatingToolbarTurnIntoActive as xn, openFloatingToolbarLinkHref as Sn, preventFloatingToolbarPointerFocusLoss as Cn, removeFloatingToolbarLink as wn, runFloatingToolbarMoreAction as Tn, setFloatingToolbarHighlightColor as En, setFloatingToolbarTextColor as Dn, setFloatingToolbarTurnInto as On } from "markweave/internal/editor-core/floating-toolbar-model";
+import { normalizeMarkdownLinkHref as kn } from "markweave/internal/plugins/markdown/markdown-input";
+import { setMarkweaveTableMenuAxisTarget as An } from "markweave/internal/plugins/table/table-clipboard";
+import { calculateAnchoredTableMenuPosition as jn, calculateTableEdgeHandlePosition as Mn, canRunTableCommand as Nn, executeTableMenuCommand as Pn, formatTableCopyFeedback as Fn, getActiveTableElement as In, getAvailableCellMenuCommandSpecs as Ln, getTableAxisTargetRect as Rn, getTableControlAxisSelectionModel as zn, getTableEditWithAiRequest as Bn, getTableMenuItemGroup as Vn, getTableMenuItemLabel as Hn, getTableMenuItems as Un, getTableSelectionTargetRect as Wn, measureTableSelectionOverlay as Gn, selectTableAxisFromCell as Kn, tableCopyFeedbackTimeoutMs as qn, tableMenuLabel as Jn } from "markweave/internal/plugins/table/table-ui-model";
+import { createMarkweaveTocState as Yn, emptyMarkweaveTocState as Xn, getActiveMarkweaveTocId as Zn, getMarkweaveTocItems as Qn, getValidMarkweaveTocActiveId as $n, normalizeMarkweaveInnerTocPlacement as er, observeMarkweaveInnerTocContainerPosition as tr, scrollToMarkweaveTocItem as nr } from "markweave/internal/core/toc-state";
 //#region src/editor-mode-state.ts
-var $n = {
+var rr = {
 	mode: "live",
 	editable: !0
 };
-function er(e) {
-	return pe((t) => Fe(e, t), () => je(e), () => $n);
+function ir(e) {
+	return he((t) => Ie(e, t), () => Me(e), () => rr);
 }
 //#endregion
 //#region src/media/image-node.tsx
-var tr = Te;
-function nr(e) {
+var ar = Ee;
+function or(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);
+function sr(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: a, selected: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? Ae("zh"), u = l.image, d = Ne(ir(r)), f = Y(a.attrs.src), p = ar(a.attrs.align), m = Oe(a.attrs.width), h = Y(a.attrs.caption), g = W(null), _ = W(null), [v, y] = G(!1), [b, x] = G(!1), [C, w] = G(!1), [T, E] = G(""), [D, O] = G(null), [k, A] = G(!1), [j, M] = G(!!h), [N, P] = G(h ?? ""), F = d && (!f || b), I = () => {
+		f && Le({
+			src: f,
+			alt: Y(a.attrs.alt) ?? "",
+			messages: {
+				dialogAriaLabel: u.previewDialogAriaLabel,
+				zoomOut: u.previewZoomOut,
+				zoomIn: u.previewZoomIn,
+				reset: u.previewReset,
+				close: u.previewClose
+			}
+		});
+	};
 	H(() => {
-		A || M(h ?? "");
-	}, [h, A]);
-	let P = () => {
+		j || P(h ?? "");
+	}, [h, j]);
+	let ee = () => {
 		if (!d) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
-	}, te = () => {
+	}, L = () => {
 		if (d) {
-			if (T(""), D(null), C(!1), f) {
+			if (E(""), O(null), w(!1), f) {
 				x(!1);
 				return;
 			}
 			t();
 		}
-	}, ne = async (e) => {
+	}, R = async (e) => {
 		if (d) {
-			D(null), k(!0);
+			O(null), A(!0);
 			try {
-				let t = await q(J(e, f && b ? "image-replace" : "image-insert"), c.onUpload);
-				s(ve(a.attrs, t)), x(!1), T("");
+				let t = await K(Ce(e, f && b ? "image-replace" : "image-insert"), c.onUpload);
+				s(ye(a.attrs, t)), x(!1), E("");
 			} catch (e) {
-				D(e instanceof Error ? e.message : u.uploadFailedError);
+				O(e instanceof Error ? e.message : u.uploadFailedError);
 			} finally {
-				k(!1), C(!1);
+				A(!1), w(!1);
 			}
 		}
-	}, F = () => {
+	}, te = () => {
 		if (d) {
-			if (!w.trim()) {
-				D(u.uploadRequiredError);
+			if (!T.trim()) {
+				O(u.uploadRequiredError);
 				return;
 			}
-			ne(me(w));
+			R(ge(T));
 		}
-	}, I = (e) => {
-		!d || !e || ne({
+	}, z = (e) => {
+		!d || !e || R({
 			type: "file",
 			file: e,
 			mimeType: e.type
 		});
+	}, ne = (e) => {
+		z(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
 	}, 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) => {
+		e.preventDefault(), e.stopPropagation(), d && z(e.dataTransfer.files?.[0] ?? null);
+	}, ie = () => {
+		d && (M((e) => !e), j || P(h ?? ""));
+	}, ae = (e) => {
+		d && (P(e), s({ caption: e.trim() ? e : null }));
+	}, oe = (e, t) => {
 		if (t.preventDefault(), t.stopPropagation(), !d) return;
-		P();
+		ee();
 		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) => {
 			let n = e === "right" ? t.clientX - r : r - t.clientX;
-			s({ width: xe(i + n, a) });
+			s({ width: Se(i + n, a) });
 		}, c = () => {
 			window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", c);
 		};
@@ -116,39 +129,40 @@ function rr(e) {
 		"data-testid": "markweave-image-node",
 		"data-align": p,
 		"data-selected": d && o ? "true" : "false",
-		"data-hovered": d && v ? "true" : "false",
-		"data-empty": N ? "true" : "false",
+		"data-hovered": v ? "true" : "false",
+		"data-empty": F ? "true" : "false",
 		onPointerEnter: () => y(!0),
 		onPointerLeave: () => y(!1),
 		onMouseDown: (e) => {
-			d && !nr(e.target) && P();
+			d && !or(e.target) && ee();
 		},
-		children: N ? /* @__PURE__ */ Z(ir, {
-			dragActive: S,
-			error: E,
-			inputValue: w,
-			isSubmitting: O,
+		children: F ? /* @__PURE__ */ Z(cr, {
+			dragActive: C,
+			error: D,
+			inputValue: T,
+			isSubmitting: k,
 			fileInputRef: _,
 			messages: l,
-			onCancel: te,
-			onDrop: L,
-			onDragActiveChange: C,
-			onFileChange: re,
-			onInputChange: T,
-			onSubmit: F
+			onCancel: L,
+			onDrop: re,
+			onDragActiveChange: w,
+			onFileChange: ne,
+			onInputChange: E,
+			onSubmit: te
 		}) : /* @__PURE__ */ Q(X, { children: [
-			d ? /* @__PURE__ */ Z(ar, {
+			d ? /* @__PURE__ */ Z(lr, {
 				align: p,
-				captionActive: A || !!h,
+				captionActive: j || !!h,
 				messages: l,
 				onAlign: (e) => s({ align: e }),
-				onCaption: R,
+				onCaption: ie,
 				onDelete: t,
 				onDownload: () => {
-					f && Ce(f);
+					f && we(f);
 				},
+				onPreview: I,
 				onReplace: () => {
-					T(""), D(null), x(!0);
+					E(""), O(null), x(!0);
 				}
 			}) : null,
 			/* @__PURE__ */ Q("div", {
@@ -167,28 +181,46 @@ function rr(e) {
 						"data-testid": "markweave-image-readonly-empty",
 						"aria-hidden": "true"
 					}),
-					d ? /* @__PURE__ */ Z(sr, {
+					!d && f ? /* @__PURE__ */ Q("button", {
+						type: "button",
+						className: "markweave-image-preview-trigger",
+						"data-testid": "markweave-image-preview",
+						"data-markweave-image-ui": "true",
+						"aria-label": u.preview,
+						title: u.preview,
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: I,
+						children: [/* @__PURE__ */ Z(S, {
+							size: 16,
+							strokeWidth: 1.8
+						}), /* @__PURE__ */ Z("span", {
+							className: "markweave-image-tooltip",
+							role: "tooltip",
+							children: u.preview
+						})]
+					}) : null,
+					d ? /* @__PURE__ */ Z(dr, {
 						side: "left",
 						messages: l,
-						onPointerDown: ae
+						onPointerDown: oe
 					}) : null,
-					d ? /* @__PURE__ */ Z(sr, {
+					d ? /* @__PURE__ */ Z(dr, {
 						side: "right",
 						messages: l,
-						onPointerDown: ae
+						onPointerDown: oe
 					}) : null
 				]
 			}),
-			d && (A || h) ? /* @__PURE__ */ Z("input", {
+			d && (j || h) ? /* @__PURE__ */ Z("input", {
 				className: "markweave-image-caption-input",
 				"data-markweave-image-ui": "true",
 				"data-testid": "markweave-image-caption-input",
-				value: ee,
+				value: N,
 				placeholder: u.captionPlaceholder,
 				"aria-label": u.captionAriaLabel,
-				onChange: (e) => ie(e.currentTarget.value),
+				onChange: (e) => ae(e.currentTarget.value),
 				onKeyDown: (e) => {
-					e.key === "Escape" && (e.preventDefault(), j(!1));
+					e.key === "Escape" && (e.preventDefault(), M(!1));
 				}
 			}) : h ? /* @__PURE__ */ Z("figcaption", {
 				className: "markweave-image-caption",
@@ -198,7 +230,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 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 }) {
 	let f = a.image;
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-image-upload-placeholder",
@@ -225,7 +257,7 @@ function ir({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 			/* @__PURE__ */ Z("div", {
 				className: "markweave-image-upload-icon",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ Z(E, {
+				children: /* @__PURE__ */ Z(D, {
 					size: 46,
 					strokeWidth: 1.6
 				})
@@ -260,7 +292,7 @@ function ir({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 						"data-testid": "markweave-image-upload-submit",
 						disabled: i || !r.trim(),
 						onClick: d,
-						children: [/* @__PURE__ */ Z(E, {
+						children: [/* @__PURE__ */ Z(D, {
 							size: 16,
 							strokeWidth: 1.8
 						}), a.common.insert]
@@ -280,31 +312,31 @@ 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 }) {
-	let d = n.image;
+function lr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i, onDelete: a, onDownload: s, onPreview: u, onReplace: d }) {
+	let p = n.image;
 	return /* @__PURE__ */ Q("div", {
 		className: "markweave-image-toolbar",
 		"data-testid": "markweave-image-toolbar",
 		"data-markweave-image-ui": "true",
-		"aria-label": d.toolsAriaLabel,
+		"aria-label": p.toolsAriaLabel,
 		children: [
-			/* @__PURE__ */ Z(or, {
+			/* @__PURE__ */ Z(ur, {
 				testId: "markweave-image-align-left",
-				label: d.alignLeft,
+				label: p.alignLeft,
 				icon: c,
 				active: e === "left",
 				onClick: () => r("left")
 			}),
-			/* @__PURE__ */ Z(or, {
+			/* @__PURE__ */ Z(ur, {
 				testId: "markweave-image-align-center",
-				label: d.alignCenter,
+				label: p.alignCenter,
 				icon: o,
 				active: e === "center",
 				onClick: () => r("center")
 			}),
-			/* @__PURE__ */ Z(or, {
+			/* @__PURE__ */ Z(ur, {
 				testId: "markweave-image-align-right",
-				label: d.alignRight,
+				label: p.alignRight,
 				icon: l,
 				active: e === "right",
 				onClick: () => r("right")
@@ -313,39 +345,45 @@ 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(ur, {
 				testId: "markweave-image-caption",
-				label: d.caption,
+				label: p.caption,
 				icon: f,
 				active: t,
 				onClick: i
 			}),
-			/* @__PURE__ */ Z(or, {
+			/* @__PURE__ */ Z(ur, {
+				testId: "markweave-image-preview",
+				label: p.preview,
+				icon: S,
+				onClick: u
+			}),
+			/* @__PURE__ */ Z(ur, {
 				testId: "markweave-image-download",
-				label: d.download,
+				label: p.download,
 				icon: b,
 				onClick: s
 			}),
-			/* @__PURE__ */ Z(or, {
+			/* @__PURE__ */ Z(ur, {
 				testId: "markweave-image-replace",
-				label: d.replace,
-				icon: re,
-				onClick: u
+				label: p.replace,
+				icon: z,
+				onClick: d
 			}),
 			/* @__PURE__ */ Z("span", {
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(or, {
+			/* @__PURE__ */ Z(ur, {
 				testId: "markweave-image-delete",
-				label: d.delete,
-				icon: le,
+				label: p.delete,
+				icon: ue,
 				onClick: a
 			})
 		]
 	});
 }
-function or({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
+function ur({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
 		"aria-label": n,
@@ -364,7 +402,7 @@ function or({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 		})]
 	});
 }
-function sr({ 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",
@@ -375,42 +413,42 @@ function sr({ messages: e, onPointerDown: t, side: n }) {
 		onPointerDown: (e) => t(n, e)
 	});
 }
-var cr = ge.extend({
+var fr = q.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
-			messages: ke("zh"),
+			messages: Ae("zh"),
 			onUpload: void 0
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : r(rr, { stopEvent: ({ event: e }) => nr(e.target) });
+		return typeof document > "u" ? null : r(sr, { stopEvent: ({ event: e }) => or(e.target) });
 	}
 });
 //#endregion
 //#region src/media/video-node.tsx
-function lr(e) {
+function pr(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 mr(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: a, selected: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? Ae("zh"), u = l.video, d = Ne(ir(r)), f = Y(a.attrs.src), p = Y(a.attrs.embedUrl), m = Y(a.attrs.provider), h = p ? De(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 && (pr(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(J({
 					type: "file",
 					file: e,
 					mimeType: e.type
 				}), c.onUpload);
-				s(ye(t)), S("");
+				s(be(t)), S("");
 			} catch (e) {
 				w(e instanceof Error ? e.message : u.uploadFailedError);
 			} finally {
@@ -424,7 +462,7 @@ function ur(e) {
 		"data-testid": "markweave-video-node",
 		"data-empty": "true",
 		"data-selected": "false",
-		children: /* @__PURE__ */ Z(dr, {
+		children: /* @__PURE__ */ Z(hr, {
 			dragActive: y,
 			error: C,
 			fileInputRef: v,
@@ -442,7 +480,7 @@ function ur(e) {
 			onInputChange: S,
 			onSubmit: () => {
 				if (!d) return;
-				let e = be(x);
+				let e = xe(x);
 				if (!e) {
 					w(u.unsupportedUrlError);
 					return;
@@ -471,7 +509,7 @@ function ur(e) {
 				"data-markweave-video-embed": "true",
 				"data-markweave-video-provider": m ?? void 0,
 				"data-markweave-video-src": f ?? void 0,
-				allow: we,
+				allow: Te,
 				allowFullScreen: !0
 			}), d ? /* @__PURE__ */ Z("button", {
 				type: "button",
@@ -503,7 +541,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 hr({ 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 +568,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(B, {
 					size: 46,
 					strokeWidth: 1.6
 				})
@@ -565,7 +603,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(pe, {
 							size: 16,
 							strokeWidth: 1.8
 						}), a.common.insert]
@@ -585,26 +623,26 @@ function dr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-var fr = _e.extend({
+var gr = ve.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
-			messages: ke("zh"),
+			messages: Ae("zh"),
 			onUpload: void 0
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : r(ur, { stopEvent: ({ event: e }) => lr(e.target) });
+		return typeof document > "u" ? null : r(mr, { stopEvent: ({ event: e }) => pr(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function pr(t = {}) {
+function _r(t = {}) {
 	return e({
 		lang: t.lang,
-		mediaExtensions: Ie({
-			image: cr,
-			video: fr,
+		mediaExtensions: Re({
+			image: fr,
+			video: gr,
 			lang: t.lang,
 			onImageUpload: t.onImageUpload,
 			onVideoUpload: t.onVideoUpload
@@ -613,7 +651,7 @@ function pr(t = {}) {
 }
 //#endregion
 //#region src/ui/codeblock/CodeBlockControls.tsx
-function mr(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",
@@ -650,7 +688,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 yr({ icon: e }) {
 	return /* @__PURE__ */ Z("svg", {
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
@@ -661,27 +699,27 @@ function hr({ icon: e }) {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: "1.8",
-			children: mr(e)
+			children: vr(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 br({ 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 = nt(t), I = en(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]);
+	} : null, L = I ?? ee, R = L !== null, te = L?.language === "mermaid", z = an(t, L), ne = R && L !== null && !z, re = !i, ie = Jt(L ? L.language : "text"), ae = x?.status ?? "idle", oe = L?.mermaidPreviewMode ?? n, se = te && oe === "preview", ce = nn(t), le = `${N}|${ce.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, ue = U(() => Qt(y.trim().toLowerCase()), [y]);
 	if (H(() => {
 		i && (v(!1), b(""));
 	}, [i]), H(() => {
 		if (!x) return;
 		let e = window.setTimeout(() => {
 			S(null);
-		}, Bt);
+		}, Ht);
 		return () => {
 			window.clearTimeout(e);
 		};
@@ -689,12 +727,12 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		S(null), v(!1), b(""), E(null), O(null), A(!1);
 	}, [
 		e,
-		F?.language,
-		F?.pos,
-		F?.text
+		L?.language,
+		L?.pos,
+		L?.text
 	]), H(() => {
 		let e = ({ transaction: e }) => {
-			e.getMeta(Qe) && ee((e) => e + 1);
+			e.getMeta(et) && M((e) => e + 1);
 		};
 		return t.on("transaction", e), () => {
 			t.off("transaction", e);
@@ -704,7 +742,7 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		if (!e) return;
 		let n = (e) => {
 			if (e.target instanceof Node && a.current?.contains(e.target) || _) return;
-			let n = Qt(t, Zt(t, e.target)), r = n && !nn(t, n) ? n.pos : null;
+			let n = en(t, $t(t, e.target)), r = n && !an(t, n) ? n.pos : null;
 			u((e) => e === r ? e : r);
 		}, r = () => {
 			_ || u(null);
@@ -727,7 +765,7 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			document.removeEventListener("keydown", e);
 		};
 	}, [t, T]), H(() => {
-		if (!I || !_) return;
+		if (!R || !_) return;
 		let e = (e) => {
 			e.key === "Escape" && (v(!1), t.view.focus());
 		}, n = (e) => {
@@ -737,22 +775,22 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			document.removeEventListener("keydown", e), document.removeEventListener("mousedown", n);
 		};
 	}, [
-		I,
+		R,
 		t,
 		_
-	]), U(() => {
+	]), me(() => {
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			if (!$t(e) || z.length === 0) {
+			if (!tn(e) || ce.length === 0) {
 				m([]);
 				return;
 			}
-			let n = e.getBoundingClientRect(), r = z.flatMap((e) => {
-				let r = Yt(Jt(t, e.pos, e.mermaidPreviewMode), n);
-				return r ? [Wt(e, r, n)] : [];
+			let n = e.getBoundingClientRect(), r = ce.flatMap((e) => {
+				let r = Zt(Xt(t, e.pos, e.mermaidPreviewMode), n);
+				return r ? [Kt(e, r, n)] : [];
 			});
-			m((e) => rn(e, r, z.map((e) => e.pos)));
+			m((e) => on(e, r, ce.map((e) => e.pos)));
 		};
 		e();
 		let n = window.requestAnimationFrame(e);
@@ -763,23 +801,23 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		j,
 		t,
 		le
-	]), U(() => {
-		if (!R || !F) {
+	]), me(() => {
+		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 = Xt(t, L.pos, oe), r = e.getBoundingClientRect(), i = Zt(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 = Wt(L.pos, i, r);
 			if (f(s), _ && o.current) {
 				let e = o.current.getBoundingClientRect();
-				g(Rt({
+				g(Bt({
 					overlayRect: r,
 					buttonRect: e,
 					windowWidth: window.innerWidth,
@@ -791,72 +829,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 Ut(L.text);
+			S(rt(L, e ? "copied" : "failed"));
 			return;
 		}
-		if (!Gt(t, F)) return;
-		let e = await $e(t);
-		S(tt(et(t), e ? "copied" : "failed")), t.view.focus();
-	}, fe = (e, n) => {
+		if (!qt(t, L)) return;
+		let e = await tt(t);
+		S(rt(nt(t), e ? "copied" : "failed")), t.view.focus();
+	}, pe = (e, n) => {
 		if (i) {
-			ct(t, e.pos, n) && N((e) => e + 1);
+			ut(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));
-	}, me = () => {
-		if (!F) return;
-		let e = tn(t, F.pos);
+		let a = F.active && F.pos === e.pos;
+		st(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;
+		ot(t, L.pos, e) && (e === "mermaid" && st(t, L.pos, "preview") && r("preview"), v(!1), b(""), P((e) => e + 1), n && t.view.focus());
+	}, V = () => {
+		i || !L || at(t, L.pos, !z) && (M((e) => e + 1), u(null));
+	}, he = () => {
+		if (!L) return;
+		let e = rn(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);
-		e && (E(Ut(e)), O(null), A(!1), c.current = {
+	}, ge = () => {
+		if (!L) return;
+		let e = rn(t, L.pos);
+		e && (E(Gt(e)), O(null), A(!1), c.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		});
-	}, q = () => {
+	}, _e = () => {
 		E(null), O(null), A(!1), c.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		}, t.view.focus();
-	}, ge = (e) => {
+	}, K = (e) => {
 		E((t) => t && {
 			...t,
-			scale: zt(t.scale + e)
+			scale: Vt(t.scale + e)
 		});
-	}, _e = () => {
-		E((e) => e && Ut(e.svg)), c.current = {
+	}, q = () => {
+		E((e) => e && Gt(e.svg)), c.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		}, A(!1);
 	}, ve = (e) => {
-		e.preventDefault(), ge(e.deltaY < 0 ? an : -an);
+		e.preventDefault(), K(e.deltaY < 0 ? sn : -sn);
 	}, ye = (e) => {
 		e.button === 0 && (e.preventDefault(), c.current = {
 			active: !0,
@@ -871,7 +909,7 @@ function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			active: !0,
 			lastX: e.clientX,
 			lastY: e.clientY
-		}, E((e) => on(e, n, r));
+		}, E((e) => cn(e, n, r));
 	}, xe = () => {
 		c.current = {
 			active: !1,
@@ -885,7 +923,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 +939,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 +957,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 +968,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(yr, { 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: V,
+						children: /* @__PURE__ */ Z(yr, { icon: "chevron" })
 					}) : null,
 					/* @__PURE__ */ Q("span", {
 						className: "markweave-codeblock-copy-wrap",
@@ -950,14 +988,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(yr, { icon: ae === "copied" ? "check" : "clipboard" })
 						}), C ? /* @__PURE__ */ Z("span", {
 							className: "markweave-codeblock-tooltip",
 							role: "tooltip",
@@ -965,7 +1003,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 +1011,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(yr, { 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(yr, { 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 +1049,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(yr, { 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 +1061,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(yr, { icon: "check" }) : null]
 						}, e.language);
 					})
 				})]
@@ -1049,13 +1087,13 @@ 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: () => K(-sn),
+								children: /* @__PURE__ */ Z(yr, { icon: "zoomOut" })
 							}),
 							/* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-zoom-label",
 								"data-testid": "markweave-mermaid-fullscreen-zoom-label",
-								children: qt(T.scale)
+								children: Yt(T.scale)
 							}),
 							/* @__PURE__ */ Z("button", {
 								type: "button",
@@ -1066,8 +1104,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: () => K(sn),
+								children: /* @__PURE__ */ Z(yr, { icon: "zoomIn" })
 							}),
 							/* @__PURE__ */ Z("button", {
 								type: "button",
@@ -1078,8 +1116,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(yr, { icon: "reset" })
 							}),
 							D ? /* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-tooltip",
@@ -1094,8 +1132,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: _e,
+						children: /* @__PURE__ */ Z(yr, { icon: "close" })
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "markweave-mermaid-fullscreen-viewport",
@@ -1126,25 +1164,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 xr = Ae("zh");
+function Sr() {
 	return typeof performance > "u" ? Date.now() : performance.now();
 }
-function yr(e, t) {
+function Cr(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 wr(e, t) {
 	let n = e?.getBoundingClientRect().height ?? 0, r = t?.getBoundingClientRect().height ?? 0;
 	return Math.max(n, r, 44);
 }
-function xr(e) {
+function Tr(e) {
 	if (e !== null) return { "--markweave-floating-toolbar-tooltip-left": `${e}px` };
 }
-function Sr(e, t, n, r) {
+function Er(e, t, n, r) {
 	let i = {
 		bottom: t + r,
 		height: r,
@@ -1160,26 +1198,26 @@ function Sr(e, t, n, r) {
 		toJSON: () => i
 	};
 }
-function Cr(e) {
+function Dr(e) {
 	return e.width > 0 && e.height > 0;
 }
-function wr(e) {
+function Or(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 Er(t, n, r - t, i - n);
 }
-function Tr(e, t) {
+function kr(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 Ar(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(Dr).map((e) => Er(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 Dr(n) ? [Er(n.left, n.top, n.width, n.height)] : null;
 }
-function Dr(e, t) {
+function jr(e, t) {
 	if (t.rangeCount === 0) return null;
 	let n = t.getRangeAt(0);
 	try {
@@ -1192,8 +1230,8 @@ function Dr(e, t) {
 		return null;
 	}
 }
-function Or(e, t) {
-	let n = Dr(e, t);
+function Mr(e, t) {
+	let n = jr(e, t);
 	if (!n) return !1;
 	let { selection: r } = e.state, i = {
 		from: Math.min(r.from, r.to),
@@ -1201,51 +1239,51 @@ function Or(e, t) {
 	};
 	return n.from === i.from && n.to === i.to;
 }
-function kr(e) {
+function Nr(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 || !kr(e, t) || !Mr(e, t) ? null : Ar(t.getRangeAt(0));
 }
-function Ar(e) {
+function Pr(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), Ar(a);
 	} catch {
 		return null;
 	}
 }
-function jr(e) {
+function Fr(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 = Er(c, o, Math.max(i.right, a.right) - c, s - o);
+	return Dr(l) ? [l] : null;
 }
-function Mr(e) {
-	return kr(e) ?? Ar(e) ?? jr(e);
+function Ir(e) {
+	return Nr(e) ?? Pr(e) ?? Fr(e);
 }
-function Nr(e) {
-	let t = Mr(e);
-	return t && t.length > 0 ? wr(t) : null;
+function Lr(e) {
+	let t = Ir(e);
+	return t && t.length > 0 ? Or(t) : null;
 }
-function Pr(e) {
+function Rr(e) {
 	return {
-		getBoundingClientRect: () => Nr(e) ?? Sr(0, 0, 0, 0),
-		getClientRects: () => Mr(e) ?? []
+		getBoundingClientRect: () => Lr(e) ?? Er(0, 0, 0, 0),
+		getClientRects: () => Ir(e) ?? []
 	};
 }
-function Fr(e) {
+function zr(e) {
 	return e === "block-type" || e === "link" || e === "color" || e === "more";
 }
-function Ir(e, t, n) {
-	n?.(ln(e, t)), e.commands.focus();
+function Br(e, t, n) {
+	n?.(dn(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 Vr({ editor: e, messages: t = xr, selectionSnapshot: n, onRewriteSelection: r }) {
+	let i = U(() => gn(t), [t]), a = Ze(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 = fn(e, o.variant, t), k = vn(O.find((e) => e.id === c) ?? null), A = kn(m), j = V(() => {
 		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 = wr(t, E.current), s = w.current, c = qe({
 			toolbarRect: {
 				left: r.left - s,
 				top: r.top,
@@ -1259,7 +1297,7 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 				height: i.height
 			},
 			boundaryPadding: o.boundaryPadding
-		}), l = Ke({
+		}), l = Je({
 			frameRect: {
 				left: i.left,
 				top: i.top,
@@ -1278,23 +1316,23 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		o.boundaryPadding,
 		o.offset
-	]), ee = V(() => {
+	]), M = V(() => {
 		T.current && (T.current.style.visibility = "hidden", T.current.style.opacity = "0");
-	}, []), M = V(() => {
+	}, []), N = V(() => {
 		j();
-	}, [j]), N = V(() => Pr(e), [e]), P = W(() => ({
-		...Je(o, { topBoundaryPadding: S }),
-		onShow: ee,
-		onUpdate: M
+	}, [j]), P = V(() => Rr(e), [e]), F = U(() => ({
+		...Xe(o, { topBoundaryPadding: S }),
+		onShow: M,
+		onUpdate: N
 	}), [
-		ee,
 		M,
+		N,
 		o,
 		S
 	]);
 	H(() => {
-		let e = vr();
-		s((t) => Ze(t, a, e));
+		let e = Sr();
+		s((t) => $e(t, a, e));
 	}, [
 		a.hiddenReason,
 		a.motionDurationMs,
@@ -1308,8 +1346,8 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 		a.visibility
 	]), H(() => {
 		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 - Sr()), t = window.setTimeout(() => {
+			s((e) => Ke(e, Sr()));
 		}, e);
 		return () => {
 			window.clearTimeout(t);
@@ -1318,7 +1356,7 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 		o.motionDurationMs,
 		o.motionPhase,
 		o.motionStartedAtMs
-	]), U(() => {
+	]), me(() => {
 		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;
@@ -1360,11 +1398,11 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 		});
 		return () => window.cancelAnimationFrame(e);
 	}, [f]);
-	let te = (t) => {
-		if (Fr(t.id)) {
+	let I = (t) => {
+		if (zr(t.id)) {
 			let n = t.id;
 			if (n === "link") {
-				let t = fn(e);
+				let t = mn(e);
 				h(t), _(t), y({
 					from: Math.min(e.state.selection.from, e.state.selection.to),
 					to: Math.max(e.state.selection.from, e.state.selection.to)
@@ -1374,23 +1412,23 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 			return;
 		}
 		if (p(null), t.id === "improve") {
-			Ir(e, "rewrite-selection", r);
+			Br(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(), un(e, m) && ee();
+	}, te = () => {
+		if (L(), wn(e)) {
+			h(""), _(""), ee();
 			return;
 		}
 		m.trim() && h("");
-	}, L = (e, t) => {
+	}, z = (e, t) => {
 		if (l(e), !e || !t || !E.current) {
 			d(null);
 			return;
@@ -1398,39 +1436,39 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 		let n = t.getBoundingClientRect(), r = E.current.getBoundingClientRect();
 		d(n.left + n.width / 2 - r.left);
 	};
-	return /* @__PURE__ */ Z(sn, {
+	return /* @__PURE__ */ Z(ln, {
 		ref: T,
 		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: Cr(o, b),
 		updateDelay: 0,
-		getReferencedVirtualElement: N,
-		options: P,
-		shouldShow: ({ editor: e }) => e.isEditable && Xe(qe(e)),
+		getReferencedVirtualElement: P,
+		options: F,
+		shouldShow: ({ editor: e }) => e.isEditable && Qe(Ye(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(Ur, {
 					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
+					onPointerDown: Cn,
+					onTooltipChange: z,
+					onRun: I
 				}, e.id)),
-				f === "block-type" ? /* @__PURE__ */ Z(Vr, {
+				f === "block-type" ? /* @__PURE__ */ Z(Gr, {
 					editor: e,
 					messages: t,
 					onClose: () => p(null)
 				}) : null,
-				f === "link" ? /* @__PURE__ */ Z(Rr, {
+				f === "link" ? /* @__PURE__ */ Z(Hr, {
 					inputRef: D,
 					messages: t,
 					value: m,
@@ -1438,16 +1476,16 @@ function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelect
 					canOpen: !!A,
 					canRemove: !!(g || m.trim()),
 					onValueChange: h,
-					onApply: I,
-					onOpen: () => bn(m),
-					onRemove: re
+					onApply: R,
+					onOpen: () => Sn(m),
+					onRemove: te
 				}) : null,
-				f === "color" ? /* @__PURE__ */ Z(Ur, {
+				f === "color" ? /* @__PURE__ */ Z(qr, {
 					editor: e,
 					messages: t,
 					onClose: () => p(null)
 				}) : null,
-				f === "more" ? /* @__PURE__ */ Z(Gr, {
+				f === "more" ? /* @__PURE__ */ Z(Yr, {
 					editor: e,
 					messages: t,
 					activeTooltipId: c,
@@ -1460,15 +1498,15 @@ 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: Tr(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 }) {
-	let u = pn(t);
+function Hr({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l }) {
+	let u = hn(t);
 	return /* @__PURE__ */ Q("form", {
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-link-popover",
 		"data-testid": "markweave-floating-toolbar-link-popover",
@@ -1490,7 +1528,7 @@ function Rr({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 					"aria-label": u.applyLink,
 					"data-testid": "markweave-floating-toolbar-link-apply",
 					disabled: !r,
-					onMouseDown: xn,
+					onMouseDown: Cn,
 					children: /* @__PURE__ */ Z($, { name: "corner-down-left" })
 				}),
 				/* @__PURE__ */ Z("span", {
@@ -1502,7 +1540,7 @@ function Rr({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 					"aria-label": u.openLink,
 					"data-testid": "markweave-floating-toolbar-link-open",
 					disabled: !i,
-					onMouseDown: xn,
+					onMouseDown: Cn,
 					onClick: c,
 					children: /* @__PURE__ */ Z($, { name: "external-link" })
 				}),
@@ -1511,7 +1549,7 @@ function Rr({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 					"aria-label": u.removeLink,
 					"data-testid": "markweave-floating-toolbar-link-remove",
 					disabled: !a,
-					onMouseDown: xn,
+					onMouseDown: Cn,
 					onClick: l,
 					children: /* @__PURE__ */ Z($, { name: "trash" })
 				})
@@ -1519,7 +1557,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 Ur({ 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 +1565,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": zr(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 +1575,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(Wr, {
 			button: e,
 			expanded: t
 		})
 	})] });
 }
-function Br({ button: e, expanded: t }) {
+function Wr({ 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,8 +1599,8 @@ 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 }) {
-	let r = pn(t), i = _n(t);
+function Gr({ editor: e, messages: t, onClose: n }) {
+	let r = hn(t), i = yn(t);
 	return /* @__PURE__ */ Q("div", {
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-turn-menu",
 		"data-testid": "markweave-floating-toolbar-turn-menu",
@@ -1571,47 +1609,47 @@ function Vr({ editor: e, messages: t, onClose: n }) {
 			children: r.turnIntoTitle
 		}), i.map((t) => /* @__PURE__ */ Q("button", {
 			type: "button",
-			"data-active": yn(e, t.id),
+			"data-active": xn(e, t.id),
 			"data-testid": `markweave-floating-toolbar-turn-${t.id}`,
-			onMouseDown: xn,
+			onMouseDown: Cn,
 			onClick: () => {
-				En(e, t.id), n();
+				On(e, t.id), n();
 			},
 			children: [/* @__PURE__ */ Z("span", {
 				className: "markweave-floating-toolbar-menu-icon",
-				children: /* @__PURE__ */ Z(Hr, { option: t })
+				children: /* @__PURE__ */ Z(Kr, { option: t })
 			}), /* @__PURE__ */ Z("span", { children: t.label })]
 		}, t.id))]
 	});
 }
-function Hr({ option: e }) {
+function Kr({ 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 }) {
-	let r = pn(t), i = e.getAttributes("textStyle").color, a = e.getAttributes("highlight").color;
+function qr({ editor: e, messages: t, onClose: n }) {
+	let r = hn(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(Jr, {
 			title: r.textColorTitle,
 			mode: "text",
 			activeColor: i ?? null,
-			options: hn(t),
+			options: _n(t),
 			onSelect: (t) => {
-				Tn(e, t), n();
+				Dn(e, t), n();
 			}
-		}), /* @__PURE__ */ Z(Wr, {
+		}), /* @__PURE__ */ Z(Jr, {
 			title: r.highlightColorTitle,
 			mode: "highlight",
 			activeColor: a ?? null,
-			options: dn(t),
+			options: pn(t),
 			onSelect: (t) => {
-				wn(e, t), n();
+				En(e, t), n();
 			}
 		})]
 	});
 }
-function Wr({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
+function Jr({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-floating-toolbar-color-section",
 		"aria-label": e,
@@ -1625,7 +1663,7 @@ function Wr({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 				"aria-label": e.label,
 				"data-active": e.value === n || e.value === null && !n,
 				"data-testid": `markweave-floating-toolbar-${t}-${e.id}`,
-				onMouseDown: xn,
+				onMouseDown: Cn,
 				onClick: () => i(e.value),
 				children: t === "text" ? /* @__PURE__ */ Z("span", {
 					className: "markweave-floating-toolbar-text-swatch",
@@ -1640,24 +1678,24 @@ function Wr({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 		})]
 	});
 }
-function Gr({ editor: e, messages: t, activeTooltipId: n, onTooltipChange: r, onClose: i }) {
-	let a = mn(t);
+function Yr({ editor: e, messages: t, activeTooltipId: n, onTooltipChange: r, onClose: i }) {
+	let a = gn(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(Xr, {
 			action: t,
-			active: vn(e, t.id),
+			active: bn(e, t.id),
 			tooltipActive: n === t.id,
 			showDivider: o > 0 && a[o - 1].group !== t.group,
 			onTooltipChange: r,
 			onRun: () => {
-				Cn(e, t.id), i();
+				Tn(e, t.id), i();
 			}
 		}, t.id))
 	});
 }
-function Kr({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipChange: i, onRun: a }) {
+function Xr({ 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"
@@ -1669,11 +1707,11 @@ function Kr({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 			"data-active": t,
 			"data-tooltip-active": n ? "true" : "false",
 			"data-testid": `markweave-floating-toolbar-more-${e.id}`,
-			onMouseDown: xn,
+			onMouseDown: Cn,
 			onMouseEnter: () => i(e.id),
 			onMouseLeave: () => i(null),
 			onClick: a,
-			children: /* @__PURE__ */ Z(qr, { id: e.id })
+			children: /* @__PURE__ */ Z(Zr, { id: e.id })
 		}), n ? /* @__PURE__ */ Z("div", {
 			className: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 			role: "tooltip",
@@ -1681,41 +1719,41 @@ function Kr({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 		}) : null]
 	})] });
 }
-function qr({ id: e }) {
+function Zr({ 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 = {
+var Qr = {
 	sparkles: ie,
 	"chevron-down": h,
 	"chevron-up": g,
 	"corner-down-left": y,
 	"external-link": x,
 	bold: u,
-	italic: A,
-	underline: de,
+	italic: j,
+	underline: fe,
 	strike: ae,
 	"inline-code": v,
-	link: ee,
-	more: ne,
-	text: ue,
-	"bullet-list": M,
-	"numbered-list": P,
-	"todo-list": N,
-	quote: I,
+	link: N,
+	more: L,
+	text: de,
+	"bullet-list": P,
+	"numbered-list": I,
+	"todo-list": F,
+	quote: te,
 	"code-block": d,
 	superscript: se,
 	subscript: oe,
-	math: L,
+	math: ne,
 	"align-left": c,
 	"align-center": o,
 	"align-right": l,
 	"align-justify": s,
-	"decrease-indent": D,
-	"increase-indent": O,
-	trash: le
+	"decrease-indent": O,
+	"increase-indent": k,
+	trash: ue
 };
 function $({ name: e }) {
-	let t = Jr[e];
+	let t = Qr[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -1725,11 +1763,11 @@ 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 $r({ 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(() => ht(e, r) ?? 1, [e, r]), f = U(() => gt(e, r), [e, r]), m = U(() => o === r.latex && f ? {
 		html: f,
 		error: !1
-	} : vt(o, r.kind, e), [
+	} : bt(o, r.kind, e), [
 		e,
 		f,
 		r.kind,
@@ -1737,12 +1775,12 @@ function Yr({ editor: e, messages: t, onClose: n, target: r }) {
 		o
 	]), h = o.trim().length > 0, g = V(() => {
 		if (typeof window > "u") return;
-		let t = ft(e, r), i = e.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
+		let t = mt(e, r), i = e.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 		if (!t || !i) {
 			n();
 			return;
 		}
-		l(dt({
+		l(pt({
 			anchorRect: t,
 			frameRect: i,
 			kind: r.kind,
@@ -1759,12 +1797,12 @@ function Yr({ editor: e, messages: t, onClose: n, target: r }) {
 	H(() => {
 		s(r.latex);
 	}, [r.latex, r.pos]), H(() => {
-		yt(e, r, !0), g();
+		xt(e, r, !0), g();
 		let t = window.requestAnimationFrame(() => {
 			a.current?.focus({ preventScroll: !0 }), a.current?.select(), g();
 		});
 		return window.addEventListener("resize", g), window.addEventListener("scroll", g, !0), () => {
-			window.cancelAnimationFrame(t), window.removeEventListener("resize", g), window.removeEventListener("scroll", g, !0), yt(e, r, !1);
+			window.cancelAnimationFrame(t), window.removeEventListener("resize", g), window.removeEventListener("scroll", g, !0), xt(e, r, !1);
 		};
 	}, [
 		e,
@@ -1779,7 +1817,7 @@ function Yr({ editor: e, messages: t, onClose: n, target: r }) {
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [n]);
 	let _ = V(() => {
-		h && ut(e, r, o) && n();
+		h && ft(e, r, o) && n();
 	}, [
 		h,
 		e,
@@ -1910,31 +1948,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,
-	"heading-1": S,
-	"heading-2": C,
-	"heading-3": w,
-	"bullet-list": M,
-	"ordered-list": P,
-	"task-list": N,
-	blockquote: I,
+var ei = Ae("zh"), ti = {
+	type: le,
+	"heading-1": C,
+	"heading-2": w,
+	"heading-3": T,
+	"bullet-list": P,
+	"ordered-list": I,
+	"task-list": F,
+	blockquote: te,
 	"code-block": d,
-	info: k,
-	tip: j,
+	info: A,
+	tip: M,
 	warning: a,
 	error: _,
 	success: m,
-	emoji: R,
-	math: L,
+	emoji: re,
+	math: ne,
 	table: ce,
-	separator: te,
-	image: T,
-	video: fe,
-	attachment: F
+	separator: ee,
+	image: E,
+	video: B,
+	attachment: R
 };
-function Qr({ name: e }) {
-	let t = Zr[e];
+function ni({ name: e }) {
+	let t = ti[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -1942,8 +1980,8 @@ function Qr({ name: e }) {
 		strokeWidth: 1.6
 	});
 }
-function $r(e, t, n) {
-	return !Tt(e) || !n ? {
+function ri(e, t, n) {
+	return !Dt(e) || !n ? {
 		visible: !1,
 		empty: !1,
 		activeIndex: -1
@@ -1957,17 +1995,17 @@ function $r(e, t, n) {
 		activeIndex: Math.min(t.length - 1, Math.max(0, e.activeIndex))
 	};
 }
-function ei(e, t) {
+function ii(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 ai(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 oi({ 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 +2071,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 si({ 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 +2093,7 @@ function ri({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 				d(t.slash.uploadRequiredError);
 				return;
 			}
-			await m(me(o));
+			await m(ge(o));
 		} catch (e) {
 			d(e instanceof Error ? e.message : t.slash.uploadFailedError);
 		} finally {
@@ -2073,7 +2111,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: ai(a, t) })]
 			}),
 			/* @__PURE__ */ Q("label", {
 				className: "markweave-slash-upload-field",
@@ -2121,10 +2159,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 ci({ commands: e, messages: t = ei, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
+	let l = ri(n, e, r);
 	if (!l.visible || !r) return null;
-	let u = ei(e, t), d = {
+	let u = ii(e, t), d = {
 		left: r.left,
 		top: r.top,
 		maxHeight: r.maxHeight,
@@ -2146,12 +2184,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(oi, {
 			command: i,
 			messages: t,
 			onBack: m,
 			onSelect: s
-		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(ri, {
+		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(si, {
 			command: i,
 			messages: t,
 			onBack: m,
@@ -2171,7 +2209,7 @@ function ii({ commands: e, messages: t = Xr, state: n, position: r, inputCommand
 					className: "markweave-slash-group-title",
 					children: t.group
 				}), t.commands.map((t) => {
-					let n = e.indexOf(t), r = n === l.activeIndex, i = Ct(t), o = !!t.disabled;
+					let n = e.indexOf(t), r = n === l.activeIndex, i = Tt(t), o = !!t.disabled;
 					return /* @__PURE__ */ Q("button", {
 						type: "button",
 						role: "option",
@@ -2195,7 +2233,7 @@ function ii({ commands: e, messages: t = Xr, state: n, position: r, inputCommand
 							}
 						},
 						children: [
-							/* @__PURE__ */ Z(Qr, { name: t.icon }),
+							/* @__PURE__ */ Z(ni, { name: t.icon }),
 							/* @__PURE__ */ Z("span", { children: t.label }),
 							o && t.disabledReason ? /* @__PURE__ */ Z("small", { children: t.disabledReason }) : null
 						]
@@ -2207,38 +2245,38 @@ 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;
+var li = Ae("zh");
+function ui({ active: e, editor: t, interactionState: n = Rt, messages: r = li, 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 ? It(t.state) : null;
 	if (H(() => {
 		if (!y) return;
 		let e = window.setTimeout(() => {
 			b(null);
-		}, Gn);
+		}, qn);
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [y]), U(() => {
+	}, [y]), me(() => {
 		if (!e) {
 			m(null), g(null), v(null), b(null);
 			return;
 		}
 		let r = () => {
-			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, r = Ln(t, n, "row", E?.activeCellPos ?? null), i = Ln(t, n, "column", E?.activeCellPos ?? null), a = r ? In(t, r) : null, o = i ? In(t, i) : null, c = Fn(t).length > 0 ? Hn(t) : null;
+			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, r = zn(t, n, "row", E?.activeCellPos ?? null), i = zn(t, n, "column", E?.activeCellPos ?? null), a = r ? Rn(t, r) : null, o = i ? Rn(t, i) : null, c = Ln(t).length > 0 ? Wn(t) : null;
 			if (!e) {
 				m(null), g(null), v(null);
 				return;
 			}
 			let u = e.getBoundingClientRect();
-			a ? m(An({
+			a ? m(Mn({
 				targetRect: a,
 				frameRect: u,
 				kind: "row"
-			})) : s === "row" && l === "row-edge" || m(null), o ? g(An({
+			})) : s === "row" && l === "row-edge" || m(null), o ? g(Mn({
 				targetRect: o,
 				frameRect: u,
 				kind: "column"
-			})) : s === "column" && l === "column-edge" || g(null), c ? v(An({
+			})) : s === "column" && l === "column-edge" || g(null), c ? v(Mn({
 				targetRect: c,
 				frameRect: u,
 				kind: "selection"
@@ -2258,7 +2296,7 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 		n.hoverVisualRowIndex,
 		l,
 		s
-	]), U(() => {
+	]), me(() => {
 		if (!e || !s) {
 			f(null);
 			return;
@@ -2269,12 +2307,12 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 				f(null);
 				return;
 			}
-			let i = n.getBoundingClientRect(), a = s === "row" ? Pn(t)?.getBoundingClientRect() : null, o = a ? {
+			let i = n.getBoundingClientRect(), a = s === "row" ? In(t)?.getBoundingClientRect() : null, o = a ? {
 				left: i.left,
 				top: a.top,
 				width: i.width,
 				height: i.height
-			} : i, c = e.getBoundingClientRect(), u = r.getBoundingClientRect(), d = kn({
+			} : i, c = e.getBoundingClientRect(), u = r.getBoundingClientRect(), d = jn({
 				anchorRect: o,
 				frameRect: c,
 				menuSize: {
@@ -2315,22 +2353,22 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 		let n = s === e && l === t;
 		u(t), c(n ? null : e);
 	}, O = () => {
-		t.view.dispatch(On(t.state.tr, null));
+		t.view.dispatch(An(t.state.tr, null));
 	}, k = (e, r) => {
 		let i = n.hoverCellPos ?? E?.activeCellPos ?? null, a = n.hoverCellPos === null ? null : e === "row" ? n.hoverVisualRowIndex : n.hoverVisualColumnIndex;
-		i !== null && Wn(t, i, e, { visualIndex: a }), D(e, r);
+		i !== null && Kn(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) => {
-		let o = await Mn({
+	}, j = zn(t, n, "row", E?.activeCellPos ?? null), M = zn(t, n, "column", E?.activeCellPos ?? null), N = Ln(t).length > 0, P = s ? Un(t, s) : [], F = async (e, n) => {
+		let o = await Pn({
 			editor: t,
 			commandId: e,
 			menu: n ?? s ?? "selection",
 			messages: r
 		});
 		return o.copyFeedback ? (b(o.copyFeedback), o.copyPayload && i?.(o.copyPayload)) : b(null), a?.(o.commandResult), o.success;
-	}, te = (e) => {
-		let n = Rn(t, e);
+	}, I = (e) => {
+		let n = Bn(t, e);
 		n && o?.(n), c(null), t.view.focus();
 	};
 	return /* @__PURE__ */ Q("div", {
@@ -2349,7 +2387,7 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 				"data-copy-kind": y.kind,
 				"data-text-length": y.textLength,
 				"data-html-length": y.htmlLength,
-				children: Nn(y)
+				children: Fn(y)
 			}) : null,
 			p ? /* @__PURE__ */ Z("button", {
 				type: "button",
@@ -2386,10 +2424,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 +2441,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",
@@ -2427,15 +2465,15 @@ function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai,
 				ref: S,
 				className: "markweave-table-menu",
 				role: "menu",
-				"aria-label": Kn(s, r),
+				"aria-label": Jn(s, r),
 				"data-testid": "markweave-table-menu",
 				"data-positioned": d ? "true" : "false",
 				style: d ? {
 					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 = Vn(e), a = n === 0 ? i : Vn(P[n - 1]), l = n > 0 && a !== i, u = e.commandId === null ? !!o : Nn(t, e.commandId), d = Hn(e, r);
 					return /* @__PURE__ */ Z("button", {
 						type: "button",
 						role: "menuitem",
@@ -2450,10 +2488,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,15 +2503,15 @@ 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 di({ editor: e, focusState: t }) {
+	let [n, r] = G(null);
+	return me(() => {
 		if (t.mode !== "cell-selection") {
 			r(null);
 			return;
 		}
 		let n = () => {
-			r(Un(e, Ft(e.state)));
+			r(Gn(e, Lt(e.state)));
 		};
 		return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
 			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
@@ -2508,18 +2546,22 @@ function si({ editor: e, focusState: t }) {
 }
 //#endregion
 //#region src/ui/toc/MarkweaveInnerToc.tsx
-function ci(e, t) {
+function fi(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 pi({ editor: e, state: t, messages: n, editable: r, placement: i }) {
+	let a = W(null);
+	if (H(() => {
+		if (!(i !== "container" || !a.current)) return tr(a.current);
+	}, [i]), !t.items.length) return null;
+	let o = (t) => {
+		nr(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 +2582,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": fi(n, e),
 					title: e.text,
-					onClick: () => i(e),
+					onClick: () => o(e),
 					children: e.text
 				}, e.id))
 			})
@@ -2551,7 +2593,7 @@ function li({ editor: e, state: t, messages: n, editable: r }) {
 }
 //#endregion
 //#region src/MarkweaveEditor.tsx
-var ui = {
+var mi = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -2559,21 +2601,21 @@ var ui = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, di = {
+}, hi = {
 	active: !1,
-	language: nt.defaultLanguage,
+	language: it.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
-}, fi = lt({
+}, gi = dt({
 	active: !1,
 	mode: "code",
 	source: ""
 });
-function pi(e) {
-	return Lt.getState(e.state) ?? It;
+function _i(e) {
+	return zt.getState(e.state) ?? Rt;
 }
-function mi(e) {
+function vi(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -2583,71 +2625,71 @@ function mi(e) {
 	}
 	return null;
 }
-function hi(e) {
+function yi(e) {
 	return typeof window > "u" || typeof window.requestAnimationFrame != "function" ? globalThis.setTimeout(() => e(0), 0) : window.requestAnimationFrame(e);
 }
-function gi(e) {
+function bi(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 xi({ 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 = Pe(f), C = er(u), w = S === "live" && c !== !1, T = Ue(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 = je(d));
+	let O = D.current, k = U(() => Ae(O), [O]), A = U(() => ke(O), [O]), j = W(_);
+	j.current = _;
+	let M = U(() => _r({
+		lang: O,
 		onImageUpload: (e) => {
-			if (k.current) return k.current(e);
-			let t = he(e);
+			if (j.current) return j.current(e);
+			let t = _e(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 = _e(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 };
+	}), [O]), [N, P] = G(null), [F, I] = G(Mt), [ee, L] = G(null), [R, te] = G(null), [z, ne] = G("code"), [re, ie] = G(null), [ae, oe] = G(Rt), [se, ce] = G(null), [le, ue] = G(0), de = W(!1), fe = W({ onUpdate: x }), pe = U(() => wt(F.query, A), [A, F.query]);
+	fe.current = { onUpdate: x };
 	let B = V(() => {
-		te(null), F(null), N(At);
-	}, []), fe = V((e) => {
-		let t = kt(e.state);
+		L(null), te(null), I(Mt);
+	}, []), me = V((e) => {
+		let t = jt(e.state);
 		if (!t) {
-			N((e) => e.name === "idle" ? e : At), te(null), F(null);
+			I((e) => e.name === "idle" ? e : Mt), 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(At(n, {
 			frameRect: i,
 			triggerRect: r
-		})), N((e) => Dt(e, t));
-	}, []), U = V((e) => fe(e.view), [fe]), pe = V((e) => {
-		ee(qe(e));
-		let t = _t(e);
-		t && (yt(e, t, !0), R(t));
-		let n = et(e);
-		n.active && n.language === "mermaid" && re(n.mermaidPreviewMode);
-	}, []), me = V((e) => {
-		ae(pi(e));
+		})), I((e) => kt(e, t));
+	}, []), he = V((e) => me(e.view), [me]), ge = V((e) => {
+		P(Ye(e));
+		let t = yt(e);
+		t && (xt(e, t, !0), ie(t));
+		let n = nt(e);
+		n.active && n.language === "mermaid" && ne(n.mermaidPreviewMode);
+	}, []), K = V((e) => {
+		oe(_i(e));
 	}, []), q = i({
-		extensions: A,
+		extensions: M,
 		content: r ?? o,
-		contentType: ze(C),
-		editable: S,
+		contentType: Ve(T),
+		editable: w,
 		autofocus: n,
 		editorProps: {
 			attributes: {
@@ -2658,325 +2700,328 @@ 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 : We(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) => Nt(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) {
-						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);
+					if (E.current.effectiveEditable) {
+						let n = vt(e, t);
+						return n ? (t.preventDefault(), t.stopPropagation(), B(), St(e, n, !0), Ct(e, n), ie(n), !0) : (ie(null), !1);
 					}
-					return He(t);
+					return We(t);
 				}
 			}
 		},
 		onSelectionUpdate: ({ editor: e }) => {
-			pe(e);
+			ge(e);
 		},
 		onCreate: ({ editor: e }) => {
-			t && w.current.effectiveEditable && Nt(e), me(e), pe(e), z((e) => e + 1);
+			t && E.current.effectiveEditable && Ft(e), K(e), ge(e), ue((e) => e + 1);
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			me(e), (t.docChanged || ot(t)) && z((e) => e + 1), t.docChanged && R((t) => {
+			K(e), (t.docChanged || ct(t)) && ue((e) => e + 1), t.docChanged && ie((t) => {
 				if (!t) return null;
-				let n = ht(e, t.pos);
+				let n = _t(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));
+			ge(e), E.current.effectiveEditable && he(e), de.current || fe.current.onUpdate?.(Be(e));
 		}
 	});
 	H(() => {
-		q && (q.setEditable(S), Pe(q, {
-			mode: x,
-			editable: S
-		}), st(q, S ? "live" : "view"), S || B());
+		q && (q.setEditable(w), Fe(q, {
+			mode: S,
+			editable: w
+		}), lt(q, w ? "live" : "view"), w || B());
 	}, [
 		B,
 		q,
-		x,
-		S
+		S,
+		w
 	]), H(() => {
-		!q || r === void 0 || Be(q, r, Ve(a)) || (le.current = !0, q.commands.setContent(r, {
-			contentType: ze(Ve(a)),
+		!q || r === void 0 || He(q, r, Ue(a)) || (de.current = !0, q.commands.setContent(r, {
+			contentType: Ve(Ue(a)),
 			emitUpdate: !1
-		}), le.current = !1, pe(q), S && U(q), me(q), z((e) => e + 1));
+		}), de.current = !1, ge(q), w && he(q), K(q), ue((e) => e + 1));
 	}, [
 		r,
 		a,
-		S,
+		w,
 		q,
-		pe,
-		U,
-		me
+		ge,
+		he,
+		K
 	]), H(() => {
-		if (!P) return;
+		if (!ee) return;
 		let e = (e) => {
 			let t = e.target;
 			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || B());
 		};
 		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-	}, [B, P]);
-	let ge = W(() => q ? et(q) : di, [
+	}, [B, ee]);
+	let ve = U(() => q ? nt(q) : hi, [
 		q,
-		ce,
-		j
-	]), _e = W(() => q ? Pt(q.state) : ui, [
+		le,
+		N
+	]), ye = U(() => q ? It(q.state) : mi, [
 		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 ? dt({
+		active: xe,
+		mode: z,
+		source: ve.text
+	}) : gi, [
+		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 ? Pt(q.state) : null, [q, le]), J = U(() => q ? Qn(q.state.doc) : Xn.items, [q, le]), we = U(() => $n(J, se), [se, J]), Te = U(() => Yn(J, we), [we, J]), Ee = V(() => {
 		if (!q || !J.length) {
-			se(null);
+			ce(null);
 			return;
 		}
-		let e = Yn(q, J);
-		se((t) => t === e ? t : e);
+		let e = Zn(q, J);
+		ce((t) => t === e ? t : e);
 	}, [q, J]);
 	H(() => {
-		se((e) => {
-			let t = Zn(J, e);
+		ce((e) => {
+			let t = $n(J, e);
 			return e === t ? e : t;
 		});
 	}, [J]), H(() => {
 		if (!q || !J.length || typeof window > "u") return;
 		let e = null, t = () => {
-			e !== null && gi(e), e = hi(() => {
-				e = null, we();
+			e !== null && bi(e), e = yi(() => {
+				e = null, Ee();
 			});
-		}, n = mi(q.view.dom);
+		}, n = vi(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 && bi(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(() => Ge({
+		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)) {
+		g?.(De);
+	}, [g, De]), H(() => {
+		b?.(Te);
+	}, [b, Te]);
+	let Oe = V((e, t) => {
+		if (!(!q || !w) && Tt(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();
+			Ot(q, F, e, t), I((e) => Nt(e, { type: "execute" })), B();
 		}
 	}, [
 		B,
-		S,
+		w,
 		q,
-		M
-	]), De = V((e) => {
-		N((t) => jt(t, {
+		F
+	]), Y = V((e) => {
+		I((t) => Nt(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 = V((e) => {
+		if (!q || R || !w) return;
+		let t = Et(F, pe, e.key, { isComposing: e.nativeEvent.isComposing || ze(q.state) });
 		if (t.type !== "ignore") {
 			if (t.type === "close") {
-				e.preventDefault(), N((e) => jt(e, { type: "escape" })), B();
+				e.preventDefault(), I((e) => Nt(e, { type: "escape" })), B();
 				return;
 			}
 			if (t.type === "move-active") {
-				e.preventDefault(), N((e) => jt(e, {
+				e.preventDefault(), I((e) => Nt(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(), Oe(t.command));
 		}
 	}, [
 		B,
-		S,
+		w,
 		q,
-		de,
-		Ee,
-		ne,
-		M
-	]), je = W(() => ({
+		pe,
+		Oe,
+		R,
+		F
+	]), Ne = U(() => ({
 		closeSlashMenu: B,
-		focusFirstTableBodyCell: () => q ? Nt(q) : !1,
+		focusFirstTableBodyCell: () => q ? Ft(q) : !1,
 		setContent: (e, t = {}) => {
 			if (!q) return !1;
-			let n = Ve(t.format);
+			let n = Ue(t.format);
 			return q.commands.setContent(e, {
-				contentType: ze(n),
+				contentType: Ve(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && Nt(q), pe(q), S && U(q), me(q), z((e) => e + 1), !0;
+			}), t.focusFirstTableBodyCell && Ft(q), ge(q), w && he(q), K(q), ue((e) => e + 1), !0;
 		}
 	}), [
 		B,
-		S,
+		w,
 		q,
-		pe,
-		U,
-		me
+		ge,
+		he,
+		K
 	]);
 	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: Y,
+				onInputCommandChange: te,
+				onSelect: Oe,
+				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,
+			Oe,
+			N,
+			Y,
+			R,
+			ee,
+			F,
+			ye,
+			ae,
+			Te
 		]),
-		runtimeSnapshot: Te,
-		actions: je
+		runtimeSnapshot: De,
+		actions: Ne
 	};
 }
-function vi({ className: e, ...n }) {
-	let r = _i(n);
+function Si({ className: e, ...n }) {
+	let r = xi(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(Vr, { ...r.overlayProps.floatingToolbar }) : null,
+			r.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(ci, { ...r.overlayProps.slashCommandMenu }) : null,
+			r.overlayProps.tableControls ? /* @__PURE__ */ Z(ui, { ...r.overlayProps.tableControls }) : null,
+			r.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(di, { ...r.overlayProps.tableSelectionOverlay }) : null,
+			r.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(br, { ...r.overlayProps.codeBlockControls }) : null,
+			r.overlayProps.innerToc ? /* @__PURE__ */ Z(pi, { ...r.overlayProps.innerToc }) : null,
+			r.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z($r, { ...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 { Si as MarkweaveEditor, _r as createMarkweaveEditorExtensions, _r as createMarkweaveReactEditorExtensions, xi as useMarkweaveEditorController };