@markweave/react 0.2.6 → 0.3.1

package/dist/index.js

@@ -1,64 +1,67 @@
 import { createMarkweaveEditorExtensions as e } from "markweave/internal/editor-core/create-editor-extensions";
 import { getLocalizedSlashCommandSpecs as t, getMarkweaveMessages as n, normalizeMarkweaveLang as r } from "markweave/internal/i18n";
 import { EditorContent as i, NodeViewWrapper as a, ReactNodeViewRenderer as o, useEditor as s } from "@tiptap/react";
-import { AlertTriangle as c, AlignCenter as l, AlignJustify as u, AlignLeft as d, AlignRight as f, Bold as p, Braces as m, Captions as h, Check as g, CheckCircle2 as _, ChevronDown as v, ChevronUp as y, CircleX as b, Code2 as x, Copy as S, CornerDownLeft as C, Download as w, ExternalLink as T, Eye as E, Heading1 as D, Heading2 as O, Heading3 as k, Image as A, ImageUp as j, IndentDecrease as M, IndentIncrease as N, Info as P, Italic as F, Lightbulb as ee, Link2 as te, List as I, ListChecks as L, ListOrdered as ne, Minus as re, MoreVertical as R, Paperclip as ie, Pencil as ae, Quote as oe, Replace as z, Sigma as B, SmilePlus as se, Sparkles as ce, Strikethrough as le, Subscript as ue, Superscript as de, Table2 as fe, Text as pe, Trash2 as me, Type as he, Underline as ge, Upload as _e, Video as ve } from "lucide-react";
-import { useCallback as V, useEffect as H, useLayoutEffect as U, useMemo as W, useRef as G, useState as K, useSyncExternalStore as ye } from "react";
+import { AlertTriangle as c, AlignCenter as l, AlignJustify as u, AlignLeft as d, AlignRight as f, Bold as p, Braces as m, Captions as h, Check as g, CheckCircle2 as _, ChevronDown as v, ChevronUp as y, CircleX as b, Code2 as x, Copy as S, CornerDownLeft as C, Download as w, ExternalLink as T, Eye as E, Heading1 as D, Heading2 as O, Heading3 as k, Image as A, ImageUp as j, IndentDecrease as M, IndentIncrease as ee, Info as N, Italic as P, Lightbulb as F, Link2 as te, List as I, ListChecks as L, ListOrdered as ne, Minus as re, MoreVertical as R, Paperclip as ie, Pencil as ae, Quote as z, Replace as oe, Sigma as se, SmilePlus as ce, Sparkles as le, Strikethrough as ue, Subscript as de, Superscript as fe, Table2 as B, Text as V, Trash2 as pe, Type as me, Underline as he, Upload as ge, Video as _e } from "lucide-react";
+import { useCallback as H, useEffect as U, useLayoutEffect as ve, useMemo as W, useRef as G, useState as K, useSyncExternalStore as ye } from "react";
 import { detectUploadSource as be, getDirectUploadResult as xe, resolveMarkweaveUploadResult as Se } from "markweave/internal/plugins/slash-command/upload";
-import { MarkweaveCoreImage as Ce, MarkweaveCoreVideo as we, attrsFromMarkweaveImageUploadResult as Te, attrsFromMarkweaveVideoUploadResult as Ee, attrsFromMarkweaveVideoUrl as De, clampMarkweaveImageWidth as Oe, createMarkweaveImageUploadRequest as q, createMarkweaveVideoUploadRequest as ke, downloadMarkweaveImage as Ae, markweaveVideoIframeAllow as je, normalizeMarkweaveCoreImageAlign as Me, normalizeMarkweaveVideoEmbedUrl as J, numberAttribute as Ne, stringAttribute as Y } from "markweave/internal/plugins/media/core-media-nodes";
-import { getMarkweaveEditorModeState as Pe, isMarkweaveEditorLiveEditable as Fe, normalizeMarkweaveEditorMode as Ie, setMarkweaveEditorModeState as Le, subscribeToMarkweaveEditorMode as Re } from "markweave/internal/core/editor-mode-state";
-import { openMarkweaveImagePreview as ze } from "markweave/internal/plugins/media/image-preview";
+import { MarkweaveCoreImage as Ce, MarkweaveCoreVideo as we, attrsFromMarkweaveImageUploadResult as Te, attrsFromMarkweaveVideoUploadResult as Ee, attrsFromMarkweaveVideoUrl as De, clampMarkweaveImageWidth as Oe, createMarkweaveImageUploadRequest as ke, createMarkweaveVideoUploadRequest as Ae, downloadMarkweaveImage as q, markweaveVideoIframeAllow as je, normalizeMarkweaveCoreImageAlign as Me, normalizeMarkweaveVideoEmbedUrl as Ne, numberAttribute as Pe, stringAttribute as J } from "markweave/internal/plugins/media/core-media-nodes";
+import { getMarkweaveEditorModeState as Fe, isMarkweaveEditorLiveEditable as Ie, normalizeMarkweaveEditorMode as Le, setMarkweaveEditorModeState as Re, subscribeToMarkweaveEditorMode as ze } from "markweave/internal/core/editor-mode-state";
+import { openMarkweaveImagePreview as Be } from "markweave/internal/plugins/media/image-preview";
+import { createMarkweaveLightweightImageNodeViewRenderer as Y } from "markweave/internal/plugins/media/lightweight-image-node-view";
+import { resolveMarkweaveMediaSource as Ve } from "markweave/internal/plugins/media/media-source";
 import { Fragment as X, jsx as Z, jsxs as Q } from "react/jsx-runtime";
-import { createMarkweaveAdapterMediaExtensions as Be } from "markweave/internal/plugins/media/media-extension-factory";
-import { normalizeMarkweaveLinkCardAttrs as Ve, normalizeMarkweaveLinkCardHref as He, replaceMarkweaveLinkCardWithLink as Ue } from "markweave/internal/plugins/link-card/link-card";
-import { openMarkweaveLinkCardComposer as We } from "markweave/internal/plugins/link-card/link-card-composer";
-import { MarkweaveLinkCard as Ge } from "markweave/internal/plugins/link-card/link-card-node";
-import { isEditorComposing as Ke } from "markweave/internal/editor-core/composition-guard";
-import { createMarkweaveEditorUpdatePayload as qe, getMarkweaveContentType as Je, isEditorContentCurrent as Ye, isMarkweaveControlledContentEchoCurrent as Xe, normalizeMarkweaveContentFormat as Ze } from "markweave/internal/editor-core/editor-content";
-import { openMarkweaveReadonlyLinkFromEvent as Qe } from "markweave/internal/editor-core/readonly-link";
-import { createMarkweaveEditorRuntimeSnapshot as $e } from "markweave/internal/editor-core/runtime-snapshot";
-import { advanceFloatingToolbarMotionState as et, areEditorSelectionSnapshotsEquivalent as tt, calculateFloatingToolbarFrameShift as nt, calculateFloatingToolbarPopoverPlacement as rt, calculateFloatingToolbarTopBoundary as it, createSelectionSnapshot as at, getFloatingToolbarFloatingOptions as ot, getFloatingToolbarState as st, markweaveRuntimeProjectionDelayMs as ct, shouldShowFloatingToolbar as lt, transitionFloatingToolbarState as ut } from "markweave/internal/editor-core/selection-state";
-import { codeBlockCollapsePluginKey as dt, copyActiveCodeBlock as ft, getActiveCodeBlockState as pt, getCodeBlockCopyFeedbackSnapshot as mt, markweaveCodeBlockBehavior as ht, setCodeBlockCollapsedAtPosition as gt, setCodeBlockLanguageAtPosition as _t, setCodeBlockMermaidPreviewModeAtPosition as vt } from "markweave/internal/plugins/codeblock/codeblock-behavior";
-import { isMermaidInlinePreviewTransaction as yt, setMarkweaveMermaidTheme as bt, setMermaidInlinePreviewEditorMode as xt, setReadonlyMermaidPreviewMode as St } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
-import { getMermaidPreviewState as Ct } from "markweave/internal/plugins/mermaid/mermaid-renderer";
-import { applyMarkweaveMathLatex as wt, calculateMarkweaveMathPopoverPosition as Tt, getMarkweaveMathAnchorRect as Et, getMarkweaveMathBlockIndex as Dt, getMarkweaveMathRenderedHtml as Ot, getMarkweaveMathTargetAtPos as kt, getMarkweaveMathTargetFromDomEvent as At, getMarkweaveMathTargetFromSelection as jt, renderMarkweaveMathPreview as Mt, setMarkweaveMathEditingDomState as Nt, setMarkweaveMathEditingDomStateInView as Pt, setMarkweaveMathSelectionInView as Ft } from "markweave/internal/plugins/math/math-ui-model";
-import { filterSlashCommands as It, isExecutableSlashCommand as Lt } from "markweave/internal/plugins/slash-command/command-spec";
-import { getSlashCommandKeyboardAction as Rt, isSlashCommandMenuState as zt } from "markweave/internal/plugins/slash-command/slash-keyboard";
-import { executeSlashCommand as Bt, getNextSlashCommandState as Vt, getSlashCommandAnchoredMenuPosition as Ht, getSlashCommandContext as Ut } from "markweave/internal/plugins/slash-command/slash-runtime";
-import { initialSlashCommandState as Wt, reduceSlashCommandState as Gt } from "markweave/internal/plugins/slash-command/slash-state";
-import { getFirstTableDebugSnapshot as Kt } from "markweave/internal/plugins/table/table-debug-snapshot";
-import { focusFirstTableBodyCell as qt } from "markweave/internal/plugins/table/table-focus-position";
-import { getTableFocusState as Jt } from "markweave/internal/plugins/table/table-focus-state";
-import { getTableSelectionOverlayState as Yt, initialTableInteractionState as Xt, tableInteractionPluginKey as Zt } from "markweave/internal/plugins/table/table-interaction-layer";
-import { saveMarkweaveBrowserFile as Qt } from "markweave/internal/core/browser-file-save";
-import { calculateCodeBlockLanguageMenuPosition as $t, clampFullscreenScale as en, codeBlockCopyFeedbackTimeoutMs as tn, copyCodeBlockText as nn, createCodeBlockLanguageMenuDomId as rn, createCodeBlockOverlayPosition as an, createMermaidFullscreenViewerState as on, createMermaidTabPosition as sn, focusCodeBlockTarget as cn, formatCodeBlockLanguageLabel as ln, formatFullscreenZoom as un, getActiveCodeBlockElement as dn, getAnchoredRect as fn, getCodeBlockLanguageItems as pn, getCodeBlockLanguageOptionDomId as mn, getCodeBlockPositionFromEventTarget as hn, getCodeBlockStateAtPosition as gn, getFrameElement as _n, getInitialCodeBlockLanguageItemIndex as vn, getMermaidCodeBlockTargets as yn, getMermaidSvgMarkup as bn, isCodeBlockTargetCollapsed as xn, mergeStableMermaidTabPositions as Sn, mermaidFullscreenZoomStep as Cn, moveCodeBlockLanguageItemIndex as wn, moveMermaidFullscreenViewer as Tn, scrollCodeBlockLanguageItemIntoView as En } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
-import { BubbleMenu as Dn } from "@tiptap/react/menus";
-import { createMarkweaveFrameScheduler as On } from "markweave/internal/editor-core/frame-scheduler";
-import { applyFloatingToolbarLink as kn, createFloatingToolbarAssistantRequest as An, getFloatingToolbarButtonModels as jn, getFloatingToolbarHighlightColorOptions as Mn, getFloatingToolbarLinkHref as Nn, getFloatingToolbarMessageSet as Pn, getFloatingToolbarMoreActions as Fn, getFloatingToolbarTextColorOptions as In, getFloatingToolbarTooltipModel as Ln, getFloatingToolbarTurnIntoOptions as Rn, isFloatingToolbarMoreActionActive as zn, isFloatingToolbarTurnIntoActive as Bn, openFloatingToolbarLinkHref as Vn, preventFloatingToolbarPointerFocusLoss as Hn, removeFloatingToolbarLink as Un, runFloatingToolbarMoreAction as Wn, setFloatingToolbarHighlightColor as Gn, setFloatingToolbarTextColor as Kn, setFloatingToolbarTurnInto as qn } from "markweave/internal/editor-core/floating-toolbar-model";
-import { normalizeMarkdownLinkHref as Jn } from "markweave/internal/plugins/markdown/markdown-input";
-import { setMarkweaveTableMenuAxisTarget as Yn } from "markweave/internal/plugins/table/table-clipboard";
-import { calculateAnchoredTableMenuPosition as Xn, calculateTableEdgeHandlePosition as Zn, canRunTableCommand as Qn, executeTableMenuCommand as $n, formatTableCopyFeedback as er, getActiveTableElement as tr, getAvailableCellMenuCommandSpecs as nr, getTableAxisTargetRect as rr, getTableControlAxisSelectionModel as ir, getTableEditWithAiRequest as ar, getTableMenuItemGroup as or, getTableMenuItemLabel as sr, getTableMenuItems as cr, getTableSelectionTargetRect as lr, measureTableSelectionOverlay as ur, selectTableAxisFromCell as dr, tableCopyFeedbackTimeoutMs as fr, tableMenuLabel as pr } from "markweave/internal/plugins/table/table-ui-model";
-import { createMarkweaveTocState as mr, emptyMarkweaveTocState as hr, getActiveMarkweaveTocId as gr, getMarkweaveTocItems as _r, getValidMarkweaveTocActiveId as vr, normalizeMarkweaveInnerTocPlacement as yr, observeMarkweaveInnerTocContainerPosition as br, scrollToMarkweaveTocItem as xr } from "markweave/internal/core/toc-state";
-import { normalizeMarkweaveCanvasColor as Sr, normalizeMarkweaveTheme as Cr } from "markweave/internal/core/theme";
-import { createMarkweaveSearchController as wr } from "markweave/internal/plugins/search/search-controller";
+import { createMarkweaveAdapterMediaExtensions as He } from "markweave/internal/plugins/media/media-extension-factory";
+import { normalizeMarkweaveLinkCardAttrs as Ue, normalizeMarkweaveLinkCardHref as We, replaceMarkweaveLinkCardWithLink as Ge } from "markweave/internal/plugins/link-card/link-card";
+import { openMarkweaveLinkCardComposer as Ke } from "markweave/internal/plugins/link-card/link-card-composer";
+import { MarkweaveLinkCard as qe } from "markweave/internal/plugins/link-card/link-card-node";
+import { isEditorComposing as Je } from "markweave/internal/editor-core/composition-guard";
+import { createMarkweaveEditorUpdatePayload as Ye, getMarkweaveContentType as Xe, isEditorContentCurrent as Ze, isMarkweaveControlledContentEchoCurrent as Qe, normalizeMarkweaveContentFormat as $e } from "markweave/internal/editor-core/editor-content";
+import { openMarkweaveReadonlyLinkFromEvent as et } from "markweave/internal/editor-core/readonly-link";
+import { createMarkweaveEditorRuntimeSnapshot as tt } from "markweave/internal/editor-core/runtime-snapshot";
+import { advanceFloatingToolbarMotionState as nt, areEditorSelectionSnapshotsEquivalent as rt, calculateFloatingToolbarFrameShift as it, calculateFloatingToolbarPopoverPlacement as at, calculateFloatingToolbarTopBoundary as ot, createSelectionSnapshot as st, getFloatingToolbarFloatingOptions as ct, getFloatingToolbarState as lt, markweaveRuntimeProjectionDelayMs as ut, shouldShowFloatingToolbar as dt, transitionFloatingToolbarState as ft } from "markweave/internal/editor-core/selection-state";
+import { codeBlockCollapsePluginKey as pt, copyActiveCodeBlock as mt, getActiveCodeBlockState as ht, getCodeBlockCopyFeedbackSnapshot as gt, markweaveCodeBlockBehavior as _t, setCodeBlockCollapsedAtPosition as vt, setCodeBlockLanguageAtPosition as yt, setCodeBlockMermaidPreviewModeAtPosition as bt } from "markweave/internal/plugins/codeblock/codeblock-behavior";
+import { isMermaidInlinePreviewTransaction as xt, setMarkweaveMermaidTheme as St, setMermaidInlinePreviewEditorMode as Ct, setReadonlyMermaidPreviewMode as wt } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
+import { getMermaidPreviewState as Tt } from "markweave/internal/plugins/mermaid/mermaid-renderer";
+import { applyMarkweaveMathLatex as Et, calculateMarkweaveMathPopoverPosition as Dt, getMarkweaveMathAnchorRect as Ot, getMarkweaveMathBlockIndex as kt, getMarkweaveMathRenderedHtml as At, getMarkweaveMathTargetAtPos as jt, getMarkweaveMathTargetFromDomEvent as Mt, getMarkweaveMathTargetFromSelection as Nt, renderMarkweaveMathPreview as Pt, setMarkweaveMathEditingDomState as Ft, setMarkweaveMathEditingDomStateInView as It, setMarkweaveMathSelectionInView as Lt } from "markweave/internal/plugins/math/math-ui-model";
+import { filterSlashCommands as Rt, isExecutableSlashCommand as zt } from "markweave/internal/plugins/slash-command/command-spec";
+import { getSlashCommandKeyboardAction as Bt, isSlashCommandMenuState as Vt } from "markweave/internal/plugins/slash-command/slash-keyboard";
+import { executeSlashCommand as Ht, getNextSlashCommandState as Ut, getSlashCommandAnchoredMenuPosition as Wt, getSlashCommandContext as Gt } from "markweave/internal/plugins/slash-command/slash-runtime";
+import { initialSlashCommandState as Kt, reduceSlashCommandState as qt } from "markweave/internal/plugins/slash-command/slash-state";
+import { getFirstTableDebugSnapshot as Jt } from "markweave/internal/plugins/table/table-debug-snapshot";
+import { focusFirstTableBodyCell as Yt } from "markweave/internal/plugins/table/table-focus-position";
+import { getTableFocusState as Xt } from "markweave/internal/plugins/table/table-focus-state";
+import { getTableSelectionOverlayState as Zt, initialTableInteractionState as Qt, tableInteractionPluginKey as $t } from "markweave/internal/plugins/table/table-interaction-layer";
+import { saveMarkweaveBrowserFile as en } from "markweave/internal/core/browser-file-save";
+import { calculateCodeBlockLanguageMenuPosition as tn, clampFullscreenScale as nn, codeBlockCopyFeedbackTimeoutMs as rn, copyCodeBlockText as an, createCodeBlockLanguageMenuDomId as on, createCodeBlockOverlayPosition as sn, createMermaidFullscreenViewerState as cn, createMermaidTabPosition as ln, focusCodeBlockTarget as un, formatCodeBlockLanguageLabel as dn, formatFullscreenZoom as fn, getActiveCodeBlockElement as pn, getAnchoredRect as mn, getCodeBlockLanguageItems as hn, getCodeBlockLanguageOptionDomId as gn, getCodeBlockPositionFromEventTarget as _n, getCodeBlockStateAtPosition as vn, getFrameElement as yn, getInitialCodeBlockLanguageItemIndex as bn, getMermaidCodeBlockTargets as xn, getMermaidSvgMarkup as Sn, isCodeBlockTargetCollapsed as Cn, mergeStableMermaidTabPositions as wn, mermaidFullscreenZoomStep as Tn, moveCodeBlockLanguageItemIndex as En, moveMermaidFullscreenViewer as Dn, scrollCodeBlockLanguageItemIntoView as On } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
+import { BubbleMenu as kn } from "@tiptap/react/menus";
+import { createMarkweaveFrameScheduler as An } from "markweave/internal/editor-core/frame-scheduler";
+import { applyFloatingToolbarLink as jn, createFloatingToolbarAssistantRequest as Mn, getFloatingToolbarButtonModels as Nn, getFloatingToolbarHighlightColorOptions as Pn, getFloatingToolbarLinkHref as Fn, getFloatingToolbarMessageSet as In, getFloatingToolbarMoreActions as Ln, getFloatingToolbarTextColorOptions as Rn, getFloatingToolbarTooltipModel as zn, getFloatingToolbarTurnIntoOptions as Bn, isFloatingToolbarMoreActionActive as Vn, isFloatingToolbarTurnIntoActive as Hn, openFloatingToolbarLinkHref as Un, preventFloatingToolbarPointerFocusLoss as Wn, removeFloatingToolbarLink as Gn, runFloatingToolbarMoreAction as Kn, setFloatingToolbarHighlightColor as qn, setFloatingToolbarTextColor as Jn, setFloatingToolbarTurnInto as Yn } from "markweave/internal/editor-core/floating-toolbar-model";
+import { normalizeMarkdownLinkHref as Xn } from "markweave/internal/plugins/markdown/markdown-input";
+import { setMarkweaveTableMenuAxisTarget as Zn } from "markweave/internal/plugins/table/table-clipboard";
+import { calculateAnchoredTableMenuPosition as Qn, calculateTableEdgeHandlePosition as $n, canRunTableCommand as er, executeTableMenuCommand as tr, formatTableCopyFeedback as nr, getActiveTableElement as rr, getAvailableCellMenuCommandSpecs as ir, getTableAxisTargetRect as ar, getTableControlAxisSelectionModel as or, getTableEditWithAiRequest as sr, getTableMenuItemGroup as cr, getTableMenuItemLabel as lr, getTableMenuItems as ur, getTableSelectionTargetRect as dr, measureTableSelectionOverlay as fr, selectTableAxisFromCell as pr, tableCopyFeedbackTimeoutMs as mr, tableMenuLabel as hr } from "markweave/internal/plugins/table/table-ui-model";
+import { createMarkweaveTocState as gr, emptyMarkweaveTocState as _r, getActiveMarkweaveTocId as vr, getMarkweaveTocItemsFromState as yr, getValidMarkweaveTocActiveId as br, normalizeMarkweaveInnerTocPlacement as xr, observeMarkweaveInnerTocContainerPosition as Sr, scrollToMarkweaveTocItem as Cr } from "markweave/internal/core/toc-state";
+import { normalizeMarkweaveCanvasColor as wr, normalizeMarkweaveTheme as Tr } from "markweave/internal/core/theme";
+import { splitMarkweaveLargeMarkdown as Er } from "markweave/internal/core/large-document";
+import { createMarkweaveSearchController as Dr } from "markweave/internal/plugins/search/search-controller";
 //#region src/editor-mode-state.ts
-var Tr = {
+var Or = {
 	mode: "live",
 	editable: !0
 };
-function Er(e) {
-	return ye((t) => Re(e, t), () => Pe(e), () => Tr);
+function kr(e) {
+	return ye((t) => ze(e, t), () => Fe(e), () => Or);
 }
 //#endregion
 //#region src/media/image-node.tsx
-var Dr = Me;
-function Or(e) {
+var Ar = Me;
+function jr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function kr(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.image, f = Fe(Er(r)), p = Y(o.attrs.src), m = Dr(o.attrs.align), h = Ne(o.attrs.width), g = Y(o.attrs.caption), _ = G(null), v = G(null), [y, b] = K(!1), [x, S] = K(!1), [C, w] = K(!1), [T, D] = K(""), [O, k] = K(null), [A, j] = K(!1), [M, N] = K(!!g), [P, F] = K(g ?? ""), ee = f && (!p || x), te = () => {
-		p && ze({
-			src: p,
-			alt: Y(o.attrs.alt) ?? "",
+function Mr(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.image, f = Ie(kr(r)), p = J(o.attrs.src), m = Ar(o.attrs.align), h = Pe(o.attrs.width), g = J(o.attrs.caption), _ = G(null), v = Rr(p, l.resolveMediaSource, _, s), y = v?.src ?? (l.resolveMediaSource ? null : p), b = G(null), [x, S] = K(!1), [C, w] = K(!1), [T, D] = K(!1), [O, k] = K(""), [A, j] = K(null), [M, ee] = K(!1), [N, P] = K(!!g), [F, te] = K(g ?? ""), I = f && (!p || C), L = () => {
+		y && Be({
+			src: y,
+			alt: J(o.attrs.alt) ?? "",
 			messages: {
 				dialogAriaLabel: d.previewDialogAriaLabel,
 				zoomOut: d.previewZoomOut,
@@ -68,58 +71,58 @@ function kr(e) {
 			}
 		});
 	};
-	H(() => {
-		M || F(g ?? "");
-	}, [g, M]);
-	let I = () => {
+	U(() => {
+		N || te(g ?? "");
+	}, [g, N]);
+	let ne = () => {
 		if (!f) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
-	}, L = () => {
+	}, re = () => {
 		if (f) {
-			if (D(""), k(null), w(!1), p) {
-				S(!1);
+			if (k(""), j(null), D(!1), p) {
+				w(!1);
 				return;
 			}
 			t();
 		}
-	}, ne = async (e) => {
+	}, R = async (e) => {
 		if (f) {
-			k(null), j(!0);
+			j(null), ee(!0);
 			try {
-				let t = await Se(q(e, p && x ? "image-replace" : "image-insert"), l.onUpload);
-				c(Te(o.attrs, t)), S(!1), D("");
+				let t = await Se(ke(e, p && C ? "image-replace" : "image-insert"), l.onUpload);
+				c(Te(o.attrs, t)), w(!1), k("");
 			} catch (e) {
-				k(e instanceof Error ? e.message : d.uploadFailedError);
+				j(e instanceof Error ? e.message : d.uploadFailedError);
 			} finally {
-				j(!1), w(!1);
+				ee(!1), D(!1);
 			}
 		}
-	}, re = () => {
+	}, ie = () => {
 		if (f) {
-			if (!T.trim()) {
-				k(d.uploadRequiredError);
+			if (!O.trim()) {
+				j(d.uploadRequiredError);
 				return;
 			}
-			ne(be(T));
+			R(be(O));
 		}
-	}, R = (e) => {
-		!f || !e || ne({
+	}, ae = (e) => {
+		!f || !e || R({
 			type: "file",
 			file: e,
 			mimeType: e.type
 		});
-	}, ie = (e) => {
-		R(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
-	}, ae = (e) => {
-		e.preventDefault(), e.stopPropagation(), f && R(e.dataTransfer.files?.[0] ?? null);
-	}, oe = () => {
-		f && (N((e) => !e), M || F(g ?? ""));
 	}, z = (e) => {
-		f && (F(e), c({ caption: e.trim() ? e : null }));
-	}, B = (e, t) => {
+		ae(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
+	}, oe = (e) => {
+		e.preventDefault(), e.stopPropagation(), f && ae(e.dataTransfer.files?.[0] ?? null);
+	}, se = () => {
+		f && (P((e) => !e), N || te(g ?? ""));
+	}, ce = (e) => {
+		f && (te(e), c({ caption: e.trim() ? e : null }));
+	}, le = (e, t) => {
 		if (t.preventDefault(), t.stopPropagation(), !f) return;
-		I();
+		ne();
 		let n = _.current;
 		if (!n) return;
 		let r = t.clientX, i = n.getBoundingClientRect().width || h || 320, a = n.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? n.parentElement?.getBoundingClientRect().width ?? i, o = (t) => {
@@ -136,59 +139,66 @@ function kr(e) {
 		"data-testid": "markweave-image-node",
 		"data-align": m,
 		"data-selected": f && s ? "true" : "false",
-		"data-hovered": y ? "true" : "false",
-		"data-empty": ee ? "true" : "false",
-		onPointerEnter: () => b(!0),
-		onPointerLeave: () => b(!1),
+		"data-hovered": x ? "true" : "false",
+		"data-empty": I ? "true" : "false",
+		onPointerEnter: () => S(!0),
+		onPointerLeave: () => S(!1),
 		onMouseDown: (e) => {
-			f && !Or(e.target) && I();
+			f && !jr(e.target) && ne();
 		},
-		children: ee ? /* @__PURE__ */ Z(Ar, {
-			dragActive: C,
-			error: O,
-			inputValue: T,
-			isSubmitting: A,
-			fileInputRef: v,
+		children: I ? /* @__PURE__ */ Z(Nr, {
+			dragActive: T,
+			error: A,
+			inputValue: O,
+			isSubmitting: M,
+			fileInputRef: b,
 			messages: u,
-			onCancel: L,
-			onDrop: ae,
-			onDragActiveChange: w,
-			onFileChange: ie,
-			onInputChange: D,
-			onSubmit: re
+			onCancel: re,
+			onDrop: oe,
+			onDragActiveChange: D,
+			onFileChange: z,
+			onInputChange: k,
+			onSubmit: ie
 		}) : /* @__PURE__ */ Q(X, { children: [
-			f ? /* @__PURE__ */ Z(jr, {
+			f ? /* @__PURE__ */ Z(Pr, {
 				align: m,
-				captionActive: M || !!g,
+				captionActive: N || !!g,
 				messages: u,
 				onAlign: (e) => c({ align: e }),
-				onCaption: oe,
+				onCaption: se,
 				onDelete: t,
 				onDownload: () => {
-					p && Ae(p);
+					y && q(y);
 				},
-				onPreview: te,
+				onPreview: L,
 				onReplace: () => {
-					D(""), k(null), S(!0);
+					k(""), j(null), w(!0);
 				}
 			}) : null,
 			/* @__PURE__ */ Q("div", {
 				className: "markweave-image-box",
 				ref: _,
-				style: h ? { width: `${h}px` } : void 0,
+				style: {
+					...h ? { width: `${h}px` } : null,
+					...v?.width && v.height ? { aspectRatio: `${v.width} / ${v.height}` } : null
+				},
 				children: [
-					p ? /* @__PURE__ */ Z("img", {
+					y ? /* @__PURE__ */ Z("img", {
 						className: "markweave-image",
-						src: p,
-						alt: Y(o.attrs.alt) ?? "",
-						title: Y(o.attrs.title) ?? void 0,
-						draggable: !1
+						src: y,
+						alt: J(o.attrs.alt) ?? "",
+						title: J(o.attrs.title) ?? void 0,
+						draggable: !1,
+						loading: "lazy",
+						decoding: "async",
+						width: v?.width,
+						height: v?.height
 					}) : /* @__PURE__ */ Z("div", {
 						className: "markweave-image-readonly-empty",
 						"data-testid": "markweave-image-readonly-empty",
 						"aria-hidden": "true"
 					}),
-					!f && p ? /* @__PURE__ */ Q("button", {
+					!f && y ? /* @__PURE__ */ Q("button", {
 						type: "button",
 						className: "markweave-image-preview-trigger",
 						"data-testid": "markweave-image-preview",
@@ -196,7 +206,7 @@ function kr(e) {
 						"aria-label": d.preview,
 						title: d.preview,
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: te,
+						onClick: L,
 						children: [/* @__PURE__ */ Z(E, {
 							size: 16,
 							strokeWidth: 1.8
@@ -206,28 +216,28 @@ function kr(e) {
 							children: d.preview
 						})]
 					}) : null,
-					f ? /* @__PURE__ */ Z(Nr, {
+					f ? /* @__PURE__ */ Z(Ir, {
 						side: "left",
 						messages: u,
-						onPointerDown: B
+						onPointerDown: le
 					}) : null,
-					f ? /* @__PURE__ */ Z(Nr, {
+					f ? /* @__PURE__ */ Z(Ir, {
 						side: "right",
 						messages: u,
-						onPointerDown: B
+						onPointerDown: le
 					}) : null
 				]
 			}),
-			f && (M || g) ? /* @__PURE__ */ Z("input", {
+			f && (N || g) ? /* @__PURE__ */ Z("input", {
 				className: "markweave-image-caption-input",
 				"data-markweave-image-ui": "true",
 				"data-testid": "markweave-image-caption-input",
-				value: P,
+				value: F,
 				placeholder: d.captionPlaceholder,
 				"aria-label": d.captionAriaLabel,
-				onChange: (e) => z(e.currentTarget.value),
+				onChange: (e) => ce(e.currentTarget.value),
 				onKeyDown: (e) => {
-					e.key === "Escape" && (e.preventDefault(), N(!1));
+					e.key === "Escape" && (e.preventDefault(), P(!1));
 				}
 			}) : g ? /* @__PURE__ */ Z("figcaption", {
 				className: "markweave-image-caption",
@@ -237,7 +247,7 @@ function kr(e) {
 		] })
 	});
 }
-function Ar({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
+function Nr({ 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",
@@ -319,7 +329,7 @@ function Ar({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-function jr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i, onDelete: a, onDownload: o, onPreview: s, onReplace: c }) {
+function Pr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i, onDelete: a, onDownload: o, onPreview: s, onReplace: c }) {
 	let u = n.image;
 	return /* @__PURE__ */ Q("div", {
 		className: "markweave-image-toolbar",
@@ -327,21 +337,21 @@ function jr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 		"data-markweave-image-ui": "true",
 		"aria-label": u.toolsAriaLabel,
 		children: [
-			/* @__PURE__ */ Z(Mr, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-align-left",
 				label: u.alignLeft,
 				icon: d,
 				active: e === "left",
 				onClick: () => r("left")
 			}),
-			/* @__PURE__ */ Z(Mr, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-align-center",
 				label: u.alignCenter,
 				icon: l,
 				active: e === "center",
 				onClick: () => r("center")
 			}),
-			/* @__PURE__ */ Z(Mr, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-align-right",
 				label: u.alignRight,
 				icon: f,
@@ -352,45 +362,45 @@ function jr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(Mr, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-caption",
 				label: u.caption,
 				icon: h,
 				active: t,
 				onClick: i
 			}),
-			/* @__PURE__ */ Z(Mr, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-preview",
 				label: u.preview,
 				icon: E,
 				onClick: s
 			}),
-			/* @__PURE__ */ Z(Mr, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-download",
 				label: u.download,
 				icon: w,
 				onClick: o
 			}),
-			/* @__PURE__ */ Z(Mr, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-replace",
 				label: u.replace,
-				icon: z,
+				icon: oe,
 				onClick: c
 			}),
 			/* @__PURE__ */ Z("span", {
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(Mr, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-delete",
 				label: u.delete,
-				icon: me,
+				icon: pe,
 				onClick: a
 			})
 		]
 	});
 }
-function Mr({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
+function Fr({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
 		"aria-label": n,
@@ -409,7 +419,7 @@ function Mr({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 		})]
 	});
 }
-function Nr({ messages: e, onPointerDown: t, side: n }) {
+function Ir({ messages: e, onPointerDown: t, side: n }) {
 	return /* @__PURE__ */ Z("button", {
 		type: "button",
 		className: "markweave-image-resize-handle",
@@ -420,37 +430,90 @@ function Nr({ messages: e, onPointerDown: t, side: n }) {
 		onPointerDown: (e) => t(n, e)
 	});
 }
-var Pr = Ce.extend({
+var Lr = Ce.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
 			messages: n("zh"),
-			onUpload: void 0
+			onUpload: void 0,
+			resolveMediaSource: void 0
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(kr, { stopEvent: ({ event: e }) => Or(e.target) });
+		if (typeof document > "u") return null;
+		let e = o(Mr, { stopEvent: ({ event: e }) => jr(e.target) }), t = this.options.resolveMediaSource;
+		if (!t) return e;
+		let r = Y({
+			messages: this.options.messages ?? n("zh"),
+			onUpload: this.options.onUpload,
+			resolveMediaSource: t
+		});
+		return (t) => J(t.node.attrs.src) ? r(t) : e(t);
 	}
 });
+function Rr(e, t, n, r) {
+	let [i, a] = K(t ? "background" : "visible"), [o, s] = K(() => !t && e ? { src: e } : null);
+	return U(() => {
+		s(!t && e ? { src: e } : null), a(t ? "background" : "visible");
+	}, [t, e]), U(() => {
+		if (!t || !e) return;
+		if (r) {
+			a("visible");
+			return;
+		}
+		let i = n.current;
+		if (!i || typeof IntersectionObserver > "u") {
+			a("visible");
+			return;
+		}
+		let o = new IntersectionObserver((e) => {
+			let t = e[0];
+			if (!t?.isIntersecting) return;
+			let n = t.boundingClientRect, r = n.bottom >= 0 && n.top <= window.innerHeight;
+			a(r ? "visible" : "nearby");
+		}, { rootMargin: "300% 0px" });
+		return o.observe(i), () => o.disconnect();
+	}, [
+		n,
+		t,
+		r,
+		e
+	]), U(() => {
+		if (!t || !e || i === "background") return;
+		let n = new AbortController();
+		return Ve(t, {
+			kind: "image",
+			priority: i,
+			signal: n.signal,
+			src: e
+		}).then((e) => {
+			n.signal.aborted || s(e);
+		}), () => n.abort();
+	}, [
+		i,
+		t,
+		e
+	]), o;
+}
 //#endregion
 //#region src/media/video-node.tsx
-function Fr(e) {
+function zr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
 }
-function Ir(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.video, f = Fe(Er(r)), p = Y(o.attrs.src), m = Y(o.attrs.embedUrl), h = Y(o.attrs.provider), g = m ? J(m, h) : null, _ = Y(o.attrs.mimeType), v = Y(o.attrs.title), y = G(null), [b, x] = K(!1), [S, C] = K(""), [w, T] = K(null), [E, D] = K(!1), O = f && !p, k = () => {
+function Br(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.video, f = Ie(kr(r)), p = J(o.attrs.src), m = J(o.attrs.embedUrl), h = J(o.attrs.provider), g = m ? Ne(m, h) : null, _ = J(o.attrs.mimeType), v = J(o.attrs.title), y = G(null), [b, x] = K(!1), [S, C] = K(""), [w, T] = K(null), [E, D] = K(!1), O = f && !p, k = () => {
 		if (!f) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
 	}, A = (e) => {
-		f && (Fr(e.target) || (e.preventDefault(), k()));
+		f && (zr(e.target) || (e.preventDefault(), k()));
 	}, j = (e) => {
 		f && (e.key === "Delete" || e.key === "Backspace") && s && (e.preventDefault(), t());
 	}, M = async (e) => {
 		if (!(!f || !e)) {
 			T(null), D(!0);
 			try {
-				let t = await Se(ke({
+				let t = await Se(Ae({
 					type: "file",
 					file: e,
 					mimeType: e.type
@@ -469,7 +532,7 @@ function Ir(e) {
 		"data-testid": "markweave-video-node",
 		"data-empty": "true",
 		"data-selected": "false",
-		children: /* @__PURE__ */ Z(Lr, {
+		children: /* @__PURE__ */ Z(Vr, {
 			dragActive: b,
 			error: w,
 			fileInputRef: y,
@@ -550,7 +613,7 @@ function Ir(e) {
 		})
 	});
 }
-function Lr({ 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 Vr({ 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",
@@ -577,7 +640,7 @@ function Lr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 			/* @__PURE__ */ Z("div", {
 				className: "markweave-video-upload-icon",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ Z(ve, {
+				children: /* @__PURE__ */ Z(_e, {
 					size: 46,
 					strokeWidth: 1.6
 				})
@@ -612,7 +675,7 @@ function Lr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 						"data-testid": "markweave-video-upload-submit",
 						disabled: i || !r.trim(),
 						onClick: d,
-						children: [/* @__PURE__ */ Z(_e, {
+						children: [/* @__PURE__ */ Z(ge, {
 							size: 16,
 							strokeWidth: 1.8
 						}), a.common.insert]
@@ -632,44 +695,45 @@ function Lr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-var Rr = we.extend({
+var Hr = we.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
 			messages: n("zh"),
-			onUpload: void 0
+			onUpload: void 0,
+			resolveMediaSource: void 0
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(Ir, { stopEvent: ({ event: e }) => Fr(e.target) });
+		return typeof document > "u" ? null : o(Br, { stopEvent: ({ event: e }) => zr(e.target) });
 	}
 });
 //#endregion
 //#region src/link-card-node.tsx
-function zr(e) {
+function Ur(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
 }
-function Br(e) {
+function Wr(e) {
 	return typeof navigator < "u" && navigator.clipboard?.writeText ? navigator.clipboard.writeText(e).catch(() => void 0) : Promise.resolve();
 }
-function Vr(e) {
+function Gr(e) {
 	!e || typeof window > "u" || window.open(e, "_blank", "noopener,noreferrer");
 }
-function Hr(e) {
+function Kr(e) {
 	try {
 		return new URL(e).host;
 	} catch {
 		return e;
 	}
 }
-function Ur(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? n("zh"), u = l.linkCard, d = Fe(Er(r)), f = Ve(o.attrs), [p, m] = K(!1), [h, g] = K(!1), [_, v] = K(!1), [y, b] = K(f?.title ?? ""), [x, C] = K(f?.href ?? ""), w = G(null);
-	if (H(() => () => w.current?.abort(), []), H(() => {
+function qr(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? n("zh"), u = l.linkCard, d = Ie(kr(r)), f = Ue(o.attrs), [p, m] = K(!1), [h, g] = K(!1), [_, v] = K(!1), [y, b] = K(f?.title ?? ""), [x, C] = K(f?.href ?? ""), w = G(null);
+	if (U(() => () => w.current?.abort(), []), U(() => {
 		b(f?.title ?? ""), C(f?.href ?? ""), v(!1);
 	}, [f?.href, f?.title]), !f) return null;
 	let T = async (e) => {
 		e.preventDefault();
-		let t = Ve({
+		let t = Ue({
 			...f,
 			href: x,
 			title: y
@@ -684,15 +748,15 @@ function Ur(e) {
 				title: t.title,
 				signal: n.signal
 			});
-			!n.signal.aborted && e && s(Ve({
+			!n.signal.aborted && e && s(Ue({
 				...t,
 				...e
 			}) ?? t);
 		} catch {}
 	}, E = () => {
 		let e = i();
-		typeof e == "number" && Ue(r, e);
-	}, D = _ ? null : f.imageUrl, O = Hr(f.href);
+		typeof e == "number" && Ge(r, e);
+	}, D = _ ? null : f.imageUrl, O = Kr(f.href);
 	return /* @__PURE__ */ Q(a, {
 		as: "article",
 		className: "markweave-link-card",
@@ -703,10 +767,10 @@ function Ur(e) {
 		onMouseEnter: () => m(!0),
 		onMouseLeave: () => m(!1),
 		onMouseDown: (e) => {
-			zr(e.target) || e.preventDefault();
+			Ur(e.target) || e.preventDefault();
 		},
 		onClick: (e) => {
-			zr(e.target) || (e.preventDefault(), Vr(f.href));
+			Ur(e.target) || (e.preventDefault(), Gr(f.href));
 		},
 		children: [
 			/* @__PURE__ */ Q("a", {
@@ -744,24 +808,24 @@ function Ur(e) {
 				"data-markweave-link-card-ui": "true",
 				"aria-label": u.toolsAriaLabel,
 				children: [
-					/* @__PURE__ */ Z(Wr, {
+					/* @__PURE__ */ Z(Jr, {
 						label: u.convertToLink,
 						icon: te,
 						onClick: E,
 						testId: "markweave-link-card-convert"
 					}),
-					/* @__PURE__ */ Z(Wr, {
+					/* @__PURE__ */ Z(Jr, {
 						label: u.copyAddress,
 						icon: S,
-						onClick: () => void Br(f.href),
+						onClick: () => void Wr(f.href),
 						testId: "markweave-link-card-copy"
 					}),
-					/* @__PURE__ */ Z(Wr, {
+					/* @__PURE__ */ Z(Jr, {
 						label: u.edit,
 						icon: ae,
 						onClick: (e) => {
 							let t = i();
-							typeof t == "number" && We({
+							typeof t == "number" && Ke({
 								anchor: e.currentTarget,
 								editor: r,
 								messages: l,
@@ -774,9 +838,9 @@ function Ur(e) {
 						},
 						testId: "markweave-link-card-edit"
 					}),
-					/* @__PURE__ */ Z(Wr, {
+					/* @__PURE__ */ Z(Jr, {
 						label: u.delete,
-						icon: me,
+						icon: pe,
 						onClick: t,
 						testId: "markweave-link-card-delete"
 					})
@@ -803,7 +867,7 @@ function Ur(e) {
 					/* @__PURE__ */ Z("button", {
 						type: "submit",
 						"aria-label": u.edit,
-						disabled: !He(x),
+						disabled: !We(x),
 						children: /* @__PURE__ */ Z(te, { size: 16 })
 					})
 				]
@@ -811,7 +875,7 @@ function Ur(e) {
 		]
 	});
 }
-function Wr({ icon: e, label: t, onClick: n, testId: r }) {
+function Jr({ icon: e, label: t, onClick: n, testId: r }) {
 	return /* @__PURE__ */ Q("button", {
 		type: "button",
 		"aria-label": t,
@@ -828,7 +892,7 @@ function Wr({ icon: e, label: t, onClick: n, testId: r }) {
 		})]
 	});
 }
-var Gr = Ge.extend({
+var Yr = qe.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -837,32 +901,33 @@ var Gr = Ge.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(Ur, { stopEvent: ({ event: e }) => zr(e.target) });
+		return typeof document > "u" ? null : o(qr, { stopEvent: ({ event: e }) => Ur(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function Kr(t = {}) {
+function Xr(t = {}) {
 	return e({
 		lang: t.lang,
 		onImageUpload: t.onImageUpload,
-		linkCardExtension: Gr.configure({
+		linkCardExtension: Yr.configure({
 			lang: t.lang,
 			messages: n(t.lang),
 			resolver: t.linkCardResolver
 		}),
-		mediaExtensions: Be({
-			image: Pr,
-			video: Rr,
+		mediaExtensions: He({
+			image: Lr,
+			video: Hr,
 			lang: t.lang,
 			onImageUpload: t.onImageUpload,
-			onVideoUpload: t.onVideoUpload
+			onVideoUpload: t.onVideoUpload,
+			resolveMediaSource: t.resolveMediaSource
 		})
 	});
 }
 //#endregion
 //#region src/ui/codeblock/CodeBlockControls.tsx
-function qr(e) {
+function Zr(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",
@@ -899,7 +964,7 @@ function qr(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 Jr({ icon: e }) {
+function Qr({ icon: e }) {
 	return /* @__PURE__ */ Z("svg", {
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
@@ -910,50 +975,50 @@ function Jr({ icon: e }) {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: "1.8",
-			children: qr(e)
+			children: Zr(e)
 		})
 	});
 }
-function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
+function $r({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
 	let a = G(null), o = G(null), s = G(null), c = G(null), l = G(null), u = G({
 		active: !1,
 		lastX: 0,
 		lastY: 0
-	}), [d, f] = K(null), [p, m] = K(null), [h, g] = K([]), [_, v] = K(null), [y, b] = K(!1), [x, S] = K(""), [C, w] = K(-1), [T, E] = K(null), [D, O] = K(!1), [k, A] = K(null), [j, M] = K(null), [N, P] = K(!1), [F, ee] = K(0), [te, I] = K(0), L = pt(t), ne = gn(t, d), re = !i && e && L.active && L.pos !== null ? {
+	}), [d, f] = K(null), [p, m] = K(null), [h, g] = K([]), [_, v] = K(null), [y, b] = K(!1), [x, S] = K(""), [C, w] = K(-1), [T, E] = K(null), [D, O] = K(!1), [k, A] = K(null), [j, M] = K(null), [ee, N] = K(!1), [P, F] = K(0), [te, I] = K(0), L = ht(t), ne = vn(t, d), re = !i && e && L.active && L.pos !== null ? {
 		...L,
 		pos: L.pos,
 		active: !0
-	} : null, R = ne ?? re, ie = R !== null, ae = R?.language === "mermaid", oe = xn(t, R), z = ie && R !== null && !oe, B = !i, se = ln(R ? R.language : "text"), ce = T?.status ?? "idle", le = R?.mermaidPreviewMode ?? n, ue = ae && le === "preview", de = yn(t), fe = `${te}|${de.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, pe = W(() => pn(x.trim().toLowerCase()), [x]);
-	if (H(() => {
+	} : null, R = ne ?? re, ie = R !== null, ae = R?.language === "mermaid", z = Cn(t, R), oe = ie && R !== null && !z, se = !i, ce = dn(R ? R.language : "text"), le = T?.status ?? "idle", ue = R?.mermaidPreviewMode ?? n, de = ae && ue === "preview", fe = xn(t), B = `${te}|${fe.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, V = W(() => hn(x.trim().toLowerCase()), [x]);
+	if (U(() => {
 		i && (b(!1), S(""), w(-1));
-	}, [i]), H(() => {
+	}, [i]), U(() => {
 		if (!T) return;
 		let e = window.setTimeout(() => {
 			E(null);
-		}, tn);
+		}, rn);
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [T]), H(() => {
-		E(null), b(!1), S(""), w(-1), A(null), M(null), P(!1);
+	}, [T]), U(() => {
+		E(null), b(!1), S(""), w(-1), A(null), M(null), N(!1);
 	}, [
 		e,
 		R?.language,
 		R?.pos,
 		R?.text
-	]), H(() => {
+	]), U(() => {
 		let e = ({ transaction: e }) => {
-			e.getMeta(dt) && ee((e) => e + 1);
+			e.getMeta(pt) && F((e) => e + 1);
 		};
 		return t.on("transaction", e), () => {
 			t.off("transaction", e);
 		};
-	}, [t]), H(() => {
+	}, [t]), U(() => {
 		let e = t.view.dom.closest(".markweave-editor-frame");
 		if (!e) return;
 		let n = (e) => {
 			if (e.target instanceof Node && a.current?.contains(e.target) || y) return;
-			let n = gn(t, hn(t, e.target)), r = n && !xn(t, n) ? n.pos : null;
+			let n = vn(t, _n(t, e.target)), r = n && !Cn(t, n) ? n.pos : null;
 			f((e) => e === r ? e : r);
 		}, r = () => {
 			y || f(null);
@@ -961,20 +1026,20 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		return e.addEventListener("mousemove", n), e.addEventListener("mouseleave", r), () => {
 			e.removeEventListener("mousemove", n), e.removeEventListener("mouseleave", r);
 		};
-	}, [t, y]), H(() => {
+	}, [t, y]), U(() => {
 		y && s.current?.focus({ preventScroll: !0 });
-	}, [y]), U(() => {
+	}, [y]), ve(() => {
 		if (!y || C < 0) return;
 		let e = c.current, t = e?.querySelector(`[data-language-index="${C}"]`);
-		e && t && En(e, t);
+		e && t && On(e, t);
 	}, [
 		C,
-		pe,
+		V,
 		y
-	]), H(() => {
+	]), U(() => {
 		if (!k) return;
 		let e = (e) => {
-			e.key === "Escape" && (A(null), M(null), P(!1), u.current = {
+			e.key === "Escape" && (A(null), M(null), N(!1), u.current = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
@@ -983,7 +1048,7 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		return document.addEventListener("keydown", e), () => {
 			document.removeEventListener("keydown", e);
 		};
-	}, [t, k]), H(() => {
+	}, [t, k]), U(() => {
 		if (!ie || !y) return;
 		let e = (e) => {
 			e.key === "Escape" && (b(!1), w(-1), t.view.focus());
@@ -997,19 +1062,19 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		ie,
 		t,
 		y
-	]), U(() => {
+	]), ve(() => {
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			if (!_n(e) || de.length === 0) {
+			if (!yn(e) || fe.length === 0) {
 				g([]);
 				return;
 			}
-			let n = e.getBoundingClientRect(), r = de.flatMap((e) => {
-				let r = fn(dn(t, e.pos, e.mermaidPreviewMode), n);
-				return r ? [sn(e, r, n)] : [];
+			let n = e.getBoundingClientRect(), r = fe.flatMap((e) => {
+				let r = mn(pn(t, e.pos, e.mermaidPreviewMode), n);
+				return r ? [ln(e, r, n)] : [];
 			});
-			g((e) => Sn(e, r, de.map((e) => e.pos)));
+			g((e) => wn(e, r, fe.map((e) => e.pos)));
 		};
 		e();
 		let n = window.requestAnimationFrame(e);
@@ -1017,26 +1082,26 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			window.cancelAnimationFrame(n), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
-		F,
+		P,
 		t,
-		fe
-	]), U(() => {
-		if (!z || !R) {
+		B
+	]), ve(() => {
+		if (!oe || !R) {
 			m(null), v(null);
 			return;
 		}
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			let n = dn(t, R.pos, le), r = e.getBoundingClientRect(), i = fn(n, r);
+			let n = pn(t, R.pos, ue), r = e.getBoundingClientRect(), i = mn(n, r);
 			if (!i) {
 				m((e) => e?.pos === R.pos ? e : null), v((e) => y ? e : null);
 				return;
 			}
-			let s = an(R.pos, i, r);
+			let s = sn(R.pos, i, r);
 			if (m(s), y && o.current) {
 				let e = o.current.getBoundingClientRect();
-				v($t({
+				v(tn({
 					overlayRect: r,
 					buttonRect: e,
 					windowWidth: window.innerWidth,
@@ -1048,62 +1113,62 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
-		z,
-		F,
+		oe,
+		P,
 		R?.pos,
 		t,
 		y,
-		le
-	]), !z && de.length === 0 && !k) return null;
-	let me = p ? {
+		ue
+	]), !oe && fe.length === 0 && !k) return null;
+	let pe = p ? {
 		top: p.top,
 		right: p.right
-	} : void 0, he = async () => {
+	} : void 0, me = async () => {
 		if (i) {
 			if (!R) return;
-			let e = await nn(R.text);
-			E(mt(R, e ? "copied" : "failed"));
+			let e = await an(R.text);
+			E(gt(R, e ? "copied" : "failed"));
 			return;
 		}
-		if (!cn(t, R)) return;
-		let e = await ft(t);
-		E(mt(pt(t), e ? "copied" : "failed")), t.view.focus();
-	}, ge = (e, n) => {
+		if (!un(t, R)) return;
+		let e = await mt(t);
+		E(gt(ht(t), e ? "copied" : "failed")), t.view.focus();
+	}, he = (e, n) => {
 		if (i) {
-			St(t, e.pos, n) && I((e) => e + 1);
+			wt(t, e.pos, n) && I((e) => e + 1);
 			return;
 		}
 		let a = L.active && L.pos === e.pos;
-		vt(t, e.pos, n) && (r(n), I((e) => e + 1), a && t.view.focus());
-	}, _e = (e) => {
+		bt(t, e.pos, n) && (r(n), I((e) => e + 1), a && t.view.focus());
+	}, ge = (e) => {
 		if (i || !R) return;
 		let n = L.active && L.pos === R.pos;
-		_t(t, R.pos, e) && (e === "mermaid" && vt(t, R.pos, "preview") && r("preview"), b(!1), S(""), w(-1), I((e) => e + 1), n && t.view.focus());
-	}, ve = () => {
+		yt(t, R.pos, e) && (e === "mermaid" && bt(t, R.pos, "preview") && r("preview"), b(!1), S(""), w(-1), I((e) => e + 1), n && t.view.focus());
+	}, _e = () => {
 		let e = !y;
-		e && l.current === null && (l.current = rn()), w(e ? vn(pe, R?.language ?? null) : -1), b(e);
-	}, V = (e) => {
-		let t = pn(e);
-		S(e), w(vn(t, e.trim() ? null : R?.language ?? null));
+		e && l.current === null && (l.current = on()), w(e ? bn(V, R?.language ?? null) : -1), b(e);
+	}, H = (e) => {
+		let t = hn(e);
+		S(e), w(bn(t, e.trim() ? null : R?.language ?? null));
 	}, ye = (e) => {
 		if (!e.nativeEvent.isComposing) {
 			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-				e.preventDefault(), w((t) => wn(t, pe.length, e.key === "ArrowUp" ? "previous" : "next"));
+				e.preventDefault(), w((t) => En(t, V.length, e.key === "ArrowUp" ? "previous" : "next"));
 				return;
 			}
 			if (e.key === "Enter") {
-				let t = pe[C];
-				t && (e.preventDefault(), _e(t.language));
+				let t = V[C];
+				t && (e.preventDefault(), ge(t.language));
 				return;
 			}
 			e.key === "Escape" && (e.preventDefault(), b(!1), w(-1), t.view.focus());
 		}
-	}, be = pe[C], xe = l.current && be ? mn(l.current, be.language) : void 0, Se = () => {
-		i || !R || gt(t, R.pos, !oe) && (ee((e) => e + 1), f(null));
+	}, be = V[C], xe = l.current && be ? gn(l.current, be.language) : void 0, Se = () => {
+		i || !R || vt(t, R.pos, !z) && (F((e) => e + 1), f(null));
 	}, Ce = () => {
 		if (!R) return;
-		let e = bn(t, R.pos);
-		e && Qt({
+		let e = Sn(t, R.pos);
+		e && en({
 			data: new Blob([e], { type: "image/svg+xml" }),
 			fileName: "markweave-mermaid.svg",
 			onSettled: () => t.view.focus(),
@@ -1111,14 +1176,14 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		});
 	}, we = () => {
 		if (!R) return;
-		let e = bn(t, R.pos);
-		e && (A(on(e)), M(null), P(!1), u.current = {
+		let e = Sn(t, R.pos);
+		e && (A(cn(e)), M(null), N(!1), u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		});
 	}, Te = () => {
-		A(null), M(null), P(!1), u.current = {
+		A(null), M(null), N(!1), u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
@@ -1126,23 +1191,23 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 	}, Ee = (e) => {
 		A((t) => t && {
 			...t,
-			scale: en(t.scale + e)
+			scale: nn(t.scale + e)
 		});
 	}, De = () => {
-		A((e) => e && on(e.svg)), u.current = {
+		A((e) => e && cn(e.svg)), u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}, P(!1);
+		}, N(!1);
 	}, Oe = (e) => {
-		e.preventDefault(), Ee(e.deltaY < 0 ? Cn : -Cn);
-	}, q = (e) => {
+		e.preventDefault(), Ee(e.deltaY < 0 ? Tn : -Tn);
+	}, ke = (e) => {
 		e.button === 0 && (e.preventDefault(), u.current = {
 			active: !0,
 			lastX: e.clientX,
 			lastY: e.clientY
-		}, P(!0));
-	}, ke = (e) => {
+		}, N(!0));
+	}, Ae = (e) => {
 		let t = u.current;
 		if (!t.active) return;
 		let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
@@ -1150,13 +1215,13 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			active: !0,
 			lastX: e.clientX,
 			lastY: e.clientY
-		}, A((e) => Tn(e, n, r));
-	}, Ae = () => {
+		}, A((e) => Dn(e, n, r));
+	}, q = () => {
 		u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}, P(!1);
+		}, N(!1);
 	};
 	return /* @__PURE__ */ Q("div", {
 		ref: a,
@@ -1164,7 +1229,7 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		"data-testid": "markweave-codeblock-overlay",
 		"data-read-only": i ? "true" : "false",
 		children: [
-			de.map((e) => {
+			fe.map((e) => {
 				let t = h.find((t) => t.pos === e.pos);
 				return /* @__PURE__ */ Z("div", {
 					className: "markweave-mermaid-tabs",
@@ -1180,25 +1245,25 @@ function Yr({ 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: () => ge(e, t),
+						onClick: () => he(e, t),
 						children: t === "code" ? "Code" : "Preview"
 					}, t))
 				}, e.pos);
 			}),
-			z ? /* @__PURE__ */ Q("div", {
+			oe ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-controls",
 				"data-testid": "markweave-codeblock-controls",
 				"data-positioned": p ? "true" : "false",
-				"data-collapsed": oe ? "true" : "false",
+				"data-collapsed": z ? "true" : "false",
 				"data-read-only": i ? "true" : "false",
 				"aria-label": "Code block controls",
-				style: me,
+				style: pe,
 				children: [
 					i ? /* @__PURE__ */ Z("span", {
 						className: "markweave-codeblock-language-button markweave-codeblock-language-label",
 						"aria-label": "Code block language",
 						"data-testid": "markweave-codeblock-language",
-						children: /* @__PURE__ */ Z("span", { children: se })
+						children: /* @__PURE__ */ Z("span", { children: ce })
 					}) : /* @__PURE__ */ Q("button", {
 						ref: o,
 						type: "button",
@@ -1208,19 +1273,19 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						"aria-haspopup": "listbox",
 						"data-testid": "markweave-codeblock-language",
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: ve,
-						children: [/* @__PURE__ */ Z("span", { children: se }), /* @__PURE__ */ Z(Jr, { icon: "chevron" })]
+						onClick: _e,
+						children: [/* @__PURE__ */ Z("span", { children: ce }), /* @__PURE__ */ Z(Qr, { icon: "chevron" })]
 					}),
-					B ? /* @__PURE__ */ Z("button", {
+					se ? /* @__PURE__ */ Z("button", {
 						type: "button",
 						className: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
-						"aria-label": oe ? "Expand code block" : "Collapse code block",
-						title: oe ? "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": oe ? "true" : "false",
+						"data-collapsed": z ? "true" : "false",
 						onMouseDown: (e) => e.preventDefault(),
 						onClick: Se,
-						children: /* @__PURE__ */ Z(Jr, { icon: "chevron" })
+						children: /* @__PURE__ */ Z(Qr, { icon: "chevron" })
 					}) : null,
 					/* @__PURE__ */ Q("span", {
 						className: "markweave-codeblock-copy-wrap",
@@ -1229,14 +1294,14 @@ function Yr({ 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": ce,
+							"data-copy-state": le,
 							onMouseDown: (e) => e.preventDefault(),
 							onMouseEnter: () => O(!0),
 							onMouseLeave: () => O(!1),
 							onFocus: () => O(!0),
 							onBlur: () => O(!1),
-							onClick: he,
-							children: /* @__PURE__ */ Z(Jr, { icon: ce === "copied" ? "check" : "clipboard" })
+							onClick: me,
+							children: /* @__PURE__ */ Z(Qr, { icon: le === "copied" ? "check" : "clipboard" })
 						}), D ? /* @__PURE__ */ Z("span", {
 							className: "markweave-codeblock-tooltip",
 							role: "tooltip",
@@ -1244,7 +1309,7 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							children: "Copy to clipboard"
 						}) : null]
 					}),
-					ae && le === "preview" ? /* @__PURE__ */ Q("div", {
+					ae && ue === "preview" ? /* @__PURE__ */ Q("div", {
 						className: "markweave-mermaid-preview-actions",
 						"data-testid": "markweave-mermaid-preview-actions",
 						children: [/* @__PURE__ */ Z("button", {
@@ -1252,24 +1317,24 @@ function Yr({ 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: !ue,
+							disabled: !de,
 							onMouseDown: (e) => e.preventDefault(),
 							onClick: we,
-							children: /* @__PURE__ */ Z(Jr, { icon: "expand" })
+							children: /* @__PURE__ */ Z(Qr, { icon: "expand" })
 						}), /* @__PURE__ */ Z("button", {
 							type: "button",
 							className: "markweave-codeblock-icon-button",
 							"aria-label": "Download Mermaid SVG",
 							"data-testid": "markweave-mermaid-download",
-							disabled: !ue,
+							disabled: !de,
 							onMouseDown: (e) => e.preventDefault(),
 							onClick: Ce,
-							children: /* @__PURE__ */ Z(Jr, { icon: "download" })
+							children: /* @__PURE__ */ Z(Qr, { icon: "download" })
 						})]
 					}) : null
 				]
 			}) : null,
-			B && z && y ? /* @__PURE__ */ Q("div", {
+			se && oe && y ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-language-menu",
 				"data-testid": "markweave-codeblock-language-menu",
 				"data-positioned": _ ? "true" : "false",
@@ -1290,19 +1355,19 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						value: x,
 						placeholder: "Search...",
 						"data-testid": "markweave-codeblock-language-search",
-						onChange: (e) => V(e.target.value),
+						onChange: (e) => H(e.target.value),
 						onKeyDown: ye
-					}), /* @__PURE__ */ Z(Jr, { icon: "search" })]
+					}), /* @__PURE__ */ Z(Qr, { icon: "search" })]
 				}), /* @__PURE__ */ Z("div", {
 					ref: c,
 					id: l.current ?? void 0,
 					className: "markweave-codeblock-language-list",
 					role: "listbox",
 					"aria-label": "Code block languages",
-					children: pe.map((e, t) => {
+					children: V.map((e, t) => {
 						let n = e.language === R.language, r = t === C;
 						return /* @__PURE__ */ Q("button", {
-							id: l.current ? mn(l.current, e.language) : void 0,
+							id: l.current ? gn(l.current, e.language) : void 0,
 							type: "button",
 							role: "option",
 							"aria-selected": n,
@@ -1312,8 +1377,8 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 							"data-language-index": t,
 							onMouseDown: (e) => e.preventDefault(),
 							onMouseEnter: () => w(t),
-							onClick: () => _e(e.language),
-							children: [/* @__PURE__ */ Z("span", { children: e.label }), n ? /* @__PURE__ */ Z(Jr, { icon: "check" }) : null]
+							onClick: () => ge(e.language),
+							children: [/* @__PURE__ */ Z("span", { children: e.label }), n ? /* @__PURE__ */ Z(Qr, { icon: "check" }) : null]
 						}, e.language);
 					})
 				})]
@@ -1338,13 +1403,13 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onMouseLeave: () => M(null),
 								onFocus: () => M("zoom-out"),
 								onBlur: () => M(null),
-								onClick: () => Ee(-Cn),
-								children: /* @__PURE__ */ Z(Jr, { icon: "zoomOut" })
+								onClick: () => Ee(-Tn),
+								children: /* @__PURE__ */ Z(Qr, { icon: "zoomOut" })
 							}),
 							/* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-zoom-label",
 								"data-testid": "markweave-mermaid-fullscreen-zoom-label",
-								children: un(k.scale)
+								children: fn(k.scale)
 							}),
 							/* @__PURE__ */ Z("button", {
 								type: "button",
@@ -1355,8 +1420,8 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onMouseLeave: () => M(null),
 								onFocus: () => M("zoom-in"),
 								onBlur: () => M(null),
-								onClick: () => Ee(Cn),
-								children: /* @__PURE__ */ Z(Jr, { icon: "zoomIn" })
+								onClick: () => Ee(Tn),
+								children: /* @__PURE__ */ Z(Qr, { icon: "zoomIn" })
 							}),
 							/* @__PURE__ */ Z("button", {
 								type: "button",
@@ -1368,7 +1433,7 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								onFocus: () => M("reset"),
 								onBlur: () => M(null),
 								onClick: De,
-								children: /* @__PURE__ */ Z(Jr, { icon: "reset" })
+								children: /* @__PURE__ */ Z(Qr, { icon: "reset" })
 							}),
 							j ? /* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-tooltip",
@@ -1384,17 +1449,17 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
 						onClick: Te,
-						children: /* @__PURE__ */ Z(Jr, { icon: "close" })
+						children: /* @__PURE__ */ Z(Qr, { icon: "close" })
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "markweave-mermaid-fullscreen-viewport",
 						"data-testid": "markweave-mermaid-fullscreen-viewport",
-						"data-dragging": N ? "true" : "false",
+						"data-dragging": ee ? "true" : "false",
 						onWheel: Oe,
-						onMouseDown: q,
-						onMouseMove: ke,
-						onMouseUp: Ae,
-						onMouseLeave: Ae,
+						onMouseDown: ke,
+						onMouseMove: Ae,
+						onMouseUp: q,
+						onMouseLeave: q,
 						children: /* @__PURE__ */ Z("div", {
 							className: "markweave-mermaid-fullscreen-content",
 							"data-testid": "markweave-mermaid-fullscreen-content",
@@ -1415,25 +1480,25 @@ function Yr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 }
 //#endregion
 //#region src/ui/floating-toolbar/FloatingToolbar.tsx
-var Xr = n("zh");
-function Zr() {
+var ei = n("zh");
+function ti() {
 	return typeof performance > "u" ? Date.now() : performance.now();
 }
-function Qr(e, t) {
+function ni(e, t) {
 	return {
 		"--markweave-toolbar-motion-duration": `${e.motionDurationMs}ms`,
 		"--markweave-toolbar-motion-easing": e.motionEasing,
 		marginLeft: t === 0 ? void 0 : `${t}px`
 	};
 }
-function $r(e, t) {
+function ri(e, t) {
 	let n = e?.getBoundingClientRect().height ?? 0, r = t?.getBoundingClientRect().height ?? 0;
 	return Math.max(n, r, 44);
 }
-function ei(e) {
+function ii(e) {
 	if (e !== null) return { "--markweave-floating-toolbar-tooltip-left": `${e}px` };
 }
-function ti(e, t, n, r) {
+function ai(e, t, n, r) {
 	let i = {
 		bottom: t + r,
 		height: r,
@@ -1449,26 +1514,26 @@ function ti(e, t, n, r) {
 		toJSON: () => i
 	};
 }
-function ni(e) {
+function oi(e) {
 	return e.width > 0 && e.height > 0;
 }
-function ri(e) {
+function si(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 ti(t, n, r - t, i - n);
+	return ai(t, n, r - t, i - n);
 }
-function ii(e, t) {
+function ci(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 ai(e) {
+function li(e) {
 	if (typeof e.getClientRects != "function") return null;
-	let t = Array.from(e.getClientRects()).filter(ni).map((e) => ti(e.left, e.top, e.width, e.height));
+	let t = Array.from(e.getClientRects()).filter(oi).map((e) => ai(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 ni(n) ? [ti(n.left, n.top, n.width, n.height)] : null;
+	return oi(n) ? [ai(n.left, n.top, n.width, n.height)] : null;
 }
-function oi(e, t) {
+function ui(e, t) {
 	if (t.rangeCount === 0) return null;
 	let n = t.getRangeAt(0);
 	try {
@@ -1481,8 +1546,8 @@ function oi(e, t) {
 		return null;
 	}
 }
-function si(e, t) {
-	let n = oi(e, t);
+function di(e, t) {
+	let n = ui(e, t);
 	if (!n) return !1;
 	let { selection: r } = e.state, i = {
 		from: Math.min(r.from, r.to),
@@ -1490,51 +1555,51 @@ function si(e, t) {
 	};
 	return n.from === i.from && n.to === i.to;
 }
-function ci(e) {
+function fi(e) {
 	let t = e.view.dom.ownerDocument.getSelection();
-	return !t || t.rangeCount === 0 || t.isCollapsed || !ii(e, t) || !si(e, t) ? null : ai(t.getRangeAt(0));
+	return !t || t.rangeCount === 0 || t.isCollapsed || !ci(e, t) || !di(e, t) ? null : li(t.getRangeAt(0));
 }
-function li(e) {
+function pi(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), ai(a);
+		return a.setStart(t.node, t.offset), a.setEnd(i.node, i.offset), li(a);
 	} catch {
 		return null;
 	}
 }
-function ui(e) {
+function mi(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 = ti(c, o, Math.max(i.right, a.right) - c, s - o);
-	return ni(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 = ai(c, o, Math.max(i.right, a.right) - c, s - o);
+	return oi(l) ? [l] : null;
 }
-function di(e) {
-	return ci(e) ?? li(e) ?? ui(e);
+function hi(e) {
+	return fi(e) ?? pi(e) ?? mi(e);
 }
-function fi(e) {
-	let t = di(e);
-	return t && t.length > 0 ? ri(t) : null;
+function gi(e) {
+	let t = hi(e);
+	return t && t.length > 0 ? si(t) : null;
 }
-function pi(e) {
+function _i(e) {
 	return {
-		getBoundingClientRect: () => fi(e) ?? ti(0, 0, 0, 0),
-		getClientRects: () => di(e) ?? []
+		getBoundingClientRect: () => gi(e) ?? ai(0, 0, 0, 0),
+		getClientRects: () => hi(e) ?? []
 	};
 }
-function mi(e) {
+function vi(e) {
 	return e === "block-type" || e === "link" || e === "color" || e === "more";
 }
-function hi(e, t, n) {
-	n?.(An(e, t)), e.commands.focus();
+function yi(e, t, n) {
+	n?.(Mn(e, t)), e.commands.focus();
 }
-function gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelection: r }) {
-	let i = W(() => Fn(t), [t]), a = st(n, { editable: e.isEditable }), [o, s] = K(a), [c, l] = K(null), [u, d] = K(null), [f, p] = K(null), [m, h] = K(""), [g, _] = K(""), [v, y] = K(null), [b, x] = K(0), [S, C] = K(a.boundaryPadding), [w, T] = K("bottom"), E = G(0), D = G(null), O = G(null), k = G(null), A = G(null), j = jn(e, o.variant, t), M = Ln(j.find((e) => e.id === c) ?? null), N = Jn(m), P = V(() => {
+function bi({ editor: e, messages: t = ei, selectionSnapshot: n, onRewriteSelection: r }) {
+	let i = W(() => Ln(t), [t]), a = lt(n, { editable: e.isEditable }), [o, s] = K(a), [c, l] = K(null), [u, d] = K(null), [f, p] = K(null), [m, h] = K(""), [g, _] = K(""), [v, y] = K(null), [b, x] = K(0), [S, C] = K(a.boundaryPadding), [w, T] = K("bottom"), E = G(0), D = G(null), O = G(null), k = G(null), A = G(null), j = Nn(e, o.variant, t), M = zn(j.find((e) => e.id === c) ?? null), ee = Xn(m), N = H(() => {
 		let t = D.current, n = e.view.dom.closest(".markweave-editor-frame");
 		if (!t || !(n instanceof HTMLElement)) return;
-		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = $r(t, O.current), s = E.current, c = nt({
+		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = ri(t, O.current), s = E.current, c = it({
 			toolbarRect: {
 				left: r.left - s,
 				top: r.top,
@@ -1548,7 +1613,7 @@ function gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelect
 				height: i.height
 			},
 			boundaryPadding: o.boundaryPadding
-		}), l = it({
+		}), l = ot({
 			frameRect: {
 				left: i.left,
 				top: i.top,
@@ -1567,16 +1632,16 @@ function gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		o.boundaryPadding,
 		o.offset
-	]), F = V(() => {
+	]), P = H(() => {
 		D.current && (D.current.style.visibility = "hidden", D.current.style.opacity = "0");
-	}, []), ee = V(() => {
-		P();
-	}, [P]), te = V(() => pi(e), [e]), I = V((e) => {
+	}, []), F = H(() => {
+		N();
+	}, [N]), te = H(() => _i(e), [e]), I = H((e) => {
 		k.current = e;
-	}, []), L = V(() => {
+	}, []), L = H(() => {
 		let t = D.current, n = k.current, r = e.view.dom.closest(".markweave-editor-frame");
 		if (!f || !t || !n) return;
-		let i = t.getBoundingClientRect(), a = n.getBoundingClientRect(), s = r?.getBoundingClientRect() ?? null, c = rt({
+		let i = t.getBoundingClientRect(), a = n.getBoundingClientRect(), s = r?.getBoundingClientRect() ?? null, c = at({
 			toolbarRect: i,
 			popoverSize: a,
 			viewport: {
@@ -1593,18 +1658,18 @@ function gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelect
 		f,
 		o.boundaryPadding
 	]), ne = W(() => ({
-		...ot(o, { topBoundaryPadding: S }),
-		onShow: F,
-		onUpdate: ee
+		...ct(o, { topBoundaryPadding: S }),
+		onShow: P,
+		onUpdate: F
 	}), [
+		P,
 		F,
-		ee,
 		o,
 		S
 	]);
-	H(() => {
-		let e = Zr();
-		s((t) => ut(t, a, e));
+	U(() => {
+		let e = ti();
+		s((t) => ft(t, a, e));
 	}, [
 		a.hiddenReason,
 		a.motionDurationMs,
@@ -1616,10 +1681,10 @@ function gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelect
 		a.updateDelayMs,
 		a.variant,
 		a.visibility
-	]), H(() => {
+	]), U(() => {
 		if (o.motionStartedAtMs === null || o.motionDurationMs <= 0) return;
-		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - Zr()), t = window.setTimeout(() => {
-			s((e) => et(e, Zr()));
+		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - ti()), t = window.setTimeout(() => {
+			s((e) => nt(e, ti()));
 		}, e);
 		return () => {
 			window.clearTimeout(t);
@@ -1628,17 +1693,17 @@ function gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelect
 		o.motionDurationMs,
 		o.motionPhase,
 		o.motionStartedAtMs
-	]), U(() => {
+	]), ve(() => {
 		if (o.visibility !== "visible") {
 			E.current = 0, D.current && (D.current.style.marginLeft = "", D.current.style.visibility = "hidden", D.current.style.opacity = "0"), x(0), C(o.boundaryPadding);
 			return;
 		}
-		let e = On(P);
+		let e = An(N);
 		return e.schedule(), window.addEventListener("resize", e.schedule), window.addEventListener("scroll", e.schedule, !0), () => {
 			e.cancel(), window.removeEventListener("resize", e.schedule), window.removeEventListener("scroll", e.schedule, !0);
 		};
 	}, [
-		P,
+		N,
 		e.view.dom,
 		f,
 		n?.from,
@@ -1646,20 +1711,20 @@ function gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelect
 		o.variant,
 		o.visibility,
 		j.length
-	]), U(() => {
+	]), ve(() => {
 		if (!f) return;
-		let e = On(L);
+		let e = An(L);
 		return e.schedule(), window.addEventListener("resize", e.schedule), window.addEventListener("scroll", e.schedule, !0), () => {
 			e.cancel(), window.removeEventListener("resize", e.schedule), window.removeEventListener("scroll", e.schedule, !0);
 		};
-	}, [f, L]), H(() => {
+	}, [f, L]), U(() => {
 		f === "more" && i.some((e) => e.id === c) || j.some((e) => e.id === c) || (l(null), d(null));
 	}, [
 		i,
 		f,
 		c,
 		j
-	]), H(() => {
+	]), U(() => {
 		if (!f) return;
 		let t = (e) => {
 			O.current?.contains(e.target) || p(null);
@@ -1669,7 +1734,7 @@ function gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelect
 		return document.addEventListener("pointerdown", t, !0), document.addEventListener("keydown", n, !0), () => {
 			document.removeEventListener("pointerdown", t, !0), document.removeEventListener("keydown", n, !0);
 		};
-	}, [e, f]), H(() => {
+	}, [e, f]), U(() => {
 		if (f !== "link") return;
 		let e = window.requestAnimationFrame(() => {
 			A.current?.focus(), A.current?.select();
@@ -1677,10 +1742,10 @@ function gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelect
 		return () => window.cancelAnimationFrame(e);
 	}, [f]);
 	let re = (t) => {
-		if (mi(t.id)) {
+		if (vi(t.id)) {
 			let n = t.id;
 			if (n === "link") {
-				let t = Nn(e);
+				let t = Fn(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)
@@ -1690,7 +1755,7 @@ function gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelect
 			return;
 		}
 		if (p(null), t.id === "improve") {
-			hi(e, "rewrite-selection", r);
+			yi(e, "rewrite-selection", r);
 			return;
 		}
 		t.run(), e.commands.focus();
@@ -1699,14 +1764,14 @@ function gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelect
 	}, ie = () => {
 		v && e.commands.setTextSelection(v);
 	}, ae = () => {
-		ie(), kn(e, m) && R();
-	}, oe = () => {
-		if (ie(), Un(e)) {
+		ie(), jn(e, m) && R();
+	}, z = () => {
+		if (ie(), Gn(e)) {
 			h(""), _(""), R();
 			return;
 		}
 		m.trim() && h("");
-	}, z = (e, t) => {
+	}, oe = (e, t) => {
 		if (l(e), !e || !t || !O.current) {
 			d(null);
 			return;
@@ -1714,7 +1779,7 @@ function gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelect
 		let n = t.getBoundingClientRect(), r = O.current.getBoundingClientRect();
 		d(n.left + n.width / 2 - r.left);
 	};
-	return /* @__PURE__ */ Z(Dn, {
+	return /* @__PURE__ */ Z(kn, {
 		ref: D,
 		editor: e,
 		className: `markweave-floating-toolbar markweave-floating-toolbar--${o.variant} markweave-floating-toolbar--motion-${o.motionPhase}`,
@@ -1723,51 +1788,51 @@ function gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelect
 		"data-boundary-padding": o.boundaryPadding,
 		"data-popover-placement": f ? w : void 0,
 		"data-testid": "markweave-floating-toolbar",
-		style: Qr(o, b),
+		style: ni(o, b),
 		updateDelay: 0,
 		getReferencedVirtualElement: te,
 		options: ne,
-		shouldShow: ({ editor: e }) => e.isEditable && lt(at(e)),
+		shouldShow: ({ editor: e }) => e.isEditable && dt(st(e)),
 		children: /* @__PURE__ */ Q("div", {
 			ref: O,
 			className: "markweave-floating-toolbar-content",
 			"data-menu": f ?? "none",
 			children: [
-				j.map((e, t) => /* @__PURE__ */ Z(vi, {
+				j.map((e, t) => /* @__PURE__ */ Z(Si, {
 					button: e,
 					expanded: f === e.id,
 					showDivider: t > 0 && j[t - 1].group !== e.group,
 					tooltipActive: c === e.id,
-					onPointerDown: Hn,
-					onTooltipChange: z,
+					onPointerDown: Wn,
+					onTooltipChange: oe,
 					onRun: re
 				}, e.id)),
-				f === "block-type" ? /* @__PURE__ */ Z(bi, {
+				f === "block-type" ? /* @__PURE__ */ Z(wi, {
 					editor: e,
 					messages: t,
 					onPopoverRef: I,
 					onClose: () => p(null)
 				}) : null,
-				f === "link" ? /* @__PURE__ */ Z(_i, {
+				f === "link" ? /* @__PURE__ */ Z(xi, {
 					inputRef: A,
 					messages: t,
 					value: m,
-					canApply: !!N,
-					canOpen: !!N,
+					canApply: !!ee,
+					canOpen: !!ee,
 					canRemove: !!(g || m.trim()),
 					onValueChange: h,
 					onApply: ae,
-					onOpen: () => Vn(m),
-					onRemove: oe,
+					onOpen: () => Un(m),
+					onRemove: z,
 					onPopoverRef: I
 				}) : null,
-				f === "color" ? /* @__PURE__ */ Z(Si, {
+				f === "color" ? /* @__PURE__ */ Z(Ei, {
 					editor: e,
 					messages: t,
 					onPopoverRef: I,
 					onClose: () => p(null)
 				}) : null,
-				f === "more" ? /* @__PURE__ */ Z(wi, {
+				f === "more" ? /* @__PURE__ */ Z(Oi, {
 					editor: e,
 					messages: t,
 					activeTooltipId: c,
@@ -1781,15 +1846,15 @@ function gi({ editor: e, messages: t = Xr, selectionSnapshot: n, onRewriteSelect
 					"data-testid": "markweave-floating-toolbar-tooltip",
 					"data-button-id": M.buttonId,
 					"data-active": M.active,
-					style: ei(u),
+					style: ii(u),
 					children: M.label
 				}) : null
 			]
 		})
 	});
 }
-function _i({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l, onPopoverRef: u }) {
-	let d = Pn(t);
+function xi({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l, onPopoverRef: u }) {
+	let d = In(t);
 	return /* @__PURE__ */ Q("form", {
 		ref: u,
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-link-popover",
@@ -1812,7 +1877,7 @@ function _i({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 					"aria-label": d.applyLink,
 					"data-testid": "markweave-floating-toolbar-link-apply",
 					disabled: !r,
-					onMouseDown: Hn,
+					onMouseDown: Wn,
 					children: /* @__PURE__ */ Z($, { name: "corner-down-left" })
 				}),
 				/* @__PURE__ */ Z("span", {
@@ -1824,7 +1889,7 @@ function _i({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 					"aria-label": d.openLink,
 					"data-testid": "markweave-floating-toolbar-link-open",
 					disabled: !i,
-					onMouseDown: Hn,
+					onMouseDown: Wn,
 					onClick: c,
 					children: /* @__PURE__ */ Z($, { name: "external-link" })
 				}),
@@ -1833,7 +1898,7 @@ function _i({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 					"aria-label": d.removeLink,
 					"data-testid": "markweave-floating-toolbar-link-remove",
 					disabled: !a,
-					onMouseDown: Hn,
+					onMouseDown: Wn,
 					onClick: l,
 					children: /* @__PURE__ */ Z($, { name: "trash" })
 				})
@@ -1841,7 +1906,7 @@ function _i({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 		})]
 	});
 }
-function vi({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointerDown: i, onTooltipChange: a, onRun: o }) {
+function Si({ 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"
@@ -1849,7 +1914,7 @@ function vi({ 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": mi(e.id) ? t : void 0,
+		"aria-expanded": vi(e.id) ? t : void 0,
 		"data-active": e.active || t,
 		"data-tooltip-active": r ? "true" : "false",
 		"data-testid": `markweave-floating-toolbar-button-${e.id}`,
@@ -1859,13 +1924,13 @@ function vi({ 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(yi, {
+		children: /* @__PURE__ */ Z(Ci, {
 			button: e,
 			expanded: t
 		})
 	})] });
 }
-function yi({ button: e, expanded: t }) {
+function Ci({ 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 })]
@@ -1883,8 +1948,8 @@ function yi({ button: e, expanded: t }) {
 		}), /* @__PURE__ */ Z($, { name: t ? "chevron-up" : "chevron-down" })]
 	}) : /* @__PURE__ */ Z($, { name: "more" });
 }
-function bi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
-	let i = Pn(t), a = Rn(t);
+function wi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
+	let i = In(t), a = Bn(t);
 	return /* @__PURE__ */ Q("div", {
 		ref: n,
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-turn-menu",
@@ -1894,48 +1959,48 @@ function bi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 			children: i.turnIntoTitle
 		}), a.map((t) => /* @__PURE__ */ Q("button", {
 			type: "button",
-			"data-active": Bn(e, t.id),
+			"data-active": Hn(e, t.id),
 			"data-testid": `markweave-floating-toolbar-turn-${t.id}`,
-			onMouseDown: Hn,
+			onMouseDown: Wn,
 			onClick: () => {
-				qn(e, t.id), r();
+				Yn(e, t.id), r();
 			},
 			children: [/* @__PURE__ */ Z("span", {
 				className: "markweave-floating-toolbar-menu-icon",
-				children: /* @__PURE__ */ Z(xi, { option: t })
+				children: /* @__PURE__ */ Z(Ti, { option: t })
 			}), /* @__PURE__ */ Z("span", { children: t.label })]
 		}, t.id))]
 	});
 }
-function xi({ option: e }) {
+function Ti({ 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 Si({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
-	let i = Pn(t), a = e.getAttributes("textStyle").color, o = e.getAttributes("highlight").color;
+function Ei({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
+	let i = In(t), a = e.getAttributes("textStyle").color, o = e.getAttributes("highlight").color;
 	return /* @__PURE__ */ Q("div", {
 		ref: n,
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
 		"data-testid": "markweave-floating-toolbar-color-menu",
-		children: [/* @__PURE__ */ Z(Ci, {
+		children: [/* @__PURE__ */ Z(Di, {
 			title: i.textColorTitle,
 			mode: "text",
 			activeColor: a ?? null,
-			options: In(t),
+			options: Rn(t),
 			onSelect: (t) => {
-				Kn(e, t), r();
+				Jn(e, t), r();
 			}
-		}), /* @__PURE__ */ Z(Ci, {
+		}), /* @__PURE__ */ Z(Di, {
 			title: i.highlightColorTitle,
 			mode: "highlight",
 			activeColor: o ?? null,
-			options: Mn(t),
+			options: Pn(t),
 			onSelect: (t) => {
-				Gn(e, t), r();
+				qn(e, t), r();
 			}
 		})]
 	});
 }
-function Ci({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
+function Di({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 	return /* @__PURE__ */ Q("section", {
 		className: "markweave-floating-toolbar-color-section",
 		"aria-label": e,
@@ -1949,7 +2014,7 @@ function Ci({ 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: Hn,
+				onMouseDown: Wn,
 				onClick: () => i(e.value),
 				children: t === "text" ? /* @__PURE__ */ Z("span", {
 					className: "markweave-floating-toolbar-text-swatch",
@@ -1964,25 +2029,25 @@ function Ci({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 		})]
 	});
 }
-function wi({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onTooltipChange: i, onClose: a }) {
-	let o = Fn(t);
+function Oi({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onTooltipChange: i, onClose: a }) {
+	let o = Ln(t);
 	return /* @__PURE__ */ Z("div", {
 		ref: r,
 		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-more-menu",
 		"data-testid": "markweave-floating-toolbar-more-menu",
-		children: o.map((t, r) => /* @__PURE__ */ Z(Ti, {
+		children: o.map((t, r) => /* @__PURE__ */ Z(ki, {
 			action: t,
-			active: zn(e, t.id),
+			active: Vn(e, t.id),
 			tooltipActive: n === t.id,
 			showDivider: r > 0 && o[r - 1].group !== t.group,
 			onTooltipChange: i,
 			onRun: () => {
-				Wn(e, t.id), a();
+				Kn(e, t.id), a();
 			}
 		}, t.id))
 	});
 }
-function Ti({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipChange: i, onRun: a }) {
+function ki({ 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"
@@ -1994,11 +2059,11 @@ function Ti({ 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: Hn,
+			onMouseDown: Wn,
 			onMouseEnter: () => i(e.id),
 			onMouseLeave: () => i(null),
 			onClick: a,
-			children: /* @__PURE__ */ Z(Ei, { id: e.id })
+			children: /* @__PURE__ */ Z(Ai, { id: e.id })
 		}), n ? /* @__PURE__ */ Z("div", {
 			className: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
 			role: "tooltip",
@@ -2006,41 +2071,41 @@ function Ti({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 		}) : null]
 	})] });
 }
-function Ei({ id: e }) {
+function Ai({ 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 Di = {
-	sparkles: ce,
+var ji = {
+	sparkles: le,
 	"chevron-down": v,
 	"chevron-up": y,
 	"corner-down-left": C,
 	"external-link": T,
 	bold: p,
-	italic: F,
-	underline: ge,
-	strike: le,
+	italic: P,
+	underline: he,
+	strike: ue,
 	"inline-code": x,
 	link: te,
 	more: R,
-	text: he,
+	text: me,
 	"bullet-list": I,
 	"numbered-list": ne,
 	"todo-list": L,
-	quote: oe,
+	quote: z,
 	"code-block": m,
-	superscript: de,
-	subscript: ue,
-	math: B,
+	superscript: fe,
+	subscript: de,
+	math: se,
 	"align-left": d,
 	"align-center": l,
 	"align-right": f,
 	"align-justify": u,
 	"decrease-indent": M,
-	"increase-indent": N,
-	trash: me
+	"increase-indent": ee,
+	trash: pe
 };
 function $({ name: e }) {
-	let t = Di[e];
+	let t = ji[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -2050,24 +2115,24 @@ function $({ name: e }) {
 }
 //#endregion
 //#region src/ui/math/MathEditorPopover.tsx
-function Oi({ editor: e, messages: t, onClose: n, target: r }) {
-	let i = G(null), a = G(null), [o, s] = K(r.latex), [c, l] = K(null), u = t.math, d = W(() => Dt(e, r) ?? 1, [e, r]), f = W(() => Ot(e, r), [e, r]), p = W(() => o === r.latex && f ? {
+function Mi({ 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(() => kt(e, r) ?? 1, [e, r]), f = W(() => At(e, r), [e, r]), p = W(() => o === r.latex && f ? {
 		html: f,
 		error: !1
-	} : Mt(o, r.kind, e), [
+	} : Pt(o, r.kind, e), [
 		e,
 		f,
 		r.kind,
 		r.latex,
 		o
-	]), m = o.trim().length > 0, h = V(() => {
+	]), m = o.trim().length > 0, h = H(() => {
 		if (typeof window > "u") return;
-		let t = Et(e, r), i = e.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
+		let t = Ot(e, r), i = e.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
 		if (!t || !i) {
 			n();
 			return;
 		}
-		l(Tt({
+		l(Dt({
 			anchorRect: t,
 			frameRect: i,
 			kind: r.kind,
@@ -2081,30 +2146,30 @@ function Oi({ editor: e, messages: t, onClose: n, target: r }) {
 		r,
 		o
 	]);
-	H(() => {
+	U(() => {
 		s(r.latex);
-	}, [r.latex, r.pos]), H(() => {
-		Nt(e, r, !0), h();
+	}, [r.latex, r.pos]), U(() => {
+		Ft(e, r, !0), h();
 		let t = window.requestAnimationFrame(() => {
 			a.current?.focus({ preventScroll: !0 }), a.current?.select(), h();
 		});
 		return window.addEventListener("resize", h), window.addEventListener("scroll", h, !0), () => {
-			window.cancelAnimationFrame(t), window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0), Nt(e, r, !1);
+			window.cancelAnimationFrame(t), window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0), Ft(e, r, !1);
 		};
 	}, [
 		e,
 		n,
 		r,
 		h
-	]), H(() => {
+	]), U(() => {
 		let e = (e) => {
 			let t = e.target;
 			t instanceof Node && (i.current?.contains(t) || t instanceof Element && t.closest(".tiptap-mathematics-render") || n());
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [n]);
-	let _ = V(() => {
-		m && wt(e, r, o) && n();
+	let _ = H(() => {
+		m && Et(e, r, o) && n();
 	}, [
 		m,
 		e,
@@ -2235,31 +2300,31 @@ function Oi({ editor: e, messages: t, onClose: n, target: r }) {
 }
 //#endregion
 //#region src/ui/slash-command/SlashCommandMenu.tsx
-var ki = n("zh"), Ai = {
-	type: pe,
+var Ni = n("zh"), Pi = {
+	type: V,
 	"heading-1": D,
 	"heading-2": O,
 	"heading-3": k,
 	"bullet-list": I,
 	"ordered-list": ne,
 	"task-list": L,
-	blockquote: oe,
+	blockquote: z,
 	"code-block": m,
-	info: P,
-	tip: ee,
+	info: N,
+	tip: F,
 	warning: c,
 	error: b,
 	success: _,
-	emoji: se,
-	math: B,
-	table: fe,
+	emoji: ce,
+	math: se,
+	table: B,
 	separator: re,
 	image: A,
-	video: ve,
+	video: _e,
 	attachment: ie
 };
-function ji({ name: e }) {
-	let t = Ai[e];
+function Fi({ name: e }) {
+	let t = Pi[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -2267,8 +2332,8 @@ function ji({ name: e }) {
 		strokeWidth: 1.6
 	});
 }
-function Mi(e, t, n) {
-	return !zt(e) || !n ? {
+function Ii(e, t, n) {
+	return !Vt(e) || !n ? {
 		visible: !1,
 		empty: !1,
 		activeIndex: -1
@@ -2282,16 +2347,16 @@ function Mi(e, t, n) {
 		activeIndex: Math.min(t.length - 1, Math.max(0, e.activeIndex))
 	};
 }
-function Ni(e, t) {
+function Li(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 Pi(e, t) {
+function Ri(e, t) {
 	return t.slash.uploadKindLabels[e] ?? t.slash.uploadKindLabels.upload;
 }
-function Fi({ command: e, messages: t, onBack: n, onSelect: r }) {
+function zi({ command: e, messages: t, onBack: n, onSelect: r }) {
 	let [i, a] = K(""), [o, s] = K(0), c = W(() => {
 		let e = i.trim().toLowerCase();
 		return (e ? t.slash.emojiItems.filter((t) => [
@@ -2358,7 +2423,7 @@ function Fi({ command: e, messages: t, onBack: n, onSelect: r }) {
 		]
 	});
 }
-function Ii({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
+function Bi({ 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 Se({
 			kind: a,
@@ -2398,7 +2463,7 @@ function Ii({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 					onMouseDown: (e) => e.preventDefault(),
 					onClick: n,
 					children: t.common.back
-				}), /* @__PURE__ */ Z("span", { children: Pi(a, t) })]
+				}), /* @__PURE__ */ Z("span", { children: Ri(a, t) })]
 			}),
 			/* @__PURE__ */ Q("label", {
 				className: "markweave-slash-upload-field",
@@ -2446,10 +2511,10 @@ function Ii({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 		]
 	});
 }
-function Li({ commands: e, messages: t = ki, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
-	let l = Mi(n, e, r);
+function Vi({ commands: e, messages: t = Ni, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
+	let l = Ii(n, e, r);
 	if (!l.visible || !r) return null;
-	let u = Ni(e, t), d = {
+	let u = Li(e, t), d = {
 		left: r.left,
 		top: r.top,
 		maxHeight: r.maxHeight,
@@ -2471,12 +2536,12 @@ function Li({ commands: e, messages: t = ki, 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(Fi, {
+		children: i?.inputKind === "emoji" ? /* @__PURE__ */ Z(zi, {
 			command: i,
 			messages: t,
 			onBack: m,
 			onSelect: s
-		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(Ii, {
+		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(Bi, {
 			command: i,
 			messages: t,
 			onBack: m,
@@ -2496,7 +2561,7 @@ function Li({ commands: e, messages: t = ki, 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 = Lt(t), o = !!t.disabled;
+					let n = e.indexOf(t), r = n === l.activeIndex, i = zt(t), o = !!t.disabled;
 					return /* @__PURE__ */ Q("button", {
 						type: "button",
 						role: "option",
@@ -2520,7 +2585,7 @@ function Li({ commands: e, messages: t = ki, state: n, position: r, inputCommand
 							}
 						},
 						children: [
-							/* @__PURE__ */ Z(ji, { name: t.icon }),
+							/* @__PURE__ */ Z(Fi, { name: t.icon }),
 							/* @__PURE__ */ Z("span", { children: t.label }),
 							o && t.disabledReason ? /* @__PURE__ */ Z("small", { children: t.disabledReason }) : null
 						]
@@ -2532,38 +2597,38 @@ function Li({ commands: e, messages: t = ki, state: n, position: r, inputCommand
 }
 //#endregion
 //#region src/ui/table/TableControls.tsx
-var Ri = n("zh");
-function zi({ active: e, editor: t, interactionState: n = Xt, messages: r = Ri, onCopyPayload: i, onCommandResult: a, onEditWithAi: o }) {
-	let [s, c] = K(null), [l, u] = K("row-edge"), [d, f] = K(null), [p, m] = K(null), [h, g] = K(null), [_, v] = K(null), [y, b] = K(null), x = G(null), S = G(null), C = G(null), w = G(null), T = G(null), E = e ? Jt(t.state) : null;
-	if (H(() => {
+var Hi = n("zh");
+function Ui({ active: e, editor: t, interactionState: n = Qt, messages: r = Hi, 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 ? Xt(t.state) : null;
+	if (U(() => {
 		if (!y) return;
 		let e = window.setTimeout(() => {
 			b(null);
-		}, fr);
+		}, mr);
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [y]), U(() => {
+	}, [y]), ve(() => {
 		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 = ir(t, n, "row", E?.activeCellPos ?? null), i = ir(t, n, "column", E?.activeCellPos ?? null), a = r ? rr(t, r) : null, o = i ? rr(t, i) : null, c = nr(t).length > 0 ? lr(t) : null;
+			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, r = or(t, n, "row", E?.activeCellPos ?? null), i = or(t, n, "column", E?.activeCellPos ?? null), a = r ? ar(t, r) : null, o = i ? ar(t, i) : null, c = ir(t).length > 0 ? dr(t) : null;
 			if (!e) {
 				m(null), g(null), v(null);
 				return;
 			}
 			let u = e.getBoundingClientRect();
-			a ? m(Zn({
+			a ? m($n({
 				targetRect: a,
 				frameRect: u,
 				kind: "row"
-			})) : s === "row" && l === "row-edge" || m(null), o ? g(Zn({
+			})) : s === "row" && l === "row-edge" || m(null), o ? g($n({
 				targetRect: o,
 				frameRect: u,
 				kind: "column"
-			})) : s === "column" && l === "column-edge" || g(null), c ? v(Zn({
+			})) : s === "column" && l === "column-edge" || g(null), c ? v($n({
 				targetRect: c,
 				frameRect: u,
 				kind: "selection"
@@ -2583,7 +2648,7 @@ function zi({ active: e, editor: t, interactionState: n = Xt, messages: r = Ri,
 		n.hoverVisualRowIndex,
 		l,
 		s
-	]), U(() => {
+	]), ve(() => {
 		if (!e || !s) {
 			f(null);
 			return;
@@ -2594,12 +2659,12 @@ function zi({ active: e, editor: t, interactionState: n = Xt, messages: r = Ri,
 				f(null);
 				return;
 			}
-			let i = n.getBoundingClientRect(), a = s === "row" ? tr(t)?.getBoundingClientRect() : null, o = a ? {
+			let i = n.getBoundingClientRect(), a = s === "row" ? rr(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 = Xn({
+			} : i, c = e.getBoundingClientRect(), u = r.getBoundingClientRect(), d = Qn({
 				anchorRect: o,
 				frameRect: c,
 				menuSize: {
@@ -2621,7 +2686,7 @@ function zi({ active: e, editor: t, interactionState: n = Xt, messages: r = Ri,
 		p,
 		h,
 		_
-	]), H(() => {
+	]), U(() => {
 		if (!e || !s) return;
 		let n = (e) => {
 			e.key === "Escape" && (c(null), t.view.focus());
@@ -2640,22 +2705,22 @@ function zi({ active: e, editor: t, interactionState: n = Xt, messages: r = Ri,
 		let n = s === e && l === t;
 		u(t), c(n ? null : e);
 	}, O = () => {
-		t.view.dispatch(Yn(t.state.tr, null));
+		t.view.dispatch(Zn(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 && dr(t, i, e, { visualIndex: a }), D(e, r);
+		i !== null && pr(t, i, e, { visualIndex: a }), D(e, r);
 	}, A = () => {
 		O(), D("selection", "selection-edge");
-	}, j = ir(t, n, "row", E?.activeCellPos ?? null), M = ir(t, n, "column", E?.activeCellPos ?? null), N = nr(t).length > 0, P = s ? cr(t, s) : [], F = async (e, n) => {
-		let o = await $n({
+	}, j = or(t, n, "row", E?.activeCellPos ?? null), M = or(t, n, "column", E?.activeCellPos ?? null), ee = ir(t).length > 0, N = s ? ur(t, s) : [], P = async (e, n) => {
+		let o = await tr({
 			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;
-	}, ee = (e) => {
-		let n = ar(t, e);
+	}, F = (e) => {
+		let n = sr(t, e);
 		n && o?.(n), c(null), t.view.focus();
 	};
 	return /* @__PURE__ */ Q("div", {
@@ -2674,7 +2739,7 @@ function zi({ active: e, editor: t, interactionState: n = Xt, messages: r = Ri,
 				"data-copy-kind": y.kind,
 				"data-text-length": y.textLength,
 				"data-html-length": y.htmlLength,
-				children: er(y)
+				children: nr(y)
 			}) : null,
 			p ? /* @__PURE__ */ Z("button", {
 				type: "button",
@@ -2728,7 +2793,7 @@ function zi({ active: e, editor: t, interactionState: n = Xt, messages: r = Ri,
 					children: "..."
 				})
 			}) : null,
-			N && _ ? /* @__PURE__ */ Z("button", {
+			ee && _ ? /* @__PURE__ */ Z("button", {
 				type: "button",
 				ref: T,
 				className: "markweave-table-edge-handle markweave-table-edge-handle--selection",
@@ -2752,15 +2817,15 @@ function zi({ active: e, editor: t, interactionState: n = Xt, messages: r = Ri,
 				ref: S,
 				className: "markweave-table-menu",
 				role: "menu",
-				"aria-label": pr(s, r),
+				"aria-label": hr(s, r),
 				"data-testid": "markweave-table-menu",
 				"data-positioned": d ? "true" : "false",
 				style: d ? {
 					left: d.left,
 					top: d.top
 				} : void 0,
-				children: P.map((e, n) => {
-					let i = or(e), a = n === 0 ? i : or(P[n - 1]), l = n > 0 && a !== i, u = e.commandId === null ? !!o : Qn(t, e.commandId), d = sr(e, r);
+				children: N.map((e, n) => {
+					let i = cr(e), a = n === 0 ? i : cr(N[n - 1]), l = n > 0 && a !== i, u = e.commandId === null ? !!o : er(t, e.commandId), d = lr(e, r);
 					return /* @__PURE__ */ Z("button", {
 						type: "button",
 						role: "menuitem",
@@ -2775,10 +2840,10 @@ function zi({ active: e, editor: t, interactionState: n = Xt, messages: r = Ri,
 						onClick: () => {
 							if (u) {
 								if (e.commandId === null) {
-									ee(s === "row" || s === "column" ? s : "selection");
+									F(s === "row" || s === "column" ? s : "selection");
 									return;
 								}
-								F(e.commandId).finally(() => c(null));
+								P(e.commandId).finally(() => c(null));
 							}
 						},
 						children: d
@@ -2790,15 +2855,15 @@ function zi({ active: e, editor: t, interactionState: n = Xt, messages: r = Ri,
 }
 //#endregion
 //#region src/ui/table/TableSelectionOverlay.tsx
-function Bi({ editor: e, focusState: t }) {
+function Wi({ editor: e, focusState: t }) {
 	let [n, r] = K(null);
-	return U(() => {
+	return ve(() => {
 		if (t.mode !== "cell-selection") {
 			r(null);
 			return;
 		}
 		let n = () => {
-			r(ur(e, Yt(e.state)));
+			r(fr(e, Zt(e.state)));
 		};
 		return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
 			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
@@ -2833,16 +2898,16 @@ function Bi({ editor: e, focusState: t }) {
 }
 //#endregion
 //#region src/ui/toc/MarkweaveInnerToc.tsx
-function Vi(e, t) {
+function Gi(e, t) {
 	return `${e.toc.itemAriaLabel}: ${t.text}`;
 }
-function Hi({ editor: e, state: t, messages: n, editable: r, placement: i }) {
+function Ki({ editor: e, state: t, messages: n, editable: r, placement: i }) {
 	let a = G(null);
-	if (H(() => {
-		if (!(i !== "container" || !a.current)) return br(a.current);
+	if (U(() => {
+		if (!(i !== "container" || !a.current)) return Sr(a.current);
 	}, [i]), !t.items.length) return null;
 	let o = (t) => {
-		xr(e, t, {
+		Cr(e, t, {
 			behavior: "smooth",
 			focus: r
 		});
@@ -2869,7 +2934,7 @@ function Hi({ editor: e, state: t, messages: n, editable: r, placement: i }) {
 					"data-level": e.level,
 					"data-active": e.active ? "true" : "false",
 					"aria-current": e.active ? "location" : void 0,
-					"aria-label": Vi(n, e),
+					"aria-label": Gi(n, e),
 					title: e.text,
 					onClick: () => o(e),
 					children: e.text
@@ -2880,7 +2945,7 @@ function Hi({ editor: e, state: t, messages: n, editable: r, placement: i }) {
 }
 //#endregion
 //#region src/MarkweaveEditor.tsx
-var Ui = {
+var qi = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -2888,21 +2953,21 @@ var Ui = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, Wi = {
+}, Ji = {
 	active: !1,
-	language: ht.defaultLanguage,
+	language: _t.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
-}, Gi = Ct({
+}, Yi = Tt({
 	active: !1,
 	mode: "code",
 	source: ""
 });
-function Ki(e) {
-	return Zt.getState(e.state) ?? Xt;
+function Xi(e) {
+	return $t.getState(e.state) ?? Qt;
 }
-function qi(e) {
+function Zi(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -2912,133 +2977,136 @@ function qi(e) {
 	}
 	return null;
 }
-function Ji(e) {
+function Qi(e) {
 	return typeof window > "u" || typeof window.requestAnimationFrame != "function" ? globalThis.setTimeout(() => e(0), 0) : window.requestAnimationFrame(e);
 }
-function Yi(e) {
+function $i(e) {
 	if (typeof window < "u" && typeof window.cancelAnimationFrame == "function") {
 		window.cancelAnimationFrame(e);
 		return;
 	}
 	globalThis.clearTimeout(e);
 }
-function Xi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a = !1, content: o, contentFormat: c, defaultContent: l = "", defaultContentFormat: u, editable: d = !0, innerToc: f = !0, innerTocPlacement: p, lang: m, mode: h = "live", theme: g, canvasColor: _, onEditWithAi: v, onExtractToNote: y, onRewriteSelection: b, onRuntimeStateChange: x, onSearchControllerChange: S, onSlashCommandUpload: C, onTableCommandResult: w, onTableCopyPayload: T, onTocChange: E, onUpdate: D, linkCardResolver: O } = {}) {
-	let k = Ie(h), A = Cr(g), j = Sr(_), M = yr(p), N = k === "live" && d !== !1, P = Ze(o === void 0 ? u : c), F = G({
-		editorMode: k,
+function ea({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a = !1, content: o, contentFormat: c, defaultContent: l = "", defaultContentFormat: u, editable: d = !0, innerToc: f = !0, innerTocPlacement: p, lang: m, mode: h = "live", theme: g, canvasColor: _, onEditWithAi: v, onExtractToNote: y, onRewriteSelection: b, onRuntimeStateChange: x, onSearchControllerChange: S, onSlashCommandUpload: C, onTableCommandResult: w, onTableCopyPayload: T, onTocChange: E, onUpdate: D, linkCardResolver: O, resolveMediaSource: k } = {}) {
+	let A = Le(h), j = Tr(g), M = wr(_), ee = xr(p), N = A === "live" && d !== !1, P = $e(o === void 0 ? u : c), F = o ?? l, te = typeof F == "string" && F.length >= 2e5, I = o === void 0 && P === "markdown" && te && typeof F == "string", L = G(I ? F : null), [ne, re] = K(I), R = G({
+		editorMode: A,
 		effectiveEditable: N
 	});
-	F.current = {
-		editorMode: k,
+	R.current = {
+		editorMode: A,
 		effectiveEditable: N
 	};
-	let ee = G(null);
-	ee.current === null && (ee.current = r(m));
-	let te = ee.current, I = W(() => n(te), [te]), L = W(() => t(te), [te]), ne = G(C);
-	ne.current = C;
-	let re = G(S);
-	re.current = S;
-	let R = G(O);
-	R.current = O;
-	let ie = W(() => Kr({
-		lang: te,
+	let ie = G(null);
+	ie.current === null && (ie.current = r(m));
+	let ae = ie.current, z = W(() => n(ae), [ae]), oe = W(() => t(ae), [ae]), se = G(C);
+	se.current = C;
+	let ce = G(S);
+	ce.current = S;
+	let le = G(O);
+	le.current = O;
+	let ue = W(() => Xr({
+		lang: ae,
 		onImageUpload: (e) => {
-			if (ne.current) return ne.current(e);
+			if (se.current) return se.current(e);
 			let t = xe(e);
 			if (!t) throw Error("File upload requires an upload handler.");
 			return t;
 		},
 		onVideoUpload: (e) => {
-			if (ne.current) return ne.current(e);
+			if (se.current) return se.current(e);
 			let t = xe(e);
 			if (!t) throw Error("File upload requires an upload handler.");
 			return t;
 		},
-		linkCardResolver: (e) => R.current?.(e) ?? Promise.resolve(null)
-	}), [te]), [ae, oe] = K(null), [z, B] = K(Wt), [se, ce] = K(null), [le, ue] = K(null), [de, fe] = K("code"), [pe, me] = K(null), [he, ge] = K(Xt), [_e, ve] = K(null), [U, ye] = K(0), be = G(!1), Se = G({
+		linkCardResolver: (e) => le.current?.(e) ?? Promise.resolve(null),
+		resolveMediaSource: k
+	}), [k, ae]), [de, fe] = K(null), [B, V] = K(Kt), [pe, me] = K(null), [he, ge] = K(null), [_e, ve] = K("code"), [ye, be] = K(null), [Se, Ce] = K(Qt), [we, Te] = K(null), [Ee, De] = K(0), Oe = G(!1), ke = G({
 		content: o,
 		format: P
-	}), Ce = G(null), we = G(null), Te = G({ onUpdate: D }), Ee = W(() => It(z.query, L), [L, z.query]);
-	Te.current = { onUpdate: D }, Se.current = {
+	}), Ae = G(null), q = G(null), je = G({ onUpdate: D }), Me = W(() => Rt(B.query, oe), [oe, B.query]);
+	je.current = { onUpdate: D }, ke.current = {
 		content: o,
 		format: P
 	};
-	let De = V(() => {
-		we.current !== null && (window.clearTimeout(we.current), we.current = null), ye((e) => e + 1);
-	}, []), Oe = V(() => {
-		we.current !== null && window.clearTimeout(we.current), we.current = window.setTimeout(() => {
-			we.current = null, ye((e) => e + 1);
-		}, ct);
+	let Ne = H(() => {
+		q.current !== null && (window.clearTimeout(q.current), q.current = null), De((e) => e + 1);
+	}, []), Pe = H(() => {
+		q.current !== null && window.clearTimeout(q.current), q.current = window.setTimeout(() => {
+			q.current = null, De((e) => e + 1);
+		}, ut);
 	}, []);
-	H(() => () => {
-		we.current !== null && window.clearTimeout(we.current);
+	U(() => () => {
+		q.current !== null && window.clearTimeout(q.current);
 	}, []);
-	let q = V(() => {
-		ce(null), ue(null), B(Wt);
-	}, []), ke = V((e) => {
-		let t = Ut(e.state);
+	let J = H(() => {
+		me(null), ge(null), V(Kt);
+	}, []), Fe = H((e) => {
+		let t = Gt(e.state);
 		if (!t) {
-			B((e) => e.name === "idle" ? e : Wt), ce(null), ue(null);
+			V((e) => e.name === "idle" ? e : Kt), me(null), ge(null);
 			return;
 		}
 		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
-		ce(Ht(n, {
+		me(Wt(n, {
 			frameRect: i,
 			triggerRect: r
-		})), B((e) => Vt(e, t));
-	}, []), Ae = V((e) => ke(e.view), [ke]), je = V((e) => {
-		let t = at(e);
-		oe((e) => tt(e, t) ? e : t);
-		let n = jt(e);
-		n && (Nt(e, n, !0), me(n));
-		let r = pt(e);
-		r.active && r.language === "mermaid" && fe(r.mermaidPreviewMode);
-	}, []), Me = V((e) => {
-		ge(Ki(e));
-	}, []), J = s({
-		extensions: ie,
-		content: o ?? l,
-		contentType: Je(P),
+		})), V((e) => Ut(e, t));
+	}, []), Ie = H((e) => Fe(e.view), [Fe]), ze = H((e) => {
+		let t = st(e);
+		fe((e) => rt(e, t) ? e : t);
+		let n = Nt(e);
+		n && (Ft(e, n, !0), be(n));
+		let r = ht(e);
+		r.active && r.language === "mermaid" && ve(r.mermaidPreviewMode);
+	}, []), Be = H((e) => {
+		Ce(Xi(e));
+	}, []), Y = s({
+		shouldRerenderOnTransaction: !1,
+		extensions: ue,
+		content: I ? "" : F,
+		contentType: Xe(P),
 		editable: N,
 		autofocus: a,
 		editorProps: {
 			attributes: {
 				class: "markweave-editor-surface",
 				"data-testid": "markweave-editor-surface",
+				"data-markweave-large-document": te ? "true" : "false",
 				autocapitalize: "off",
 				autocorrect: "off",
 				spellcheck: "false",
 				translate: "no"
 			},
-			handleClick: (e, t, n) => F.current.effectiveEditable ? !1 : Qe(n),
+			handleClick: (e, t, n) => R.current.effectiveEditable ? !1 : et(n),
 			handleDOMEvents: {
-				compositionstart: () => F.current.effectiveEditable ? (B((e) => Gt(e, { type: "composition-start" })), ce(null), !1) : !1,
-				compositionend: (e) => (F.current.effectiveEditable && window.setTimeout(() => ke(e), 0), !1),
+				compositionstart: () => R.current.effectiveEditable ? (V((e) => qt(e, { type: "composition-start" })), me(null), !1) : !1,
+				compositionend: (e) => (R.current.effectiveEditable && window.setTimeout(() => Fe(e), 0), !1),
 				click: (e, t) => {
-					if (F.current.effectiveEditable) {
-						let n = At(e, t);
-						return n ? (t.preventDefault(), t.stopPropagation(), q(), Pt(e, n, !0), Ft(e, n), me(n), !0) : (me(null), !1);
+					if (R.current.effectiveEditable) {
+						let n = Mt(e, t);
+						return n ? (t.preventDefault(), t.stopPropagation(), J(), It(e, n, !0), Lt(e, n), be(n), !0) : (be(null), !1);
 					}
-					return Qe(t);
+					return et(t);
 				}
 			}
 		},
 		onSelectionUpdate: ({ editor: e }) => {
-			je(e);
+			ze(e);
 		},
 		onCreate: ({ editor: e }) => {
-			i && F.current.effectiveEditable && qt(e), Me(e), je(e), De();
+			i && R.current.effectiveEditable && Yt(e), Be(e), ze(e), Ne();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			Me(e), (t.docChanged || yt(t)) && Oe(), t.docChanged && me((t) => {
+			Be(e), (t.docChanged || xt(t)) && Pe(), t.docChanged && be((t) => {
 				if (!t) return null;
-				let n = kt(e, t.pos);
+				let n = jt(e, t.pos);
 				return n?.kind === t.kind ? n : null;
 			});
 		},
 		onUpdate: ({ editor: e }) => {
-			je(e), F.current.effectiveEditable && Ae(e), be.current || Te.current.onUpdate?.(qe(e, { onContentRead: (t, n) => {
-				let r = Se.current;
-				r.content !== void 0 && t === r.format && (Ce.current = {
+			ze(e), R.current.effectiveEditable && Ie(e), Oe.current || je.current.onUpdate?.(Ye(e, { onContentRead: (t, n) => {
+				let r = ke.current;
+				r.content !== void 0 && t === r.format && (Ae.current = {
 					content: n,
 					format: t,
 					doc: e.state.doc
@@ -3046,318 +3114,361 @@ function Xi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 			} }));
 		}
 	});
-	H(() => {
-		if (J) return re.current?.(wr(J)), () => {
-			re.current?.(null);
+	U(() => {
+		let e = L.current;
+		if (!Y || !e) return;
+		let t = !1;
+		return (async () => {
+			Oe.current = !0;
+			try {
+				let n = !0;
+				for (let r of Er(e)) {
+					if (await new Promise((e) => window.setTimeout(e, 0)), t) return;
+					let e = Y.markdown?.parse(r);
+					if (!e) throw Error("Markdown parser is unavailable.");
+					let i = Y.schema.nodeFromJSON(e).content, a = n ? Y.state.tr.replaceWith(0, Y.state.doc.content.size, i) : Y.state.tr.insert(Y.state.doc.content.size, i);
+					Y.view.dispatch(a.setMeta("addToHistory", !1)), n = !1;
+				}
+				if (t) return;
+				ze(Y), Be(Y), Ne(), L.current = null, re(!1);
+			} finally {
+				Oe.current = !1;
+			}
+		})().catch(() => {
+			t || (Y.commands.setContent(e, {
+				contentType: "markdown",
+				emitUpdate: !1
+			}), L.current = null, re(!1));
+		}), () => {
+			t = !0;
+		};
+	}, [
+		Y,
+		Ne,
+		ze,
+		Be
+	]), U(() => {
+		if (Y) return ce.current?.(Dr(Y)), () => {
+			ce.current?.(null);
 		};
-	}, [J]), H(() => {
-		J && (J.setEditable(N), Le(J, {
-			mode: k,
-			editable: N
-		}), xt(J, N ? "live" : "view"), De(), N || q());
+	}, [Y]), U(() => {
+		if (!Y) return;
+		let e = N && !ne;
+		Y.setEditable(e), Re(Y, {
+			mode: A,
+			editable: e
+		}), Ct(Y, e ? "live" : "view"), Ne(), N || J();
 	}, [
-		q,
 		J,
-		k,
+		Y,
+		A,
 		N,
-		De
-	]), H(() => {
-		J && bt(J, A);
-	}, [J, A]), H(() => {
-		let e = Ze(c);
-		if (!(!J || o === void 0)) {
-			if (Xe(J, Ce.current, o, e)) {
-				Ce.current = null;
+		Ne,
+		ne
+	]), U(() => {
+		Y && St(Y, j);
+	}, [Y, j]), U(() => {
+		let e = $e(c);
+		if (!(!Y || o === void 0)) {
+			if (Qe(Y, Ae.current, o, e)) {
+				Ae.current = null;
 				return;
 			}
-			Ce.current = null, !Ye(J, o, e) && (be.current = !0, J.commands.setContent(o, {
-				contentType: Je(e),
+			Ae.current = null, !Ze(Y, o, e) && (Oe.current = !0, Y.commands.setContent(o, {
+				contentType: Xe(e),
 				emitUpdate: !1
-			}), be.current = !1, je(J), N && Ae(J), Me(J), De());
+			}), Oe.current = !1, ze(Y), N && Ie(Y), Be(Y), Ne());
 		}
 	}, [
 		o,
 		c,
 		N,
-		J,
-		De,
-		je,
-		Ae,
-		Me
-	]), H(() => {
-		if (!se) return;
+		Y,
+		Ne,
+		ze,
+		Ie,
+		Be
+	]), U(() => {
+		if (!pe) return;
 		let e = (e) => {
 			let t = e.target;
-			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || q());
+			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || J());
 		};
 		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
-	}, [q, se]);
-	let Ne = W(() => J ? pt(J) : Wi, [
-		J,
-		U,
-		ae
-	]), Y = W(() => J ? Jt(J.state) : Ui, [
-		J,
-		U,
-		ae,
-		he
-	]), Pe = ae?.currentNode === "codeBlock", Fe = Pe && Ne.language === "mermaid", Re = W(() => J ? Ct({
-		active: Fe,
-		mode: de,
-		source: Ne.text
-	}) : Gi, [
-		Ne.text,
-		J,
-		Fe,
+	}, [J, pe]);
+	let Ve = W(() => Y ? ht(Y) : Ji, [
+		Y,
+		Ee,
 		de
-	]), ze = W(() => J ? Kt(J.state) : null, [J, U]), X = W(() => J ? _r(J.state.doc) : hr.items, [J, U]), Z = W(() => vr(X, _e), [_e, X]), Q = W(() => mr(X, Z), [Z, X]), Be = V(() => {
-		if (!J || !X.length) {
-			ve(null);
+	]), X = W(() => Y ? Xt(Y.state) : qi, [
+		Y,
+		Ee,
+		de,
+		Se
+	]), Z = de?.currentNode === "codeBlock", Q = Z && Ve.language === "mermaid", He = W(() => Y ? Tt({
+		active: Q,
+		mode: _e,
+		source: Ve.text
+	}) : Yi, [
+		Ve.text,
+		Y,
+		Q,
+		_e
+	]), Ue = W(() => Y && x ? Jt(Y.state) : null, [
+		Y,
+		x,
+		Ee
+	]), We = W(() => Y ? yr(Y.state) : _r.items, [Y, Ee]), Ge = W(() => br(We, we), [we, We]), Ke = W(() => gr(We, Ge), [Ge, We]), qe = H(() => {
+		if (!Y || !We.length) {
+			Te(null);
 			return;
 		}
-		let e = gr(J, X);
-		ve((t) => t === e ? t : e);
-	}, [J, X]);
-	H(() => {
-		ve((e) => {
-			let t = vr(X, e);
+		let e = vr(Y, We);
+		Te((t) => t === e ? t : e);
+	}, [Y, We]);
+	U(() => {
+		Te((e) => {
+			let t = br(We, e);
 			return e === t ? e : t;
 		});
-	}, [X]), H(() => {
-		if (!J || !X.length || typeof window > "u") return;
+	}, [We]), U(() => {
+		if (!Y || !We.length || typeof window > "u") return;
 		let e = null, t = () => {
-			e !== null && Yi(e), e = Ji(() => {
-				e = null, Be();
+			e !== null && $i(e), e = Qi(() => {
+				e = null, qe();
 			});
-		}, n = qi(J.view.dom);
+		}, n = Zi(Y.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 && Yi(e);
+			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t), e !== null && $i(e);
 		};
 	}, [
-		J,
-		X.length,
-		Be
+		Y,
+		We.length,
+		qe
 	]);
-	let Ve = W(() => $e({
-		revision: U,
-		mode: k,
+	let nt = W(() => tt({
+		revision: Ee,
+		mode: A,
 		editable: N,
-		toc: Q,
-		selection: ae,
-		slash: z,
-		table: Y,
-		tableInteraction: he,
-		codeBlock: Ne,
-		mermaid: Re,
-		tableDebugSnapshot: ze
+		toc: Ke,
+		selection: de,
+		slash: B,
+		table: X,
+		tableInteraction: Se,
+		codeBlock: Ve,
+		mermaid: He,
+		tableDebugSnapshot: Ue
 	}), [
-		Ne,
-		k,
+		Ve,
+		A,
 		N,
-		Re,
-		U,
-		ae,
-		z,
-		ze,
-		Y,
-		he,
-		Q
+		He,
+		Ee,
+		de,
+		B,
+		Ue,
+		X,
+		Se,
+		Ke
 	]);
-	H(() => {
-		x?.(Ve);
-	}, [x, Ve]), H(() => {
-		E?.(Q);
-	}, [E, Q]);
-	let He = V((e, t) => {
-		if (!(!J || !N) && Lt(e)) {
+	U(() => {
+		x?.(nt);
+	}, [x, nt]), U(() => {
+		E?.(Ke);
+	}, [E, Ke]);
+	let it = H((e, t) => {
+		if (!(!Y || !N) && zt(e)) {
 			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
-				ue(e);
+				ge(e);
 				return;
 			}
-			Bt(J, z, e, t), B((e) => Gt(e, { type: "execute" })), q();
+			Ht(Y, B, e, t), V((e) => qt(e, { type: "execute" })), J();
 		}
 	}, [
-		q,
-		N,
 		J,
-		z
-	]), Ue = V((e) => {
-		B((t) => Gt(t, {
+		N,
+		Y,
+		B
+	]), at = H((e) => {
+		V((t) => qt(t, {
 			type: "set-active",
 			index: e,
-			optionCount: Ee.length
+			optionCount: Me.length
 		}));
-	}, [Ee.length]), We = V((e) => {
-		if (!J || le || !N) return;
-		let t = Rt(z, Ee, e.key, { isComposing: e.nativeEvent.isComposing || Ke(J.state) });
+	}, [Me.length]), ot = H((e) => {
+		if (!Y || he || !N) return;
+		let t = Bt(B, Me, e.key, { isComposing: e.nativeEvent.isComposing || Je(Y.state) });
 		if (t.type !== "ignore") {
 			if (t.type === "close") {
-				e.preventDefault(), B((e) => Gt(e, { type: "escape" })), q();
+				e.preventDefault(), V((e) => qt(e, { type: "escape" })), J();
 				return;
 			}
 			if (t.type === "move-active") {
-				e.preventDefault(), B((e) => Gt(e, {
+				e.preventDefault(), V((e) => qt(e, {
 					type: "move-active",
 					delta: t.delta,
 					optionCount: t.optionCount
 				}));
 				return;
 			}
-			t.type === "execute-active" && (e.preventDefault(), He(t.command));
+			t.type === "execute-active" && (e.preventDefault(), it(t.command));
 		}
 	}, [
-		q,
-		N,
 		J,
-		Ee,
-		He,
-		le,
-		z
-	]), Ge = W(() => ({
-		closeSlashMenu: q,
-		focusFirstTableBodyCell: () => J ? qt(J) : !1,
+		N,
+		Y,
+		Me,
+		it,
+		he,
+		B
+	]), ct = W(() => ({
+		closeSlashMenu: J,
+		focusFirstTableBodyCell: () => Y ? Yt(Y) : !1,
 		setContent: (e, t = {}) => {
-			if (!J) return !1;
-			let n = Ze(t.format);
-			return J.commands.setContent(e, {
-				contentType: Je(n),
+			if (!Y) return !1;
+			let n = $e(t.format);
+			return Y.commands.setContent(e, {
+				contentType: Xe(n),
 				emitUpdate: t.emitUpdate ?? !1
-			}), t.focusFirstTableBodyCell && qt(J), je(J), N && Ae(J), Me(J), De(), !0;
+			}), t.focusFirstTableBodyCell && Yt(Y), ze(Y), N && Ie(Y), Be(Y), Ne(), !0;
 		}
 	}), [
-		q,
-		N,
 		J,
-		De,
-		je,
-		Ae,
-		Me
+		N,
+		Y,
+		Ne,
+		ze,
+		Ie,
+		Be
 	]);
 	return {
-		editor: J,
+		editor: Y,
 		frameProps: W(() => ({
 			className: "markweave-editor-frame",
-			"aria-label": e ?? I.common.editorAriaLabel,
+			"aria-label": e ?? z.common.editorAriaLabel,
 			"data-testid": "markweave-editor-frame",
-			"data-markweave-mode": k,
-			"data-markweave-theme": A,
-			style: j ? { "--markweave-canvas": j } : void 0,
+			"data-markweave-mode": A,
+			"aria-busy": ne,
+			"data-markweave-large-document-loading": ne ? "true" : "false",
+			"data-markweave-theme": j,
+			style: M ? { "--markweave-canvas": M } : void 0,
 			"data-markweave-inner-toc": f ? "true" : "false",
-			"data-markweave-inner-toc-placement": M,
-			"data-mermaid-mode": Re.mode,
-			"data-table-focus-mode": Y.mode,
-			onKeyDownCapture: We
+			"data-markweave-inner-toc-placement": ee,
+			"data-mermaid-mode": He.mode,
+			"data-table-focus-mode": X.mode,
+			onKeyDownCapture: ot
 		}), [
 			e,
-			k,
-			We,
+			A,
+			ot,
 			f,
-			Re.mode,
-			I.common.editorAriaLabel,
-			j,
+			ne,
+			He.mode,
+			z.common.editorAriaLabel,
 			M,
-			A,
-			Y.mode
+			ee,
+			j,
+			X.mode
 		]),
 		overlayProps: W(() => ({
-			floatingToolbar: J && N ? {
-				editor: J,
-				messages: I,
-				selectionSnapshot: ae,
+			floatingToolbar: Y && N ? {
+				editor: Y,
+				messages: z,
+				selectionSnapshot: de,
 				onRewriteSelection: b,
 				onExtractToNote: y
 			} : null,
-			slashCommandMenu: J && N ? {
-				commands: Ee,
-				state: z,
-				position: se,
-				inputCommand: le,
-				messages: I,
-				onActiveIndexChange: Ue,
-				onInputCommandChange: ue,
-				onSelect: He,
+			slashCommandMenu: Y && N ? {
+				commands: Me,
+				state: B,
+				position: pe,
+				inputCommand: he,
+				messages: z,
+				onActiveIndexChange: at,
+				onInputCommandChange: ge,
+				onSelect: it,
 				onUpload: C
 			} : null,
-			tableControls: J && N ? {
-				editor: J,
-				active: Y.active,
-				interactionState: he,
-				messages: I,
+			tableControls: Y && N ? {
+				editor: Y,
+				active: X.active,
+				interactionState: Se,
+				messages: z,
 				onCopyPayload: T,
 				onCommandResult: w,
 				onEditWithAi: v
 			} : null,
-			tableSelectionOverlay: J && N ? {
-				editor: J,
-				focusState: Y
+			tableSelectionOverlay: Y && N ? {
+				editor: Y,
+				focusState: X
 			} : null,
-			codeBlockControls: J ? {
-				editor: J,
-				active: N && Pe,
-				mermaidMode: de,
-				onMermaidModeChange: fe,
+			codeBlockControls: Y ? {
+				editor: Y,
+				active: N && Z,
+				mermaidMode: _e,
+				onMermaidModeChange: ve,
 				readOnly: !N
 			} : null,
-			innerToc: J && f && Q.items.length ? {
-				editor: J,
+			innerToc: Y && f && Ke.items.length ? {
+				editor: Y,
 				editable: N,
-				messages: I,
-				placement: M,
-				state: Q
+				messages: z,
+				placement: ee,
+				state: Ke
 			} : null,
-			mathEditorPopover: J && N && pe ? {
-				editor: J,
-				messages: I,
-				target: pe,
-				onClose: () => me(null)
+			mathEditorPopover: Y && N && ye ? {
+				editor: Y,
+				messages: z,
+				target: ye,
+				onClose: () => be(null)
 			} : null
 		}), [
 			N,
-			J,
-			Ee,
+			Y,
+			Me,
 			f,
-			Pe,
-			de,
-			I,
-			pe,
+			Z,
+			_e,
+			z,
+			ye,
 			v,
 			y,
 			b,
 			C,
 			w,
 			T,
-			He,
-			ae,
-			Ue,
-			le,
-			se,
-			z,
-			Y,
+			it,
+			de,
+			at,
 			he,
-			Q
+			pe,
+			B,
+			X,
+			Se,
+			Ke
 		]),
-		runtimeSnapshot: Ve,
-		actions: Ge
+		runtimeSnapshot: nt,
+		actions: ct
 	};
 }
-function Zi({ className: e, ...t }) {
-	let n = Xi(t);
+function ta({ className: e, ...t }) {
+	let n = ea(t);
 	if (!n.editor) return null;
 	let r = [n.frameProps.className, e].filter(Boolean).join(" ");
 	return /* @__PURE__ */ Q("section", {
 		...n.frameProps,
 		className: r,
 		children: [
-			n.overlayProps.floatingToolbar ? /* @__PURE__ */ Z(gi, { ...n.overlayProps.floatingToolbar }) : null,
-			n.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(Li, { ...n.overlayProps.slashCommandMenu }) : null,
-			n.overlayProps.tableControls ? /* @__PURE__ */ Z(zi, { ...n.overlayProps.tableControls }) : null,
-			n.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(Bi, { ...n.overlayProps.tableSelectionOverlay }) : null,
-			n.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(Yr, { ...n.overlayProps.codeBlockControls }) : null,
-			n.overlayProps.innerToc ? /* @__PURE__ */ Z(Hi, { ...n.overlayProps.innerToc }) : null,
-			n.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(Oi, { ...n.overlayProps.mathEditorPopover }) : null,
+			n.overlayProps.floatingToolbar ? /* @__PURE__ */ Z(bi, { ...n.overlayProps.floatingToolbar }) : null,
+			n.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(Vi, { ...n.overlayProps.slashCommandMenu }) : null,
+			n.overlayProps.tableControls ? /* @__PURE__ */ Z(Ui, { ...n.overlayProps.tableControls }) : null,
+			n.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(Wi, { ...n.overlayProps.tableSelectionOverlay }) : null,
+			n.overlayProps.codeBlockControls ? /* @__PURE__ */ Z($r, { ...n.overlayProps.codeBlockControls }) : null,
+			n.overlayProps.innerToc ? /* @__PURE__ */ Z(Ki, { ...n.overlayProps.innerToc }) : null,
+			n.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(Mi, { ...n.overlayProps.mathEditorPopover }) : null,
 			/* @__PURE__ */ Z(i, { editor: n.editor })
 		]
 	});
 }
 //#endregion
-export { Zi as MarkweaveEditor, Kr as createMarkweaveEditorExtensions, Kr as createMarkweaveReactEditorExtensions, Xi as useMarkweaveEditorController };
+export { ta as MarkweaveEditor, Xr as createMarkweaveEditorExtensions, Xr as createMarkweaveReactEditorExtensions, ea as useMarkweaveEditorController };