@univerjs/sheets-ui 0.23.0 → 0.24.0-insiders.20260527-b1d726f

package/lib/cjs/index.js

@@ -518,11 +518,13 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 	}
 	newSelectionControl(scene, skeleton, selection) {
 		const zIndex = this.getSelectionControls().length;
-		const { rowHeaderWidth, columnHeaderHeight } = skeleton;
+		const { rowHeaderWidth, rowHeaderWidthAndMarginLeft, columnHeaderHeight, columnHeaderHeightAndMarginTop } = skeleton;
 		const control = new SelectionControl(scene, zIndex, this._selectionTheme, {
 			highlightHeader: this._highlightHeader,
 			rowHeaderWidth,
-			columnHeaderHeight
+			columnHeaderHeight,
+			rowHeaderOffsetX: Math.max(0, rowHeaderWidthAndMarginLeft - rowHeaderWidth),
+			columnHeaderOffsetY: Math.max(0, columnHeaderHeightAndMarginTop - columnHeaderHeight)
 		});
 		this._selectionControls.push(control);
 		const selectionWithCoord = (0, _univerjs_sheets.attachSelectionWithCoord)(selection, skeleton);
@@ -1808,7 +1810,7 @@ const SELECTION_TITLE_HIGHLIGHT_ALPHA = .3;
 */
 var SelectionControl = class extends _univerjs_core.Disposable {
 	constructor(_scene, _zIndex, _themeService, options) {
-		var _options$enableAutoFi, _options$highlightHea, _options$rowHeaderWid, _options$columnHeader;
+		var _options$enableAutoFi, _options$highlightHea, _options$rowHeaderWid, _options$columnHeader, _options$rowHeaderOff, _options$columnHeader2;
 		super();
 		this._scene = _scene;
 		this._zIndex = _zIndex;
@@ -1847,6 +1849,8 @@ var SelectionControl = class extends _univerjs_core.Disposable {
 		_defineProperty(this, "_currentStyle", void 0);
 		_defineProperty(this, "_rowHeaderWidth", 0);
 		_defineProperty(this, "_columnHeaderHeight", 0);
+		_defineProperty(this, "_rowHeaderOffsetX", 0);
+		_defineProperty(this, "_columnHeaderOffsetY", 0);
 		_defineProperty(this, "_widgetRects", []);
 		_defineProperty(this, "_controlExtension", void 0);
 		_defineProperty(this, "_dispose$", new rxjs.BehaviorSubject(this));
@@ -1864,6 +1868,8 @@ var SelectionControl = class extends _univerjs_core.Disposable {
 		this._highlightHeader = (_options$highlightHea = options === null || options === void 0 ? void 0 : options.highlightHeader) !== null && _options$highlightHea !== void 0 ? _options$highlightHea : true;
 		this._rowHeaderWidth = (_options$rowHeaderWid = options === null || options === void 0 ? void 0 : options.rowHeaderWidth) !== null && _options$rowHeaderWid !== void 0 ? _options$rowHeaderWid : 0;
 		this._columnHeaderHeight = (_options$columnHeader = options === null || options === void 0 ? void 0 : options.columnHeaderHeight) !== null && _options$columnHeader !== void 0 ? _options$columnHeader : 0;
+		this._rowHeaderOffsetX = (_options$rowHeaderOff = options === null || options === void 0 ? void 0 : options.rowHeaderOffsetX) !== null && _options$rowHeaderOff !== void 0 ? _options$rowHeaderOff : 0;
+		this._columnHeaderOffsetY = (_options$columnHeader2 = options === null || options === void 0 ? void 0 : options.columnHeaderOffsetY) !== null && _options$columnHeader2 !== void 0 ? _options$columnHeader2 : 0;
 		this._initializeSheetBody();
 		this._initialHeader();
 	}
@@ -2228,6 +2234,8 @@ var SelectionControl = class extends _univerjs_core.Disposable {
 		if (sk) {
 			this._rowHeaderWidth = sk.rowHeaderWidth;
 			this._columnHeaderHeight = sk.columnHeaderHeight;
+			this._rowHeaderOffsetX = Math.max(0, sk.rowHeaderWidthAndMarginLeft - sk.rowHeaderWidth);
+			this._columnHeaderOffsetY = Math.max(0, sk.columnHeaderHeightAndMarginTop - sk.columnHeaderHeight);
 		}
 		this._selectionRenderModel.setValue(selectionWthCoord.rangeWithCoord, selectionWthCoord.primaryWithCoord);
 		this._showAutoFill = selectionWthCoord.primaryWithCoord !== null;
@@ -2248,6 +2256,8 @@ var SelectionControl = class extends _univerjs_core.Disposable {
 	update(newSelectionRange, rowHeaderWidth = 0, columnHeaderHeight = 0, style, primaryCell) {
 		this._rowHeaderWidth = rowHeaderWidth;
 		this._columnHeaderHeight = columnHeaderHeight;
+		this._rowHeaderOffsetX = 0;
+		this._columnHeaderOffsetY = 0;
 		this.updateRangeBySelectionWithCoord({
 			rangeWithCoord: newSelectionRange,
 			primaryWithCoord: primaryCell,
@@ -2367,6 +2377,8 @@ var SelectionControl = class extends _univerjs_core.Disposable {
 		columnHeaderStrokeWidth /= scale;
 		const rowHeaderWidth = this._rowHeaderWidth;
 		const columnHeaderHeight = this._columnHeaderHeight;
+		const rowHeaderOffsetX = this._rowHeaderOffsetX;
+		const columnHeaderOffsetY = this._columnHeaderOffsetY;
 		if (this._highlightHeader && columnHeaderHeight > 0) {
 			let highlightTitleColor = columnHeaderFill;
 			if (rangeType === _univerjs_core.RANGE_TYPE.COLUMN) highlightTitleColor = new _univerjs_core.ColorKit(stroke).setAlpha(SELECTION_TITLE_HIGHLIGHT_ALPHA).toString();
@@ -2379,7 +2391,7 @@ var SelectionControl = class extends _univerjs_core.Disposable {
 				top: columnHeaderHeight - columnHeaderStrokeWidth + 1 / scale
 			});
 			this._columnHeaderGroup.show();
-			this._columnHeaderGroup.translate(startX, 0);
+			this._columnHeaderGroup.translate(startX, columnHeaderOffsetY);
 		} else this._columnHeaderGroup.hide();
 		this._columnHeaderGroup.makeDirty(true);
 		if (this._highlightHeader && rowHeaderWidth > 0) {
@@ -2394,7 +2406,7 @@ var SelectionControl = class extends _univerjs_core.Disposable {
 				left: rowHeaderWidth - rowHeaderStrokeWidth + 1 / scale
 			});
 			this._rowHeaderGroup.show();
-			this._rowHeaderGroup.translate(0, startY);
+			this._rowHeaderGroup.translate(rowHeaderOffsetX, startY);
 		} else this._rowHeaderGroup.hide();
 		this._rowHeaderGroup.makeDirty(true);
 	}
@@ -2608,7 +2620,7 @@ let MarkSelectionService = class MarkSelectionService extends _univerjs_core.Dis
 	}
 	addShape(selection, exits = [], zIndex = DEFAULT_Z_INDEX) {
 		var _workbook$getActiveSh;
-		const workbook = this._currentService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._currentService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const subUnitId = (_workbook$getActiveSh = workbook.getActiveSheet()) === null || _workbook$getActiveSh === void 0 ? void 0 : _workbook$getActiveSh.getSheetId();
 		if (!subUnitId) return null;
 		const id = (0, _univerjs_core.generateRandomId)();
@@ -2626,7 +2638,7 @@ let MarkSelectionService = class MarkSelectionService extends _univerjs_core.Dis
 	}
 	addShapeWithNoFresh(selection, exits = [], zIndex = DEFAULT_Z_INDEX) {
 		var _workbook$getActiveSh2;
-		const workbook = this._currentService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._currentService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const subUnitId = (_workbook$getActiveSh2 = workbook.getActiveSheet()) === null || _workbook$getActiveSh2 === void 0 ? void 0 : _workbook$getActiveSh2.getSheetId();
 		if (!subUnitId) return null;
 		const id = (0, _univerjs_core.generateRandomId)();
@@ -2642,7 +2654,7 @@ let MarkSelectionService = class MarkSelectionService extends _univerjs_core.Dis
 	}
 	refreshShapes() {
 		var _currentSheet$getActi;
-		const currentSheet = this._currentService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const currentSheet = this._currentService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		if (!currentSheet) return;
 		const currentUnitId = currentSheet.getUnitId();
 		const currentSubUnitId = (_currentSheet$getActi = currentSheet.getActiveSheet()) === null || _currentSheet$getActi === void 0 ? void 0 : _currentSheet$getActi.getSheetId();
@@ -2734,10 +2746,6 @@ function cloneCellDataWithSpanInfo(cell) {
 //#endregion
 //#region src/services/clipboard/copy-content-cache.ts
 const COPY_CONTENT_CACHE_LIMIT = 10;
-const ID_LENGTH = 6;
-function genId() {
-	return (0, _univerjs_core.generateRandomId)(ID_LENGTH);
-}
 function extractId(html) {
 	const match = html.match(/data-copy-id="([^\s]+)"/);
 	if (match && match[1]) return match[1];
@@ -4064,7 +4072,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 	async copy(options) {
 		const selection = this._selectionManagerService.getCurrentLastSelection();
 		if (!selection) return false;
-		const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 		if (!workbook || !worksheet) return false;
 		const workbookId = workbook.getUnitId();
@@ -4104,8 +4112,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);
 		}
@@ -4225,7 +4233,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 			rowIndex += 1;
 		}
 		for (let c = startColumn; c <= endColumn; c++) discreteRange.cols.push(c);
-		const copyId = genId();
+		const copyId = (0, _univerjs_core.generateRandomId)(6);
 		const html = this._usmToHtml.convert(matrix, discreteRange, hooks, copyId);
 		return {
 			copyId,
@@ -4277,7 +4285,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		});
 		const result = redoMutationsInfo.every((m) => this._commandService.executeCommand(m.id, m.params));
 		if (result) this._undoRedoService.pushUndoRedo({
-			unitID: this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId(),
+			unitID: this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId(),
 			undoMutations: undoMutationsInfo,
 			redoMutations: redoMutationsInfo
 		});
@@ -4319,7 +4327,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;
 			}
 		}
@@ -4365,7 +4373,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;
 			}
 		}
@@ -4624,7 +4632,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		};
 	}
 	_getPastingTarget() {
-		const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook.getActiveSheet();
 		const selection = this._selectionManagerService.getCurrentLastSelection();
 		return {
@@ -4686,7 +4694,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		const { startRow, startColumn, endRow, endColumn } = vRange;
 		const destinationRows = endRow - startRow + 1;
 		const destinationColumns = endColumn - startColumn + 1;
-		const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 		if (!worksheet) return null;
 		const mergedCellsInRange = worksheet.getMergeData().filter((rect) => discreteRange.rows.includes(rect.startRow) && discreteRange.cols.includes(rect.startColumn));
@@ -4826,7 +4834,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 	* @param range
 	*/
 	_topLeftCellsMatch(rowCount, colCount, range) {
-		const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 		if (!worksheet) return false;
 		const { topRow, leftCol } = range;
@@ -5029,10 +5037,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;
 	}
@@ -5063,9 +5071,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;
@@ -5075,10 +5083,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;
 	}
@@ -5510,10 +5518,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;
 		}
@@ -5537,10 +5545,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;
 		}
@@ -5753,9 +5761,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;
@@ -5765,10 +5773,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;
 	}
@@ -5803,10 +5811,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;
 	}
@@ -5953,7 +5961,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,
@@ -6027,7 +6035,7 @@ const DeleteRangeProtectionFromContextMenuCommand = {
 		const undoRedoService = accessor.get(_univerjs_core.IUndoRedoService);
 		const selectionManagerService = accessor.get(_univerjs_sheets.SheetsSelectionsService);
 		const worksheetRuleModel = accessor.get(_univerjs_sheets.WorksheetProtectionRuleModel);
-		const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook.getActiveSheet();
 		const unitId = workbook.getUnitId();
 		const subUnitId = worksheet.getSheetId();
@@ -6078,7 +6086,7 @@ const SetRangeProtectionFromContextMenuCommand = {
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const selectionManagerService = accessor.get(_univerjs_sheets.SheetsSelectionsService);
 		const worksheetRuleModel = accessor.get(_univerjs_sheets.WorksheetProtectionRuleModel);
-		const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook.getActiveSheet();
 		const unitId = workbook.getUnitId();
 		const subUnitId = worksheet.getSheetId();
@@ -6143,10 +6151,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;
 		}
@@ -6174,10 +6182,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;
 		}
@@ -6208,10 +6216,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;
@@ -6999,7 +7007,7 @@ function isRenderManagerService(renderManagerService) {
 * Get render objects of a spreadsheet.
 */
 function getSheetObject(univerInstanceService, renderManagerService) {
-	const workbook = univerInstanceService instanceof _univerjs_core.Workbook ? univerInstanceService : univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+	const workbook = univerInstanceService instanceof _univerjs_core.Workbook ? univerInstanceService : univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	if (!workbook) return null;
 	const unitId = workbook.getUnitId();
 	let components, mainComponent, scene, engine;
@@ -7551,7 +7559,7 @@ const ScrollToCellCommand = {
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: (accessor, params) => {
 		const instanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-		return accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(instanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId()).with(SheetsScrollRenderController).scrollToRange(params.range, params.forceTop, params.forceLeft);
+		return accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId()).with(SheetsScrollRenderController).scrollToRange(params.range, params.forceTop, params.forceLeft);
 	}
 };
 /**
@@ -8161,7 +8169,7 @@ const DeleteWorksheetProtectionFormSheetBarCommand = {
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const undoRedoService = accessor.get(_univerjs_core.IUndoRedoService);
 		const worksheetProtectionRuleModel = accessor.get(_univerjs_sheets.WorksheetProtectionRuleModel);
-		const workbook = accessor.get(_univerjs_core.IUniverInstanceService).getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = accessor.get(_univerjs_core.IUniverInstanceService).getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 		const unitId = workbook.getUnitId();
 		if (!worksheet) return false;
@@ -8248,7 +8256,7 @@ const SetCellEditVisibleOperation = {
 		if (!params) return false;
 		if (((_configService$getCon = accessor.get(_univerjs_core.IConfigService).getConfig("sheets-ui.config")) === null || _configService$getCon === void 0 ? void 0 : _configService$getCon.disableEdit) && params.visible) return false;
 		const { unitId } = params;
-		const workbook = accessor.get(_univerjs_core.IUniverInstanceService).getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = accessor.get(_univerjs_core.IUniverInstanceService).getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		if (!workbook) return false;
 		accessor.get(IEditorBridgeService).changeVisible({
 			...params,
@@ -8262,7 +8270,7 @@ const SetCellEditVisibleWithF2Operation = {
 	type: _univerjs_core.CommandType.OPERATION,
 	handler: (accessor, params) => {
 		const commandService = accessor.get(_univerjs_core.ICommandService);
-		const workbook = accessor.get(_univerjs_core.IUniverInstanceService).getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = accessor.get(_univerjs_core.IUniverInstanceService).getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		if (!workbook) return false;
 		return commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
 			...params,
@@ -8302,7 +8310,7 @@ const ScrollToRangeOperation = {
 	handler: (accessor, params) => {
 		if (!params) return false;
 		const instanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-		return accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(instanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId()).with(SheetsScrollRenderController).scrollToRange(params.range, params.forceTop, params.forceLeft);
+		return accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId()).with(SheetsScrollRenderController).scrollToRange(params.range, params.forceTop, params.forceLeft);
 	}
 };
 
@@ -8316,7 +8324,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,
@@ -8361,7 +8369,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,
@@ -8877,7 +8885,7 @@ let AutoHeightController = class AutoHeightController extends _univerjs_core.Dis
 	}
 	getUndoRedoParamsOfAutoHeight(ranges, subUnitIdParam, currentCellHeights) {
 		const { _univerInstanceService: univerInstanceService } = this;
-		const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const unitId = workbook.getUnitId();
 		let worksheet = workbook.getActiveSheet();
 		let subUnitId = worksheet.getSheetId();
@@ -9073,23 +9081,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",
@@ -9873,7 +9881,7 @@ const permissionCheckMap = {
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission],
 			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
 		},
-		errorMessageKey: "permission.dialog.editErr"
+		errorMessageKey: "sheets-ui.permission.dialog.editErr"
 	},
 	["cellStyle"]: {
 		permissionTypes: {
@@ -9881,7 +9889,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: {
@@ -9889,7 +9897,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: {
@@ -9897,7 +9905,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: {
@@ -9905,7 +9913,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 = {
@@ -9982,7 +9990,7 @@ 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",
 	preconditions: whenSheetEditorFocused,
 	staticParameters: {
@@ -9994,14 +10002,14 @@ 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",
 	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",
 	preconditions: (contextService) => whenEditorDidNotInputFormulaActivated(contextService),
 	staticParameters: {
@@ -10023,7 +10031,7 @@ 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",
 	preconditions: (contextService) => whenEditorDidNotInputFormulaActivated(contextService),
 	staticParameters: {
@@ -10045,7 +10053,7 @@ 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",
 	preconditions: (contextService) => whenSheetEditorActivated(contextService),
 	binding: _univerjs_ui.KeyCode.ENTER | _univerjs_ui.MetaKeys.ALT
@@ -10067,7 +10075,7 @@ 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",
 	preconditions: (contextService) => whenSheetEditorFocused(contextService) && !whenFormulaEditorFocused(contextService),
 	binding: _univerjs_ui.KeyCode.BACKSPACE,
@@ -10429,7 +10437,7 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 	_initialCursorSync(d) {
 		d.add(this._cellEditorManagerService.focus$.pipe((0, rxjs.filter)((f) => !!f)).subscribe(() => {
 			var _this$_renderManagerS2;
-			const currentDoc = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
+			const currentDoc = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 			if (!currentDoc) return;
 			const docSelectionRenderManager = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(currentDoc === null || currentDoc === void 0 ? void 0 : currentDoc.getUnitId())) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs_ui.DocSelectionRenderService);
 			if (!docSelectionRenderManager) return;
@@ -11524,7 +11532,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;
 				}
@@ -11795,7 +11803,7 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 				id: PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_BESIDES_BORDER,
 				specialPasteInfo: { label: "specialPaste.besidesBorder" },
 				onPasteCells: (pasteFrom, pasteTo, matrix, payload) => {
-					self._instanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+					self._instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 					const redoMutationsInfo = [];
 					const undoMutationsInfo = [];
 					const { range, unitId, subUnitId } = pasteTo;
@@ -11914,7 +11922,7 @@ let DragManagerService = class DragManagerService extends _univerjs_core.Disposa
 		}));
 	}
 	_calcActiveCell(offsetX, offsetY) {
-		const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		if (!workbook) return null;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet) return;
@@ -12924,7 +12932,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
@@ -12958,7 +12966,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;
@@ -12968,7 +12976,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({
@@ -12976,13 +12984,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({
@@ -12994,7 +13002,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;
@@ -13003,9 +13011,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;
@@ -13014,9 +13022,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;
 		}
@@ -14517,7 +14525,7 @@ let HeaderResizeRenderController = class HeaderResizeRenderController extends _u
 			var _this$_sheetSkeletonM;
 			const skeleton = (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton;
 			if (skeleton == null || this._rowResizeRect == null || this._columnResizeRect == null) return;
-			const { rowHeaderWidth, columnHeaderHeight } = skeleton;
+			const { rowBaseWidth, rowGutterWidth, columnBaseHeight, columnGutterHeight } = getHeaderBaseLayout$1(skeleton);
 			const { startX, startY, endX, endY, row, column } = getCoordByOffset(evt.offsetX, evt.offsetY, scene, skeleton);
 			const isLastRow = row === skeleton.worksheet.getRowCount() - 1;
 			const isLastColumn = column === skeleton.worksheet.getColumnCount() - 1;
@@ -14537,9 +14545,9 @@ let HeaderResizeRenderController = class HeaderResizeRenderController extends _u
 				}
 				if (this._currentRow === -1) return;
 				if (!this.interceptor.fetchThroughInterceptors(HEADER_RESIZE_PERMISSION_CHECK)(null, { row: this._currentRow })) return false;
-				const rowSize = Math.min(44, rowHeaderWidth / 3);
+				const rowSize = Math.min(44, rowBaseWidth / 3);
 				this._rowResizeRect.transformByState({
-					left: rowHeaderWidth / 2 - rowSize / 2,
+					left: rowGutterWidth + rowBaseWidth / 2 - rowSize / 2,
 					top
 				});
 				this._rowResizeRect.setShapeProps({ size: rowSize });
@@ -14557,10 +14565,10 @@ let HeaderResizeRenderController = class HeaderResizeRenderController extends _u
 				}
 				if (this._currentColumn === -1) return;
 				if (!this.interceptor.fetchThroughInterceptors(HEADER_RESIZE_PERMISSION_CHECK)(null, { col: this._currentColumn })) return false;
-				const columnSize = columnHeaderHeight * .7;
+				const columnSize = columnBaseHeight * .7;
 				this._columnResizeRect.transformByState({
 					left,
-					top: columnHeaderHeight / 2 - columnSize / 2
+					top: columnGutterHeight + columnBaseHeight / 2 - columnSize / 2
 				});
 				this._columnResizeRect.setShapeProps({ size: columnSize });
 				this._columnResizeRect.show();
@@ -14605,9 +14613,9 @@ let HeaderResizeRenderController = class HeaderResizeRenderController extends _u
 			let isStartMove = false;
 			let moveChangeX = 0;
 			let moveChangeY = 0;
-			const { columnTotalWidth, rowHeaderWidth, rowTotalHeight, columnHeaderHeight } = skeleton;
-			const shapeWidth = canvasMaxWidth > columnTotalWidth + rowHeaderWidth ? canvasMaxWidth : columnTotalWidth + rowHeaderWidth;
-			const shapeHeight = canvasMaxHeight > rowTotalHeight + columnHeaderHeight ? canvasMaxHeight : rowTotalHeight + columnHeaderHeight;
+			const { columnTotalWidth, rowHeaderWidthAndMarginLeft, rowTotalHeight, columnHeaderHeightAndMarginTop } = skeleton;
+			const shapeWidth = canvasMaxWidth > columnTotalWidth + rowHeaderWidthAndMarginLeft ? canvasMaxWidth : columnTotalWidth + rowHeaderWidthAndMarginLeft;
+			const shapeHeight = canvasMaxHeight > rowTotalHeight + columnHeaderHeightAndMarginTop ? canvasMaxHeight : rowTotalHeight + columnHeaderHeightAndMarginTop;
 			const HEADER_MENU_SHAPE_THUMB_SIZE_SCALE = 4 / Math.max(scaleX, scaleY);
 			if (initialType === 0) this._resizeHelperShape = new _univerjs_engine_render.Rect(HEADER_RESIZE_CONTROLLER_SHAPE_HELPER, {
 				width: shapeWidth,
@@ -14740,208 +14748,580 @@ HeaderResizeRenderController = __decorate([
 	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetsSelectionsService)),
 	__decorateParam(3, _univerjs_core.ICommandService)
 ], HeaderResizeRenderController);
+function getHeaderBaseLayout$1(skeleton) {
+	var _skeleton$worksheet$g, _skeleton$worksheet, _config$rowHeader, _config$columnHeader;
+	const config = (_skeleton$worksheet$g = (_skeleton$worksheet = skeleton.worksheet).getConfig) === null || _skeleton$worksheet$g === void 0 ? void 0 : _skeleton$worksheet$g.call(_skeleton$worksheet);
+	const configuredRowWidth = config === null || config === void 0 || (_config$rowHeader = config.rowHeader) === null || _config$rowHeader === void 0 ? void 0 : _config$rowHeader.width;
+	const configuredColumnHeight = config === null || config === void 0 || (_config$columnHeader = config.columnHeader) === null || _config$columnHeader === void 0 ? void 0 : _config$columnHeader.height;
+	const rowBaseWidth = typeof configuredRowWidth === "number" && configuredRowWidth > 0 ? Math.min(configuredRowWidth, skeleton.rowHeaderWidth) : skeleton.rowHeaderWidth;
+	const columnBaseHeight = typeof configuredColumnHeight === "number" && configuredColumnHeight > 0 ? Math.min(configuredColumnHeight, skeleton.columnHeaderHeight) : skeleton.columnHeaderHeight;
+	return {
+		rowBaseWidth,
+		rowGutterWidth: Math.max(0, skeleton.rowHeaderWidthAndMarginLeft - rowBaseWidth),
+		columnBaseHeight,
+		columnGutterHeight: Math.max(0, skeleton.columnHeaderHeightAndMarginTop - columnBaseHeight)
+	};
+}
 
 //#endregion
-//#region src/controllers/render-controllers/sheet.render-controller.ts
-const FRAME_STACK_THRESHOLD = 60;
-let SheetRenderController = class SheetRenderController extends _univerjs_core.RxDisposable {
-	constructor(_context, _configService, _sheetSkeletonManagerService, _sheetRenderService, _commandService, _telemetryService) {
-		super();
-		this._context = _context;
-		this._configService = _configService;
-		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
-		this._sheetRenderService = _sheetRenderService;
-		this._commandService = _commandService;
-		this._telemetryService = _telemetryService;
-		_defineProperty(this, "_renderMetric$", new rxjs.Subject());
-		_defineProperty(this, "renderMetric$", this._renderMetric$.asObservable());
-		_defineProperty(this, "_renderFrameTimeMetric", null);
-		_defineProperty(this, "_renderFrameTags", {});
-		_defineProperty(this, "_afterRenderMetric$", new rxjs.Subject());
-		this._addNewRender();
-		this._initRenderMetricSubscriber();
+//#region src/services/header-unhide-range.service.ts
+let HeaderUnhideRangeAxis = /* @__PURE__ */ function(HeaderUnhideRangeAxis) {
+	HeaderUnhideRangeAxis["ROW"] = "row";
+	HeaderUnhideRangeAxis["COLUMN"] = "column";
+	return HeaderUnhideRangeAxis;
+}({});
+var HeaderUnhideRangeService = class {
+	constructor() {
+		_defineProperty(this, "_visibleHandlers", /* @__PURE__ */ new Set());
 	}
-	_addNewRender() {
-		const { scene, engine, unit: workbook } = this._context;
-		this._addComponent(workbook);
-		this._initRerenderScheduler();
-		this._initCommandListener();
-		const worksheet = this._context.unit.getActiveSheet();
-		if (!worksheet) throw new Error("No active sheet found");
-		const sheetId = worksheet.getSheetId();
-		this._sheetSkeletonManagerService.setCurrent({ sheetId });
-		const frameFn = () => scene.render();
-		this.disposeWithMe(this._context.activated$.subscribe((activated) => {
-			if (activated) engine.runRenderLoop(frameFn);
-			else engine.stopRenderLoop(frameFn);
-		}));
+	registerRangeVisibleHandler(handler) {
+		this._visibleHandlers.add(handler);
+		const dispose = () => this._visibleHandlers.delete(handler);
+		return {
+			dispose,
+			unsubscribe: dispose
+		};
 	}
-	_initRenderMetricSubscriber() {
-		const { engine } = this._context;
-		this.disposeWithMe(engine.beginFrame$.subscribe(() => {
-			this._renderFrameTimeMetric = null;
-			this._renderFrameTags = {};
-		}));
-		this.disposeWithMe(engine.endFrame$.subscribe(() => {
-			if (this._renderFrameTimeMetric && Object.keys(this._renderFrameTimeMetric).filter((key) => key.startsWith(_univerjs_engine_render.SHEET_EXTENSION_PREFIX)).length > 0) this._afterRenderMetric$.next({
-				frameTimeMetric: this._renderFrameTimeMetric,
-				tags: this._renderFrameTags
-			});
-		}));
-		this.disposeWithMe(engine.renderFrameTimeMetric$.subscribe(([key, value]) => {
-			if (!this._renderFrameTimeMetric) this._renderFrameTimeMetric = {};
-			if (!this._renderFrameTimeMetric[key]) this._renderFrameTimeMetric[key] = [];
-			this._renderFrameTimeMetric[key].push(Math.round(value * 100) / 100);
-		}));
-		this.disposeWithMe(engine.renderFrameTags$.subscribe(([key, value]) => {
-			this._renderFrameTags[key] = value;
-		}));
-		const frameInfoList = [];
-		this.disposeWithMe(this._afterRenderMetric$.pipe((0, rxjs.withLatestFrom)(engine.endFrame$)).subscribe(([sceneRenderDetail, basicFrameTimeInfo]) => {
-			frameInfoList.push({
-				FPS: basicFrameTimeInfo.FPS,
-				elapsedTime: basicFrameTimeInfo.elapsedTime,
-				frameTime: Math.round(basicFrameTimeInfo.frameTime * 100) / 100,
-				...sceneRenderDetail.frameTimeMetric,
-				...sceneRenderDetail.tags
-			});
-			if (frameInfoList.length > FRAME_STACK_THRESHOLD) {
-				this._captureRenderMetric(frameInfoList);
-				frameInfoList.length = 0;
-			}
-		}));
+	shouldRenderRange(visible, payload) {
+		let nextVisible = visible;
+		for (const handler of this._visibleHandlers) nextVisible = handler(nextVisible, payload);
+		return nextVisible;
 	}
-	/**
-	* Send render metric to telemetry service
-	* @param frameInfoList
-	*/
-	_captureRenderMetric(frameInfoList) {
-		var _this$_telemetryServi;
-		const filteredFrameInfo = frameInfoList;
-		if (filteredFrameInfo.length === 0) return;
-		const sumValueForNumListFields = (data) => {
-			let totalSum = 0;
-			const sums = Object.entries(data).filter(([_, value]) => Array.isArray(value)).map(([key]) => key).reduce((acc, key) => {
-				acc[key] = data[key].reduce((sum, num) => sum + num, 0);
-				return acc;
-			}, {});
-			Object.keys(data).filter((key) => key.startsWith(_univerjs_engine_render.SHEET_EXTENSION_PREFIX)).forEach((key) => {
-				totalSum += sums[key];
-			});
-			return {
-				...sums,
-				extensionTotal: totalSum
-			};
-		};
-		const frameTimeListAfterSum = frameInfoList.map((info) => {
-			return {
-				...info,
-				...sumValueForNumListFields(info)
-			};
-		});
-		const getSummaryStats = (list) => {
-			return Object.entries(list[0]).filter(([key, _]) => !["elapsedTime"].includes(key)).filter(([_, value]) => typeof value === "number").map(([key]) => key).reduce((acc, key) => {
-				const values = list.map((obj) => obj[key]);
-				const max = Math.max(...values);
-				const min = Math.min(...values);
-				const avg = values.reduce((sum, val) => sum + val, 0) / values.length;
-				acc[key] = {
-					max: Math.round(max * 100) / 100,
-					min: Math.round(min * 100) / 100,
-					avg: Math.round(avg * 100) / 100
-				};
-				return acc;
-			}, {});
-		};
-		const summaryFrameStats = getSummaryStats(frameTimeListAfterSum);
-		const elapsedTimeToStart = filteredFrameInfo[filteredFrameInfo.length - 1].elapsedTime;
-		const telemetryData = {
-			sheetId: this._context.unit.getActiveSheet().getSheetId(),
-			unitId: this._context.unit.getUnitId(),
-			elapsedTimeToStart,
-			...summaryFrameStats
-		};
-		this._renderMetric$.next(telemetryData);
-		(_this$_telemetryServi = this._telemetryService) === null || _this$_telemetryServi === void 0 || _this$_telemetryServi.capture("sheet_render_cost", telemetryData);
+};
+
+//#endregion
+//#region src/menu/header-menu-shape.ts
+const HEADER_MENU_SHAPE_CIRCLE_FILL = "rgba(0, 0, 0, 0.15)";
+const HEADER_MENU_SHAPE_TRIANGLE_FILL = "rgb(0, 0, 0)";
+const HEADER_MENU_BACKGROUND_COLOR = "rgb(255, 255, 255, 1)";
+var HeaderMenuShape = class extends _univerjs_engine_render.Shape {
+	constructor(key, props) {
+		super(key, props);
+		_defineProperty(this, "_size", 12);
+		_defineProperty(this, "_iconRatio", .4);
+		_defineProperty(this, "_mode", 0);
+		this.setShapeProps(props);
 	}
-	_addComponent(workbook) {
-		const { scene, components } = this._context;
-		const worksheet = workbook.getActiveSheet();
-		const spreadsheet = new _univerjs_engine_render.Spreadsheet("__SpreadsheetRender__");
-		this._addViewport(worksheet);
-		const spreadsheetRowHeader = new _univerjs_engine_render.SpreadsheetRowHeader("__SpreadsheetRowHeader__");
-		const spreadsheetColumnHeader = new _univerjs_engine_render.SpreadsheetColumnHeader("__SpreadsheetColumnHeader__");
-		const SpreadsheetLeftTopPlaceholder = new _univerjs_engine_render.Rect("__SpreadsheetLeftTopPlaceholder__", {
-			zIndex: 2,
-			left: -1,
-			top: -1,
-			fill: "rgb(248, 249, 250)",
-			stroke: "rgb(217, 217, 217)",
-			strokeWidth: 1
+	setShapeProps(props) {
+		if (props === null || props === void 0 ? void 0 : props.size) this._size = props.size;
+		if (props === null || props === void 0 ? void 0 : props.mode) this._mode = props.mode;
+		this.transformByState({
+			width: this._size,
+			height: this._size
 		});
-		this._context.mainComponent = spreadsheet;
-		components.set("__SpreadsheetRender__", spreadsheet);
-		components.set("__SpreadsheetRowHeader__", spreadsheetRowHeader);
-		components.set("__SpreadsheetColumnHeader__", spreadsheetColumnHeader);
-		components.set("__SpreadsheetLeftTopPlaceholder__", SpreadsheetLeftTopPlaceholder);
-		scene.addObjects([spreadsheet], 0);
-		scene.addObjects([
-			spreadsheetRowHeader,
-			spreadsheetColumnHeader,
-			SpreadsheetLeftTopPlaceholder
-		], 10);
-		scene.enableLayerCache(0, 10);
 	}
-	_initViewports(scene, rowHeader, columnHeader) {
-		const rowHeaderWidth = rowHeader.hidden ? 0 : rowHeader.width;
-		const columnHeaderHeight = columnHeader.hidden ? 0 : columnHeader.height;
-		const bufferEdgeX = 100;
-		const bufferEdgeY = 100;
-		const viewMain = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN, scene, {
-			left: rowHeaderWidth,
-			top: columnHeaderHeight,
-			bottom: 0,
-			right: 0,
-			isWheelPreventDefaultX: true,
-			allowCache: true,
-			bufferEdgeX,
-			bufferEdgeY
-		});
-		const viewMainLeftTop = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT_TOP, scene, {
-			isWheelPreventDefaultX: true,
-			active: false,
-			allowCache: true,
-			bufferEdgeX: 0,
-			bufferEdgeY: 0
-		});
-		const viewMainLeft = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT, scene, {
-			isWheelPreventDefaultX: true,
-			active: false,
-			allowCache: true,
-			bufferEdgeX: 0,
-			bufferEdgeY
-		});
-		const viewMainTop = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_TOP, scene, {
-			isWheelPreventDefaultX: true,
-			active: false,
-			allowCache: true,
-			bufferEdgeX,
-			bufferEdgeY: 0
-		});
-		const viewRowTop = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_ROW_TOP, scene, {
-			active: false,
-			isWheelPreventDefaultX: true
+	_draw(ctx) {
+		if (this._mode === 1) _univerjs_engine_render.Rect.drawWith(ctx, {
+			width: this._size,
+			height: this._size,
+			radius: this._size,
+			fill: HEADER_MENU_SHAPE_CIRCLE_FILL
 		});
-		const viewRowBottom = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_ROW_BOTTOM, scene, {
-			left: 0,
-			top: columnHeaderHeight,
-			bottom: 0,
-			width: rowHeaderWidth + 1,
-			isWheelPreventDefaultX: true
+		const iconSize = this._size * .5 * this._iconRatio;
+		const sixtyDegree = Math.PI / 180 * 60;
+		const left = iconSize * Math.sin(sixtyDegree);
+		const top = iconSize * Math.cos(sixtyDegree);
+		_univerjs_engine_render.RegularPolygon.drawWith(ctx, {
+			pointsGroup: [[
+				{
+					x: -left + this._size / 2,
+					y: -top + this._size / 2
+				},
+				{
+					x: left + this._size / 2,
+					y: -top + this._size / 2
+				},
+				{
+					x: this._size / 2,
+					y: iconSize + this._size / 2
+				}
+			]],
+			fill: HEADER_MENU_SHAPE_TRIANGLE_FILL
 		});
-		const viewColumnLeft = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_COLUMN_LEFT, scene, {
-			active: false,
-			isWheelPreventDefaultX: true
+	}
+};
+
+//#endregion
+//#region src/views/header-unhide-shape.ts
+const UNHIDE_ICON_SIZE = 12;
+const UNHIDE_ARROW_RATIO = .4;
+var HeaderUnhideShape = class extends _univerjs_engine_render.Shape {
+	constructor(key, props, onClick) {
+		super(key, props);
+		_defineProperty(this, "_size", 12);
+		_defineProperty(this, "_iconRatio", UNHIDE_ARROW_RATIO);
+		_defineProperty(this, "_hovered", true);
+		_defineProperty(this, "_hasPrevious", true);
+		_defineProperty(this, "_hasNext", true);
+		_defineProperty(this, "_unhideType", void 0);
+		if (props) this.setShapeProps(props);
+		this.onPointerEnter$.subscribeEvent(() => this.setShapeProps({ hovered: true }));
+		this.onPointerLeave$.subscribeEvent(() => this.setShapeProps({ hovered: false }));
+		this.onPointerDown$.subscribeEvent(() => onClick === null || onClick === void 0 ? void 0 : onClick());
+	}
+	setShapeProps(props) {
+		if (props.type !== void 0) this._unhideType = props.type;
+		if (props.hovered !== void 0) this._hovered = props.hovered;
+		if (props.hasPrevious !== void 0) this._hasPrevious = props.hasPrevious;
+		if (props.hasNext !== void 0) this._hasNext = props.hasNext;
+		this.transformByState({
+			width: this._size * (this._unhideType === 1 ? 2 : 1),
+			height: this._size * (this._unhideType === 0 ? 2 : 1)
+		});
+	}
+	_draw(ctx) {
+		if (this._unhideType === 0) this._drawOnRow(ctx);
+		else this._drawOnCol(ctx);
+	}
+	_drawOnRow(ctx) {
+		if (this._hovered) if (!this._hasNext || !this._hasPrevious) _univerjs_engine_render.Rect.drawWith(ctx, {
+			width: this._size,
+			height: this._size,
+			stroke: HEADER_MENU_SHAPE_TRIANGLE_FILL,
+			fill: HEADER_MENU_BACKGROUND_COLOR
+		});
+		else _univerjs_engine_render.Rect.drawWith(ctx, {
+			width: this._size,
+			height: 2 * this._size,
+			stroke: HEADER_MENU_SHAPE_TRIANGLE_FILL,
+			fill: HEADER_MENU_BACKGROUND_COLOR
+		});
+		const iconSize = this._size * .5 * this._iconRatio;
+		const sixtyDegree = Math.PI / 3;
+		const top = iconSize * Math.cos(sixtyDegree);
+		const left = iconSize * Math.sin(sixtyDegree);
+		if (this._hasPrevious) _univerjs_engine_render.RegularPolygon.drawWith(ctx, {
+			pointsGroup: [[
+				{
+					x: this._size / 2,
+					y: this._size / 2 - left
+				},
+				{
+					x: this._size / 2 - left,
+					y: this._size / 2 + top
+				},
+				{
+					x: this._size / 2 + left,
+					y: this._size / 2 + top
+				}
+			]],
+			fill: HEADER_MENU_SHAPE_TRIANGLE_FILL
+		});
+		if (this._hasNext) {
+			const offset = this._hasPrevious ? 3 : 1;
+			_univerjs_engine_render.RegularPolygon.drawWith(ctx, {
+				pointsGroup: [[
+					{
+						x: this._size / 2,
+						y: this._size * offset / 2 + left
+					},
+					{
+						x: this._size / 2 - left,
+						y: this._size * offset / 2 - top
+					},
+					{
+						x: this._size / 2 + left,
+						y: this._size * offset / 2 - top
+					}
+				]],
+				fill: HEADER_MENU_SHAPE_TRIANGLE_FILL
+			});
+		}
+	}
+	/**
+	*
+	* @param ctx
+	*/
+	_drawOnCol(ctx) {
+		if (this._hovered) if (!this._hasNext || !this._hasPrevious) _univerjs_engine_render.Rect.drawWith(ctx, {
+			width: this._size,
+			height: this._size,
+			stroke: HEADER_MENU_SHAPE_TRIANGLE_FILL,
+			fill: HEADER_MENU_BACKGROUND_COLOR
+		});
+		else _univerjs_engine_render.Rect.drawWith(ctx, {
+			width: 2 * this._size,
+			height: this._size,
+			stroke: HEADER_MENU_SHAPE_TRIANGLE_FILL,
+			fill: HEADER_MENU_BACKGROUND_COLOR
+		});
+		const iconSize = this._size * .5 * this._iconRatio;
+		const sixtyDegree = Math.PI / 3;
+		const top = iconSize * Math.cos(sixtyDegree);
+		const left = iconSize * Math.sin(sixtyDegree);
+		if (this._hasPrevious) _univerjs_engine_render.RegularPolygon.drawWith(ctx, {
+			pointsGroup: [[
+				{
+					x: -top + this._size / 2,
+					y: this._size / 2
+				},
+				{
+					x: this._size / 2 + left,
+					y: this._size / 2 - left
+				},
+				{
+					x: this._size / 2 + left,
+					y: this._size / 2 + left
+				}
+			]],
+			fill: HEADER_MENU_SHAPE_TRIANGLE_FILL
+		});
+		if (this._hasNext) {
+			const offset = this._hasPrevious ? 3 : 1;
+			_univerjs_engine_render.RegularPolygon.drawWith(ctx, {
+				pointsGroup: [[
+					{
+						x: top + this._size * offset / 2,
+						y: this._size / 2
+					},
+					{
+						x: -left + this._size * offset / 2,
+						y: this._size / 2 - left
+					},
+					{
+						x: -left + this._size * offset / 2,
+						y: this._size / 2 + left
+					}
+				]],
+				fill: HEADER_MENU_SHAPE_TRIANGLE_FILL
+			});
+		}
+	}
+};
+
+//#endregion
+//#region src/controllers/render-controllers/header-unhide.render-controller.ts
+const HEADER_UNHIDE_CONTROLLER_SHAPE = "__SpreadsheetHeaderUnhideSHAPEControllerShape__";
+const HEADER_UNHIDE_RANGE_VISIBLE_CHECK = (0, _univerjs_core.createInterceptorKey)("headerUnhideRangeVisibleCheck");
+let HeaderUnhideRenderController = class HeaderUnhideRenderController extends _univerjs_core.RxDisposable {
+	get _workbook() {
+		return this._context.unit;
+	}
+	constructor(_context, _sheetSkeletonManagerService, _headerUnhideRangeService, _commandService) {
+		super();
+		this._context = _context;
+		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
+		this._headerUnhideRangeService = _headerUnhideRangeService;
+		this._commandService = _commandService;
+		_defineProperty(this, "_shapes", {
+			cols: [],
+			rows: []
+		});
+		_defineProperty(this, "interceptor", new _univerjs_core.InterceptorManager({ HEADER_UNHIDE_RANGE_VISIBLE_CHECK }));
+		this._init();
+	}
+	dispose() {
+		super.dispose();
+		this._clearShapes();
+	}
+	_init() {
+		let activeSheetId = "";
+		this._context.unit.activeSheet$.pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((worksheet) => {
+			this._clearShapes();
+			if (!worksheet) {
+				activeSheetId = "";
+				return;
+			}
+			activeSheetId = worksheet.getSheetId();
+			this._update(this._workbook, worksheet);
+		});
+		this.disposeWithMe(this._sheetSkeletonManagerService.currentSkeleton$.subscribe((param) => {
+			if (param) {
+				const { unitId, sheetId } = param;
+				if (unitId === this._workbook.getUnitId() && sheetId === activeSheetId) {
+					const worksheet = this._workbook.getSheetBySheetId(sheetId);
+					if (worksheet) this._update(this._workbook, worksheet);
+				}
+			}
+		}));
+	}
+	_update(workbook, worksheet) {
+		var _this$_sheetSkeletonM;
+		const skeleton = (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getSkeletonParam(worksheet.getSheetId())) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton;
+		if (!skeleton) return;
+		const visibleCheck = this.interceptor.fetchThroughInterceptors(HEADER_UNHIDE_RANGE_VISIBLE_CHECK);
+		const shouldRenderRange = (payload) => {
+			var _visibleCheck;
+			return this._headerUnhideRangeService.shouldRenderRange((_visibleCheck = visibleCheck(true, payload)) !== null && _visibleCheck !== void 0 ? _visibleCheck : true, payload);
+		};
+		const hiddenRowRanges = worksheet.getHiddenRows().filter((range) => shouldRenderRange({
+			axis: "row",
+			range,
+			workbook,
+			worksheet
+		}));
+		const hiddenColRanges = worksheet.getHiddenCols().filter((range) => shouldRenderRange({
+			axis: "column",
+			range,
+			workbook,
+			worksheet
+		}));
+		const { scene } = this._getSheetObject();
+		const rowCount = worksheet.getRowCount();
+		const rowShapes = hiddenRowRanges.map((range) => {
+			const { startRow, endRow } = range;
+			const position = getCoordByCell(startRow, 0, scene, skeleton);
+			const hasPrevious = startRow !== 0;
+			const hasNext = endRow !== rowCount - 1;
+			return new HeaderUnhideShape(HEADER_UNHIDE_CONTROLLER_SHAPE, {
+				type: 0,
+				hovered: false,
+				hasPrevious,
+				hasNext,
+				top: position.startY - (hasPrevious ? 12 : 0),
+				left: position.startX - 12
+			}, () => this._commandService.executeCommand(_univerjs_sheets.SetSpecificRowsVisibleCommand.id, {
+				unitId: workbook.getUnitId(),
+				subUnitId: worksheet.getSheetId(),
+				ranges: [range]
+			}));
+		});
+		const colCount = worksheet.getColumnCount();
+		const colShapes = hiddenColRanges.map((range) => {
+			const { startColumn, endColumn } = range;
+			const position = getCoordByCell(0, startColumn, scene, skeleton);
+			const hasPrevious = startColumn !== 0;
+			const hasNext = endColumn !== colCount - 1;
+			return new HeaderUnhideShape(HEADER_UNHIDE_CONTROLLER_SHAPE, {
+				type: 1,
+				hovered: false,
+				hasPrevious,
+				hasNext,
+				top: Math.max(skeleton.columnHeaderHeight, skeleton.columnHeaderHeightAndMarginTop) - 12,
+				left: position.startX - (hasPrevious ? 12 : 0)
+			}, () => this._commandService.executeCommand(_univerjs_sheets.SetSpecificColsVisibleCommand.id, {
+				unitId: workbook.getUnitId(),
+				subUnitId: worksheet.getSheetId(),
+				ranges: [range]
+			}));
+		});
+		scene.addObjects(colShapes, 12);
+		scene.addObjects(rowShapes, 12);
+		this._clearShapes();
+		this._shapes = {
+			cols: colShapes,
+			rows: rowShapes
+		};
+	}
+	_clearShapes() {
+		this._shapes.cols.forEach((shape) => shape.dispose());
+		this._shapes.rows.forEach((shape) => shape.dispose());
+		this._shapes = {
+			cols: [],
+			rows: []
+		};
+	}
+	_getSheetObject() {
+		return getSheetObject(this._workbook, this._context);
+	}
+};
+HeaderUnhideRenderController = __decorate([
+	__decorateParam(1, (0, _univerjs_core.Inject)(SheetSkeletonManagerService)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(HeaderUnhideRangeService)),
+	__decorateParam(3, _univerjs_core.ICommandService)
+], HeaderUnhideRenderController);
+
+//#endregion
+//#region src/controllers/render-controllers/sheet.render-controller.ts
+const FRAME_STACK_THRESHOLD = 60;
+let SheetRenderController = class SheetRenderController extends _univerjs_core.RxDisposable {
+	constructor(_context, _configService, _sheetSkeletonManagerService, _sheetRenderService, _commandService, _telemetryService) {
+		super();
+		this._context = _context;
+		this._configService = _configService;
+		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
+		this._sheetRenderService = _sheetRenderService;
+		this._commandService = _commandService;
+		this._telemetryService = _telemetryService;
+		_defineProperty(this, "_renderMetric$", new rxjs.Subject());
+		_defineProperty(this, "renderMetric$", this._renderMetric$.asObservable());
+		_defineProperty(this, "_renderFrameTimeMetric", null);
+		_defineProperty(this, "_renderFrameTags", {});
+		_defineProperty(this, "_afterRenderMetric$", new rxjs.Subject());
+		this._addNewRender();
+		this._initRenderMetricSubscriber();
+	}
+	_addNewRender() {
+		const { scene, engine, unit: workbook } = this._context;
+		this._addComponent(workbook);
+		this._initRerenderScheduler();
+		this._initCommandListener();
+		const worksheet = this._context.unit.getActiveSheet();
+		if (!worksheet) throw new Error("No active sheet found");
+		const sheetId = worksheet.getSheetId();
+		this._sheetSkeletonManagerService.setCurrent({ sheetId });
+		const frameFn = () => scene.render();
+		this.disposeWithMe(this._context.activated$.subscribe((activated) => {
+			if (activated) engine.runRenderLoop(frameFn);
+			else engine.stopRenderLoop(frameFn);
+		}));
+	}
+	_initRenderMetricSubscriber() {
+		const { engine } = this._context;
+		this.disposeWithMe(engine.beginFrame$.subscribe(() => {
+			this._renderFrameTimeMetric = null;
+			this._renderFrameTags = {};
+		}));
+		this.disposeWithMe(engine.endFrame$.subscribe(() => {
+			if (this._renderFrameTimeMetric && Object.keys(this._renderFrameTimeMetric).filter((key) => key.startsWith(_univerjs_engine_render.SHEET_EXTENSION_PREFIX)).length > 0) this._afterRenderMetric$.next({
+				frameTimeMetric: this._renderFrameTimeMetric,
+				tags: this._renderFrameTags
+			});
+		}));
+		this.disposeWithMe(engine.renderFrameTimeMetric$.subscribe(([key, value]) => {
+			if (!this._renderFrameTimeMetric) this._renderFrameTimeMetric = {};
+			if (!this._renderFrameTimeMetric[key]) this._renderFrameTimeMetric[key] = [];
+			this._renderFrameTimeMetric[key].push(Math.round(value * 100) / 100);
+		}));
+		this.disposeWithMe(engine.renderFrameTags$.subscribe(([key, value]) => {
+			this._renderFrameTags[key] = value;
+		}));
+		const frameInfoList = [];
+		this.disposeWithMe(this._afterRenderMetric$.pipe((0, rxjs.withLatestFrom)(engine.endFrame$)).subscribe(([sceneRenderDetail, basicFrameTimeInfo]) => {
+			frameInfoList.push({
+				FPS: basicFrameTimeInfo.FPS,
+				elapsedTime: basicFrameTimeInfo.elapsedTime,
+				frameTime: Math.round(basicFrameTimeInfo.frameTime * 100) / 100,
+				...sceneRenderDetail.frameTimeMetric,
+				...sceneRenderDetail.tags
+			});
+			if (frameInfoList.length > FRAME_STACK_THRESHOLD) {
+				this._captureRenderMetric(frameInfoList);
+				frameInfoList.length = 0;
+			}
+		}));
+	}
+	/**
+	* Send render metric to telemetry service
+	* @param frameInfoList
+	*/
+	_captureRenderMetric(frameInfoList) {
+		var _this$_telemetryServi;
+		const filteredFrameInfo = frameInfoList;
+		if (filteredFrameInfo.length === 0) return;
+		const sumValueForNumListFields = (data) => {
+			let totalSum = 0;
+			const sums = Object.entries(data).filter(([_, value]) => Array.isArray(value)).map(([key]) => key).reduce((acc, key) => {
+				acc[key] = data[key].reduce((sum, num) => sum + num, 0);
+				return acc;
+			}, {});
+			Object.keys(data).filter((key) => key.startsWith(_univerjs_engine_render.SHEET_EXTENSION_PREFIX)).forEach((key) => {
+				totalSum += sums[key];
+			});
+			return {
+				...sums,
+				extensionTotal: totalSum
+			};
+		};
+		const frameTimeListAfterSum = frameInfoList.map((info) => {
+			return {
+				...info,
+				...sumValueForNumListFields(info)
+			};
+		});
+		const getSummaryStats = (list) => {
+			return Object.entries(list[0]).filter(([key, _]) => !["elapsedTime"].includes(key)).filter(([_, value]) => typeof value === "number").map(([key]) => key).reduce((acc, key) => {
+				const values = list.map((obj) => obj[key]);
+				const max = Math.max(...values);
+				const min = Math.min(...values);
+				const avg = values.reduce((sum, val) => sum + val, 0) / values.length;
+				acc[key] = {
+					max: Math.round(max * 100) / 100,
+					min: Math.round(min * 100) / 100,
+					avg: Math.round(avg * 100) / 100
+				};
+				return acc;
+			}, {});
+		};
+		const summaryFrameStats = getSummaryStats(frameTimeListAfterSum);
+		const elapsedTimeToStart = filteredFrameInfo[filteredFrameInfo.length - 1].elapsedTime;
+		const telemetryData = {
+			sheetId: this._context.unit.getActiveSheet().getSheetId(),
+			unitId: this._context.unit.getUnitId(),
+			elapsedTimeToStart,
+			...summaryFrameStats
+		};
+		this._renderMetric$.next(telemetryData);
+		(_this$_telemetryServi = this._telemetryService) === null || _this$_telemetryServi === void 0 || _this$_telemetryServi.capture("sheet_render_cost", telemetryData);
+	}
+	_addComponent(workbook) {
+		const { scene, components } = this._context;
+		const worksheet = workbook.getActiveSheet();
+		const spreadsheet = new _univerjs_engine_render.Spreadsheet("__SpreadsheetRender__");
+		this._addViewport(worksheet);
+		const spreadsheetRowHeader = new _univerjs_engine_render.SpreadsheetRowHeader("__SpreadsheetRowHeader__");
+		const spreadsheetColumnHeader = new _univerjs_engine_render.SpreadsheetColumnHeader("__SpreadsheetColumnHeader__");
+		const SpreadsheetLeftTopPlaceholder = new _univerjs_engine_render.Rect("__SpreadsheetLeftTopPlaceholder__", {
+			zIndex: 2,
+			left: -1,
+			top: -1,
+			fill: "rgb(248, 249, 250)",
+			stroke: "rgb(217, 217, 217)",
+			strokeWidth: 1
+		});
+		this._context.mainComponent = spreadsheet;
+		components.set("__SpreadsheetRender__", spreadsheet);
+		components.set("__SpreadsheetRowHeader__", spreadsheetRowHeader);
+		components.set("__SpreadsheetColumnHeader__", spreadsheetColumnHeader);
+		components.set("__SpreadsheetLeftTopPlaceholder__", SpreadsheetLeftTopPlaceholder);
+		scene.addObjects([spreadsheet], 0);
+		scene.addObjects([
+			spreadsheetRowHeader,
+			spreadsheetColumnHeader,
+			SpreadsheetLeftTopPlaceholder
+		], 10);
+		scene.enableLayerCache(0, 10);
+	}
+	_initViewports(scene, rowHeader, columnHeader) {
+		const rowHeaderWidth = rowHeader.hidden ? 0 : rowHeader.width;
+		const columnHeaderHeight = columnHeader.hidden ? 0 : columnHeader.height;
+		const bufferEdgeX = 100;
+		const bufferEdgeY = 100;
+		const viewMain = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN, scene, {
+			left: rowHeaderWidth,
+			top: columnHeaderHeight,
+			bottom: 0,
+			right: 0,
+			isWheelPreventDefaultX: true,
+			allowCache: true,
+			bufferEdgeX,
+			bufferEdgeY
+		});
+		const viewMainLeftTop = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT_TOP, scene, {
+			isWheelPreventDefaultX: true,
+			active: false,
+			allowCache: true,
+			bufferEdgeX: 0,
+			bufferEdgeY: 0
+		});
+		const viewMainLeft = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT, scene, {
+			isWheelPreventDefaultX: true,
+			active: false,
+			allowCache: true,
+			bufferEdgeX: 0,
+			bufferEdgeY
+		});
+		const viewMainTop = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_TOP, scene, {
+			isWheelPreventDefaultX: true,
+			active: false,
+			allowCache: true,
+			bufferEdgeX,
+			bufferEdgeY: 0
+		});
+		const viewRowTop = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_ROW_TOP, scene, {
+			active: false,
+			isWheelPreventDefaultX: true
+		});
+		const viewRowBottom = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_ROW_BOTTOM, scene, {
+			left: 0,
+			top: columnHeaderHeight,
+			bottom: 0,
+			width: rowHeaderWidth + 1,
+			isWheelPreventDefaultX: true
+		});
+		const viewColumnLeft = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_COLUMN_LEFT, scene, {
+			active: false,
+			isWheelPreventDefaultX: true
 		});
 		const viewColumnRight = new _univerjs_engine_render.Viewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_COLUMN_RIGHT, scene, {
 			left: rowHeaderWidth,
@@ -15000,13 +15380,13 @@ let SheetRenderController = class SheetRenderController extends _univerjs_core.R
 			const spreadsheetRowHeader = components.get("__SpreadsheetRowHeader__");
 			const spreadsheetColumnHeader = components.get("__SpreadsheetColumnHeader__");
 			const spreadsheetLeftTopPlaceholder = components.get("__SpreadsheetLeftTopPlaceholder__");
-			const { rowHeaderWidth, columnHeaderHeight } = spreadsheetSkeleton;
+			const leftTopPlaceholderSize = getLeftTopPlaceholderSize(spreadsheetSkeleton);
 			spreadsheet === null || spreadsheet === void 0 || spreadsheet.updateSkeleton(spreadsheetSkeleton);
 			spreadsheetRowHeader === null || spreadsheetRowHeader === void 0 || spreadsheetRowHeader.updateSkeleton(spreadsheetSkeleton);
 			spreadsheetColumnHeader === null || spreadsheetColumnHeader === void 0 || spreadsheetColumnHeader.updateSkeleton(spreadsheetSkeleton);
 			spreadsheetLeftTopPlaceholder === null || spreadsheetLeftTopPlaceholder === void 0 || spreadsheetLeftTopPlaceholder.transformByState({
-				width: rowHeaderWidth,
-				height: columnHeaderHeight
+				width: leftTopPlaceholderSize.width,
+				height: leftTopPlaceholderSize.height
 			});
 		}));
 	}
@@ -15126,6 +15506,13 @@ SheetRenderController = __decorate([
 	__decorateParam(4, _univerjs_core.ICommandService),
 	__decorateParam(5, (0, _univerjs_core.Optional)(_univerjs_telemetry.ITelemetryService))
 ], SheetRenderController);
+function getLeftTopPlaceholderSize(skeleton) {
+	var _skeleton$rowHeaderWi, _skeleton$columnHeade;
+	return {
+		width: (_skeleton$rowHeaderWi = skeleton.rowHeaderWidthAndMarginLeft) !== null && _skeleton$rowHeaderWi !== void 0 ? _skeleton$rowHeaderWi : skeleton.rowHeaderWidth,
+		height: (_skeleton$columnHeade = skeleton.columnHeaderHeightAndMarginTop) !== null && _skeleton$columnHeade !== void 0 ? _skeleton$columnHeade : skeleton.columnHeaderHeight
+	};
+}
 
 //#endregion
 //#region src/components/border-panel/border-line/icons/BorderDashDot.tsx
@@ -15695,77 +16082,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"
 	}
@@ -15950,9 +16337,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)
 	] });
 };
 
@@ -16139,7 +16526,7 @@ function getBaseRangeMenuHidden$(accessor) {
 		var _selectionManagerServ;
 		const range = (_selectionManagerServ = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ === void 0 ? void 0 : _selectionManagerServ.range;
 		if (!range) return true;
-		const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 		if (!workbook || !worksheet) return true;
 		const unitId = workbook.getUnitId();
@@ -16162,7 +16549,7 @@ function getInsertBeforeMenuHidden$(accessor, type) {
 		var _selectionManagerServ3;
 		const range = (_selectionManagerServ3 = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ3 === void 0 ? void 0 : _selectionManagerServ3.range;
 		if (!range) return true;
-		const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 		if (!workbook || !worksheet) return true;
 		const unitId = workbook.getUnitId();
@@ -16190,7 +16577,7 @@ function getDeleteMenuHidden$(accessor, type) {
 		var _selectionManagerServ4;
 		const range = (_selectionManagerServ4 = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ4 === void 0 ? void 0 : _selectionManagerServ4.range;
 		if (!range) return true;
-		const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 		if (!workbook || !worksheet) return true;
 		const unitId = workbook.getUnitId();
@@ -16221,7 +16608,7 @@ function getCellMenuHidden$(accessor, type) {
 		var _selectionManagerServ5;
 		const range = (_selectionManagerServ5 = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ5 === void 0 ? void 0 : _selectionManagerServ5.range;
 		if (!range) return true;
-		const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 		if (!workbook || !worksheet) return true;
 		const unitId = workbook.getUnitId();
@@ -16288,7 +16675,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: [{
@@ -16313,7 +16700,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)
 	};
 }
@@ -16321,8 +16708,7 @@ function ClearSelectionContentMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.ClearSelectionContentCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		icon: "ClearFormatDoubleIcon",
-		title: "rightClick.clearContent",
+		title: "sheets-ui.rightClick.clearContent",
 		disabled$: getObservableWithExclusiveRange$(accessor, getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellValuePermission],
@@ -16335,8 +16721,7 @@ function ClearSelectionFormatMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.ClearSelectionFormatCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		icon: "ClearFormatDoubleIcon",
-		title: "rightClick.clearFormat",
+		title: "sheets-ui.rightClick.clearFormat",
 		disabled$: getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellStylePermission],
@@ -16345,13 +16730,30 @@ function ClearSelectionFormatMenuItemFactory(accessor) {
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
 }
-function ClearSelectionAllMenuItemFactory(accessor) {
+function ClearSelectionAllToolbarMenuItemFactory(accessor) {
 	return {
 		id: _univerjs_sheets.ClearSelectionAllCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "ClearFormatDoubleIcon",
-		title: "rightClick.clearAll",
-		tooltip: "rightClick.clearAll",
+		tooltip: "sheets-ui.rightClick.clearAll",
+		disabled$: getObservableWithExclusiveRange$(accessor, getCurrentRangeDisable$(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [
+				_univerjs_sheets.WorksheetEditPermission,
+				_univerjs_sheets.WorksheetSetCellValuePermission,
+				_univerjs_sheets.WorksheetSetCellStylePermission
+			],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		})),
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
+	};
+}
+function ClearSelectionAllMenuItemFactory(accessor) {
+	return {
+		id: _univerjs_sheets.ClearSelectionAllCommand.id,
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		title: "sheets-ui.rightClick.clearAll",
+		tooltip: "sheets-ui.rightClick.clearAll",
 		disabled$: getObservableWithExclusiveRange$(accessor, getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [
@@ -16372,7 +16774,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, {
@@ -16386,7 +16788,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],
@@ -16399,7 +16801,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]
@@ -16411,7 +16813,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],
@@ -16425,7 +16827,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],
@@ -16481,7 +16883,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: {
@@ -16506,7 +16908,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)
 	};
@@ -16521,7 +16923,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)
 	};
@@ -16555,7 +16957,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)
 	};
@@ -16565,7 +16967,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)
 	};
@@ -16575,7 +16977,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)
 	};
@@ -16620,7 +17022,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)
 	};
@@ -16629,7 +17031,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)
 	};
@@ -16638,7 +17040,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)
 	};
@@ -16652,11 +17054,11 @@ 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 = () => {
-				const workbook = instanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+				const workbook = instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 				if (workbook) return workbook.getActiveSheet().getConfig().showGridlines === _univerjs_core.BooleanNumber.TRUE;
 				return false;
 			};
@@ -16684,7 +17086,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, {
@@ -16724,10 +17126,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$
 			}
 		},
@@ -16770,10 +17172,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$
 			}
 		},
@@ -16799,7 +17201,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],
@@ -16817,7 +17219,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],
@@ -16848,10 +17250,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$
 			}
 		},
@@ -16894,10 +17296,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$
 			}
 		},
@@ -16940,10 +17342,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$
 			}
 		},
@@ -16986,10 +17388,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$
 			}
 		},
@@ -17029,7 +17431,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) => {
@@ -17059,7 +17461,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],
@@ -17113,7 +17515,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],
@@ -17163,7 +17565,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) => {
@@ -17213,7 +17615,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],
@@ -17265,7 +17667,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,
@@ -17315,7 +17717,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],
@@ -17332,7 +17734,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: {
@@ -17372,7 +17774,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],
@@ -17387,7 +17789,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: [{
@@ -17426,17 +17828,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
 	}
@@ -17451,7 +17853,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) => {
@@ -17491,17 +17893,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
 	}
@@ -17516,7 +17918,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) => {
@@ -17556,17 +17958,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
 	}
@@ -17580,7 +17982,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,
@@ -17621,32 +18023,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
 	}
@@ -17657,7 +18059,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,
@@ -17715,7 +18117,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],
@@ -17730,7 +18132,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],
@@ -17745,7 +18147,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],
@@ -17765,7 +18167,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))
 	};
 }
@@ -17775,7 +18177,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))
 	};
 }
@@ -17783,7 +18185,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],
@@ -17796,7 +18198,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],
@@ -17809,7 +18211,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],
@@ -17821,7 +18223,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: [
@@ -17841,7 +18243,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],
@@ -17855,7 +18257,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],
@@ -17869,7 +18271,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],
@@ -17883,7 +18285,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],
@@ -17905,7 +18307,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;
@@ -17941,7 +18343,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;
@@ -17977,7 +18379,7 @@ function SetRowHeightMenuItemFactory(accessor) {
 		label: {
 			name: MENU_ITEM_INPUT_COMPONENT,
 			props: {
-				prefix: "rightClick.rowHeight",
+				prefix: "sheets-ui.rightClick.rowHeight",
 				suffix: "px",
 				min,
 				max: 1e3
@@ -18016,7 +18418,7 @@ function SetColWidthMenuItemFactory(accessor) {
 		label: {
 			name: MENU_ITEM_INPUT_COMPONENT,
 			props: {
-				prefix: "rightClick.columnWidth",
+				prefix: "sheets-ui.rightClick.columnWidth",
 				suffix: "px",
 				min,
 				max: 1e3
@@ -18060,7 +18462,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))
@@ -18070,7 +18472,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)
 	};
@@ -18079,7 +18481,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)
 	};
@@ -18088,7 +18490,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)
 	};
@@ -18097,7 +18499,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)
 	};
@@ -18386,7 +18788,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)
 	};
@@ -18395,7 +18797,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)
 	};
@@ -18404,7 +18806,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)
 	};
@@ -18413,7 +18815,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)
 	};
@@ -18422,7 +18824,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)
 	};
@@ -18431,7 +18833,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)
 	};
@@ -18440,7 +18842,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)
 	};
@@ -18449,7 +18851,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)
 	};
@@ -18458,7 +18860,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)
 	};
@@ -18467,7 +18869,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)
 	};
@@ -18490,7 +18892,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;
 		})),
@@ -18501,7 +18903,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)
 	};
@@ -18510,7 +18912,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)
 	};
@@ -18518,7 +18920,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,
@@ -18534,7 +18936,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;
@@ -18552,10 +18954,10 @@ 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.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getWorksheets();
+				const worksheets = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getWorksheets();
 				const visibleSheets = Array.from(worksheets.values());
 				subscriber.next(visibleSheets.length === 1);
 			}
@@ -18570,7 +18972,7 @@ function ShowMenuItemFactory(accessor) {
 	};
 }
 function disableFunction(univerInstanceService, subscriber) {
-	const worksheets = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getWorksheets();
+	const worksheets = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getWorksheets();
 	const visibleSheets = Array.from(worksheets.values()).filter((sheet) => sheet.getConfig().hidden === _univerjs_core.BooleanNumber.FALSE);
 	subscriber.next(visibleSheets.length === 1);
 }
@@ -18609,7 +19011,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],
@@ -18624,7 +19026,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],
@@ -18646,7 +19048,7 @@ const menuSchema = {
 			},
 			[_univerjs_sheets.ClearSelectionAllCommand.id]: {
 				order: 3,
-				menuItemFactory: ClearSelectionAllMenuItemFactory
+				menuItemFactory: ClearSelectionAllToolbarMenuItemFactory
 			}
 		},
 		[_univerjs_ui.RibbonStartGroup.FORMAT]: {
@@ -19399,7 +19801,7 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 	*/
 	attachPopupToObject(targetObject, popup) {
 		var _this$_renderManagerS;
-		const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet || this._isSelectionMoving && !popup.showOnSelectionMoving) return {
 			dispose: () => {},
@@ -19449,7 +19851,7 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 	}
 	attachPopupByPosition(bound, popup, location) {
 		var _this$_renderManagerS2;
-		let workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		let workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		let worksheet = workbook.getActiveSheet();
 		if (!worksheet) return null;
 		const unitId = workbook.getUnitId();
@@ -19490,7 +19892,7 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 	}
 	attachPopupToAbsolutePosition(bound, popup, _unitId, _subUnitId) {
 		var _this$_renderManagerS3;
-		const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet) return null;
 		const unitId = workbook.getUnitId();
@@ -19595,7 +19997,7 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 	* @param showOnSelectionMoving
 	*/
 	attachRangePopup(range, popup, _unitId, _subUnitId, viewport, showOnSelectionMoving = false) {
-		const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet) return null;
 		const unitId = workbook.getUnitId();
@@ -19942,7 +20344,7 @@ const CellPopup = (props) => {
 const DefinedNameInput = (props) => {
 	const { inputId, state = false, type = "range", confirm, cancel, name, formulaOrRefString, comment = "", localSheetId = _univerjs_sheets.SCOPE_WORKBOOK_VALUE_DEFINED_NAME, hidden = false, id } = props;
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
-	const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+	const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const definedNamesService = (0, _univerjs_ui.useDependency)(_univerjs_engine_formula.IDefinedNamesService);
 	const superTableService = (0, _univerjs_ui.useDependency)(_univerjs_engine_formula.ISuperTableService);
@@ -19962,7 +20364,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) => {
@@ -20010,7 +20412,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();
@@ -20041,7 +20443,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
@@ -20051,10 +20453,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, {
@@ -20093,7 +20495,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
@@ -20111,11 +20513,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")
 				})]
 			})
 		]
@@ -20234,11 +20636,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++;
 		}
@@ -20281,7 +20683,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,
@@ -20322,7 +20724,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",
@@ -20333,7 +20735,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",
@@ -20352,7 +20754,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,
@@ -20736,7 +21138,7 @@ function DefinedNameOverlay({ search, isInputEvent }) {
 	const definedNamesService = (0, _univerjs_ui.useDependency)(_univerjs_engine_formula.IDefinedNamesService);
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
 	const sidebarService = (0, _univerjs_ui.useDependency)(_univerjs_ui.ISidebarService);
-	const unitId = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId();
+	const unitId = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId();
 	const getDefinedNameMap = () => {
 		const definedNameMap = definedNamesService.getDefinedNameMap(unitId);
 		if (definedNameMap) return Array.from(Object.values(definedNameMap));
@@ -20823,10 +21225,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")
 			})]
 		})]
 	});
@@ -22375,10 +22777,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);
@@ -22395,12 +22797,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) => {
@@ -22410,10 +22812,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();
@@ -22834,7 +23236,7 @@ function ZoomSlider() {
 	}, [commandService, getCurrentZoom]);
 	function handleChange(value) {
 		setZoom(value);
-		const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 		if (worksheet == null) return;
 		const zoomRatio = value / 100;
@@ -22965,12 +23367,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) => {
@@ -22982,11 +23384,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",
@@ -23190,7 +23592,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.ARROW_DOWN,
 	priority: 100,
@@ -23199,7 +23601,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.ARROW_UP,
 	priority: 100,
@@ -23208,7 +23610,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.ARROW_LEFT,
 	priority: 100,
@@ -23217,7 +23619,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.ARROW_RIGHT,
 	priority: 100,
@@ -23226,7 +23628,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.TAB,
 	priority: 100,
@@ -23238,7 +23640,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.TAB | _univerjs_ui.MetaKeys.SHIFT,
 	priority: 100,
@@ -23250,7 +23652,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.ENTER,
 	priority: 100,
@@ -23262,7 +23664,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.ENTER | _univerjs_ui.MetaKeys.SHIFT,
 	priority: 100,
@@ -23274,7 +23676,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.ARROW_DOWN | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
@@ -23285,7 +23687,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.ARROW_UP | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
@@ -23296,7 +23698,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.ARROW_LEFT | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
@@ -23307,7 +23709,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.ARROW_RIGHT | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
@@ -23318,7 +23720,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.ARROW_DOWN | _univerjs_ui.MetaKeys.SHIFT,
 	preconditions: whenSheetEditorFocused,
@@ -23326,7 +23728,7 @@ const ExpandSelectionDownShortcutItem = {
 };
 const ExpandSelectionUpShortcutItem = {
 	id: ExpandSelectionCommand.id,
-	description: "shortcut.sheet.expand-selection-up",
+	description: "sheets-ui.shortcut.sheet.expand-selection-up",
 	group: "3_sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_UP | _univerjs_ui.MetaKeys.SHIFT,
 	preconditions: whenSheetEditorFocused,
@@ -23334,7 +23736,7 @@ const ExpandSelectionUpShortcutItem = {
 };
 const ExpandSelectionLeftShortcutItem = {
 	id: ExpandSelectionCommand.id,
-	description: "shortcut.sheet.expand-selection-left",
+	description: "sheets-ui.shortcut.sheet.expand-selection-left",
 	group: "3_sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_LEFT | _univerjs_ui.MetaKeys.SHIFT,
 	preconditions: whenSheetEditorFocused,
@@ -23342,7 +23744,7 @@ const ExpandSelectionLeftShortcutItem = {
 };
 const ExpandSelectionRightShortcutItem = {
 	id: ExpandSelectionCommand.id,
-	description: "shortcut.sheet.expand-selection-right",
+	description: "sheets-ui.shortcut.sheet.expand-selection-right",
 	group: "3_sheet-view",
 	binding: _univerjs_ui.KeyCode.ARROW_RIGHT | _univerjs_ui.MetaKeys.SHIFT,
 	preconditions: whenSheetEditorFocused,
@@ -23350,7 +23752,7 @@ const ExpandSelectionRightShortcutItem = {
 };
 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",
 	binding: _univerjs_ui.KeyCode.ARROW_DOWN | _univerjs_ui.MetaKeys.SHIFT | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
@@ -23361,7 +23763,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.ARROW_UP | _univerjs_ui.MetaKeys.SHIFT | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
@@ -23372,7 +23774,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.ARROW_LEFT | _univerjs_ui.MetaKeys.SHIFT | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
@@ -23383,7 +23785,7 @@ 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",
 	binding: _univerjs_ui.KeyCode.ARROW_RIGHT | _univerjs_ui.MetaKeys.SHIFT | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
@@ -23394,7 +23796,7 @@ const ExpandSelectionEndRightShortcutItem = {
 };
 const SelectAllShortcutItem = {
 	id: SelectAllCommand.id,
-	description: "shortcut.sheet.select-all",
+	description: "sheets-ui.shortcut.sheet.select-all",
 	group: "3_sheet-view",
 	binding: _univerjs_ui.KeyCode.A | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	preconditions: whenSheetEditorFocused,
@@ -23408,28 +23810,28 @@ 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",
 	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",
 	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",
 	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",
 	preconditions: (contextService) => whenSheetFocusedInlineFormat(contextService),
 	binding: _univerjs_ui.KeyCode.X | _univerjs_ui.MetaKeys.SHIFT | _univerjs_ui.MetaKeys.CTRL_COMMAND
@@ -23463,7 +23865,7 @@ 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",
 	preconditions: whenSheetEditorFocused,
@@ -23476,7 +23878,7 @@ 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",
 	preconditions: whenSheetEditorFocused,
@@ -23489,7 +23891,7 @@ 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",
@@ -23887,14 +24289,14 @@ let StatusBarController = class StatusBarController extends _univerjs_core.Dispo
 		return rawCell;
 	}
 	_calculateSelection(selections, primary) {
-		const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		if (!workbook) return this._clearResult();
 		const unitId = workbook.getUnitId();
 		const sheet = workbook.getActiveSheet();
 		const sheetId = sheet === null || sheet === void 0 ? void 0 : sheet.getSheetId();
 		if (!sheetId) return this._clearResult();
 		const sheetData = {};
-		this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getSheets().forEach((sheet) => {
+		this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getSheets().forEach((sheet) => {
 			const sheetConfig = sheet.getConfig();
 			sheetData[sheet.getSheetId()] = {
 				cellData: new _univerjs_core.ObjectMatrix(sheetConfig.cellData),
@@ -23990,7 +24392,7 @@ const useHighlightRange = (ranges = []) => {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-ui";
-var version = "0.23.0";
+var version = "0.24.0-insiders.20260527-b1d726f";
 
 //#endregion
 //#region src/services/cell-alert-manager.service.ts
@@ -24238,7 +24640,7 @@ let SheetsDefinedNameController = class SheetsDefinedNameController extends _uni
 	_syncDefinedNameRange(params) {
 		if (params.length === 0) return;
 		const lastSelection = params[params.length - 1];
-		const workbook = this._instanceSrv.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._instanceSrv.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 		if (!worksheet) return;
 		this._definedNamesService.setCurrentRange({
@@ -24537,8 +24939,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,
@@ -24660,7 +25062,7 @@ let FormatPainterController = class FormatPainterController extends _univerjs_co
 		const range = selection === null || selection === void 0 ? void 0 : selection.range;
 		if (!range) return null;
 		const { startRow, endRow, startColumn, endColumn } = range;
-		const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 		if (!worksheet) return null;
 		const cellData = worksheet.getCellMatrix();
@@ -25418,7 +25820,7 @@ let SheetPermissionInterceptorCanvasRenderController = class SheetPermissionInte
 	_initFreezePermissionInterceptor() {
 		this.disposeWithMe(this._headerFreezeRenderController.interceptor.intercept(this._headerFreezeRenderController.interceptor.getInterceptPoints().FREEZE_PERMISSION_CHECK, { handler: (_, __) => {
 			var _this$_permissionServ5, _this$_permissionServ6;
-			const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+			const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 			if (!(workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet()) || !workbook) return false;
 			return (_this$_permissionServ5 = (_this$_permissionServ6 = this._permissionService.getPermissionPoint(new _univerjs_sheets.WorkbookEditablePermission(workbook.getUnitId()).id)) === null || _this$_permissionServ6 === void 0 ? void 0 : _this$_permissionServ6.value) !== null && _this$_permissionServ5 !== void 0 ? _this$_permissionServ5 : false;
 		} }));
@@ -25464,7 +25866,7 @@ let SheetPermissionInterceptorClipboardController = class SheetPermissionInterce
 					startColumn: startRange.startColumn + ranges.startColumn,
 					endColumn: startRange.startColumn + ranges.endColumn
 				};
-				const worksheet = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getActiveSheet();
+				const worksheet = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getActiveSheet();
 				if (!worksheet) return false;
 				const { startRow, endRow, startColumn, endColumn } = targetRange;
 				let hasPermission = true;
@@ -25476,7 +25878,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;
 			}
 		}));
@@ -25551,7 +25953,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++) {
@@ -25561,11 +25963,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) => {
@@ -25577,7 +25979,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;
 };
@@ -25593,7 +25995,7 @@ const generateDefaultRule = (injector, fromSheetBar) => {
 	var _selectionManagerServ, _selectionManagerServ2;
 	const univerInstanceService = injector.get(_univerjs_core.IUniverInstanceService);
 	const selectionManagerService = injector.get(_univerjs_sheets.SheetsSelectionsService);
-	const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+	const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const worksheet = workbook.getActiveSheet();
 	let unitType = _univerjs_sheets.UnitObject.SelectRange;
 	let ranges = (_selectionManagerServ = (_selectionManagerServ2 = selectionManagerService.getCurrentSelections()) === null || _selectionManagerServ2 === void 0 ? void 0 : _selectionManagerServ2.map((s) => s.range)) !== null && _selectionManagerServ !== void 0 ? _selectionManagerServ : [];
@@ -25620,7 +26022,7 @@ const generateDefaultRule = (injector, fromSheetBar) => {
 	};
 };
 const generateRuleByUnitType = (injector, rule) => {
-	const worksheet = injector.get(_univerjs_core.IUniverInstanceService).getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getActiveSheet();
+	const worksheet = injector.get(_univerjs_core.IUniverInstanceService).getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getActiveSheet();
 	const { unitType } = rule;
 	if (unitType === _univerjs_sheets.UnitObject.Worksheet) return {
 		...rule,
@@ -25645,7 +26047,7 @@ const PermissionDetailFooterPart = (props) => {
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const sheetPermissionUserManagerService = (0, _univerjs_ui.useDependency)(SheetPermissionUserManagerService);
-	const workbook = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService).getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+	const workbook = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService).getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 	if (!workbook || !worksheet) return null;
 	const unitId = workbook.getUnitId();
@@ -25776,7 +26178,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
@@ -25785,14 +26187,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")
 		})]
 	});
 };
@@ -25806,7 +26208,7 @@ const PermissionDetailMainPart = (props) => {
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const injector = (0, _univerjs_ui.useDependency)(_univerjs_core.Injector);
-	const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+	const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 	if (!workbook || !worksheet) return null;
 	const unitId = workbook.getUnitId();
@@ -25814,7 +26216,7 @@ const PermissionDetailMainPart = (props) => {
 	const handleRangeChange = (rangeText) => {
 		const newRange = rangeText.split(",").map(_univerjs_engine_formula.deserializeRangeWithSheet).map((item) => item.range);
 		if (newRange.some((i) => !(0, _univerjs_core.isValidRange)(i) || i.endColumn < i.startColumn || i.endRow < i.startRow)) return;
-		const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 		if (!workbook || !worksheet) return;
 		const unitId = workbook.getUnitId();
@@ -25827,7 +26229,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,
@@ -25837,11 +26239,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")
 		})
 	})] });
 };
@@ -25876,7 +26278,7 @@ const PermissionDetailUserPart = (props) => {
 	const userManagerService = (0, _univerjs_ui.useDependency)(_univerjs_core.UserManagerService);
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
 	const selectUserList = (0, _univerjs_ui.useObservable)(sheetPermissionUserManagerService.selectUserList$, sheetPermissionUserManagerService.selectUserList);
-	const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+	const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 	if (!workbook || !worksheet) return null;
 	const unitId = workbook.getUnitId();
@@ -25922,17 +26324,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") })
 				})]
 			})
 		}),
@@ -25941,10 +26343,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" }),
@@ -25968,10 +26370,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) => {
@@ -25992,7 +26394,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")
 						})]
 					})
 				})
@@ -26000,17 +26402,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") })
 				})]
 			})
 		})
@@ -26221,7 +26623,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,
@@ -26246,14 +26648,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 }) })]
 				})]
 			}),
@@ -26312,14 +26714,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),
@@ -26343,11 +26745,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")}`
 									})
 								]
 							}),
@@ -26355,10 +26757,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, {
@@ -26381,7 +26783,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", {
@@ -26391,7 +26793,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
@@ -26400,7 +26802,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")]
 				})
 			})
 		]
@@ -26449,7 +26851,7 @@ const SheetPermissionDialog = () => {
 	const worksheetProtectionPointRuleModel = (0, _univerjs_ui.useDependency)(_univerjs_sheets.WorksheetProtectionPointModel);
 	const dialogService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IDialogService);
 	const permissionService = (0, _univerjs_ui.useDependency)(_univerjs_core.IPermissionService);
-	const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+	const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const worksheet = workbook.getActiveSheet();
 	if (!worksheet) throw new Error("No active sheet found");
 	const [collaborators, setCollaborators] = (0, react.useState)([]);
@@ -26500,7 +26902,7 @@ const SheetPermissionDialog = () => {
 		getPermissionPoints();
 	}, []);
 	const handleChangeActionPermission = async () => {
-		const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 		if (!worksheet) throw new Error("No active sheet found");
 		const unitId = workbook.getUnitId();
@@ -26581,14 +26983,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")
 				})]
 			})]
 		})
@@ -26626,7 +27028,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)
 		}) }),
@@ -26649,7 +27051,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);
@@ -26668,7 +27070,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;
@@ -26685,7 +27087,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")
 				})]
 			})
 		}),
@@ -26694,14 +27096,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")
 			})]
 		})
 	] });
@@ -26728,7 +27130,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")
 	}) });
 };
 
@@ -26899,684 +27301,388 @@ var WorksheetProtectionRenderExtension = class extends _univerjs_engine_render.S
 };
 
 //#endregion
-//#region src/controllers/permission/sheet-permission-render.controller.ts
-let SheetPermissionRenderManagerController = class SheetPermissionRenderManagerController extends _univerjs_core.Disposable {
-	constructor(_injector, _componentManager) {
-		super();
-		this._injector = _injector;
-		this._componentManager = _componentManager;
-		this._init();
-	}
-	_init() {
-		this._initComponents();
-		this._initUiPartComponents();
-	}
-	_initComponents() {
-		[
-			[permissionMenuIconKey, _univerjs_icons.ProtectIcon],
-			[permissionDeleteIconKey, _univerjs_icons.DeleteIcon],
-			[permissionEditIconKey, _univerjs_icons.WriteIcon],
-			[permissionCheckIconKey, _univerjs_icons.CheckMarkIcon],
-			[permissionLockIconKey, _univerjs_icons.LockIcon],
-			[UNIVER_SHEET_PERMISSION_PANEL, SheetPermissionPanel],
-			[UNIVER_SHEET_PERMISSION_USER_DIALOG, SheetPermissionUserDialog],
-			[UNIVER_SHEET_PERMISSION_DIALOG, SheetPermissionDialog],
-			[UNIVER_SHEET_PERMISSION_ALERT_DIALOG, AlertDialog]
-		].forEach(([key, comp]) => {
-			this.disposeWithMe(this._componentManager.register(key, comp));
-		});
-	}
-	_initUiPartComponents() {
-		const config = this._injector.get(_univerjs_core.IConfigService).getConfig(SHEETS_UI_PLUGIN_CONFIG_KEY);
-		if (config === null || config === void 0 ? void 0 : config.protectedRangeUserSelector) {
-			const { component, framework } = config.protectedRangeUserSelector;
-			this.disposeWithMe(this._componentManager.register(UNIVER_SHEET_PERMISSION_USER_PART, component, { framework }));
-		}
-	}
-};
-SheetPermissionRenderManagerController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.Injector)), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager))], SheetPermissionRenderManagerController);
-let SheetPermissionRenderController = class SheetPermissionRenderController extends _univerjs_core.Disposable {
-	constructor(_context, _rangeProtectionRuleModel, _sheetSkeletonManagerService, _permissionService, _configService) {
-		super();
-		this._context = _context;
-		this._rangeProtectionRuleModel = _rangeProtectionRuleModel;
-		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
-		this._permissionService = _permissionService;
-		this._configService = _configService;
-		_defineProperty(this, "_rangeProtectionCanViewRenderExtension", void 0);
-		_defineProperty(this, "_rangeProtectionCanNotViewRenderExtension", void 0);
-		const config = this._configService.getConfig(SHEETS_UI_PLUGIN_CONFIG_KEY);
-		const shadowStrategy = convertToShadowStrategy(config === null || config === void 0 ? void 0 : config.protectedRangeShadow);
-		this._rangeProtectionCanViewRenderExtension = new RangeProtectionCanViewRenderExtension(shadowStrategy);
-		this._rangeProtectionCanNotViewRenderExtension = new RangeProtectionCanNotViewRenderExtension(shadowStrategy);
-		this._initSkeleton();
-		this._initRender();
-		this.disposeWithMe(this._rangeProtectionRuleModel.ruleChange$.subscribe((info) => {
-			var _info$oldRule, _info$oldRule2;
-			if (((_info$oldRule = info.oldRule) === null || _info$oldRule === void 0 ? void 0 : _info$oldRule.id) && this._rangeProtectionCanViewRenderExtension.renderCache.has(info.oldRule.id) || this._rangeProtectionCanViewRenderExtension.renderCache.has(info.rule.id)) this._rangeProtectionCanViewRenderExtension.clearCache();
-			if (((_info$oldRule2 = info.oldRule) === null || _info$oldRule2 === void 0 ? void 0 : _info$oldRule2.id) && this._rangeProtectionCanNotViewRenderExtension.renderCache.has(info.oldRule.id) || this._rangeProtectionCanNotViewRenderExtension.renderCache.has(info.rule.id)) this._rangeProtectionCanNotViewRenderExtension.clearCache();
-		}));
-	}
-	_initRender() {
-		const spreadsheetRender = this._context.mainComponent;
-		if (spreadsheetRender) {
-			if (!spreadsheetRender.getExtensionByKey("RANGE_PROTECTION_CAN_VIEW_RENDER_EXTENSION_KEY")) spreadsheetRender.register(this._rangeProtectionCanViewRenderExtension);
-			if (!spreadsheetRender.getExtensionByKey("RANGE_PROTECTION_CAN_NOT_VIEW_RENDER_EXTENSION_KEY")) spreadsheetRender.register(this._rangeProtectionCanNotViewRenderExtension);
-		}
-	}
-	_initSkeleton() {
-		const markDirtySkeleton = () => {
-			var _this$_context$mainCo;
-			this._sheetSkeletonManagerService.reCalculate();
-			(_this$_context$mainCo = this._context.mainComponent) === null || _this$_context$mainCo === void 0 || _this$_context$mainCo.makeDirty();
-		};
-		this.disposeWithMe((0, rxjs.merge)(this._permissionService.permissionPointUpdate$.pipe((0, rxjs.throttleTime)(300, void 0, { trailing: true })), this._rangeProtectionRuleModel.rangeRuleInitStateChange$, this._rangeProtectionRuleModel.ruleChange$).pipe().subscribe(markDirtySkeleton));
-	}
-};
-SheetPermissionRenderController = __decorate([
-	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets.RangeProtectionRuleModel)),
-	__decorateParam(2, (0, _univerjs_core.Inject)(SheetSkeletonManagerService)),
-	__decorateParam(3, _univerjs_core.IPermissionService),
-	__decorateParam(4, _univerjs_core.IConfigService)
-], SheetPermissionRenderController);
-let WorksheetProtectionRenderController = class WorksheetProtectionRenderController extends _univerjs_core.Disposable {
-	constructor(_context, _renderManagerService, _sheetSkeletonManagerService, _worksheetProtectionRuleModel, _configService) {
-		super();
-		this._context = _context;
-		this._renderManagerService = _renderManagerService;
-		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
-		this._worksheetProtectionRuleModel = _worksheetProtectionRuleModel;
-		this._configService = _configService;
-		_defineProperty(this, "_worksheetProtectionRenderExtension", void 0);
-		const config = this._configService.getConfig(SHEETS_UI_PLUGIN_CONFIG_KEY);
-		const shadowStrategy = convertToShadowStrategy(config === null || config === void 0 ? void 0 : config.protectedRangeShadow);
-		this._worksheetProtectionRenderExtension = new WorksheetProtectionRenderExtension(shadowStrategy);
-		this._initSkeleton();
-		if (shadowStrategy === "none") return;
-		this._initRender();
-	}
-	_initRender() {
-		const renderId = this._context.unitId;
-		const render = renderId && this._renderManagerService.getRenderById(renderId);
-		const spreadsheetRender = render && render.mainComponent;
-		if (spreadsheetRender) {
-			if (!spreadsheetRender.getExtensionByKey("worksheet-protection")) spreadsheetRender.register(this._worksheetProtectionRenderExtension);
-		}
-	}
-	_initSkeleton() {
-		const markDirtySkeleton = () => {
-			var _this$_context$mainCo2;
-			this._sheetSkeletonManagerService.reCalculate();
-			(_this$_context$mainCo2 = this._context.mainComponent) === null || _this$_context$mainCo2 === void 0 || _this$_context$mainCo2.makeDirty();
-		};
-		this.disposeWithMe((0, rxjs.merge)(this._worksheetProtectionRuleModel.worksheetRuleInitStateChange$).pipe().subscribe(markDirtySkeleton));
-	}
-};
-WorksheetProtectionRenderController = __decorate([
-	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_engine_render.IRenderManagerService)),
-	__decorateParam(2, (0, _univerjs_core.Inject)(SheetSkeletonManagerService)),
-	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_sheets.WorksheetProtectionRuleModel)),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.IConfigService))
-], WorksheetProtectionRenderController);
-
-//#endregion
-//#region src/controllers/render-controllers/clipboard.render-controller.ts
-let ClipboardRenderController = class ClipboardRenderController extends _univerjs_core.Disposable {
-	constructor(_context, _sheetSkeletonManagerService, _sheetClipboardService, _sheetClipboardController) {
-		super();
-		this._context = _context;
-		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
-		this._sheetClipboardService = _sheetClipboardService;
-		this._sheetClipboardController = _sheetClipboardController;
-		this._initialize();
-	}
-	_initialize() {
-		this.disposeWithMe((0, _univerjs_core.toDisposable)(this._sheetSkeletonManagerService.currentSkeleton$.subscribe((skeleton) => {
-			if (!(skeleton === null || skeleton === void 0 ? void 0 : skeleton.unitId)) return;
-			if (!this._sheetClipboardService.getPasteMenuVisible()) return;
-			const pasteOptionsCache = this._sheetClipboardService.getPasteOptionsCache();
-			const menuUnitId = pasteOptionsCache === null || pasteOptionsCache === void 0 ? void 0 : pasteOptionsCache.target.unitId;
-			if (skeleton.unitId === menuUnitId) this._sheetClipboardController.refreshOptionalPaste();
-		})));
-	}
-};
-ClipboardRenderController = __decorate([
-	__decorateParam(1, (0, _univerjs_core.Inject)(SheetSkeletonManagerService)),
-	__decorateParam(2, ISheetClipboardService),
-	__decorateParam(3, (0, _univerjs_core.Inject)(SheetClipboardController))
-], ClipboardRenderController);
-
-//#endregion
-//#region src/controllers/render-controllers/format-painter.render-controller.ts
-let FormatPainterRenderController = class FormatPainterRenderController extends _univerjs_core.Disposable {
-	constructor(_context, _formatPainterService, _selectionRenderService, _commandService) {
-		super();
-		this._context = _context;
-		this._formatPainterService = _formatPainterService;
-		this._selectionRenderService = _selectionRenderService;
-		this._commandService = _commandService;
-		this._initialize();
-	}
-	_initialize() {
-		this._bindFormatPainterStatus();
-		this._commandExecutedListener();
-	}
-	_commandExecutedListener() {
-		this.disposeWithMe(this._selectionRenderService.selectionMoveEnd$.subscribe((selections) => {
-			if (this._formatPainterService.getStatus() !== 0) {
-				var _this$_context$unit$g;
-				const { rangeWithCoord } = selections[selections.length - 1];
-				this._commandService.executeCommand(ApplyFormatPainterCommand.id, {
-					unitId: this._context.unitId,
-					subUnitId: ((_this$_context$unit$g = this._context.unit.getActiveSheet()) === null || _this$_context$unit$g === void 0 ? void 0 : _this$_context$unit$g.getSheetId()) || "",
-					range: {
-						startRow: rangeWithCoord.startRow,
-						startColumn: rangeWithCoord.startColumn,
-						endRow: rangeWithCoord.endRow,
-						endColumn: rangeWithCoord.endColumn
-					}
-				});
-				if (this._formatPainterService.getStatus() === 1) this._commandService.executeCommand(SetOnceFormatPainterCommand.id);
-			}
-		}));
-	}
-	_bindFormatPainterStatus() {
-		this.disposeWithMe((0, _univerjs_core.toDisposable)(this._formatPainterService.status$.subscribe((status) => {
-			const scene = this._context.scene;
-			if (!scene) return;
-			if (status !== 0) scene.setDefaultCursor(_univerjs_engine_render.CURSOR_TYPE.CELL);
-			else scene.setDefaultCursor(_univerjs_engine_render.CURSOR_TYPE.DEFAULT);
-		})));
-	}
-};
-FormatPainterRenderController = __decorate([
-	__decorateParam(1, IFormatPainterService),
-	__decorateParam(2, ISheetSelectionRenderService),
-	__decorateParam(3, _univerjs_core.ICommandService)
-], FormatPainterRenderController);
-
-//#endregion
-//#region src/menu/header-menu-shape.ts
-const HEADER_MENU_SHAPE_CIRCLE_FILL = "rgba(0, 0, 0, 0.15)";
-const HEADER_MENU_SHAPE_TRIANGLE_FILL = "rgb(0, 0, 0)";
-const HEADER_MENU_BACKGROUND_COLOR = "rgb(255, 255, 255, 1)";
-var HeaderMenuShape = class extends _univerjs_engine_render.Shape {
-	constructor(key, props) {
-		super(key, props);
-		_defineProperty(this, "_size", 12);
-		_defineProperty(this, "_iconRatio", .4);
-		_defineProperty(this, "_mode", 0);
-		this.setShapeProps(props);
+//#region src/controllers/permission/sheet-permission-render.controller.ts
+let SheetPermissionRenderManagerController = class SheetPermissionRenderManagerController extends _univerjs_core.Disposable {
+	constructor(_injector, _componentManager) {
+		super();
+		this._injector = _injector;
+		this._componentManager = _componentManager;
+		this._init();
 	}
-	setShapeProps(props) {
-		if (props === null || props === void 0 ? void 0 : props.size) this._size = props.size;
-		if (props === null || props === void 0 ? void 0 : props.mode) this._mode = props.mode;
-		this.transformByState({
-			width: this._size,
-			height: this._size
-		});
+	_init() {
+		this._initComponents();
+		this._initUiPartComponents();
 	}
-	_draw(ctx) {
-		if (this._mode === 1) _univerjs_engine_render.Rect.drawWith(ctx, {
-			width: this._size,
-			height: this._size,
-			radius: this._size,
-			fill: HEADER_MENU_SHAPE_CIRCLE_FILL
-		});
-		const iconSize = this._size * .5 * this._iconRatio;
-		const sixtyDegree = Math.PI / 180 * 60;
-		const left = iconSize * Math.sin(sixtyDegree);
-		const top = iconSize * Math.cos(sixtyDegree);
-		_univerjs_engine_render.RegularPolygon.drawWith(ctx, {
-			pointsGroup: [[
-				{
-					x: -left + this._size / 2,
-					y: -top + this._size / 2
-				},
-				{
-					x: left + this._size / 2,
-					y: -top + this._size / 2
-				},
-				{
-					x: this._size / 2,
-					y: iconSize + this._size / 2
-				}
-			]],
-			fill: HEADER_MENU_SHAPE_TRIANGLE_FILL
+	_initComponents() {
+		[
+			[permissionMenuIconKey, _univerjs_icons.ProtectIcon],
+			[permissionDeleteIconKey, _univerjs_icons.DeleteIcon],
+			[permissionEditIconKey, _univerjs_icons.WriteIcon],
+			[permissionCheckIconKey, _univerjs_icons.CheckMarkIcon],
+			[permissionLockIconKey, _univerjs_icons.LockIcon],
+			[UNIVER_SHEET_PERMISSION_PANEL, SheetPermissionPanel],
+			[UNIVER_SHEET_PERMISSION_USER_DIALOG, SheetPermissionUserDialog],
+			[UNIVER_SHEET_PERMISSION_DIALOG, SheetPermissionDialog],
+			[UNIVER_SHEET_PERMISSION_ALERT_DIALOG, AlertDialog]
+		].forEach(([key, comp]) => {
+			this.disposeWithMe(this._componentManager.register(key, comp));
 		});
 	}
+	_initUiPartComponents() {
+		const config = this._injector.get(_univerjs_core.IConfigService).getConfig(SHEETS_UI_PLUGIN_CONFIG_KEY);
+		if (config === null || config === void 0 ? void 0 : config.protectedRangeUserSelector) {
+			const { component, framework } = config.protectedRangeUserSelector;
+			this.disposeWithMe(this._componentManager.register(UNIVER_SHEET_PERMISSION_USER_PART, component, { framework }));
+		}
+	}
 };
-
-//#endregion
-//#region src/controllers/render-controllers/header-menu.render-controller.ts
-const HEADER_MENU_CONTROLLER_SHAPE = "__SpreadsheetHeaderMenuSHAPEControllerShape__";
-const HEADER_MENU_CONTROLLER_MENU = "__SpreadsheetHeaderMenuMAINControllerShape__";
-const HEADER_MENU_CONTROLLER_SHAPE_COLOR = "rgba(0, 0, 0, 0.1)";
-let HeaderMenuRenderController = class HeaderMenuRenderController extends _univerjs_core.Disposable {
-	constructor(_context, _sheetSkeletonManagerService, _contextMenuService, _commandService, _selectionManagerService) {
+SheetPermissionRenderManagerController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.Injector)), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager))], SheetPermissionRenderManagerController);
+let SheetPermissionRenderController = class SheetPermissionRenderController extends _univerjs_core.Disposable {
+	constructor(_context, _rangeProtectionRuleModel, _sheetSkeletonManagerService, _permissionService, _configService) {
 		super();
 		this._context = _context;
+		this._rangeProtectionRuleModel = _rangeProtectionRuleModel;
 		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
-		this._contextMenuService = _contextMenuService;
-		this._commandService = _commandService;
-		this._selectionManagerService = _selectionManagerService;
-		_defineProperty(this, "_hoverRect", void 0);
-		_defineProperty(this, "_hoverMenu", void 0);
-		_defineProperty(this, "_currentColumn", Number.POSITIVE_INFINITY);
-		_defineProperty(this, "_headerPointerSubs", void 0);
-		_defineProperty(this, "_colHeaderPointerSubs", void 0);
-		this._initialize();
-	}
-	dispose() {
-		var _this$_hoverRect, _this$_hoverMenu, _this$_headerPointerS;
-		(_this$_hoverRect = this._hoverRect) === null || _this$_hoverRect === void 0 || _this$_hoverRect.dispose();
-		(_this$_hoverMenu = this._hoverMenu) === null || _this$_hoverMenu === void 0 || _this$_hoverMenu.dispose();
-		(_this$_headerPointerS = this._headerPointerSubs) === null || _this$_headerPointerS === void 0 || _this$_headerPointerS.unsubscribe();
-		this._headerPointerSubs = null;
+		this._permissionService = _permissionService;
+		this._configService = _configService;
+		_defineProperty(this, "_rangeProtectionCanViewRenderExtension", void 0);
+		_defineProperty(this, "_rangeProtectionCanNotViewRenderExtension", void 0);
+		const config = this._configService.getConfig(SHEETS_UI_PLUGIN_CONFIG_KEY);
+		const shadowStrategy = convertToShadowStrategy(config === null || config === void 0 ? void 0 : config.protectedRangeShadow);
+		this._rangeProtectionCanViewRenderExtension = new RangeProtectionCanViewRenderExtension(shadowStrategy);
+		this._rangeProtectionCanNotViewRenderExtension = new RangeProtectionCanNotViewRenderExtension(shadowStrategy);
+		this._initSkeleton();
+		this._initRender();
+		this.disposeWithMe(this._rangeProtectionRuleModel.ruleChange$.subscribe((info) => {
+			var _info$oldRule, _info$oldRule2;
+			if (((_info$oldRule = info.oldRule) === null || _info$oldRule === void 0 ? void 0 : _info$oldRule.id) && this._rangeProtectionCanViewRenderExtension.renderCache.has(info.oldRule.id) || this._rangeProtectionCanViewRenderExtension.renderCache.has(info.rule.id)) this._rangeProtectionCanViewRenderExtension.clearCache();
+			if (((_info$oldRule2 = info.oldRule) === null || _info$oldRule2 === void 0 ? void 0 : _info$oldRule2.id) && this._rangeProtectionCanNotViewRenderExtension.renderCache.has(info.oldRule.id) || this._rangeProtectionCanNotViewRenderExtension.renderCache.has(info.rule.id)) this._rangeProtectionCanNotViewRenderExtension.clearCache();
+		}));
 	}
-	_initialize() {
-		const scene = this._context.scene;
-		this._hoverRect = new _univerjs_engine_render.Rect(HEADER_MENU_CONTROLLER_SHAPE, {
-			fill: HEADER_MENU_CONTROLLER_SHAPE_COLOR,
-			evented: false
-		});
-		this._hoverMenu = new HeaderMenuShape(HEADER_MENU_CONTROLLER_MENU, {
-			zIndex: 100,
-			visible: false
-		});
-		scene.addObjects([this._hoverRect, this._hoverMenu], 10);
-		this._initialHover(0);
-		this._initialHover(1);
-		this._initialHoverMenu();
+	_initRender() {
+		const spreadsheetRender = this._context.mainComponent;
+		if (spreadsheetRender) {
+			if (!spreadsheetRender.getExtensionByKey("RANGE_PROTECTION_CAN_VIEW_RENDER_EXTENSION_KEY")) spreadsheetRender.register(this._rangeProtectionCanViewRenderExtension);
+			if (!spreadsheetRender.getExtensionByKey("RANGE_PROTECTION_CAN_NOT_VIEW_RENDER_EXTENSION_KEY")) spreadsheetRender.register(this._rangeProtectionCanNotViewRenderExtension);
+		}
 	}
-	_initialHover(initialType = 0) {
-		var _this$_headerPointerS2, _this$_headerPointerS3, _this$_headerPointerS4;
-		const spreadsheetColumnHeader = this._context.components.get("__SpreadsheetColumnHeader__");
-		const spreadsheetRowHeader = this._context.components.get("__SpreadsheetRowHeader__");
-		const eventBindingObject = initialType === 0 ? spreadsheetRowHeader : spreadsheetColumnHeader;
-		const pointerMoveHandler = (evt) => {
-			var _this$_sheetSkeletonM;
-			const skeleton = (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton;
-			if (skeleton == null) return;
-			const { rowHeaderWidth, columnHeaderHeight } = skeleton;
-			const { startX, startY, endX, endY, column } = getCoordByOffset(evt.offsetX, evt.offsetY, this._context.scene, skeleton);
-			if (initialType === 0) {
-				var _this$_hoverRect2;
-				(_this$_hoverRect2 = this._hoverRect) === null || _this$_hoverRect2 === void 0 || _this$_hoverRect2.transformByState({
-					width: rowHeaderWidth,
-					height: endY - startY,
-					left: 0,
-					top: startY
-				});
-			} else {
-				var _this$_hoverRect3;
-				this._currentColumn = column;
-				(_this$_hoverRect3 = this._hoverRect) === null || _this$_hoverRect3 === void 0 || _this$_hoverRect3.transformByState({
-					width: endX - startX,
-					height: columnHeaderHeight,
-					left: startX,
-					top: 0
-				});
-				if (this._hoverMenu == null) return;
-				if (endX - startX < columnHeaderHeight * 2) {
-					this._hoverMenu.hide();
-					return;
-				}
-				const menuSize = columnHeaderHeight * .8;
-				this._hoverMenu.transformByState({
-					left: endX - columnHeaderHeight,
-					top: columnHeaderHeight / 2 - menuSize / 2
-				});
-				this._hoverMenu.setShapeProps({ size: menuSize });
-				this._hoverMenu.show();
-			}
-		};
-		const pointerEnterHandler = () => {
-			var _this$_hoverRect4;
-			(_this$_hoverRect4 = this._hoverRect) === null || _this$_hoverRect4 === void 0 || _this$_hoverRect4.show();
-		};
-		const pointerLeaveHandler = () => {
-			var _this$_hoverRect5, _this$_hoverMenu2;
-			(_this$_hoverRect5 = this._hoverRect) === null || _this$_hoverRect5 === void 0 || _this$_hoverRect5.hide();
-			(_this$_hoverMenu2 = this._hoverMenu) === null || _this$_hoverMenu2 === void 0 || _this$_hoverMenu2.hide();
+	_initSkeleton() {
+		const markDirtySkeleton = () => {
+			var _this$_context$mainCo;
+			this._sheetSkeletonManagerService.reCalculate();
+			(_this$_context$mainCo = this._context.mainComponent) === null || _this$_context$mainCo === void 0 || _this$_context$mainCo.makeDirty();
 		};
-		this._headerPointerSubs = new rxjs.Subscription();
-		const headerPointerMoveSub = eventBindingObject.onPointerMove$.subscribeEvent(pointerMoveHandler);
-		const headerPointerEnterSub = eventBindingObject.onPointerEnter$.subscribeEvent(pointerEnterHandler);
-		const headerPointerLeaveSub = eventBindingObject.onPointerLeave$.subscribeEvent(pointerLeaveHandler);
-		(_this$_headerPointerS2 = this._headerPointerSubs) === null || _this$_headerPointerS2 === void 0 || _this$_headerPointerS2.add(headerPointerMoveSub);
-		(_this$_headerPointerS3 = this._headerPointerSubs) === null || _this$_headerPointerS3 === void 0 || _this$_headerPointerS3.add(headerPointerEnterSub);
-		(_this$_headerPointerS4 = this._headerPointerSubs) === null || _this$_headerPointerS4 === void 0 || _this$_headerPointerS4.add(headerPointerLeaveSub);
+		this.disposeWithMe((0, rxjs.merge)(this._permissionService.permissionPointUpdate$.pipe((0, rxjs.throttleTime)(300, void 0, { trailing: true })), this._rangeProtectionRuleModel.rangeRuleInitStateChange$, this._rangeProtectionRuleModel.ruleChange$).pipe().subscribe(markDirtySkeleton));
 	}
-	_initialHoverMenu() {
-		if (this._hoverMenu == null) return;
-		this._hoverMenu.onPointerEnter$.subscribeEvent(() => {
-			if (this._hoverMenu == null) return;
-			this._hoverMenu.setProps({
-				mode: 1,
-				visible: true
-			});
-			this._context.scene.setCursor(_univerjs_engine_render.CURSOR_TYPE.POINTER);
-		});
-		this._hoverMenu.onPointerLeave$.subscribeEvent(() => {
-			if (this._hoverMenu == null) return;
-			this._hoverMenu.setProps({
-				mode: 0,
-				visible: false
-			});
-			this._context.scene.resetCursor();
-		});
-		this._hoverMenu.onPointerDown$.subscribeEvent((evt) => {
-			var _this$_selectionManag;
-			const currentColumn = this._currentColumn;
-			const currentSelectionDatas = (_this$_selectionManag = this._selectionManagerService.getCurrentSelections()) === null || _this$_selectionManag === void 0 ? void 0 : _this$_selectionManag.map((s) => s.range);
-			if (!!!(currentSelectionDatas === null || currentSelectionDatas === void 0 ? void 0 : currentSelectionDatas.filter((range) => range.rangeType === _univerjs_core.RANGE_TYPE.COLUMN).find((data) => {
-				const { startColumn, endColumn } = data;
-				if (currentColumn >= startColumn && currentColumn <= endColumn) return true;
-				return false;
-			}))) {
-				const selection = this._getSelectionOnColumn(currentColumn);
-				this._commandService.syncExecuteCommand(_univerjs_sheets.SetSelectionsOperation.id, selection);
-			}
-			evt.stopPropagation();
-			evt.preventDefault();
-			this._contextMenuService.triggerContextMenu(evt, _univerjs_ui.ContextMenuPosition.COL_HEADER);
-		});
+};
+SheetPermissionRenderController = __decorate([
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets.RangeProtectionRuleModel)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(SheetSkeletonManagerService)),
+	__decorateParam(3, _univerjs_core.IPermissionService),
+	__decorateParam(4, _univerjs_core.IConfigService)
+], SheetPermissionRenderController);
+let WorksheetProtectionRenderController = class WorksheetProtectionRenderController extends _univerjs_core.Disposable {
+	constructor(_context, _renderManagerService, _sheetSkeletonManagerService, _worksheetProtectionRuleModel, _configService) {
+		super();
+		this._context = _context;
+		this._renderManagerService = _renderManagerService;
+		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
+		this._worksheetProtectionRuleModel = _worksheetProtectionRuleModel;
+		this._configService = _configService;
+		_defineProperty(this, "_worksheetProtectionRenderExtension", void 0);
+		const config = this._configService.getConfig(SHEETS_UI_PLUGIN_CONFIG_KEY);
+		const shadowStrategy = convertToShadowStrategy(config === null || config === void 0 ? void 0 : config.protectedRangeShadow);
+		this._worksheetProtectionRenderExtension = new WorksheetProtectionRenderExtension(shadowStrategy);
+		this._initSkeleton();
+		if (shadowStrategy === "none") return;
+		this._initRender();
+	}
+	_initRender() {
+		const renderId = this._context.unitId;
+		const render = renderId && this._renderManagerService.getRenderById(renderId);
+		const spreadsheetRender = render && render.mainComponent;
+		if (spreadsheetRender) {
+			if (!spreadsheetRender.getExtensionByKey("worksheet-protection")) spreadsheetRender.register(this._worksheetProtectionRenderExtension);
+		}
 	}
-	_getSelectionOnColumn(column) {
-		const workbook = this._context.unit;
-		const worksheet = workbook.getActiveSheet();
-		if (!worksheet) throw new Error("No active worksheet");
-		return {
-			unitId: workbook.getUnitId(),
-			subUnitId: worksheet.getSheetId(),
-			selections: [{
-				range: {
-					startRow: 0,
-					startColumn: column,
-					endRow: worksheet.getRowCount() - 1,
-					endColumn: column,
-					rangeType: _univerjs_core.RANGE_TYPE.COLUMN
-				},
-				primary: {
-					startRow: 0,
-					startColumn: column,
-					endRow: 0,
-					endColumn: column,
-					actualRow: 0,
-					actualColumn: column,
-					isMerged: false,
-					isMergedMainCell: false
-				},
-				style: null
-			}]
+	_initSkeleton() {
+		const markDirtySkeleton = () => {
+			var _this$_context$mainCo2;
+			this._sheetSkeletonManagerService.reCalculate();
+			(_this$_context$mainCo2 = this._context.mainComponent) === null || _this$_context$mainCo2 === void 0 || _this$_context$mainCo2.makeDirty();
 		};
+		this.disposeWithMe((0, rxjs.merge)(this._worksheetProtectionRuleModel.worksheetRuleInitStateChange$).pipe().subscribe(markDirtySkeleton));
 	}
 };
-HeaderMenuRenderController = __decorate([
-	__decorateParam(1, (0, _univerjs_core.Inject)(SheetSkeletonManagerService)),
-	__decorateParam(2, _univerjs_ui.IContextMenuService),
-	__decorateParam(3, _univerjs_core.ICommandService),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetsSelectionsService))
-], HeaderMenuRenderController);
+WorksheetProtectionRenderController = __decorate([
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_engine_render.IRenderManagerService)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(SheetSkeletonManagerService)),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_sheets.WorksheetProtectionRuleModel)),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.IConfigService))
+], WorksheetProtectionRenderController);
 
 //#endregion
-//#region src/views/header-unhide-shape.ts
-const UNHIDE_ICON_SIZE = 12;
-const UNHIDE_ARROW_RATIO = .4;
-var HeaderUnhideShape = class extends _univerjs_engine_render.Shape {
-	constructor(key, props, onClick) {
-		super(key, props);
-		_defineProperty(this, "_size", 12);
-		_defineProperty(this, "_iconRatio", UNHIDE_ARROW_RATIO);
-		_defineProperty(this, "_hovered", true);
-		_defineProperty(this, "_hasPrevious", true);
-		_defineProperty(this, "_hasNext", true);
-		_defineProperty(this, "_unhideType", void 0);
-		if (props) this.setShapeProps(props);
-		this.onPointerEnter$.subscribeEvent(() => this.setShapeProps({ hovered: true }));
-		this.onPointerLeave$.subscribeEvent(() => this.setShapeProps({ hovered: false }));
-		this.onPointerDown$.subscribeEvent(() => onClick === null || onClick === void 0 ? void 0 : onClick());
+//#region src/controllers/render-controllers/clipboard.render-controller.ts
+let ClipboardRenderController = class ClipboardRenderController extends _univerjs_core.Disposable {
+	constructor(_context, _sheetSkeletonManagerService, _sheetClipboardService, _sheetClipboardController) {
+		super();
+		this._context = _context;
+		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
+		this._sheetClipboardService = _sheetClipboardService;
+		this._sheetClipboardController = _sheetClipboardController;
+		this._initialize();
 	}
-	setShapeProps(props) {
-		if (props.type !== void 0) this._unhideType = props.type;
-		if (props.hovered !== void 0) this._hovered = props.hovered;
-		if (props.hasPrevious !== void 0) this._hasPrevious = props.hasPrevious;
-		if (props.hasNext !== void 0) this._hasNext = props.hasNext;
-		this.transformByState({
-			width: this._size * (this._unhideType === 1 ? 2 : 1),
-			height: this._size * (this._unhideType === 0 ? 2 : 1)
-		});
+	_initialize() {
+		this.disposeWithMe((0, _univerjs_core.toDisposable)(this._sheetSkeletonManagerService.currentSkeleton$.subscribe((skeleton) => {
+			if (!(skeleton === null || skeleton === void 0 ? void 0 : skeleton.unitId)) return;
+			if (!this._sheetClipboardService.getPasteMenuVisible()) return;
+			const pasteOptionsCache = this._sheetClipboardService.getPasteOptionsCache();
+			const menuUnitId = pasteOptionsCache === null || pasteOptionsCache === void 0 ? void 0 : pasteOptionsCache.target.unitId;
+			if (skeleton.unitId === menuUnitId) this._sheetClipboardController.refreshOptionalPaste();
+		})));
 	}
-	_draw(ctx) {
-		if (this._unhideType === 0) this._drawOnRow(ctx);
-		else this._drawOnCol(ctx);
+};
+ClipboardRenderController = __decorate([
+	__decorateParam(1, (0, _univerjs_core.Inject)(SheetSkeletonManagerService)),
+	__decorateParam(2, ISheetClipboardService),
+	__decorateParam(3, (0, _univerjs_core.Inject)(SheetClipboardController))
+], ClipboardRenderController);
+
+//#endregion
+//#region src/controllers/render-controllers/format-painter.render-controller.ts
+let FormatPainterRenderController = class FormatPainterRenderController extends _univerjs_core.Disposable {
+	constructor(_context, _formatPainterService, _selectionRenderService, _commandService) {
+		super();
+		this._context = _context;
+		this._formatPainterService = _formatPainterService;
+		this._selectionRenderService = _selectionRenderService;
+		this._commandService = _commandService;
+		this._initialize();
 	}
-	_drawOnRow(ctx) {
-		if (this._hovered) if (!this._hasNext || !this._hasPrevious) _univerjs_engine_render.Rect.drawWith(ctx, {
-			width: this._size,
-			height: this._size,
-			stroke: HEADER_MENU_SHAPE_TRIANGLE_FILL,
-			fill: HEADER_MENU_BACKGROUND_COLOR
-		});
-		else _univerjs_engine_render.Rect.drawWith(ctx, {
-			width: this._size,
-			height: 2 * this._size,
-			stroke: HEADER_MENU_SHAPE_TRIANGLE_FILL,
-			fill: HEADER_MENU_BACKGROUND_COLOR
-		});
-		const iconSize = this._size * .5 * this._iconRatio;
-		const sixtyDegree = Math.PI / 3;
-		const top = iconSize * Math.cos(sixtyDegree);
-		const left = iconSize * Math.sin(sixtyDegree);
-		if (this._hasPrevious) _univerjs_engine_render.RegularPolygon.drawWith(ctx, {
-			pointsGroup: [[
-				{
-					x: this._size / 2,
-					y: this._size / 2 - left
-				},
-				{
-					x: this._size / 2 - left,
-					y: this._size / 2 + top
-				},
-				{
-					x: this._size / 2 + left,
-					y: this._size / 2 + top
-				}
-			]],
-			fill: HEADER_MENU_SHAPE_TRIANGLE_FILL
-		});
-		if (this._hasNext) {
-			const offset = this._hasPrevious ? 3 : 1;
-			_univerjs_engine_render.RegularPolygon.drawWith(ctx, {
-				pointsGroup: [[
-					{
-						x: this._size / 2,
-						y: this._size * offset / 2 + left
-					},
-					{
-						x: this._size / 2 - left,
-						y: this._size * offset / 2 - top
-					},
-					{
-						x: this._size / 2 + left,
-						y: this._size * offset / 2 - top
-					}
-				]],
-				fill: HEADER_MENU_SHAPE_TRIANGLE_FILL
-			});
-		}
+	_initialize() {
+		this._bindFormatPainterStatus();
+		this._commandExecutedListener();
 	}
-	/**
-	*
-	* @param ctx
-	*/
-	_drawOnCol(ctx) {
-		if (this._hovered) if (!this._hasNext || !this._hasPrevious) _univerjs_engine_render.Rect.drawWith(ctx, {
-			width: this._size,
-			height: this._size,
-			stroke: HEADER_MENU_SHAPE_TRIANGLE_FILL,
-			fill: HEADER_MENU_BACKGROUND_COLOR
-		});
-		else _univerjs_engine_render.Rect.drawWith(ctx, {
-			width: 2 * this._size,
-			height: this._size,
-			stroke: HEADER_MENU_SHAPE_TRIANGLE_FILL,
-			fill: HEADER_MENU_BACKGROUND_COLOR
-		});
-		const iconSize = this._size * .5 * this._iconRatio;
-		const sixtyDegree = Math.PI / 3;
-		const top = iconSize * Math.cos(sixtyDegree);
-		const left = iconSize * Math.sin(sixtyDegree);
-		if (this._hasPrevious) _univerjs_engine_render.RegularPolygon.drawWith(ctx, {
-			pointsGroup: [[
-				{
-					x: -top + this._size / 2,
-					y: this._size / 2
-				},
-				{
-					x: this._size / 2 + left,
-					y: this._size / 2 - left
-				},
-				{
-					x: this._size / 2 + left,
-					y: this._size / 2 + left
-				}
-			]],
-			fill: HEADER_MENU_SHAPE_TRIANGLE_FILL
-		});
-		if (this._hasNext) {
-			const offset = this._hasPrevious ? 3 : 1;
-			_univerjs_engine_render.RegularPolygon.drawWith(ctx, {
-				pointsGroup: [[
-					{
-						x: top + this._size * offset / 2,
-						y: this._size / 2
-					},
-					{
-						x: -left + this._size * offset / 2,
-						y: this._size / 2 - left
-					},
-					{
-						x: -left + this._size * offset / 2,
-						y: this._size / 2 + left
+	_commandExecutedListener() {
+		this.disposeWithMe(this._selectionRenderService.selectionMoveEnd$.subscribe((selections) => {
+			if (this._formatPainterService.getStatus() !== 0) {
+				var _this$_context$unit$g;
+				const { rangeWithCoord } = selections[selections.length - 1];
+				this._commandService.executeCommand(ApplyFormatPainterCommand.id, {
+					unitId: this._context.unitId,
+					subUnitId: ((_this$_context$unit$g = this._context.unit.getActiveSheet()) === null || _this$_context$unit$g === void 0 ? void 0 : _this$_context$unit$g.getSheetId()) || "",
+					range: {
+						startRow: rangeWithCoord.startRow,
+						startColumn: rangeWithCoord.startColumn,
+						endRow: rangeWithCoord.endRow,
+						endColumn: rangeWithCoord.endColumn
 					}
-				]],
-				fill: HEADER_MENU_SHAPE_TRIANGLE_FILL
-			});
-		}
+				});
+				if (this._formatPainterService.getStatus() === 1) this._commandService.executeCommand(SetOnceFormatPainterCommand.id);
+			}
+		}));
+	}
+	_bindFormatPainterStatus() {
+		this.disposeWithMe((0, _univerjs_core.toDisposable)(this._formatPainterService.status$.subscribe((status) => {
+			const scene = this._context.scene;
+			if (!scene) return;
+			if (status !== 0) scene.setDefaultCursor(_univerjs_engine_render.CURSOR_TYPE.CELL);
+			else scene.setDefaultCursor(_univerjs_engine_render.CURSOR_TYPE.DEFAULT);
+		})));
 	}
 };
+FormatPainterRenderController = __decorate([
+	__decorateParam(1, IFormatPainterService),
+	__decorateParam(2, ISheetSelectionRenderService),
+	__decorateParam(3, _univerjs_core.ICommandService)
+], FormatPainterRenderController);
 
 //#endregion
-//#region src/controllers/render-controllers/header-unhide.render-controller.ts
-const HEADER_UNHIDE_CONTROLLER_SHAPE = "__SpreadsheetHeaderUnhideSHAPEControllerShape__";
-let HeaderUnhideRenderController = class HeaderUnhideRenderController extends _univerjs_core.RxDisposable {
-	get _workbook() {
-		return this._context.unit;
-	}
-	constructor(_context, _sheetSkeletonManagerService, _commandService) {
+//#region src/controllers/render-controllers/header-menu.render-controller.ts
+const HEADER_MENU_CONTROLLER_SHAPE = "__SpreadsheetHeaderMenuSHAPEControllerShape__";
+const HEADER_MENU_CONTROLLER_MENU = "__SpreadsheetHeaderMenuMAINControllerShape__";
+const HEADER_MENU_CONTROLLER_SHAPE_COLOR = "rgba(0, 0, 0, 0.1)";
+let HeaderMenuRenderController = class HeaderMenuRenderController extends _univerjs_core.Disposable {
+	constructor(_context, _sheetSkeletonManagerService, _contextMenuService, _commandService, _selectionManagerService) {
 		super();
 		this._context = _context;
 		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
+		this._contextMenuService = _contextMenuService;
 		this._commandService = _commandService;
-		_defineProperty(this, "_shapes", {
-			cols: [],
-			rows: []
-		});
-		this._init();
+		this._selectionManagerService = _selectionManagerService;
+		_defineProperty(this, "_hoverRect", void 0);
+		_defineProperty(this, "_hoverMenu", void 0);
+		_defineProperty(this, "_currentColumn", Number.POSITIVE_INFINITY);
+		_defineProperty(this, "_headerPointerSubs", void 0);
+		_defineProperty(this, "_colHeaderPointerSubs", void 0);
+		this._initialize();
 	}
 	dispose() {
-		super.dispose();
-		this._clearShapes();
+		var _this$_hoverRect, _this$_hoverMenu, _this$_headerPointerS;
+		(_this$_hoverRect = this._hoverRect) === null || _this$_hoverRect === void 0 || _this$_hoverRect.dispose();
+		(_this$_hoverMenu = this._hoverMenu) === null || _this$_hoverMenu === void 0 || _this$_hoverMenu.dispose();
+		(_this$_headerPointerS = this._headerPointerSubs) === null || _this$_headerPointerS === void 0 || _this$_headerPointerS.unsubscribe();
+		this._headerPointerSubs = null;
 	}
-	_init() {
-		let activeSheetId = "";
-		this._context.unit.activeSheet$.pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((worksheet) => {
-			this._clearShapes();
-			if (!worksheet) {
-				activeSheetId = "";
-				return;
-			}
-			activeSheetId = worksheet.getSheetId();
-			this._update(this._workbook, worksheet);
+	_initialize() {
+		const scene = this._context.scene;
+		this._hoverRect = new _univerjs_engine_render.Rect(HEADER_MENU_CONTROLLER_SHAPE, {
+			fill: HEADER_MENU_CONTROLLER_SHAPE_COLOR,
+			evented: false
 		});
-		this.disposeWithMe(this._sheetSkeletonManagerService.currentSkeleton$.subscribe((param) => {
-			if (param) {
-				const { unitId, sheetId } = param;
-				if (unitId === this._workbook.getUnitId() && sheetId === activeSheetId) {
-					const worksheet = this._workbook.getSheetBySheetId(sheetId);
-					if (worksheet) this._update(this._workbook, worksheet);
+		this._hoverMenu = new HeaderMenuShape(HEADER_MENU_CONTROLLER_MENU, {
+			zIndex: 100,
+			visible: false
+		});
+		scene.addObjects([this._hoverRect, this._hoverMenu], 10);
+		this._initialHover(0);
+		this._initialHover(1);
+		this._initialHoverMenu();
+	}
+	_initialHover(initialType = 0) {
+		var _this$_headerPointerS2, _this$_headerPointerS3, _this$_headerPointerS4;
+		const spreadsheetColumnHeader = this._context.components.get("__SpreadsheetColumnHeader__");
+		const spreadsheetRowHeader = this._context.components.get("__SpreadsheetRowHeader__");
+		const eventBindingObject = initialType === 0 ? spreadsheetRowHeader : spreadsheetColumnHeader;
+		const pointerMoveHandler = (evt) => {
+			var _this$_sheetSkeletonM;
+			const skeleton = (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton;
+			if (skeleton == null) return;
+			const { rowBaseWidth, rowGutterWidth, columnBaseHeight, columnGutterHeight } = getHeaderBaseLayout(skeleton);
+			const { startX, startY, endX, endY, column } = getCoordByOffset(evt.offsetX, evt.offsetY, this._context.scene, skeleton);
+			if (initialType === 0) {
+				var _this$_hoverRect2;
+				(_this$_hoverRect2 = this._hoverRect) === null || _this$_hoverRect2 === void 0 || _this$_hoverRect2.transformByState({
+					width: rowBaseWidth,
+					height: endY - startY,
+					left: rowGutterWidth,
+					top: startY
+				});
+			} else {
+				var _this$_hoverRect3;
+				this._currentColumn = column;
+				(_this$_hoverRect3 = this._hoverRect) === null || _this$_hoverRect3 === void 0 || _this$_hoverRect3.transformByState({
+					width: endX - startX,
+					height: columnBaseHeight,
+					left: startX,
+					top: columnGutterHeight
+				});
+				if (this._hoverMenu == null) return;
+				if (endX - startX < columnBaseHeight * 2) {
+					this._hoverMenu.hide();
+					return;
 				}
+				const menuSize = columnBaseHeight * .8;
+				this._hoverMenu.transformByState({
+					left: endX - columnBaseHeight,
+					top: columnGutterHeight + columnBaseHeight / 2 - menuSize / 2
+				});
+				this._hoverMenu.setShapeProps({ size: menuSize });
+				this._hoverMenu.show();
 			}
-		}));
+		};
+		const pointerEnterHandler = () => {
+			var _this$_hoverRect4;
+			(_this$_hoverRect4 = this._hoverRect) === null || _this$_hoverRect4 === void 0 || _this$_hoverRect4.show();
+		};
+		const pointerLeaveHandler = () => {
+			var _this$_hoverRect5, _this$_hoverMenu2;
+			(_this$_hoverRect5 = this._hoverRect) === null || _this$_hoverRect5 === void 0 || _this$_hoverRect5.hide();
+			(_this$_hoverMenu2 = this._hoverMenu) === null || _this$_hoverMenu2 === void 0 || _this$_hoverMenu2.hide();
+		};
+		this._headerPointerSubs = new rxjs.Subscription();
+		const headerPointerMoveSub = eventBindingObject.onPointerMove$.subscribeEvent(pointerMoveHandler);
+		const headerPointerEnterSub = eventBindingObject.onPointerEnter$.subscribeEvent(pointerEnterHandler);
+		const headerPointerLeaveSub = eventBindingObject.onPointerLeave$.subscribeEvent(pointerLeaveHandler);
+		(_this$_headerPointerS2 = this._headerPointerSubs) === null || _this$_headerPointerS2 === void 0 || _this$_headerPointerS2.add(headerPointerMoveSub);
+		(_this$_headerPointerS3 = this._headerPointerSubs) === null || _this$_headerPointerS3 === void 0 || _this$_headerPointerS3.add(headerPointerEnterSub);
+		(_this$_headerPointerS4 = this._headerPointerSubs) === null || _this$_headerPointerS4 === void 0 || _this$_headerPointerS4.add(headerPointerLeaveSub);
 	}
-	_update(workbook, worksheet) {
-		var _this$_sheetSkeletonM;
-		const skeleton = (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getSkeletonParam(worksheet.getSheetId())) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton;
-		if (!skeleton) return;
-		const hiddenRowRanges = worksheet.getHiddenRows();
-		const hiddenColRanges = worksheet.getHiddenCols();
-		const { scene } = this._getSheetObject();
-		const rowCount = worksheet.getRowCount();
-		const rowShapes = hiddenRowRanges.map((range) => {
-			const { startRow, endRow } = range;
-			const position = getCoordByCell(startRow, 0, scene, skeleton);
-			const hasPrevious = startRow !== 0;
-			const hasNext = endRow !== rowCount - 1;
-			return new HeaderUnhideShape(HEADER_UNHIDE_CONTROLLER_SHAPE, {
-				type: 0,
-				hovered: false,
-				hasPrevious,
-				hasNext,
-				top: position.startY - (hasPrevious ? 12 : 0),
-				left: position.startX - 12
-			}, () => this._commandService.executeCommand(_univerjs_sheets.SetSpecificRowsVisibleCommand.id, {
-				unitId: workbook.getUnitId(),
-				subUnitId: worksheet.getSheetId(),
-				ranges: [range]
-			}));
+	_initialHoverMenu() {
+		if (this._hoverMenu == null) return;
+		this._hoverMenu.onPointerEnter$.subscribeEvent(() => {
+			if (this._hoverMenu == null) return;
+			this._hoverMenu.setProps({
+				mode: 1,
+				visible: true
+			});
+			this._context.scene.setCursor(_univerjs_engine_render.CURSOR_TYPE.POINTER);
 		});
-		const colCount = worksheet.getColumnCount();
-		const colShapes = hiddenColRanges.map((range) => {
-			const { startColumn, endColumn } = range;
-			const position = getCoordByCell(0, startColumn, scene, skeleton);
-			const hasPrevious = startColumn !== 0;
-			const hasNext = endColumn !== colCount - 1;
-			return new HeaderUnhideShape(HEADER_UNHIDE_CONTROLLER_SHAPE, {
-				type: 1,
-				hovered: false,
-				hasPrevious,
-				hasNext,
-				top: 20 - 12,
-				left: position.startX - (hasPrevious ? 12 : 0)
-			}, () => this._commandService.executeCommand(_univerjs_sheets.SetSpecificColsVisibleCommand.id, {
-				unitId: workbook.getUnitId(),
-				subUnitId: worksheet.getSheetId(),
-				ranges: [range]
-			}));
+		this._hoverMenu.onPointerLeave$.subscribeEvent(() => {
+			if (this._hoverMenu == null) return;
+			this._hoverMenu.setProps({
+				mode: 0,
+				visible: false
+			});
+			this._context.scene.resetCursor();
+		});
+		this._hoverMenu.onPointerDown$.subscribeEvent((evt) => {
+			var _this$_selectionManag;
+			const currentColumn = this._currentColumn;
+			const currentSelectionDatas = (_this$_selectionManag = this._selectionManagerService.getCurrentSelections()) === null || _this$_selectionManag === void 0 ? void 0 : _this$_selectionManag.map((s) => s.range);
+			if (!!!(currentSelectionDatas === null || currentSelectionDatas === void 0 ? void 0 : currentSelectionDatas.filter((range) => range.rangeType === _univerjs_core.RANGE_TYPE.COLUMN).find((data) => {
+				const { startColumn, endColumn } = data;
+				if (currentColumn >= startColumn && currentColumn <= endColumn) return true;
+				return false;
+			}))) {
+				const selection = this._getSelectionOnColumn(currentColumn);
+				this._commandService.syncExecuteCommand(_univerjs_sheets.SetSelectionsOperation.id, selection);
+			}
+			evt.stopPropagation();
+			evt.preventDefault();
+			this._contextMenuService.triggerContextMenu(evt, _univerjs_ui.ContextMenuPosition.COL_HEADER);
 		});
-		scene.addObjects(colShapes, 12);
-		scene.addObjects(rowShapes, 12);
-		this._clearShapes();
-		this._shapes = {
-			cols: colShapes,
-			rows: rowShapes
-		};
 	}
-	_clearShapes() {
-		this._shapes.cols.forEach((shape) => shape.dispose());
-		this._shapes.rows.forEach((shape) => shape.dispose());
-		this._shapes = {
-			cols: [],
-			rows: []
+	_getSelectionOnColumn(column) {
+		const workbook = this._context.unit;
+		const worksheet = workbook.getActiveSheet();
+		if (!worksheet) throw new Error("No active worksheet");
+		return {
+			unitId: workbook.getUnitId(),
+			subUnitId: worksheet.getSheetId(),
+			selections: [{
+				range: {
+					startRow: 0,
+					startColumn: column,
+					endRow: worksheet.getRowCount() - 1,
+					endColumn: column,
+					rangeType: _univerjs_core.RANGE_TYPE.COLUMN
+				},
+				primary: {
+					startRow: 0,
+					startColumn: column,
+					endRow: 0,
+					endColumn: column,
+					actualRow: 0,
+					actualColumn: column,
+					isMerged: false,
+					isMergedMainCell: false
+				},
+				style: null
+			}]
 		};
 	}
-	_getSheetObject() {
-		return getSheetObject(this._workbook, this._context);
-	}
 };
-HeaderUnhideRenderController = __decorate([__decorateParam(1, (0, _univerjs_core.Inject)(SheetSkeletonManagerService)), __decorateParam(2, _univerjs_core.ICommandService)], HeaderUnhideRenderController);
+HeaderMenuRenderController = __decorate([
+	__decorateParam(1, (0, _univerjs_core.Inject)(SheetSkeletonManagerService)),
+	__decorateParam(2, _univerjs_ui.IContextMenuService),
+	__decorateParam(3, _univerjs_core.ICommandService),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetsSelectionsService))
+], HeaderMenuRenderController);
+function getHeaderBaseLayout(skeleton) {
+	var _skeleton$worksheet$g, _skeleton$worksheet, _config$rowHeader, _config$columnHeader;
+	const config = (_skeleton$worksheet$g = (_skeleton$worksheet = skeleton.worksheet).getConfig) === null || _skeleton$worksheet$g === void 0 ? void 0 : _skeleton$worksheet$g.call(_skeleton$worksheet);
+	const configuredRowWidth = config === null || config === void 0 || (_config$rowHeader = config.rowHeader) === null || _config$rowHeader === void 0 ? void 0 : _config$rowHeader.width;
+	const configuredColumnHeight = config === null || config === void 0 || (_config$columnHeader = config.columnHeader) === null || _config$columnHeader === void 0 ? void 0 : _config$columnHeader.height;
+	const rowBaseWidth = typeof configuredRowWidth === "number" && configuredRowWidth > 0 ? Math.min(configuredRowWidth, skeleton.rowHeaderWidth) : skeleton.rowHeaderWidth;
+	const columnBaseHeight = typeof configuredColumnHeight === "number" && configuredColumnHeight > 0 ? Math.min(configuredColumnHeight, skeleton.columnHeaderHeight) : skeleton.columnHeaderHeight;
+	return {
+		rowBaseWidth,
+		rowGutterWidth: Math.max(0, skeleton.rowHeaderWidthAndMarginLeft - rowBaseWidth),
+		columnBaseHeight,
+		columnGutterHeight: Math.max(0, skeleton.columnHeaderHeightAndMarginTop - columnBaseHeight)
+	};
+}
 
 //#endregion
 //#region src/consts/mobile-context.ts
@@ -28883,7 +28989,7 @@ let SheetSkeletonRenderController = class SheetSkeletonRenderController extends
 		}));
 	}
 	_updateSceneSize(param) {
-		var _this$_renderManagerS;
+		var _this$_renderManagerS, _scene$getViewport, _scene$getViewport2, _scene$getViewport3, _scene$getViewport4, _scene$getViewport5;
 		if (param == null) return;
 		const { unitId } = this._context;
 		const { skeleton } = param;
@@ -28896,6 +29002,30 @@ 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);
@@ -29100,7 +29230,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")
 			})
 		})]
 	});
@@ -29109,12 +29239,6 @@ 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);
-}
 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);
@@ -29219,7 +29343,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")
 				})
 			})
 		]
@@ -29239,11 +29363,11 @@ 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: (0, _univerjs_sheets.deserializeListOptions)(localValue !== null && localValue !== void 0 ? localValue : ""),
 		multiple,
 		onChange: async (newValue) => {
-			setLocalValue(serializeListOptions(newValue));
+			setLocalValue((0, _univerjs_sheets.serializeListOptions)(newValue));
 			if (!(await (onChange === null || onChange === void 0 ? void 0 : onChange(newValue)) === false)) hideFn();
 		},
 		options,
@@ -29729,16 +29853,18 @@ let MobileSheetsSelectionRenderService = class MobileSheetsSelectionRenderServic
 	*/
 	newSelectionControl(scene, skeleton, selection) {
 		const selectionControls = this.getSelectionControls();
-		const { rowHeaderWidth, columnHeaderHeight } = skeleton;
+		const { rowHeaderWidth, rowHeaderWidthAndMarginLeft, columnHeaderHeight, columnHeaderHeightAndMarginTop } = skeleton;
 		const rangeType = selection.range.rangeType;
 		const control = new MobileSelectionControl(scene, selectionControls.length, this._themeService, {
 			highlightHeader: this._highlightHeader,
 			rowHeaderWidth,
 			columnHeaderHeight,
+			rowHeaderOffsetX: Math.max(0, rowHeaderWidthAndMarginLeft - rowHeaderWidth),
+			columnHeaderOffsetY: Math.max(0, columnHeaderHeightAndMarginTop - columnHeaderHeight),
 			rangeType
 		});
 		const selectionWithCoord = (0, _univerjs_sheets.attachSelectionWithCoord)(selection, skeleton);
-		control.updateRangeBySelectionWithCoord(selectionWithCoord);
+		control.updateRangeBySelectionWithCoord(selectionWithCoord, skeleton);
 		this._selectionControls.push(control);
 		const { expandingModeForTopLeft, expandingModeForBottomRight } = (() => {
 			switch (rangeType) {
@@ -30014,6 +30140,7 @@ let UniverSheetsMobileUIPlugin = class UniverSheetsMobileUIPlugin extends _unive
 			[IStatusBarService, { useClass: StatusBarService }],
 			[IMarkSelectionService, { useClass: MarkSelectionService }],
 			[HoverManagerService],
+			[HeaderUnhideRangeService],
 			[DragManagerService],
 			[SheetCanvasPopManagerService],
 			[CellPopupManagerService],
@@ -30609,6 +30736,7 @@ let UniverSheetsUIPlugin = class UniverSheetsUIPlugin extends _univerjs_core.Plu
 			[IStatusBarService, { useClass: StatusBarService }],
 			[IMarkSelectionService, { useClass: MarkSelectionService }],
 			[HoverManagerService],
+			[HeaderUnhideRangeService],
 			[DragManagerService],
 			[SheetCanvasPopManagerService],
 			[CellPopupManagerService],
@@ -30823,6 +30951,7 @@ Object.defineProperty(exports, 'FormulaEditorController', {
     return FormulaEditorController;
   }
 });
+exports.HEADER_UNHIDE_RANGE_VISIBLE_CHECK = HEADER_UNHIDE_RANGE_VISIBLE_CHECK;
 Object.defineProperty(exports, 'HeaderFreezeRenderController', {
   enumerable: true,
   get: function () {
@@ -30841,6 +30970,14 @@ Object.defineProperty(exports, 'HeaderResizeRenderController', {
     return HeaderResizeRenderController;
   }
 });
+exports.HeaderUnhideRangeAxis = HeaderUnhideRangeAxis;
+exports.HeaderUnhideRangeService = HeaderUnhideRangeService;
+Object.defineProperty(exports, 'HeaderUnhideRenderController', {
+  enumerable: true,
+  get: function () {
+    return HeaderUnhideRenderController;
+  }
+});
 exports.HideColConfirmCommand = HideColConfirmCommand;
 exports.HideRowConfirmCommand = HideRowConfirmCommand;
 Object.defineProperty(exports, 'HoverManagerService', {