@univerjs/sheets-formula-ui 1.0.0-alpha.2 → 1.0.0-alpha.4

package/lib/es/index.js

@@ -1,5 +1,5 @@
-import { AbsoluteRefType, BuildTextUtils, CellValueType, ColorKit, CommandType, DEFAULT_EMPTY_DOCUMENT_VALUE, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Direction, Disposable, DisposableCollection, DocumentFlavor, EDITOR_ACTIVATED, HorizontalAlign, ICommandService, IConfigService, IContextService, ILogService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, LocaleService, ObjectMatrix, Plugin, RANGE_TYPE, Range, Rectangle, RichTextBuilder, RxDisposable, ThemeService, Tools, UniverInstanceType, VerticalAlign, createIdentifier, createInternalEditorID, generateRandomId, getBodySlice, getCellValueType, getEmptyCell, isFormulaId, isFormulaString, isICellData, isRealNum, merge, noop, registerDependencies, toDisposable, touchDependencies } from "@univerjs/core";
-import { BaseSelectionRenderService, COPY_SPECIAL_MENU_ID, COPY_TYPE, CellAlertManagerService, CellAlertType, EMBEDDING_FORMULA_EDITOR, EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY, ExpandSelectionCommand, HoverManagerService, IEditorBridgeService, IMarkSelectionService, ISheetClipboardService, JumpOver, MoveSelectionCommand, PASTE_SPECIAL_MENU_ID, PREDEFINED_HOOK_NAME_COPY, PREDEFINED_HOOK_NAME_PASTE, RANGE_SELECTOR_COMPONENT_KEY, SELECTION_SHAPE_DEPTH, SelectionControl, SetCellEditVisibleOperation, SheetPasteCommand, SheetSkeletonManagerService, SheetsUIPart, checkInHeaderRanges, genNormalSelectionStyle, getAllSelection, getCoordByOffset, getCurrentRangeDisable$, getSheetObject, menuClipboardDisabledObservable, useActiveWorkbook, whenSheetEditorActivated, whenSheetEditorFocused } from "@univerjs/sheets-ui";
+import { AbsoluteRefType, BuildTextUtils, CellValueType, ColorKit, CommandType, DEFAULT_EMPTY_DOCUMENT_VALUE, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Direction, Disposable, DisposableCollection, DocumentFlavor, EDITOR_ACTIVATED, FOCUSING_FX_BAR_EDITOR, HorizontalAlign, ICommandService, IConfigService, IContextService, ILogService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, LocaleService, ObjectMatrix, Plugin, RANGE_TYPE, Range, Rectangle, RichTextBuilder, RxDisposable, ThemeService, Tools, UniverInstanceType, VerticalAlign, createIdentifier, createInternalEditorID, generateRandomId, getCellValueType, getEmptyCell, isFormulaId, isFormulaString, isICellData, isRealNum, merge, noop, registerDependencies, toDisposable, touchDependencies } from "@univerjs/core";
+import { BaseSelectionRenderService, COPY_SPECIAL_MENU_ID, COPY_TYPE, CellAlertManagerService, CellAlertType, EMBEDDING_FORMULA_EDITOR, EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY, ExpandSelectionCommand, HoverManagerService, IEditorBridgeService, IMarkSelectionService, ISheetClipboardService, ISheetSelectionRenderService, JumpOver, MoveSelectionCommand, PASTE_SPECIAL_MENU_ID, PREDEFINED_HOOK_NAME_COPY, PREDEFINED_HOOK_NAME_PASTE, RANGE_SELECTOR_COMPONENT_KEY, SELECTION_SHAPE_DEPTH, SelectionControl, SetCellEditVisibleOperation, SheetPasteCommand, SheetSkeletonManagerService, SheetsUIPart, checkInHeaderRanges, genNormalSelectionStyle, getAllSelection, getCoordByOffset, getCurrentRangeDisable$, getSheetObject, menuClipboardDisabledObservable, useActiveWorkbook, whenSheetEditorActivated, whenSheetEditorFocused } from "@univerjs/sheets-ui";
 import { ErrorType, FormulaDataModel, FunctionType, LexerTreeBuilder, SetArrayFormulaDataMutation, SetFormulaCalculationResultMutation, SetFormulaCalculationStopMutation, deserializeRangeWithSheet, deserializeRangeWithSheetWithCache, extractFormulaError, generateStringWithSequence, getAbsoluteRefTypeWithSingleString, handleRefStringInfo, isFormulaLexerToken, matchRefDrawToken, matchToken, operatorToken, sequenceNodeType, serializeRange, serializeRangeToRefString, serializeRangeWithSheet, serializeRangeWithSpreadsheet } from "@univerjs/engine-formula";
 import { BehaviorSubject, Subject, combineLatestWith, debounceTime, distinctUntilChanged, filter, map, merge as merge$1, throttleTime } from "rxjs";
 import { DocBackScrollRenderController, DocSelectionRenderService, IEditorService, MoveCursorOperation, MoveSelectionOperation, ReplaceTextRunsCommand, RichTextEditor, createEditorUndoRedoKeyboardConfig, useKeyboardEvent, useResize } from "@univerjs/docs-ui";
@@ -8,8 +8,8 @@ import { BEFORE_CELL_EDIT, INTERCEPTOR_POINT, IRefSelectionsService, REF_SELECTI
 import { IDescriptionService, ImageFormulaCellInterceptorController, InsertFunctionCommand, PLUGIN_CONFIG_KEY_BASE, QuickSumCommand, TriggerCalculationController, UniverSheetsFormulaPlugin } from "@univerjs/sheets-formula";
 import { BuiltInUIPart, ComponentManager, IContextMenuService, IMenuManagerService, IShortcutService, ISidebarService, IUIPartsService, IconManager, KeyCode, MenuItemType, MetaKeys, ProgressBar, RectPopup, RibbonFormulasGroup, connectInjector, getMenuHiddenObservable, useDependency, useEvent, useObservable, useUpdateEffect } from "@univerjs/ui";
 import { DocSelectionManagerService } from "@univerjs/docs";
-import { CheckMarkIcon, CloseIcon, DeleteIcon, FunctionIcon, IncreaseIcon, MoreRightIcon, SelectRangeIcon } from "@univerjs/icons";
-import { Button, Dialog, Input, Select, Tooltip, borderClassName, borderLeftClassName, borderTopClassName, clsx, scrollbarClassName } from "@univerjs/design";
+import { CheckMarkIcon, CloseIcon, DatabaseFunctionIcon, DateFunctionIcon, DeleteIcon, EngineeringFunctionIcon, FinancialFunctionIcon, FunctionIcon, IncreaseIcon, InformationFunctionIcon, LogicalFunctionIcon, LookupFunctionIcon, MathFunctionIcon, MoreRightIcon, SelectRangeIcon, StatisticalFunctionIcon, TextFunctionIcon } from "@univerjs/icons";
+import { Button, Dialog, Input, Select, Tooltip, borderClassName, borderLeftClassName, borderTopClassName, clsx, divideYClassName, scrollbarClassName } from "@univerjs/design";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { debounceTime as debounceTime$1 } from "rxjs/operators";
@@ -777,10 +777,192 @@ FormulaReorderController = __decorate([
 	__decorateParam(3, Inject(LexerTreeBuilder))
 ], FormulaReorderController);
 
+//#endregion
+//#region src/menu/menu.ts
+function InsertCommonFunctionMenuItemFactory(accessor) {
+	const commonFunctions = [
+		"SUMIF",
+		"SUM",
+		"AVERAGE",
+		"IF",
+		"COUNT",
+		"SIN",
+		"MAX"
+	];
+	let selections = commonFunctions.map((name) => ({
+		label: {
+			name,
+			selectable: false
+		},
+		value: name
+	}));
+	try {
+		const descriptionService = accessor.get(IDescriptionService);
+		const filtered = commonFunctions.filter((name) => Boolean(descriptionService.getFunctionInfo(name)));
+		if (filtered.length > 0) selections = filtered.map((name) => ({
+			label: {
+				name,
+				selectable: false
+			},
+			value: name
+		}));
+	} catch {}
+	return {
+		id: `${InsertFunctionOperation.id}.common`,
+		commandId: InsertFunctionOperation.id,
+		title: "sheets-formula-ui.insert.common",
+		tooltip: "sheets-formula-ui.insert.tooltip",
+		icon: "FunctionIcon",
+		type: MenuItemType.SELECTOR,
+		selections,
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
+	};
+}
+function createInsertFunctionCategoryMenuItemFactory(functionType, categoryKey, icon) {
+	return function insertFunctionCategoryMenuItemFactory(accessor) {
+		let selections = [];
+		try {
+			selections = accessor.get(IDescriptionService).getSearchListByType(functionType).map(({ name }) => ({
+				label: {
+					name,
+					selectable: false
+				},
+				value: name
+			}));
+		} catch {
+			selections = [];
+		}
+		const localeKey = `sheets-formula-ui.functionType.${categoryKey}`;
+		return {
+			id: `${InsertFunctionOperation.id}.${categoryKey}`,
+			commandId: InsertFunctionOperation.id,
+			title: localeKey,
+			tooltip: localeKey,
+			icon,
+			type: MenuItemType.SELECTOR,
+			selections,
+			hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
+		};
+	};
+}
+const InsertFinancialFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Financial, "financial", "FinancialFunctionIcon");
+const InsertLogicalFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Logical, "logical", "LogicalFunctionIcon");
+const InsertTextFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Text, "text", "TextFunctionIcon");
+const InsertDateFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Date, "date", "DateFunctionIcon");
+const InsertLookupFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Lookup, "lookup", "LookupFunctionIcon");
+const InsertMathFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Math, "math", "MathFunctionIcon");
+const InsertStatisticalFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Statistical, "statistical", "StatisticalFunctionIcon");
+const InsertEngineeringFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Engineering, "engineering", "EngineeringFunctionIcon");
+const InsertInformationFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Information, "information", "InformationFunctionIcon");
+const InsertDatabaseFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Database, "database", "DatabaseFunctionIcon");
+function AllFunctionsMenuItemFactory(accessor) {
+	return {
+		id: MoreFunctionsOperation.id,
+		title: "sheets-formula-ui.moreFunctions.allFunctions",
+		tooltip: "sheets-formula-ui.insert.tooltip",
+		type: MenuItemType.BUTTON,
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetEditPermission, WorksheetSetCellValuePermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function CopyFormulaOnlyMenuItemFactory(accessor) {
+	return {
+		id: SheetCopyFormulaOnlyCommand.id,
+		type: MenuItemType.BUTTON,
+		title: "sheets-formula-ui.operation.copyFormulaOnly",
+		disabled$: getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookCopyPermission],
+			worksheetTypes: [WorksheetCopyPermission],
+			rangeTypes: [RangeProtectionPermissionViewPoint]
+		}),
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
+	};
+}
+function PasteFormulaMenuItemFactory(accessor) {
+	return {
+		id: SheetOnlyPasteFormulaCommand.id,
+		type: MenuItemType.BUTTON,
+		title: "sheets-formula-ui.operation.pasteFormula",
+		disabled$: menuClipboardDisabledObservable(accessor).pipe(combineLatestWith(getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint],
+			worksheetTypes: [WorksheetSetCellValuePermission, WorksheetEditPermission]
+		})), map(([d1, d2]) => d1 || d2)),
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
+	};
+}
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = {
+	[RibbonFormulasGroup.BASIC]: {
+		[`${InsertFunctionOperation.id}.common`]: {
+			order: 0,
+			menuItemFactory: InsertCommonFunctionMenuItemFactory,
+			[MoreFunctionsOperation.id]: {
+				order: 0,
+				menuItemFactory: AllFunctionsMenuItemFactory
+			}
+		},
+		[`${InsertFunctionOperation.id}.financial`]: {
+			order: 1,
+			menuItemFactory: InsertFinancialFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.logical`]: {
+			order: 2,
+			menuItemFactory: InsertLogicalFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.text`]: {
+			order: 3,
+			menuItemFactory: InsertTextFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.date`]: {
+			order: 4,
+			menuItemFactory: InsertDateFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.lookup`]: {
+			order: 5,
+			menuItemFactory: InsertLookupFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.math`]: {
+			order: 6,
+			menuItemFactory: InsertMathFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.statistical`]: {
+			order: 7,
+			menuItemFactory: InsertStatisticalFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.engineering`]: {
+			order: 8,
+			menuItemFactory: InsertEngineeringFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.information`]: {
+			order: 9,
+			menuItemFactory: InsertInformationFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.database`]: {
+			order: 10,
+			menuItemFactory: InsertDatabaseFunctionMenuItemFactory
+		}
+	},
+	[COPY_SPECIAL_MENU_ID]: { [SheetCopyFormulaOnlyCommand.id]: {
+		order: 0,
+		menuItemFactory: CopyFormulaOnlyMenuItemFactory
+	} },
+	[PASTE_SPECIAL_MENU_ID]: { [SheetOnlyPasteFormulaCommand.id]: {
+		order: 4,
+		menuItemFactory: PasteFormulaMenuItemFactory
+	} }
+};
+
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-formula-ui";
-var version = "1.0.0-alpha.2";
+var version = "1.0.0-alpha.4";
 
 //#endregion
 //#region src/config/config.ts
@@ -825,6 +1007,112 @@ const findRefSequenceIndex = (sequenceNode, targetIndex) => {
 	return result;
 };
 
+//#endregion
+//#region src/views/formula-editor/formula-embed-integration.service.ts
+const FORMULA_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE = "data-embed-interaction-boundary-owner";
+const FORMULA_EMBED_ID_ATTRIBUTE = "data-embed-id";
+const FORMULA_EMBED_HOST_UNIT_ID_ATTRIBUTE = "data-embed-host-unit-id";
+const FORMULA_EMBED_CHILD_UNIT_ID_ATTRIBUTE = "data-embed-child-unit-id";
+const IFormulaEmbedRuntimeFocusCoordinator = createIdentifier("sheets-formula-ui.embed-runtime-focus-coordinator");
+const IFormulaEmbedInteractionBoundaryService = createIdentifier("sheets-formula-ui.embed-interaction-boundary.service");
+function registerFormulaEditorRuntimePortal(options) {
+	var _options$ownerDocumen;
+	const ownerDocument = (_options$ownerDocumen = options.ownerDocument) !== null && _options$ownerDocumen !== void 0 ? _options$ownerDocumen : typeof document === "undefined" ? void 0 : document;
+	if (!ownerDocument) return toDisposable(() => {});
+	const collection = new DisposableCollection();
+	const view = ownerDocument.defaultView;
+	const frameHandles = [];
+	let observer;
+	let portalRegistration;
+	let registeredPortalRoot = null;
+	let disposed = false;
+	const tryRegister = () => {
+		if (disposed) return;
+		const portalRoot = resolveFormulaEditorPortalRoot(options.editorId, ownerDocument);
+		if (portalRoot === registeredPortalRoot) return;
+		portalRegistration === null || portalRegistration === void 0 || portalRegistration.dispose();
+		portalRegistration = void 0;
+		registeredPortalRoot = null;
+		if (!portalRoot) return;
+		registeredPortalRoot = portalRoot;
+		portalRegistration = registerFormulaEditorPortalRoot(options, ownerDocument, portalRoot);
+	};
+	const scheduleRetry = (remaining) => {
+		if (remaining <= 0 || !(view === null || view === void 0 ? void 0 : view.requestAnimationFrame)) return;
+		const handle = view.requestAnimationFrame(() => {
+			const index = frameHandles.indexOf(handle);
+			if (index >= 0) frameHandles.splice(index, 1);
+			tryRegister();
+			if (!registeredPortalRoot) scheduleRetry(remaining - 1);
+		});
+		frameHandles.push(handle);
+	};
+	tryRegister();
+	if (!registeredPortalRoot) scheduleRetry(2);
+	if ((view === null || view === void 0 ? void 0 : view.MutationObserver) && ownerDocument.body) {
+		observer = new view.MutationObserver(() => tryRegister());
+		observer.observe(ownerDocument.body, {
+			childList: true,
+			subtree: true
+		});
+	}
+	collection.add(toDisposable(() => {
+		disposed = true;
+		frameHandles.forEach((handle) => {
+			var _view$cancelAnimation;
+			return view === null || view === void 0 || (_view$cancelAnimation = view.cancelAnimationFrame) === null || _view$cancelAnimation === void 0 ? void 0 : _view$cancelAnimation.call(view, handle);
+		});
+		frameHandles.length = 0;
+		observer === null || observer === void 0 || observer.disconnect();
+		observer = void 0;
+		portalRegistration === null || portalRegistration === void 0 || portalRegistration.dispose();
+		portalRegistration = void 0;
+		registeredPortalRoot = null;
+	}));
+	return collection;
+}
+function resolveFormulaEditorPortalRoot(editorId, ownerDocument) {
+	var _ref;
+	return (_ref = ownerDocument.getElementById(`univer-doc-selection-container-${editorId}`)) !== null && _ref !== void 0 ? _ref : ownerDocument.getElementById(`__editor_${editorId}`);
+}
+function registerFormulaEditorPortalRoot(options, ownerDocument, portalRoot) {
+	const collection = new DisposableCollection();
+	const editorElement = ownerDocument.getElementById(`__editor_${options.editorId}`);
+	(editorElement && editorElement !== portalRoot ? [portalRoot, editorElement] : [portalRoot]).forEach((element) => {
+		if (options.interactionBoundaryService) collection.add(options.interactionBoundaryService.registerOwnedElement(options.embedId, element));
+		if (options.focusCoordinator) collection.add(options.focusCoordinator.registerElement({
+			embedId: options.embedId,
+			role: "child-editor",
+			element
+		}));
+	});
+	return collection;
+}
+function resolveFormulaEmbedRuntimeDomScope(root) {
+	var _scopeElement$getAttr, _scopeElement$getAttr2;
+	const scopeElement = root === null || root === void 0 ? void 0 : root.closest(`[${FORMULA_EMBED_ID_ATTRIBUTE}]`);
+	const embedId = scopeElement === null || scopeElement === void 0 ? void 0 : scopeElement.getAttribute(FORMULA_EMBED_ID_ATTRIBUTE);
+	if (!scopeElement || !embedId) return;
+	return {
+		embedId,
+		hostUnitId: (_scopeElement$getAttr = scopeElement.getAttribute("data-embed-host-unit-id")) !== null && _scopeElement$getAttr !== void 0 ? _scopeElement$getAttr : void 0,
+		childUnitId: (_scopeElement$getAttr2 = scopeElement.getAttribute("data-embed-child-unit-id")) !== null && _scopeElement$getAttr2 !== void 0 ? _scopeElement$getAttr2 : void 0
+	};
+}
+function resolveActiveFormulaEmbedRuntimeDomScope(ownerDocument) {
+	const activeElement = ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.activeElement;
+	return activeElement instanceof HTMLElement ? resolveFormulaEmbedRuntimeDomScope(activeElement) : void 0;
+}
+function isEventTargetInSameFormulaEmbedInteractionBoundary(left, right) {
+	const leftOwner = resolveFormulaEmbedInteractionOwnerId(left);
+	return Boolean(leftOwner && leftOwner === resolveFormulaEmbedInteractionOwnerId(right));
+}
+function resolveFormulaEmbedInteractionOwnerId(target) {
+	var _target$closest$getAt, _target$closest;
+	if (!(target instanceof Element)) return;
+	return (_target$closest$getAt = (_target$closest = target.closest(`[${"data-embed-interaction-boundary-owner"}]`)) === null || _target$closest === void 0 ? void 0 : _target$closest.getAttribute("data-embed-interaction-boundary-owner")) !== null && _target$closest$getAt !== void 0 ? _target$closest$getAt : void 0;
+}
+
 //#endregion
 //#region src/services/utils.ts
 function getFunctionTypeValues(localeService, customFormula) {
@@ -1064,16 +1352,19 @@ const HelpHiddenTip = ({ onClick }) => {
 
 //#endregion
 //#region src/views/formula-editor/help-function/HelpFunction.tsx
-const Params = ({ className, title, value }) => /* @__PURE__ */ jsxs("div", {
-	className: "univer-my-2",
-	children: [/* @__PURE__ */ jsx("div", {
-		className: clsx("univer-mb-2 univer-text-sm univer-font-medium univer-text-gray-900 dark:!univer-text-white", className),
-		children: title
-	}), /* @__PURE__ */ jsx("div", {
-		className: "univer-whitespace-pre-wrap univer-break-words univer-text-xs univer-text-gray-500",
-		children: value
-	})]
-});
+const Params = ({ className, title, titleKey, value }) => {
+	const localeService = useDependency(LocaleService);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "univer-my-2",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: clsx("univer-mb-2 univer-text-sm univer-font-medium univer-text-gray-900 dark:!univer-text-white", className),
+			children: titleKey ? localeService.t(titleKey) : title
+		}), /* @__PURE__ */ jsx("div", {
+			className: "univer-whitespace-pre-wrap univer-break-words univer-text-xs univer-text-gray-500",
+			children: value
+		})]
+	});
+};
 const Help = (props) => {
 	const { prefix, value, active, onClick } = props;
 	return /* @__PURE__ */ jsxs("div", { children: [
@@ -1149,11 +1440,11 @@ function HelpFunction(props) {
 					className: "univer-mt-3",
 					children: [
 						/* @__PURE__ */ jsx(Params, {
-							title: localeService.t("sheets-formula-ui.prompt.helpExample"),
+							titleKey: "sheets-formula-ui.prompt.helpExample",
 							value: `${functionInfo.functionName}(${functionInfo.functionParameter.map((item) => item.example).join(",")})`
 						}),
 						/* @__PURE__ */ jsx(Params, {
-							title: localeService.t("sheets-formula-ui.prompt.helpAbstract"),
+							titleKey: "sheets-formula-ui.prompt.helpAbstract",
 							value: functionInfo.description
 						}),
 						functionInfo && functionInfo.functionParameter && functionInfo.functionParameter.map((item, i) => /* @__PURE__ */ jsx(Params, {
@@ -1170,26 +1461,47 @@ function HelpFunction(props) {
 
 //#endregion
 //#region src/views/formula-editor/hooks/use-focus.ts
+function focusFormulaEditor(editorService, editor, offset) {
+	if (!editor) return;
+	editorService.focus(editor.getEditorId());
+	focusFormulaEditorElement(editor);
+	if (editor.docSelectionRenderService.isOnPointerEvent) return;
+	const selections = [...editor.getSelectionRanges()];
+	if (Tools.isDefine(offset)) editor.setSelectionRanges([{
+		startOffset: offset,
+		endOffset: offset
+	}]);
+	else if (!selections.length) {
+		var _editor$getDocumentDa, _editor$getDocumentDa2;
+		const body = (_editor$getDocumentDa = (_editor$getDocumentDa2 = editor.getDocumentData().body) === null || _editor$getDocumentDa2 === void 0 ? void 0 : _editor$getDocumentDa2.dataStream) !== null && _editor$getDocumentDa !== void 0 ? _editor$getDocumentDa : "\r\n";
+		const offset = Math.max(body.length - 2, 0);
+		editor.setSelectionRanges([{
+			startOffset: offset,
+			endOffset: offset
+		}]);
+	} else editor.setSelectionRanges(selections);
+}
+function focusFormulaEditorElement(editor) {
+	var _editor$editorDOM$own, _editor$editorDOM;
+	const editorElement = ((_editor$editorDOM$own = (_editor$editorDOM = editor.editorDOM) === null || _editor$editorDOM === void 0 ? void 0 : _editor$editorDOM.ownerDocument) !== null && _editor$editorDOM$own !== void 0 ? _editor$editorDOM$own : document).getElementById(`__editor_${editor.getEditorId()}`);
+	editorElement === null || editorElement === void 0 || editorElement.focus({ preventScroll: true });
+}
+function shouldSkipFormulaEditorMouseUpFocus(_target) {
+	return false;
+}
+function shouldRefocusFormulaEditorOnMouseUp(options) {
+	if (shouldSkipFormulaEditorMouseUpFocus(options.target)) return false;
+	if (options.isPointerSelecting || options.isFocusing) return false;
+	return true;
+}
+function hasActiveFormulaEmbedInteraction(scopeElement) {
+	const ownerDocument = scopeElement === null || scopeElement === void 0 ? void 0 : scopeElement.ownerDocument;
+	return isEventTargetInSameFormulaEmbedInteractionBoundary(scopeElement, ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.activeElement);
+}
 const useFocus = (editor) => {
 	const editorService = useDependency(IEditorService);
 	return useEvent((offset) => {
-		if (editor) {
-			editorService.focus(editor.getEditorId());
-			const selections = [...editor.getSelectionRanges()];
-			if (Tools.isDefine(offset)) editor.setSelectionRanges([{
-				startOffset: offset,
-				endOffset: offset
-			}]);
-			else if (!selections.length && !editor.docSelectionRenderService.isOnPointerEvent) {
-				var _editor$getDocumentDa, _editor$getDocumentDa2;
-				const body = (_editor$getDocumentDa = (_editor$getDocumentDa2 = editor.getDocumentData().body) === null || _editor$getDocumentDa2 === void 0 ? void 0 : _editor$getDocumentDa2.dataStream) !== null && _editor$getDocumentDa !== void 0 ? _editor$getDocumentDa : "\r\n";
-				const offset = Math.max(body.length - 2, 0);
-				editor.setSelectionRanges([{
-					startOffset: offset,
-					endOffset: offset
-				}]);
-			} else editor.setSelectionRanges(selections);
-		}
+		focusFormulaEditor(editorService, editor, offset);
 	});
 };
 
@@ -1538,9 +1850,16 @@ function getDefaultRefSelectionStyle(themeService) {
 
 //#endregion
 //#region src/views/formula-editor/hooks/use-formula-selection.ts
-function getCurrentBodyDataStreamAndOffset(accssor) {
-	var _documentModel$getBod, _documentModel$getBod2;
-	const documentModel = accssor.get(IUniverInstanceService).getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
+function resolveFormulaSelectionDataStream(accssor, editor, editorId) {
+	var _editor$getDocumentDa, _documentModel$getBod, _documentModel$getBod2;
+	const editorDataStream = editor === null || editor === void 0 || (_editor$getDocumentDa = editor.getDocumentData().body) === null || _editor$getDocumentDa === void 0 ? void 0 : _editor$getDocumentDa.dataStream;
+	if (editorDataStream != null) return {
+		dataStream: editorDataStream,
+		offset: 0
+	};
+	const univerInstanceService = accssor.get(IUniverInstanceService);
+	const editorDocumentModel = editorId ? univerInstanceService.getUnit(editorId, UniverInstanceType.UNIVER_DOC) : void 0;
+	const documentModel = editorDocumentModel !== null && editorDocumentModel !== void 0 ? editorDocumentModel : univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 	if (!(documentModel === null || documentModel === void 0 ? void 0 : documentModel.getBody())) return;
 	return {
 		dataStream: (_documentModel$getBod = (_documentModel$getBod2 = documentModel.getBody()) === null || _documentModel$getBod2 === void 0 ? void 0 : _documentModel$getBod2.dataStream) !== null && _documentModel$getBod !== void 0 ? _documentModel$getBod : "",
@@ -1550,9 +1869,36 @@ function getCurrentBodyDataStreamAndOffset(accssor) {
 function shouldSkipReferenceEditingByPointer(isDisabledByPointer, disableOnClick) {
 	return isDisabledByPointer && !disableOnClick;
 }
+function resolveFormulaSelectionWorkbook(currentWorkbook, fallbackWorkbook) {
+	var _ref;
+	return (_ref = currentWorkbook !== null && currentWorkbook !== void 0 ? currentWorkbook : fallbackWorkbook) !== null && _ref !== void 0 ? _ref : void 0;
+}
+function resolveFormulaSelectionCursorIndex(activeRange, dataStream) {
+	const index = (activeRange === null || activeRange === void 0 ? void 0 : activeRange.collapsed) ? activeRange.startOffset : -1;
+	if (index <= 0 && dataStream.startsWith("=") && dataStream.length > 0) return dataStream.length;
+	return index;
+}
+function getSelectionAfterLaggingFormulaInput(dataStream, selection, content) {
+	if (!content || content.includes("\r") || content.includes("\n") || !dataStream.startsWith("=") || !(selection === null || selection === void 0 ? void 0 : selection.collapsed)) return;
+	const startOffset = selection.startOffset;
+	if (startOffset == null) return;
+	if (selection.endOffset !== startOffset) return;
+	if (dataStream.slice(startOffset, startOffset + content.length) !== content) return;
+	const nextOffset = startOffset + content.length;
+	return {
+		startOffset: nextOffset,
+		endOffset: nextOffset,
+		collapsed: true
+	};
+}
+function resolveFormulaSelectingIntent(adding, editing) {
+	if (adding) return 1;
+	if (editing) return 2;
+	return 0;
+}
 function useFormulaSelecting(opts) {
 	var _renderer$mainCompone2;
-	const { editorId, isFocus, disableOnClick, unitId, subUnitId } = opts;
+	const { editor, editorId, isFocus, disableOnClick, unitId, subUnitId } = opts;
 	const renderManagerService = useDependency(IRenderManagerService);
 	const univerInstanceService = useDependency(IUniverInstanceService);
 	const sheetRenderer = renderManagerService.getRenderById(unitId);
@@ -1563,6 +1909,7 @@ function useFormulaSelecting(opts) {
 	const [isSelecting, innerSetIsSelecting] = useState(0);
 	const lexerTreeBuilder = useDependency(LexerTreeBuilder);
 	const isDisabledByPointer = useRef(true);
+	const lastInputContentRef = useRef("");
 	const refSelectionsRenderService = sheetRenderer === null || sheetRenderer === void 0 ? void 0 : sheetRenderer.with(RefSelectionsRenderService);
 	const isSelectingRef = useStateRef(isSelecting);
 	const workbook = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
@@ -1573,15 +1920,15 @@ function useFormulaSelecting(opts) {
 		innerSetIsSelecting(v);
 	});
 	const calculateSelectingType = useEvent(() => {
-		var _config$dataStream, _lexerTreeBuilder$seq;
-		const currentWorkbook = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
+		var _editor$getSelectionR, _editor$getSelectionR2, _config$dataStream, _getSelectionAfterLag, _lexerTreeBuilder$seq;
+		const currentWorkbook = resolveFormulaSelectionWorkbook(univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET), workbook);
 		if (!currentWorkbook) return;
 		const currentSheet = currentWorkbook.getActiveSheet();
-		const activeRange = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.getActiveTextRange();
-		const index = (activeRange === null || activeRange === void 0 ? void 0 : activeRange.collapsed) ? activeRange.startOffset : -1;
-		const config = getCurrentBodyDataStreamAndOffset(injector);
+		const activeRange = (_editor$getSelectionR = editor === null || editor === void 0 || (_editor$getSelectionR2 = editor.getSelectionRanges()) === null || _editor$getSelectionR2 === void 0 ? void 0 : _editor$getSelectionR2[0]) !== null && _editor$getSelectionR !== void 0 ? _editor$getSelectionR : docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.getActiveTextRange();
+		const config = resolveFormulaSelectionDataStream(injector, editor, editorId);
 		if (!config) return;
 		const dataStream = config === null || config === void 0 || (_config$dataStream = config.dataStream) === null || _config$dataStream === void 0 ? void 0 : _config$dataStream.slice(0, -2);
+		const index = resolveFormulaSelectionCursorIndex((_getSelectionAfterLag = getSelectionAfterLaggingFormulaInput(dataStream, activeRange, lastInputContentRef.current)) !== null && _getSelectionAfterLag !== void 0 ? _getSelectionAfterLag : activeRange, dataStream);
 		const nodes = ((_lexerTreeBuilder$seq = lexerTreeBuilder.sequenceNodesBuilder(dataStream)) !== null && _lexerTreeBuilder$seq !== void 0 ? _lexerTreeBuilder$seq : []).map((node) => {
 			if (typeof node === "object") {
 				if (node.nodeType === sequenceNodeType.REFERENCE) return {
@@ -1599,21 +1946,22 @@ function useFormulaSelecting(opts) {
 		const nextChar = dataStream[index];
 		const focusingNode = nodes.find((node) => typeof node === "object" && node.nodeType === sequenceNodeType.REFERENCE && index === node.endIndex + 2);
 		const adding = char && matchRefDrawToken(char) && (!nextChar || isFormulaLexerToken(nextChar) && nextChar !== matchToken.OPEN_BRACKET);
-		const editing = Boolean(focusingNode);
-		if ((dataStream === null || dataStream === void 0 ? void 0 : dataStream.substring(0, 1)) === "=" && (adding || editing)) if (editing) {
-			var _univerInstanceServic;
-			if (shouldSkipReferenceEditingByPointer(isDisabledByPointer.current, disableOnClick)) return;
-			isDisabledByPointer.current = false;
-			const { sheetName, unitId } = focusingNode.range;
-			const currentUnitId = (_univerInstanceServic = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET)) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getUnitId();
-			if (unitId && unitId !== currentUnitId) setIsSelecting(4);
-			else if (!sheetName && currentSheet.getSheetId() === (sourceSheet === null || sourceSheet === void 0 ? void 0 : sourceSheet.getSheetId()) || sheetName === currentSheet.getName()) setIsSelecting(2);
-			else setIsSelecting(3);
-		} else {
-			isDisabledByPointer.current = false;
-			setIsSelecting(1);
-		}
-		else setIsSelecting(0);
+		const selectingIntent = resolveFormulaSelectingIntent(Boolean(adding), Boolean(focusingNode));
+		if ((dataStream === null || dataStream === void 0 ? void 0 : dataStream.substring(0, 1)) === "=" && selectingIntent !== 0) {
+			if (selectingIntent === 1) {
+				isDisabledByPointer.current = false;
+				setIsSelecting(1);
+			} else if (focusingNode) {
+				var _resolveFormulaSelect;
+				if (shouldSkipReferenceEditingByPointer(isDisabledByPointer.current, disableOnClick)) return;
+				isDisabledByPointer.current = false;
+				const { sheetName, unitId } = focusingNode.range;
+				const currentUnitId = (_resolveFormulaSelect = resolveFormulaSelectionWorkbook(univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET), workbook)) === null || _resolveFormulaSelect === void 0 ? void 0 : _resolveFormulaSelect.getUnitId();
+				if (unitId && unitId !== currentUnitId) setIsSelecting(4);
+				else if (!sheetName && currentSheet.getSheetId() === (sourceSheet === null || sourceSheet === void 0 ? void 0 : sourceSheet.getSheetId()) || sheetName === currentSheet.getName()) setIsSelecting(2);
+				else setIsSelecting(3);
+			}
+		} else setIsSelecting(0);
 	});
 	useEffect(() => {
 		const sub = docSelectionManagerService.textSelection$.pipe(filter((param) => param.unitId === editorId)).subscribe(() => {
@@ -1625,6 +1973,43 @@ function useFormulaSelecting(opts) {
 		docSelectionManagerService.textSelection$,
 		editorId
 	]);
+	useEffect(() => {
+		if (!isFocus || !editor) return;
+		let timeout;
+		const sub = editor.input$.subscribe(({ content, isComposing }) => {
+			if (!isComposing) lastInputContentRef.current = content;
+			queueMicrotask(() => {
+				calculateSelectingType();
+			});
+			if (timeout) clearTimeout(timeout);
+			timeout = setTimeout(() => {
+				calculateSelectingType();
+				lastInputContentRef.current = "";
+			}, 0);
+		});
+		return () => {
+			if (timeout) clearTimeout(timeout);
+			sub.unsubscribe();
+		};
+	}, [
+		calculateSelectingType,
+		editor,
+		isFocus
+	]);
+	useEffect(() => {
+		var _editorDocumentModel$;
+		if (!isFocus) return;
+		const editorDocumentModel = univerInstanceService.getUnit(editorId, UniverInstanceType.UNIVER_DOC);
+		const sub = editorDocumentModel === null || editorDocumentModel === void 0 || (_editorDocumentModel$ = editorDocumentModel.change$) === null || _editorDocumentModel$ === void 0 ? void 0 : _editorDocumentModel$.subscribe(() => {
+			queueMicrotask(calculateSelectingType);
+		});
+		return () => sub === null || sub === void 0 ? void 0 : sub.unsubscribe();
+	}, [
+		calculateSelectingType,
+		editorId,
+		isFocus,
+		univerInstanceService
+	]);
 	useEffect(() => {
 		if (!isFocus) {
 			setIsSelecting(0);
@@ -1710,10 +2095,7 @@ function calcHighlightRanges(opts) {
 	const workbook = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
 	const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 	const selectionWithStyle = [];
-	if (!workbook || !worksheet) {
-		refSelectionsService.setSelections(selectionWithStyle);
-		return;
-	}
+	if (!workbook || !worksheet) return selectionWithStyle;
 	const currentSheetId = worksheet.getSheetId();
 	const getSheetIdByName = (name) => {
 		var _workbook$getSheetByS;
@@ -1758,6 +2140,7 @@ function calcHighlightRanges(opts) {
 		const cursor = (_editor$getSelectionR = editor.getSelectionRanges()) === null || _editor$getSelectionR === void 0 || (_editor$getSelectionR = _editor$getSelectionR[0]) === null || _editor$getSelectionR === void 0 ? void 0 : _editor$getSelectionR.startOffset;
 		const activeIndex = endIndexes.findIndex((end) => end + 2 === cursor);
 		if (activeIndex !== -1) refSelectionsRenderService === null || refSelectionsRenderService === void 0 || refSelectionsRenderService.setActiveSelectionIndex(activeIndex);
+		else if (selectionWithStyle.length) refSelectionsRenderService === null || refSelectionsRenderService === void 0 || refSelectionsRenderService.setActiveSelectionIndex(selectionWithStyle.length - 1);
 		else refSelectionsRenderService === null || refSelectionsRenderService === void 0 || refSelectionsRenderService.resetActiveSelectionIndex();
 	}
 	return selectionWithStyle;
@@ -1772,14 +2155,25 @@ function useSheetHighlight(unitId, subUnitId) {
 	const themeService = useDependency(ThemeService);
 	const refSelectionsService = useDependency(IRefSelectionsService);
 	const renderManagerService = useDependency(IRenderManagerService);
-	const currentWorkbook = useObservable(useMemo(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), [univerInstanceService]));
-	const currentRender = currentWorkbook ? renderManagerService.getRenderById(currentWorkbook.getUnitId()) : null;
-	const refSelectionsRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(RefSelectionsRenderService);
-	const sheetSkeletonManagerService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(SheetSkeletonManagerService);
-	const highlightSheet = useEvent((refSelections, editor) => {
+	const ownerRender = renderManagerService.getRenderById(unitId);
+	const ownerRefSelectionsRenderService = ownerRender === null || ownerRender === void 0 ? void 0 : ownerRender.with(RefSelectionsRenderService);
+	const getHighlightWorkbook = useEvent((refSelections) => {
+		const ownerWorkbook = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
 		const currentWorkbook = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
+		const currentUnitId = currentWorkbook === null || currentWorkbook === void 0 ? void 0 : currentWorkbook.getUnitId();
+		return Boolean(currentUnitId) && refSelections.some((refSelection) => deserializeRangeWithSheet(refSelection.token).unitId === currentUnitId) ? currentWorkbook : ownerWorkbook !== null && ownerWorkbook !== void 0 ? ownerWorkbook : currentWorkbook;
+	});
+	const highlightSheet = useEvent((refSelections, editor, isEnd = false) => {
+		var _currentWorkbook$getA;
+		const currentWorkbook = getHighlightWorkbook(refSelections);
 		if (!currentWorkbook) return;
-		if (refSelectionsRenderService === null || refSelectionsRenderService === void 0 ? void 0 : refSelectionsRenderService.selectionMoving) return;
+		const currentRender = renderManagerService.getRenderById(currentWorkbook.getUnitId());
+		const refSelectionsRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(RefSelectionsRenderService);
+		const sheetSelectionRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(ISheetSelectionRenderService);
+		const sheetSkeletonManagerService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(SheetSkeletonManagerService);
+		if (!isEnd && (refSelectionsRenderService === null || refSelectionsRenderService === void 0 ? void 0 : refSelectionsRenderService.selectionMoving)) return;
+		const currentSheetId = (_currentWorkbook$getA = currentWorkbook.getActiveSheet()) === null || _currentWorkbook$getA === void 0 ? void 0 : _currentWorkbook$getA.getSheetId();
+		if (!currentSheetId) return;
 		const selectionWithStyle = calcHighlightRanges({
 			unitId,
 			subUnitId,
@@ -1794,13 +2188,14 @@ function useSheetHighlight(unitId, subUnitId) {
 		});
 		if (!selectionWithStyle) return;
 		if (((refSelectionsRenderService === null || refSelectionsRenderService === void 0 ? void 0 : refSelectionsRenderService.getSelectionControls()) || []).length === selectionWithStyle.length) refSelectionsRenderService === null || refSelectionsRenderService === void 0 || refSelectionsRenderService.resetSelectionsByModelData(selectionWithStyle);
-		else refSelectionsService.setSelections(selectionWithStyle);
+		else refSelectionsService.setSelections(currentWorkbook.getUnitId(), currentSheetId, selectionWithStyle);
+		if (isEnd && selectionWithStyle.length) sheetSelectionRenderService === null || sheetSelectionRenderService === void 0 || sheetSelectionRenderService.resetSelectionsByModelData([]);
 	});
 	useEffect(() => {
 		return () => {
-			refSelectionsRenderService === null || refSelectionsRenderService === void 0 || refSelectionsRenderService.resetActiveSelectionIndex();
+			ownerRefSelectionsRenderService === null || ownerRefSelectionsRenderService === void 0 || ownerRefSelectionsRenderService.resetActiveSelectionIndex();
 		};
-	}, [refSelectionsRenderService]);
+	}, [ownerRefSelectionsRenderService]);
 	return highlightSheet;
 }
 function useDocHight(_leadingCharacter = "") {
@@ -1808,23 +2203,18 @@ function useDocHight(_leadingCharacter = "") {
 	const colorMap = useColor();
 	const commandService = useDependency(ICommandService);
 	const leadingCharacterLength = useMemo(() => _leadingCharacter.length, [_leadingCharacter]);
-	return useEvent((editor, sequenceNodes, isNeedResetSelection = true, newSelections) => {
+	return useEvent((editor, sequenceNodes, isNeedResetSelection = true, newSelections, sourceText) => {
 		const data = editor.getDocumentData();
 		const editorId = editor.getEditorId();
 		if (!data) return [];
 		const body = data.body;
 		if (!body) return [];
 		const str = body.dataStream.slice(0, body.dataStream.length - 2);
-		const cloneBody = {
-			dataStream: "",
-			...data.body
-		};
 		if (!str.startsWith(_leadingCharacter)) return [];
 		if (sequenceNodes == null || sequenceNodes.length === 0) {
-			cloneBody.textRuns = [];
 			commandService.syncExecuteCommand(ReplaceTextRunsCommand.id, {
 				unitId: editorId,
-				body: getBodySlice(cloneBody, 0, cloneBody.dataStream.length - 2)
+				body: createFormulaHighlightBody(str, [])
 			});
 			return [];
 		} else {
@@ -1833,19 +2223,16 @@ function useDocHight(_leadingCharacter = "") {
 				e.ed = e.ed + leadingCharacterLength;
 				e.st = e.st + leadingCharacterLength;
 			});
-			cloneBody.textRuns = [{
+			const highlightDataStream = getFormulaHighlightDataStream(_leadingCharacter, sequenceNodes, sourceText);
+			const highlightTextRuns = [{
 				st: 0,
 				ed: 1,
 				ts: { fs: 11 }
 			}, ...textRuns];
-			cloneBody.dataStream = `${_leadingCharacter}${sequenceNodes.reduce((pre, cur) => {
-				if (typeof cur === "string") return `${pre}${cur}`;
-				return `${pre}${cur.token}`;
-			}, "")}\r\n`;
 			let selections;
 			if (isNeedResetSelection) {
 				selections = editor.getSelectionRanges();
-				const maxOffset = cloneBody.dataStream.length - 2 + leadingCharacterLength;
+				const maxOffset = highlightDataStream.length - 2 + leadingCharacterLength;
 				selections.forEach((selection) => {
 					selection.startOffset = Math.max(0, Math.min(selection.startOffset, maxOffset));
 					selection.endOffset = Math.max(0, Math.min(selection.endOffset, maxOffset));
@@ -1853,13 +2240,30 @@ function useDocHight(_leadingCharacter = "") {
 			}
 			commandService.syncExecuteCommand(ReplaceTextRunsCommand.id, {
 				unitId: editorId,
-				body: getBodySlice(cloneBody, 0, cloneBody.dataStream.length - 2),
+				body: createFormulaHighlightBody(highlightDataStream.slice(0, -2), highlightTextRuns),
 				textRanges: newSelections !== null && newSelections !== void 0 ? newSelections : selections
 			});
 			return refSelections;
 		}
 	});
 }
+/**
+* ReplaceTextRunsCommand shifts the editor's existing structural metadata when text changes.
+* Its replacement body must therefore contain only inline formula data; carrying paragraphs
+* or section breaks copied from the old snapshot would leave their indexes stale.
+*/
+function createFormulaHighlightBody(dataStream, textRuns) {
+	return {
+		dataStream,
+		textRuns
+	};
+}
+function getFormulaHighlightDataStream(leadingCharacter, sequenceNodes, sourceText) {
+	return `${leadingCharacter}${sourceText !== null && sourceText !== void 0 ? sourceText : sequenceNodes.reduce((pre, cur) => {
+		if (typeof cur === "string") return `${pre}${cur}`;
+		return `${pre}${cur.token}`;
+	}, "")}\r\n`;
+}
 function useColor() {
 	const themeService = useDependency(ThemeService);
 	return useMemo(() => {
@@ -1962,17 +2366,41 @@ function buildTextRuns(descriptionService, colorMap, sequenceNodes) {
 
 //#endregion
 //#region src/views/formula-editor/hooks/use-left-and-right-arrow.ts
-const useLeftAndRightArrow = (isNeed, shouldMoveSelection, editor, onMoveInEditor) => {
+function shouldMoveFormulaSelectionFromCurrentSelection(selectingType, refSelectionCount) {
+	if (selectingType === 1) return refSelectionCount === 0;
+	return selectingType === 3;
+}
+function isFormulaEditorInteractionOwner(focusEditorId, editorId, options) {
+	var _options$formulaBarEd, _options$normalEditor;
+	if (focusEditorId === editorId) return true;
+	if (!(options === null || options === void 0 ? void 0 : options.fxBarFocused)) return false;
+	return editorId === ((_options$formulaBarEd = options.formulaBarEditorId) !== null && _options$formulaBarEd !== void 0 ? _options$formulaBarEd : DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) && focusEditorId === ((_options$normalEditor = options.normalEditorId) !== null && _options$normalEditor !== void 0 ? _options$normalEditor : DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+}
+const useLeftAndRightArrow = (isNeed, shouldMoveSelection, editor, onMoveInEditor, getRefSelectionCount) => {
 	const commandService = useDependency(ICommandService);
 	const shortcutService = useDependency(IShortcutService);
+	const editorService = useDependency(IEditorService);
+	const contextService = useDependency(IContextService);
+	const operationNamespace = useMemo(() => generateRandomId(4), []);
 	const shouldMoveSelectionRef = useRef(shouldMoveSelection);
 	shouldMoveSelectionRef.current = shouldMoveSelection;
 	const onMoveInEditorRef = useRef(onMoveInEditor);
 	onMoveInEditorRef.current = onMoveInEditor;
+	const getRefSelectionCountRef = useRef(getRefSelectionCount);
+	getRefSelectionCountRef.current = getRefSelectionCount;
 	useEffect(() => {
 		if (!editor || !isNeed) return;
-		const operationId = `sheet.formula-embedding-editor.${editor.getEditorId()}`;
+		const editorId = editor.getEditorId();
+		const operationId = `sheet.formula-embedding-editor.${editorId}.${operationNamespace}`;
 		const d = new DisposableCollection();
+		const shouldHandleShortcut = () => {
+			try {
+				const fxBarFocused = contextService.getContextValue(FOCUSING_FX_BAR_EDITOR);
+				return isFormulaEditorInteractionOwner(editorService.getFocusId(), editorId, { fxBarFocused }) && (editor.docSelectionRenderService.isFocusing || fxBarFocused);
+			} catch {
+				return false;
+			}
+		};
 		const handleMoveInEditor = (keycode, metaKey) => {
 			if (onMoveInEditorRef.current) {
 				onMoveInEditorRef.current(keycode, metaKey);
@@ -1991,27 +2419,30 @@ const useLeftAndRightArrow = (isNeed, shouldMoveSelection, editor, onMoveInEdito
 			else if (keycode === KeyCode.ARROW_UP) direction = Direction.UP;
 			else if (keycode === KeyCode.ARROW_LEFT) direction = Direction.LEFT;
 			else if (keycode === KeyCode.ARROW_RIGHT) direction = Direction.RIGHT;
-			if (shouldMoveSelectionRef.current) if (metaKey === MetaKeys.CTRL_COMMAND) commandService.executeCommand(MoveSelectionCommand.id, {
-				direction,
-				jumpOver: JumpOver.moveGap,
-				extra: "formula-editor",
-				fromCurrentSelection: shouldMoveSelectionRef.current === 1 || shouldMoveSelectionRef.current === 3
-			});
-			else if (metaKey === MetaKeys.SHIFT) commandService.executeCommand(ExpandSelectionCommand.id, {
-				direction,
-				extra: "formula-editor"
-			});
-			else if (metaKey === (MetaKeys.CTRL_COMMAND | MetaKeys.SHIFT)) commandService.executeCommand(ExpandSelectionCommand.id, {
-				direction,
-				jumpOver: JumpOver.moveGap,
-				extra: "formula-editor"
-			});
-			else commandService.executeCommand(MoveSelectionCommand.id, {
-				direction,
-				extra: "formula-editor",
-				fromCurrentSelection: shouldMoveSelectionRef.current === 1 || shouldMoveSelectionRef.current === 3
-			});
-			else handleMoveInEditor(keycode, metaKey);
+			if (shouldMoveSelectionRef.current) {
+				var _getRefSelectionCount, _getRefSelectionCount2;
+				const fromCurrentSelection = shouldMoveFormulaSelectionFromCurrentSelection(shouldMoveSelectionRef.current, (_getRefSelectionCount = (_getRefSelectionCount2 = getRefSelectionCountRef.current) === null || _getRefSelectionCount2 === void 0 ? void 0 : _getRefSelectionCount2.call(getRefSelectionCountRef)) !== null && _getRefSelectionCount !== void 0 ? _getRefSelectionCount : 0);
+				if (metaKey === MetaKeys.CTRL_COMMAND) commandService.executeCommand(MoveSelectionCommand.id, {
+					direction,
+					jumpOver: JumpOver.moveGap,
+					extra: "formula-editor",
+					fromCurrentSelection
+				});
+				else if (metaKey === MetaKeys.SHIFT) commandService.executeCommand(ExpandSelectionCommand.id, {
+					direction,
+					extra: "formula-editor"
+				});
+				else if (metaKey === (MetaKeys.CTRL_COMMAND | MetaKeys.SHIFT)) commandService.executeCommand(ExpandSelectionCommand.id, {
+					direction,
+					jumpOver: JumpOver.moveGap,
+					extra: "formula-editor"
+				});
+				else commandService.executeCommand(MoveSelectionCommand.id, {
+					direction,
+					extra: "formula-editor",
+					fromCurrentSelection
+				});
+			} else handleMoveInEditor(keycode, metaKey);
 		};
 		d.add(commandService.registerCommand({
 			id: operationId,
@@ -2078,7 +2509,7 @@ const useLeftAndRightArrow = (isNeed, shouldMoveSelection, editor, onMoveInEdito
 			return {
 				id: operationId,
 				binding: metaKey ? keyCode | metaKey : keyCode,
-				preconditions: () => true,
+				preconditions: shouldHandleShortcut,
 				priority: 900,
 				staticParameters: {
 					eventType: DeviceInputEventType.Keyboard,
@@ -2094,8 +2525,11 @@ const useLeftAndRightArrow = (isNeed, shouldMoveSelection, editor, onMoveInEdito
 		};
 	}, [
 		commandService,
+		contextService,
 		editor,
+		editorService,
 		isNeed,
+		operationNamespace,
 		shortcutService
 	]);
 };
@@ -2131,7 +2565,7 @@ const useRefactorEffect = (isNeed, selecting, unitId, editorId, disableContextMe
 		editorId
 	]);
 	useLayoutEffect(() => {
-		if (isNeed && selecting) {
+		if (isNeed && Boolean(selecting)) {
 			const d1 = refSelectionsRenderService === null || refSelectionsRenderService === void 0 ? void 0 : refSelectionsRenderService.enableSelectionChanging();
 			contextService.setContextValue(REF_SELECTIONS_ENABLED, true);
 			return () => {
@@ -2202,18 +2636,45 @@ const prepareSelectionChangeContext = (opts) => {
 	var _editor$getDocumentDa, _editor$getDocumentDa2, _lexerTreeBuilder$seq;
 	const { editor, lexerTreeBuilder } = opts;
 	const currentDocSelections = editor === null || editor === void 0 ? void 0 : editor.getSelectionRanges();
-	if ((currentDocSelections === null || currentDocSelections === void 0 ? void 0 : currentDocSelections.length) !== 1) return;
-	const offset = currentDocSelections[0].startOffset - 1;
 	const dataStream = ((_editor$getDocumentDa = editor === null || editor === void 0 || (_editor$getDocumentDa2 = editor.getDocumentData().body) === null || _editor$getDocumentDa2 === void 0 ? void 0 : _editor$getDocumentDa2.dataStream) !== null && _editor$getDocumentDa !== void 0 ? _editor$getDocumentDa : "\r\n").slice(0, -2);
 	const sequenceNodes = (_lexerTreeBuilder$seq = lexerTreeBuilder.sequenceNodesBuilder(dataStream.slice(1))) !== null && _lexerTreeBuilder$seq !== void 0 ? _lexerTreeBuilder$seq : [];
+	let offset;
+	if ((currentDocSelections === null || currentDocSelections === void 0 ? void 0 : currentDocSelections.length) === 1) offset = currentDocSelections[0].startOffset - 1;
+	else if (dataStream.startsWith("=")) offset = Math.max(dataStream.length - 1, 0);
+	else return;
 	const nodeIndex = findIndexFromSequenceNodes(sequenceNodes, offset, false);
 	return {
 		nodeIndex,
 		updatingRefIndex: findRefSequenceIndex(sequenceNodes, nodeIndex),
+		formulaText: dataStream.slice(1),
 		sequenceNodes,
 		offset
 	};
 };
+function getSequenceNodeCharAtOffset(sequenceNodes, offset) {
+	let currentOffset = 0;
+	for (const node of sequenceNodes) {
+		const text = typeof node === "string" ? node : node.token;
+		const nextOffset = currentOffset + text.length;
+		if (offset > currentOffset && offset <= nextOffset) return text[offset - currentOffset - 1];
+		currentOffset = nextOffset;
+	}
+}
+function isFormulaReferenceAddingContext(sequenceNodes, offset) {
+	const char = getSequenceNodeCharAtOffset(sequenceNodes, offset);
+	return Boolean(char && matchRefDrawToken(char));
+}
+function isFormulaReferenceAddingTextContext(formulaText, offset) {
+	const char = formulaText[offset - 1];
+	const nextChar = formulaText[offset];
+	return Boolean(char && matchRefDrawToken(char) && (!nextChar || isFormulaLexerToken(nextChar) && nextChar !== matchToken.OPEN_BRACKET));
+}
+function insertFormulaReferenceText(formulaText, refText, offset) {
+	return `${formulaText.slice(0, offset)}${refText}${formulaText.slice(offset)}`;
+}
+function shouldSkipFormulaReferenceUpdate(isAdd, selectionCount) {
+	return !isAdd && selectionCount === 0;
+}
 function getSelectionsForFormulaRefUpdate(selections, updatingRefIndex, isCtrlAddMode) {
 	const orderedSelections = [...selections];
 	if (updatingRefIndex === -1) return { orderedSelections };
@@ -2225,17 +2686,78 @@ function getSelectionsForFormulaRefUpdate(selections, updatingRefIndex, isCtrlAd
 		insertedSelection
 	};
 }
+function getLastFormulaSelection(selections) {
+	return selections[selections.length - 1];
+}
+function getFormulaSelectionIdentityKey(selection) {
+	var _ref, _item$rangeWithCoord, _range$startRow, _range$endRow, _range$startColumn, _range$endColumn;
+	const item = selection;
+	const range = (_ref = (_item$rangeWithCoord = item.rangeWithCoord) !== null && _item$rangeWithCoord !== void 0 ? _item$rangeWithCoord : item.range) !== null && _ref !== void 0 ? _ref : item;
+	return [
+		(_range$startRow = range.startRow) !== null && _range$startRow !== void 0 ? _range$startRow : "",
+		(_range$endRow = range.endRow) !== null && _range$endRow !== void 0 ? _range$endRow : "",
+		(_range$startColumn = range.startColumn) !== null && _range$startColumn !== void 0 ? _range$startColumn : "",
+		(_range$endColumn = range.endColumn) !== null && _range$endColumn !== void 0 ? _range$endColumn : ""
+	].join(":");
+}
+function isSameFormulaSelection(first, second) {
+	return getFormulaSelectionIdentityKey(first) === getFormulaSelectionIdentityKey(second);
+}
+const SHARED_SELECTION_CHANGE_DUPLICATE_END_GUARDS = /* @__PURE__ */ new Map();
+function getSharedSelectionChangeDuplicateEndGuard(key) {
+	let guard = SHARED_SELECTION_CHANGE_DUPLICATE_END_GUARDS.get(key);
+	if (!guard) {
+		guard = createSelectionChangeDuplicateEndGuard();
+		SHARED_SELECTION_CHANGE_DUPLICATE_END_GUARDS.set(key, guard);
+	}
+	return guard;
+}
+function createSelectionChangeDuplicateEndGuard() {
+	let lastTransientSelectionsKey;
+	const getSelectionsKey = (selections) => selections.map(getFormulaSelectionIdentityKey).join("|");
+	return {
+		shouldSkip(selections, isEnd) {
+			const selectionsKey = getSelectionsKey(selections);
+			if (selectionsKey === lastTransientSelectionsKey) return true;
+			if (isEnd) {
+				lastTransientSelectionsKey = void 0;
+				return false;
+			}
+			lastTransientSelectionsKey = selectionsKey;
+			return false;
+		},
+		reset() {
+			lastTransientSelectionsKey = void 0;
+		}
+	};
+}
 function createSelectionChangeHandler(opts) {
+	var _opts$duplicateEndGua;
 	let prevSelectionsCount = opts.initialSelectionsCount;
 	let pendingCtrlAddCount = 0;
+	const duplicateEndGuard = (_opts$duplicateEndGua = opts.duplicateEndGuard) !== null && _opts$duplicateEndGua !== void 0 ? _opts$duplicateEndGua : createSelectionChangeDuplicateEndGuard();
 	return (selections, isEnd, options) => {
 		if (options === null || options === void 0 ? void 0 : options.initial) return;
-		const isCtrlAddMode = selections.length > prevSelectionsCount;
+		if (selections.length === 0) return;
+		const isCtrlAddMode = !(options === null || options === void 0 ? void 0 : options.initial) && prevSelectionsCount > 0 && selections.length > prevSelectionsCount;
 		if (isCtrlAddMode && !isEnd) {
 			pendingCtrlAddCount = selections.length;
+			if (duplicateEndGuard.shouldSkip(selections, false)) return;
+			opts.onSelectionsChange(selections, false, true);
+			prevSelectionsCount = selections.length;
+			pendingCtrlAddCount = 0;
+			return;
+		}
+		const shouldApplyPendingCtrlAdd = isEnd && selections.length === pendingCtrlAddCount;
+		if (duplicateEndGuard.shouldSkip(selections, isEnd)) {
+			if (isEnd) {
+				var _opts$onDuplicateEnd;
+				(_opts$onDuplicateEnd = opts.onDuplicateEnd) === null || _opts$onDuplicateEnd === void 0 || _opts$onDuplicateEnd.call(opts, selections);
+			}
+			prevSelectionsCount = selections.length;
+			pendingCtrlAddCount = 0;
 			return;
 		}
-		const shouldApplyPendingCtrlAdd = isEnd && selections.length === pendingCtrlAddCount;
 		if (isEnd) {
 			prevSelectionsCount = selections.length;
 			pendingCtrlAddCount = 0;
@@ -2243,12 +2765,29 @@ function createSelectionChangeHandler(opts) {
 		opts.onSelectionsChange(selections, isEnd, isCtrlAddMode || shouldApplyPendingCtrlAdd);
 	};
 }
+function replaceFormulaControlSelection(selections, index, newRange) {
+	const current = selections[index];
+	if (!current) return;
+	const nextRange = {
+		...newRange,
+		sheetId: current.sheetId,
+		unitId: current.unitId
+	};
+	const nextSelections = [...selections];
+	nextSelections[index] = nextRange;
+	return nextSelections;
+}
+function getInitialFormulaReferenceSelectionCount(renderSelectionCount, formulaReferenceCount, selectingType) {
+	return Math.max(renderSelectionCount, formulaReferenceCount);
+}
 const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUnitId, getRefSelections, isSupportAcrossSheet, listenSelectionSet, editor, handleRangeChange = noop) => {
-	var _currentUnit$getUnitI;
+	var _activeWorkbook$getUn;
 	const renderManagerService = useDependency(IRenderManagerService);
 	const univerInstanceService = useDependency(IUniverInstanceService);
 	const commandService = useDependency(ICommandService);
+	const contextService = useDependency(IContextService);
 	const docSelectionManagerService = useDependency(DocSelectionManagerService);
+	const editorService = useDependency(IEditorService);
 	const themeService = useDependency(ThemeService);
 	const lexerTreeBuilder = useDependency(LexerTreeBuilder);
 	const workbook = univerInstanceService.getUnit(unitId);
@@ -2266,32 +2805,39 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 		activeSheet,
 		sheetName
 	});
-	const currentUnit = useObservable(useMemo(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), [univerInstanceService]));
-	const render = renderManagerService.getRenderById((_currentUnit$getUnitI = currentUnit === null || currentUnit === void 0 ? void 0 : currentUnit.getUnitId()) !== null && _currentUnit$getUnitI !== void 0 ? _currentUnit$getUnitI : "");
+	const activeWorkbook = resolveFormulaSelectionWorkbook(useObservable(useMemo(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), [univerInstanceService])), workbook);
+	const render = renderManagerService.getRenderById((_activeWorkbook$getUn = activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== null && _activeWorkbook$getUn !== void 0 ? _activeWorkbook$getUn : unitId);
 	const refSelectionsRenderService = render === null || render === void 0 ? void 0 : render.with(RefSelectionsRenderService);
 	const sheetSkeletonManagerService = render === null || render === void 0 ? void 0 : render.with(SheetSkeletonManagerService);
 	const refSelectionsService = useDependency(IRefSelectionsService);
+	const duplicateEndGuard = useMemo(() => getSharedSelectionChangeDuplicateEndGuard(`${unitId}:${subUnitId}`), [subUnitId, unitId]);
 	const onSelectionsChange = useEvent((selections, isEnd, isCtrlAddMode) => {
+		if (!editor || !isFormulaEditorInteractionOwner(editorService.getFocusId(), editor.getEditorId(), { fxBarFocused: contextService.getContextValue(FOCUSING_FX_BAR_EDITOR) })) return;
 		const ctx = prepareSelectionChangeContext({
 			editor,
 			lexerTreeBuilder
 		});
 		if (!ctx) return;
-		const { nodeIndex, updatingRefIndex, sequenceNodes, offset } = ctx;
-		if (isSelectingRef.current === 1) if (offset !== 0) {
+		const { nodeIndex, updatingRefIndex, formulaText, sequenceNodes, offset } = ctx;
+		if (isSelectingRef.current === 1 || isFormulaReferenceAddingContext(sequenceNodes, offset) || isFormulaReferenceAddingTextContext(formulaText, offset)) if (offset !== 0) {
 			var _range$sheetId, _range$unitId, _range$unitId2;
 			if (nodeIndex === -1 && sequenceNodes.length) return;
-			const range = selections[selections.length - 1];
+			const range = getLastFormulaSelection(selections);
+			if (!range) return;
 			const lastNodes = sequenceNodes.splice(nodeIndex + 1);
 			const rangeSheetId = (_range$sheetId = range.sheetId) !== null && _range$sheetId !== void 0 ? _range$sheetId : subUnitId;
 			const unitRangeName = {
 				range,
-				unitId: (_range$unitId = range.unitId) !== null && _range$unitId !== void 0 ? _range$unitId : currentUnit.getUnitId(),
-				sheetName: getSheetNameById((_range$unitId2 = range.unitId) !== null && _range$unitId2 !== void 0 ? _range$unitId2 : currentUnit.getUnitId(), rangeSheetId)
+				unitId: (_range$unitId = range.unitId) !== null && _range$unitId !== void 0 ? _range$unitId : activeWorkbook.getUnitId(),
+				sheetName: getSheetNameById((_range$unitId2 = range.unitId) !== null && _range$unitId2 !== void 0 ? _range$unitId2 : activeWorkbook.getUnitId(), rangeSheetId)
 			};
 			const isAcrossSheet = rangeSheetId !== subUnitId;
-			const isAcrossWorkbook = (currentUnit === null || currentUnit === void 0 ? void 0 : currentUnit.getUnitId()) !== unitId;
+			const isAcrossWorkbook = (activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== unitId;
 			const refRanges = unitRangesToText([unitRangeName], isSupportAcrossSheet && (isAcrossSheet || isAcrossWorkbook), sheetName, isAcrossWorkbook);
+			if (isFormulaReferenceAddingTextContext(formulaText, offset)) {
+				handleRangeChange(insertFormulaReferenceText(formulaText, refRanges[0], offset), offset + refRanges[0].length, isEnd);
+				return;
+			}
 			sequenceNodes.push({
 				token: refRanges[0],
 				nodeType: sequenceNodeType.REFERENCE
@@ -2299,15 +2845,16 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 			handleRangeChange(sequenceNodeToText([...sequenceNodes, ...lastNodes]), getOffsetFromSequenceNodes(sequenceNodes), isEnd);
 		} else {
 			var _range$sheetId2, _range$unitId3, _range$unitId4;
-			const range = selections[selections.length - 1];
+			const range = getLastFormulaSelection(selections);
+			if (!range) return;
 			const rangeSheetId = (_range$sheetId2 = range.sheetId) !== null && _range$sheetId2 !== void 0 ? _range$sheetId2 : subUnitId;
 			const unitRangeName = {
 				range,
-				unitId: (_range$unitId3 = range.unitId) !== null && _range$unitId3 !== void 0 ? _range$unitId3 : currentUnit.getUnitId(),
-				sheetName: getSheetNameById((_range$unitId4 = range.unitId) !== null && _range$unitId4 !== void 0 ? _range$unitId4 : currentUnit.getUnitId(), rangeSheetId)
+				unitId: (_range$unitId3 = range.unitId) !== null && _range$unitId3 !== void 0 ? _range$unitId3 : activeWorkbook.getUnitId(),
+				sheetName: getSheetNameById((_range$unitId4 = range.unitId) !== null && _range$unitId4 !== void 0 ? _range$unitId4 : activeWorkbook.getUnitId(), rangeSheetId)
 			};
 			const isAcrossSheet = rangeSheetId !== subUnitId;
-			const isAcrossWorkbook = (currentUnit === null || currentUnit === void 0 ? void 0 : currentUnit.getUnitId()) !== unitId;
+			const isAcrossWorkbook = (activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== unitId;
 			const refRanges = unitRangesToText([unitRangeName], isSupportAcrossSheet && (isAcrossSheet || isAcrossWorkbook), sheetName, isAcrossWorkbook);
 			sequenceNodes.unshift({
 				token: refRanges[0],
@@ -2321,9 +2868,9 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 			const node = sequenceNodes[nodeIndex];
 			if (typeof node === "object" && node.nodeType === sequenceNodeType.REFERENCE) {
 				const oldToken = node.token;
-				if ((currentUnit === null || currentUnit === void 0 ? void 0 : currentUnit.getUnitId()) !== unitId) {
-					var _currentUnit$getUnitI2;
-					node.token = serializeRangeWithSpreadsheet((_currentUnit$getUnitI2 = currentUnit === null || currentUnit === void 0 ? void 0 : currentUnit.getUnitId()) !== null && _currentUnit$getUnitI2 !== void 0 ? _currentUnit$getUnitI2 : "", sheetName, last);
+				if ((activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== unitId) {
+					var _activeWorkbook$getUn2;
+					node.token = serializeRangeWithSpreadsheet((_activeWorkbook$getUn2 = activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== null && _activeWorkbook$getUn2 !== void 0 ? _activeWorkbook$getUn2 : "", sheetName, last);
 				} else node.token = sheetName === (activeSheet === null || activeSheet === void 0 ? void 0 : activeSheet.getName()) ? serializeRange(last) : serializeRangeWithSheet(activeSheet.getName(), last);
 				const newOffset = offset + (node.token.length - oldToken.length);
 				handleRangeChange(generateStringWithSequence(sequenceNodes), newOffset, isEnd);
@@ -2335,10 +2882,10 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 				const rangeSheetId = (_range$sheetId3 = range.sheetId) !== null && _range$sheetId3 !== void 0 ? _range$sheetId3 : subUnitId;
 				const unitRangeName = {
 					range,
-					unitId: (_range$unitId5 = range.unitId) !== null && _range$unitId5 !== void 0 ? _range$unitId5 : currentUnit.getUnitId(),
-					sheetName: getSheetNameById((_range$unitId6 = range.unitId) !== null && _range$unitId6 !== void 0 ? _range$unitId6 : currentUnit.getUnitId(), rangeSheetId)
+					unitId: (_range$unitId5 = range.unitId) !== null && _range$unitId5 !== void 0 ? _range$unitId5 : activeWorkbook.getUnitId(),
+					sheetName: getSheetNameById((_range$unitId6 = range.unitId) !== null && _range$unitId6 !== void 0 ? _range$unitId6 : activeWorkbook.getUnitId(), rangeSheetId)
 				};
-				const isAcrossWorkbook = (currentUnit === null || currentUnit === void 0 ? void 0 : currentUnit.getUnitId()) !== unitId;
+				const isAcrossWorkbook = (activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== unitId;
 				return unitRangesToText([unitRangeName], isSupportAcrossSheet && (rangeSheetId !== subUnitId || isAcrossWorkbook), sheetName, isAcrossWorkbook)[0];
 			};
 			let currentRefIndex = 0;
@@ -2347,7 +2894,7 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 				if (item.nodeType === sequenceNodeType.REFERENCE) {
 					const nodeRange = deserializeRangeWithSheet(item.token);
 					if (!nodeRange.sheetName) nodeRange.sheetName = sheetName;
-					if ((nodeRange.unitId || unitId) !== (currentUnit === null || currentUnit === void 0 ? void 0 : currentUnit.getUnitId())) return item.token;
+					if ((nodeRange.unitId || unitId) !== (activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId())) return item.token;
 					if (isSupportAcrossSheet) {
 						var _contextRef$current$a;
 						if (((_contextRef$current$a = contextRef.current.activeSheet) === null || _contextRef$current$a === void 0 ? void 0 : _contextRef$current$a.getName()) !== nodeRange.sheetName) return item.token;
@@ -2382,13 +2929,28 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 	useEffect(() => {
 		if (refSelectionsRenderService && isNeed) {
 			const handleSelectionsChange = createSelectionChangeHandler({
-				initialSelectionsCount: Math.max(refSelectionsRenderService.getSelectionDataWithStyle().length, refSelectionsService.getCurrentSelections().length, getRefSelections().length),
+				initialSelectionsCount: getInitialFormulaReferenceSelectionCount(refSelectionsRenderService.getSelectionDataWithStyle().length, getRefSelections().length, isSelectingRef.current),
+				duplicateEndGuard: {
+					shouldSkip: (selections, isEnd) => duplicateEndGuard.shouldSkip(selections.map((i) => i.rangeWithCoord), isEnd),
+					reset: duplicateEndGuard.reset
+				},
 				onSelectionsChange: (selections, isEnd, isCtrlAddMode) => {
 					onSelectionsChange(selections.map((i) => i.rangeWithCoord), isEnd, isCtrlAddMode);
+				},
+				onDuplicateEnd: () => {
+					const ctx = prepareSelectionChangeContext({
+						editor,
+						lexerTreeBuilder
+					});
+					if (!ctx) return;
+					handleRangeChange(ctx.formulaText, ctx.offset, true);
 				}
 			});
 			let isInitialMoveEnd = true;
 			const disposableCollection = new DisposableCollection();
+			disposableCollection.add(refSelectionsRenderService.selectionMoveStart$.subscribe((selections) => {
+				handleSelectionsChange(selections, false);
+			}));
 			disposableCollection.add(refSelectionsRenderService.selectionMoving$.subscribe((selections) => {
 				handleSelectionsChange(selections, false);
 			}));
@@ -2414,20 +2976,12 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 				disposableCollection.dispose();
 				refSelectionsRenderService.getSelectionControls().forEach((control, index) => {
 					disposableCollection.add(control.selectionScaling$.subscribe((newRange) => {
-						const selections = refSelectionsRenderService.getSelectionDataWithStyle().map((i) => i.rangeWithCoord);
-						const current = selections[index];
-						newRange.sheetId = current.sheetId;
-						newRange.unitId = current.unitId;
-						selections[index] = newRange;
-						onSelectionsChange(selections, false);
+						const nextSelections = replaceFormulaControlSelection(refSelectionsRenderService.getSelectionDataWithStyle().map((i) => i.rangeWithCoord), index, newRange);
+						if (nextSelections) onSelectionsChange(nextSelections, false);
 					}));
 					disposableCollection.add(control.selectionMoving$.subscribe((newRange) => {
-						const selections = refSelectionsRenderService.getSelectionDataWithStyle().map((i) => i.rangeWithCoord);
-						const current = selections[index];
-						newRange.sheetId = current.sheetId;
-						newRange.unitId = current.unitId;
-						selections[index] = newRange;
-						onSelectionsChange(selections, true);
+						const nextSelections = replaceFormulaControlSelection(refSelectionsRenderService.getSelectionDataWithStyle().map((i) => i.rangeWithCoord), index, newRange);
+						if (nextSelections) onSelectionsChange(nextSelections, true);
 					}));
 				});
 			};
@@ -2451,6 +3005,7 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 		if (listenSelectionSet) {
 			const d = commandService.onCommandExecuted((commandInfo) => {
 				if (commandInfo.id !== SetSelectionsOperation.id) return;
+				if (!editor || !isFormulaEditorInteractionOwner(editorService.getFocusId(), editor.getEditorId(), { fxBarFocused: contextService.getContextValue(FOCUSING_FX_BAR_EDITOR) })) return;
 				const params = commandInfo.params;
 				if (params.extra !== "formula-editor") return;
 				if (params.selections.length) {
@@ -2466,10 +3021,20 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 						}
 						range.unitId = params.unitId;
 						range.sheetId = params.subUnitId;
-						const isAdd = isSelectingRef.current === 1;
+						const ctx = prepareSelectionChangeContext({
+							editor,
+							lexerTreeBuilder
+						});
+						const isAdd = isSelectingRef.current === 1 || Boolean(ctx && (isFormulaReferenceAddingContext(ctx.sequenceNodes, ctx.offset) || isFormulaReferenceAddingTextContext(ctx.formulaText, ctx.offset)));
 						const selections = ((_refSelectionsRenderS = refSelectionsRenderService === null || refSelectionsRenderService === void 0 ? void 0 : refSelectionsRenderService.getSelectionDataWithStyle()) !== null && _refSelectionsRenderS !== void 0 ? _refSelectionsRenderS : []).map((i) => i.rangeWithCoord);
-						if (isAdd) selections.push(range);
-						else selections[selections.length - 1] = range;
+						if (isAdd) {
+							if (selections.length > 0 && isSameFormulaSelection(selections[selections.length - 1], range)) return;
+							selections.push(range);
+						} else {
+							if (shouldSkipFormulaReferenceUpdate(isAdd, selections.length)) return;
+							selections[selections.length - 1] = range;
+						}
+						if (duplicateEndGuard.shouldSkip(selections, true)) return;
 						onSelectionsChange(selections, true);
 					}
 				}
@@ -2480,7 +3045,10 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 		}
 	}, [
 		commandService,
+		contextService,
+		duplicateEndGuard,
 		editor,
+		editorService,
 		isSelectingRef,
 		lexerTreeBuilder,
 		listenSelectionSet,
@@ -2501,7 +3069,7 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 				sheetSkeletonManagerService,
 				themeService,
 				univerInstanceService,
-				currentWorkbook: currentUnit
+				currentWorkbook: activeWorkbook
 			});
 		});
 		return () => sub.unsubscribe();
@@ -2688,7 +3256,7 @@ function SearchFunctionFactory(props, ref) {
 	const shortcutService = useDependency(IShortcutService);
 	const commandService = useDependency(ICommandService);
 	const { searchList, searchText, handlerFormulaReplace, reset: resetFormulaSearch } = useFormulaSearch(isFocus, sequenceNodes, editor);
-	const visible = useMemo(() => !!searchList.length, [searchList]);
+	const visible = searchList.length > 0;
 	const ulRef = useRef(void 0);
 	const [active, setActive] = useState(0);
 	const isEnableMouseEnterOrOut = useRef(false);
@@ -2863,18 +3431,22 @@ const getFormulaText = (formula) => {
 
 //#endregion
 //#region src/views/formula-editor/index.tsx
+function shouldApplyFormulaSelectionChange(selectingMode, isFocusing, hasActiveInteraction) {
+	return Boolean(selectingMode) || Boolean(isFocusing) || hasActiveInteraction;
+}
 function syncCounterpartFormulaEditorSelection(editorService, editorId, selections) {
 	var _editorService$getEdi;
 	if (!(selections === null || selections === void 0 ? void 0 : selections.length)) return;
 	const syncEditorId = editorId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY ? DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY : editorId === DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY ? DOCS_NORMAL_EDITOR_UNIT_ID_KEY : null;
 	if (!syncEditorId) return;
-	(_editorService$getEdi = editorService.getEditor(syncEditorId)) === null || _editorService$getEdi === void 0 || _editorService$getEdi.setSelectionRanges(selections);
+	(_editorService$getEdi = editorService.getEditor(syncEditorId)) === null || _editorService$getEdi === void 0 || _editorService$getEdi.setSelectionRanges(selections, false);
 }
 const FormulaEditor = forwardRef((props, ref) => {
-	var _document$getBody$dat, _document$getBody, _configService$getCon, _configService$getCon2;
+	var _document$getBody$dat2, _document$getBody2, _configService$getCon, _configService$getCon2;
 	const { errorText, initValue, unitId, subUnitId, isFocus: _isFocus = true, isSupportAcrossSheet = false, onFocus = noop, onBlur = noop, onChange: propOnChange, onVerify, className, editorId: propEditorId, moveCursor = true, onFormulaSelectingChange: propOnFormulaSelectingChange, keyboardEventConfig, onMoveInEditor, resetSelectionOnBlur = true, autoScrollbar = true, isSingle = true, disableSelectionOnClick = false, autofocus = true, disableContextMenu, style, borderless = false, canvasStyle } = props;
 	const editorService = useDependency(IEditorService);
 	const commandService = useDependency(ICommandService);
+	const injector = useDependency(Injector);
 	const sheetEmbeddingRef = useRef(null);
 	const onChange = useEvent(propOnChange);
 	useImperativeHandle(ref, () => ({ isClickOutSide: (e) => {
@@ -2884,22 +3456,25 @@ const FormulaEditor = forwardRef((props, ref) => {
 	const onFormulaSelectingChange = useEvent(propOnFormulaSelectingChange);
 	const searchFunctionRef = useRef(null);
 	const editorRef = useRef(void 0);
-	const editor = editorRef.current;
+	const [editor, setEditor] = useState();
 	const [isFocus, setIsFocus] = useState(_isFocus);
 	const formulaEditorContainerRef = useRef(null);
 	const editorId = useMemo(() => propEditorId !== null && propEditorId !== void 0 ? propEditorId : createInternalEditorID(`${EMBEDDING_FORMULA_EDITOR}-${generateRandomId(4)}`), []);
-	const isError = useMemo(() => errorText !== void 0, [errorText]);
+	const isError = errorText !== void 0;
 	const univerInstanceService = useDependency(IUniverInstanceService);
 	const document = univerInstanceService.getUnit(editorId);
-	useObservable(document === null || document === void 0 ? void 0 : document.change$);
 	const getFormulaToken = useFormulaToken();
-	const formulaText = BuildTextUtils.transform.getPlainText((_document$getBody$dat = document === null || document === void 0 || (_document$getBody = document.getBody()) === null || _document$getBody === void 0 ? void 0 : _document$getBody.dataStream) !== null && _document$getBody$dat !== void 0 ? _document$getBody$dat : "");
+	const formulaText = useObservable(document ? () => document.change$.pipe(map(() => {
+		var _document$getBody$dat, _document$getBody;
+		return BuildTextUtils.transform.getPlainText((_document$getBody$dat = (_document$getBody = document.getBody()) === null || _document$getBody === void 0 ? void 0 : _document$getBody.dataStream) !== null && _document$getBody$dat !== void 0 ? _document$getBody$dat : "");
+	})) : null, BuildTextUtils.transform.getPlainText((_document$getBody$dat2 = document === null || document === void 0 || (_document$getBody2 = document.getBody()) === null || _document$getBody2 === void 0 ? void 0 : _document$getBody2.dataStream) !== null && _document$getBody$dat2 !== void 0 ? _document$getBody$dat2 : ""), false, [document]);
 	const formulaTextRef = useStateRef(formulaText);
 	const formulaWithoutEqualSymbol = useMemo(() => getFormulaText(formulaText), [formulaText]);
 	const sequenceNodes = useMemo(() => getFormulaToken(formulaWithoutEqualSymbol), [formulaWithoutEqualSymbol, getFormulaToken]);
 	const { isSelecting, isSelectingRef } = useFormulaSelecting({
 		unitId,
 		subUnitId,
+		editor,
 		editorId,
 		isFocus,
 		disableOnClick: disableSelectionOnClick
@@ -2910,13 +3485,35 @@ const FormulaEditor = forwardRef((props, ref) => {
 	const isFocusing = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing;
 	const currentDoc = useObservable(useMemo(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC), [univerInstanceService]));
 	const docFocusing = (currentDoc === null || currentDoc === void 0 ? void 0 : currentDoc.getUnitId()) === editorId;
-	const refSelections = useRef([]);
-	const getRefSelections = useEvent(() => refSelections.current);
+	const refSelectionsRef = useRef([]);
+	const getRefSelections = useEvent(() => refSelectionsRef.current);
+	const getRefSelectionCount = useEvent(() => getRefSelections().length);
 	const selectingMode = isSelecting;
 	const functionScreenTips = (_configService$getCon = (_configService$getCon2 = useDependency(IConfigService).getConfig("sheets-formula-ui.base.config")) === null || _configService$getCon2 === void 0 ? void 0 : _configService$getCon2.functionScreenTips) !== null && _configService$getCon !== void 0 ? _configService$getCon : true;
 	useUpdateEffect(() => {
 		onChange(formulaText);
 	}, [formulaText, onChange]);
+	useEffect(() => {
+		if (!isFocus || !editor) return;
+		const subscription = editor.input$.subscribe(({ content, isComposing }) => {
+			if (isComposing) return;
+			queueMicrotask(() => {
+				var _editor$getSelectionR, _editor$getDocumentDa, _editor$getDocumentDa2;
+				const selection = (_editor$getSelectionR = editor.getSelectionRanges()) === null || _editor$getSelectionR === void 0 ? void 0 : _editor$getSelectionR[0];
+				const normalizedSelection = getSelectionAfterLaggingFormulaInput((_editor$getDocumentDa = (_editor$getDocumentDa2 = editor.getDocumentData().body) === null || _editor$getDocumentDa2 === void 0 ? void 0 : _editor$getDocumentDa2.dataStream) !== null && _editor$getDocumentDa !== void 0 ? _editor$getDocumentDa : "", selection, content);
+				if (!normalizedSelection) return;
+				const selections = [normalizedSelection];
+				editor.setSelectionRanges(selections, false);
+				syncCounterpartFormulaEditorSelection(editorService, editorId, selections);
+			});
+		});
+		return () => subscription.unsubscribe();
+	}, [
+		editor,
+		editorId,
+		editorService,
+		isFocus
+	]);
 	const highlightDoc = useDocHight("=");
 	const highlightSheet = useSheetHighlight(unitId, subUnitId);
 	const highlight = useEvent((text, isNeedResetSelection = true, isEnd, newSelections) => {
@@ -2924,18 +3521,18 @@ const FormulaEditor = forwardRef((props, ref) => {
 		highTextRef.current = text;
 		const formulaStr = text[0] === "=" ? text.slice(1) : "";
 		const sequenceNodes = getFormulaToken(formulaStr);
-		const parsedFormula = sequenceNodes.reduce((pre, cur) => typeof cur === "object" ? `${pre}${cur.token}` : `${pre}${cur}`, "");
-		const ranges = highlightDoc(editorRef.current, parsedFormula === formulaStr ? sequenceNodes : [], isNeedResetSelection, newSelections);
-		refSelections.current = ranges;
+		const ranges = highlightDoc(editorRef.current, sequenceNodes, isNeedResetSelection, newSelections, formulaStr);
+		refSelectionsRef.current = ranges;
 		if (isEnd) {
 			const currentDocSelections = newSelections !== null && newSelections !== void 0 ? newSelections : editor === null || editor === void 0 ? void 0 : editor.getSelectionRanges();
-			if ((currentDocSelections === null || currentDocSelections === void 0 ? void 0 : currentDocSelections.length) !== 1) return;
-			const refIndex = findRefSequenceIndex(sequenceNodes, findIndexFromSequenceNodes(sequenceNodes, currentDocSelections[0].startOffset - 1, false));
-			if (refIndex >= 0) {
-				const target = ranges.splice(refIndex, 1)[0];
-				target && ranges.push(target);
+			if ((currentDocSelections === null || currentDocSelections === void 0 ? void 0 : currentDocSelections.length) === 1) {
+				const refIndex = findRefSequenceIndex(sequenceNodes, findIndexFromSequenceNodes(sequenceNodes, currentDocSelections[0].startOffset - 1, false));
+				if (refIndex >= 0) {
+					const target = ranges.splice(refIndex, 1)[0];
+					target && ranges.push(target);
+				}
 			}
-			highlightSheet(isFocus ? ranges : [], editorRef.current);
+			highlightSheet(isFocus ? ranges : [], editorRef.current, isEnd);
 		}
 	});
 	useEffect(() => {
@@ -3000,13 +3597,52 @@ const FormulaEditor = forwardRef((props, ref) => {
 				},
 				canvasStyle
 			}, formulaEditorContainerRef.current);
-			editorRef.current = editorService.getEditor(editorId);
+			const registeredEditor = editorService.getEditor(editorId);
+			editorRef.current = registeredEditor;
+			setEditor(registeredEditor);
 			highlight(initValue, false, true);
 		}
 		return () => {
+			editorRef.current = void 0;
 			dispose === null || dispose === void 0 || dispose.dispose();
 		};
 	}, []);
+	useEffect(() => {
+		var _ref, _resolveFormulaEmbedR;
+		const formulaEditorContainer = formulaEditorContainerRef.current;
+		if (!isFocus || !formulaEditorContainer || !injector.has(IFormulaEmbedRuntimeFocusCoordinator)) return;
+		const focusCoordinator = injector.get(IFormulaEmbedRuntimeFocusCoordinator);
+		const scope = (_ref = (_resolveFormulaEmbedR = resolveFormulaEmbedRuntimeDomScope(formulaEditorContainer)) !== null && _resolveFormulaEmbedR !== void 0 ? _resolveFormulaEmbedR : focusCoordinator.resolveRuntimeScopeByChildUnitId(editorId)) !== null && _ref !== void 0 ? _ref : resolveActiveFormulaEmbedRuntimeDomScope(formulaEditorContainer.ownerDocument);
+		if (!scope) return;
+		const collection = new DisposableCollection();
+		const interactionBoundaryService = injector.has(IFormulaEmbedInteractionBoundaryService) ? injector.get(IFormulaEmbedInteractionBoundaryService) : void 0;
+		collection.add(focusCoordinator.acquireLease({
+			embedId: scope.embedId,
+			role: "child-editor",
+			owner: "sheet-formula-editor",
+			hostUnitId: scope.hostUnitId,
+			childUnitId: scope.childUnitId,
+			associatedChildUnitIds: [editorId]
+		}));
+		if (interactionBoundaryService) collection.add(interactionBoundaryService.registerOwnedElement(scope.embedId, formulaEditorContainer));
+		collection.add(focusCoordinator.registerElement({
+			embedId: scope.embedId,
+			role: "child-editor",
+			element: formulaEditorContainer
+		}));
+		collection.add(registerFormulaEditorRuntimePortal({
+			embedId: scope.embedId,
+			editorId,
+			ownerDocument: formulaEditorContainer.ownerDocument,
+			interactionBoundaryService,
+			focusCoordinator
+		}));
+		return () => collection.dispose();
+	}, [
+		editorId,
+		injector,
+		isFocus
+	]);
 	useLayoutEffect(() => {
 		let focusRetryFrame = 0;
 		let finalFocusRetryFrame = 0;
@@ -3040,10 +3676,10 @@ const FormulaEditor = forwardRef((props, ref) => {
 		resetSelectionOnBlur
 	]);
 	const { checkScrollBar } = useResize(editor, isSingle, autoScrollbar);
-	useRefactorEffect(isFocus, Boolean(isSelecting && docFocusing), unitId, editorId, disableContextMenu);
-	useLeftAndRightArrow(Boolean(isFocus && isFocusing && moveCursor), selectingMode, editor, onMoveInEditor);
+	useRefactorEffect(isFocus, isSelecting, unitId, editorId, disableContextMenu);
+	useLeftAndRightArrow(Boolean(isFocus && isFocusing && moveCursor), selectingMode, editor, onMoveInEditor, getRefSelectionCount);
 	const handleSelectionChange = useEvent((refString, offset, isEnd) => {
-		if (!isFocusing) return;
+		if (!shouldApplyFormulaSelectionChange(selectingMode, isFocusing, hasActiveFormulaEmbedInteraction(formulaEditorContainerRef.current))) return;
 		const newSelections = offset !== -1 ? [{
 			startOffset: offset + 1,
 			endOffset: offset + 1,
@@ -3067,7 +3703,7 @@ const FormulaEditor = forwardRef((props, ref) => {
 			checkScrollBar();
 		}
 	});
-	useSheetSelectionChange(isFocus && Boolean(isSelecting && docFocusing), isFocus, isSelectingRef, unitId, subUnitId, getRefSelections, isSupportAcrossSheet, Boolean(selectingMode), editor, handleSelectionChange);
+	useSheetSelectionChange(isFocus && Boolean(isSelecting), isFocus, isSelectingRef, unitId, subUnitId, getRefSelections, isSupportAcrossSheet, Boolean(selectingMode), editor, handleSelectionChange);
 	useSwitchSheet(isFocus && Boolean(isSelecting && docFocusing), unitId, isSupportAcrossSheet, setIsFocus, onBlur, () => {
 		highlight(formulaTextRef.current, false, true);
 	});
@@ -3090,7 +3726,13 @@ const FormulaEditor = forwardRef((props, ref) => {
 			highlight(`=${res.text}`);
 		}
 	};
-	const handleMouseUp = () => {
+	const handleMouseUp = (event) => {
+		if (hasActiveFormulaEmbedInteraction(formulaEditorContainerRef.current)) return;
+		if (!shouldRefocusFormulaEditorOnMouseUp({
+			target: event.target,
+			isFocusing,
+			isPointerSelecting: docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isOnPointerEvent
+		})) return;
 		setIsFocus(true);
 		onFocus();
 		focus();
@@ -3107,6 +3749,7 @@ const FormulaEditor = forwardRef((props, ref) => {
 				}),
 				children: /* @__PURE__ */ jsx("div", {
 					ref: formulaEditorContainerRef,
+					"data-u-comp": "formula-editor",
 					className: "univer-relative univer-size-full",
 					onMouseUp: handleMouseUp
 				})
@@ -3178,6 +3821,13 @@ function FunctionParams(props) {
 function InputParams(props) {
 	const { functionInfo, onChange } = props;
 	if (!functionInfo) return null;
+	return /* @__PURE__ */ jsx(InputParamsInner, {
+		functionInfo,
+		onChange
+	});
+}
+function InputParamsInner(props) {
+	const { functionInfo, onChange } = props;
 	const [params, setParams] = useState([]);
 	const [functionParameter, setFunctionParameter] = useState(functionInfo.functionParameter);
 	const [activeIndex, setActiveIndex] = useState(-1);
@@ -3322,27 +3972,60 @@ function SelectFunction(props) {
 			}, index))
 		}),
 		functionInfo && /* @__PURE__ */ jsxs("div", {
-			className: clsx("univer-mx-0 univer-my-2 univer-overflow-y-auto", scrollbarClassName),
+			"data-u-comp": "formula-function-details",
+			className: clsx("univer-mx-0 univer-my-3 univer-overflow-y-auto", scrollbarClassName),
 			children: [
-				/* @__PURE__ */ jsx(FunctionParams, {
-					title: functionInfo.functionName,
-					value: functionInfo.description
-				}),
-				/* @__PURE__ */ jsx(FunctionParams, {
-					title: localeService.t("sheets-formula-ui.moreFunctions.syntax"),
-					value: /* @__PURE__ */ jsx(FunctionHelp, {
-						prefix: functionInfo.functionName,
-						value: functionInfo.functionParameter
-					})
+				/* @__PURE__ */ jsxs("div", {
+					className: "univer-rounded-lg univer-bg-gray-50 univer-p-3 dark:!univer-bg-gray-800",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "univer-text-sm univer-font-semibold univer-text-gray-900 dark:!univer-text-white",
+						children: functionInfo.functionName
+					}), /* @__PURE__ */ jsx("div", {
+						className: "univer-mt-1 univer-text-xs univer-leading-5 univer-text-gray-600 dark:!univer-text-gray-300",
+						children: functionInfo.description
+					})]
 				}),
-				/* @__PURE__ */ jsx(FunctionParams, {
-					title: localeService.t("sheets-formula-ui.prompt.helpExample"),
-					value: `${functionInfo.functionName}(${functionInfo.functionParameter.map((item) => item.example).join(",")})`
+				/* @__PURE__ */ jsxs("div", {
+					className: "univer-mt-4 univer-flex univer-flex-col univer-gap-3",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+						className: "univer-text-xs univer-font-medium univer-text-gray-500 dark:!univer-text-gray-300",
+						children: localeService.t("sheets-formula-ui.moreFunctions.syntax")
+					}), /* @__PURE__ */ jsx("div", {
+						"data-u-comp": "formula-function-syntax",
+						className: clsx("univer-mt-1.5 univer-break-words univer-rounded-md univer-bg-gray-50 univer-px-3 univer-py-2 univer-font-mono univer-text-xs univer-leading-5 univer-text-gray-900 dark:!univer-bg-gray-800 dark:!univer-text-white", borderClassName),
+						children: /* @__PURE__ */ jsx(FunctionHelp, {
+							prefix: functionInfo.functionName,
+							value: functionInfo.functionParameter
+						})
+					})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+						className: "univer-text-xs univer-font-medium univer-text-gray-500 dark:!univer-text-gray-300",
+						children: localeService.t("sheets-formula-ui.prompt.helpExample")
+					}), /* @__PURE__ */ jsx("div", {
+						"data-u-comp": "formula-function-example",
+						className: clsx("univer-mt-1.5 univer-break-words univer-rounded-md univer-bg-gray-50 univer-px-3 univer-py-2 univer-font-mono univer-text-xs univer-leading-5 univer-text-gray-900 dark:!univer-bg-gray-800 dark:!univer-text-white", borderClassName),
+						children: `${functionInfo.functionName}(${functionInfo.functionParameter.map((item) => item.example).join(",")})`
+					})] })]
 				}),
-				functionInfo.functionParameter && functionInfo.functionParameter.map((item) => /* @__PURE__ */ jsx(FunctionParams, {
-					title: item.name,
-					value: `${item.require ? required : optional} ${item.detail}`
-				}, item.name))
+				functionInfo.functionParameter.length > 0 && /* @__PURE__ */ jsx("div", {
+					className: clsx("univer-mt-4 univer-rounded-lg univer-px-3", borderClassName, divideYClassName),
+					children: functionInfo.functionParameter.map((item) => /* @__PURE__ */ jsxs("div", {
+						"data-u-comp": "formula-function-parameter",
+						className: "univer-py-3",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "univer-flex univer-items-center univer-gap-2",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "univer-text-xs univer-font-medium univer-text-gray-900 dark:!univer-text-white",
+								children: item.name
+							}), /* @__PURE__ */ jsx("span", {
+								className: clsx("univer-rounded-full univer-px-2 univer-py-0.5 univer-text-xs univer-leading-4", item.require ? "univer-bg-primary-50 univer-text-primary-600 dark:!univer-bg-primary-900 dark:!univer-text-primary-200" : "univer-bg-gray-100 univer-text-gray-600 dark:!univer-bg-gray-700 dark:!univer-text-gray-200"),
+								children: item.require ? required : optional
+							})]
+						}), /* @__PURE__ */ jsx("div", {
+							className: "univer-mt-1 univer-text-xs univer-leading-5 univer-text-gray-600 dark:!univer-text-gray-300",
+							children: item.detail
+						})]
+					}, item.name))
+				})
 			]
 		})
 	] });
@@ -3828,7 +4511,19 @@ let ComponentsController = class ComponentsController extends Disposable {
 		this._registerComponents();
 	}
 	_registerIcons() {
-		this.disposeWithMe(this._iconManager.register({ FunctionIcon }));
+		this.disposeWithMe(this._iconManager.register({
+			DatabaseFunctionIcon,
+			DateFunctionIcon,
+			EngineeringFunctionIcon,
+			FinancialFunctionIcon,
+			FunctionIcon,
+			InformationFunctionIcon,
+			LogicalFunctionIcon,
+			LookupFunctionIcon,
+			MathFunctionIcon,
+			StatisticalFunctionIcon,
+			TextFunctionIcon
+		}));
 	}
 	_registerComponents() {
 		this.disposeWithMe(this._componentManager.register(MORE_FUNCTIONS_COMPONENT, MoreFunctions));
@@ -4549,227 +5244,6 @@ ImageFormulaRenderController = __decorate([
 	__decorateParam(2, IUniverInstanceService)
 ], ImageFormulaRenderController);
 
-//#endregion
-//#region src/menu/menu.ts
-function InsertCommonFunctionMenuItemFactory(accessor) {
-	const commonFunctions = [
-		"SUMIF",
-		"SUM",
-		"AVERAGE",
-		"IF",
-		"COUNT",
-		"SIN",
-		"MAX"
-	];
-	let selections = commonFunctions.map((name) => ({
-		label: {
-			name,
-			selectable: false
-		},
-		value: name
-	}));
-	try {
-		const descriptionService = accessor.get(IDescriptionService);
-		const filtered = commonFunctions.filter((name) => Boolean(descriptionService.getFunctionInfo(name)));
-		if (filtered.length > 0) selections = filtered.map((name) => ({
-			label: {
-				name,
-				selectable: false
-			},
-			value: name
-		}));
-	} catch {}
-	return {
-		id: `${InsertFunctionOperation.id}.common`,
-		commandId: InsertFunctionOperation.id,
-		title: "sheets-formula-ui.insert.common",
-		tooltip: "sheets-formula-ui.insert.tooltip",
-		icon: "FunctionIcon",
-		type: MenuItemType.SELECTOR,
-		selections,
-		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
-	};
-}
-function createInsertFunctionCategoryMenuItemFactory(functionType, categoryKey, icon) {
-	return function insertFunctionCategoryMenuItemFactory(accessor) {
-		let selections = [];
-		try {
-			selections = accessor.get(IDescriptionService).getSearchListByType(functionType).map(({ name }) => ({
-				label: {
-					name,
-					selectable: false
-				},
-				value: name
-			}));
-		} catch {
-			selections = [];
-		}
-		return {
-			id: `${InsertFunctionOperation.id}.${categoryKey}`,
-			commandId: InsertFunctionOperation.id,
-			title: `sheets-formula-ui.functionType.${categoryKey}`,
-			tooltip: "sheets-formula-ui.insert.tooltip",
-			icon,
-			type: MenuItemType.SELECTOR,
-			selections,
-			hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
-		};
-	};
-}
-const InsertFinancialFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Financial, "financial");
-const InsertLogicalFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Logical, "logical");
-const InsertTextFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Text, "text");
-const InsertDateFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Date, "date");
-const InsertLookupFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Lookup, "lookup");
-const InsertMathFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Math, "math");
-const InsertStatisticalFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Statistical, "statistical");
-const InsertEngineeringFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Engineering, "engineering");
-const InsertInformationFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Information, "information");
-const InsertDatabaseFunctionMenuItemFactory = createInsertFunctionCategoryMenuItemFactory(FunctionType.Database, "database");
-function AllFunctionsMenuItemFactory(accessor) {
-	return {
-		id: MoreFunctionsOperation.id,
-		title: "sheets-formula-ui.moreFunctions.allFunctions",
-		tooltip: "sheets-formula-ui.insert.tooltip",
-		type: MenuItemType.BUTTON,
-		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
-		disabled$: getCurrentRangeDisable$(accessor, {
-			workbookTypes: [WorkbookEditablePermission],
-			worksheetTypes: [WorksheetEditPermission, WorksheetSetCellValuePermission],
-			rangeTypes: [RangeProtectionPermissionEditPoint]
-		})
-	};
-}
-function CopyFormulaOnlyMenuItemFactory(accessor) {
-	return {
-		id: SheetCopyFormulaOnlyCommand.id,
-		type: MenuItemType.BUTTON,
-		title: "sheets-formula-ui.operation.copyFormulaOnly",
-		disabled$: getCurrentRangeDisable$(accessor, {
-			workbookTypes: [WorkbookCopyPermission],
-			worksheetTypes: [WorksheetCopyPermission],
-			rangeTypes: [RangeProtectionPermissionViewPoint]
-		}),
-		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
-	};
-}
-function PasteFormulaMenuItemFactory(accessor) {
-	return {
-		id: SheetOnlyPasteFormulaCommand.id,
-		type: MenuItemType.BUTTON,
-		title: "sheets-formula-ui.operation.pasteFormula",
-		disabled$: menuClipboardDisabledObservable(accessor).pipe(combineLatestWith(getCurrentRangeDisable$(accessor, {
-			workbookTypes: [WorkbookEditablePermission],
-			rangeTypes: [RangeProtectionPermissionEditPoint],
-			worksheetTypes: [WorksheetSetCellValuePermission, WorksheetEditPermission]
-		})), map(([d1, d2]) => d1 || d2)),
-		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
-	};
-}
-
-//#endregion
-//#region src/menu/schema.ts
-const menuSchema = {
-	[RibbonFormulasGroup.BASIC]: {
-		[`${InsertFunctionOperation.id}.common`]: {
-			order: 0,
-			menuItemFactory: InsertCommonFunctionMenuItemFactory,
-			[MoreFunctionsOperation.id]: {
-				order: 0,
-				menuItemFactory: AllFunctionsMenuItemFactory
-			}
-		},
-		[`${InsertFunctionOperation.id}.financial`]: {
-			order: 1,
-			menuItemFactory: InsertFinancialFunctionMenuItemFactory,
-			[MoreFunctionsOperation.id]: {
-				order: 0,
-				menuItemFactory: AllFunctionsMenuItemFactory
-			}
-		},
-		[`${InsertFunctionOperation.id}.logical`]: {
-			order: 2,
-			menuItemFactory: InsertLogicalFunctionMenuItemFactory,
-			[MoreFunctionsOperation.id]: {
-				order: 0,
-				menuItemFactory: AllFunctionsMenuItemFactory
-			}
-		},
-		[`${InsertFunctionOperation.id}.text`]: {
-			order: 3,
-			menuItemFactory: InsertTextFunctionMenuItemFactory,
-			[MoreFunctionsOperation.id]: {
-				order: 0,
-				menuItemFactory: AllFunctionsMenuItemFactory
-			}
-		},
-		[`${InsertFunctionOperation.id}.date`]: {
-			order: 4,
-			menuItemFactory: InsertDateFunctionMenuItemFactory,
-			[MoreFunctionsOperation.id]: {
-				order: 0,
-				menuItemFactory: AllFunctionsMenuItemFactory
-			}
-		},
-		[`${InsertFunctionOperation.id}.lookup`]: {
-			order: 5,
-			menuItemFactory: InsertLookupFunctionMenuItemFactory,
-			[MoreFunctionsOperation.id]: {
-				order: 0,
-				menuItemFactory: AllFunctionsMenuItemFactory
-			}
-		},
-		[`${InsertFunctionOperation.id}.math`]: {
-			order: 6,
-			menuItemFactory: InsertMathFunctionMenuItemFactory,
-			[MoreFunctionsOperation.id]: {
-				order: 0,
-				menuItemFactory: AllFunctionsMenuItemFactory
-			}
-		},
-		[`${InsertFunctionOperation.id}.statistical`]: {
-			order: 7,
-			menuItemFactory: InsertStatisticalFunctionMenuItemFactory,
-			[MoreFunctionsOperation.id]: {
-				order: 0,
-				menuItemFactory: AllFunctionsMenuItemFactory
-			}
-		},
-		[`${InsertFunctionOperation.id}.engineering`]: {
-			order: 8,
-			menuItemFactory: InsertEngineeringFunctionMenuItemFactory,
-			[MoreFunctionsOperation.id]: {
-				order: 0,
-				menuItemFactory: AllFunctionsMenuItemFactory
-			}
-		},
-		[`${InsertFunctionOperation.id}.information`]: {
-			order: 9,
-			menuItemFactory: InsertInformationFunctionMenuItemFactory,
-			[MoreFunctionsOperation.id]: {
-				order: 0,
-				menuItemFactory: AllFunctionsMenuItemFactory
-			}
-		},
-		[`${InsertFunctionOperation.id}.database`]: {
-			order: 10,
-			menuItemFactory: InsertDatabaseFunctionMenuItemFactory,
-			[MoreFunctionsOperation.id]: {
-				order: 0,
-				menuItemFactory: AllFunctionsMenuItemFactory
-			}
-		}
-	},
-	[COPY_SPECIAL_MENU_ID]: { [SheetCopyFormulaOnlyCommand.id]: {
-		order: 0,
-		menuItemFactory: CopyFormulaOnlyMenuItemFactory
-	} },
-	[PASTE_SPECIAL_MENU_ID]: { [SheetOnlyPasteFormulaCommand.id]: {
-		order: 4,
-		menuItemFactory: PasteFormulaMenuItemFactory
-	} }
-};
-
 //#endregion
 //#region src/views/formula-progress/FormulaProgress.tsx
 /**
@@ -4989,4 +5463,4 @@ UniverSheetsFormulaUIPlugin = __decorate([
 ], UniverSheetsFormulaUIPlugin);
 
 //#endregion
-export { FORMULA_PROMPT_ACTIVATED, FormulaEditor, FormulaReorderController, GlobalRangeSelectorService, HelpFunctionOperation, InsertFunctionOperation, MoreFunctionsOperation, RangeSelector, RefSelectionsRenderService, ReferenceAbsoluteOperation, SearchFunctionOperation, SheetCopyFormulaOnlyCommand, SheetOnlyPasteFormulaCommand, UniverSheetsFormulaUIPlugin };
+export { FORMULA_PROMPT_ACTIVATED, FormulaEditor, FormulaReorderController, GlobalRangeSelectorService, HelpFunctionOperation, InsertFunctionOperation, MoreFunctionsOperation, RangeSelector, RefSelectionsRenderService, ReferenceAbsoluteOperation, SearchFunctionOperation, SheetCopyFormulaOnlyCommand, SheetOnlyPasteFormulaCommand, menuSchema as SheetsFormulaUIMenuSchema, UniverSheetsFormulaUIPlugin };