@markweave/react 0.2.5 → 0.3.0

package/dist/index.js

@@ -1,63 +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 I, List as L, ListChecks as te, ListOrdered as R, Minus as z, MoreVertical as ne, Paperclip as re, Pencil as ie, Quote as ae, Replace as B, Sigma as V, SmilePlus as oe, Sparkles as se, Strikethrough as ce, Subscript as le, Superscript as ue, Table2 as de, Text as fe, Trash2 as pe, Type as me, Underline as he, Upload as ge, Video as _e } from "lucide-react";
-import { useCallback as H, useEffect as U, useLayoutEffect as W, useMemo as G, useRef as K, useState as q, useSyncExternalStore as ve } from "react";
-import { detectUploadSource as ye, getDirectUploadResult as be, resolveMarkweaveUploadResult as xe } from "markweave/internal/plugins/slash-command/upload";
-import { MarkweaveCoreImage as Se, MarkweaveCoreVideo as Ce, attrsFromMarkweaveImageUploadResult as we, attrsFromMarkweaveVideoUploadResult as Te, attrsFromMarkweaveVideoUrl as Ee, clampMarkweaveImageWidth as De, createMarkweaveImageUploadRequest as Oe, createMarkweaveVideoUploadRequest as ke, downloadMarkweaveImage as Ae, markweaveVideoIframeAllow as je, normalizeMarkweaveCoreImageAlign as Me, normalizeMarkweaveVideoEmbedUrl as J, numberAttribute as Ne, stringAttribute as Y } from "markweave/internal/plugins/media/core-media-nodes";
-import { getMarkweaveEditorModeState as Pe, isMarkweaveEditorLiveEditable as Fe, normalizeMarkweaveEditorMode as Ie, setMarkweaveEditorModeState as Le, subscribeToMarkweaveEditorMode as Re } from "markweave/internal/core/editor-mode-state";
-import { openMarkweaveImagePreview as ze } from "markweave/internal/plugins/media/image-preview";
+import { 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 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 { calculateCodeBlockLanguageMenuPosition as Qt, clampFullscreenScale as $t, codeBlockCopyFeedbackTimeoutMs as en, copyCodeBlockText as tn, createCodeBlockOverlayPosition as nn, createMermaidFullscreenViewerState as rn, createMermaidTabPosition as an, focusCodeBlockTarget as on, formatCodeBlockLanguageLabel as sn, formatFullscreenZoom as cn, getActiveCodeBlockElement as ln, getAnchoredRect as un, getCodeBlockLanguageItems as dn, getCodeBlockPositionFromEventTarget as fn, getCodeBlockStateAtPosition as pn, getFrameElement as mn, getMermaidCodeBlockTargets as hn, getMermaidSvgMarkup as gn, isCodeBlockTargetCollapsed as _n, mergeStableMermaidTabPositions as vn, mermaidFullscreenZoomStep as yn, moveMermaidFullscreenViewer as bn } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
-import { BubbleMenu as xn } from "@tiptap/react/menus";
-import { createMarkweaveFrameScheduler as Sn } from "markweave/internal/editor-core/frame-scheduler";
-import { applyFloatingToolbarLink as Cn, createFloatingToolbarAssistantRequest as wn, getFloatingToolbarButtonModels as Tn, getFloatingToolbarHighlightColorOptions as En, getFloatingToolbarLinkHref as Dn, getFloatingToolbarMessageSet as On, getFloatingToolbarMoreActions as kn, getFloatingToolbarTextColorOptions as An, getFloatingToolbarTooltipModel as jn, getFloatingToolbarTurnIntoOptions as Mn, isFloatingToolbarMoreActionActive as Nn, isFloatingToolbarTurnIntoActive as Pn, openFloatingToolbarLinkHref as Fn, preventFloatingToolbarPointerFocusLoss as In, removeFloatingToolbarLink as Ln, runFloatingToolbarMoreAction as Rn, setFloatingToolbarHighlightColor as zn, setFloatingToolbarTextColor as Bn, setFloatingToolbarTurnInto as Vn } from "markweave/internal/editor-core/floating-toolbar-model";
-import { normalizeMarkdownLinkHref as Hn } from "markweave/internal/plugins/markdown/markdown-input";
-import { setMarkweaveTableMenuAxisTarget as Un } from "markweave/internal/plugins/table/table-clipboard";
-import { calculateAnchoredTableMenuPosition as Wn, calculateTableEdgeHandlePosition as Gn, canRunTableCommand as Kn, executeTableMenuCommand as qn, formatTableCopyFeedback as Jn, getActiveTableElement as Yn, getAvailableCellMenuCommandSpecs as Xn, getTableAxisTargetRect as Zn, getTableControlAxisSelectionModel as Qn, getTableEditWithAiRequest as $n, getTableMenuItemGroup as er, getTableMenuItemLabel as tr, getTableMenuItems as nr, getTableSelectionTargetRect as rr, measureTableSelectionOverlay as ir, selectTableAxisFromCell as ar, tableCopyFeedbackTimeoutMs as or, tableMenuLabel as sr } from "markweave/internal/plugins/table/table-ui-model";
-import { createMarkweaveTocState as cr, emptyMarkweaveTocState as lr, getActiveMarkweaveTocId as ur, getMarkweaveTocItems as dr, getValidMarkweaveTocActiveId as fr, normalizeMarkweaveInnerTocPlacement as pr, observeMarkweaveInnerTocContainerPosition as mr, scrollToMarkweaveTocItem as hr } from "markweave/internal/core/toc-state";
-import { normalizeMarkweaveCanvasColor as gr, normalizeMarkweaveTheme as _r } from "markweave/internal/core/theme";
-import { createMarkweaveSearchController as vr } from "markweave/internal/plugins/search/search-controller";
+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 yr = {
+var Or = {
 	mode: "live",
 	editable: !0
 };
-function br(e) {
-	return ve((t) => Re(e, t), () => Pe(e), () => yr);
+function kr(e) {
+	return ye((t) => ze(e, t), () => Fe(e), () => Or);
 }
 //#endregion
 //#region src/media/image-node.tsx
-var xr = Me;
-function Sr(e) {
+var Ar = Me;
+function jr(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
 }
-function Cr(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.image, f = Fe(br(r)), p = Y(o.attrs.src), m = xr(o.attrs.align), h = Ne(o.attrs.width), g = Y(o.attrs.caption), _ = K(null), v = K(null), [y, b] = q(!1), [x, S] = q(!1), [C, w] = q(!1), [T, D] = q(""), [O, k] = q(null), [A, j] = q(!1), [M, N] = q(!!g), [P, F] = q(g ?? ""), ee = f && (!p || x), I = () => {
-		p && ze({
-			src: p,
-			alt: 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,62 +72,62 @@ function Cr(e) {
 		});
 	};
 	U(() => {
-		M || F(g ?? "");
-	}, [g, M]);
-	let L = () => {
+		N || te(g ?? "");
+	}, [g, N]);
+	let ne = () => {
 		if (!f) return;
 		let e = i();
 		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
-	}, te = () => {
+	}, re = () => {
 		if (f) {
-			if (D(""), k(null), w(!1), p) {
-				S(!1);
+			if (k(""), j(null), D(!1), p) {
+				w(!1);
 				return;
 			}
 			t();
 		}
 	}, R = async (e) => {
 		if (f) {
-			k(null), j(!0);
+			j(null), ee(!0);
 			try {
-				let t = await xe(Oe(e, p && x ? "image-replace" : "image-insert"), l.onUpload);
-				c(we(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);
 			}
 		}
-	}, z = () => {
+	}, ie = () => {
 		if (f) {
-			if (!T.trim()) {
-				k(d.uploadRequiredError);
+			if (!O.trim()) {
+				j(d.uploadRequiredError);
 				return;
 			}
-			R(ye(T));
+			R(be(O));
 		}
-	}, ne = (e) => {
+	}, ae = (e) => {
 		!f || !e || R({
 			type: "file",
 			file: e,
 			mimeType: e.type
 		});
-	}, re = (e) => {
-		ne(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
-	}, ie = (e) => {
-		e.preventDefault(), e.stopPropagation(), f && ne(e.dataTransfer.files?.[0] ?? null);
-	}, ae = () => {
-		f && (N((e) => !e), M || F(g ?? ""));
-	}, B = (e) => {
-		f && (F(e), c({ caption: e.trim() ? e : null }));
-	}, V = (e, t) => {
+	}, z = (e) => {
+		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;
-		L();
+		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) => {
 			let n = e === "right" ? t.clientX - r : r - t.clientX;
-			c({ width: De(i + n, a) });
+			c({ width: Oe(i + n, a) });
 		}, s = () => {
 			window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s);
 		};
@@ -135,59 +139,66 @@ function Cr(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 && !Sr(e.target) && L();
+			f && !jr(e.target) && ne();
 		},
-		children: ee ? /* @__PURE__ */ Z(wr, {
-			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: te,
-			onDrop: ie,
-			onDragActiveChange: w,
-			onFileChange: re,
-			onInputChange: D,
-			onSubmit: z
+			onCancel: re,
+			onDrop: oe,
+			onDragActiveChange: D,
+			onFileChange: z,
+			onInputChange: k,
+			onSubmit: ie
 		}) : /* @__PURE__ */ Q(X, { children: [
-			f ? /* @__PURE__ */ Z(Tr, {
+			f ? /* @__PURE__ */ Z(Pr, {
 				align: m,
-				captionActive: M || !!g,
+				captionActive: N || !!g,
 				messages: u,
 				onAlign: (e) => c({ align: e }),
-				onCaption: ae,
+				onCaption: se,
 				onDelete: t,
 				onDownload: () => {
-					p && Ae(p);
+					y && q(y);
 				},
-				onPreview: I,
+				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",
@@ -195,7 +206,7 @@ function Cr(e) {
 						"aria-label": d.preview,
 						title: d.preview,
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: I,
+						onClick: L,
 						children: [/* @__PURE__ */ Z(E, {
 							size: 16,
 							strokeWidth: 1.8
@@ -205,28 +216,28 @@ function Cr(e) {
 							children: d.preview
 						})]
 					}) : null,
-					f ? /* @__PURE__ */ Z(Dr, {
+					f ? /* @__PURE__ */ Z(Ir, {
 						side: "left",
 						messages: u,
-						onPointerDown: V
+						onPointerDown: le
 					}) : null,
-					f ? /* @__PURE__ */ Z(Dr, {
+					f ? /* @__PURE__ */ Z(Ir, {
 						side: "right",
 						messages: u,
-						onPointerDown: V
+						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) => B(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",
@@ -236,7 +247,7 @@ function Cr(e) {
 		] })
 	});
 }
-function wr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
+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",
@@ -318,7 +329,7 @@ function wr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-function Tr({ 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",
@@ -326,21 +337,21 @@ function Tr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 		"data-markweave-image-ui": "true",
 		"aria-label": u.toolsAriaLabel,
 		children: [
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-align-left",
 				label: u.alignLeft,
 				icon: d,
 				active: e === "left",
 				onClick: () => r("left")
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-align-center",
 				label: u.alignCenter,
 				icon: l,
 				active: e === "center",
 				onClick: () => r("center")
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-align-right",
 				label: u.alignRight,
 				icon: f,
@@ -351,36 +362,36 @@ function Tr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-caption",
 				label: u.caption,
 				icon: h,
 				active: t,
 				onClick: i
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-preview",
 				label: u.preview,
 				icon: E,
 				onClick: s
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-download",
 				label: u.download,
 				icon: w,
 				onClick: o
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-replace",
 				label: u.replace,
-				icon: B,
+				icon: oe,
 				onClick: c
 			}),
 			/* @__PURE__ */ Z("span", {
 				className: "markweave-image-toolbar-divider",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Z(Er, {
+			/* @__PURE__ */ Z(Fr, {
 				testId: "markweave-image-delete",
 				label: u.delete,
 				icon: pe,
@@ -389,7 +400,7 @@ function Tr({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i,
 		]
 	});
 }
-function Er({ 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,
@@ -408,7 +419,7 @@ function Er({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
 		})]
 	});
 }
-function Dr({ 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",
@@ -419,42 +430,95 @@ function Dr({ messages: e, onPointerDown: t, side: n }) {
 		onPointerDown: (e) => t(n, e)
 	});
 }
-var Or = Se.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(Cr, { stopEvent: ({ event: e }) => Sr(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 kr(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 Ar(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, selected: s, updateAttributes: c } = e, l = e.extension.options, u = l.messages ?? n("zh"), d = u.video, f = Fe(br(r)), p = Y(o.attrs.src), m = Y(o.attrs.embedUrl), h = Y(o.attrs.provider), g = m ? J(m, h) : null, _ = Y(o.attrs.mimeType), v = Y(o.attrs.title), y = K(null), [b, x] = q(!1), [S, C] = q(""), [w, T] = q(null), [E, D] = q(!1), O = f && !p, k = () => {
+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 && (kr(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 xe(ke({
+				let t = await Se(Ae({
 					type: "file",
 					file: e,
 					mimeType: e.type
 				}), l.onUpload);
-				c(Te(t)), C("");
+				c(Ee(t)), C("");
 			} catch (e) {
 				T(e instanceof Error ? e.message : d.uploadFailedError);
 			} finally {
@@ -468,7 +532,7 @@ function Ar(e) {
 		"data-testid": "markweave-video-node",
 		"data-empty": "true",
 		"data-selected": "false",
-		children: /* @__PURE__ */ Z(jr, {
+		children: /* @__PURE__ */ Z(Vr, {
 			dragActive: b,
 			error: w,
 			fileInputRef: y,
@@ -486,7 +550,7 @@ function Ar(e) {
 			onInputChange: C,
 			onSubmit: () => {
 				if (!f) return;
-				let e = Ee(S);
+				let e = De(S);
 				if (!e) {
 					T(d.unsupportedUrlError);
 					return;
@@ -549,7 +613,7 @@ function Ar(e) {
 		})
 	});
 }
-function jr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
+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",
@@ -631,44 +695,45 @@ function jr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitt
 		]
 	});
 }
-var Mr = Ce.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(Ar, { stopEvent: ({ event: e }) => kr(e.target) });
+		return typeof document > "u" ? null : o(Br, { stopEvent: ({ event: e }) => zr(e.target) });
 	}
 });
 //#endregion
 //#region src/link-card-node.tsx
-function Nr(e) {
+function Ur(e) {
 	return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
 }
-function Pr(e) {
+function Wr(e) {
 	return typeof navigator < "u" && navigator.clipboard?.writeText ? navigator.clipboard.writeText(e).catch(() => void 0) : Promise.resolve();
 }
-function Fr(e) {
+function Gr(e) {
 	!e || typeof window > "u" || window.open(e, "_blank", "noopener,noreferrer");
 }
-function Ir(e) {
+function Kr(e) {
 	try {
 		return new URL(e).host;
 	} catch {
 		return e;
 	}
 }
-function Lr(e) {
-	let { deleteNode: t, editor: r, getPos: i, node: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? n("zh"), u = l.linkCard, d = Fe(br(r)), f = Ve(o.attrs), [p, m] = q(!1), [h, g] = q(!1), [_, v] = q(!1), [y, b] = q(f?.title ?? ""), [x, C] = q(f?.href ?? ""), w = K(null);
+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
@@ -683,15 +748,15 @@ function Lr(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 = Ir(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",
@@ -702,10 +767,10 @@ function Lr(e) {
 		onMouseEnter: () => m(!0),
 		onMouseLeave: () => m(!1),
 		onMouseDown: (e) => {
-			Nr(e.target) || e.preventDefault();
+			Ur(e.target) || e.preventDefault();
 		},
 		onClick: (e) => {
-			Nr(e.target) || (e.preventDefault(), Fr(f.href));
+			Ur(e.target) || (e.preventDefault(), Gr(f.href));
 		},
 		children: [
 			/* @__PURE__ */ Q("a", {
@@ -743,24 +808,24 @@ function Lr(e) {
 				"data-markweave-link-card-ui": "true",
 				"aria-label": u.toolsAriaLabel,
 				children: [
-					/* @__PURE__ */ Z(Rr, {
+					/* @__PURE__ */ Z(Jr, {
 						label: u.convertToLink,
-						icon: I,
+						icon: te,
 						onClick: E,
 						testId: "markweave-link-card-convert"
 					}),
-					/* @__PURE__ */ Z(Rr, {
+					/* @__PURE__ */ Z(Jr, {
 						label: u.copyAddress,
 						icon: S,
-						onClick: () => void Pr(f.href),
+						onClick: () => void Wr(f.href),
 						testId: "markweave-link-card-copy"
 					}),
-					/* @__PURE__ */ Z(Rr, {
+					/* @__PURE__ */ Z(Jr, {
 						label: u.edit,
-						icon: ie,
+						icon: ae,
 						onClick: (e) => {
 							let t = i();
-							typeof t == "number" && We({
+							typeof t == "number" && Ke({
 								anchor: e.currentTarget,
 								editor: r,
 								messages: l,
@@ -773,7 +838,7 @@ function Lr(e) {
 						},
 						testId: "markweave-link-card-edit"
 					}),
-					/* @__PURE__ */ Z(Rr, {
+					/* @__PURE__ */ Z(Jr, {
 						label: u.delete,
 						icon: pe,
 						onClick: t,
@@ -802,15 +867,15 @@ function Lr(e) {
 					/* @__PURE__ */ Z("button", {
 						type: "submit",
 						"aria-label": u.edit,
-						disabled: !He(x),
-						children: /* @__PURE__ */ Z(I, { size: 16 })
+						disabled: !We(x),
+						children: /* @__PURE__ */ Z(te, { size: 16 })
 					})
 				]
 			}) : null
 		]
 	});
 }
-function Rr({ 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,
@@ -827,7 +892,7 @@ function Rr({ icon: e, label: t, onClick: n, testId: r }) {
 		})]
 	});
 }
-var zr = Ge.extend({
+var Yr = qe.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -836,32 +901,33 @@ var zr = Ge.extend({
 		};
 	},
 	addNodeView() {
-		return typeof document > "u" ? null : o(Lr, { stopEvent: ({ event: e }) => Nr(e.target) });
+		return typeof document > "u" ? null : o(qr, { stopEvent: ({ event: e }) => Ur(e.target) });
 	}
 });
 //#endregion
 //#region src/create-editor-extensions.ts
-function Br(t = {}) {
+function Xr(t = {}) {
 	return e({
 		lang: t.lang,
 		onImageUpload: t.onImageUpload,
-		linkCardExtension: zr.configure({
+		linkCardExtension: Yr.configure({
 			lang: t.lang,
 			messages: n(t.lang),
 			resolver: t.linkCardResolver
 		}),
-		mediaExtensions: Be({
-			image: Or,
-			video: Mr,
+		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 Vr(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",
@@ -898,7 +964,7 @@ function Vr(e) {
 		/* @__PURE__ */ Z("path", { d: "m14 14 4 4" })
 	] }) : e === "reset" ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), /* @__PURE__ */ Z("path", { d: "M6.5 8.5H3.5v-3" })] }) : /* @__PURE__ */ Z("path", { d: "m6 9 6 6 6-6" });
 }
-function Hr({ icon: e }) {
+function Qr({ icon: e }) {
 	return /* @__PURE__ */ Z("svg", {
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
@@ -909,40 +975,40 @@ function Hr({ icon: e }) {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: "1.8",
-			children: Vr(e)
+			children: Zr(e)
 		})
 	});
 }
-function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
-	let a = K(null), o = K(null), s = K(null), c = K({
+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
-	}), [l, u] = q(null), [d, f] = q(null), [p, m] = q([]), [h, g] = q(null), [_, v] = q(!1), [y, b] = q(""), [x, S] = q(null), [C, w] = q(!1), [T, E] = q(null), [D, O] = q(null), [k, A] = q(!1), [j, M] = q(0), [N, P] = q(0), F = pt(t), ee = pn(t, l), I = !i && e && F.active && F.pos !== null ? {
-		...F,
-		pos: F.pos,
+	}), [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, L = ee ?? I, te = L !== null, R = L?.language === "mermaid", z = _n(t, L), ne = te && L !== null && !z, re = !i, ie = sn(L ? L.language : "text"), ae = x?.status ?? "idle", B = L?.mermaidPreviewMode ?? n, V = R && B === "preview", oe = hn(t), se = `${N}|${oe.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, ce = G(() => dn(y.trim().toLowerCase()), [y]);
+	} : 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 && (v(!1), b(""));
+		i && (b(!1), S(""), w(-1));
 	}, [i]), U(() => {
-		if (!x) return;
+		if (!T) return;
 		let e = window.setTimeout(() => {
-			S(null);
-		}, en);
+			E(null);
+		}, rn);
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [x]), U(() => {
-		S(null), v(!1), b(""), E(null), O(null), A(!1);
+	}, [T]), U(() => {
+		E(null), b(!1), S(""), w(-1), A(null), M(null), N(!1);
 	}, [
 		e,
-		L?.language,
-		L?.pos,
-		L?.text
+		R?.language,
+		R?.pos,
+		R?.text
 	]), U(() => {
 		let e = ({ transaction: e }) => {
-			e.getMeta(dt) && M((e) => e + 1);
+			e.getMeta(pt) && F((e) => e + 1);
 		};
 		return t.on("transaction", e), () => {
 			t.off("transaction", e);
@@ -951,21 +1017,29 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		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) || _) return;
-			let n = pn(t, fn(t, e.target)), r = n && !_n(t, n) ? n.pos : null;
-			u((e) => e === r ? e : r);
+			if (e.target instanceof Node && a.current?.contains(e.target) || y) return;
+			let n = vn(t, _n(t, e.target)), r = n && !Cn(t, n) ? n.pos : null;
+			f((e) => e === r ? e : r);
 		}, r = () => {
-			_ || u(null);
+			y || f(null);
 		};
 		return e.addEventListener("mousemove", n), e.addEventListener("mouseleave", r), () => {
 			e.removeEventListener("mousemove", n), e.removeEventListener("mouseleave", r);
 		};
-	}, [t, _]), U(() => {
-		_ && s.current?.focus({ preventScroll: !0 });
-	}, [_]), U(() => {
-		if (!T) return;
+	}, [t, y]), U(() => {
+		y && s.current?.focus({ preventScroll: !0 });
+	}, [y]), ve(() => {
+		if (!y || C < 0) return;
+		let e = c.current, t = e?.querySelector(`[data-language-index="${C}"]`);
+		e && t && On(e, t);
+	}, [
+		C,
+		V,
+		y
+	]), U(() => {
+		if (!k) return;
 		let e = (e) => {
-			e.key === "Escape" && (E(null), O(null), A(!1), c.current = {
+			e.key === "Escape" && (A(null), M(null), N(!1), u.current = {
 				active: !1,
 				lastX: 0,
 				lastY: 0
@@ -974,33 +1048,33 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		return document.addEventListener("keydown", e), () => {
 			document.removeEventListener("keydown", e);
 		};
-	}, [t, T]), U(() => {
-		if (!te || !_) return;
+	}, [t, k]), U(() => {
+		if (!ie || !y) return;
 		let e = (e) => {
-			e.key === "Escape" && (v(!1), t.view.focus());
+			e.key === "Escape" && (b(!1), w(-1), t.view.focus());
 		}, n = (e) => {
-			e.target instanceof Node && a.current?.contains(e.target) || v(!1);
+			e.target instanceof Node && a.current?.contains(e.target) || (b(!1), w(-1));
 		};
 		return document.addEventListener("keydown", e), document.addEventListener("mousedown", n), () => {
 			document.removeEventListener("keydown", e), document.removeEventListener("mousedown", n);
 		};
 	}, [
-		te,
+		ie,
 		t,
-		_
-	]), W(() => {
+		y
+	]), ve(() => {
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			if (!mn(e) || oe.length === 0) {
-				m([]);
+			if (!yn(e) || fe.length === 0) {
+				g([]);
 				return;
 			}
-			let n = e.getBoundingClientRect(), r = oe.flatMap((e) => {
-				let r = un(ln(t, e.pos, e.mermaidPreviewMode), n);
-				return r ? [an(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)] : [];
 			});
-			m((e) => vn(e, r, oe.map((e) => e.pos)));
+			g((e) => wn(e, r, fe.map((e) => e.pos)));
 		};
 		e();
 		let n = window.requestAnimationFrame(e);
@@ -1008,26 +1082,26 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			window.cancelAnimationFrame(n), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
-		j,
+		P,
 		t,
-		se
-	]), W(() => {
-		if (!ne || !L) {
-			f(null), g(null);
+		B
+	]), ve(() => {
+		if (!oe || !R) {
+			m(null), v(null);
 			return;
 		}
 		let e = () => {
 			let e = a.current;
 			if (!e) return;
-			let n = ln(t, L.pos, B), r = e.getBoundingClientRect(), i = un(n, r);
+			let n = pn(t, R.pos, ue), r = e.getBoundingClientRect(), i = mn(n, r);
 			if (!i) {
-				f((e) => e?.pos === L.pos ? e : null), g((e) => _ ? e : null);
+				m((e) => e?.pos === R.pos ? e : null), v((e) => y ? e : null);
 				return;
 			}
-			let s = nn(L.pos, i, r);
-			if (f(s), _ && o.current) {
+			let s = sn(R.pos, i, r);
+			if (m(s), y && o.current) {
 				let e = o.current.getBoundingClientRect();
-				g(Qt({
+				v(tn({
 					overlayRect: r,
 					buttonRect: e,
 					windowWidth: window.innerWidth,
@@ -1039,93 +1113,115 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [
-		ne,
-		j,
-		L?.pos,
+		oe,
+		P,
+		R?.pos,
 		t,
-		_,
-		B
-	]), !ne && oe.length === 0 && !T) return null;
-	let le = d ? {
-		top: d.top,
-		right: d.right
-	} : void 0, ue = async () => {
+		y,
+		ue
+	]), !oe && fe.length === 0 && !k) return null;
+	let pe = p ? {
+		top: p.top,
+		right: p.right
+	} : void 0, me = async () => {
 		if (i) {
-			if (!L) return;
-			let e = await tn(L.text);
-			S(mt(L, e ? "copied" : "failed"));
+			if (!R) return;
+			let e = await an(R.text);
+			E(gt(R, e ? "copied" : "failed"));
 			return;
 		}
-		if (!on(t, L)) return;
-		let e = await ft(t);
-		S(mt(pt(t), e ? "copied" : "failed")), t.view.focus();
-	}, de = (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) && P((e) => e + 1);
+			wt(t, e.pos, n) && I((e) => e + 1);
 			return;
 		}
-		let a = F.active && F.pos === e.pos;
-		vt(t, e.pos, n) && (r(n), P((e) => e + 1), a && t.view.focus());
-	}, fe = (e) => {
-		if (i || !L) return;
-		let n = F.active && F.pos === L.pos;
-		_t(t, L.pos, e) && (e === "mermaid" && vt(t, L.pos, "preview") && r("preview"), v(!1), b(""), P((e) => e + 1), n && t.view.focus());
-	}, pe = () => {
-		i || !L || gt(t, L.pos, !z) && (M((e) => e + 1), u(null));
-	}, me = () => {
-		if (!L) return;
-		let e = gn(t, L.pos);
-		if (!e) return;
-		let n = new Blob([e], { type: "image/svg+xml" }), r = URL.createObjectURL(n), i = document.createElement("a");
-		i.href = r, i.download = "markweave-mermaid.svg", i.click(), URL.revokeObjectURL(r), t.view.focus();
-	}, he = () => {
-		if (!L) return;
-		let e = gn(t, L.pos);
-		e && (E(rn(e)), O(null), A(!1), c.current = {
+		let a = L.active && L.pos === e.pos;
+		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;
+		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 = 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) => En(t, V.length, e.key === "ArrowUp" ? "previous" : "next"));
+				return;
+			}
+			if (e.key === "Enter") {
+				let t = V[C];
+				t && (e.preventDefault(), ge(t.language));
+				return;
+			}
+			e.key === "Escape" && (e.preventDefault(), b(!1), w(-1), t.view.focus());
+		}
+	}, 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 = Sn(t, R.pos);
+		e && en({
+			data: new Blob([e], { type: "image/svg+xml" }),
+			fileName: "markweave-mermaid.svg",
+			onSettled: () => t.view.focus(),
+			ownerDocument: document
+		});
+	}, we = () => {
+		if (!R) return;
+		let e = Sn(t, R.pos);
+		e && (A(cn(e)), M(null), N(!1), u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		});
-	}, ge = () => {
-		E(null), O(null), A(!1), c.current = {
+	}, Te = () => {
+		A(null), M(null), N(!1), u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
 		}, t.view.focus();
-	}, _e = (e) => {
-		E((t) => t && {
+	}, Ee = (e) => {
+		A((t) => t && {
 			...t,
-			scale: $t(t.scale + e)
+			scale: nn(t.scale + e)
 		});
-	}, H = () => {
-		E((e) => e && rn(e.svg)), c.current = {
+	}, De = () => {
+		A((e) => e && cn(e.svg)), u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}, A(!1);
-	}, ve = (e) => {
-		e.preventDefault(), _e(e.deltaY < 0 ? yn : -yn);
-	}, ye = (e) => {
-		e.button === 0 && (e.preventDefault(), c.current = {
+		}, N(!1);
+	}, Oe = (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
-		}, A(!0));
-	}, be = (e) => {
-		let t = c.current;
+		}, N(!0));
+	}, Ae = (e) => {
+		let t = u.current;
 		if (!t.active) return;
 		let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
-		c.current = {
+		u.current = {
 			active: !0,
 			lastX: e.clientX,
 			lastY: e.clientY
-		}, E((e) => bn(e, n, r));
-	}, xe = () => {
-		c.current = {
+		}, A((e) => Dn(e, n, r));
+	}, q = () => {
+		u.current = {
 			active: !1,
 			lastX: 0,
 			lastY: 0
-		}, A(!1);
+		}, N(!1);
 	};
 	return /* @__PURE__ */ Q("div", {
 		ref: a,
@@ -1133,8 +1229,8 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 		"data-testid": "markweave-codeblock-overlay",
 		"data-read-only": i ? "true" : "false",
 		children: [
-			oe.map((e) => {
-				let t = p.find((t) => t.pos === e.pos);
+			fe.map((e) => {
+				let t = h.find((t) => t.pos === e.pos);
 				return /* @__PURE__ */ Z("div", {
 					className: "markweave-mermaid-tabs",
 					"data-testid": "markweave-mermaid-tabs",
@@ -1149,38 +1245,38 @@ function Ur({ 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: () => de(e, t),
+						onClick: () => he(e, t),
 						children: t === "code" ? "Code" : "Preview"
 					}, t))
 				}, e.pos);
 			}),
-			ne ? /* @__PURE__ */ Q("div", {
+			oe ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-controls",
 				"data-testid": "markweave-codeblock-controls",
-				"data-positioned": d ? "true" : "false",
+				"data-positioned": p ? "true" : "false",
 				"data-collapsed": z ? "true" : "false",
 				"data-read-only": i ? "true" : "false",
 				"aria-label": "Code block controls",
-				style: le,
+				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: ie })
+						children: /* @__PURE__ */ Z("span", { children: ce })
 					}) : /* @__PURE__ */ Q("button", {
 						ref: o,
 						type: "button",
 						className: "markweave-codeblock-language-button",
 						"aria-label": "Code block language",
-						"aria-expanded": _,
+						"aria-expanded": y,
 						"aria-haspopup": "listbox",
 						"data-testid": "markweave-codeblock-language",
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: () => v((e) => !e),
-						children: [/* @__PURE__ */ Z("span", { children: ie }), /* @__PURE__ */ Z(Hr, { icon: "chevron" })]
+						onClick: _e,
+						children: [/* @__PURE__ */ Z("span", { children: ce }), /* @__PURE__ */ Z(Qr, { icon: "chevron" })]
 					}),
-					re ? /* @__PURE__ */ Z("button", {
+					se ? /* @__PURE__ */ Z("button", {
 						type: "button",
 						className: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
 						"aria-label": z ? "Expand code block" : "Collapse code block",
@@ -1188,8 +1284,8 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						"data-testid": "markweave-codeblock-collapse",
 						"data-collapsed": z ? "true" : "false",
 						onMouseDown: (e) => e.preventDefault(),
-						onClick: pe,
-						children: /* @__PURE__ */ Z(Hr, { icon: "chevron" })
+						onClick: Se,
+						children: /* @__PURE__ */ Z(Qr, { icon: "chevron" })
 					}) : null,
 					/* @__PURE__ */ Q("span", {
 						className: "markweave-codeblock-copy-wrap",
@@ -1198,22 +1294,22 @@ function Ur({ 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": ae,
+							"data-copy-state": le,
 							onMouseDown: (e) => e.preventDefault(),
-							onMouseEnter: () => w(!0),
-							onMouseLeave: () => w(!1),
-							onFocus: () => w(!0),
-							onBlur: () => w(!1),
-							onClick: ue,
-							children: /* @__PURE__ */ Z(Hr, { icon: ae === "copied" ? "check" : "clipboard" })
-						}), C ? /* @__PURE__ */ Z("span", {
+							onMouseEnter: () => O(!0),
+							onMouseLeave: () => O(!1),
+							onFocus: () => O(!0),
+							onBlur: () => O(!1),
+							onClick: me,
+							children: /* @__PURE__ */ Z(Qr, { icon: le === "copied" ? "check" : "clipboard" })
+						}), D ? /* @__PURE__ */ Z("span", {
 							className: "markweave-codeblock-tooltip",
 							role: "tooltip",
 							"data-testid": "markweave-codeblock-copy-tooltip",
 							children: "Copy to clipboard"
 						}) : null]
 					}),
-					R && B === "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", {
@@ -1221,63 +1317,73 @@ function Ur({ 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: !V,
+							disabled: !de,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: he,
-							children: /* @__PURE__ */ Z(Hr, { icon: "expand" })
+							onClick: we,
+							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: !V,
+							disabled: !de,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: me,
-							children: /* @__PURE__ */ Z(Hr, { icon: "download" })
+							onClick: Ce,
+							children: /* @__PURE__ */ Z(Qr, { icon: "download" })
 						})]
 					}) : null
 				]
 			}) : null,
-			re && ne && _ ? /* @__PURE__ */ Q("div", {
+			se && oe && y ? /* @__PURE__ */ Q("div", {
 				className: "markweave-codeblock-language-menu",
-				role: "listbox",
-				"aria-label": "Code block languages",
 				"data-testid": "markweave-codeblock-language-menu",
-				"data-positioned": h ? "true" : "false",
-				style: h ? {
-					left: h.left,
-					top: h.top
+				"data-positioned": _ ? "true" : "false",
+				style: _ ? {
+					left: _.left,
+					top: _.top
 				} : void 0,
 				children: [/* @__PURE__ */ Q("label", {
 					className: "markweave-codeblock-language-search",
 					children: [/* @__PURE__ */ Z("input", {
 						ref: s,
-						value: y,
+						role: "combobox",
+						"aria-autocomplete": "list",
+						"aria-controls": l.current ?? void 0,
+						"aria-expanded": "true",
+						"aria-activedescendant": xe,
+						"aria-label": "Search code block languages",
+						value: x,
 						placeholder: "Search...",
 						"data-testid": "markweave-codeblock-language-search",
-						onChange: (e) => b(e.target.value),
-						onKeyDown: (e) => {
-							e.key === "Escape" && (e.preventDefault(), v(!1), t.view.focus());
-						}
-					}), /* @__PURE__ */ Z(Hr, { icon: "search" })]
+						onChange: (e) => H(e.target.value),
+						onKeyDown: ye
+					}), /* @__PURE__ */ Z(Qr, { icon: "search" })]
 				}), /* @__PURE__ */ Z("div", {
+					ref: c,
+					id: l.current ?? void 0,
 					className: "markweave-codeblock-language-list",
-					children: ce.map((e) => {
-						let t = e.language === L.language;
+					role: "listbox",
+					"aria-label": "Code block languages",
+					children: V.map((e, t) => {
+						let n = e.language === R.language, r = t === C;
 						return /* @__PURE__ */ Q("button", {
+							id: l.current ? gn(l.current, e.language) : void 0,
 							type: "button",
 							role: "option",
-							"aria-selected": t,
+							"aria-selected": n,
 							"data-testid": `markweave-codeblock-language-option-${e.language}`,
-							"data-active": t ? "true" : "false",
+							"data-active": n ? "true" : "false",
+							"data-highlighted": r ? "true" : "false",
+							"data-language-index": t,
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: () => fe(e.language),
-							children: [/* @__PURE__ */ Z("span", { children: e.label }), t ? /* @__PURE__ */ Z(Hr, { icon: "check" }) : null]
+							onMouseEnter: () => w(t),
+							onClick: () => ge(e.language),
+							children: [/* @__PURE__ */ Z("span", { children: e.label }), n ? /* @__PURE__ */ Z(Qr, { icon: "check" }) : null]
 						}, e.language);
 					})
 				})]
 			}) : null,
-			T ? /* @__PURE__ */ Q("div", {
+			k ? /* @__PURE__ */ Q("div", {
 				className: "markweave-mermaid-fullscreen-layer",
 				role: "dialog",
 				"aria-modal": "true",
@@ -1293,47 +1399,47 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 								className: "markweave-mermaid-fullscreen-control",
 								"aria-label": "Zoom out",
 								"data-testid": "markweave-mermaid-fullscreen-zoom-out",
-								onMouseEnter: () => O("zoom-out"),
-								onMouseLeave: () => O(null),
-								onFocus: () => O("zoom-out"),
-								onBlur: () => O(null),
-								onClick: () => _e(-yn),
-								children: /* @__PURE__ */ Z(Hr, { icon: "zoomOut" })
+								onMouseEnter: () => M("zoom-out"),
+								onMouseLeave: () => M(null),
+								onFocus: () => M("zoom-out"),
+								onBlur: () => M(null),
+								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: cn(T.scale)
+								children: fn(k.scale)
 							}),
 							/* @__PURE__ */ Z("button", {
 								type: "button",
 								className: "markweave-mermaid-fullscreen-control",
 								"aria-label": "Zoom in",
 								"data-testid": "markweave-mermaid-fullscreen-zoom-in",
-								onMouseEnter: () => O("zoom-in"),
-								onMouseLeave: () => O(null),
-								onFocus: () => O("zoom-in"),
-								onBlur: () => O(null),
-								onClick: () => _e(yn),
-								children: /* @__PURE__ */ Z(Hr, { icon: "zoomIn" })
+								onMouseEnter: () => M("zoom-in"),
+								onMouseLeave: () => M(null),
+								onFocus: () => M("zoom-in"),
+								onBlur: () => M(null),
+								onClick: () => Ee(Tn),
+								children: /* @__PURE__ */ Z(Qr, { icon: "zoomIn" })
 							}),
 							/* @__PURE__ */ Z("button", {
 								type: "button",
 								className: "markweave-mermaid-fullscreen-control",
 								"aria-label": "Reset zoom",
 								"data-testid": "markweave-mermaid-fullscreen-reset",
-								onMouseEnter: () => O("reset"),
-								onMouseLeave: () => O(null),
-								onFocus: () => O("reset"),
-								onBlur: () => O(null),
-								onClick: H,
-								children: /* @__PURE__ */ Z(Hr, { icon: "reset" })
+								onMouseEnter: () => M("reset"),
+								onMouseLeave: () => M(null),
+								onFocus: () => M("reset"),
+								onBlur: () => M(null),
+								onClick: De,
+								children: /* @__PURE__ */ Z(Qr, { icon: "reset" })
 							}),
-							D ? /* @__PURE__ */ Z("span", {
+							j ? /* @__PURE__ */ Z("span", {
 								className: "markweave-mermaid-fullscreen-tooltip",
 								role: "tooltip",
 								"data-testid": "markweave-mermaid-fullscreen-tooltip",
-								children: D === "zoom-out" ? "Zoom out" : D === "zoom-in" ? "Zoom in" : "Reset"
+								children: j === "zoom-out" ? "Zoom out" : j === "zoom-in" ? "Zoom in" : "Reset"
 							}) : null
 						]
 					}),
@@ -1342,29 +1448,29 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 						className: "markweave-mermaid-fullscreen-close",
 						"aria-label": "Close fullscreen Mermaid preview",
 						"data-testid": "markweave-mermaid-fullscreen-close",
-						onClick: ge,
-						children: /* @__PURE__ */ Z(Hr, { icon: "close" })
+						onClick: Te,
+						children: /* @__PURE__ */ Z(Qr, { icon: "close" })
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "markweave-mermaid-fullscreen-viewport",
 						"data-testid": "markweave-mermaid-fullscreen-viewport",
-						"data-dragging": k ? "true" : "false",
-						onWheel: ve,
-						onMouseDown: ye,
-						onMouseMove: be,
-						onMouseUp: xe,
-						onMouseLeave: xe,
+						"data-dragging": ee ? "true" : "false",
+						onWheel: Oe,
+						onMouseDown: ke,
+						onMouseMove: Ae,
+						onMouseUp: q,
+						onMouseLeave: q,
 						children: /* @__PURE__ */ Z("div", {
 							className: "markweave-mermaid-fullscreen-content",
 							"data-testid": "markweave-mermaid-fullscreen-content",
-							"data-scale-percent": Math.round(T.scale * 100),
-							"data-translate": `${Math.round(T.translateX)},${Math.round(T.translateY)}`,
+							"data-scale-percent": Math.round(k.scale * 100),
+							"data-translate": `${Math.round(k.translateX)},${Math.round(k.translateY)}`,
 							style: {
-								width: `${T.width}px`,
-								height: `${T.height}px`,
-								transform: `translate(${T.translateX}px, ${T.translateY}px) scale(${T.scale})`
+								width: `${k.width}px`,
+								height: `${k.height}px`,
+								transform: `translate(${k.translateX}px, ${k.translateY}px) scale(${k.scale})`
 							},
-							dangerouslySetInnerHTML: { __html: T.svg }
+							dangerouslySetInnerHTML: { __html: k.svg }
 						})
 					})
 				]
@@ -1374,25 +1480,25 @@ function Ur({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, read
 }
 //#endregion
 //#region src/ui/floating-toolbar/FloatingToolbar.tsx
-var Wr = n("zh");
-function Gr() {
+var ei = n("zh");
+function ti() {
 	return typeof performance > "u" ? Date.now() : performance.now();
 }
-function Kr(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 qr(e, t) {
+function ri(e, t) {
 	let n = e?.getBoundingClientRect().height ?? 0, r = t?.getBoundingClientRect().height ?? 0;
 	return Math.max(n, r, 44);
 }
-function Jr(e) {
+function ii(e) {
 	if (e !== null) return { "--markweave-floating-toolbar-tooltip-left": `${e}px` };
 }
-function Yr(e, t, n, r) {
+function ai(e, t, n, r) {
 	let i = {
 		bottom: t + r,
 		height: r,
@@ -1408,26 +1514,26 @@ function Yr(e, t, n, r) {
 		toJSON: () => i
 	};
 }
-function Xr(e) {
+function oi(e) {
 	return e.width > 0 && e.height > 0;
 }
-function Zr(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 Yr(t, n, r - t, i - n);
+	return ai(t, n, r - t, i - n);
 }
-function Qr(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 $r(e) {
+function li(e) {
 	if (typeof e.getClientRects != "function") return null;
-	let t = Array.from(e.getClientRects()).filter(Xr).map((e) => Yr(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 Xr(n) ? [Yr(n.left, n.top, n.width, n.height)] : null;
+	return oi(n) ? [ai(n.left, n.top, n.width, n.height)] : null;
 }
-function ei(e, t) {
+function ui(e, t) {
 	if (t.rangeCount === 0) return null;
 	let n = t.getRangeAt(0);
 	try {
@@ -1440,8 +1546,8 @@ function ei(e, t) {
 		return null;
 	}
 }
-function ti(e, t) {
-	let n = ei(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),
@@ -1449,51 +1555,51 @@ function ti(e, t) {
 	};
 	return n.from === i.from && n.to === i.to;
 }
-function ni(e) {
+function fi(e) {
 	let t = e.view.dom.ownerDocument.getSelection();
-	return !t || t.rangeCount === 0 || t.isCollapsed || !Qr(e, t) || !ti(e, t) ? null : $r(t.getRangeAt(0));
+	return !t || t.rangeCount === 0 || t.isCollapsed || !ci(e, t) || !di(e, t) ? null : li(t.getRangeAt(0));
 }
-function ri(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), $r(a);
+		return a.setStart(t.node, t.offset), a.setEnd(i.node, i.offset), li(a);
 	} catch {
 		return null;
 	}
 }
-function ii(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 = Yr(c, o, Math.max(i.right, a.right) - c, s - o);
-	return Xr(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 ai(e) {
-	return ni(e) ?? ri(e) ?? ii(e);
+function hi(e) {
+	return fi(e) ?? pi(e) ?? mi(e);
 }
-function oi(e) {
-	let t = ai(e);
-	return t && t.length > 0 ? Zr(t) : null;
+function gi(e) {
+	let t = hi(e);
+	return t && t.length > 0 ? si(t) : null;
 }
-function si(e) {
+function _i(e) {
 	return {
-		getBoundingClientRect: () => oi(e) ?? Yr(0, 0, 0, 0),
-		getClientRects: () => ai(e) ?? []
+		getBoundingClientRect: () => gi(e) ?? ai(0, 0, 0, 0),
+		getClientRects: () => hi(e) ?? []
 	};
 }
-function ci(e) {
+function vi(e) {
 	return e === "block-type" || e === "link" || e === "color" || e === "more";
 }
-function li(e, t, n) {
-	n?.(wn(e, t)), e.commands.focus();
+function yi(e, t, n) {
+	n?.(Mn(e, t)), e.commands.focus();
 }
-function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelection: r }) {
-	let i = G(() => kn(t), [t]), a = st(n, { editable: e.isEditable }), [o, s] = q(a), [c, l] = q(null), [u, d] = q(null), [f, p] = q(null), [m, h] = q(""), [g, _] = q(""), [v, y] = q(null), [b, x] = q(0), [S, C] = q(a.boundaryPadding), [w, T] = q("bottom"), E = K(0), D = K(null), O = K(null), k = K(null), A = K(null), j = Tn(e, o.variant, t), M = jn(j.find((e) => e.id === c) ?? null), N = Hn(m), P = H(() => {
+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 = qr(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,
@@ -1507,7 +1613,7 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 				height: i.height
 			},
 			boundaryPadding: o.boundaryPadding
-		}), l = it({
+		}), l = ot({
 			frameRect: {
 				left: i.left,
 				top: i.top,
@@ -1526,16 +1632,16 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		o.boundaryPadding,
 		o.offset
-	]), F = H(() => {
+	]), P = H(() => {
 		D.current && (D.current.style.visibility = "hidden", D.current.style.opacity = "0");
-	}, []), ee = H(() => {
-		P();
-	}, [P]), I = H(() => si(e), [e]), L = H((e) => {
+	}, []), F = H(() => {
+		N();
+	}, [N]), te = H(() => _i(e), [e]), I = H((e) => {
 		k.current = e;
-	}, []), te = H(() => {
+	}, []), 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: {
@@ -1551,19 +1657,19 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		e.view.dom,
 		f,
 		o.boundaryPadding
-	]), R = G(() => ({
-		...ot(o, { topBoundaryPadding: S }),
-		onShow: F,
-		onUpdate: ee
+	]), ne = W(() => ({
+		...ct(o, { topBoundaryPadding: S }),
+		onShow: P,
+		onUpdate: F
 	}), [
+		P,
 		F,
-		ee,
 		o,
 		S
 	]);
 	U(() => {
-		let e = Gr();
-		s((t) => ut(t, a, e));
+		let e = ti();
+		s((t) => ft(t, a, e));
 	}, [
 		a.hiddenReason,
 		a.motionDurationMs,
@@ -1577,8 +1683,8 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		a.visibility
 	]), U(() => {
 		if (o.motionStartedAtMs === null || o.motionDurationMs <= 0) return;
-		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - Gr()), t = window.setTimeout(() => {
-			s((e) => et(e, Gr()));
+		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - ti()), t = window.setTimeout(() => {
+			s((e) => nt(e, ti()));
 		}, e);
 		return () => {
 			window.clearTimeout(t);
@@ -1587,17 +1693,17 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		o.motionDurationMs,
 		o.motionPhase,
 		o.motionStartedAtMs
-	]), W(() => {
+	]), 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 = Sn(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,
@@ -1605,13 +1711,13 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		o.variant,
 		o.visibility,
 		j.length
-	]), W(() => {
+	]), ve(() => {
 		if (!f) return;
-		let e = Sn(te);
+		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, te]), U(() => {
+	}, [f, L]), U(() => {
 		f === "more" && i.some((e) => e.id === c) || j.some((e) => e.id === c) || (l(null), d(null));
 	}, [
 		i,
@@ -1635,11 +1741,11 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		});
 		return () => window.cancelAnimationFrame(e);
 	}, [f]);
-	let z = (t) => {
-		if (ci(t.id)) {
+	let re = (t) => {
+		if (vi(t.id)) {
 			let n = t.id;
 			if (n === "link") {
-				let t = Dn(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)
@@ -1649,23 +1755,23 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 			return;
 		}
 		if (p(null), t.id === "improve") {
-			li(e, "rewrite-selection", r);
+			yi(e, "rewrite-selection", r);
 			return;
 		}
 		t.run(), e.commands.focus();
-	}, ne = () => {
+	}, R = () => {
 		p(null), e.commands.focus();
-	}, re = () => {
-		v && e.commands.setTextSelection(v);
 	}, ie = () => {
-		re(), Cn(e, m) && ne();
+		v && e.commands.setTextSelection(v);
 	}, ae = () => {
-		if (re(), Ln(e)) {
-			h(""), _(""), ne();
+		ie(), jn(e, m) && R();
+	}, z = () => {
+		if (ie(), Gn(e)) {
+			h(""), _(""), R();
 			return;
 		}
 		m.trim() && h("");
-	}, B = (e, t) => {
+	}, oe = (e, t) => {
 		if (l(e), !e || !t || !O.current) {
 			d(null);
 			return;
@@ -1673,64 +1779,64 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 		let n = t.getBoundingClientRect(), r = O.current.getBoundingClientRect();
 		d(n.left + n.width / 2 - r.left);
 	};
-	return /* @__PURE__ */ Z(xn, {
+	return /* @__PURE__ */ Z(kn, {
 		ref: D,
 		editor: e,
 		className: `markweave-floating-toolbar markweave-floating-toolbar--${o.variant} markweave-floating-toolbar--motion-${o.motionPhase}`,
 		"data-motion": o.motionPhase,
-		"data-position-strategy": R.strategy,
+		"data-position-strategy": ne.strategy,
 		"data-boundary-padding": o.boundaryPadding,
 		"data-popover-placement": f ? w : void 0,
 		"data-testid": "markweave-floating-toolbar",
-		style: Kr(o, b),
+		style: ni(o, b),
 		updateDelay: 0,
-		getReferencedVirtualElement: I,
-		options: R,
-		shouldShow: ({ editor: e }) => e.isEditable && lt(at(e)),
+		getReferencedVirtualElement: te,
+		options: ne,
+		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(fi, {
+				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: In,
-					onTooltipChange: B,
-					onRun: z
+					onPointerDown: Wn,
+					onTooltipChange: oe,
+					onRun: re
 				}, e.id)),
-				f === "block-type" ? /* @__PURE__ */ Z(mi, {
+				f === "block-type" ? /* @__PURE__ */ Z(wi, {
 					editor: e,
 					messages: t,
-					onPopoverRef: L,
+					onPopoverRef: I,
 					onClose: () => p(null)
 				}) : null,
-				f === "link" ? /* @__PURE__ */ Z(di, {
+				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: ie,
-					onOpen: () => Fn(m),
-					onRemove: ae,
-					onPopoverRef: L
+					onApply: ae,
+					onOpen: () => Un(m),
+					onRemove: z,
+					onPopoverRef: I
 				}) : null,
-				f === "color" ? /* @__PURE__ */ Z(gi, {
+				f === "color" ? /* @__PURE__ */ Z(Ei, {
 					editor: e,
 					messages: t,
-					onPopoverRef: L,
+					onPopoverRef: I,
 					onClose: () => p(null)
 				}) : null,
-				f === "more" ? /* @__PURE__ */ Z(vi, {
+				f === "more" ? /* @__PURE__ */ Z(Oi, {
 					editor: e,
 					messages: t,
 					activeTooltipId: c,
-					onPopoverRef: L,
+					onPopoverRef: I,
 					onTooltipChange: l,
 					onClose: () => p(null)
 				}) : null,
@@ -1740,15 +1846,15 @@ function ui({ editor: e, messages: t = Wr, selectionSnapshot: n, onRewriteSelect
 					"data-testid": "markweave-floating-toolbar-tooltip",
 					"data-button-id": M.buttonId,
 					"data-active": M.active,
-					style: Jr(u),
+					style: ii(u),
 					children: M.label
 				}) : null
 			]
 		})
 	});
 }
-function di({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l, onPopoverRef: u }) {
-	let d = On(t);
+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",
@@ -1771,7 +1877,7 @@ function di({ 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: In,
+					onMouseDown: Wn,
 					children: /* @__PURE__ */ Z($, { name: "corner-down-left" })
 				}),
 				/* @__PURE__ */ Z("span", {
@@ -1783,7 +1889,7 @@ function di({ 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: In,
+					onMouseDown: Wn,
 					onClick: c,
 					children: /* @__PURE__ */ Z($, { name: "external-link" })
 				}),
@@ -1792,7 +1898,7 @@ function di({ 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: In,
+					onMouseDown: Wn,
 					onClick: l,
 					children: /* @__PURE__ */ Z($, { name: "trash" })
 				})
@@ -1800,7 +1906,7 @@ function di({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRe
 		})]
 	});
 }
-function fi({ 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"
@@ -1808,7 +1914,7 @@ function fi({ 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": ci(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}`,
@@ -1818,13 +1924,13 @@ function fi({ 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(pi, {
+		children: /* @__PURE__ */ Z(Ci, {
 			button: e,
 			expanded: t
 		})
 	})] });
 }
-function pi({ 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 })]
@@ -1842,8 +1948,8 @@ function pi({ button: e, expanded: t }) {
 		}), /* @__PURE__ */ Z($, { name: t ? "chevron-up" : "chevron-down" })]
 	}) : /* @__PURE__ */ Z($, { name: "more" });
 }
-function mi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
-	let i = On(t), a = Mn(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",
@@ -1853,48 +1959,48 @@ function mi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
 			children: i.turnIntoTitle
 		}), a.map((t) => /* @__PURE__ */ Q("button", {
 			type: "button",
-			"data-active": Pn(e, t.id),
+			"data-active": Hn(e, t.id),
 			"data-testid": `markweave-floating-toolbar-turn-${t.id}`,
-			onMouseDown: In,
+			onMouseDown: Wn,
 			onClick: () => {
-				Vn(e, t.id), r();
+				Yn(e, t.id), r();
 			},
 			children: [/* @__PURE__ */ Z("span", {
 				className: "markweave-floating-toolbar-menu-icon",
-				children: /* @__PURE__ */ Z(hi, { option: t })
+				children: /* @__PURE__ */ Z(Ti, { option: t })
 			}), /* @__PURE__ */ Z("span", { children: t.label })]
 		}, t.id))]
 	});
 }
-function hi({ 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 gi({ editor: e, messages: t, onPopoverRef: n, onClose: r }) {
-	let i = On(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(_i, {
+		children: [/* @__PURE__ */ Z(Di, {
 			title: i.textColorTitle,
 			mode: "text",
 			activeColor: a ?? null,
-			options: An(t),
+			options: Rn(t),
 			onSelect: (t) => {
-				Bn(e, t), r();
+				Jn(e, t), r();
 			}
-		}), /* @__PURE__ */ Z(_i, {
+		}), /* @__PURE__ */ Z(Di, {
 			title: i.highlightColorTitle,
 			mode: "highlight",
 			activeColor: o ?? null,
-			options: En(t),
+			options: Pn(t),
 			onSelect: (t) => {
-				zn(e, t), r();
+				qn(e, t), r();
 			}
 		})]
 	});
 }
-function _i({ 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,
@@ -1908,7 +2014,7 @@ function _i({ 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: In,
+				onMouseDown: Wn,
 				onClick: () => i(e.value),
 				children: t === "text" ? /* @__PURE__ */ Z("span", {
 					className: "markweave-floating-toolbar-text-swatch",
@@ -1923,25 +2029,25 @@ function _i({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
 		})]
 	});
 }
-function vi({ editor: e, messages: t, activeTooltipId: n, onPopoverRef: r, onTooltipChange: i, onClose: a }) {
-	let o = kn(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(yi, {
+		children: o.map((t, r) => /* @__PURE__ */ Z(ki, {
 			action: t,
-			active: Nn(e, t.id),
+			active: Vn(e, t.id),
 			tooltipActive: n === t.id,
 			showDivider: r > 0 && o[r - 1].group !== t.group,
 			onTooltipChange: i,
 			onRun: () => {
-				Rn(e, t.id), a();
+				Kn(e, t.id), a();
 			}
 		}, t.id))
 	});
 }
-function yi({ 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"
@@ -1953,11 +2059,11 @@ function yi({ 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: In,
+			onMouseDown: Wn,
 			onMouseEnter: () => i(e.id),
 			onMouseLeave: () => i(null),
 			onClick: a,
-			children: /* @__PURE__ */ Z(bi, { 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",
@@ -1965,41 +2071,41 @@ function yi({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipC
 		}) : null]
 	})] });
 }
-function bi({ 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 xi = {
-	sparkles: se,
+var ji = {
+	sparkles: le,
 	"chevron-down": v,
 	"chevron-up": y,
 	"corner-down-left": C,
 	"external-link": T,
 	bold: p,
-	italic: F,
+	italic: P,
 	underline: he,
-	strike: ce,
+	strike: ue,
 	"inline-code": x,
-	link: I,
-	more: ne,
+	link: te,
+	more: R,
 	text: me,
-	"bullet-list": L,
-	"numbered-list": R,
-	"todo-list": te,
-	quote: ae,
+	"bullet-list": I,
+	"numbered-list": ne,
+	"todo-list": L,
+	quote: z,
 	"code-block": m,
-	superscript: ue,
-	subscript: le,
-	math: V,
+	superscript: fe,
+	subscript: de,
+	math: se,
 	"align-left": d,
 	"align-center": l,
 	"align-right": f,
 	"align-justify": u,
 	"decrease-indent": M,
-	"increase-indent": N,
+	"increase-indent": ee,
 	trash: pe
 };
 function $({ name: e }) {
-	let t = xi[e];
+	let t = ji[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -2009,11 +2115,11 @@ function $({ name: e }) {
 }
 //#endregion
 //#region src/ui/math/MathEditorPopover.tsx
-function Si({ editor: e, messages: t, onClose: n, target: r }) {
-	let i = K(null), a = K(null), [o, s] = q(r.latex), [c, l] = q(null), u = t.math, d = G(() => Dt(e, r) ?? 1, [e, r]), f = G(() => Ot(e, r), [e, r]), p = G(() => o === r.latex && f ? {
+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,
@@ -2021,12 +2127,12 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
 		o
 	]), 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,
@@ -2043,12 +2149,12 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
 	U(() => {
 		s(r.latex);
 	}, [r.latex, r.pos]), U(() => {
-		Nt(e, r, !0), h();
+		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,
@@ -2063,7 +2169,7 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [n]);
 	let _ = H(() => {
-		m && wt(e, r, o) && n();
+		m && Et(e, r, o) && n();
 	}, [
 		m,
 		e,
@@ -2194,31 +2300,31 @@ function Si({ editor: e, messages: t, onClose: n, target: r }) {
 }
 //#endregion
 //#region src/ui/slash-command/SlashCommandMenu.tsx
-var Ci = n("zh"), wi = {
-	type: fe,
+var Ni = n("zh"), Pi = {
+	type: V,
 	"heading-1": D,
 	"heading-2": O,
 	"heading-3": k,
-	"bullet-list": L,
-	"ordered-list": R,
-	"task-list": te,
-	blockquote: ae,
+	"bullet-list": I,
+	"ordered-list": ne,
+	"task-list": L,
+	blockquote: z,
 	"code-block": m,
-	info: P,
-	tip: ee,
+	info: N,
+	tip: F,
 	warning: c,
 	error: b,
 	success: _,
-	emoji: oe,
-	math: V,
-	table: de,
-	separator: z,
+	emoji: ce,
+	math: se,
+	table: B,
+	separator: re,
 	image: A,
 	video: _e,
-	attachment: re
+	attachment: ie
 };
-function Ti({ name: e }) {
-	let t = wi[e];
+function Fi({ name: e }) {
+	let t = Pi[e];
 	return /* @__PURE__ */ Z(t, {
 		"aria-hidden": "true",
 		absoluteStrokeWidth: !0,
@@ -2226,8 +2332,8 @@ function Ti({ name: e }) {
 		strokeWidth: 1.6
 	});
 }
-function Ei(e, t, n) {
-	return !zt(e) || !n ? {
+function Ii(e, t, n) {
+	return !Vt(e) || !n ? {
 		visible: !1,
 		empty: !1,
 		activeIndex: -1
@@ -2241,17 +2347,17 @@ function Ei(e, t, n) {
 		activeIndex: Math.min(t.length - 1, Math.max(0, e.activeIndex))
 	};
 }
-function Di(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 Oi(e, t) {
+function Ri(e, t) {
 	return t.slash.uploadKindLabels[e] ?? t.slash.uploadKindLabels.upload;
 }
-function ki({ command: e, messages: t, onBack: n, onSelect: r }) {
-	let [i, a] = q(""), [o, s] = q(0), c = G(() => {
+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) => [
 			t.emoji,
@@ -2317,9 +2423,9 @@ function ki({ command: e, messages: t, onBack: n, onSelect: r }) {
 		]
 	});
 }
-function Ai({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
-	let a = e.uploadKind ?? "attachment", [o, s] = q(""), [c, l] = q(null), [u, d] = q(null), [f, p] = q(!1), m = async (t) => {
-		r(e, { uploadResult: await xe({
+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,
 			source: t,
 			trigger: "slash-command"
@@ -2339,7 +2445,7 @@ function Ai({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 				d(t.slash.uploadRequiredError);
 				return;
 			}
-			await m(ye(o));
+			await m(be(o));
 		} catch (e) {
 			d(e instanceof Error ? e.message : t.slash.uploadFailedError);
 		} finally {
@@ -2357,7 +2463,7 @@ function Ai({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 					onMouseDown: (e) => e.preventDefault(),
 					onClick: n,
 					children: t.common.back
-				}), /* @__PURE__ */ Z("span", { children: Oi(a, t) })]
+				}), /* @__PURE__ */ Z("span", { children: Ri(a, t) })]
 			}),
 			/* @__PURE__ */ Q("label", {
 				className: "markweave-slash-upload-field",
@@ -2405,10 +2511,10 @@ function Ai({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
 		]
 	});
 }
-function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
-	let l = Ei(n, e, r);
+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 = Di(e, t), d = {
+	let u = Li(e, t), d = {
 		left: r.left,
 		top: r.top,
 		maxHeight: r.maxHeight,
@@ -2430,12 +2536,12 @@ function ji({ commands: e, messages: t = Ci, 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(ki, {
+		children: i?.inputKind === "emoji" ? /* @__PURE__ */ Z(zi, {
 			command: i,
 			messages: t,
 			onBack: m,
 			onSelect: s
-		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(Ai, {
+		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(Bi, {
 			command: i,
 			messages: t,
 			onBack: m,
@@ -2455,7 +2561,7 @@ function ji({ commands: e, messages: t = Ci, 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",
@@ -2479,7 +2585,7 @@ function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand
 							}
 						},
 						children: [
-							/* @__PURE__ */ Z(Ti, { 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
 						]
@@ -2491,38 +2597,38 @@ function ji({ commands: e, messages: t = Ci, state: n, position: r, inputCommand
 }
 //#endregion
 //#region src/ui/table/TableControls.tsx
-var Mi = n("zh");
-function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi, onCopyPayload: i, onCommandResult: a, onEditWithAi: o }) {
-	let [s, c] = q(null), [l, u] = q("row-edge"), [d, f] = q(null), [p, m] = q(null), [h, g] = q(null), [_, v] = q(null), [y, b] = q(null), x = K(null), S = K(null), C = K(null), w = K(null), T = K(null), E = e ? Jt(t.state) : null;
+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);
-		}, or);
+		}, mr);
 		return () => {
 			window.clearTimeout(e);
 		};
-	}, [y]), W(() => {
+	}, [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 = Qn(t, n, "row", E?.activeCellPos ?? null), i = Qn(t, n, "column", E?.activeCellPos ?? null), a = r ? Zn(t, r) : null, o = i ? Zn(t, i) : null, c = Xn(t).length > 0 ? rr(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(Gn({
+			a ? m($n({
 				targetRect: a,
 				frameRect: u,
 				kind: "row"
-			})) : s === "row" && l === "row-edge" || m(null), o ? g(Gn({
+			})) : 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(Gn({
+			})) : s === "column" && l === "column-edge" || g(null), c ? v($n({
 				targetRect: c,
 				frameRect: u,
 				kind: "selection"
@@ -2542,7 +2648,7 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 		n.hoverVisualRowIndex,
 		l,
 		s
-	]), W(() => {
+	]), ve(() => {
 		if (!e || !s) {
 			f(null);
 			return;
@@ -2553,12 +2659,12 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 				f(null);
 				return;
 			}
-			let i = n.getBoundingClientRect(), a = s === "row" ? Yn(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 = Wn({
+			} : i, c = e.getBoundingClientRect(), u = r.getBoundingClientRect(), d = Qn({
 				anchorRect: o,
 				frameRect: c,
 				menuSize: {
@@ -2599,22 +2705,22 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 		let n = s === e && l === t;
 		u(t), c(n ? null : e);
 	}, O = () => {
-		t.view.dispatch(Un(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 && ar(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 = Qn(t, n, "row", E?.activeCellPos ?? null), M = Qn(t, n, "column", E?.activeCellPos ?? null), N = Xn(t).length > 0, P = s ? nr(t, s) : [], F = async (e, n) => {
-		let o = await qn({
+	}, 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 = $n(t, e);
+	}, F = (e) => {
+		let n = sr(t, e);
 		n && o?.(n), c(null), t.view.focus();
 	};
 	return /* @__PURE__ */ Q("div", {
@@ -2633,7 +2739,7 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 				"data-copy-kind": y.kind,
 				"data-text-length": y.textLength,
 				"data-html-length": y.htmlLength,
-				children: Jn(y)
+				children: nr(y)
 			}) : null,
 			p ? /* @__PURE__ */ Z("button", {
 				type: "button",
@@ -2687,7 +2793,7 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 					children: "..."
 				})
 			}) : null,
-			N && _ ? /* @__PURE__ */ Z("button", {
+			ee && _ ? /* @__PURE__ */ Z("button", {
 				type: "button",
 				ref: T,
 				className: "markweave-table-edge-handle markweave-table-edge-handle--selection",
@@ -2711,15 +2817,15 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 				ref: S,
 				className: "markweave-table-menu",
 				role: "menu",
-				"aria-label": sr(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 = er(e), a = n === 0 ? i : er(P[n - 1]), l = n > 0 && a !== i, u = e.commandId === null ? !!o : Kn(t, e.commandId), d = tr(e, r);
+				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",
@@ -2734,10 +2840,10 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 						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
@@ -2749,15 +2855,15 @@ function Ni({ active: e, editor: t, interactionState: n = Xt, messages: r = Mi,
 }
 //#endregion
 //#region src/ui/table/TableSelectionOverlay.tsx
-function Pi({ editor: e, focusState: t }) {
-	let [n, r] = q(null);
-	return W(() => {
+function Wi({ editor: e, focusState: t }) {
+	let [n, r] = K(null);
+	return ve(() => {
 		if (t.mode !== "cell-selection") {
 			r(null);
 			return;
 		}
 		let n = () => {
-			r(ir(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);
@@ -2792,16 +2898,16 @@ function Pi({ editor: e, focusState: t }) {
 }
 //#endregion
 //#region src/ui/toc/MarkweaveInnerToc.tsx
-function Fi(e, t) {
+function Gi(e, t) {
 	return `${e.toc.itemAriaLabel}: ${t.text}`;
 }
-function Ii({ editor: e, state: t, messages: n, editable: r, placement: i }) {
-	let a = K(null);
+function Ki({ editor: e, state: t, messages: n, editable: r, placement: i }) {
+	let a = G(null);
 	if (U(() => {
-		if (!(i !== "container" || !a.current)) return mr(a.current);
+		if (!(i !== "container" || !a.current)) return Sr(a.current);
 	}, [i]), !t.items.length) return null;
 	let o = (t) => {
-		hr(e, t, {
+		Cr(e, t, {
 			behavior: "smooth",
 			focus: r
 		});
@@ -2828,7 +2934,7 @@ function Ii({ 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": Fi(n, e),
+					"aria-label": Gi(n, e),
 					title: e.text,
 					onClick: () => o(e),
 					children: e.text
@@ -2839,7 +2945,7 @@ function Ii({ editor: e, state: t, messages: n, editable: r, placement: i }) {
 }
 //#endregion
 //#region src/MarkweaveEditor.tsx
-var Li = {
+var qi = {
 	active: !1,
 	mode: "outside",
 	activeCellPos: null,
@@ -2847,21 +2953,21 @@ var Li = {
 	selectedCellCount: 0,
 	selectionFrom: 0,
 	selectionTo: 0
-}, Ri = {
+}, Ji = {
 	active: !1,
-	language: ht.defaultLanguage,
+	language: _t.defaultLanguage,
 	mermaidPreviewMode: "code",
 	pos: null,
 	text: ""
-}, zi = Ct({
+}, Yi = Tt({
 	active: !1,
 	mode: "code",
 	source: ""
 });
-function Bi(e) {
-	return Zt.getState(e.state) ?? Xt;
+function Xi(e) {
+	return $t.getState(e.state) ?? Qt;
 }
-function Vi(e) {
+function Zi(e) {
 	if (!e || typeof window > "u") return null;
 	let t = e.parentElement;
 	for (; t;) {
@@ -2871,133 +2977,136 @@ function Vi(e) {
 	}
 	return null;
 }
-function Hi(e) {
+function Qi(e) {
 	return typeof window > "u" || typeof window.requestAnimationFrame != "function" ? globalThis.setTimeout(() => e(0), 0) : window.requestAnimationFrame(e);
 }
-function Ui(e) {
+function $i(e) {
 	if (typeof window < "u" && typeof window.cancelAnimationFrame == "function") {
 		window.cancelAnimationFrame(e);
 		return;
 	}
 	globalThis.clearTimeout(e);
 }
-function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a = !1, content: o, contentFormat: c, defaultContent: l = "", defaultContentFormat: u, editable: d = !0, innerToc: f = !0, innerTocPlacement: p, lang: m, mode: h = "live", theme: g, canvasColor: _, onEditWithAi: v, onExtractToNote: y, onRewriteSelection: b, onRuntimeStateChange: x, onSearchControllerChange: S, onSlashCommandUpload: C, onTableCommandResult: w, onTableCopyPayload: T, onTocChange: E, onUpdate: D, linkCardResolver: O } = {}) {
-	let k = Ie(h), A = _r(g), j = gr(_), M = pr(p), N = k === "live" && d !== !1, P = Ze(o === void 0 ? u : c), F = K({
-		editorMode: k,
+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 = K(null);
-	ee.current === null && (ee.current = r(m));
-	let I = ee.current, L = G(() => n(I), [I]), te = G(() => t(I), [I]), R = K(C);
-	R.current = C;
-	let z = K(S);
-	z.current = S;
-	let ne = K(O);
-	ne.current = O;
-	let re = G(() => Br({
-		lang: I,
+	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 (R.current) return R.current(e);
-			let t = be(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 (R.current) return R.current(e);
-			let t = be(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) => ne.current?.(e) ?? Promise.resolve(null)
-	}), [I]), [ie, ae] = q(null), [B, V] = q(Wt), [oe, se] = q(null), [ce, le] = q(null), [ue, de] = q("code"), [fe, pe] = q(null), [me, he] = q(Xt), [ge, _e] = q(null), [W, ve] = q(0), ye = K(!1), xe = K({
+		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
-	}), Se = K(null), Ce = K(null), we = K({ onUpdate: D }), Te = G(() => It(B.query, te), [te, B.query]);
-	we.current = { onUpdate: D }, xe.current = {
+	}), 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 Ee = H(() => {
-		Ce.current !== null && (window.clearTimeout(Ce.current), Ce.current = null), ve((e) => e + 1);
-	}, []), De = H(() => {
-		Ce.current !== null && window.clearTimeout(Ce.current), Ce.current = window.setTimeout(() => {
-			Ce.current = null, ve((e) => e + 1);
-		}, ct);
+	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);
 	}, []);
 	U(() => () => {
-		Ce.current !== null && window.clearTimeout(Ce.current);
+		q.current !== null && window.clearTimeout(q.current);
 	}, []);
-	let Oe = H(() => {
-		se(null), le(null), V(Wt);
-	}, []), ke = H((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) {
-			V((e) => e.name === "idle" ? e : Wt), se(null), le(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();
-		se(Ht(n, {
+		me(Wt(n, {
 			frameRect: i,
 			triggerRect: r
-		})), V((e) => Vt(e, t));
-	}, []), Ae = H((e) => ke(e.view), [ke]), je = H((e) => {
-		let t = at(e);
-		ae((e) => tt(e, t) ? e : t);
-		let n = jt(e);
-		n && (Nt(e, n, !0), pe(n));
-		let r = pt(e);
-		r.active && r.language === "mermaid" && de(r.mermaidPreviewMode);
-	}, []), Me = H((e) => {
-		he(Bi(e));
-	}, []), J = s({
-		extensions: re,
-		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 ? (V((e) => Gt(e, { type: "composition-start" })), se(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(), Oe(), Pt(e, n, !0), Ft(e, n), pe(n), !0) : (pe(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), Ee();
+			i && R.current.effectiveEditable && Yt(e), Be(e), ze(e), Ne();
 		},
 		onTransaction: ({ editor: e, transaction: t }) => {
-			Me(e), (t.docChanged || yt(t)) && De(), t.docChanged && pe((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), ye.current || we.current.onUpdate?.(qe(e, { onContentRead: (t, n) => {
-				let r = xe.current;
-				r.content !== void 0 && t === r.format && (Se.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
@@ -3006,317 +3115,360 @@ function Wi({ ariaLabel: e, autoFocusFirstTableBodyCell: i = !1, autofocus: a =
 		}
 	});
 	U(() => {
-		if (J) return z.current?.(vr(J)), () => {
-			z.current?.(null);
+		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;
 		};
-	}, [J]), U(() => {
-		J && (J.setEditable(N), Le(J, {
-			mode: k,
-			editable: N
-		}), xt(J, N ? "live" : "view"), Ee(), N || Oe());
 	}, [
-		Oe,
+		Y,
+		Ne,
+		ze,
+		Be
+	]), U(() => {
+		if (Y) return ce.current?.(Dr(Y)), () => {
+			ce.current?.(null);
+		};
+	}, [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();
+	}, [
 		J,
-		k,
+		Y,
+		A,
 		N,
-		Ee
+		Ne,
+		ne
 	]), U(() => {
-		J && bt(J, A);
-	}, [J, A]), U(() => {
-		let e = Ze(c);
-		if (!(!J || o === void 0)) {
-			if (Xe(J, Se.current, o, e)) {
-				Se.current = null;
+		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;
 			}
-			Se.current = null, !Ye(J, o, e) && (ye.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
-			}), ye.current = !1, je(J), N && Ae(J), Me(J), Ee());
+			}), Oe.current = !1, ze(Y), N && Ie(Y), Be(Y), Ne());
 		}
 	}, [
 		o,
 		c,
 		N,
-		J,
-		Ee,
-		je,
-		Ae,
-		Me
+		Y,
+		Ne,
+		ze,
+		Ie,
+		Be
 	]), U(() => {
-		if (!oe) return;
+		if (!pe) return;
 		let e = (e) => {
 			let t = e.target;
-			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || Oe());
+			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);
-	}, [Oe, oe]);
-	let Ne = G(() => J ? pt(J) : Ri, [
-		J,
-		W,
-		ie
-	]), Y = G(() => J ? Jt(J.state) : Li, [
-		J,
-		W,
-		ie,
-		me
-	]), Pe = ie?.currentNode === "codeBlock", Fe = Pe && Ne.language === "mermaid", Re = G(() => J ? Ct({
-		active: Fe,
-		mode: ue,
-		source: Ne.text
-	}) : zi, [
-		Ne.text,
-		J,
-		Fe,
-		ue
-	]), ze = G(() => J ? Kt(J.state) : null, [J, W]), X = G(() => J ? dr(J.state.doc) : lr.items, [J, W]), Z = G(() => fr(X, ge), [ge, X]), Q = G(() => cr(X, Z), [Z, X]), Be = H(() => {
-		if (!J || !X.length) {
-			_e(null);
+	}, [J, pe]);
+	let Ve = W(() => Y ? ht(Y) : Ji, [
+		Y,
+		Ee,
+		de
+	]), 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 = ur(J, X);
-		_e((t) => t === e ? t : e);
-	}, [J, X]);
+		let e = vr(Y, We);
+		Te((t) => t === e ? t : e);
+	}, [Y, We]);
 	U(() => {
-		_e((e) => {
-			let t = fr(X, e);
+		Te((e) => {
+			let t = br(We, e);
 			return e === t ? e : t;
 		});
-	}, [X]), U(() => {
-		if (!J || !X.length || typeof window > "u") return;
+	}, [We]), U(() => {
+		if (!Y || !We.length || typeof window > "u") return;
 		let e = null, t = () => {
-			e !== null && Ui(e), e = Hi(() => {
-				e = null, Be();
+			e !== null && $i(e), e = Qi(() => {
+				e = null, qe();
 			});
-		}, n = Vi(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 && Ui(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 = G(() => $e({
-		revision: W,
-		mode: k,
+	let nt = W(() => tt({
+		revision: Ee,
+		mode: A,
 		editable: N,
-		toc: Q,
-		selection: ie,
+		toc: Ke,
+		selection: de,
 		slash: B,
-		table: Y,
-		tableInteraction: me,
-		codeBlock: Ne,
-		mermaid: Re,
-		tableDebugSnapshot: ze
+		table: X,
+		tableInteraction: Se,
+		codeBlock: Ve,
+		mermaid: He,
+		tableDebugSnapshot: Ue
 	}), [
-		Ne,
-		k,
+		Ve,
+		A,
 		N,
-		Re,
-		W,
-		ie,
+		He,
+		Ee,
+		de,
 		B,
-		ze,
-		Y,
-		me,
-		Q
+		Ue,
+		X,
+		Se,
+		Ke
 	]);
 	U(() => {
-		x?.(Ve);
-	}, [x, Ve]), U(() => {
-		E?.(Q);
-	}, [E, Q]);
-	let He = H((e, t) => {
-		if (!(!J || !N) && Lt(e)) {
+		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) {
-				le(e);
+				ge(e);
 				return;
 			}
-			Bt(J, B, e, t), V((e) => Gt(e, { type: "execute" })), Oe();
+			Ht(Y, B, e, t), V((e) => qt(e, { type: "execute" })), J();
 		}
 	}, [
-		Oe,
-		N,
 		J,
+		N,
+		Y,
 		B
-	]), Ue = H((e) => {
-		V((t) => Gt(t, {
+	]), at = H((e) => {
+		V((t) => qt(t, {
 			type: "set-active",
 			index: e,
-			optionCount: Te.length
+			optionCount: Me.length
 		}));
-	}, [Te.length]), We = H((e) => {
-		if (!J || ce || !N) return;
-		let t = Rt(B, Te, 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(), V((e) => Gt(e, { type: "escape" })), Oe();
+				e.preventDefault(), V((e) => qt(e, { type: "escape" })), J();
 				return;
 			}
 			if (t.type === "move-active") {
-				e.preventDefault(), V((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));
 		}
 	}, [
-		Oe,
-		N,
 		J,
-		Te,
-		He,
-		ce,
+		N,
+		Y,
+		Me,
+		it,
+		he,
 		B
-	]), Ge = G(() => ({
-		closeSlashMenu: Oe,
-		focusFirstTableBodyCell: () => J ? qt(J) : !1,
+	]), 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), Ee(), !0;
+			}), t.focusFirstTableBodyCell && Yt(Y), ze(Y), N && Ie(Y), Be(Y), Ne(), !0;
 		}
 	}), [
-		Oe,
-		N,
 		J,
-		Ee,
-		je,
-		Ae,
-		Me
+		N,
+		Y,
+		Ne,
+		ze,
+		Ie,
+		Be
 	]);
 	return {
-		editor: J,
-		frameProps: G(() => ({
+		editor: Y,
+		frameProps: W(() => ({
 			className: "markweave-editor-frame",
-			"aria-label": e ?? L.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,
-			L.common.editorAriaLabel,
-			j,
+			ne,
+			He.mode,
+			z.common.editorAriaLabel,
 			M,
-			A,
-			Y.mode
+			ee,
+			j,
+			X.mode
 		]),
-		overlayProps: G(() => ({
-			floatingToolbar: J && N ? {
-				editor: J,
-				messages: L,
-				selectionSnapshot: ie,
+		overlayProps: W(() => ({
+			floatingToolbar: Y && N ? {
+				editor: Y,
+				messages: z,
+				selectionSnapshot: de,
 				onRewriteSelection: b,
 				onExtractToNote: y
 			} : null,
-			slashCommandMenu: J && N ? {
-				commands: Te,
+			slashCommandMenu: Y && N ? {
+				commands: Me,
 				state: B,
-				position: oe,
-				inputCommand: ce,
-				messages: L,
-				onActiveIndexChange: Ue,
-				onInputCommandChange: le,
-				onSelect: He,
+				position: pe,
+				inputCommand: he,
+				messages: z,
+				onActiveIndexChange: at,
+				onInputCommandChange: ge,
+				onSelect: it,
 				onUpload: C
 			} : null,
-			tableControls: J && N ? {
-				editor: J,
-				active: Y.active,
-				interactionState: me,
-				messages: L,
+			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: ue,
-				onMermaidModeChange: de,
+			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: L,
-				placement: M,
-				state: Q
+				messages: z,
+				placement: ee,
+				state: Ke
 			} : null,
-			mathEditorPopover: J && N && fe ? {
-				editor: J,
-				messages: L,
-				target: fe,
-				onClose: () => pe(null)
+			mathEditorPopover: Y && N && ye ? {
+				editor: Y,
+				messages: z,
+				target: ye,
+				onClose: () => be(null)
 			} : null
 		}), [
 			N,
-			J,
-			Te,
+			Y,
+			Me,
 			f,
-			Pe,
-			ue,
-			L,
-			fe,
+			Z,
+			_e,
+			z,
+			ye,
 			v,
 			y,
 			b,
 			C,
 			w,
 			T,
-			He,
-			ie,
-			Ue,
-			ce,
-			oe,
+			it,
+			de,
+			at,
+			he,
+			pe,
 			B,
-			Y,
-			me,
-			Q
+			X,
+			Se,
+			Ke
 		]),
-		runtimeSnapshot: Ve,
-		actions: Ge
+		runtimeSnapshot: nt,
+		actions: ct
 	};
 }
-function Gi({ className: e, ...t }) {
-	let n = Wi(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(ui, { ...n.overlayProps.floatingToolbar }) : null,
-			n.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(ji, { ...n.overlayProps.slashCommandMenu }) : null,
-			n.overlayProps.tableControls ? /* @__PURE__ */ Z(Ni, { ...n.overlayProps.tableControls }) : null,
-			n.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(Pi, { ...n.overlayProps.tableSelectionOverlay }) : null,
-			n.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(Ur, { ...n.overlayProps.codeBlockControls }) : null,
-			n.overlayProps.innerToc ? /* @__PURE__ */ Z(Ii, { ...n.overlayProps.innerToc }) : null,
-			n.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(Si, { ...n.overlayProps.mathEditorPopover }) : null,
+			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 { Gi as MarkweaveEditor, Br as createMarkweaveEditorExtensions, Br as createMarkweaveReactEditorExtensions, Wi as useMarkweaveEditorController };
+export { ta as MarkweaveEditor, Xr as createMarkweaveEditorExtensions, Xr as createMarkweaveReactEditorExtensions, ea as useMarkweaveEditorController };