@univerjs/sheets-ui 0.24.0 → 0.25.0

package/lib/cjs/index.js

@@ -214,7 +214,7 @@ let SHEET_VIEW_KEY = /* @__PURE__ */ function(SHEET_VIEW_KEY) {
 }({});
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -225,7 +225,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -238,14 +238,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -995,7 +995,7 @@ function genSelectionByRange(skeleton, range) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -1003,7 +1003,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -3460,13 +3460,15 @@ var HtmlToUSMService = class HtmlToUSMService {
 		const element = node;
 		if (element.tagName.toUpperCase() === "A") {
 			var _body$customRanges, _element$dataset$rang;
+			const href = element.href;
+			if (!(0, _univerjs_core.isSafeUrl)(href)) return;
 			body.customRanges = (_body$customRanges = body.customRanges) !== null && _body$customRanges !== void 0 ? _body$customRanges : [];
 			body.customRanges.push({
 				startIndex: start,
 				endIndex: body.dataStream.length - 1,
 				rangeId: (_element$dataset$rang = element.dataset.rangeid) !== null && _element$dataset$rang !== void 0 ? _element$dataset$rang : (0, _univerjs_core.generateRandomId)(),
 				rangeType: _univerjs_core.CustomRangeType.HYPERLINK,
-				properties: { url: element.href }
+				properties: { url: href }
 			});
 		}
 	}
@@ -4112,8 +4114,8 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		if (html && shouldUseHTMLPaste) {
 			if (this._platformService.isWindows && htmlIsFromExcel(html)) this._notificationService.show({
 				type: "warning",
-				title: this._localeService.t("clipboard.shortCutNotify.title"),
-				content: this._localeService.t("clipboard.shortCutNotify.useShortCutInstead")
+				title: this._localeService.t("sheets-ui.clipboard.shortCutNotify.title"),
+				content: this._localeService.t("sheets-ui.clipboard.shortCutNotify.useShortCutInstead")
 			});
 			return this._pasteHTML(html, pasteType);
 		}
@@ -4327,7 +4329,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 			if (mergeData.some((m) => {
 				return rangeIntersectWithDiscreteRange(m, pasteTarget.pastedRange) && !discreteRangeContainsRange(pasteTarget.pastedRange, m);
 			})) {
-				this._errorService.emit(this._localeService.t("clipboard.paste.overlappingMergedCells"));
+				this._errorService.emit(this._localeService.t("sheets-ui.clipboard.paste.overlappingMergedCells"));
 				return false;
 			}
 		}
@@ -4373,7 +4375,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 			if (mergeData.some((m) => {
 				return rangeIntersectWithDiscreteRange(m, pasteTarget.pastedRange) && !discreteRangeContainsRange(pasteTarget.pastedRange, m);
 			})) {
-				this._errorService.emit(this._localeService.t("clipboard.paste.overlappingMergedCells"));
+				this._errorService.emit(this._localeService.t("sheets-ui.clipboard.paste.overlappingMergedCells"));
 				return false;
 			}
 		}
@@ -5037,10 +5039,10 @@ const DeleteRangeMoveLeftConfirmCommand = {
 		})) return commandService.executeCommand(_univerjs_sheets.DeleteRangeMoveLeftCommand.id);
 		if (await confirmService.confirm({
 			id: DeleteRangeMoveLeftConfirmCommand.id,
-			title: { title: localeService.t("merge.confirm.warning") },
-			children: { title: localeService.t("merge.confirm.dismantleMergeCellWarning") },
-			cancelText: localeService.t("button.cancel"),
-			confirmText: localeService.t("button.confirm")
+			title: { title: localeService.t("sheets-ui.merge.confirm.warning") },
+			children: { title: localeService.t("sheets-ui.merge.confirm.dismantleMergeCellWarning") },
+			cancelText: localeService.t("sheets-ui.button.cancel"),
+			confirmText: localeService.t("sheets-ui.button.confirm")
 		})) return commandService.executeCommand(_univerjs_sheets.DeleteRangeMoveLeftCommand.id);
 		return true;
 	}
@@ -5071,9 +5073,9 @@ const DeleteRangeMoveUpConfirmCommand = {
 		for (let i = range.startRow; i <= range.endRow; i++) if (worksheet.getRowFiltered(i)) {
 			if (await confirmService.confirm({
 				id: DeleteRangeMoveUpConfirmCommand.id,
-				title: { title: localeService.t("filter.confirm.error") },
-				children: { title: localeService.t("filter.confirm.notAllowedToInsertRange") },
-				confirmText: localeService.t("button.confirm")
+				title: { title: localeService.t("sheets-ui.filter.confirm.error") },
+				children: { title: localeService.t("sheets-ui.filter.confirm.notAllowedToInsertRange") },
+				confirmText: localeService.t("sheets-ui.button.confirm")
 			})) return false;
 		}
 		const getColLength = (range) => range.endColumn - range.startColumn;
@@ -5083,10 +5085,10 @@ const DeleteRangeMoveUpConfirmCommand = {
 		})) return commandService.executeCommand(_univerjs_sheets.DeleteRangeMoveUpCommand.id);
 		if (await confirmService.confirm({
 			id: DeleteRangeMoveUpConfirmCommand.id,
-			title: { title: localeService.t("merge.confirm.warning") },
-			children: { title: localeService.t("merge.confirm.dismantleMergeCellWarning") },
-			cancelText: localeService.t("button.cancel"),
-			confirmText: localeService.t("button.confirm")
+			title: { title: localeService.t("sheets-ui.merge.confirm.warning") },
+			children: { title: localeService.t("sheets-ui.merge.confirm.dismantleMergeCellWarning") },
+			cancelText: localeService.t("sheets-ui.button.cancel"),
+			confirmText: localeService.t("sheets-ui.button.confirm")
 		})) return commandService.executeCommand(_univerjs_sheets.DeleteRangeMoveUpCommand.id);
 		return true;
 	}
@@ -5518,10 +5520,10 @@ const HideRowConfirmCommand = {
 			const localeService = accessor.get(_univerjs_core.LocaleService);
 			await confirmService.confirm({
 				id: "sheet.confirm.hide-row",
-				title: { title: localeService.t("info.problem") },
-				children: { title: localeService.t("rightClick.hideAllRowsAlert") },
-				cancelText: localeService.t("button.cancel"),
-				confirmText: localeService.t("button.confirm")
+				title: { title: localeService.t("sheets-ui.info.problem") },
+				children: { title: localeService.t("sheets-ui.rightClick.hideAllRowsAlert") },
+				cancelText: localeService.t("sheets-ui.button.cancel"),
+				confirmText: localeService.t("sheets-ui.button.confirm")
 			});
 			return false;
 		}
@@ -5545,10 +5547,10 @@ const HideColConfirmCommand = {
 			const localeService = accessor.get(_univerjs_core.LocaleService);
 			await confirmService.confirm({
 				id: "sheet.confirm.hide-col",
-				title: { title: localeService.t("info.problem") },
-				children: { title: localeService.t("rightClick.hideAllColumnsAlert") },
-				cancelText: localeService.t("button.cancel"),
-				confirmText: localeService.t("button.confirm")
+				title: { title: localeService.t("sheets-ui.info.problem") },
+				children: { title: localeService.t("sheets-ui.rightClick.hideAllColumnsAlert") },
+				cancelText: localeService.t("sheets-ui.button.cancel"),
+				confirmText: localeService.t("sheets-ui.button.confirm")
 			});
 			return false;
 		}
@@ -5761,9 +5763,9 @@ const InsertRangeMoveDownConfirmCommand = {
 		for (let i = range.startRow; i <= range.endRow; i++) if (worksheet.getRowFiltered(i)) {
 			if (await confirmService.confirm({
 				id: InsertRangeMoveDownConfirmCommand.id,
-				title: { title: localeService.t("filter.confirm.error") },
-				children: { title: localeService.t("filter.confirm.notAllowedToInsertRange") },
-				confirmText: localeService.t("button.confirm")
+				title: { title: localeService.t("sheets-ui.filter.confirm.error") },
+				children: { title: localeService.t("sheets-ui.filter.confirm.notAllowedToInsertRange") },
+				confirmText: localeService.t("sheets-ui.button.confirm")
 			})) return false;
 		}
 		const getColLength = (range) => range.endColumn - range.startColumn;
@@ -5773,10 +5775,10 @@ const InsertRangeMoveDownConfirmCommand = {
 		})) return commandService.executeCommand(_univerjs_sheets.InsertRangeMoveDownCommand.id);
 		if (await confirmService.confirm({
 			id: InsertRangeMoveDownConfirmCommand.id,
-			title: { title: localeService.t("merge.confirm.warning") },
-			children: { title: localeService.t("merge.confirm.dismantleMergeCellWarning") },
-			cancelText: localeService.t("button.cancel"),
-			confirmText: localeService.t("button.confirm")
+			title: { title: localeService.t("sheets-ui.merge.confirm.warning") },
+			children: { title: localeService.t("sheets-ui.merge.confirm.dismantleMergeCellWarning") },
+			cancelText: localeService.t("sheets-ui.button.cancel"),
+			confirmText: localeService.t("sheets-ui.button.confirm")
 		})) return commandService.executeCommand(_univerjs_sheets.InsertRangeMoveDownCommand.id);
 		return true;
 	}
@@ -5811,10 +5813,10 @@ const InsertRangeMoveRightConfirmCommand = {
 		})) return commandService.executeCommand(_univerjs_sheets.InsertRangeMoveRightCommand.id);
 		if (await confirmService.confirm({
 			id: InsertRangeMoveRightConfirmCommand.id,
-			title: { title: localeService.t("merge.confirm.warning") },
-			children: { title: localeService.t("merge.confirm.dismantleMergeCellWarning") },
-			cancelText: localeService.t("button.cancel"),
-			confirmText: localeService.t("button.confirm")
+			title: { title: localeService.t("sheets-ui.merge.confirm.warning") },
+			children: { title: localeService.t("sheets-ui.merge.confirm.dismantleMergeCellWarning") },
+			cancelText: localeService.t("sheets-ui.button.cancel"),
+			confirmText: localeService.t("sheets-ui.button.confirm")
 		})) return commandService.executeCommand(_univerjs_sheets.InsertRangeMoveRightCommand.id);
 		return true;
 	}
@@ -5961,7 +5963,7 @@ const SheetPermissionOpenPanelOperation = {
 		const sheetPermissionUserManagerService = accessor.get(SheetPermissionUserManagerService);
 		const { showDetail = true, fromSheetBar = false, rule, oldRule } = _params;
 		const sidebarProps = {
-			header: { title: "permission.panel.title" },
+			header: { title: "sheets-ui.permission.panel.title" },
 			children: {
 				label: UNIVER_SHEET_PERMISSION_PANEL,
 				showDetail,
@@ -6151,10 +6153,10 @@ const RemoveRowConfirmCommand = {
 			const localeService = accessor.get(_univerjs_core.LocaleService);
 			await confirmService.confirm({
 				id: "sheet.confirm.remove-row",
-				title: { title: localeService.t("info.problem") },
-				children: { title: localeService.t("rightClick.deleteAllRowsAlert") },
-				cancelText: localeService.t("button.cancel"),
-				confirmText: localeService.t("button.confirm")
+				title: { title: localeService.t("sheets-ui.info.problem") },
+				children: { title: localeService.t("sheets-ui.rightClick.deleteAllRowsAlert") },
+				cancelText: localeService.t("sheets-ui.button.cancel"),
+				confirmText: localeService.t("sheets-ui.button.confirm")
 			});
 			return false;
 		}
@@ -6182,10 +6184,10 @@ const RemoveColConfirmCommand = {
 			const localeService = accessor.get(_univerjs_core.LocaleService);
 			await confirmService.confirm({
 				id: "sheet.confirm.remove-col",
-				title: { title: localeService.t("info.problem") },
-				children: { title: localeService.t("rightClick.deleteAllColumnsAlert") },
-				cancelText: localeService.t("button.cancel"),
-				confirmText: localeService.t("button.confirm")
+				title: { title: localeService.t("sheets-ui.info.problem") },
+				children: { title: localeService.t("sheets-ui.rightClick.deleteAllColumnsAlert") },
+				cancelText: localeService.t("sheets-ui.button.cancel"),
+				confirmText: localeService.t("sheets-ui.button.confirm")
 			});
 			return false;
 		}
@@ -6216,10 +6218,10 @@ const RemoveSheetConfirmCommand = {
 		const isLargeSheet = (0, _univerjs_sheets.countCells)(worksheet.getCellMatrix()) >= largeSheetConfig.largeSheetCellCountThreshold;
 		if (!await confirmService.confirm({
 			id: "sheet.confirm.remove-sheet",
-			title: { title: localeService.t("sheetConfig.deleteSheet") },
-			children: { title: isLargeSheet ? localeService.t("sheetConfig.deleteLargeSheetContent") : localeService.t("sheetConfig.deleteSheetContent") },
-			cancelText: localeService.t("button.cancel"),
-			confirmText: localeService.t("button.confirm")
+			title: { title: localeService.t("sheets-ui.sheetConfig.deleteSheet") },
+			children: { title: isLargeSheet ? localeService.t("sheets-ui.sheetConfig.deleteLargeSheetContent") : localeService.t("sheets-ui.sheetConfig.deleteSheetContent") },
+			cancelText: localeService.t("sheets-ui.button.cancel"),
+			confirmText: localeService.t("sheets-ui.button.confirm")
 		})) return false;
 		await commandService.executeCommand(_univerjs_sheets.RemoveSheetCommand.id, { subUnitId });
 		return true;
@@ -7075,6 +7077,7 @@ function getTransformCoord(evtOffsetX, evtOffsetY, scene, skeleton) {
 //#endregion
 //#region src/controllers/render-controllers/scroll.render-controller.ts
 const MOUSE_WHEEL_SPEED_SMOOTHING_FACTOR = 3;
+const WHEEL_CROSS_AXIS_LOCK_RATIO = 2;
 let SheetsScrollRenderController = class SheetsScrollRenderController extends _univerjs_core.Disposable {
 	constructor(_context, _injector, _sheetSkeletonManagerService, _contextService, _commandService, _renderManagerService, _scrollManagerService) {
 		super();
@@ -7099,15 +7102,26 @@ let SheetsScrollRenderController = class SheetsScrollRenderController extends _u
 			if (evt.ctrlKey || !this._contextService.getContextValue(_univerjs_core.FOCUSING_SHEET)) return;
 			let offsetX = 0;
 			let offsetY = 0;
-			offsetX = evt.deltaX;
-			if (evt.shiftKey) offsetX = (evt.deltaY || evt.deltaX) * MOUSE_WHEEL_SPEED_SMOOTHING_FACTOR;
-			else offsetY = evt.deltaY;
+			const scaleX = Math.abs(scene.scaleX) || 1;
+			const scaleY = Math.abs(scene.scaleY) || 1;
+			offsetX = evt.deltaX / scaleX;
+			if (evt.shiftKey) offsetX = (evt.deltaY || evt.deltaX) * MOUSE_WHEEL_SPEED_SMOOTHING_FACTOR / scaleX;
+			else {
+				offsetY = evt.deltaY / scaleY;
+				const absOffsetX = Math.abs(offsetX);
+				const absOffsetY = Math.abs(offsetY);
+				if (absOffsetY >= absOffsetX * WHEEL_CROSS_AXIS_LOCK_RATIO) offsetX = 0;
+				else if (absOffsetX >= absOffsetY * WHEEL_CROSS_AXIS_LOCK_RATIO) offsetY = 0;
+			}
+			const targetViewportScrollX = viewMain.viewportScrollX + offsetX;
+			const targetViewportScrollY = viewMain.viewportScrollY + offsetY;
+			const { x: targetScrollX, y: targetScrollY } = viewMain.transViewportScroll2ScrollValue(targetViewportScrollX, targetViewportScrollY);
 			this._commandService.executeCommand(SetScrollRelativeCommand.id, {
 				offsetX,
 				offsetY
 			});
 			this._context.scene.makeDirty(true);
-			const isLimitedStore = viewMain.limitedScroll(viewMain.scrollX + offsetX, viewMain.scrollY + offsetY);
+			const isLimitedStore = viewMain.limitedScroll(targetScrollX, targetScrollY);
 			if (isLimitedStore && !isLimitedStore.isLimitedX && !isLimitedStore.isLimitedY) {
 				evt.preventDefault();
 				if (scene.getParent().classType === _univerjs_engine_render.RENDER_CLASS_TYPE.SCENE_VIEWER) state.stopPropagation();
@@ -7992,18 +8006,12 @@ let SheetsZoomRenderController = class SheetsZoomRenderController extends _unive
 				const state = this._editorBridgeService.isVisible();
 				if ((state.unitId === this._context.unitId || state.unitId === _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) && state.visible) return;
 			}
-			const deltaFactor = Math.abs(e.deltaX);
-			let ratioDelta = deltaFactor < 40 ? .2 : deltaFactor < 80 ? .4 : .2;
-			ratioDelta *= e.deltaY > 0 ? -1 : 1;
-			if (scene.scaleX < 1) ratioDelta /= 2;
 			const workbook = this._context.unit;
 			const sheet = workbook.getActiveSheet();
 			if (!sheet) return;
-			const currentRatio = sheet.getZoomRatio();
-			let nextRatio = +Number.parseFloat(`${currentRatio + ratioDelta}`).toFixed(1);
-			nextRatio = nextRatio >= 4 ? 4 : nextRatio <= .1 ? .1 : nextRatio;
+			const nextRatio = (0, _univerjs_engine_render.getNextWheelZoomRatio)(sheet.getZoomRatio(), e);
 			this._commandService.executeCommand(SetZoomRatioCommand.id, {
-				zoomRatio: Math.round(nextRatio * 10) / 10,
+				zoomRatio: nextRatio,
 				unitId: workbook.getUnitId(),
 				subUnitId: sheet.getSheetId()
 			});
@@ -8324,7 +8332,7 @@ const SheetPermissionOpenDialogOperation = {
 		dialogService.close("DESKTOP_FIND_REPLACE_DIALOG");
 		dialogService.open({
 			id: UNIVER_SHEET_PERMISSION_DIALOG_ID,
-			title: { title: "permission.dialog.allowedPermissionType" },
+			title: { title: "sheets-ui.permission.dialog.allowedPermissionType" },
 			children: { label: UNIVER_SHEET_PERMISSION_DIALOG },
 			width: 393,
 			destroyOnClose: true,
@@ -8369,7 +8377,7 @@ const SidebarDefinedNameOperation = {
 			case "open":
 				sidebarService.open({
 					id: DEFINED_NAME_CONTAINER,
-					header: { title: localeService.t("definedName.featureTitle") },
+					header: { title: localeService.t("sheets-ui.definedName.featureTitle") },
 					children: { label: DEFINED_NAME_CONTAINER },
 					onClose: () => {},
 					width: 333,
@@ -9081,23 +9089,23 @@ const DEFAULT_PADDING = 2;
 const SheetPasteOptions = [
 	{
 		value: "DEFAULT_PASTE",
-		label: "rightClick.paste"
+		label: "sheets-ui.rightClick.paste"
 	},
 	{
 		value: "SPECIAL_PASTE_VALUE",
-		label: "rightClick.pasteValue"
+		label: "sheets-ui.rightClick.pasteValue"
 	},
 	{
 		value: "SPECIAL_PASTE_FORMAT",
-		label: "rightClick.pasteFormat"
+		label: "sheets-ui.rightClick.pasteFormat"
 	},
 	{
 		value: "SPECIAL_PASTE_COL_WIDTH",
-		label: "rightClick.pasteColWidth"
+		label: "sheets-ui.rightClick.pasteColWidth"
 	},
 	{
 		value: "SPECIAL_PASTE_BESIDES_BORDER",
-		label: "rightClick.pasteBesidesBorder"
+		label: "sheets-ui.rightClick.pasteBesidesBorder"
 	},
 	{
 		value: "SPECIAL_PASTE_FORMULA",
@@ -9881,7 +9889,7 @@ const permissionCheckMap = {
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission],
 			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
 		},
-		errorMessageKey: "permission.dialog.editErr"
+		errorMessageKey: "sheets-ui.permission.dialog.editErr"
 	},
 	["cellStyle"]: {
 		permissionTypes: {
@@ -9889,7 +9897,7 @@ const permissionCheckMap = {
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellStylePermission],
 			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
 		},
-		errorMessageKey: "permission.dialog.setStyleErr"
+		errorMessageKey: "sheets-ui.permission.dialog.setStyleErr"
 	},
 	["cellValue"]: {
 		permissionTypes: {
@@ -9897,7 +9905,7 @@ const permissionCheckMap = {
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellValuePermission],
 			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
 		},
-		errorMessageKey: "permission.dialog.editErr"
+		errorMessageKey: "sheets-ui.permission.dialog.editErr"
 	},
 	["rowStyle"]: {
 		permissionTypes: {
@@ -9905,7 +9913,7 @@ const permissionCheckMap = {
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetRowStylePermission],
 			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
 		},
-		errorMessageKey: "permission.dialog.setRowColStyleErr"
+		errorMessageKey: "sheets-ui.permission.dialog.setRowColStyleErr"
 	},
 	["columnStyle"]: {
 		permissionTypes: {
@@ -9913,7 +9921,7 @@ const permissionCheckMap = {
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetColumnStylePermission],
 			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
 		},
-		errorMessageKey: "permission.dialog.setRowColStyleErr"
+		errorMessageKey: "sheets-ui.permission.dialog.setRowColStyleErr"
 	}
 };
 const RepeatLastActionCommand = {
@@ -9990,8 +9998,9 @@ function generateArrowSelectionShortCutItem() {
 const StartEditWithF2Shortcut = {
 	id: SetCellEditVisibleWithF2Operation.id,
 	binding: _univerjs_ui.KeyCode.F2,
-	description: "shortcut.sheet.start-editing",
+	description: "sheets-ui.shortcut.sheet.start-editing",
 	group: "4_sheet-edit",
+	groupTitle: "sheets-ui.shortcut.sheet-edit",
 	preconditions: whenSheetEditorFocused,
 	staticParameters: {
 		visible: true,
@@ -10002,15 +10011,17 @@ const StartEditWithF2Shortcut = {
 const RepeatLastActionShortcut = {
 	id: RepeatLastActionCommand.id,
 	binding: _univerjs_ui.KeyCode.F4,
-	description: "shortcut.sheet.repeat-last-action",
+	description: "sheets-ui.shortcut.sheet.repeat-last-action",
 	group: "4_sheet-edit",
+	groupTitle: "sheets-ui.shortcut.sheet-edit",
 	preconditions: whenSheetEditorFocused
 };
 const EditorCursorEnterShortcut = {
 	id: SetCellEditVisibleOperation.id,
 	binding: _univerjs_ui.KeyCode.ENTER,
-	description: "shortcut.sheet.toggle-editing",
+	description: "sheets-ui.shortcut.sheet.toggle-editing",
 	group: "4_sheet-edit",
+	groupTitle: "sheets-ui.shortcut.sheet-edit",
 	preconditions: (contextService) => whenEditorDidNotInputFormulaActivated(contextService),
 	staticParameters: {
 		visible: false,
@@ -10031,8 +10042,9 @@ const EditorCursorTabShortcut = {
 const EditorCursorEscShortcut = {
 	id: SetCellEditVisibleOperation.id,
 	binding: _univerjs_ui.KeyCode.ESC,
-	description: "shortcut.sheet.abort-editing",
+	description: "sheets-ui.shortcut.sheet.abort-editing",
 	group: "4_sheet-edit",
+	groupTitle: "sheets-ui.shortcut.sheet-edit",
 	preconditions: (contextService) => whenEditorDidNotInputFormulaActivated(contextService),
 	staticParameters: {
 		visible: false,
@@ -10053,8 +10065,9 @@ const EditorCursorCtrlEnterShortcut = {
 };
 const EditorBreakLineShortcut = {
 	id: _univerjs_docs_ui.BreakLineCommand.id,
-	description: "shortcut.sheet.break-line",
+	description: "sheets-ui.shortcut.sheet.break-line",
 	group: "4_sheet-edit",
+	groupTitle: "sheets-ui.shortcut.sheet-edit",
 	preconditions: (contextService) => whenSheetEditorActivated(contextService),
 	binding: _univerjs_ui.KeyCode.ENTER | _univerjs_ui.MetaKeys.ALT
 };
@@ -10075,8 +10088,9 @@ const ShiftEditorDeleteLeftShortcut = {
 };
 const EditorDeleteLeftShortcutInActive = {
 	id: SetCellEditVisibleOperation.id,
-	description: "shortcut.sheet.delete-and-start-editing",
+	description: "sheets-ui.shortcut.sheet.delete-and-start-editing",
 	group: "4_sheet-edit",
+	groupTitle: "sheets-ui.shortcut.sheet-edit",
 	preconditions: (contextService) => whenSheetEditorFocused(contextService) && !whenFormulaEditorFocused(contextService),
 	binding: _univerjs_ui.KeyCode.BACKSPACE,
 	staticParameters: {
@@ -11532,7 +11546,7 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 				if (maxConfig && endRow * endColumn > maxConfig) {
 					self._messageService.show({
 						type: _univerjs_design.MessageType.Error,
-						content: self._localService.t("clipboard.paste.exceedMaxCells")
+						content: self._localService.t("sheets-ui.clipboard.paste.exceedMaxCells")
 					});
 					return false;
 				}
@@ -12267,6 +12281,7 @@ const calcDocGlyphPosition = (glyph, skeleton, pageIndex = -1) => {
 		pageMarginTop: 0
 	}, skeleton).getRangePointData(startPosition, startPosition);
 	const rect = (0, _univerjs_docs_ui.getLineBounding)(borderBoxPointGroup)[0];
+	if (!rect) return;
 	return {
 		top: rect.top,
 		bottom: rect.bottom,
@@ -12932,7 +12947,7 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 	_haveNotPermissionHandle(errorMsg) {
 		const dialogProps = {
 			id: UNIVER_SHEET_PERMISSION_ALERT_DIALOG_ID,
-			title: { title: "permission.dialog.alert" },
+			title: { title: "sheets-ui.permission.dialog.alert" },
 			children: {
 				label: UNIVER_SHEET_PERMISSION_ALERT_DIALOG,
 				errorMsg
@@ -12966,7 +12981,7 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 					worksheetTypes: [_univerjs_sheets.WorksheetSetCellValuePermission, _univerjs_sheets.WorksheetEditPermission],
 					rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
 				});
-				errorMsg = this._localeService.t("permission.dialog.editErr");
+				errorMsg = this._localeService.t("sheets-ui.permission.dialog.editErr");
 				break;
 			case SetCellEditVisibleOperation.id:
 				params = commandInfo.params;
@@ -12976,7 +12991,7 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 					worksheetTypes: [_univerjs_sheets.WorksheetSetCellValuePermission, _univerjs_sheets.WorksheetEditPermission],
 					rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
 				});
-				errorMsg = this._localeService.t("permission.dialog.editErr");
+				errorMsg = this._localeService.t("sheets-ui.permission.dialog.editErr");
 				break;
 			case SheetPasteColWidthCommand.id:
 				permission = this._sheetPermissionCheckController.permissionCheckWithoutRange({
@@ -12984,13 +12999,13 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 					worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetColumnStylePermission],
 					rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
 				});
-				errorMsg = this._localeService.t("permission.dialog.pasteErr");
+				errorMsg = this._localeService.t("sheets-ui.permission.dialog.pasteErr");
 				break;
 			case SheetPasteShortKeyCommand.id:
 			case SheetPasteCommand.id:
 				params = commandInfo.params;
 				permission = this._permissionCheckByPaste(params);
-				errorMsg = this._localeService.t("permission.dialog.pasteErr");
+				errorMsg = this._localeService.t("sheets-ui.permission.dialog.pasteErr");
 				break;
 			case ApplyFormatPainterCommand.id:
 				permission = this._sheetPermissionCheckController.permissionCheckWithRanges({
@@ -13002,7 +13017,7 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 					],
 					rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
 				});
-				errorMsg = this._localeService.t("permission.dialog.commonErr");
+				errorMsg = this._localeService.t("sheets-ui.permission.dialog.commonErr");
 				break;
 			case SheetCopyCommand.id:
 				var _this$_permissionServ;
@@ -13011,9 +13026,9 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 					worksheetTypes: [_univerjs_sheets.WorksheetCopyPermission],
 					rangeTypes: [_univerjs_sheets.RangeProtectionPermissionViewPoint]
 				});
-				errorMsg = this._localeService.t("permission.dialog.copyErr");
+				errorMsg = this._localeService.t("sheets-ui.permission.dialog.copyErr");
 				target = (0, _univerjs_sheets.getSheetCommandTarget)(this._univerInstanceService);
-				if (!permission && target && !((_this$_permissionServ = this._permissionService.getPermissionPoint(new _univerjs_sheets.WorkbookCopyPermission(target.unitId).id)) === null || _this$_permissionServ === void 0 ? void 0 : _this$_permissionServ.value)) errorMsg = this._localeService.t("permission.dialog.workbookCopyErr");
+				if (!permission && target && !((_this$_permissionServ = this._permissionService.getPermissionPoint(new _univerjs_sheets.WorkbookCopyPermission(target.unitId).id)) === null || _this$_permissionServ === void 0 ? void 0 : _this$_permissionServ.value)) errorMsg = this._localeService.t("sheets-ui.permission.dialog.workbookCopyErr");
 				break;
 			case SheetCutCommand.id:
 				var _this$_permissionServ2;
@@ -13022,9 +13037,9 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 					worksheetTypes: [_univerjs_sheets.WorksheetCopyPermission, _univerjs_sheets.WorksheetEditPermission],
 					rangeTypes: [_univerjs_sheets.RangeProtectionPermissionViewPoint, _univerjs_sheets.RangeProtectionPermissionEditPoint]
 				});
-				errorMsg = this._localeService.t("permission.dialog.copyErr");
+				errorMsg = this._localeService.t("sheets-ui.permission.dialog.copyErr");
 				target = (0, _univerjs_sheets.getSheetCommandTarget)(this._univerInstanceService);
-				if (!permission && target && !((_this$_permissionServ2 = this._permissionService.getPermissionPoint(new _univerjs_sheets.WorkbookCopyPermission(target.unitId).id)) === null || _this$_permissionServ2 === void 0 ? void 0 : _this$_permissionServ2.value)) errorMsg = this._localeService.t("permission.dialog.workbookCopyErr");
+				if (!permission && target && !((_this$_permissionServ2 = this._permissionService.getPermissionPoint(new _univerjs_sheets.WorkbookCopyPermission(target.unitId).id)) === null || _this$_permissionServ2 === void 0 ? void 0 : _this$_permissionServ2.value)) errorMsg = this._localeService.t("sheets-ui.permission.dialog.workbookCopyErr");
 				break;
 			default: break;
 		}
@@ -16082,77 +16097,77 @@ const COMPONENT_PREFIX = "UI_PLUGIN_SHEETS";
 const BORDER_PANEL_COMPONENT = `${COMPONENT_PREFIX}_BORDER_PANEL_COMPONENT`;
 const BORDER_LINE_CHILDREN = [
 	{
-		label: "borderLine.borderTop",
+		label: "sheets-ui.borderLine.borderTop",
 		icon: "UpBorderDoubleIcon",
 		value: "top"
 	},
 	{
-		label: "borderLine.borderBottom",
+		label: "sheets-ui.borderLine.borderBottom",
 		icon: "DownBorderDoubleIcon",
 		value: "bottom"
 	},
 	{
-		label: "borderLine.borderLeft",
+		label: "sheets-ui.borderLine.borderLeft",
 		icon: "LeftBorderDoubleIcon",
 		value: "left"
 	},
 	{
-		label: "borderLine.borderRight",
+		label: "sheets-ui.borderLine.borderRight",
 		icon: "RightBorderDoubleIcon",
 		value: "right"
 	},
 	{
-		label: "borderLine.borderNone",
+		label: "sheets-ui.borderLine.borderNone",
 		icon: "NoBorderIcon",
 		value: "none"
 	},
 	{
-		label: "borderLine.borderAll",
+		label: "sheets-ui.borderLine.borderAll",
 		icon: "AllBorderIcon",
 		value: "all"
 	},
 	{
-		label: "borderLine.borderOutside",
+		label: "sheets-ui.borderLine.borderOutside",
 		icon: "OuterBorderDoubleIcon",
 		value: "outside"
 	},
 	{
-		label: "borderLine.borderInside",
+		label: "sheets-ui.borderLine.borderInside",
 		icon: "InnerBorderDoubleIcon",
 		value: "inside"
 	},
 	{
-		label: "borderLine.borderHorizontal",
+		label: "sheets-ui.borderLine.borderHorizontal",
 		icon: "HorizontalBorderDoubleIcon",
 		value: "horizontal"
 	},
 	{
-		label: "borderLine.borderVertical",
+		label: "sheets-ui.borderLine.borderVertical",
 		icon: "VerticalBorderDoubleIcon",
 		value: "vertical"
 	},
 	{
-		label: "borderLine.borderTlbr",
+		label: "sheets-ui.borderLine.borderTlbr",
 		icon: "BackSlashDoubleIcon",
 		value: "tlbr"
 	},
 	{
-		label: "borderLine.borderTlbcTlmr",
+		label: "sheets-ui.borderLine.borderTlbcTlmr",
 		icon: "LeftDoubleDiagonalDoubleIcon",
 		value: "tlbc_tlmr"
 	},
 	{
-		label: "borderLine.borderTlbrTlbcTlmr",
+		label: "sheets-ui.borderLine.borderTlbrTlbcTlmr",
 		icon: "LeftTridiagonalDoubleIcon",
 		value: "tlbr_tlbc_tlmr"
 	},
 	{
-		label: "borderLine.borderBlTr",
+		label: "sheets-ui.borderLine.borderBlTr",
 		icon: "SlashDoubleIcon",
 		value: "bltr"
 	},
 	{
-		label: "borderLine.borderMltrBctr",
+		label: "sheets-ui.borderLine.borderMltrBctr",
 		icon: "RightDoubleDiagonalDoubleIcon",
 		value: "mltr_bctr"
 	}
@@ -16337,9 +16352,9 @@ const MenuItemFrozen = (props) => {
 		if (contextMenuService.visible) updateValue(selectionManagerService.getCurrentLastSelection());
 	}, [contextMenuService.visible]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		type === "row" && localeService.t("rightClick.freezeRow", value.row),
-		type === "col" && localeService.t("rightClick.freezeCol", value.col),
-		type === "all" && localeService.t("rightClick.freezeCell", value.row, value.col)
+		type === "row" && localeService.t("sheets-ui.rightClick.freezeRow", value.row),
+		type === "col" && localeService.t("sheets-ui.rightClick.freezeCol", value.col),
+		type === "all" && localeService.t("sheets-ui.rightClick.freezeCell", value.row, value.col)
 	] });
 };
 
@@ -16461,9 +16476,18 @@ function getCurrentRangeDisable$(accessor, permissionTypes = {}, supportCellEdit
 	const userManagerService = accessor.get(_univerjs_core.UserManagerService);
 	const editorBridgeService = accessor.has(IEditorBridgeService) ? accessor.get(IEditorBridgeService) : null;
 	const contextService = accessor.get(_univerjs_core.IContextService);
-	const editorVisible$ = ((_editorBridgeService$ = editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$) !== null && _editorBridgeService$ !== void 0 ? _editorBridgeService$ : (0, rxjs.of)(null)).pipe((0, rxjs_operators.startWith)(null), (0, rxjs_operators.shareReplay)(1));
-	const formulaEditorFocus$ = contextService.subscribeContextValue$(_univerjs_core.FOCUSING_FX_BAR_EDITOR).pipe((0, rxjs_operators.startWith)(false), (0, rxjs_operators.shareReplay)(1));
-	const focusingShapeTextEditor$ = contextService.subscribeContextValue$(_univerjs_core.FOCUSING_SHAPE_TEXT_EDITOR).pipe((0, rxjs_operators.startWith)(false), (0, rxjs_operators.shareReplay)(1));
+	const editorVisible$ = ((_editorBridgeService$ = editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$) !== null && _editorBridgeService$ !== void 0 ? _editorBridgeService$ : (0, rxjs.of)(null)).pipe((0, rxjs_operators.startWith)(null), (0, rxjs_operators.shareReplay)({
+		bufferSize: 1,
+		refCount: true
+	}));
+	const formulaEditorFocus$ = contextService.subscribeContextValue$(_univerjs_core.FOCUSING_FX_BAR_EDITOR).pipe((0, rxjs_operators.startWith)(false), (0, rxjs_operators.shareReplay)({
+		bufferSize: 1,
+		refCount: true
+	}));
+	const focusingShapeTextEditor$ = contextService.subscribeContextValue$(_univerjs_core.FOCUSING_SHAPE_TEXT_EDITOR).pipe((0, rxjs_operators.startWith)(false), (0, rxjs_operators.shareReplay)({
+		bufferSize: 1,
+		refCount: true
+	}));
 	return (0, rxjs.combineLatest)([
 		userManagerService.currentUser$,
 		workbook$,
@@ -16675,7 +16699,7 @@ function CellBorderSelectorMenuItemFactory(accessor) {
 			subscriber.next(defaultIcon);
 			return disposable.dispose;
 		}),
-		tooltip: "toolbar.border.main",
+		tooltip: "sheets-ui.toolbar.border.main",
 		type: _univerjs_ui.MenuItemType.BUTTON_SELECTOR,
 		slot: true,
 		selections: [{
@@ -16700,7 +16724,7 @@ function ClearSelectionMenuItemFactory(accessor) {
 		id: CLEAR_SELECTION_MENU_ID,
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
 		icon: "ClearFormatDoubleIcon",
-		title: "rightClick.clearSelection",
+		title: "sheets-ui.rightClick.clearSelection",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
 }
@@ -16708,7 +16732,7 @@ function ClearSelectionContentMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.ClearSelectionContentCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.clearContent",
+		title: "sheets-ui.rightClick.clearContent",
 		disabled$: getObservableWithExclusiveRange$(accessor, getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellValuePermission],
@@ -16721,7 +16745,7 @@ function ClearSelectionFormatMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.ClearSelectionFormatCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.clearFormat",
+		title: "sheets-ui.rightClick.clearFormat",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellStylePermission],
@@ -16735,7 +16759,7 @@ function ClearSelectionAllToolbarMenuItemFactory(accessor) {
 		id: _univerjs_sheets.ClearSelectionAllCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "ClearFormatDoubleIcon",
-		tooltip: "rightClick.clearAll",
+		tooltip: "sheets-ui.rightClick.clearAll",
 		disabled$: getObservableWithExclusiveRange$(accessor, getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [
@@ -16752,8 +16776,8 @@ function ClearSelectionAllMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.ClearSelectionAllCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.clearAll",
-		tooltip: "rightClick.clearAll",
+		title: "sheets-ui.rightClick.clearAll",
+		tooltip: "sheets-ui.rightClick.clearAll",
 		disabled$: getObservableWithExclusiveRange$(accessor, getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [
@@ -16774,7 +16798,7 @@ function DeleteRangeMenuItemFactory(accessor) {
 	return {
 		id: DELETE_RANGE_MENU_ID,
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
-		title: "rightClick.delete",
+		title: "sheets-ui.rightClick.delete",
 		icon: "ReduceDoubleIcon",
 		hidden$: getObservableWithExclusiveRange$(accessor, getBaseRangeMenuHidden$(accessor)),
 		disabled$: getCurrentRangeDisable$(accessor, {
@@ -16788,7 +16812,7 @@ function RemoveColMenuItemFactory(accessor) {
 		id: RemoveColConfirmCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "DeleteColumnDoubleIcon",
-		title: "rightClick.deleteSelectedColumn",
+		title: "sheets-ui.rightClick.deleteSelectedColumn",
 		hidden$: getDeleteMenuHidden$(accessor, "col"),
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission, _univerjs_sheets.WorkbookDeleteColumnPermission],
@@ -16801,7 +16825,7 @@ function RemoveRowMenuItemFactory(accessor) {
 		id: RemoveRowConfirmCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "DeleteRowDoubleIcon",
-		title: "rightClick.deleteSelectedRow",
+		title: "sheets-ui.rightClick.deleteSelectedRow",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission, _univerjs_sheets.WorkbookDeleteRowPermission],
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetDeleteRowPermission]
@@ -16813,7 +16837,7 @@ function DeleteRangeMoveLeftMenuItemFactory(accessor) {
 	return {
 		id: DeleteRangeMoveLeftConfirmCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.moveLeft",
+		title: "sheets-ui.rightClick.moveLeft",
 		icon: "DeleteCellShiftLeftDoubleIcon",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
@@ -16827,7 +16851,7 @@ function DeleteRangeMoveUpMenuItemFactory(accessor) {
 	return {
 		id: DeleteRangeMoveUpConfirmCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.moveUp",
+		title: "sheets-ui.rightClick.moveUp",
 		icon: "DeleteCellShiftUpDoubleIcon",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
@@ -16883,7 +16907,7 @@ function FontSizeSelectorMenuItemFactory(accessor) {
 	return {
 		id: SetRangeFontSizeCommand.id,
 		type: _univerjs_ui.MenuItemType.SELECTOR,
-		tooltip: "toolbar.fontSize",
+		tooltip: "sheets-ui.toolbar.fontSize",
 		label: {
 			name: _univerjs_ui.FONT_SIZE_COMPONENT,
 			props: {
@@ -16908,7 +16932,7 @@ function FontSizeIncreaseMenuItemFactory(accessor) {
 		id: SetRangeFontIncreaseCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "FontSizeIncreaseIcon",
-		tooltip: "toolbar.fontSizeIncrease",
+		tooltip: "sheets-ui.toolbar.fontSizeIncrease",
 		disabled$,
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -16923,7 +16947,7 @@ function FontSizeDecreaseMenuItemFactory(accessor) {
 		id: SetRangeFontDecreaseCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "FontSizeReduceIcon",
-		tooltip: "toolbar.fontSizeDecrease",
+		tooltip: "sheets-ui.toolbar.fontSizeDecrease",
 		disabled$,
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -16957,7 +16981,7 @@ function SheetFrozenMenuItemFactory(accessor) {
 	return {
 		id: SHEET_FROZEN_MENU_ID,
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
-		title: "rightClick.freeze",
+		title: "sheets-ui.rightClick.freeze",
 		icon: "FreezeToSelectedIcon",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -16967,7 +16991,7 @@ function SheetFrozenColumnHeaderMenuItemFactory(accessor) {
 	return {
 		id: SHEET_FROZEN_COLUMN_HEADER_MENU_ID,
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
-		title: "rightClick.freeze",
+		title: "sheets-ui.rightClick.freeze",
 		icon: "FreezeToSelectedIcon",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -16977,7 +17001,7 @@ function SheetFrozenRowHeaderMenuItemFactory(accessor) {
 	return {
 		id: SHEET_FROZEN_ROW_HEADER_MENU_ID,
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
-		title: "rightClick.freeze",
+		title: "sheets-ui.rightClick.freeze",
 		icon: "FreezeToSelectedIcon",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -17022,7 +17046,7 @@ function FrozenFirstRowMenuItemFactory(accessor) {
 	return {
 		id: SetFirstRowFrozenCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.freezeFirstRow",
+		title: "sheets-ui.rightClick.freezeFirstRow",
 		icon: "FreezeRowIcon",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -17031,7 +17055,7 @@ function FrozenFirstColMenuItemFactory(accessor) {
 	return {
 		id: SetFirstColumnFrozenCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.freezeFirstCol",
+		title: "sheets-ui.rightClick.freezeFirstCol",
 		icon: "FreezeColumnIcon",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -17040,7 +17064,7 @@ function CancelFrozenMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.CancelFrozenCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.cancelFreeze",
+		title: "sheets-ui.rightClick.cancelFreeze",
 		icon: "CancelFreezeIcon",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -17054,7 +17078,7 @@ function ToggleGridlinesMenuFactory(accessor) {
 	return {
 		id: _univerjs_sheets.ToggleGridlinesCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		tooltip: "toolbar.toggleGridlines",
+		tooltip: "sheets-ui.toolbar.toggleGridlines",
 		icon: "HideGridlinesDoubleIcon",
 		activated$: new rxjs.Observable((observer) => {
 			const getValue = () => {
@@ -17086,7 +17110,7 @@ function CellInsertMenuItemFactory(accessor) {
 	return {
 		id: CELL_INSERT_MENU_ID,
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
-		title: "rightClick.insert",
+		title: "sheets-ui.rightClick.insert",
 		icon: "InsertDoubleIcon",
 		hidden$: getObservableWithExclusiveRange$(accessor, getBaseRangeMenuHidden$(accessor)),
 		disabled$: getCurrentRangeDisable$(accessor, {
@@ -17126,10 +17150,10 @@ function InsertRowBeforeCellMenuItemFactory(accessor) {
 		label: {
 			name: MENU_ITEM_INPUT_COMPONENT,
 			props: {
-				prefix: "rightClick.insertRowsAbove",
+				prefix: "sheets-ui.rightClick.insertRowsAbove",
 				min: 1,
 				max: 1e3,
-				suffix: "rightClick.insertRowsAboveSuffix",
+				suffix: "sheets-ui.rightClick.insertRowsAboveSuffix",
 				disabled$
 			}
 		},
@@ -17172,10 +17196,10 @@ function InsertColLeftCellMenuItemFactory(accessor) {
 		label: {
 			name: MENU_ITEM_INPUT_COMPONENT,
 			props: {
-				prefix: "rightClick.insertColsLeft",
+				prefix: "sheets-ui.rightClick.insertColsLeft",
 				min: 1,
 				max: 1e3,
-				suffix: "rightClick.insertColsLeftSuffix",
+				suffix: "sheets-ui.rightClick.insertColsLeftSuffix",
 				disabled$
 			}
 		},
@@ -17201,7 +17225,7 @@ function InsertRangeMoveRightMenuItemFactory(accessor) {
 	return {
 		id: InsertRangeMoveRightConfirmCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.moveRight",
+		title: "sheets-ui.rightClick.moveRight",
 		icon: "InsertCellShiftRightDoubleIcon",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
@@ -17219,7 +17243,7 @@ function InsertRangeMoveDownMenuItemFactory(accessor) {
 	return {
 		id: InsertRangeMoveDownConfirmCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.moveDown",
+		title: "sheets-ui.rightClick.moveDown",
 		icon: "InsertCellDownDoubleIcon",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
@@ -17250,10 +17274,10 @@ function InsertMultiRowsAfterHeaderMenuItemFactory(accessor) {
 		label: {
 			name: MENU_ITEM_INPUT_COMPONENT,
 			props: {
-				prefix: "rightClick.insertRowsAfter",
+				prefix: "sheets-ui.rightClick.insertRowsAfter",
 				min: 1,
 				max: 1e3,
-				suffix: "rightClick.insertRowsAfterSuffix",
+				suffix: "sheets-ui.rightClick.insertRowsAfterSuffix",
 				disabled$
 			}
 		},
@@ -17296,10 +17320,10 @@ function InsertMultiRowsAboveHeaderMenuItemFactory(accessor) {
 		label: {
 			name: MENU_ITEM_INPUT_COMPONENT,
 			props: {
-				prefix: "rightClick.insertRowsAbove",
+				prefix: "sheets-ui.rightClick.insertRowsAbove",
 				min: 1,
 				max: 1e3,
-				suffix: "rightClick.insertRowsAboveSuffix",
+				suffix: "sheets-ui.rightClick.insertRowsAboveSuffix",
 				disabled$
 			}
 		},
@@ -17342,10 +17366,10 @@ function InsertMultiColsLeftHeaderMenuItemFactory(accessor) {
 		label: {
 			name: MENU_ITEM_INPUT_COMPONENT,
 			props: {
-				prefix: "rightClick.insertColsLeft",
+				prefix: "sheets-ui.rightClick.insertColsLeft",
 				min: 1,
 				max: 1e3,
-				suffix: "rightClick.insertColsLeftSuffix",
+				suffix: "sheets-ui.rightClick.insertColsLeftSuffix",
 				disabled$
 			}
 		},
@@ -17388,10 +17412,10 @@ function InsertMultiColsRightHeaderMenuItemFactory(accessor) {
 		label: {
 			name: MENU_ITEM_INPUT_COMPONENT,
 			props: {
-				prefix: "rightClick.insertColsRight",
+				prefix: "sheets-ui.rightClick.insertColsRight",
 				min: 1,
 				max: 1e3,
-				suffix: "rightClick.insertColsRightSuffix",
+				suffix: "sheets-ui.rightClick.insertColsRightSuffix",
 				disabled$
 			}
 		},
@@ -17431,7 +17455,7 @@ function FormatPainterMenuItemFactory(accessor) {
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "BrushIcon",
 		title: "Format Painter",
-		tooltip: "toolbar.formatPainter",
+		tooltip: "sheets-ui.toolbar.formatPainter",
 		activated$: new rxjs.Observable((subscriber) => {
 			let active = false;
 			const status$ = formatPainterService.status$.subscribe((s) => {
@@ -17461,7 +17485,7 @@ function BoldMenuItemFactory(accessor) {
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "BoldIcon",
 		title: "Set bold",
-		tooltip: "toolbar.bold",
+		tooltip: "sheets-ui.toolbar.bold",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellStylePermission],
@@ -17515,7 +17539,7 @@ function ItalicMenuItemFactory(accessor) {
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "ItalicIcon",
 		title: "Set italic",
-		tooltip: "toolbar.italic",
+		tooltip: "sheets-ui.toolbar.italic",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellStylePermission],
@@ -17565,7 +17589,7 @@ function UnderlineMenuItemFactory(accessor) {
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "UnderlineIcon",
 		title: "Set underline",
-		tooltip: "toolbar.underline",
+		tooltip: "sheets-ui.toolbar.underline",
 		activated$: deriveStateFromActiveSheet$(univerInstanceService, false, ({ worksheet }) => new rxjs.Observable((subscriber) => {
 			var _selectionManagerServ6;
 			const disposable = commandService.onCommandExecuted((c) => {
@@ -17615,7 +17639,7 @@ function StrikeThroughMenuItemFactory(accessor) {
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "StrikethroughIcon",
 		title: "Set strike through",
-		tooltip: "toolbar.strikethrough",
+		tooltip: "sheets-ui.toolbar.strikethrough",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellStylePermission],
@@ -17667,7 +17691,7 @@ function FontFamilySelectorMenuItemFactory(accessor) {
 	}, true);
 	return {
 		id: SetRangeFontFamilyCommand.id,
-		tooltip: "toolbar.font",
+		tooltip: "sheets-ui.toolbar.font",
 		type: _univerjs_ui.MenuItemType.SELECTOR,
 		label: {
 			name: _univerjs_ui.FONT_FAMILY_COMPONENT,
@@ -17717,7 +17741,7 @@ function ResetTextColorMenuItemFactory(accessor) {
 	return {
 		id: ResetRangeTextColorCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "toolbar.resetColor",
+		title: "sheets-ui.toolbar.resetColor",
 		icon: "NoColorDoubleIcon",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
@@ -17734,7 +17758,7 @@ function TextColorSelectorMenuItemFactory(accessor) {
 	return {
 		id: SetRangeTextColorCommand.id,
 		icon: "FontColorDoubleIcon",
-		tooltip: "toolbar.textColor.main",
+		tooltip: "sheets-ui.toolbar.textColor.main",
 		type: _univerjs_ui.MenuItemType.BUTTON_SELECTOR,
 		selections: [{
 			label: {
@@ -17774,7 +17798,7 @@ function ResetBackgroundColorMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.ResetBackgroundColorCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "toolbar.resetColor",
+		title: "sheets-ui.toolbar.resetColor",
 		icon: "NoColorDoubleIcon",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
@@ -17789,7 +17813,7 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 	const selectionManagerService = accessor.get(_univerjs_sheets.SheetsSelectionsService);
 	return {
 		id: _univerjs_sheets.SetBackgroundColorCommand.id,
-		tooltip: "toolbar.fillColor.main",
+		tooltip: "sheets-ui.toolbar.fillColor.main",
 		type: _univerjs_ui.MenuItemType.BUTTON_SELECTOR,
 		icon: "PaintBucketDoubleIcon",
 		selections: [{
@@ -17828,17 +17852,17 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 }
 const HORIZONTAL_ALIGN_CHILDREN = [
 	{
-		label: "align.left",
+		label: "sheets-ui.align.left",
 		icon: "LeftJustifyingIcon",
 		value: _univerjs_core.HorizontalAlign.LEFT
 	},
 	{
-		label: "align.center",
+		label: "sheets-ui.align.center",
 		icon: "HorizontallyIcon",
 		value: _univerjs_core.HorizontalAlign.CENTER
 	},
 	{
-		label: "align.right",
+		label: "sheets-ui.align.right",
 		icon: "RightJustifyingIcon",
 		value: _univerjs_core.HorizontalAlign.RIGHT
 	}
@@ -17853,7 +17877,7 @@ function HorizontalAlignMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.SetHorizontalTextAlignCommand.id,
 		icon: (_HORIZONTAL_ALIGN_CHI = HORIZONTAL_ALIGN_CHILDREN.find((child) => child.value === defaultValue)) === null || _HORIZONTAL_ALIGN_CHI === void 0 ? void 0 : _HORIZONTAL_ALIGN_CHI.icon,
-		tooltip: "toolbar.horizontalAlignMode.main",
+		tooltip: "sheets-ui.toolbar.horizontalAlignMode.main",
 		type: _univerjs_ui.MenuItemType.SELECTOR,
 		selections: HORIZONTAL_ALIGN_CHILDREN,
 		value$: deriveStateFromActiveSheet$(univerInstanceService, defaultValue, ({ worksheet }) => new rxjs.Observable((subscriber) => {
@@ -17893,17 +17917,17 @@ function HorizontalAlignMenuItemFactory(accessor) {
 }
 const VERTICAL_ALIGN_CHILDREN = [
 	{
-		label: "align.top",
+		label: "sheets-ui.align.top",
 		icon: "AlignTopIcon",
 		value: _univerjs_core.VerticalAlign.TOP
 	},
 	{
-		label: "align.middle",
+		label: "sheets-ui.align.middle",
 		icon: "VerticalCenterIcon",
 		value: _univerjs_core.VerticalAlign.MIDDLE
 	},
 	{
-		label: "align.bottom",
+		label: "sheets-ui.align.bottom",
 		icon: "AlignBottomIcon",
 		value: _univerjs_core.VerticalAlign.BOTTOM
 	}
@@ -17918,7 +17942,7 @@ function VerticalAlignMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.SetVerticalTextAlignCommand.id,
 		icon: (_VERTICAL_ALIGN_CHILD = VERTICAL_ALIGN_CHILDREN.find((child) => child.value === defaultValue)) === null || _VERTICAL_ALIGN_CHILD === void 0 ? void 0 : _VERTICAL_ALIGN_CHILD.icon,
-		tooltip: "toolbar.verticalAlignMode.main",
+		tooltip: "sheets-ui.toolbar.verticalAlignMode.main",
 		type: _univerjs_ui.MenuItemType.SELECTOR,
 		selections: VERTICAL_ALIGN_CHILDREN,
 		value$: deriveStateFromActiveSheet$(univerInstanceService, defaultValue, ({ worksheet }) => new rxjs.Observable((subscriber) => {
@@ -17958,17 +17982,17 @@ function VerticalAlignMenuItemFactory(accessor) {
 }
 const TEXT_WRAP_CHILDREN = [
 	{
-		label: "textWrap.overflow",
+		label: "sheets-ui.textWrap.overflow",
 		icon: "OverflowIcon",
 		value: _univerjs_core.WrapStrategy.OVERFLOW
 	},
 	{
-		label: "textWrap.wrap",
+		label: "sheets-ui.textWrap.wrap",
 		icon: "AutowrapIcon",
 		value: _univerjs_core.WrapStrategy.WRAP
 	},
 	{
-		label: "textWrap.clip",
+		label: "sheets-ui.textWrap.clip",
 		icon: "TruncationIcon",
 		value: _univerjs_core.WrapStrategy.CLIP
 	}
@@ -17982,7 +18006,7 @@ function WrapTextMenuItemFactory(accessor) {
 	const defaultValue = (_defaultStyle$tb = defaultStyle === null || defaultStyle === void 0 ? void 0 : defaultStyle.tb) !== null && _defaultStyle$tb !== void 0 ? _defaultStyle$tb : _univerjs_core.WrapStrategy.OVERFLOW;
 	return {
 		id: _univerjs_sheets.SetTextWrapCommand.id,
-		tooltip: "toolbar.textWrapMode.main",
+		tooltip: "sheets-ui.toolbar.textWrapMode.main",
 		icon: (_TEXT_WRAP_CHILDREN$f = TEXT_WRAP_CHILDREN.find((child) => child.value === defaultValue)) === null || _TEXT_WRAP_CHILDREN$f === void 0 ? void 0 : _TEXT_WRAP_CHILDREN$f.icon,
 		type: _univerjs_ui.MenuItemType.SELECTOR,
 		selections: TEXT_WRAP_CHILDREN,
@@ -18023,32 +18047,32 @@ function WrapTextMenuItemFactory(accessor) {
 }
 const TEXT_ROTATE_CHILDREN = [
 	{
-		label: "textRotate.none",
+		label: "sheets-ui.textRotate.none",
 		icon: "NoRotationIcon",
 		value: 0
 	},
 	{
-		label: "textRotate.angleUp",
+		label: "sheets-ui.textRotate.angleUp",
 		icon: "LeftRotationFortyFiveDegreesIcon",
 		value: -45
 	},
 	{
-		label: "textRotate.angleDown",
+		label: "sheets-ui.textRotate.angleDown",
 		icon: "RightRotationFortyFiveDegreesIcon",
 		value: 45
 	},
 	{
-		label: "textRotate.vertical",
+		label: "sheets-ui.textRotate.vertical",
 		icon: "VerticalTextIcon",
 		value: "v"
 	},
 	{
-		label: "textRotate.rotationUp",
+		label: "sheets-ui.textRotate.rotationUp",
 		icon: "LeftRotationNinetyDegreesIcon",
 		value: -90
 	},
 	{
-		label: "textRotate.rotationDown",
+		label: "sheets-ui.textRotate.rotationDown",
 		icon: "RightRotationNinetyDegreesIcon",
 		value: 90
 	}
@@ -18059,7 +18083,7 @@ function TextRotateMenuItemFactory(accessor) {
 	const defaultValue = 0;
 	return {
 		id: _univerjs_sheets.SetTextRotationCommand.id,
-		tooltip: "toolbar.textRotateMode.main",
+		tooltip: "sheets-ui.toolbar.textRotateMode.main",
 		icon: TEXT_ROTATE_CHILDREN[0].icon,
 		type: _univerjs_ui.MenuItemType.SELECTOR,
 		selections: TEXT_ROTATE_CHILDREN,
@@ -18117,7 +18141,7 @@ function CopyMenuItemFactory(accessor) {
 		id: SheetCopyCommand.name,
 		commandId: SheetCopyCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.copy",
+		title: "sheets-ui.rightClick.copy",
 		icon: "CopyDoubleIcon",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookCopyPermission],
@@ -18132,7 +18156,7 @@ function CutMenuItemFactory(accessor) {
 		id: SheetCutCommand.name,
 		commandId: _univerjs_ui.CutCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.cut",
+		title: "sheets-ui.rightClick.cut",
 		icon: "CutIcon",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookCopyPermission, _univerjs_sheets.WorkbookEditablePermission],
@@ -18147,7 +18171,7 @@ function PasteMenuItemFactory(accessor) {
 		id: SheetPasteCommand.name,
 		commandId: SheetPasteCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.paste",
+		title: "sheets-ui.rightClick.paste",
 		icon: "PasteSpecialDoubleIcon",
 		disabled$: menuClipboardDisabledObservable(accessor).pipe((0, rxjs.combineLatestWith)(getCurrentRangeDisable$(accessor, {
 			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint],
@@ -18167,7 +18191,7 @@ function CopySpacialMenuItemFactory(accessor) {
 		id: COPY_SPECIAL_MENU_ID,
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
 		icon: "CopyDoubleIcon",
-		title: "rightClick.copySpecial",
+		title: "sheets-ui.rightClick.copySpecial",
 		hidden$: getObservableWithExclusiveRange$(accessor, (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET))
 	};
 }
@@ -18177,7 +18201,7 @@ function PasteSpacialMenuItemFactory(accessor) {
 		id: PASTE_SPECIAL_MENU_ID,
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
 		icon: "PasteSpecialDoubleIcon",
-		title: "rightClick.pasteSpecial",
+		title: "sheets-ui.rightClick.pasteSpecial",
 		hidden$: getObservableWithExclusiveRange$(accessor, (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET))
 	};
 }
@@ -18185,7 +18209,7 @@ function PasteValueMenuItemFactory(accessor) {
 	return {
 		id: SheetPasteValueCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.pasteValue",
+		title: "sheets-ui.rightClick.pasteValue",
 		disabled$: menuClipboardDisabledObservable(accessor).pipe((0, rxjs.combineLatestWith)(getCurrentRangeDisable$(accessor, {
 			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint],
 			worksheetTypes: [_univerjs_sheets.WorksheetSetCellValuePermission, _univerjs_sheets.WorksheetEditPermission],
@@ -18198,7 +18222,7 @@ function PasteFormatMenuItemFactory(accessor) {
 	return {
 		id: SheetPasteFormatCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.pasteFormat",
+		title: "sheets-ui.rightClick.pasteFormat",
 		disabled$: menuClipboardDisabledObservable(accessor).pipe((0, rxjs.combineLatestWith)(getCurrentRangeDisable$(accessor, {
 			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint],
 			worksheetTypes: [_univerjs_sheets.WorksheetSetCellStylePermission, _univerjs_sheets.WorksheetEditPermission],
@@ -18211,7 +18235,7 @@ function PasteColWidthMenuItemFactory(accessor) {
 	return {
 		id: SheetPasteColWidthCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.pasteColWidth",
+		title: "sheets-ui.rightClick.pasteColWidth",
 		disabled$: menuClipboardDisabledObservable(accessor).pipe((0, rxjs.combineLatestWith)(getCurrentRangeDisable$(accessor, {
 			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint],
 			worksheetTypes: [_univerjs_sheets.WorksheetSetColumnStylePermission, _univerjs_sheets.WorksheetEditPermission],
@@ -18223,7 +18247,7 @@ function PasteBesidesBorderMenuItemFactory(accessor) {
 	return {
 		id: SheetPasteBesidesBorderCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.pasteBesidesBorder",
+		title: "sheets-ui.rightClick.pasteBesidesBorder",
 		disabled$: menuClipboardDisabledObservable(accessor).pipe((0, rxjs.combineLatestWith)(getCurrentRangeDisable$(accessor, {
 			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint],
 			worksheetTypes: [
@@ -18243,7 +18267,7 @@ function FitContentMenuItemFactory(accessor) {
 		id: _univerjs_sheets.SetWorksheetRowIsAutoHeightCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "AutoHeightDoubleIcon",
-		title: "rightClick.fitContent",
+		title: "sheets-ui.rightClick.fitContent",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [_univerjs_sheets.WorksheetSetRowStylePermission, _univerjs_sheets.WorksheetEditPermission],
@@ -18257,7 +18281,7 @@ function ColAutoWidthMenuItemFactory(accessor) {
 		id: SetWorksheetColAutoWidthCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "AutoWidthDoubleIcon",
-		title: "rightClick.fitContent",
+		title: "sheets-ui.rightClick.fitContent",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [_univerjs_sheets.WorksheetSetRowStylePermission, _univerjs_sheets.WorksheetEditPermission],
@@ -18271,7 +18295,7 @@ function HideRowMenuItemFactory(accessor) {
 		id: HideRowConfirmCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "HideDoubleIcon",
-		title: "rightClick.hideSelectedRow",
+		title: "sheets-ui.rightClick.hideSelectedRow",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [_univerjs_sheets.WorksheetSetRowStylePermission, _univerjs_sheets.WorksheetEditPermission],
@@ -18285,7 +18309,7 @@ function HideColMenuItemFactory(accessor) {
 		id: HideColConfirmCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "HideDoubleIcon",
-		title: "rightClick.hideSelectedColumn",
+		title: "sheets-ui.rightClick.hideSelectedColumn",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetColumnStylePermission],
@@ -18307,7 +18331,7 @@ function ShowRowMenuItemFactory(accessor) {
 		id: _univerjs_sheets.SetSelectedRowsVisibleCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "EyeOutlineIcon",
-		title: "rightClick.showHideRow",
+		title: "sheets-ui.rightClick.showHideRow",
 		hidden$: deriveStateFromActiveSheet$(univerInstanceService, true, ({ worksheet }) => new rxjs.Observable((subscriber) => {
 			function hasHiddenRowsInSelections() {
 				var _selectionManagerServ18;
@@ -18343,7 +18367,7 @@ function ShowColMenuItemFactory(accessor) {
 		id: _univerjs_sheets.SetSelectedColsVisibleCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "EyeOutlineIcon",
-		title: "rightClick.showHideColumn",
+		title: "sheets-ui.rightClick.showHideColumn",
 		hidden$: deriveStateFromActiveSheet$(univerInstanceService, true, ({ worksheet }) => new rxjs.Observable((subscriber) => {
 			function hasHiddenColsInSelections() {
 				var _selectionManagerServ19;
@@ -18379,7 +18403,7 @@ function SetRowHeightMenuItemFactory(accessor) {
 		label: {
 			name: MENU_ITEM_INPUT_COMPONENT,
 			props: {
-				prefix: "rightClick.rowHeight",
+				prefix: "sheets-ui.rightClick.rowHeight",
 				suffix: "px",
 				min,
 				max: 1e3
@@ -18418,7 +18442,7 @@ function SetColWidthMenuItemFactory(accessor) {
 		label: {
 			name: MENU_ITEM_INPUT_COMPONENT,
 			props: {
-				prefix: "rightClick.columnWidth",
+				prefix: "sheets-ui.rightClick.columnWidth",
 				suffix: "px",
 				min,
 				max: 1e3
@@ -18462,7 +18486,7 @@ function CellMergeMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.AddWorksheetMergeCommand.id,
 		icon: "MergeAllIcon",
-		tooltip: "toolbar.mergeCell.main",
+		tooltip: "sheets-ui.toolbar.mergeCell.main",
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
 		hidden$: (0, rxjs.combineLatest)([(0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET), accessor.get(_univerjs_core.IContextService).subscribeContextValue$(_univerjs_core.FOCUSING_COMMON_DRAWINGS).pipe((0, rxjs.startWith)(false))]).pipe((0, rxjs.map)(([hidden, focusingDrawing]) => hidden || focusingDrawing)),
 		disabled$: editDisabled$.pipe((0, rxjs.combineLatestWith)(selectionsHasCross$), (0, rxjs.map)(([disable, hasCross]) => disable || hasCross))
@@ -18472,7 +18496,7 @@ function CellMergeAllMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.AddWorksheetMergeAllCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "merge.all",
+		title: "sheets-ui.merge.all",
 		icon: "MergeAllIcon",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -18481,7 +18505,7 @@ function CellMergeVerticalMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.AddWorksheetMergeVerticalCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "merge.vertical",
+		title: "sheets-ui.merge.vertical",
 		icon: "VerticalIntegrationIcon",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -18490,7 +18514,7 @@ function CellMergeHorizontalMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.AddWorksheetMergeHorizontalCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "merge.horizontal",
+		title: "sheets-ui.merge.horizontal",
 		icon: "HorizontalMergeIcon",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -18499,7 +18523,7 @@ function CellMergeCancelMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.RemoveWorksheetMergeCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "merge.cancel",
+		title: "sheets-ui.merge.cancel",
 		icon: "CancelMergeIcon",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -18611,8 +18635,14 @@ function getAddPermissionDisableBase$(accessor) {
 	const workbook$ = univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const userManagerService = accessor.get(_univerjs_core.UserManagerService);
 	const editorBridgeService = accessor.has(IEditorBridgeService) ? accessor.get(IEditorBridgeService) : null;
-	const formulaEditorFocus$ = accessor.get(_univerjs_core.IContextService).subscribeContextValue$(_univerjs_core.FOCUSING_FX_BAR_EDITOR).pipe((0, rxjs.startWith)(false), (0, rxjs.shareReplay)(1));
-	const editorVisible$ = (_editorBridgeService$ = editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$.pipe((0, rxjs.startWith)(null), (0, rxjs.shareReplay)(1))) !== null && _editorBridgeService$ !== void 0 ? _editorBridgeService$ : (0, rxjs.of)(null);
+	const formulaEditorFocus$ = accessor.get(_univerjs_core.IContextService).subscribeContextValue$(_univerjs_core.FOCUSING_FX_BAR_EDITOR).pipe((0, rxjs.startWith)(false), (0, rxjs.shareReplay)({
+		bufferSize: 1,
+		refCount: true
+	}));
+	const editorVisible$ = (_editorBridgeService$ = editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$.pipe((0, rxjs.startWith)(null), (0, rxjs.shareReplay)({
+		bufferSize: 1,
+		refCount: true
+	}))) !== null && _editorBridgeService$ !== void 0 ? _editorBridgeService$ : (0, rxjs.of)(null);
 	return (0, rxjs.combineLatest)([
 		workbook$,
 		userManagerService.currentUser$,
@@ -18788,7 +18818,7 @@ function sheetPermissionToolbarMenuFactory(accessor) {
 		id: AddRangeProtectionFromToolbarCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: permissionMenuIconKey,
-		tooltip: "permission.toolbarMenu",
+		tooltip: "sheets-ui.permission.toolbarMenu",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
 		disabled$: getAddPermissionDisableBase$(accessor)
 	};
@@ -18797,7 +18827,7 @@ function sheetPermissionContextMenuFactory(accessor) {
 	return {
 		id: SHEET_PERMISSION_CONTEXT_MENU_ID,
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
-		title: "rightClick.protectRange",
+		title: "sheets-ui.rightClick.protectRange",
 		icon: permissionLockIconKey,
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -18806,7 +18836,7 @@ function sheetPermissionAddProtectContextMenuFactory(accessor) {
 	return {
 		id: AddRangeProtectionFromContextMenuCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.turnOnProtectRange",
+		title: "sheets-ui.rightClick.turnOnProtectRange",
 		hidden$: getAddPermissionHidden$(accessor),
 		disabled$: getAddPermissionDisableBase$(accessor)
 	};
@@ -18815,7 +18845,7 @@ function sheetPermissionEditProtectContextMenuFactory(accessor) {
 	return {
 		id: SetRangeProtectionFromContextMenuCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.editProtectRange",
+		title: "sheets-ui.rightClick.editProtectRange",
 		disabled$: getPermissionDisableBase$(accessor),
 		hidden$: getEditPermissionHidden$(accessor)
 	};
@@ -18824,7 +18854,7 @@ function sheetPermissionRemoveProtectContextMenuFactory(accessor) {
 	return {
 		id: DeleteRangeProtectionFromContextMenuCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.removeProtectRange",
+		title: "sheets-ui.rightClick.removeProtectRange",
 		disabled$: getRemovePermissionDisable$(accessor),
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -18833,7 +18863,7 @@ function sheetPermissionViewAllProtectRuleContextMenuFactory(accessor) {
 	return {
 		id: ViewSheetPermissionFromContextMenuCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.viewAllProtectArea",
+		title: "sheets-ui.rightClick.viewAllProtectArea",
 		disabled$: getViewPermissionDisable$(accessor),
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -18842,7 +18872,7 @@ function sheetPermissionProtectSheetInSheetBarMenuFactory(accessor) {
 	return {
 		id: AddRangeProtectionFromSheetBarCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "sheetConfig.addProtectSheet",
+		title: "sheets-ui.sheetConfig.addProtectSheet",
 		disabled$: getAddPermissionFromSheetBarDisable$(accessor),
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -18851,7 +18881,7 @@ function sheetPermissionRemoveProtectionSheetBarMenuFactory(accessor) {
 	return {
 		id: DeleteWorksheetProtectionFormSheetBarCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "sheetConfig.removeProtectSheet",
+		title: "sheets-ui.sheetConfig.removeProtectSheet",
 		disabled$: getRemovePermissionFromSheetBarDisable$(accessor),
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -18860,7 +18890,7 @@ function sheetPermissionChangeSheetPermissionSheetBarMenuFactory(accessor) {
 	return {
 		id: ChangeSheetProtectionFromSheetBarCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "sheetConfig.changeSheetPermission",
+		title: "sheets-ui.sheetConfig.changeSheetPermission",
 		disabled$: getSetPermissionFromSheetBarDisable$(accessor),
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -18869,7 +18899,7 @@ function sheetPermissionViewAllProtectRuleSheetBarMenuFactory(accessor) {
 	return {
 		id: ViewSheetPermissionFromSheetBarCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "sheetConfig.viewAllProtectArea",
+		title: "sheets-ui.sheetConfig.viewAllProtectArea",
 		disabled$: getViewPermissionDisable$(accessor),
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -18892,7 +18922,7 @@ function DeleteSheetMenuItemFactory(accessor) {
 	return {
 		id: RemoveSheetConfirmCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "sheetConfig.delete",
+		title: "sheets-ui.sheetConfig.delete",
 		disabled$: (0, rxjs.combineLatest)([defaultDisable$, permissionDisable$]).pipe((0, rxjs.map)(([defaultDisabled, permissionDisabled]) => {
 			return defaultDisabled || permissionDisabled;
 		})),
@@ -18903,7 +18933,7 @@ function CopySheetMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.CopySheetCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "sheetConfig.copy",
+		title: "sheets-ui.sheetConfig.copy",
 		disabled$: getWorkbookPermissionDisable$(accessor, [_univerjs_sheets.WorkbookEditablePermission, _univerjs_sheets.WorkbookCreateSheetPermission]),
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -18912,7 +18942,7 @@ function RenameSheetMenuItemFactory(accessor) {
 	return {
 		id: RenameSheetOperation.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "sheetConfig.rename",
+		title: "sheets-ui.sheetConfig.rename",
 		disabled$: getWorkbookPermissionDisable$(accessor, [_univerjs_sheets.WorkbookEditablePermission, _univerjs_sheets.WorkbookRenameSheetPermission]),
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -18920,7 +18950,7 @@ function RenameSheetMenuItemFactory(accessor) {
 function ChangeColorSheetMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.SetTabColorCommand.id,
-		title: "sheetConfig.changeColor",
+		title: "sheets-ui.sheetConfig.changeColor",
 		type: _univerjs_ui.MenuItemType.SELECTOR,
 		selections: [{ label: {
 			name: _univerjs_ui.COLOR_PICKER_COMPONENT,
@@ -18936,7 +18966,7 @@ function HideSheetMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.SetWorksheetHideCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "sheetConfig.hide",
+		title: "sheets-ui.sheetConfig.hide",
 		disabled$: new rxjs.Observable((subscriber) => {
 			const disposable = commandService.onCommandExecuted((c) => {
 				const id = c.id;
@@ -18954,7 +18984,7 @@ function ShowMenuItemFactory(accessor) {
 	return {
 		id: ShowMenuListCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "sheetConfig.unhide",
+		title: "sheets-ui.sheetConfig.unhide",
 		disabled$: new rxjs.Observable((subscriber) => {
 			function disableFunction() {
 				const worksheets = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getWorksheets();
@@ -19011,7 +19041,7 @@ function Text2NumberToolbarMenuItemFactory(accessor) {
 		id: TEXT_TO_NUMBER_TOOLBAR_MENU_ID,
 		commandId: _univerjs_sheets.TextToNumberCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "toolbar.textToNumber",
+		title: "sheets-ui.toolbar.textToNumber",
 		disabled$: getObservableWithExclusiveRange$(accessor, getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellValuePermission],
@@ -19026,7 +19056,7 @@ function Text2NumberContextMenuItemFactory(accessor) {
 		id: TEXT_TO_NUMBER_CONTEXT_MENU_ID,
 		commandId: _univerjs_sheets.TextToNumberCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "rightClick.textToNumber",
+		title: "sheets-ui.rightClick.textToNumber",
 		icon: "PipingIcon",
 		disabled$: getObservableWithExclusiveRange$(accessor, getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
@@ -20364,7 +20394,7 @@ const DefinedNameInput = (props) => {
 	const [typeValue, setTypeValue] = (0, react.useState)(type);
 	const [validFormulaOrRange, setValidFormulaOrRange] = (0, react.useState)(true);
 	const options = [{
-		label: localeService.t("definedName.scopeWorkbook"),
+		label: localeService.t("sheets-ui.definedName.scopeWorkbook"),
 		value: _univerjs_sheets.SCOPE_WORKBOOK_VALUE_DEFINED_NAME
 	}];
 	const isFormula = (token) => {
@@ -20412,7 +20442,7 @@ const DefinedNameInput = (props) => {
 			return;
 		}
 		if (!validFormulaOrRange) {
-			setValidString(localeService.t("definedName.formulaOrRefStringInvalid"));
+			setValidString(localeService.t("sheets-ui.definedName.formulaOrRefStringInvalid"));
 			return;
 		}
 		const currentSheetName = workbook.getActiveSheet().getName();
@@ -20443,7 +20473,7 @@ const DefinedNameInput = (props) => {
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
 				className: "univer-w-full",
-				placeholder: localeService.t("definedName.inputNamePlaceholder"),
+				placeholder: localeService.t("sheets-ui.definedName.inputNamePlaceholder"),
 				value: nameValue,
 				allowClear: true,
 				onChange: setNameValue
@@ -20453,10 +20483,10 @@ const DefinedNameInput = (props) => {
 				onChange: typeValueChange,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 					value: "range",
-					children: localeService.t("definedName.ratioRange")
+					children: localeService.t("sheets-ui.definedName.ratioRange")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 					value: "formula",
-					children: localeService.t("definedName.ratioFormula")
+					children: localeService.t("sheets-ui.definedName.ratioFormula")
 				})]
 			}) }),
 			typeValue === "range" ? RangeSelector && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RangeSelector, {
@@ -20495,7 +20525,7 @@ const DefinedNameInput = (props) => {
 			}) }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
 				className: "univer-w-full",
-				placeholder: localeService.t("definedName.inputCommentPlaceholder"),
+				placeholder: localeService.t("sheets-ui.definedName.inputCommentPlaceholder"),
 				value: commentValue,
 				onChange: setCommentValue,
 				allowClear: true
@@ -20513,11 +20543,11 @@ const DefinedNameInput = (props) => {
 					onClick: () => {
 						cancel === null || cancel === void 0 || cancel();
 					},
-					children: localeService.t("definedName.cancel")
+					children: localeService.t("sheets-ui.definedName.cancel")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
 					variant: "primary",
 					onClick: confirmChange,
-					children: localeService.t("definedName.confirm")
+					children: localeService.t("sheets-ui.definedName.confirm")
 				})]
 			})
 		]
@@ -20636,11 +20666,11 @@ const DefinedNameContainer = () => {
 	};
 	const getInsertDefinedName = () => {
 		const count = definedNames.length + 1;
-		const name = localeService.t("definedName.defaultName") + count;
+		const name = localeService.t("sheets-ui.definedName.defaultName") + count;
 		if (definedNamesService.getValueByName(unitId, name) == null) return name;
 		let i = count + 1;
 		while (true) {
-			const newName = localeService.t("definedName.defaultName") + i;
+			const newName = localeService.t("sheets-ui.definedName.defaultName") + i;
 			if (definedNamesService.getValueByName(unitId, newName) == null) return newName;
 			i++;
 		}
@@ -20683,7 +20713,7 @@ const DefinedNameContainer = () => {
 				onClick: openInsertCloseKeyEditor,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.IncreaseIcon, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "univer-ml-1",
-					children: localeService.t("definedName.addButton")
+					children: localeService.t("sheets-ui.definedName.addButton")
 				})]
 			}), editState && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefinedNameInput, {
 				confirm: insertConfirm,
@@ -20724,7 +20754,7 @@ const DefinedNameContainer = () => {
 								}), checkDefinedNamePermission(definedName) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "univer-absolute univer-right-5 univer-top-1/2 univer-hidden -univer-translate-y-1/2 univer-cursor-pointer univer-items-center univer-justify-end univer-gap-7 univer-text-xs univer-text-primary-600 group-hover:univer-flex dark:hover:!univer-bg-gray-600",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-										title: localeService.t("definedName.updateButton"),
+										title: localeService.t("sheets-ui.definedName.updateButton"),
 										placement: "top",
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 											className: "univer-rounded univer-p-1 hover:univer-bg-gray-100",
@@ -20735,7 +20765,7 @@ const DefinedNameContainer = () => {
 											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.PenIcon, {})
 										})
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-										title: localeService.t("definedName.deleteButton"),
+										title: localeService.t("sheets-ui.definedName.deleteButton"),
 										placement: "top",
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 											className: "univer-rounded univer-p-1 univer-text-red-600 hover:univer-bg-gray-100",
@@ -20754,7 +20784,7 @@ const DefinedNameContainer = () => {
 								onConfirm: () => {
 									handleDeleteConfirm(definedName.id);
 								},
-								children: localeService.t("definedName.deleteConfirmText")
+								children: localeService.t("sheets-ui.definedName.deleteConfirmText")
 							}),
 							definedName.id === editorKey && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefinedNameInput, {
 								confirm: insertConfirm,
@@ -21090,7 +21120,8 @@ const EditorContainer = () => {
 				else editorBridgeService.disableForceKeepVisible();
 			},
 			disableSelectionOnClick: true,
-			disableContextMenu: false
+			disableContextMenu: false,
+			canvasStyle: { backgroundColor: "transparent" }
 		})
 	});
 };
@@ -21225,10 +21256,10 @@ function DefinedNameOverlay({ search, isInputEvent }) {
 			onClick: openSlider,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-mb-2 univer-text-sm univer-font-semibold univer-text-gray-600 dark:!univer-text-gray-200",
-				children: localeService.t("definedName.managerTitle")
+				children: localeService.t("sheets-ui.definedName.managerTitle")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-text-xs univer-text-gray-400",
-				children: localeService.t("definedName.managerDescription")
+				children: localeService.t("sheets-ui.definedName.managerDescription")
 			})]
 		})]
 	});
@@ -21645,12 +21676,13 @@ function FormulaBar(props) {
 					className: "univer-flex univer-w-full univer-flex-1 univer-overflow-hidden univer-pl-3",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						ref,
-						className: "univer-relative univer-flex-1",
+						className: "\n                          univer-relative univer-flex-1 univer-bg-white\n                          dark:!univer-bg-gray-900\n                        ",
 						onPointerDown: handlePointerDown,
 						onPointerUp: handlePointerUp,
 						style: { pointerEvents: hideEditor ? "none" : "auto" },
 						children: [FormulaEditor && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormulaEditor, {
-							className: "univer-relative univer-size-full univer-break-words univer-outline-none [&>div]:univer-ring-transparent",
+							className: "univer-relative univer-size-full univer-break-words univer-outline-none",
+							borderless: true,
 							disableSelectionOnClick: true,
 							editorId: _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY,
 							initValue: "",
@@ -21669,7 +21701,8 @@ function FormulaBar(props) {
 								else editorBridgeService.disableForceKeepVisible();
 							},
 							autoScrollbar: false,
-							disableContextMenu: false
+							disableContextMenu: false,
+							canvasStyle: { backgroundColor: "#fff" }
 						}), hideEditor && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "univer-pointer-events-none univer-relative univer-left-0 univer-top-0 univer-z-[100] univer-size-full univer-cursor-not-allowed univer-bg-white" })]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: (0, _univerjs_design.clsx)("univer-flex univer-h-full univer-w-5 univer-cursor-pointer univer-items-center univer-justify-center univer-text-xs univer-text-gray-700 dark:!univer-text-gray-200", { "univer-cursor-not-allowed univer-text-gray-200 dark:!univer-text-gray-700": editDisable }),
@@ -21725,8 +21758,7 @@ function SheetBarMenu() {
 		if (!sheetId || !workbook) return;
 		if (item.hidden) commandService.executeCommand(_univerjs_sheets.SetWorksheetShowCommand.id, {
 			unitId: workbook.getUnitId(),
-			subUnitId: sheetId,
-			value: sheetId
+			subUnitId: sheetId
 		});
 		else if (!item.selected) commandService.executeCommand(_univerjs_sheets.SetWorksheetActivateCommand.id, {
 			unitId: workbook.getUnitId(),
@@ -22777,10 +22809,10 @@ function SheetBarTabs() {
 	const openSheetNameErrorDialog = (0, react.useCallback)((id, description) => {
 		confirmService.open({
 			id,
-			title: { title: localeService.t("sheetConfig.sheetNameErrorTitle") },
+			title: { title: localeService.t("sheets-ui.sheetConfig.sheetNameErrorTitle") },
 			children: { title: description },
-			cancelText: localeService.t("button.cancel"),
-			confirmText: localeService.t("button.confirm"),
+			cancelText: localeService.t("sheets-ui.button.cancel"),
+			confirmText: localeService.t("sheets-ui.button.confirm"),
 			onClose() {
 				focusTabEditor();
 				confirmService.close(id);
@@ -22797,12 +22829,12 @@ function SheetBarTabs() {
 	]);
 	const nameEmptyCheck = (0, react.useCallback)((name) => {
 		if (name.trim() !== "") return false;
-		openSheetNameErrorDialog("sheetNameEmptyAlert", localeService.t("sheetConfig.sheetNameCannotIsEmptyError"));
+		openSheetNameErrorDialog("sheetNameEmptyAlert", localeService.t("sheets-ui.sheetConfig.sheetNameCannotIsEmptyError"));
 		return true;
 	}, [localeService, openSheetNameErrorDialog]);
 	const sheetNameSpecCharCheck = (0, react.useCallback)((name) => {
 		if ((0, _univerjs_core.nameCharacterCheck)(name)) return false;
-		openSheetNameErrorDialog("sheetNameSpecCharAlert", localeService.t("sheetConfig.sheetNameSpecCharError"));
+		openSheetNameErrorDialog("sheetNameSpecCharAlert", localeService.t("sheets-ui.sheetConfig.sheetNameSpecCharError"));
 		return true;
 	}, [localeService, openSheetNameErrorDialog]);
 	const nameRepeatCheck = (0, react.useCallback)((name) => {
@@ -22812,10 +22844,10 @@ function SheetBarTabs() {
 		const id = "sheetNameRepeatAlert";
 		confirmService.open({
 			id,
-			title: { title: localeService.t("sheetConfig.sheetNameErrorTitle") },
-			children: { title: localeService.t("sheetConfig.sheetNameAlreadyExistsError") },
-			cancelText: localeService.t("button.cancel"),
-			confirmText: localeService.t("button.confirm"),
+			title: { title: localeService.t("sheets-ui.sheetConfig.sheetNameErrorTitle") },
+			children: { title: localeService.t("sheets-ui.sheetConfig.sheetNameAlreadyExistsError") },
+			cancelText: localeService.t("sheets-ui.button.cancel"),
+			confirmText: localeService.t("sheets-ui.button.confirm"),
 			onClose() {
 				confirmService.close(id);
 				focusTabEditor();
@@ -23170,7 +23202,7 @@ const SheetBar = () => {
 		}, 0);
 	};
 	const handleScrollLeft = () => {
-		sheetBarService.setScrollX(-SCROLL_WIDTH);
+		sheetBarService.setScrollX(-100);
 	};
 	const handleScrollRight = () => {
 		sheetBarService.setScrollX(SCROLL_WIDTH);
@@ -23367,12 +23399,12 @@ const allowPatternFunctions = [
 	_univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.MAX
 ];
 const functionDisplayNames = {
-	[_univerjs_engine_formula.FUNCTION_NAMES_MATH.SUM]: "statusbar.sum",
-	[_univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.AVERAGE]: "statusbar.average",
-	[_univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.MIN]: "statusbar.min",
-	[_univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.MAX]: "statusbar.max",
-	[_univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNT]: "statusbar.count",
-	[_univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA]: "statusbar.countA",
+	[_univerjs_engine_formula.FUNCTION_NAMES_MATH.SUM]: "sheets-ui.statusbar.sum",
+	[_univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.AVERAGE]: "sheets-ui.statusbar.average",
+	[_univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.MIN]: "sheets-ui.statusbar.min",
+	[_univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.MAX]: "sheets-ui.statusbar.max",
+	[_univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNT]: "sheets-ui.statusbar.count",
+	[_univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA]: "sheets-ui.statusbar.countA",
 	[_univerjs_engine_formula.FUNCTION_NAMES_TEXT.CONCATENATE]: "concatenate"
 };
 const CopyableStatisticItem = (item) => {
@@ -23384,11 +23416,11 @@ const CopyableStatisticItem = (item) => {
 		await clipboardService.writeText(item.value.toString());
 		messageService.show({
 			type: _univerjs_design.MessageType.Success,
-			content: localeService.t("statusbar.copied")
+			content: localeService.t("sheets-ui.statusbar.copied")
 		});
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-		title: localeService.t("statusbar.clickToCopy"),
+		title: localeService.t("sheets-ui.statusbar.clickToCopy"),
 		placement: "top",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "univer-flex univer-cursor-pointer univer-truncate univer-text-center univer-text-xs univer-text-gray-400",
@@ -23592,8 +23624,9 @@ const SetColHiddenShortcutItem = {
 //#region src/controllers/shortcuts/selection.shortcut.ts
 const MoveSelectionDownShortcutItem = {
 	id: MoveSelectionCommand.id,
-	description: "shortcut.sheet.select-below-cell",
+	description: "sheets-ui.shortcut.sheet.select-below-cell",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_DOWN,
 	priority: 100,
 	preconditions: whenSheetEditorFocused,
@@ -23601,8 +23634,9 @@ const MoveSelectionDownShortcutItem = {
 };
 const MoveSelectionUpShortcutItem = {
 	id: MoveSelectionCommand.id,
-	description: "shortcut.sheet.select-up-cell",
+	description: "sheets-ui.shortcut.sheet.select-up-cell",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_UP,
 	priority: 100,
 	preconditions: whenSheetEditorFocused,
@@ -23610,8 +23644,9 @@ const MoveSelectionUpShortcutItem = {
 };
 const MoveSelectionLeftShortcutItem = {
 	id: MoveSelectionCommand.id,
-	description: "shortcut.sheet.select-left-cell",
+	description: "sheets-ui.shortcut.sheet.select-left-cell",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_LEFT,
 	priority: 100,
 	preconditions: whenSheetEditorFocusedAndFxNotFocused,
@@ -23619,8 +23654,9 @@ const MoveSelectionLeftShortcutItem = {
 };
 const MoveSelectionRightShortcutItem = {
 	id: MoveSelectionCommand.id,
-	description: "shortcut.sheet.select-right-cell",
+	description: "sheets-ui.shortcut.sheet.select-right-cell",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_RIGHT,
 	priority: 100,
 	preconditions: whenSheetEditorFocusedAndFxNotFocused,
@@ -23628,8 +23664,9 @@ const MoveSelectionRightShortcutItem = {
 };
 const MoveSelectionTabShortcutItem = {
 	id: MoveSelectionEnterAndTabCommand.id,
-	description: "shortcut.sheet.select-next-cell",
+	description: "sheets-ui.shortcut.sheet.select-next-cell",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.TAB,
 	priority: 100,
 	preconditions: whenSheetEditorFocused,
@@ -23640,8 +23677,9 @@ const MoveSelectionTabShortcutItem = {
 };
 const MoveSelectionTabLeftShortcutItem = {
 	id: MoveSelectionEnterAndTabCommand.id,
-	description: "shortcut.sheet.select-previous-cell",
+	description: "sheets-ui.shortcut.sheet.select-previous-cell",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.TAB | _univerjs_ui.MetaKeys.SHIFT,
 	priority: 100,
 	preconditions: whenSheetEditorFocused,
@@ -23652,8 +23690,9 @@ const MoveSelectionTabLeftShortcutItem = {
 };
 const MoveSelectionEnterShortcutItem = {
 	id: MoveSelectionEnterAndTabCommand.id,
-	description: "shortcut.sheet.select-below-cell",
+	description: "sheets-ui.shortcut.sheet.select-below-cell",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ENTER,
 	priority: 100,
 	preconditions: whenSheetEditorFocused,
@@ -23664,8 +23703,9 @@ const MoveSelectionEnterShortcutItem = {
 };
 const MoveSelectionEnterUpShortcutItem = {
 	id: MoveSelectionEnterAndTabCommand.id,
-	description: "shortcut.sheet.select-up-cell",
+	description: "sheets-ui.shortcut.sheet.select-up-cell",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ENTER | _univerjs_ui.MetaKeys.SHIFT,
 	priority: 100,
 	preconditions: whenSheetEditorFocused,
@@ -23676,8 +23716,9 @@ const MoveSelectionEnterUpShortcutItem = {
 };
 const MoveSelectionEndDownShortcutItem = {
 	id: MoveSelectionCommand.id,
-	description: "shortcut.sheet.select-below-value-cell",
+	description: "sheets-ui.shortcut.sheet.select-below-value-cell",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_DOWN | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
 	staticParameters: {
@@ -23687,8 +23728,9 @@ const MoveSelectionEndDownShortcutItem = {
 };
 const MoveSelectionEndUpShortcutItem = {
 	id: MoveSelectionCommand.id,
-	description: "shortcut.sheet.select-up-value-cell",
+	description: "sheets-ui.shortcut.sheet.select-up-value-cell",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_UP | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
 	staticParameters: {
@@ -23698,8 +23740,9 @@ const MoveSelectionEndUpShortcutItem = {
 };
 const MoveSelectionEndLeftShortcutItem = {
 	id: MoveSelectionCommand.id,
-	description: "shortcut.sheet.select-left-value-cell",
+	description: "sheets-ui.shortcut.sheet.select-left-value-cell",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_LEFT | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
 	staticParameters: {
@@ -23709,8 +23752,9 @@ const MoveSelectionEndLeftShortcutItem = {
 };
 const MoveSelectionEndRightShortcutItem = {
 	id: MoveSelectionCommand.id,
-	description: "shortcut.sheet.select-right-value-cell",
+	description: "sheets-ui.shortcut.sheet.select-right-value-cell",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_RIGHT | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
 	staticParameters: {
@@ -23720,40 +23764,45 @@ const MoveSelectionEndRightShortcutItem = {
 };
 const ExpandSelectionDownShortcutItem = {
 	id: ExpandSelectionCommand.id,
-	description: "shortcut.sheet.expand-selection-down",
+	description: "sheets-ui.shortcut.sheet.expand-selection-down",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_DOWN | _univerjs_ui.MetaKeys.SHIFT,
 	preconditions: whenSheetEditorFocused,
 	staticParameters: { direction: _univerjs_core.Direction.DOWN }
 };
 const ExpandSelectionUpShortcutItem = {
 	id: ExpandSelectionCommand.id,
-	description: "shortcut.sheet.expand-selection-up",
+	description: "sheets-ui.shortcut.sheet.expand-selection-up",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_UP | _univerjs_ui.MetaKeys.SHIFT,
 	preconditions: whenSheetEditorFocused,
 	staticParameters: { direction: _univerjs_core.Direction.UP }
 };
 const ExpandSelectionLeftShortcutItem = {
 	id: ExpandSelectionCommand.id,
-	description: "shortcut.sheet.expand-selection-left",
+	description: "sheets-ui.shortcut.sheet.expand-selection-left",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_LEFT | _univerjs_ui.MetaKeys.SHIFT,
 	preconditions: whenSheetEditorFocused,
 	staticParameters: { direction: _univerjs_core.Direction.LEFT }
 };
 const ExpandSelectionRightShortcutItem = {
 	id: ExpandSelectionCommand.id,
-	description: "shortcut.sheet.expand-selection-right",
+	description: "sheets-ui.shortcut.sheet.expand-selection-right",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_RIGHT | _univerjs_ui.MetaKeys.SHIFT,
 	preconditions: whenSheetEditorFocused,
 	staticParameters: { direction: _univerjs_core.Direction.RIGHT }
 };
 const ExpandSelectionEndDownShortcutItem = {
 	id: ExpandSelectionCommand.id,
-	description: "shortcut.sheet.expand-selection-to-below-gap",
+	description: "sheets-ui.shortcut.sheet.expand-selection-to-below-gap",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_DOWN | _univerjs_ui.MetaKeys.SHIFT | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
 	staticParameters: {
@@ -23763,8 +23812,9 @@ const ExpandSelectionEndDownShortcutItem = {
 };
 const ExpandSelectionEndUpShortcutItem = {
 	id: ExpandSelectionCommand.id,
-	description: "shortcut.sheet.expand-selection-to-up-gap",
+	description: "sheets-ui.shortcut.sheet.expand-selection-to-up-gap",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_UP | _univerjs_ui.MetaKeys.SHIFT | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
 	staticParameters: {
@@ -23774,8 +23824,9 @@ const ExpandSelectionEndUpShortcutItem = {
 };
 const ExpandSelectionEndLeftShortcutItem = {
 	id: ExpandSelectionCommand.id,
-	description: "shortcut.sheet.expand-selection-to-left-gap",
+	description: "sheets-ui.shortcut.sheet.expand-selection-to-left-gap",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_LEFT | _univerjs_ui.MetaKeys.SHIFT | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
 	staticParameters: {
@@ -23785,8 +23836,9 @@ const ExpandSelectionEndLeftShortcutItem = {
 };
 const ExpandSelectionEndRightShortcutItem = {
 	id: ExpandSelectionCommand.id,
-	description: "shortcut.sheet.expand-selection-to-right-gap",
+	description: "sheets-ui.shortcut.sheet.expand-selection-to-right-gap",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_RIGHT | _univerjs_ui.MetaKeys.SHIFT | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
 	staticParameters: {
@@ -23796,8 +23848,9 @@ const ExpandSelectionEndRightShortcutItem = {
 };
 const SelectAllShortcutItem = {
 	id: SelectAllCommand.id,
-	description: "shortcut.sheet.select-all",
+	description: "sheets-ui.shortcut.sheet.select-all",
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	binding: _univerjs_ui.KeyCode.A | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
 	staticParameters: {
@@ -23810,29 +23863,33 @@ const SelectAllShortcutItem = {
 //#region src/controllers/shortcuts/style.shortcut.ts
 const SetBoldShortcutItem = {
 	id: SetRangeBoldCommand.id,
-	description: "shortcut.sheet.set-bold",
+	description: "sheets-ui.shortcut.sheet.set-bold",
 	group: "4_sheet-edit",
+	groupTitle: "sheets-ui.shortcut.sheet-edit",
 	preconditions: (contextService) => whenSheetFocusedInlineFormat(contextService),
 	binding: _univerjs_ui.KeyCode.B | _univerjs_ui.MetaKeys.CTRL_COMMAND
 };
 const SetItalicShortcutItem = {
 	id: SetRangeItalicCommand.id,
-	description: "shortcut.sheet.set-italic",
+	description: "sheets-ui.shortcut.sheet.set-italic",
 	group: "4_sheet-edit",
+	groupTitle: "sheets-ui.shortcut.sheet-edit",
 	preconditions: (contextService) => whenSheetFocusedInlineFormat(contextService),
 	binding: _univerjs_ui.KeyCode.I | _univerjs_ui.MetaKeys.CTRL_COMMAND
 };
 const SetUnderlineShortcutItem = {
 	id: SetRangeUnderlineCommand.id,
-	description: "shortcut.sheet.set-underline",
+	description: "sheets-ui.shortcut.sheet.set-underline",
 	group: "4_sheet-edit",
+	groupTitle: "sheets-ui.shortcut.sheet-edit",
 	preconditions: (contextService) => whenSheetFocusedInlineFormat(contextService),
 	binding: _univerjs_ui.KeyCode.U | _univerjs_ui.MetaKeys.CTRL_COMMAND
 };
 const SetStrikeThroughShortcutItem = {
 	id: SetRangeStrickThroughCommand.id,
-	description: "shortcut.sheet.set-strike-through",
+	description: "sheets-ui.shortcut.sheet.set-strike-through",
 	group: "4_sheet-edit",
+	groupTitle: "sheets-ui.shortcut.sheet-edit",
 	preconditions: (contextService) => whenSheetFocusedInlineFormat(contextService),
 	binding: _univerjs_ui.KeyCode.X | _univerjs_ui.MetaKeys.SHIFT | _univerjs_ui.MetaKeys.CTRL_COMMAND
 };
@@ -23865,9 +23922,10 @@ const ShiftDeleteSelectionValueShortcutItem = {
 //#region src/controllers/shortcuts/view.shortcut.ts
 const ZoomInShortcutItem = {
 	id: ChangeZoomRatioCommand.id,
-	description: "shortcut.sheet.zoom-in",
+	description: "sheets-ui.shortcut.sheet.zoom-in",
 	binding: _univerjs_ui.KeyCode.EQUAL | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	preconditions: whenSheetEditorFocused,
 	priority: 1,
 	staticParameters: { delta: .2 }
@@ -23878,9 +23936,10 @@ const PreventDefaultZoomInShortcutItem = {
 };
 const ZoomOutShortcutItem = {
 	id: ChangeZoomRatioCommand.id,
-	description: "shortcut.sheet.zoom-out",
+	description: "sheets-ui.shortcut.sheet.zoom-out",
 	binding: _univerjs_ui.KeyCode.MINUS | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	preconditions: whenSheetEditorFocused,
 	priority: 1,
 	staticParameters: { delta: -.2 }
@@ -23891,10 +23950,11 @@ const PreventDefaultZoomOutShortcutItem = {
 };
 const ResetZoomShortcutItem = {
 	id: ChangeZoomRatioCommand.id,
-	description: "shortcut.sheet.reset-zoom",
+	description: "sheets-ui.shortcut.sheet.reset-zoom",
 	binding: _univerjs_ui.KeyCode.Digit0 | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
 	group: "3_sheet-view",
+	groupTitle: "sheets-ui.shortcut.sheet-view",
 	priority: 1,
 	staticParameters: { reset: true }
 };
@@ -24392,7 +24452,7 @@ const useHighlightRange = (ranges = []) => {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-ui";
-var version = "0.24.0";
+var version = "0.25.0";
 
 //#endregion
 //#region src/services/cell-alert-manager.service.ts
@@ -24939,8 +24999,8 @@ let ForceStringAlertRenderController = class ForceStringAlertRenderController ex
 					}
 					this._cellAlertManagerService.showAlert({
 						type: 2,
-						title: this._localeService.t("info.error"),
-						message: this._localeService.t("info.forceStringInfo"),
+						title: this._localeService.t("sheets-ui.info.error"),
+						message: this._localeService.t("sheets-ui.info.forceStringInfo"),
 						location,
 						width: 200,
 						height: 74,
@@ -25878,7 +25938,7 @@ let SheetPermissionInterceptorClipboardController = class SheetPermissionInterce
 						break;
 					}
 				}
-				if (!hasPermission) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localService.t("permission.dialog.pasteErr"));
+				if (!hasPermission) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localService.t("sheets-ui.permission.dialog.pasteErr"));
 				return hasPermission;
 			}
 		}));
@@ -25953,7 +26013,7 @@ const checkRangeValid = (injector, permissionRanges, permissionId, unitId, subUn
 	const worksheetRuleModel = injector.get(_univerjs_sheets.WorksheetProtectionRuleModel);
 	const rangeProtectionRuleModel = injector.get(_univerjs_sheets.RangeProtectionRuleModel);
 	let rangeErrorString = "";
-	if (permissionRanges.length === 0) rangeErrorString = localeService.t("permission.panel.emptyRangeError");
+	if (permissionRanges.length === 0) rangeErrorString = localeService.t("sheets-ui.permission.panel.emptyRangeError");
 	else if (permissionRanges.length > 1) {
 		let hasLap = false;
 		for (let i = 0; i < permissionRanges.length; i++) {
@@ -25963,11 +26023,11 @@ const checkRangeValid = (injector, permissionRanges, permissionId, unitId, subUn
 			}
 			if (hasLap) break;
 		}
-		if (hasLap) rangeErrorString = localeService.t("permission.panel.rangeOverlapError");
+		if (hasLap) rangeErrorString = localeService.t("sheets-ui.permission.panel.rangeOverlapError");
 	}
 	if (!rangeErrorString) {
 		if (worksheetRuleModel.getRule(unitId, subUnitId) && !permissionId) {
-			rangeErrorString = localeService.t("permission.panel.rangeOverlapOverPermissionError");
+			rangeErrorString = localeService.t("sheets-ui.permission.panel.rangeOverlapOverPermissionError");
 			return rangeErrorString;
 		}
 		const lapRule = rangeProtectionRuleModel.getSubunitRuleList(unitId, subUnitId).filter((rule) => {
@@ -25979,7 +26039,7 @@ const checkRangeValid = (injector, permissionRanges, permissionId, unitId, subUn
 		});
 		if (lapRule === null || lapRule === void 0 ? void 0 : lapRule.ranges.find((range) => {
 			return permissionRanges.some((r) => _univerjs_core.Rectangle.intersects(range, r));
-		})) rangeErrorString = localeService.t("permission.panel.rangeOverlapOverPermissionError");
+		})) rangeErrorString = localeService.t("sheets-ui.permission.panel.rangeOverlapOverPermissionError");
 	}
 	return rangeErrorString === "" ? void 0 : rangeErrorString;
 };
@@ -26178,7 +26238,7 @@ const PermissionDetailFooterPart = (props) => {
 					});
 				}
 				const sidebarProps = {
-					header: { title: `${localeService.t("permission.panel.title")}` },
+					header: { title: `${localeService.t("sheets-ui.permission.panel.title")}` },
 					children: {
 						label: UNIVER_SHEET_PERMISSION_PANEL,
 						showDetail: false
@@ -26187,14 +26247,14 @@ const PermissionDetailFooterPart = (props) => {
 				};
 				sidebarService.open(sidebarProps);
 			},
-			children: localeService.t("permission.button.confirm")
+			children: localeService.t("sheets-ui.permission.button.confirm")
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
 			onClick: () => {
 				sheetPermissionPanelModel.reset();
 				sheetPermissionUserManagerService.reset();
 				sidebarService.close();
 			},
-			children: localeService.t("permission.button.cancel")
+			children: localeService.t("sheets-ui.permission.button.cancel")
 		})]
 	});
 };
@@ -26229,7 +26289,7 @@ const PermissionDetailMainPart = (props) => {
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
 		className: "univer-font-medium",
-		label: localeService.t("permission.panel.protectedRange"),
+		label: localeService.t("sheets-ui.permission.panel.protectedRange"),
 		error: rangesErrMsg,
 		children: RangeSelector && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RangeSelector, {
 			unitId,
@@ -26239,11 +26299,11 @@ const PermissionDetailMainPart = (props) => {
 		})
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
 		className: "univer-font-medium",
-		label: localeService.t("permission.panel.permissionDirection"),
+		label: localeService.t("sheets-ui.permission.panel.permissionDirection"),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
 			value: desc,
 			onChange: (v) => onDescChange(v),
-			placeholder: localeService.t("permission.panel.permissionDirectionPlaceholder")
+			placeholder: localeService.t("sheets-ui.permission.panel.permissionDirectionPlaceholder")
 		})
 	})] });
 };
@@ -26324,17 +26384,17 @@ const PermissionDetailUserPart = (props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
 			className: "univer-font-medium",
-			label: localeService.t("permission.panel.editPermission"),
+			label: localeService.t("sheets-ui.permission.panel.editPermission"),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_univerjs_design.RadioGroup, {
 				value: editState,
 				onChange: (v) => onEditStateChange(v),
 				className: "univer-flex univer-flex-col",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 					value: _univerjs_sheets.EditStateEnum.OnlyMe,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("permission.panel.onlyICanEdit") })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("sheets-ui.permission.panel.onlyICanEdit") })
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 					value: _univerjs_sheets.EditStateEnum.DesignedUserCanEdit,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("permission.panel.designedUserCanEdit") })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("sheets-ui.permission.panel.designedUserCanEdit") })
 				})]
 			})
 		}),
@@ -26343,10 +26403,10 @@ const PermissionDetailUserPart = (props) => {
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "univer-flex univer-items-center univer-justify-between univer-text-sm",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("permission.panel.designedPerson") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("sheets-ui.permission.panel.designedPerson") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "univer-cursor-pointer univer-text-primary-600",
 						onClick: handleAddPerson,
-						children: localeService.t("permission.panel.addPerson")
+						children: localeService.t("sheets-ui.permission.panel.addPerson")
 					})]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "univer-my-2 univer-h-px univer-bg-gray-200" }),
@@ -26370,10 +26430,10 @@ const PermissionDetailUserPart = (props) => {
 									borderless: true,
 									value: "edit",
 									options: [{
-										label: `${localeService.t("permission.panel.canEdit")}`,
+										label: `${localeService.t("sheets-ui.permission.panel.canEdit")}`,
 										value: "edit"
 									}, {
-										label: `${localeService.t("permission.panel.delete")}`,
+										label: `${localeService.t("sheets-ui.permission.panel.delete")}`,
 										value: "delete"
 									}],
 									onChange: (v) => {
@@ -26394,7 +26454,7 @@ const PermissionDetailUserPart = (props) => {
 							alt: ""
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: "univer-w-60 univer-break-words univer-text-sm univer-text-gray-400",
-							children: localeService.t("permission.dialog.userEmpty")
+							children: localeService.t("sheets-ui.permission.dialog.userEmpty")
 						})]
 					})
 				})
@@ -26402,17 +26462,17 @@ const PermissionDetailUserPart = (props) => {
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
 			className: "univer-font-medium",
-			label: localeService.t("permission.panel.viewPermission"),
+			label: localeService.t("sheets-ui.permission.panel.viewPermission"),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_univerjs_design.RadioGroup, {
 				value: viewState,
 				onChange: (v) => onViewStateChange(v),
 				className: "univer-flex univer-flex-col last:univer-mb-0",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 					value: _univerjs_sheets.ViewStateEnum.OthersCanView,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("permission.panel.othersCanView") })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("sheets-ui.permission.panel.othersCanView") })
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 					value: _univerjs_sheets.ViewStateEnum.NoOneElseCanView,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("permission.panel.noOneElseCanView") })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("sheets-ui.permission.panel.noOneElseCanView") })
 				})]
 			})
 		})
@@ -26623,7 +26683,7 @@ function SheetPermissionPanelList() {
 			subUnitId: rule.subUnitId
 		});
 		const sidebarProps = {
-			header: { title: "permission.panel.title" },
+			header: { title: "sheets-ui.permission.panel.title" },
 			children: {
 				label: UNIVER_SHEET_PERMISSION_PANEL,
 				showDetail: true,
@@ -26648,14 +26708,14 @@ function SheetPermissionPanelList() {
 					onClick: () => handleChangeHeaderType(true),
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: (0, _univerjs_design.clsx)("univer-h-6 univer-text-base univer-font-medium univer-leading-6", { "univer-text-blue-500": isCurrentSheet }),
-						children: [" ", localeService.t("permission.panel.currentSheet")]
+						children: [" ", localeService.t("sheets-ui.permission.panel.currentSheet")]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, _univerjs_design.clsx)("univer-mt-1 univer-h-0.5 univer-w-6", { "univer-bg-blue-500": isCurrentSheet }) })]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "univer-mr-5 univer-flex univer-cursor-pointer univer-flex-col univer-items-center",
 					onClick: () => handleChangeHeaderType(false),
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: (0, _univerjs_design.clsx)("univer-h-6 univer-text-base univer-font-medium univer-leading-6", { "univer-text-blue-500": !isCurrentSheet }),
-						children: localeService.t("permission.panel.allSheet")
+						children: localeService.t("sheets-ui.permission.panel.allSheet")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, _univerjs_design.clsx)("univer-mt-1 univer-h-0.5 univer-w-6", { "univer-bg-blue-500": !isCurrentSheet }) })]
 				})]
 			}),
@@ -26714,14 +26774,14 @@ function SheetPermissionPanelList() {
 							}), (hasManagerPermission || hasDeletePermission) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "univer-flex univer-items-center",
 								children: [hasManagerPermission && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-									title: localeService.t("permission.panel.edit"),
+									title: localeService.t("sheets-ui.permission.panel.edit"),
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: "univer-box-border univer-h-6 univer-rounded-sm univer-p-1 hover:univer-bg-gray-200",
 										onClick: () => handleEdit(rule),
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.WriteIcon, {})
 									})
 								}), hasDeletePermission && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-									title: localeService.t("permission.panel.delete"),
+									title: localeService.t("sheets-ui.permission.panel.delete"),
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: "univer-box-border univer-h-6 univer-rounded-sm univer-p-1 hover:univer-bg-gray-200",
 										onClick: () => handleDelete(rule),
@@ -26745,11 +26805,11 @@ function SheetPermissionPanelList() {
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: "univer-h-4 univer-flex-grow univer-text-xs univer-text-gray-900 dark:!univer-text-white",
-										children: localeService.t("permission.panel.created")
+										children: localeService.t("sheets-ui.permission.panel.created")
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: "univer-h-4 univer-text-xs univer-text-gray-900 dark:!univer-text-white",
-										children: editPermission ? `${localeService.t("permission.panel.iCanEdit")}` : `${localeService.t("permission.panel.iCanNotEdit")}`
+										children: editPermission ? `${localeService.t("sheets-ui.permission.panel.iCanEdit")}` : `${localeService.t("sheets-ui.permission.panel.iCanNotEdit")}`
 									})
 								]
 							}),
@@ -26757,10 +26817,10 @@ function SheetPermissionPanelList() {
 								className: "univer-mt-2 univer-flex univer-items-center",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "univer-h-4 univer-flex-grow univer-text-xs univer-text-gray-900 dark:!univer-text-white",
-									children: localeService.t("permission.panel.viewPermission")
+									children: localeService.t("sheets-ui.permission.panel.viewPermission")
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "univer-h-4 univer-text-xs univer-text-gray-900 dark:!univer-text-white",
-									children: viewPermission ? `${localeService.t("permission.panel.iCanView")}` : `${localeService.t("permission.panel.iCanNotView")}`
+									children: viewPermission ? `${localeService.t("sheets-ui.permission.panel.iCanView")}` : `${localeService.t("sheets-ui.permission.panel.iCanNotView")}`
 								})]
 							}),
 							rule.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
@@ -26783,7 +26843,7 @@ function SheetPermissionPanelList() {
 					draggable: false
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: "univer-w-60 univer-break-words univer-text-sm univer-text-gray-400",
-					children: localeService.t("permission.dialog.listEmpty")
+					children: localeService.t("sheets-ui.permission.dialog.listEmpty")
 				})]
 			}),
 			hasSetProtectPermission && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -26793,7 +26853,7 @@ function SheetPermissionPanelList() {
 					variant: "primary",
 					onClick: () => {
 						const sidebarProps = {
-							header: { title: `${localeService.t("permission.panel.title")}` },
+							header: { title: `${localeService.t("sheets-ui.permission.panel.title")}` },
 							children: {
 								label: "UNIVER_SHEET_PERMISSION_PANEL",
 								showDetail: true
@@ -26802,7 +26862,7 @@ function SheetPermissionPanelList() {
 						};
 						sidebarService.open(sidebarProps);
 					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: "+ " }), localeService.t("permission.button.addNewPermission")]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: "+ " }), localeService.t("sheets-ui.permission.button.addNewPermission")]
 				})
 			})
 		]
@@ -26862,7 +26922,7 @@ const SheetPermissionDialog = () => {
 	const [permissionMap, setPermissionMap] = (0, react.useState)(() => {
 		return Object.keys(subUnitPermissionTypeMap).reduce((acc, action) => {
 			acc[action] = {
-				text: localeService.t(`permission.panel.${subUnitPermissionTypeMap[Number(action)]}`),
+				text: localeService.t(`sheets-ui.permission.panel.${subUnitPermissionTypeMap[Number(action)]}`),
 				allowed: true
 			};
 			return acc;
@@ -26890,7 +26950,7 @@ const SheetPermissionDialog = () => {
 				actions: defaultWorksheetUnitActionList
 			}))[0].strategies.reduce((p, c) => {
 				if (subUnitPermissionTypeMap[c.action]) p[c.action] = {
-					text: localeService.t(`permission.panel.${subUnitPermissionTypeMap[c.action]}`),
+					text: localeService.t(`sheets-ui.permission.panel.${subUnitPermissionTypeMap[c.action]}`),
 					allowed: c.role !== _univerjs_protocol.UnitRole.Owner
 				};
 				return p;
@@ -26958,13 +27018,16 @@ const SheetPermissionDialog = () => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spin, {
 		loading,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, _univerjs_design.clsx)("univer-flex univer-flex-col", _univerjs_design.borderTopClassName),
+			className: (0, _univerjs_design.clsx)("univer-flex univer-flex-col univer-gap-2 univer-pt-2", _univerjs_design.borderTopClassName),
 			children: [Object.keys(permissionMap).map((action) => {
 				const actionItem = permissionMap[action];
 				const { text, allowed } = actionItem;
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "univer-my-1.5 univer-flex univer-h-5 univer-items-center univer-justify-between univer-leading-5",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: text }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Switch, {
+					className: "univer-flex univer-h-5 univer-items-center univer-justify-between",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "univer-text-sm",
+						children: text
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Switch, {
 						defaultChecked: allowed,
 						onChange: () => {
 							setPermissionMap({
@@ -26983,14 +27046,14 @@ const SheetPermissionDialog = () => {
 					onClick: () => {
 						dialogService.close(UNIVER_SHEET_PERMISSION_DIALOG_ID);
 					},
-					children: localeService.t("permission.button.cancel")
+					children: localeService.t("sheets-ui.permission.button.cancel")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
 					variant: "primary",
 					onClick: () => {
 						handleChangeActionPermission();
 						dialogService.close(UNIVER_SHEET_PERMISSION_DIALOG_ID);
 					},
-					children: localeService.t("permission.button.confirm")
+					children: localeService.t("sheets-ui.permission.button.confirm")
 				})]
 			})]
 		})
@@ -27028,7 +27091,7 @@ const SheetPermissionUserDialog = () => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
 			className: "univer-w-full",
-			placeholder: localeService.t("permission.dialog.search"),
+			placeholder: localeService.t("sheets-ui.permission.dialog.search"),
 			value: inputValue,
 			onChange: (v) => setInputValue(v)
 		}) }),
@@ -27051,7 +27114,7 @@ const SheetPermissionUserDialog = () => {
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "univer-text-xs univer-text-rose-600",
-								children: localeService.t("permission.dialog.ownerInherit")
+								children: localeService.t("sheets-ui.permission.dialog.ownerInherit")
 							})
 						]
 					}, (_item$subject4 = item.subject) === null || _item$subject4 === void 0 ? void 0 : _item$subject4.userID);
@@ -27070,7 +27133,7 @@ const SheetPermissionUserDialog = () => {
 						}),
 						item.role === _univerjs_protocol.UnitRole.Owner && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "univer-text-xs univer-text-rose-600",
-							children: localeService.t("permission.dialog.ownerWithoutInherit")
+							children: localeService.t("sheets-ui.permission.dialog.ownerWithoutInherit")
 						}),
 						(selectUserInfo === null || selectUserInfo === void 0 ? void 0 : selectUserInfo.findIndex((v) => {
 							var _v$subject3, _item$subject10;
@@ -27087,7 +27150,7 @@ const SheetPermissionUserDialog = () => {
 					draggable: false
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: "univer-text-sm univer-text-gray-400",
-					children: localeService.t("permission.dialog.userEmpty")
+					children: localeService.t("sheets-ui.permission.dialog.userEmpty")
 				})]
 			})
 		}),
@@ -27096,14 +27159,14 @@ const SheetPermissionUserDialog = () => {
 			className: "univer-flex univer-items-center univer-justify-end univer-gap-1 univer-py-2",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
 				onClick: () => dialogService.close(UNIVER_SHEET_PERMISSION_USER_DIALOG_ID),
-				children: localeService.t("permission.button.cancel")
+				children: localeService.t("sheets-ui.permission.button.cancel")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
 				variant: "primary",
 				onClick: () => {
 					sheetPermissionUserManagerService.setSelectUserList(selectUserInfo);
 					dialogService.close(UNIVER_SHEET_PERMISSION_USER_DIALOG_ID);
 				},
-				children: localeService.t("permission.button.confirm")
+				children: localeService.t("sheets-ui.permission.button.confirm")
 			})]
 		})
 	] });
@@ -27130,7 +27193,7 @@ const AlertDialog = ({ errorMsg }) => {
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 		className: "univer-m-0",
-		children: errorMsg || localeService.t("permission.dialog.alertContent")
+		children: errorMsg || localeService.t("sheets-ui.permission.dialog.alertContent")
 	}) });
 };
 
@@ -28989,7 +29052,7 @@ let SheetSkeletonRenderController = class SheetSkeletonRenderController extends
 		}));
 	}
 	_updateSceneSize(param) {
-		var _this$_renderManagerS, _scene$getViewport, _scene$getViewport2, _scene$getViewport3, _scene$getViewport4, _scene$getViewport5;
+		var _this$_renderManagerS;
 		if (param == null) return;
 		const { unitId } = this._context;
 		const { skeleton } = param;
@@ -29002,30 +29065,6 @@ let SheetSkeletonRenderController = class SheetSkeletonRenderController extends
 			height: columnHeaderHeightAndMarginTop + rowTotalHeight
 		});
 		scene.getMainViewport().setMargin(rowHeaderWidthAndMarginLeft, columnHeaderHeightAndMarginTop);
-		scene.getMainViewport().resizeWhenFreezeChange({
-			left: rowHeaderWidthAndMarginLeft,
-			top: columnHeaderHeightAndMarginTop
-		});
-		(_scene$getViewport = scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_COLUMN_LEFT)) === null || _scene$getViewport === void 0 || _scene$getViewport.resizeWhenFreezeChange({
-			left: rowHeaderWidthAndMarginLeft,
-			height: columnHeaderHeightAndMarginTop
-		});
-		(_scene$getViewport2 = scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_COLUMN_RIGHT)) === null || _scene$getViewport2 === void 0 || _scene$getViewport2.resizeWhenFreezeChange({
-			left: rowHeaderWidthAndMarginLeft,
-			height: columnHeaderHeightAndMarginTop
-		});
-		(_scene$getViewport3 = scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_ROW_BOTTOM)) === null || _scene$getViewport3 === void 0 || _scene$getViewport3.resizeWhenFreezeChange({
-			width: rowHeaderWidthAndMarginLeft,
-			top: columnHeaderHeightAndMarginTop
-		});
-		(_scene$getViewport4 = scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_ROW_TOP)) === null || _scene$getViewport4 === void 0 || _scene$getViewport4.resizeWhenFreezeChange({
-			width: rowHeaderWidthAndMarginLeft,
-			top: columnHeaderHeightAndMarginTop
-		});
-		(_scene$getViewport5 = scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_LEFT_TOP)) === null || _scene$getViewport5 === void 0 || _scene$getViewport5.resizeWhenFreezeChange({
-			width: rowHeaderWidthAndMarginLeft,
-			height: columnHeaderHeightAndMarginTop
-		});
 	}
 };
 SheetSkeletonRenderController = __decorate([__decorateParam(1, (0, _univerjs_core.Inject)(SheetSkeletonManagerService)), __decorateParam(2, _univerjs_engine_render.IRenderManagerService)], SheetSkeletonRenderController);
@@ -29230,7 +29269,7 @@ function DateDropdown(props) {
 				variant: "primary",
 				onClick: handleSave,
 				disabled: !date || !date.isValid(),
-				children: localeService.t("dataValidation.alert.ok")
+				children: localeService.t("sheets-ui.data-validation.alert.ok")
 			})
 		})]
 	});
@@ -29238,13 +29277,29 @@ function DateDropdown(props) {
 DateDropdown.componentKey = "sheets.dropdown.date";
 
 //#endregion
-//#region src/views/dropdown/list-dropdown/index.tsx
-function serializeListOptions(options) {
-	return options.filter(Boolean).join(",");
-}
-function deserializeListOptions(optionsStr) {
-	return optionsStr.split(",").filter(Boolean);
+//#region src/views/dropdown/list-dropdown/utils.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function getListDropdownValue(value, multiple) {
+	if (!value) return [];
+	return multiple ? (0, _univerjs_sheets.deserializeListOptions)(value) : [value];
 }
+
+//#endregion
+//#region src/views/dropdown/list-dropdown/index.tsx
 function SelectList(props) {
 	const { value, onChange, multiple, options, title, onEdit, style, location, showEdit: showEditOnDropdown, showSearch: showSearchOnDropdown } = props;
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
@@ -29349,7 +29404,7 @@ function SelectList(props) {
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 					className: "univer-block univer-cursor-pointer univer-rounded univer-px-1.5 univer-py-1 univer-text-xs hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800",
 					onClick: onEdit,
-					children: localeService.t("dataValidation.list.edit")
+					children: localeService.t("sheets-ui.data-validation.list.edit")
 				})
 			})
 		]
@@ -29369,11 +29424,12 @@ function ListDropDown(props) {
 			minWidth: cellWidth,
 			maxWidth: Math.max(cellWidth, 200)
 		},
-		title: multiple ? localeService.t("dataValidation.listMultiple.dropdown") : localeService.t("dataValidation.list.dropdown"),
-		value: deserializeListOptions(localValue !== null && localValue !== void 0 ? localValue : ""),
+		title: multiple ? localeService.t("sheets-ui.data-validation.listMultiple.dropdown") : localeService.t("sheets-ui.data-validation.list.dropdown"),
+		value: getListDropdownValue(localValue, multiple),
 		multiple,
 		onChange: async (newValue) => {
-			setLocalValue(serializeListOptions(newValue));
+			var _newValue$;
+			setLocalValue(multiple ? (0, _univerjs_sheets.serializeListOptions)(newValue) : (_newValue$ = newValue[0]) !== null && _newValue$ !== void 0 ? _newValue$ : "");
 			if (!(await (onChange === null || onChange === void 0 ? void 0 : onChange(newValue)) === false)) hideFn();
 		},
 		options,