@lobehub/editor 4.14.0 → 4.15.0

package/es/index.js

@@ -1,23 +1,25 @@
-import { $ as DOM_TEXT_TYPE, A as $createCodeMirrorNode, At as createDebugLogger, B as Editor, C as $createCodeNode$1, Ct as CONTROL_OR_META, Dt as KeyEnum, E as CodeNode$1, Et as HotkeyScopeEnum, F as $isCursorNode, Ft as init_debug, G as kernel_exports, Gt as INodeHelper, H as DataSource, I as CardLikeElementNode, It as prodSafeLogger, J as $getNearestNodeFromDOMNode, K as $closest, Kt as init_helper, M as CodeMirrorNode, Mt as debugLoggers, N as $createCursorNode, Nt as debug_exports, Ot as init_hotkey, P as $isCardLikeElementNode, Pt as devConsole, Q as DOM_ELEMENT_TYPE, R as cursorNodeSerialized, S as formatUrl, St as init_registerHotkey, Tt as HotkeyEnum, U as Kernel, V as resetRandomKey, W as init_kernel, X as DOM_DOCUMENT_FRAGMENT_TYPE, Y as $getNodeFromDOMNode, Yt as __toCommonJS, Z as DOM_DOCUMENT_TYPE, _ as AutoLinkNode, _t as unregisterEditorKernel, a as $createMathBlockNode, at as generateEditorId, b as LinkNode, bt as HOVER_COMMAND, c as MathBlockNode, ct as getNodeKeyFromDOMNode, dt as isDOMNode, et as EDITOR_THEME_KEY, f as LinkHighlightNode, ft as isDocumentFragment, g as $toggleLink, gt as registerEditorKernel, h as $isLinkNode, ht as reconcileDecorator, it as genServiceId, j as $isCodeMirrorNode, jt as debugLogger, kt as browserDebug, l as MathInlineNode, lt as getParentElement, m as $createLinkNode, mt as noop, nt as compareNodeOrder, o as $createMathInlineNode, ot as getKernelFromEditor, pt as moment, q as $closestNodeType, rt as createEmptyEditorState, s as $isMathNode, st as getKernelFromEditorConfig, tt as assert, u as $createLinkHighlightNode, ut as init_utils, v as HOVER_LINK_COMMAND, vt as KernelPlugin, wt as init_sys, x as TOGGLE_LINK_COMMAND, xt as getHotkeyById, y as HOVER_OUT_LINK_COMMAND, yt as init_plugin } from "./style-DjwW7ClE.js";
-import { $ as useLexicalComposerContext, A as MarkdownPlugin, B as isPunctuationChar, C as INSERT_CODEINLINE_COMMAND, D as CommonPlugin, E as ReactEditorContent, F as MARKDOWN_READER_LEVEL_NORMAL, G as $cloneNode, H as LitexmlService, I as MARKDOWN_WRITER_LEVEL_MAX, J as idToChar, K as $parseSerializedNodeImpl, L as MarkdownWriterContext, M as detectLanguage, N as IMarkdownShortCutService, O as ReactMarkdownPlugin, P as MARKDOWN_READER_LEVEL_HIGH, Q as ReactEditor, R as GET_MARKDOWN_SELECTION_COMMAND, T as ReactPlainText, U as INodePlugin, V as ILitexmlService, W as INodeService, X as INSERT_QUOTE_COMMAND, Y as INSERT_HEADING_COMMAND, Z as useLexicalEditor, _ as INSERT_CHECK_LIST_COMMAND, a as ReactMentionPlugin, b as getSelectedNode, c as INSERT_LINK_HIGHLIGHT_COMMAND, d as bundledLanguagesInfo, et as LexicalErrorBoundary, f as CodeblockPlugin, g as getCodeLanguageByInput, h as IBlockMenuService, i as SlashPlugin, j as detectCodeLanguage, k as useTranslation, l as registerLinkHighlightCommand, m as BlockMenuService, n as ReactSlashOption, o as MentionPlugin, p as UPDATE_CODEBLOCK_LANG, q as charToId, r as SlashMenu, s as INSERT_MENTION_COMMAND, t as ReactSlashPlugin, u as useLexicalNodeSelection, v as registerCheckList, w as registerCodeInlineCommand, x as sanitizeUrl, y as extractUrlFromText, z as INSERT_MARKDOWN_COMMAND } from "./ReactSlashPlugin-DDlIT9Qd.js";
-import { S as DiffNode, _ as PlaceholderNode, a as styles$17, b as HorizontalRuleNode, c as ImageNode, d as BlockImageNode, f as styles$16, g as PlaceholderBlockNode, h as FileNode, i as imageBroken, l as $createBlockImageNode, m as $isFileNode, n as styles$19, o as $createImageNode, p as $createFileNode, r as styles$18, s as $isImageNode, t as styles$20, u as $isBlockImageNode, v as $createHorizontalRuleNode, x as $createDiffNode, y as $isHorizontalRuleNode } from "./style-DejqW6OX.js";
+import { a as debug_exports, c as prodSafeLogger, f as __toCommonJS, i as debugLoggers, n as createDebugLogger, o as devConsole, r as debugLogger, s as init_debug, t as browserDebug } from "./debug-CIvbNHJu.js";
+import { i as Toolbar, n as styles$14, r as loadCodeMirror, s as LANGUAGES, t as lobeTheme } from "./codemirror-3POv7f__.js";
+import { $ as DOM_TEXT_TYPE, A as $createCodeMirrorNode, B as Editor, C as $createCodeNode$1, Ct as CONTROL_OR_META, Dt as KeyEnum, E as CodeNode$1, Et as HotkeyScopeEnum, F as $isCursorNode, G as kernel_exports, H as DataSource, I as CardLikeElementNode, J as $getNearestNodeFromDOMNode, K as $closest, Lt as INodeHelper, M as CodeMirrorNode, N as $createCursorNode, Ot as init_hotkey, P as $isCardLikeElementNode, Q as DOM_ELEMENT_TYPE, R as cursorNodeSerialized, Rt as init_helper, S as formatUrl, St as init_registerHotkey, Tt as HotkeyEnum, U as Kernel, V as resetRandomKey, W as init_kernel, X as DOM_DOCUMENT_FRAGMENT_TYPE, Y as $getNodeFromDOMNode, Z as DOM_DOCUMENT_TYPE, _ as AutoLinkNode, _t as unregisterEditorKernel, a as $createMathBlockNode, at as generateEditorId, b as LinkNode, bt as HOVER_COMMAND, c as MathBlockNode, ct as getNodeKeyFromDOMNode, dt as isDOMNode, et as EDITOR_THEME_KEY, f as LinkHighlightNode, ft as isDocumentFragment, g as $toggleLink, gt as registerEditorKernel, h as $isLinkNode, ht as reconcileDecorator, it as genServiceId, j as $isCodeMirrorNode, l as MathInlineNode, lt as getParentElement, m as $createLinkNode, mt as noop, nt as compareNodeOrder, o as $createMathInlineNode, ot as getKernelFromEditor, pt as moment, q as $closestNodeType, rt as createEmptyEditorState, s as $isMathNode, st as getKernelFromEditorConfig, tt as assert, u as $createLinkHighlightNode, ut as init_utils, v as HOVER_LINK_COMMAND, vt as KernelPlugin, wt as init_sys, x as TOGGLE_LINK_COMMAND, xt as getHotkeyById, y as HOVER_OUT_LINK_COMMAND, yt as init_plugin } from "./style-DADgHVA1.js";
+import { $ as useLexicalComposerContext, A as MarkdownPlugin, B as isPunctuationChar, C as INSERT_CODEINLINE_COMMAND, D as CommonPlugin, E as ReactEditorContent, F as MARKDOWN_READER_LEVEL_NORMAL, G as $cloneNode, H as LitexmlService, I as MARKDOWN_WRITER_LEVEL_MAX, J as idToChar, K as $parseSerializedNodeImpl, L as MarkdownWriterContext, M as detectLanguage, N as IMarkdownShortCutService, O as ReactMarkdownPlugin, P as MARKDOWN_READER_LEVEL_HIGH, Q as ReactEditor, R as GET_MARKDOWN_SELECTION_COMMAND, T as ReactPlainText, U as INodePlugin, V as ILitexmlService, W as INodeService, X as INSERT_QUOTE_COMMAND, Y as INSERT_HEADING_COMMAND, Z as useLexicalEditor, _ as INSERT_CHECK_LIST_COMMAND, a as ReactMentionPlugin, b as getSelectedNode, c as INSERT_LINK_HIGHLIGHT_COMMAND, d as bundledLanguagesInfo, et as LexicalErrorBoundary, f as CodeblockPlugin, g as getCodeLanguageByInput, h as IBlockMenuService, i as SlashPlugin, j as detectCodeLanguage, k as useTranslation, l as registerLinkHighlightCommand, m as BlockMenuService, n as ReactSlashOption, o as MentionPlugin, p as UPDATE_CODEBLOCK_LANG, q as charToId, r as SlashMenu, s as INSERT_MENTION_COMMAND, t as ReactSlashPlugin, u as useLexicalNodeSelection, v as registerCheckList, w as registerCodeInlineCommand, x as sanitizeUrl, y as extractUrlFromText, z as INSERT_MARKDOWN_COMMAND } from "./ReactSlashPlugin-BiVy_Iwf.js";
+import { S as DiffNode, _ as PlaceholderNode, a as styles$16, b as HorizontalRuleNode, c as ImageNode, d as BlockImageNode, f as styles$15, g as PlaceholderBlockNode, h as FileNode, i as imageBroken, l as $createBlockImageNode, m as $isFileNode, n as styles$18, o as $createImageNode, p as $createFileNode, r as styles$17, s as $isImageNode, t as styles$19, u as $isBlockImageNode, v as $createHorizontalRuleNode, x as $createDiffNode, y as $isHorizontalRuleNode } from "./style-DMdPzCo-.js";
+import { ActionIcon, ActionIconGroup, Block, Button, Center, Dropdown, Flexbox, Hotkey, Icon, Input, LOBE_THEME_APP_ID, MaterialFileTypeIcon, Popover, Text, TextArea } from "@lobehub/ui";
+import { BaselineIcon, Check, ChevronDown, EditIcon, ExternalLinkIcon, Grid2X2XIcon, GripVerticalIcon, LinkIcon, LoaderCircleIcon, PanelBottomCloseIcon, PanelLeftCloseIcon, PanelRightCloseIcon, PanelTopCloseIcon, PlusIcon, TableColumnsSplitIcon, TableRowsSplitIcon, UnlinkIcon, UploadIcon, X } from "lucide-react";
+import { Suspense, forwardRef, memo, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createStaticStyles, cssVar, cx, useThemeMode } from "antd-style";
+import { Button as Button$1, Dropdown as Dropdown$1, theme } from "antd";
 import { $computeTableMapSkipCellCheck, $createTableNodeWithDimensions, $createTableSelection, $deleteTableColumnAtSelection, $deleteTableRowAtSelection, $findTableNode, $getElementForTableNode, $getNodeTriplet, $getTableAndElementByKey, $getTableCellNodeFromLexicalNode, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $insertTableColumnAtSelection, $insertTableRowAtSelection, $isTableCellNode, $isTableNode, $isTableRowNode, $isTableSelection, $mergeCells, $unmergeCell, TableCellHeaderStates, TableCellNode, TableNode, TableNode as TableNode$1, TableRowNode, getDOMCellFromTarget, getTableElement, getTableObserverFromTableElement, registerTableCellUnmergeTransform, registerTablePlugin, registerTableSelectionObserver, setScrollableTablesActive } from "@lexical/table";
 import { debounce } from "es-toolkit/compat";
 import EventEmitter from "eventemitter3";
 import { $createNodeSelection, $createParagraphNode, $createRangeSelection, $createTextNode, $getNearestNodeFromDOMNode as $getNearestNodeFromDOMNode$1, $getNodeByKey, $getPreviousSelection, $getRoot, $getSelection, $insertNodes, $isBlockElementNode, $isDecoratorNode, $isElementNode, $isNodeSelection, $isParagraphNode, $isRangeSelection, $isRootNode, $isRootOrShadowRoot, $isTextNode, $nodesOfType, $normalizeSelection__EXPERIMENTAL, $setSelection, CLICK_COMMAND, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, COMMAND_PRIORITY_NORMAL, DROP_COMMAND, HISTORY_MERGE_TAG, INDENT_CONTENT_COMMAND, INSERT_TAB_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_LEFT_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ARROW_UP_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DOWN_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, OUTDENT_CONTENT_COMMAND, PASTE_COMMAND, ParagraphNode, SELECTION_CHANGE_COMMAND, SKIP_SCROLL_INTO_VIEW_TAG, TabNode, TextNode, createCommand, getDOMSelection, getDOMSelectionFromTarget, isHTMLElement, isModifierMatch } from "lexical";
 import { DRAG_DROP_PASTE } from "@lexical/rich-text";
 import { $filter, $findMatchingParent, $getNearestBlockElementAncestorOrThrow, $getNearestNodeOfType, $insertNodeToNearestRoot, $wrapNodeInElement, addClassNamesToElement, calculateZoomLevel, mergeRegister, removeClassNamesFromElement } from "@lexical/utils";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Suspense, forwardRef, memo, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { $createListItemNode, $createListNode, $isListItemNode, $isListNode, INSERT_ORDERED_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND as INSERT_ORDERED_LIST_COMMAND$1, INSERT_UNORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND as INSERT_UNORDERED_LIST_COMMAND$1, ListItemNode, ListNode, REMOVE_LIST_COMMAND, UPDATE_LIST_START_COMMAND, registerList, registerListStrictIndentTransform } from "@lexical/list";
 import { DOMParser } from "@xmldom/xmldom";
 import katex, { renderToString } from "katex";
 import { $isCodeHighlightNode, $isCodeNode, CodeHighlightNode, CodeNode } from "@lexical/code-core";
-import { ActionIcon, ActionIconGroup, Block, Button, Center, Dropdown, Flexbox, Hotkey, Icon, Input, InputNumber, LOBE_THEME_APP_ID, MaterialFileTypeIcon, Popover, Select, Text, TextArea } from "@lobehub/ui";
-import { createStaticStyles, cssVar, cx, useThemeMode } from "antd-style";
-import { BaselineIcon, Check, ChevronDown, ChevronRight, CopyIcon, EditIcon, ExternalLinkIcon, Grid2X2XIcon, GripVerticalIcon, LinkIcon, LoaderCircleIcon, MoreHorizontalIcon, PanelBottomCloseIcon, PanelLeftCloseIcon, PanelRightCloseIcon, PanelTopCloseIcon, PlusIcon, TableColumnsSplitIcon, TableRowsSplitIcon, UnlinkIcon, UploadIcon, X } from "lucide-react";
 import { createPortal } from "react-dom";
-import { Button as Button$1, Dropdown as Dropdown$1, Switch, message, theme } from "antd";
 import { computePosition, flip, offset, shift } from "@floating-ui/dom";
 //#region src/editor-kernel/react/PortalContainer.tsx
 const LexicalPortalContainer = forwardRef(({ editor, node, children }, ref) => {
@@ -46,7 +48,7 @@ init_helper();
 init_hotkey();
 init_plugin();
 init_debug();
-const logger$10 = createDebugLogger("plugin", "litexml");
+const logger$9 = createDebugLogger("plugin", "litexml");
 function toArrayXml(litexml) {
 	return Array.isArray(litexml) ? litexml : [litexml];
 }
@@ -58,7 +60,7 @@ function tryParseChild(child, editor) {
 			oldNode
 		};
 	} catch (error) {
-		logger$10.error("❌ Error parsing child node:", error);
+		logger$9.error("❌ Error parsing child node:", error);
 		return {
 			newNode: null,
 			oldNode: null
@@ -171,12 +173,12 @@ function registerLiteXMLCommand(editor, dataSource) {
 							delay: true
 						}, dataSource);
 						break;
-					default: logger$10.warn(`⚠️ Unknown action type: ${action}`);
+					default: logger$9.warn(`⚠️ Unknown action type: ${action}`);
 				}
 			});
 			return false;
 		} catch (error) {
-			logger$10.error("❌ Error processing LITEXML_MODIFY_COMMAND:", error);
+			logger$9.error("❌ Error processing LITEXML_MODIFY_COMMAND:", error);
 			return false;
 		}
 	}, COMMAND_PRIORITY_EDITOR), editor.registerCommand(LITEXML_APPLY_COMMAND, (payload) => {
@@ -201,9 +203,9 @@ function handleModify(editor, dataSource, arrayXml, delay) {
 				try {
 					const { oldNode, newNode } = tryParseChild(child, editor);
 					if (oldNode && newNode) handleReplaceForApplyDelay(oldNode, newNode, modifyBlockNodes, diffNodeMap, editor);
-					else logger$10.warn(`⚠️ Node with key ${child.id} not found for diffing.`);
+					else logger$9.warn(`⚠️ Node with key ${child.id} not found for diffing.`);
 				} catch (error) {
-					logger$10.error("❌ Error replacing node:", error);
+					logger$9.error("❌ Error replacing node:", error);
 				}
 			});
 		});
@@ -227,7 +229,7 @@ function handleModify(editor, dataSource, arrayXml, delay) {
 					} else prevNode = prevNode.insertAfter(newNode);
 					else $insertNodes([newNode]);
 				} catch (error) {
-					logger$10.error("❌ Error replacing node:", error);
+					logger$9.error("❌ Error replacing node:", error);
 				}
 			});
 		});
@@ -364,7 +366,7 @@ function handleInsert(editor, payload, dataSource) {
 				});
 			}
 		} catch (error) {
-			logger$10.error("❌ Error inserting node:", error);
+			logger$9.error("❌ Error inserting node:", error);
 		}
 	});
 }
@@ -474,7 +476,7 @@ ReactNodePlugin.displayName = "ReactNodePlugin";
 //#endregion
 //#region src/plugins/litexml/data-source/litexml-data-source.ts
 init_debug();
-const logger$9 = createDebugLogger("plugin", "litexml");
+const logger$8 = createDebugLogger("plugin", "litexml");
 var IXmlWriterContext = class {
 	createXmlNode(tagName, attributes, textContent) {
 		return {
@@ -502,7 +504,7 @@ var LitexmlDataSource = class extends DataSource {
 		const xml = this.parseXMLString(litexml);
 		const inode = this.xmlToLexical(xml);
 		this.getService?.(INodeService)?.processNodeTree(inode);
-		logger$9.debug("Parsed XML to Lexical State:", inode);
+		logger$8.debug("Parsed XML to Lexical State:", inode);
 		return inode;
 	}
 	/**
@@ -523,7 +525,7 @@ var LitexmlDataSource = class extends DataSource {
 			});
 			editor.setEditorState(newState);
 		} catch (error) {
-			logger$9.error("Failed to parse XML:", error);
+			logger$8.error("Failed to parse XML:", error);
 			throw error;
 		}
 	}
@@ -558,7 +560,7 @@ var LitexmlDataSource = class extends DataSource {
 				return this.lexicalToXML(rootNode);
 			});
 		} catch (error) {
-			logger$9.error("Failed to export to XML:", error);
+			logger$8.error("Failed to export to XML:", error);
 			throw error;
 		}
 	}
@@ -873,7 +875,7 @@ const LitexmlPlugin = class extends KernelPlugin {
 };
 //#endregion
 //#region src/plugins/litexml/react/DiffNodeToolbar/style.ts
-const styles$15 = createStaticStyles(({ css, cssVar }) => ({
+const styles$13 = createStaticStyles(({ css, cssVar }) => ({
 	accept: css`
     color: ${cssVar.colorSuccess};
   `,
@@ -902,7 +904,7 @@ const ReactDiffNodeToolbar = ({ editor, node }) => {
 		editor,
 		node,
 		children: /* @__PURE__ */ jsxs(Block, {
-			className: isDarkMode ? styles$15.toolbarDark : styles$15.toolbarLight,
+			className: isDarkMode ? styles$13.toolbarDark : styles$13.toolbarLight,
 			gap: 2,
 			horizontal: true,
 			padding: 2,
@@ -910,7 +912,7 @@ const ReactDiffNodeToolbar = ({ editor, node }) => {
 			variant: "outlined",
 			children: [/* @__PURE__ */ jsx(ActionIcon, {
 				"aria-label": "Reject change",
-				className: styles$15.reject,
+				className: styles$13.reject,
 				danger: true,
 				icon: X,
 				onClick: () => {
@@ -926,7 +928,7 @@ const ReactDiffNodeToolbar = ({ editor, node }) => {
 				title: t("modifier.reject")
 			}), /* @__PURE__ */ jsx(ActionIcon, {
 				"aria-label": "Accept change",
-				className: styles$15.accept,
+				className: styles$13.accept,
 				icon: Check,
 				onClick: () => {
 					editor.dispatchCommand(LITEXML_DIFFNODE_COMMAND, {
@@ -946,7 +948,7 @@ const ReactDiffNodeToolbar = ({ editor, node }) => {
 ReactDiffNodeToolbar.displayName = "ReactDiffNodeToolbar";
 //#endregion
 //#region src/plugins/litexml/react/style.ts
-const styles$14 = createStaticStyles(({ css, cssVar }) => css`
+const styles$12 = createStaticStyles(({ css, cssVar }) => css`
     position: relative;
 
     .toolbar {
@@ -1077,7 +1079,7 @@ const ReactLiteXmlPlugin = () => {
 				editor,
 				node
 			}),
-			theme: styles$14
+			theme: styles$12
 		});
 	}, [editor]);
 	return null;
@@ -2660,7 +2662,7 @@ const AutoCompletePlugin = class extends KernelPlugin {
 };
 //#endregion
 //#region src/plugins/auto-complete/react/style.ts
-const styles$13 = createStaticStyles(({ css }) => ({
+const styles$11 = createStaticStyles(({ css }) => ({
 	placeholderBlock: css`
     opacity: 0.4;
   `,
@@ -2671,7 +2673,7 @@ const styles$13 = createStaticStyles(({ css }) => ({
 //#endregion
 //#region src/plugins/auto-complete/react/ReactAutoCompletePlugin.tsx
 init_debug();
-const logger$8 = createDebugLogger("react-plugin", "auto-complete");
+const logger$7 = createDebugLogger("react-plugin", "auto-complete");
 const ReactAutoCompletePlugin = ({ delay, onAutoComplete, onSuggestionAccepted, onSuggestionRejected }) => {
 	const [editor] = useLexicalComposerContext();
 	const propsRef = useRef({
@@ -2693,7 +2695,7 @@ const ReactAutoCompletePlugin = ({ delay, onAutoComplete, onSuggestionAccepted,
 				try {
 					return await propsRef.current.onAutoComplete?.(opt) ?? null;
 				} catch (error) {
-					logger$8.warn("Auto-complete onAutoComplete callback failed:", error);
+					logger$7.warn("Auto-complete onAutoComplete callback failed:", error);
 					return null;
 				}
 			},
@@ -2701,19 +2703,19 @@ const ReactAutoCompletePlugin = ({ delay, onAutoComplete, onSuggestionAccepted,
 				try {
 					propsRef.current.onSuggestionAccepted?.(info);
 				} catch (error) {
-					logger$8.warn("Auto-complete onSuggestionAccepted callback failed:", error);
+					logger$7.warn("Auto-complete onSuggestionAccepted callback failed:", error);
 				}
 			},
 			onSuggestionRejected: (info) => {
 				try {
 					propsRef.current.onSuggestionRejected?.(info);
 				} catch (error) {
-					logger$8.warn("Auto-complete onSuggestionRejected callback failed:", error);
+					logger$7.warn("Auto-complete onSuggestionRejected callback failed:", error);
 				}
 			},
 			theme: {
-				placeholderBlock: cx(styles$13.placeholderBlock),
-				placeholderInline: cx(styles$13.placeholderInline)
+				placeholderBlock: cx(styles$11.placeholderBlock),
+				placeholderInline: cx(styles$11.placeholderInline)
 			}
 		});
 	}, []);
@@ -2724,7 +2726,7 @@ ReactAutoCompletePlugin.displayName = "ReactAutoCompletePlugin";
 //#region src/plugins/block/command/index.ts
 init_debug();
 const MOVE_BLOCK_COMMAND = createCommand("MOVE_BLOCK_COMMAND");
-const logger$7 = createDebugLogger("plugin", "block-command");
+const logger$6 = createDebugLogger("plugin", "block-command");
 const getListParent = (node) => {
 	if (!node) return null;
 	const parent = node.getParent();
@@ -2764,24 +2766,24 @@ const cleanupEmptyListForItem = (listItem) => {
 	if (parentList && parentList.getChildrenSize() === 0) parentList.remove();
 };
 const moveBlockNode = (payload) => {
-	logger$7.debug("start", payload);
+	logger$6.debug("start", payload);
 	const sourceNode = $getNodeByKey(payload.sourceBlockId);
 	const targetNode = $getNodeByKey(payload.targetBlockId);
 	if (!sourceNode || !targetNode) {
-		logger$7.debug("abort: node-not-found", {
+		logger$6.debug("abort: node-not-found", {
 			sourceFound: Boolean(sourceNode),
 			targetFound: Boolean(targetNode)
 		});
 		return;
 	}
 	if (sourceNode === targetNode) {
-		logger$7.debug("abort: source-equals-target");
+		logger$6.debug("abort: source-equals-target");
 		return;
 	}
 	if (!$isListItemNode(targetNode)) {
 		const sourceIsListItem = $isListItemNode(sourceNode);
 		let movingNode = sourceNode;
-		logger$7.debug("branch: normal-block-target", {
+		logger$6.debug("branch: normal-block-target", {
 			placement: payload.placement,
 			targetType: targetNode.getType()
 		});
@@ -2792,18 +2794,18 @@ const moveBlockNode = (payload) => {
 			sourceListItem.remove();
 			cleanupEmptyListForItem(sourceListItem);
 			movingNode = paragraphNode;
-			logger$7.debug("convert: listItem-to-paragraph", { sourceType: sourceNode.getType() });
+			logger$6.debug("convert: listItem-to-paragraph", { sourceType: sourceNode.getType() });
 		}
 		if (payload.placement === "before") targetNode.insertBefore(movingNode);
 		else targetNode.insertAfter(movingNode);
-		logger$7.debug("done: normal-block-target");
+		logger$6.debug("done: normal-block-target");
 		return;
 	}
 	const targetListItem = targetNode;
 	const sourceIsListItem = $isListItemNode(sourceNode);
 	const sourceIsParagraph = $isParagraphNode(sourceNode);
 	if (sourceIsListItem || sourceIsParagraph) {
-		logger$7.debug("branch: list-insert-with-item-or-paragraph", {
+		logger$6.debug("branch: list-insert-with-item-or-paragraph", {
 			sourceIsListItem,
 			sourceIsParagraph,
 			targetType: targetListItem.getType()
@@ -2822,35 +2824,35 @@ const moveBlockNode = (payload) => {
 		alignListItemDepth(movingListItem, targetListItem);
 		if (payload.placement === "before") targetListItem.insertBefore(movingListItem);
 		else targetListItem.insertAfter(movingListItem);
-		logger$7.debug("done: list-insert-with-item-or-paragraph");
+		logger$6.debug("done: list-insert-with-item-or-paragraph");
 		return;
 	}
 	const topContext = getTopListContextFromItem(targetListItem);
 	const topListNode = topContext.list;
 	const topListItem = topContext.item;
 	if (!topListNode) {
-		logger$7.debug("branch: list-target-without-top-list", { placement: payload.placement });
+		logger$6.debug("branch: list-target-without-top-list", { placement: payload.placement });
 		if (payload.placement === "before") targetListItem.insertBefore(sourceNode);
 		else targetListItem.insertAfter(sourceNode);
-		logger$7.debug("done: list-target-without-top-list");
+		logger$6.debug("done: list-target-without-top-list");
 		return;
 	}
 	const tailStart = payload.placement === "before" ? topListItem : topListItem.getNextSibling();
 	if (tailStart === topListItem && topListItem.getPreviousSibling() === null) {
-		logger$7.debug("branch: split-list-head-insert-before-list");
+		logger$6.debug("branch: split-list-head-insert-before-list");
 		topListNode.insertBefore(sourceNode);
-		logger$7.debug("done: split-list-head-insert-before-list");
+		logger$6.debug("done: split-list-head-insert-before-list");
 		return;
 	}
 	if (!tailStart) {
-		logger$7.debug("branch: split-list-tail-insert-after-list");
+		logger$6.debug("branch: split-list-tail-insert-after-list");
 		topListNode.insertAfter(sourceNode);
-		logger$7.debug("done: split-list-tail-insert-after-list");
+		logger$6.debug("done: split-list-tail-insert-after-list");
 		return;
 	}
 	const listStartValue = $isListItemNode(tailStart) && typeof tailStart.getValue === "function" ? tailStart.getValue() : 1;
 	const newTailList = cloneListTail(topListNode, tailStart, listStartValue);
-	logger$7.debug("branch: split-list-middle", {
+	logger$6.debug("branch: split-list-middle", {
 		hasNewTailList: Boolean(newTailList),
 		listStartValue,
 		tailStartType: tailStart.getType()
@@ -2865,11 +2867,11 @@ const moveBlockNode = (payload) => {
 			if (parentList && parentList.getChildrenSize() === 0) parentList.remove();
 		}
 	}
-	logger$7.debug("done: split-list-middle");
+	logger$6.debug("done: split-list-middle");
 };
 function registerBlockMoveCommand(editor) {
 	const unregister = editor.registerCommand(MOVE_BLOCK_COMMAND, (payload) => {
-		logger$7.debug("received-command", payload);
+		logger$6.debug("received-command", payload);
 		moveBlockNode(payload);
 		return true;
 	}, COMMAND_PRIORITY_EDITOR);
@@ -3073,7 +3075,7 @@ const resolveNearestInsertionSlot = (sourceBlockId, blocks, y) => {
 //#endregion
 //#region src/plugins/block/react/drag/drag-session.ts
 init_debug();
-const logger$6 = createDebugLogger("plugin", "block-react");
+const logger$5 = createDebugLogger("plugin", "block-react");
 const DRAG_GHOST_OFFSET_X = 14;
 const DRAG_GHOST_OFFSET_Y = 14;
 const DRAG_SOURCE_OPACITY = "0.45";
@@ -3238,13 +3240,13 @@ const startBlockDragSession = ({ clientX, clientY, clearDragPreview, contextRef,
 		}
 		const finalTarget = contextRef.current.dragTarget;
 		if (finalTarget) {
-			logger$6.debug("drag-end", {
+			logger$5.debug("drag-end", {
 				位置: finalTarget.placement === "before" ? "上方" : "下方",
 				位置节点id: finalTarget.targetBlockId,
 				插入节点id: finalTarget.sourceBlockId
 			});
 			const handled = editor.dispatchCommand(MOVE_BLOCK_COMMAND, finalTarget);
-			logger$6.debug("move-block-command-handled", handled);
+			logger$5.debug("move-block-command-handled", handled);
 		}
 		onDragTargetResolve?.(contextRef.current.dragTarget);
 		if (contextRef.current.dragRaf !== null) {
@@ -3332,7 +3334,7 @@ const startBlockDragSession = ({ clientX, clientY, clearDragPreview, contextRef,
 };
 //#endregion
 //#region src/plugins/block/react/style.ts
-const styles$12 = createStaticStyles(({ css, cssVar }) => ({
+const styles$10 = createStaticStyles(({ css, cssVar }) => ({
 	dragHandle: css`
     cursor: grab !important;
 
@@ -3397,13 +3399,13 @@ const styles$12 = createStaticStyles(({ css, cssVar }) => ({
 //#endregion
 //#region src/plugins/block/react/ReactBlockPlugin.tsx
 init_debug();
-const logger$5 = createDebugLogger("plugin", "block-react");
+const logger$4 = createDebugLogger("plugin", "block-react");
 const OPERATION_MENU_OVERLAY_CLASS = "lobe-block-operation-dropdown";
 const ReactBlockPlugin = (props) => {
 	const { token } = theme.useToken();
 	const [editor] = useLexicalComposerContext();
 	const { rootClassName, className, attributeName, locale, onHoverBlockChange, onDragTargetChange, onDragTargetResolve } = props;
-	const mergedRootClassName = cx(styles$12.root, rootClassName?.trim() || className?.trim());
+	const mergedRootClassName = cx(styles$10.root, rootClassName?.trim() || className?.trim());
 	const menuRef = useRef(null);
 	const dragLayerRef = useRef(null);
 	const contextRef = useRef(createRuntimeContext());
@@ -3431,7 +3433,7 @@ const ReactBlockPlugin = (props) => {
 	useLexicalEditor(() => {
 		const service = editor.requireService(IBlockMenuService);
 		if (!service) {
-			logger$5.warn("BlockMenuService not found");
+			logger$4.warn("BlockMenuService not found");
 			return;
 		}
 		setBlockMenuService(service);
@@ -3767,11 +3769,11 @@ const ReactBlockPlugin = (props) => {
 	})), [operationMenus, operationMenuContext]);
 	const shouldRenderPortal = menuContext || dragIndicator;
 	const menuNode = menuContext && !isDragging ? /* @__PURE__ */ jsx("div", {
-		className: styles$12.menu,
+		className: styles$10.menu,
 		ref: menuRef,
 		style: menuPosition,
 		children: /* @__PURE__ */ jsxs("div", {
-			className: styles$12.menuInner,
+			className: styles$10.menuInner,
 			onMouseDown: preventEditorSelectionLost,
 			children: [actionButtons.map((item) => {
 				const title = typeof item.title === "function" ? item.title(menuContext) : item.title;
@@ -3801,7 +3803,7 @@ const ReactBlockPlugin = (props) => {
 				trigger: [],
 				children: /* @__PURE__ */ jsx(Button$1, {
 					"aria-label": "Block actions and drag",
-					className: styles$12.dragHandle,
+					className: styles$10.dragHandle,
 					"data-block-drag-handle": "true",
 					icon: /* @__PURE__ */ jsx(Icon, {
 						icon: GripVerticalIcon,
@@ -3818,12 +3820,12 @@ const ReactBlockPlugin = (props) => {
 	}) : null;
 	const dragLayerNode = /* @__PURE__ */ jsx("div", {
 		"aria-hidden": "true",
-		className: styles$12.dragLayer,
+		className: styles$10.dragLayer,
 		"data-block-drag-layer": "true",
 		ref: dragLayerRef
 	});
 	return /* @__PURE__ */ jsxs(Fragment, { children: [dragLayerContainer ? createPortal(dragLayerNode, dragLayerContainer) : dragLayerNode, shouldRenderPortal && createPortal(/* @__PURE__ */ jsxs(Fragment, { children: [menuNode, dragIndicator && /* @__PURE__ */ jsx("div", {
-		className: styles$12.dragIndicator,
+		className: styles$10.dragIndicator,
 		style: {
 			backgroundColor: token.colorPrimary,
 			left: dragIndicator.left,
@@ -3835,7 +3837,7 @@ const ReactBlockPlugin = (props) => {
 ReactBlockPlugin.displayName = "ReactBlockPlugin";
 //#endregion
 //#region src/plugins/code/react/style.ts
-const styles$11 = createStaticStyles(({ css, cssVar }) => ({ codeInline: css`
+const styles$9 = createStaticStyles(({ css, cssVar }) => ({ codeInline: css`
     display: inline;
 
     margin-inline: 0.25em;
@@ -3860,20 +3862,20 @@ const ReactCodePlugin = ({ className, enableHotkey = true }) => {
 		editor.registerPlugin(MarkdownPlugin);
 		editor.registerPlugin(CodePlugin, {
 			enableHotkey,
-			theme: cx(styles$11.codeInline, className)
+			theme: cx(styles$9.codeInline, className)
 		});
 	}, [
 		className,
 		cx,
 		enableHotkey,
-		styles$11.codeInline
+		styles$9.codeInline
 	]);
 	return null;
 };
 ReactCodePlugin.displayName = "ReactCodePlugin";
 //#endregion
 //#region src/plugins/codeblock/react/style.ts
-const styles$10 = createStaticStyles(({ css, cssVar }) => ({
+const styles$8 = createStaticStyles(({ css, cssVar }) => ({
 	code: css`
     position: relative;
 
@@ -3935,10 +3937,10 @@ const ReactCodeblockPlugin = ({ theme, shikiTheme }) => {
 		editor.registerPlugin(MarkdownPlugin);
 		editor.registerPlugin(CodeblockPlugin, {
 			shikiTheme: shikiTheme || "lobe-theme",
-			theme: theme || { code: styles$10.code }
+			theme: theme || { code: styles$8.code }
 		});
 	}, [
-		cx(styles$10.code),
+		cx(styles$8.code),
 		editor,
 		shikiTheme,
 		theme
@@ -4010,518 +4012,9 @@ function registerCodeMirrorCommand(editor) {
 }
 //#endregion
 //#region src/plugins/codemirror-block/lib/mode.ts
-const MODES = [
-	{
-		ext: ["agda"],
-		name: "Agda",
-		syntax: "text/x-agda",
-		value: "agda"
-	},
-	{
-		ext: ["ets", "arkts"],
-		name: "ArkTS",
-		syntax: "text/x-arkts",
-		value: "arkts"
-	},
-	{
-		ext: ["bash"],
-		name: "Bash",
-		syntax: "shell",
-		value: "bash"
-	},
-	{
-		ext: ["vbs"],
-		name: "Basic",
-		syntax: "vbscript",
-		value: "basic"
-	},
-	{
-		ext: [
-			"c",
-			"h",
-			"ino"
-		],
-		name: "C",
-		syntax: "text/x-csrc",
-		value: "c"
-	},
-	{
-		ext: [
-			"cpp",
-			"c++",
-			"cc",
-			"cxx",
-			"hpp",
-			"h++",
-			"hh",
-			"hxx"
-		],
-		name: "C++",
-		syntax: "text/x-c++src",
-		value: "cpp"
-	},
-	{
-		ext: ["cs"],
-		name: "C#",
-		syntax: "text/x-csharp",
-		value: "csharp"
-	},
-	{
-		ext: ["css"],
-		name: "CSS",
-		syntax: "css",
-		value: "css"
-	},
-	{
-		ext: ["dart"],
-		name: "Dart",
-		syntax: "dart",
-		value: "dart"
-	},
-	{
-		ext: ["diff", "patch"],
-		name: "Diff",
-		syntax: "diff",
-		value: "diff"
-	},
-	{
-		name: "Dockerfile",
-		syntax: "dockerfile",
-		value: "dockerfile"
-	},
-	{
-		ext: ["erl"],
-		name: "Erlang",
-		syntax: "erlang",
-		value: "erlang"
-	},
-	{
-		ext: ["glsl"],
-		name: "Glsl",
-		syntax: "x-shader/x-vertex",
-		value: "glsl"
-	},
-	{
-		name: "Git",
-		syntax: "shell",
-		value: "git"
-	},
-	{
-		ext: ["go"],
-		name: "Go",
-		syntax: "go",
-		value: "go"
-	},
-	{
-		name: "GraphQL",
-		syntax: "graphql",
-		value: "graphql"
-	},
-	{
-		ext: ["groovy", "gradle"],
-		name: "Groovy",
-		syntax: "groovy",
-		value: "groovy"
-	},
-	{
-		ext: [
-			"html",
-			"htm",
-			"handlebars",
-			"hbs"
-		],
-		name: "HTML",
-		syntax: "htmlmixed",
-		value: "html"
-	},
-	{
-		name: "HTTP",
-		syntax: "http",
-		value: "http"
-	},
-	{
-		ext: ["java"],
-		name: "Java",
-		syntax: "text/x-java",
-		value: "java"
-	},
-	{
-		ext: ["js"],
-		name: "JavaScript",
-		syntax: "text/javascript",
-		value: "javascript"
-	},
-	{
-		ext: ["json", "map"],
-		name: "JSON",
-		syntax: "application/json",
-		value: "json"
-	},
-	{
-		ext: ["jsx"],
-		name: "JSX",
-		syntax: "jsx",
-		value: "jsx"
-	},
-	{
-		name: "KaTeX",
-		syntax: "simplemode",
-		value: "katex"
-	},
-	{
-		ext: ["kt"],
-		name: "Kotlin",
-		syntax: "text/x-kotlin",
-		value: "kotlin"
-	},
-	{
-		ext: ["less"],
-		name: "Less",
-		syntax: "css",
-		value: "less"
-	},
-	{
-		name: "Makefile",
-		syntax: "cmake",
-		value: "makefile"
-	},
-	{
-		ext: [
-			"markdown",
-			"md",
-			"mkd"
-		],
-		name: "Markdown",
-		syntax: "markdown",
-		value: "markdown"
-	},
-	{
-		name: "MATLAB",
-		syntax: "octave",
-		value: "matlab"
-	},
-	{
-		ext: ["conf"],
-		name: "Nginx",
-		syntax: "nginx",
-		value: "nginx"
-	},
-	{
-		ext: ["m"],
-		name: "Objective-C",
-		syntax: "text/x-objectivec",
-		value: "objectivec"
-	},
-	{
-		ext: ["p", "pas"],
-		name: "Pascal",
-		syntax: "pascal",
-		value: "pascal"
-	},
-	{
-		ext: ["pl", "pm"],
-		name: "Perl",
-		syntax: "perl",
-		value: "perl"
-	},
-	{
-		ext: [
-			"php",
-			"php3",
-			"php4",
-			"php5",
-			"php7",
-			"phtml"
-		],
-		name: "PHP",
-		syntax: "text/x-php",
-		value: "php"
-	},
-	{
-		ext: [
-			"ps1",
-			"psd1",
-			"psm1"
-		],
-		name: "PowerShell",
-		syntax: "powershell",
-		value: "powershell"
-	},
-	{
-		ext: ["proto"],
-		name: "Protobuf",
-		syntax: "protobuf",
-		value: "protobuf"
-	},
-	{
-		ext: [
-			"build",
-			"bzl",
-			"py",
-			"pyw"
-		],
-		name: "Python",
-		syntax: "python",
-		value: "python"
-	},
-	{
-		ext: ["r", "R"],
-		name: "R",
-		syntax: "r",
-		value: "r"
-	},
-	{
-		ext: ["rb"],
-		name: "Ruby",
-		syntax: "ruby",
-		value: "ruby"
-	},
-	{
-		ext: ["rs"],
-		name: "Rust",
-		syntax: "rust",
-		value: "rust"
-	},
-	{
-		ext: ["scala"],
-		name: "Scala",
-		syntax: "text/x-scala",
-		value: "scala"
-	},
-	{
-		ext: ["sh", "ksh"],
-		name: "Shell",
-		syntax: "shell",
-		value: "shell"
-	},
-	{
-		ext: ["sql"],
-		name: "SQL",
-		syntax: "text/x-sql",
-		value: "sql"
-	},
-	{
-		name: "PL/SQL",
-		syntax: "text/x-plsql",
-		value: "plsql"
-	},
-	{
-		ext: ["swift"],
-		name: "Swift",
-		syntax: "swift",
-		value: "swift"
-	},
-	{
-		ext: ["ts"],
-		name: "TypeScript",
-		syntax: "text/typescript",
-		value: "typescript"
-	},
-	{
-		ext: ["vb"],
-		name: "VB.net",
-		syntax: "vb",
-		value: "vbnet"
-	},
-	{
-		ext: ["vtl"],
-		name: "Velocity",
-		syntax: "velocity",
-		value: "velocity"
-	},
-	{
-		ext: [
-			"xml",
-			"xsl",
-			"xsd",
-			"svg"
-		],
-		name: "XML",
-		syntax: "xml",
-		value: "xml"
-	},
-	{
-		ext: ["yaml", "yml"],
-		name: "YAML",
-		syntax: "yaml",
-		value: "yaml"
-	},
-	{
-		name: "sTeX",
-		syntax: "text/x-stex",
-		value: "stex"
-	},
-	{
-		ext: [
-			"text",
-			"ltx",
-			"tex"
-		],
-		name: "LaTeX",
-		syntax: "text/x-latex",
-		value: "latex"
-	},
-	{
-		ext: ["sv", "svh"],
-		name: "SystemVerilog",
-		syntax: "text/x-systemverilog",
-		value: "systemverilog"
-	},
-	{
-		ext: ["sass", "scss"],
-		name: "Sass",
-		syntax: "text/x-sass",
-		value: "sass"
-	},
-	{
-		ext: ["tcl"],
-		name: "Tcl",
-		syntax: "text/x-tcl",
-		value: "tcl"
-	},
-	{
-		ext: ["v"],
-		name: "Verilog",
-		syntax: "text/x-verilog",
-		value: "verilog"
-	},
-	{
-		name: "Vue",
-		syntax: "text/x-vue",
-		value: "vue"
-	},
-	{
-		ext: ["lua"],
-		name: "Lua",
-		syntax: "text/x-lua",
-		value: "lua"
-	},
-	{
-		ext: ["hs"],
-		name: "Haskell",
-		syntax: "haskell",
-		value: "haskell"
-	},
-	{
-		ext: [
-			"properties",
-			"ini",
-			"in"
-		],
-		name: "Properties",
-		syntax: "properties",
-		value: "properties"
-	},
-	{
-		ext: ["toml"],
-		name: "TOML",
-		syntax: "toml",
-		value: "toml"
-	},
-	{
-		ext: ["cyp", "cypher"],
-		name: "Cypher",
-		syntax: "cypher",
-		value: "cypher"
-	},
-	{
-		ext: ["tsx"],
-		name: "TSX",
-		syntax: "jsx",
-		value: "tsx"
-	},
-	{
-		ext: ["fs"],
-		name: "F#",
-		syntax: "mllike",
-		value: "f#"
-	},
-	{
-		ext: [
-			"ml",
-			"mli",
-			"mll",
-			"mly"
-		],
-		name: "OCaml",
-		syntax: "mllike",
-		value: "ocaml"
-	},
-	{
-		ext: [
-			"clj",
-			"cljc",
-			"cljx"
-		],
-		name: "Clojure",
-		syntax: "clojure",
-		value: "clojure"
-	},
-	{
-		name: "ABAP",
-		syntax: "abap",
-		value: "abap"
-	},
-	{
-		ext: ["jl"],
-		name: "Julia",
-		syntax: "julia",
-		value: "julia"
-	},
-	{
-		ext: ["cmake"],
-		name: "CMake",
-		syntax: "cmake",
-		value: "cmake"
-	},
-	{
-		ext: ["scm", "ss"],
-		name: "Scheme",
-		syntax: "scheme",
-		value: "scheme"
-	},
-	{
-		ext: [
-			"cl",
-			"lisp",
-			"el"
-		],
-		name: "Lisp",
-		syntax: "commonlisp",
-		value: "commonlisp"
-	},
-	{
-		ext: [
-			"f90",
-			"f95",
-			"f03"
-		],
-		name: "Fortran",
-		syntax: "fortran",
-		value: "fortran"
-	},
-	{
-		ext: ["sol"],
-		name: "Solidity",
-		syntax: "solidity",
-		value: "solidity"
-	}
-];
-MODES.sort((modeA, modeB) => {
-	const nameA = modeA.name.toLowerCase();
-	const nameB = modeB.name.toLowerCase();
-	if (nameA === nameB) return 0;
-	if (nameA < nameB) return -1;
-	return 1;
-});
-MODES.unshift({
-	name: "Plain Text",
-	syntax: "simplemode",
-	value: "plain"
-});
 function modeMatch(mode = "") {
 	mode = mode.toLocaleLowerCase() || "plain";
-	return MODES.find((m) => m.value === mode || m.ext?.includes(mode))?.value || "plain";
+	return LANGUAGES.find((m) => m.value === mode || m.ext?.includes(mode))?.value || "plain";
 }
 //#endregion
 //#region src/plugins/codemirror-block/plugin/index.ts
@@ -4595,419 +4088,6 @@ const CodemirrorPlugin = class extends KernelPlugin {
 	}
 };
 //#endregion
-//#region src/plugins/codemirror-block/react/theme.ts
-/**
-* Lobe 主题配置
-* 基于 shiki 主题配置，使用 antd-style 的 cssVar 进行颜色映射
-*/
-const lobeTheme = {
-	"&": {
-		"& .cm-cursor": { "border-left-color": cssVar.colorPrimary },
-		"& .cm-cursor.cm-cursor-primary": { "border-inline-start": `2px solid ${cssVar.colorPrimary} !important` },
-		"& .cm-gutters": {
-			"background-color": cssVar.colorBgContainer,
-			"border": "none",
-			"color": cssVar.colorTextQuaternary,
-			"cursor": "default"
-		},
-		"& .cm-line": {
-			"& .cm-atom": { color: cssVar.purple10 },
-			"& .cm-attribute": { color: cssVar.purple10 },
-			"& .cm-builtin": {
-				color: cssVar.volcano10,
-				fontStyle: "italic"
-			},
-			"& .cm-comment": {
-				color: cssVar.colorTextQuaternary,
-				fontStyle: "italic"
-			},
-			"& .cm-foldPlaceholder": {
-				"background": `url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23E8E8E8' width='16' height='16' rx='2'/%3E%3Cpath d='M2.75 7.984a.875.875 0 1 0 1.75 0 .875.875 0 0 0-1.75 0Zm4.375 0a.875.875 0 1 0 1.75 0 .875.875 0 0 0-1.75 0Zm4.375 0a.875.875 0 1 0 1.75 0 .875.875 0 0 0-1.75 0Z' fill='%232A3238'/%3E%3C/g%3E%3C/svg%3E") no-repeat`,
-				"border": "none",
-				"color": "transparent",
-				"display": "inline-block",
-				"height": "16px",
-				"padding": 0,
-				"vertical-align": "middle",
-				"width": "16px"
-			},
-			"& .cm-function": { color: cssVar.geekblue10 },
-			"& .cm-header": { color: cssVar.colorInfo },
-			"& .cm-keyword": { color: cssVar.colorInfo },
-			"& .cm-meta": { color: cssVar.colorText },
-			"& .cm-modifier": { color: cssVar.colorInfo },
-			"& .cm-number": { color: cssVar.volcano10 },
-			"& .cm-operator": { color: cssVar.colorInfo },
-			"& .cm-property": { color: cssVar.volcano10 },
-			"& .cm-punctuation": { color: cssVar.colorInfo },
-			"& .cm-qualifier": { color: cssVar.colorWarning },
-			"& .cm-string": { color: cssVar.colorSuccess },
-			"& .cm-string-2": { color: cssVar.colorSuccess },
-			"& .cm-tag": { color: cssVar.volcano10 },
-			"& .cm-tag.cm-bracket": { color: cssVar.colorInfo },
-			"& .cm-type": { color: cssVar.colorWarning },
-			"& .cm-variable": { color: cssVar.colorText },
-			"& .cm-variable-2": { color: cssVar.geekblue10 },
-			"& .cm-variable-3": { color: cssVar.colorWarning },
-			"& .cm-variable.cm-callee": { color: cssVar.geekblue10 },
-			"& .cm-variable.cm-def": { color: cssVar.colorText },
-			"color": cssVar.colorText,
-			"padding-inline": "12px"
-		}
-	},
-	"& .cm-selectionBackground": { background: "transparent" },
-	"& .cm-selectionMatch": { background: `${cssVar.colorFillSecondary} !important` },
-	"&.cm-editor": {
-		"background": "transparent",
-		"cursor": "text",
-		"padding-block": "12px",
-		"width": "100%"
-	},
-	"&.cm-editor span": {
-		"font-family": cssVar.fontFamilyCode,
-		"font-size": "calc(var(--lobe-markdown-font-size) * 0.8)"
-	},
-	"&.cm-editor.cm-focused .cm-selectionBackground": { background: cssVar.colorPrimaryBg },
-	"&.cm-editor.cm-focused .cm-selectionLineGutter": { color: cssVar.colorText },
-	"&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground": { background: cssVar.yellow }
-};
-//#endregion
-//#region src/plugins/codemirror-block/lib/index.ts
-init_debug();
-const logger$4 = createDebugLogger("plugin", "codemirror-loader");
-const DEFAULT_CDN_URL = "https://registry.npmmirror.com/@lobehub/codemirror/1.0.0/files/es/index.js";
-const LOAD_TIMEOUT = 1e4;
-const POLL_INTERVAL = 50;
-let codeMirrorPromise = null;
-/**
-* 加载 script 标签
-*/
-function loadScript(src) {
-	return new Promise((resolve, reject) => {
-		if (document.querySelector(`script[src="${src}"]`)) {
-			logger$4.debug("Script already loaded:", src);
-			resolve();
-			return;
-		}
-		logger$4.debug("Loading script:", src);
-		const script = document.createElement("script");
-		script.src = src;
-		script.type = "module";
-		script.async = true;
-		script.addEventListener("load", () => {
-			logger$4.debug("Script loaded successfully:", src);
-			resolve();
-		});
-		script.addEventListener("error", (error) => {
-			logger$4.error("Failed to load script:", src, error);
-			reject(/* @__PURE__ */ new Error(`Failed to load script: ${src}`));
-		});
-		document.head.append(script);
-	});
-}
-/**
-* 等待 window.CodeMirror 可用
-*/
-function waitForCodeMirror(timeout = LOAD_TIMEOUT) {
-	return new Promise((resolve, reject) => {
-		const startTime = Date.now();
-		const checkCodeMirror = () => {
-			if (window.CodeMirror) {
-				logger$4.debug("CodeMirror is ready");
-				resolve();
-				return;
-			}
-			if (Date.now() - startTime > timeout) {
-				logger$4.error("Timeout waiting for CodeMirror");
-				reject(/* @__PURE__ */ new Error("Timeout: CodeMirror failed to load from CDN"));
-				return;
-			}
-			setTimeout(checkCodeMirror, POLL_INTERVAL);
-		};
-		checkCodeMirror();
-	});
-}
-/**
-* 从 CDN 加载 CodeMirror
-* @param cdnUrl - 可选的自定义 CDN URL
-*/
-async function loadCodeMirror(cdnUrl = DEFAULT_CDN_URL) {
-	if (window.CodeMirror?.default) {
-		logger$4.debug("CodeMirror already available");
-		return window.CodeMirror.default;
-	}
-	if (codeMirrorPromise) {
-		logger$4.debug("CodeMirror loading in progress, reusing promise");
-		return codeMirrorPromise;
-	}
-	codeMirrorPromise = (async () => {
-		try {
-			logger$4.debug("Starting CodeMirror load from:", cdnUrl);
-			await loadScript(cdnUrl);
-			await waitForCodeMirror();
-			if (!window.CodeMirror?.default) throw new Error("CodeMirror loaded but not properly initialized");
-			logger$4.debug("CodeMirror loaded successfully");
-			return window.CodeMirror.default;
-		} catch (error) {
-			codeMirrorPromise = null;
-			logger$4.error("Failed to load CodeMirror:", error);
-			throw error;
-		}
-	})();
-	return codeMirrorPromise;
-}
-//#endregion
-//#region src/plugins/codemirror-block/react/components/CopyButton.tsx
-const CopyButton = ({ onCopy }) => {
-	const [copied, setCopied] = useState(false);
-	return /* @__PURE__ */ jsx(ActionIcon, {
-		active: copied,
-		className: "cm-hidden-actions",
-		icon: copied ? Check : CopyIcon,
-		onClick: () => {
-			setCopied(true);
-			onCopy();
-			setTimeout(() => setCopied(false), 1e3);
-		},
-		size: "small",
-		title: "Copy"
-	});
-};
-CopyButton.displayName = "CopyButton";
-//#endregion
-//#region src/plugins/codemirror-block/react/components/style.ts
-const styles$9 = createStaticStyles(({ css }) => ({ container: css`
-    min-width: 160px;
-  ` }));
-//#endregion
-//#region src/plugins/codemirror-block/react/components/LanguageSelect.tsx
-const LanguageSelect = ({ selectedLang, onLanguageChange }) => {
-	const t = useTranslation();
-	const languageOptions = useMemo(() => MODES.map((mode) => ({
-		aliases: mode.ext || [],
-		label: /* @__PURE__ */ jsxs(Flexbox, {
-			align: "center",
-			gap: 4,
-			horizontal: true,
-			children: [/* @__PURE__ */ jsx(MaterialFileTypeIcon, {
-				fallbackUnknownType: false,
-				filename: mode.ext?.[0] ? `*.${mode.ext[0]}` : `*.${mode.value}`,
-				size: 18,
-				type: "file",
-				variant: "raw"
-			}), /* @__PURE__ */ jsx(Text, {
-				ellipsis: true,
-				fontSize: 13,
-				children: mode.name
-			})]
-		}),
-		title: mode.ext?.length ? mode.ext.map((ext) => `*.${ext}`).join(",") : `*.${mode.value}`,
-		value: mode.value
-	})), []);
-	return /* @__PURE__ */ jsx(Flexbox, {
-		align: "center",
-		className: "cm-language-select",
-		gap: 4,
-		horizontal: true,
-		onClick: (e) => e.stopPropagation(),
-		children: /* @__PURE__ */ jsx(Select, {
-			className: cx(styles$9.container),
-			filterOption: (input, option) => {
-				const lang = input.toLowerCase();
-				if ((option?.value)?.toLowerCase().startsWith(lang)) return true;
-				if (String(option?.label).toLowerCase().includes(lang)) return true;
-				if (option?.aliases?.some((ext) => ext.toLowerCase().startsWith(lang))) return true;
-				return false;
-			},
-			onChange: onLanguageChange,
-			options: languageOptions,
-			placeholder: t("codemirror.selectLanguage"),
-			showSearch: true,
-			size: "small",
-			value: selectedLang,
-			variant: "borderless"
-		})
-	});
-};
-LanguageSelect.displayName = "LanguageSelect";
-//#endregion
-//#region src/plugins/codemirror-block/react/components/MoreOptions.tsx
-const MoreOptions = ({ tabSize, onTabSizeChange, useTabs, onUseTabsChange, showLineNumbers, onShowLineNumbersChange }) => {
-	const t = useTranslation();
-	const handleTabSizeChange = useCallback((value = 2) => {
-		onTabSizeChange(value === null ? 2 : value);
-	}, [onTabSizeChange]);
-	return /* @__PURE__ */ jsx(Popover, {
-		arrow: false,
-		content: /* @__PURE__ */ jsxs(Flexbox, {
-			gap: 8,
-			style: { minWidth: 240 },
-			children: [
-				/* @__PURE__ */ jsxs(Flexbox, {
-					align: "center",
-					gap: 8,
-					horizontal: true,
-					justify: "space-between",
-					children: [/* @__PURE__ */ jsx(Text, { children: t("codemirror.tabSize") }), /* @__PURE__ */ jsx(InputNumber, {
-						max: 8,
-						min: 1,
-						onChange: handleTabSizeChange,
-						size: "small",
-						value: tabSize
-					})]
-				}),
-				/* @__PURE__ */ jsxs(Flexbox, {
-					align: "center",
-					gap: 8,
-					horizontal: true,
-					justify: "space-between",
-					children: [/* @__PURE__ */ jsx(Text, { children: t("codemirror.useTabs") }), /* @__PURE__ */ jsx(Switch, {
-						checked: useTabs,
-						onChange: onUseTabsChange,
-						size: "small"
-					})]
-				}),
-				/* @__PURE__ */ jsxs(Flexbox, {
-					align: "center",
-					gap: 8,
-					horizontal: true,
-					justify: "space-between",
-					children: [/* @__PURE__ */ jsx(Text, { children: t("codemirror.showLineNumbers") }), /* @__PURE__ */ jsx(Switch, {
-						checked: showLineNumbers,
-						onChange: onShowLineNumbersChange,
-						size: "small"
-					})]
-				})
-			]
-		}),
-		placement: "bottomRight",
-		trigger: "click",
-		children: /* @__PURE__ */ jsx(ActionIcon, {
-			className: "cm-hidden-actions",
-			icon: MoreHorizontalIcon,
-			size: "small"
-		})
-	});
-};
-MoreOptions.displayName = "MoreOptions";
-//#endregion
-//#region src/plugins/codemirror-block/react/components/Toolbar.tsx
-const Toolbar = ({ selectedLang, onLanguageChange, onCopy, tabSize, onTabSizeChange, useTabs, onUseTabsChange, showLineNumbers, onShowLineNumbersChange, onClick, expand, toggleExpand }) => {
-	return /* @__PURE__ */ jsxs(Flexbox, {
-		align: "center",
-		className: "cm-header-toolbar",
-		horizontal: true,
-		justify: "space-between",
-		onClick,
-		padding: 4,
-		children: [/* @__PURE__ */ jsx(LanguageSelect, {
-			onLanguageChange,
-			selectedLang
-		}), /* @__PURE__ */ jsxs(Flexbox, {
-			gap: 4,
-			horizontal: true,
-			onClick: (e) => e.stopPropagation(),
-			children: [
-				/* @__PURE__ */ jsx(MoreOptions, {
-					onShowLineNumbersChange,
-					onTabSizeChange,
-					onUseTabsChange,
-					showLineNumbers,
-					tabSize,
-					useTabs
-				}),
-				/* @__PURE__ */ jsx(CopyButton, { onCopy }),
-				/* @__PURE__ */ jsx(ActionIcon, {
-					icon: expand ? ChevronDown : ChevronRight,
-					onClick: toggleExpand,
-					size: "small"
-				})
-			]
-		})]
-	});
-};
-Toolbar.displayName = "Toolbar";
-//#endregion
-//#region src/plugins/codemirror-block/react/style.ts
-const styles$8 = createStaticStyles(({ css, cssVar }) => css`
-    cursor: pointer;
-
-    position: relative;
-
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    width: 100%;
-    margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
-    border-radius: var(--lobe-markdown-border-radius);
-
-    background: ${cssVar.colorFillQuaternary};
-
-    .cm-hidden-actions {
-      opacity: 0;
-      transition: opacity 0.2s ease-in-out;
-    }
-
-    .cm-language-select {
-      opacity: 0.5;
-      filter: grayscale(100%);
-      transition:
-        opacity,
-        grayscale 0.2s ease-in-out;
-    }
-
-    &.selected {
-      user-select: none;
-    }
-
-    &.selected::after {
-      pointer-events: none;
-      content: '';
-
-      position: absolute;
-      z-index: 10;
-      inset: 0;
-
-      width: 100%;
-      height: 100%;
-
-      opacity: 0.2;
-      background: ${cssVar.yellow};
-
-      transition: all 0.3s;
-    }
-
-    .cm-container {
-      position: relative;
-      width: 100%;
-      border-block-start: 1px solid ${cssVar.colorFillQuaternary};
-    }
-
-    .cm-container-collapsed {
-      overflow: hidden;
-      height: 0;
-      border-block-start: none;
-    }
-
-    .cm-textarea {
-      height: 44px;
-      opacity: 0;
-    }
-
-    &:hover {
-      .cm-hidden-actions {
-        opacity: 1;
-      }
-
-      .cm-language-select {
-        opacity: 1;
-        filter: grayscale(0);
-      }
-    }
-  `);
-//#endregion
 //#region src/plugins/codemirror-block/react/CodemirrorNode.tsx
 const ReactCodemirrorNode = ({ node, className, editor }) => {
 	const ref = useRef(null);
@@ -5026,11 +4106,15 @@ const ReactCodemirrorNode = ({ node, className, editor }) => {
 			const code = instanceRef.current.getValue();
 			try {
 				await navigator.clipboard.writeText(code);
-			} catch {
-				message.error(t("codemirror.copyFailed"));
-			}
+			} catch {}
 		}
-	}, [t]);
+	}, []);
+	const labels = useMemo(() => ({
+		selectLanguage: t("codemirror.selectLanguage"),
+		showLineNumbers: t("codemirror.showLineNumbers"),
+		tabSize: t("codemirror.tabSize"),
+		useTabs: t("codemirror.useTabs")
+	}), [t]);
 	const handleLanguageChange = useCallback((value) => {
 		setSelectedLang(value);
 		if (instanceRef.current) instanceRef.current.setOption("mode", value);
@@ -5177,13 +4261,14 @@ const ReactCodemirrorNode = ({ node, className, editor }) => {
 		setSelected
 	]);
 	return /* @__PURE__ */ jsxs(Block, {
-		className: cx(styles$8, isSelected && !isNodeSelected && "selected", className),
+		className: cx(styles$14, isSelected && !isNodeSelected && "selected", className),
 		onMouseDown: (e) => e.stopPropagation(),
 		onMouseUp: (e) => e.stopPropagation(),
 		onSelect: (e) => e.stopPropagation(),
 		variant: "filled",
 		children: [/* @__PURE__ */ jsx(Toolbar, {
 			expand,
+			labels,
 			onClick: () => setExpand(!expand),
 			onCopy: handleCopy,
 			onLanguageChange: handleLanguageChange,
@@ -5766,7 +4851,7 @@ const ReactFilePlugin = ({ className, locale, handleUpload, markdownWriter, them
 				throw new Error("No upload handler provided");
 			},
 			markdownWriter,
-			theme: theme || styles$16
+			theme: theme || styles$15
 		});
 	}, [editor]);
 	return null;
@@ -6730,7 +5815,7 @@ const ReactImagePlugin = ({ theme, className, defaultBlockImage, handleUpload, n
 					onPickFile
 				});
 			},
-			theme: theme || styles$17
+			theme: theme || styles$16
 		});
 	}, []);
 	return null;
@@ -7339,9 +6424,9 @@ const ReactListPlugin = ({ enableHotkey = true }) => {
 		editor.registerPlugin(MarkdownPlugin);
 		editor.registerPlugin(ListPlugin, {
 			enableHotkey,
-			theme: styles$18
+			theme: styles$17
 		});
-	}, [enableHotkey, styles$18]);
+	}, [enableHotkey, styles$17]);
 	return null;
 };
 ReactListPlugin.displayName = "ReactListPlugin";
@@ -7586,7 +6671,7 @@ const MathEditorContainer = memo(({ children, isBlockMode, mathDOM, onFocus, pre
 	return /* @__PURE__ */ jsx(Popover, {
 		arrow: false,
 		content: /* @__PURE__ */ jsx(Flexbox, {
-			className: styles$19.mathEditor,
+			className: styles$18.mathEditor,
 			"data-math-editor-container": true,
 			style: blockWidth ? { width: blockWidth } : void 0,
 			children
@@ -7598,7 +6683,7 @@ const MathEditorContainer = memo(({ children, isBlockMode, mathDOM, onFocus, pre
 			padding: 0
 		} },
 		children: /* @__PURE__ */ jsx("span", {
-			className: styles$19.mathEditorAnchor,
+			className: styles$18.mathEditorAnchor,
 			onClick: handleAnchorClick,
 			ref: anchorRef
 		})
@@ -7682,7 +6767,7 @@ const MathEditorContent = memo(({ focusRef, mathNode, onArrowLeft, onArrowRight,
 				maxRows: 6,
 				minRows: 1
 			},
-			className: styles$19.mathEditorTextArea,
+			className: styles$18.mathEditorTextArea,
 			onChange: (e) => {
 				onValueChange(e.target.value);
 			},
@@ -7694,7 +6779,7 @@ const MathEditorContent = memo(({ focusRef, mathNode, onArrowLeft, onArrowRight,
 			variant: "borderless"
 		}),
 		latexError && /* @__PURE__ */ jsx(Flexbox, {
-			className: styles$19.mathEditorFooter,
+			className: styles$18.mathEditorFooter,
 			horizontal: true,
 			paddingBlock: 4,
 			paddingInline: 12,
@@ -7706,7 +6791,7 @@ const MathEditorContent = memo(({ focusRef, mathNode, onArrowLeft, onArrowRight,
 			})
 		}),
 		/* @__PURE__ */ jsx(Flexbox, {
-			className: styles$19.mathEditorFooter,
+			className: styles$18.mathEditorFooter,
 			horizontal: true,
 			justify: "flex-end",
 			padding: 4,
@@ -7920,7 +7005,7 @@ const Placeholder = ({ mathBlock }) => {
 	const t = useTranslation();
 	const node = /* @__PURE__ */ jsx(Text, {
 		as: "span",
-		className: cx("katex", styles$19.mathPlaceholder),
+		className: cx("katex", styles$18.mathPlaceholder),
 		fontSize: mathBlock ? "1.2em" : "1em",
 		type: "secondary",
 		children: t("math.placeholder")
@@ -8021,13 +7106,13 @@ const ReactMathPlugin = ({ className, renderComp, theme }) => {
 					node
 				});
 			},
-			theme: theme || styles$19
+			theme: theme || styles$18
 		});
 	}, [
 		editor,
 		className,
 		theme,
-		styles$19
+		styles$18
 	]);
 	return /* @__PURE__ */ jsx(MathEdit, { renderComp });
 };
@@ -8900,7 +7985,7 @@ const ReactTablePlugin = ({ className, locale }) => {
 	}, []);
 	useLayoutEffect(() => {
 		if (locale) editor.registerLocale(locale);
-		editor.registerPlugin(TablePlugin, { theme: cx(styles$20, className) });
+		editor.registerPlugin(TablePlugin, { theme: cx(styles$19, className) });
 	}, []);
 	useLexicalEditor((editor) => {
 		setLexicalEditor(editor);