@univerjs/docs-ui 1.0.0-alpha.1 → 1.0.0-alpha.2

package/lib/es/index.js

@@ -1,5 +1,5 @@
 import { BaselineOffset, BlockType, BooleanNumber, BuildTextUtils, COLORS, ColorKit, CommandType, CustomRangeType, DEFAULT_DOCUMENT_PARAGRAPH_LINE_SPACING, DEFAULT_DOCUMENT_PARAGRAPH_SPACE_ABOVE, DEFAULT_DOCUMENT_PARAGRAPH_SPACE_BELOW, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DOC_RANGE_TYPE, DashStyleType, DataStreamTreeNodeType, DataStreamTreeTokenType, DeleteDirection, DependentOn, Direction, Disposable, DisposableCollection, DocumentBlockRangeType, DocumentBlockType, DocumentFlavor, DrawingTypeEnum, EDITOR_ACTIVATED, FOCUSING_COMMENT_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_DOC, FOCUSING_EDITOR_STANDALONE, FOCUSING_UNIVER_EDITOR, HorizontalAlign, ICommandService, IConfigService, IConfirmService, IContextService, ILogService, IUndoRedoService, IUniverInstanceService, Inject, Injector, InterceptorManager, JSONX, LRUMap, LocaleService, MODERN_DOCUMENT_DEFAULT_MARGIN, MODERN_DOCUMENT_WIDTH, MemoryCursor, ModernDocumentWidthMode, NAMED_STYLE_MAP, NamedStyleType, ObjectRelativeFromH, ObjectRelativeFromV, PAGE_SIZE, PAPER_TYPES, PRESET_LIST_TYPE, PageOrientType, Plugin, PositionedObjectLayoutType, PresetListType, QuickListTypeMap, RANGE_DIRECTION, Rectangle, RedoCommand, RxDisposable, SHEET_EDITOR_UNITS, SliceBodyType, SpacingRule, TableAlignmentType, TableRowHeightRule, TableSizeType, TableTextWrapType, TextX, TextXActionType, ThemeService, Tools, UndoCommand, UniverInstanceType, UpdateDocsAttributeType, VerticalAlign, checkForSubstrings, createIdentifier, createInterceptorKey, createInternalEditorID, createParagraphId, debounce, deepCompare, fromEventSubject, generateRandomId, getBodySlice, getPlainText, getRichTextEditPath, isCommentEditorID, isInternalEditorID, isSafeUrl, merge, mergeOverrideWithDependencies, normalizeBody, remove, sequenceExecuteAsync, skipParseTagNames, toDisposable, touchDependencies } from "@univerjs/core";
-import { DeleteTextCommand, DocBlockMoveValidatorService, DocContentInsertService, DocInterceptorService, DocSelectionManagerService, DocSkeletonManagerService, DocStateEmitService, IDocStateChangeInterceptorService, InsertTextCommand, RichTextEditingMutation, SetTextSelectionsOperation, UpdateTextCommand } from "@univerjs/docs";
+import { CreateHeaderFooterCommand, DeleteTextCommand, DocBlockMoveValidatorService, DocContentInsertService, DocInterceptorService, DocSelectionManagerService, DocSkeletonManagerService, DocStateEmitService, HeaderFooterType, IDocStateChangeInterceptorService, InsertTextCommand, RichTextEditingMutation, SetTextSelectionsOperation, UniverDocsPlugin, UpdateTextCommand, consumeContentInsertRange } from "@univerjs/docs";
 import { CURSOR_TYPE, DeviceInputEventType, DocBackground, DocumentEditArea, DocumentSkeletonPageType, Documents, GlyphType, IRenderManagerService, Layer, LineType, Liquid, NORMAL_TEXT_SELECTION_PLUGIN_STYLE, PageLayoutType, Path, Rect, RegularPolygon, ScrollBar, ScrollTimer, Shape, TRANSFORM_CHANGE_OBSERVABLE_TYPE, UniverRenderEnginePlugin, Vector2, Viewport, compareDocumentSkeletonNestedPagePathOrder, documentSkeletonLineIterator, documentSkeletonTableIterator, getColor, getDocsTableRenderViewport, getDocumentSkeletonColumnPagePathInfo, getDocumentSkeletonNestedPageOffset, getLastColumn, getNextWheelZoomRatio, getNumberUnitValue, getOffsetRectForDom, getPageFromPath, getParagraphByGlyph, getSystemHighlightColor, getTableIdAndSliceIndex, hasListGlyph, isFirstGlyph, isIndentByGlyph, parseDataStreamToTree, pixelToPt, ptToPixel, pxToNum } from "@univerjs/engine-render";
 import { BuiltInUIPart, COLOR_PICKER_COMPONENT, COMMON_LABEL_COMPONENT, ComponentManager, ContextMenuGroup, ContextMenuPanel, ContextMenuPosition, CopyCommand, CutCommand, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_SIZE_COMPONENT, FONT_SIZE_LIST, HEADING_ITEM_COMPONENT, HEADING_LIST, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, ILayoutService, IMenuManagerService, IShortcutService, ISidebarService, IUIPartsService, IconManager, KeyCode, MenuItemType, MenuManagerPosition, MetaKeys, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RectPopup, RibbonInsertGroup, RibbonStartGroup, Slider, ToolbarItem, connectInjector, getMenuHiddenObservable, imageMimeTypeSet, useConfigValue, useDependency, useEvent, useObservable } from "@univerjs/ui";
 import { ImageSourceType } from "@univerjs/drawing";
@@ -314,20 +314,20 @@ let DocAutoFormatService = class DocAutoFormatService extends Disposable {
 		});
 	}
 	onAutoFormat(id, params) {
-		var _this$_matches$get, _docRanges$find;
+		var _this$_matches$get, _docRanges$find, _selection$segmentId;
 		const autoFormats = (_this$_matches$get = this._matches.get(id)) !== null && _this$_matches$get !== void 0 ? _this$_matches$get : [];
 		const unit = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		const docRanges = this._textSelectionManagerService.getDocRanges();
 		const selection = (_docRanges$find = docRanges.find((range) => range.isActive)) !== null && _docRanges$find !== void 0 ? _docRanges$find : docRanges[0];
-		if (unit && selection) {
-			var _doc$getBody$paragrap, _doc$getBody, _doc$getBody$dataStre, _doc$getBody2, _doc$getBody$customRa, _doc$getBody3, _matched$getMutations;
-			const doc = unit.getSelfOrHeaderFooterModel(selection.segmentId);
+		const documentDataModel = unit === null || unit === void 0 ? void 0 : unit.getSelfOrHeaderFooterModel((_selection$segmentId = selection === null || selection === void 0 ? void 0 : selection.segmentId) !== null && _selection$segmentId !== void 0 ? _selection$segmentId : "");
+		if (unit && selection && documentDataModel) {
+			var _documentDataModel$ge, _documentDataModel$ge2, _documentDataModel$ge3, _documentDataModel$ge4, _documentDataModel$ge5, _documentDataModel$ge6, _matched$getMutations;
 			const context = {
-				unit: doc,
+				unit: documentDataModel,
 				selection,
 				isBody: !selection.segmentId,
-				paragraphs: BuildTextUtils.range.getParagraphsInRange(selection, (_doc$getBody$paragrap = (_doc$getBody = doc.getBody()) === null || _doc$getBody === void 0 ? void 0 : _doc$getBody.paragraphs) !== null && _doc$getBody$paragrap !== void 0 ? _doc$getBody$paragrap : [], (_doc$getBody$dataStre = (_doc$getBody2 = doc.getBody()) === null || _doc$getBody2 === void 0 ? void 0 : _doc$getBody2.dataStream) !== null && _doc$getBody$dataStre !== void 0 ? _doc$getBody$dataStre : ""),
-				customRanges: BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(selection, (_doc$getBody$customRa = (_doc$getBody3 = doc.getBody()) === null || _doc$getBody3 === void 0 ? void 0 : _doc$getBody3.customRanges) !== null && _doc$getBody$customRa !== void 0 ? _doc$getBody$customRa : []),
+				paragraphs: BuildTextUtils.range.getParagraphsInRange(selection, (_documentDataModel$ge = (_documentDataModel$ge2 = documentDataModel.getBody()) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.paragraphs) !== null && _documentDataModel$ge !== void 0 ? _documentDataModel$ge : [], (_documentDataModel$ge3 = (_documentDataModel$ge4 = documentDataModel.getBody()) === null || _documentDataModel$ge4 === void 0 ? void 0 : _documentDataModel$ge4.dataStream) !== null && _documentDataModel$ge3 !== void 0 ? _documentDataModel$ge3 : ""),
+				customRanges: BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(selection, (_documentDataModel$ge5 = (_documentDataModel$ge6 = documentDataModel.getBody()) === null || _documentDataModel$ge6 === void 0 ? void 0 : _documentDataModel$ge6.customRanges) !== null && _documentDataModel$ge5 !== void 0 ? _documentDataModel$ge5 : []),
 				commandId: id,
 				commandParams: params
 			};
@@ -459,7 +459,7 @@ const BreakLineCommand = {
 	id: "doc.command.break-line",
 	type: CommandType.COMMAND,
 	handler: (accessor, params) => {
-		var _params$textRange, _originBody$paragraph, _prevParagraph$bullet, _prevParagraph$paragr;
+		var _params$textRange, _docDataModel$getSelf, _originBody$paragraph, _prevParagraph$bullet, _prevParagraph$paragr;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
@@ -478,7 +478,7 @@ const BreakLineCommand = {
 		const { horizontalLine } = params !== null && params !== void 0 ? params : {};
 		const { segmentId } = activeTextRange;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
-		const originBody = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId !== null && segmentId !== void 0 ? segmentId : "").getBody();
+		const originBody = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId !== null && segmentId !== void 0 ? segmentId : "")) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (docDataModel == null || originBody == null) return false;
 		const unitId = docDataModel.getUnitId();
 		const { startOffset, endOffset } = activeTextRange;
@@ -1098,7 +1098,7 @@ const InnerPasteCommand = {
 	id: "doc.command.inner-paste",
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _body$tables, _body$customBlocks;
+		var _docDataModel$getSelf, _body$tables, _body$customBlocks;
 		const { segmentId, textRanges, doc } = params;
 		const commandService = accessor.get(ICommandService);
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
@@ -1107,8 +1107,8 @@ const InnerPasteCommand = {
 		const rectRanges = docSelectionManagerService.getRectRanges();
 		const { body, tableSource, drawings } = doc;
 		if (!Array.isArray(selections) || selections.length === 0 || body == null) return false;
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
-		const originBody = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
+		const originBody = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (docDataModel == null || originBody == null) return false;
 		const unitId = docDataModel.getUnitId();
 		const doMutation = {
@@ -1209,8 +1209,8 @@ function adjustSelectionByTable(selection, tables) {
 	};
 }
 function getCutActionsFromTextRanges(selections, docDataModel, segmentId) {
-	var _docDataModel$getDraw, _docDataModel$getDraw2;
-	const originBody = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+	var _docDataModel$getSelf2, _docDataModel$getDraw, _docDataModel$getDraw2;
+	const originBody = (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.getBody();
 	const textX = new TextX();
 	const jsonX = JSONX.getInstance();
 	const rawActions = [];
@@ -1254,8 +1254,9 @@ function getCutActionsFromTextRanges(selections, docDataModel, segmentId) {
 	}, null);
 }
 function getCutActionsFromRectRanges(ranges, docDataModel, viewModel, segmentId) {
+	var _docDataModel$getSelf3;
 	const rawActions = [];
-	if (docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody() == null) return rawActions;
+	if (((_docDataModel$getSelf3 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf3 === void 0 ? void 0 : _docDataModel$getSelf3.getBody()) == null) return rawActions;
 	const textX = new TextX();
 	const jsonX = JSONX.getInstance();
 	const memoryCursor = new MemoryCursor();
@@ -1350,16 +1351,14 @@ const CutContentCommand = {
 	id: "doc.command.inner-cut",
 	type: CommandType.COMMAND,
 	handler: (accessor, params) => {
-		var _univerInstanceServic;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const commandService = accessor.get(ICommandService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const { segmentId, textRanges, selections = docSelectionManagerService.getTextRanges(), rectRanges = docSelectionManagerService.getRectRanges() } = params;
 		if ((!Array.isArray(selections) || selections.length === 0) && (!Array.isArray(rectRanges) || rectRanges.length === 0)) return false;
-		const unitId = (_univerInstanceServic = univerInstanceService.getCurrentUniverDocInstance()) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getUnitId();
-		if (!unitId) return false;
-		const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
+		const unitId = docDataModel.getUnitId();
 		const docSkeletonManagerService = getCommandSkeleton(accessor, unitId);
 		if (docSkeletonManagerService == null) return false;
 		const viewModel = docSkeletonManagerService.getViewModel();
@@ -1398,10 +1397,10 @@ const DeleteCustomBlockCommand = {
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
+		const { direction, range, unitId, drawingId } = params;
 		const activeRange = docSelectionManagerService.getActiveTextRange();
-		const documentDataModel = univerInstanceService.getCurrentUniverDocInstance();
+		const documentDataModel = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
 		if (activeRange == null || documentDataModel == null) return false;
-		const { direction, range, unitId, drawingId } = params;
 		const { startOffset, segmentId, style } = activeRange;
 		const cursor = direction === DeleteDirection.LEFT ? startOffset - 1 : startOffset;
 		const textRanges = [{
@@ -1448,6 +1447,7 @@ const MergeTwoParagraphCommand = {
 	id: "doc.command.merge-two-paragraph",
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
+		var _docDataModel$getSelf;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
@@ -1457,7 +1457,7 @@ const MergeTwoParagraphCommand = {
 		if (activeRange == null || ranges == null) return false;
 		const { segmentId, style } = activeRange;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
-		const originBody = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const originBody = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (docDataModel == null || originBody == null) return false;
 		const dataStream = originBody.dataStream;
 		const actualRange = activeRange;
@@ -1528,7 +1528,7 @@ const RemoveHorizontalLineCommand = {
 	id: "doc.command.remove-horizontal-line",
 	type: CommandType.COMMAND,
 	handler: async (accessor) => {
-		var _originBody$paragraph;
+		var _docDataModel$getSelf2, _originBody$paragraph;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
@@ -1537,7 +1537,7 @@ const RemoveHorizontalLineCommand = {
 		if (activeRange == null || ranges == null) return false;
 		const { segmentId, style } = activeRange;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
-		const originBody = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const originBody = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.getBody();
 		if (docDataModel == null || originBody == null) return false;
 		const actualRange = activeRange;
 		const unitId = docDataModel.getUnitId();
@@ -1627,11 +1627,12 @@ const DeleteLeftCommand = {
 	id: "doc.command.delete-left",
 	type: CommandType.COMMAND,
 	handler: async (accessor) => {
+		var _docDataModel$getSelf3;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
 		let result = true;
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		const activeRange = docSelectionManagerService.getActiveTextRange();
@@ -1655,7 +1656,7 @@ const DeleteLeftCommand = {
 		const autoFormatResult = await executeDeleteAutoFormat(accessor, DeleteLeftCommand.id);
 		if (autoFormatResult != null) return autoFormatResult;
 		const { segmentId, style, segmentPage } = activeRange;
-		const body = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const body = (_docDataModel$getSelf3 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf3 === void 0 ? void 0 : _docDataModel$getSelf3.getBody();
 		if (body == null) return false;
 		const actualRange = activeRange;
 		const { startOffset, collapsed } = actualRange;
@@ -1781,8 +1782,9 @@ const DeleteRightCommand = {
 	id: "doc.command.delete-right",
 	type: CommandType.COMMAND,
 	handler: async (accessor) => {
+		var _docDataModel$getSelf4;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
-		const docDataModel = accessor.get(IUniverInstanceService).getCurrentUniverDocInstance();
+		const docDataModel = accessor.get(IUniverInstanceService).getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (!docDataModel) return false;
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		const commandService = accessor.get(ICommandService);
@@ -1806,7 +1808,7 @@ const DeleteRightCommand = {
 		const autoFormatResult = await executeDeleteAutoFormat(accessor, DeleteRightCommand.id);
 		if (autoFormatResult != null) return autoFormatResult;
 		const { segmentId, style, segmentPage } = activeRange;
-		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf4 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf4 === void 0 ? void 0 : _docDataModel$getSelf4.getBody();
 		if (!docDataModel || !body) return false;
 		const actualRange = activeRange;
 		const { startOffset, endOffset, collapsed } = actualRange;
@@ -1929,6 +1931,9 @@ function resetEmptyCenteredParagraphAlignment(commandService, docDataModel, segm
 }
 const DeleteCurrentParagraphCommand = {
 	id: "doc.command.delete-current-paragraph",
+	name: "doc.command.delete-current-paragraph",
+	multi: true,
+	priority: 0,
 	type: CommandType.COMMAND,
 	handler: async (accessor) => {
 		var _docDataModel$getBody2, _docDataModel$getBody3;
@@ -3823,7 +3828,7 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 	}
 	_getDocumentBodyInRanges(sliceType, ranges) {
 		var _docDataModel$getSelf;
-		const docDataModel = this._univerInstanceService.getCurrentUniverDocInstance();
+		const docDataModel = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		const allRanges = ranges !== null && ranges !== void 0 ? ranges : this._docSelectionManagerService.getDocRanges();
 		const results = [];
 		let needCache = true;
@@ -3833,6 +3838,7 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 		const snapshot = docDataModel.getSnapshot();
 		if (body == null) return;
 		for (const range of allRanges) {
+			var _docDataModel$getSelf2;
 			const { startOffset, endOffset, collapsed, rangeType } = range;
 			if (collapsed || startOffset == null || endOffset == null) continue;
 			if (rangeType === DOC_RANGE_TYPE.RECT) {
@@ -3846,7 +3852,7 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 				endOffset,
 				collapsed
 			};
-			const docBody = docDataModel.getSelfOrHeaderFooterModel(segmentId).sliceBody(deleteRange.startOffset, deleteRange.endOffset, sliceType);
+			const docBody = (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.sliceBody(deleteRange.startOffset, deleteRange.endOffset, sliceType);
 			if (docBody == null) continue;
 			results.push(docBody);
 		}
@@ -4120,18 +4126,19 @@ const MoveDocBlockCommand = {
 		if (!params) return false;
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
-		const doc = params.unitId ? univerInstanceService.getUnit(params.unitId, UniverInstanceType.UNIVER_DOC) : univerInstanceService.getCurrentUniverDocInstance();
+		const { unitId, sourceRange, targetOffset } = params;
+		const doc = unitId ? univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC) : univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (!doc) return false;
 		const previousDocumentData = doc.getSnapshot();
 		const moveResult = buildMoveDocBlockActions({
 			documentData: previousDocumentData,
-			sourceRange: params.sourceRange,
-			targetOffset: params.targetOffset
+			sourceRange,
+			targetOffset
 		});
 		const { nextDocumentData, movedRange } = accessor.get(DocBlockMoveValidatorService).transformMoveResult({
 			unitId: doc.getUnitId(),
-			sourceRange: params.sourceRange,
-			targetOffset: params.targetOffset,
+			sourceRange,
+			targetOffset,
 			previousDocumentData,
 			result: moveResult
 		});
@@ -4317,7 +4324,7 @@ const DocSelectAllCommand = {
 	id: "doc.command.select-all",
 	type: CommandType.COMMAND,
 	handler: async (accessor) => {
-		var _docRanges$find;
+		var _docRanges$find, _docDataModel$getSelf;
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
@@ -4326,7 +4333,7 @@ const DocSelectAllCommand = {
 		if (docDataModel == null || activeRange == null) return false;
 		const { segmentId } = activeRange;
 		const unitId = docDataModel.getUnitId();
-		const body = docDataModel.getSelfOrHeaderFooterModel(segmentId).getSnapshot().body;
+		const body = (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (body == null) return false;
 		const { dataStream } = body;
 		if (dataStream === "\r\n") return true;
@@ -4520,7 +4527,7 @@ const IMEInputCommand = {
 	id: "doc.command.ime-input",
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _renderManagerService, _body$customRanges, _body$customDecoratio;
+		var _renderManagerService, _docDataModel$getSelf, _body$customRanges, _body$customDecoratio;
 		const { unitId, newText, oldTextLen, isCompositionEnd, isCompositionStart } = params;
 		const commandService = accessor.get(ICommandService);
 		const renderManagerService = accessor.get(IRenderManagerService);
@@ -4532,7 +4539,7 @@ const IMEInputCommand = {
 		const previousActiveRange = imeInputManagerService.getActiveRange();
 		if (previousActiveRange == null) return false;
 		const { style, segmentId } = previousActiveRange;
-		const body = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const body = (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (body == null) return false;
 		Object.assign(previousActiveRange, previousActiveRange);
 		const { startOffset, endOffset } = previousActiveRange;
@@ -4736,7 +4743,7 @@ const SetInlineFormatCommand = {
 	id: "doc.command.set-inline-format",
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _docSelectionManagerS, _docRanges$find;
+		var _docSelectionManagerS, _docRanges$find, _docDataModel$getSelf;
 		const { value, preCommandId } = params;
 		const commandService = accessor.get(ICommandService);
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
@@ -4749,7 +4756,7 @@ const SetInlineFormatCommand = {
 		const { segmentId } = docRanges[0];
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
-		const body = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const body = (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (body == null) return false;
 		const unitId = docDataModel.getUnitId();
 		let formatValue;
@@ -4937,12 +4944,13 @@ const ReplaceSnapshotCommand = {
 	id: "doc.command-replace-snapshot",
 	type: CommandType.COMMAND,
 	handler: (accessor, params) => {
+		var _docDataModel$getSelf;
 		const { unitId, snapshot, textRanges, segmentId = "", options } = params;
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const docDataModel = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
-		const prevSnapshot = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getSnapshot();
+		const prevSnapshot = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getSnapshot();
 		if (docDataModel == null || prevSnapshot == null) return false;
 		const { body, tableSource, footers, headers, lists, drawings, drawingsOrder, documentStyle } = Tools.deepClone(snapshot);
 		const { body: prevBody, tableSource: prevTableSource, footers: prevFooters, headers: prevHeaders, lists: prevLists, drawings: prevDrawings, drawingsOrder: prevDrawingsOrder, documentStyle: prevDocumentStyle } = prevSnapshot;
@@ -5011,12 +5019,13 @@ const ReplaceContentCommand = {
 	id: "doc.command-replace-content",
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
+		var _docDataModel$getSelf2;
 		const { unitId, body, textRanges, segmentId = "", options } = params;
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const docDataModel = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
-		const prevBody = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getSnapshot().body;
+		const prevBody = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.getBody();
 		if (docDataModel == null || prevBody == null) return false;
 		const doMutation = getMutationParams(unitId, segmentId, docDataModel, prevBody, body);
 		doMutation.params.textRanges = textRanges;
@@ -5040,7 +5049,7 @@ const CoverContentCommand = {
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
 		const undoRedoService = accessor.get(IUndoRedoService);
-		const docDatModel = univerInstanceService.getUniverDocInstance(unitId);
+		const docDatModel = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
 		const prevBody = docDatModel === null || docDatModel === void 0 ? void 0 : docDatModel.getSnapshot().body;
 		if (docDatModel == null || prevBody == null) return false;
 		const doMutation = getMutationParams(unitId, segmentId, docDatModel, prevBody, body);
@@ -5115,12 +5124,13 @@ const ReplaceTextRunsCommand = {
 	id: "doc.command.replace-text-runs",
 	type: CommandType.COMMAND,
 	handler: (accessor, params) => {
+		var _docDataModel$getSelf3;
 		const { unitId, body, textRanges, segmentId = "", options } = params;
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
 		const themeService = accessor.get(ThemeService);
 		const docDataModel = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
-		const prevBody = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getSnapshot().body;
+		const prevBody = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf3 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf3 === void 0 ? void 0 : _docDataModel$getSelf3.getBody();
 		if (docDataModel == null || prevBody == null) return false;
 		const textX = BuildTextUtils.selection.replaceTextRuns({
 			doc: docDataModel,
@@ -5196,8 +5206,8 @@ const ListOperationCommand = {
 		if (docDataModel == null || docRanges.length === 0) return false;
 		const segmentId = docRanges[0].segmentId;
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para = (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
-		const dataStream = (_segment$getBody$data = (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
+		const paragraphs = (_segment$getBody$para = segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
+		const dataStream = (_segment$getBody$data = segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
 		if (!paragraphs.length) return false;
 		const currentParagraphs = BuildTextUtils.range.getParagraphsInRanges(docRanges, paragraphs, dataStream);
 		const unitId = docDataModel.getUnitId();
@@ -5238,8 +5248,8 @@ const ChangeListTypeCommand = {
 		if (docDataModel == null || activeRanges == null || !activeRanges.length) return false;
 		const { segmentId } = activeRanges[0];
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para2 = (_segment$getBody3 = segment.getBody()) === null || _segment$getBody3 === void 0 ? void 0 : _segment$getBody3.paragraphs) !== null && _segment$getBody$para2 !== void 0 ? _segment$getBody$para2 : [];
-		const dataStream = (_segment$getBody$data2 = (_segment$getBody4 = segment.getBody()) === null || _segment$getBody4 === void 0 ? void 0 : _segment$getBody4.dataStream) !== null && _segment$getBody$data2 !== void 0 ? _segment$getBody$data2 : "";
+		const paragraphs = (_segment$getBody$para2 = segment === null || segment === void 0 || (_segment$getBody3 = segment.getBody()) === null || _segment$getBody3 === void 0 ? void 0 : _segment$getBody3.paragraphs) !== null && _segment$getBody$para2 !== void 0 ? _segment$getBody$para2 : [];
+		const dataStream = (_segment$getBody$data2 = segment === null || segment === void 0 || (_segment$getBody4 = segment.getBody()) === null || _segment$getBody4 === void 0 ? void 0 : _segment$getBody4.dataStream) !== null && _segment$getBody$data2 !== void 0 ? _segment$getBody$data2 : "";
 		if (!paragraphs.length) return false;
 		const currentParagraphs = BuildTextUtils.range.getParagraphsInRanges(activeRanges, paragraphs, dataStream);
 		const unitId = docDataModel.getUnitId();
@@ -5287,8 +5297,8 @@ const ChangeListNestingLevelCommand = {
 		const { segmentId } = activeRange;
 		const selections = (_docSelectionManagerS = docSelectionManagerService.getDocRanges()) !== null && _docSelectionManagerS !== void 0 ? _docSelectionManagerS : [];
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para3 = (_segment$getBody5 = segment.getBody()) === null || _segment$getBody5 === void 0 ? void 0 : _segment$getBody5.paragraphs) !== null && _segment$getBody$para3 !== void 0 ? _segment$getBody$para3 : [];
-		const dataStream = (_segment$getBody$data3 = (_segment$getBody6 = segment.getBody()) === null || _segment$getBody6 === void 0 ? void 0 : _segment$getBody6.dataStream) !== null && _segment$getBody$data3 !== void 0 ? _segment$getBody$data3 : "";
+		const paragraphs = (_segment$getBody$para3 = segment === null || segment === void 0 || (_segment$getBody5 = segment.getBody()) === null || _segment$getBody5 === void 0 ? void 0 : _segment$getBody5.paragraphs) !== null && _segment$getBody$para3 !== void 0 ? _segment$getBody$para3 : [];
+		const dataStream = (_segment$getBody$data3 = segment === null || segment === void 0 || (_segment$getBody6 = segment.getBody()) === null || _segment$getBody6 === void 0 ? void 0 : _segment$getBody6.dataStream) !== null && _segment$getBody$data3 !== void 0 ? _segment$getBody$data3 : "";
 		if (!paragraphs.length) return false;
 		const currentParagraphs = BuildTextUtils.range.getParagraphsInRange(activeRange, paragraphs, dataStream);
 		const unitId = docDataModel.getUnitId();
@@ -5355,7 +5365,7 @@ const ToggleCheckListCommand = {
 		const { index, segmentId, textRanges } = params;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
-		if (((_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody()) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.paragraphs) == null) return false;
+		if (((_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 || (_docDataModel$getSelf = _docDataModel$getSelf.getBody()) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.paragraphs) == null) return false;
 		const unitId = docDataModel.getUnitId();
 		const doMutation = {
 			id: RichTextEditingMutation.id,
@@ -5569,14 +5579,14 @@ const AlignOperationCommand = {
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
 		const { alignType } = params;
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
 		const allRanges = docSelectionManagerService.getDocRanges();
 		if (allRanges.length === 0) return false;
 		const segmentId = allRanges[0].segmentId;
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para = (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
-		const dataStream = (_segment$getBody$data = (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
+		const paragraphs = (_segment$getBody$para = segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
+		const dataStream = (_segment$getBody$data = segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
 		if (paragraphs == null) return false;
 		const currentParagraphs = BuildTextUtils.range.getParagraphsInRanges(allRanges, paragraphs, dataStream);
 		const unitId = docDataModel.getUnitId();
@@ -5680,27 +5690,21 @@ const SetDocZoomRatioCommand = {
 	type: CommandType.COMMAND,
 	id: "doc.command.set-zoom-ratio",
 	handler: async (accessor, params) => {
-		var _univerInstanceServic;
 		const commandService = accessor.get(ICommandService);
 		const undoRedoService = accessor.get(IUndoRedoService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
-		let documentId = (_univerInstanceServic = univerInstanceService.getCurrentUniverDocInstance()) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getUnitId();
-		if (!documentId) return false;
-		let zoomRatio = 1;
-		if (params) {
-			var _params$documentId, _params$zoomRatio;
-			documentId = (_params$documentId = params.documentId) !== null && _params$documentId !== void 0 ? _params$documentId : documentId;
-			zoomRatio = (_params$zoomRatio = params.zoomRatio) !== null && _params$zoomRatio !== void 0 ? _params$zoomRatio : zoomRatio;
-		}
-		if (!univerInstanceService.getUniverDocInstance(documentId)) return false;
+		const { zoomRatio = 1, documentId } = params || {};
+		const docDatModel = documentId ? univerInstanceService.getUnit(documentId, UniverInstanceType.UNIVER_DOC) : univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
+		if (!docDatModel) return false;
+		const unitId = docDatModel.getUnitId();
 		const setZoomRatioMutationParams = {
 			zoomRatio,
-			unitId: documentId
+			unitId
 		};
 		const undoMutationParams = SetDocZoomRatioUndoMutationFactory(accessor, setZoomRatioMutationParams);
 		if (commandService.syncExecuteCommand(SetDocZoomRatioOperation.id, setZoomRatioMutationParams)) {
 			undoRedoService.pushUndoRedo({
-				unitID: documentId,
+				unitID: unitId,
 				undoMutations: [{
 					id: SetDocZoomRatioOperation.id,
 					params: undoMutationParams
@@ -5736,8 +5740,10 @@ const SetParagraphNamedStyleCommand = {
 		});
 		if (!(selections === null || selections === void 0 ? void 0 : selections.length)) return false;
 		const segmentId = selections[0].segmentId;
+		const documentDataModel = doc.getSelfOrHeaderFooterModel(segmentId);
+		if (!documentDataModel) return false;
 		const textX = BuildTextUtils.paragraph.style.set({
-			document: doc.getSelfOrHeaderFooterModel(segmentId),
+			document: documentDataModel,
 			textRanges: selections,
 			style: {
 				namedStyleType: params.value,
@@ -5764,13 +5770,6 @@ const SetParagraphNamedStyleCommand = {
 		return Boolean(result);
 	}
 };
-function consumeContentInsertRange(accessor, unitId) {
-	try {
-		return accessor.get(DocContentInsertService).consumeInsertRange(unitId);
-	} catch {
-		return null;
-	}
-}
 function insertNamedStyleParagraph(accessor, doc, namedStyleType, startOffset, endOffset) {
 	const textX = BuildTextUtils.selection.replace({
 		doc,
@@ -5820,8 +5819,8 @@ const QuickHeadingCommand = {
 		if (docDataModel == null || activeRange == null || !activeRange.collapsed) return false;
 		const { segmentId, startOffset } = activeRange;
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para = (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
-		const dataStream = (_segment$getBody$data = (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
+		const paragraphs = (_segment$getBody$para = segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
+		const dataStream = (_segment$getBody$data = segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
 		const paragraph = BuildTextUtils.paragraph.util.getParagraphsInRange(activeRange, paragraphs, dataStream)[0];
 		if (!paragraph) return false;
 		const { paragraphStart } = paragraph;
@@ -6206,14 +6205,17 @@ var NodePositionConvertToCursor = class {
 		this._resetCurrentNodePositionState();
 		if (this._documentOffsetConfig == null) return [];
 		const { pageLayoutType, pageMarginLeft, pageMarginTop } = this._documentOffsetConfig;
-		const skipPageIndex = pageType === DocumentSkeletonPageType.BODY || pageType === DocumentSkeletonPageType.CELL ? pageIndex : segmentPage;
+		const startRootPageIndex = pageType === DocumentSkeletonPageType.CELL && pages[pageIndex] == null ? segmentPage : pageIndex;
+		const endRootPageIndex = pageType === DocumentSkeletonPageType.CELL && pages[endPageIndex] == null ? endSegmentPage : endPageIndex;
+		const skipPageIndex = pageType === DocumentSkeletonPageType.BODY || pageType === DocumentSkeletonPageType.CELL ? startRootPageIndex : segmentPage;
 		for (let p = 0; p < skipPageIndex; p++) {
 			const page = pages[p];
 			this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
 		}
-		const endIndex = pageType === DocumentSkeletonPageType.BODY || pageType === DocumentSkeletonPageType.CELL ? endPageIndex : endSegmentPage;
+		const endIndex = pageType === DocumentSkeletonPageType.BODY || pageType === DocumentSkeletonPageType.CELL ? endRootPageIndex : endSegmentPage;
 		for (let p = skipPageIndex; p <= endIndex; p++) {
 			const page = pages[p];
+			if (page == null) continue;
 			const { headerId, footerId, pageWidth } = page;
 			let segmentPage = page;
 			if (pageType === DocumentSkeletonPageType.HEADER) {
@@ -6222,7 +6224,7 @@ var NodePositionConvertToCursor = class {
 			} else if (pageType === DocumentSkeletonPageType.FOOTER) {
 				var _skeFooters$get;
 				segmentPage = (_skeFooters$get = skeFooters.get(footerId)) === null || _skeFooters$get === void 0 ? void 0 : _skeFooters$get.get(pageWidth);
-			} else if (pageType === DocumentSkeletonPageType.CELL) segmentPage = getPageFromPath(skeletonData, path);
+			} else if (pageType === DocumentSkeletonPageType.CELL) segmentPage = path[0] === "pages" ? getPageFromPath(skeletonData, path) : getCellPageFromSegmentPath(skeletonData, page, path);
 			if (segmentPage == null) {
 				this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
 				continue;
@@ -6252,7 +6254,6 @@ var NodePositionConvertToCursor = class {
 						this._liquid.translatePagePadding(segmentPage);
 						break;
 					}
-					this._liquid.translatePagePadding(page);
 					const rowSke = segmentPage.parent;
 					const tableSke = rowSke.parent;
 					const tablePage = tableSke.parent;
@@ -6264,6 +6265,14 @@ var NodePositionConvertToCursor = class {
 					const viewport = getDocsTableRenderViewport(getDocumentUnitId$1(skeleton), sourceTableId);
 					const hasHorizontalViewport = hasHorizontalTableViewport$2(viewport);
 					const scrollLeft = hasHorizontalViewport ? viewport.scrollLeft : 0;
+					if ((tablePage === null || tablePage === void 0 ? void 0 : tablePage.type) === DocumentSkeletonPageType.HEADER) this._liquid.translatePagePadding({
+						...tablePage,
+						marginLeft: page.marginLeft
+					});
+					else if ((tablePage === null || tablePage === void 0 ? void 0 : tablePage.type) === DocumentSkeletonPageType.FOOTER) {
+						const footerTop = page.pageHeight - tablePage.height - tablePage.marginBottom;
+						this._liquid.translate(page.marginLeft, footerTop);
+					} else this._liquid.translatePagePadding(page);
 					if (tablePageNestedOffset) {
 						this._liquid.translate(tablePageNestedOffset.left, tablePageNestedOffset.top);
 						this._liquid.translatePagePadding(tablePage);
@@ -6339,6 +6348,28 @@ function clipPositionToHorizontalRange(position, clip) {
 		endX
 	};
 }
+function getCellPageFromSegmentPath(skeletonData, rootPage, path) {
+	var _skeletonData$skeHead, _skeletonData$skeFoot;
+	if (path[0] === "pages") return null;
+	const segmentPages = [];
+	const { headerId, footerId, pageWidth } = rootPage;
+	const headerPage = headerId == null ? null : (_skeletonData$skeHead = skeletonData.skeHeaders.get(headerId)) === null || _skeletonData$skeHead === void 0 ? void 0 : _skeletonData$skeHead.get(pageWidth);
+	const footerPage = footerId == null ? null : (_skeletonData$skeFoot = skeletonData.skeFooters.get(footerId)) === null || _skeletonData$skeFoot === void 0 ? void 0 : _skeletonData$skeFoot.get(pageWidth);
+	if (headerPage != null) segmentPages.push(headerPage);
+	if (footerPage != null) segmentPages.push(footerPage);
+	for (const segmentPage of segmentPages) {
+		const page = getPageFromPath({
+			...skeletonData,
+			pages: [segmentPage]
+		}, [
+			"pages",
+			0,
+			...path
+		]);
+		if (page != null) return page;
+	}
+	return null;
+}
 function getDocumentUnitId$1(docSkeleton) {
 	var _viewModel$getDataMod, _viewModel$getDataMod2, _viewModel$getDataMod3, _viewModel$getDataMod4;
 	const viewModel = docSkeleton.getViewModel();
@@ -6492,9 +6523,12 @@ var NodePositionConvertToRectRange = class {
 			docsLeft: (_this$_documentOffset = this._documentOffsetConfig.docsLeft) !== null && _this$_documentOffset !== void 0 ? _this$_documentOffset : 0,
 			docsTop: (_this$_documentOffset2 = this._documentOffsetConfig.docsTop) !== null && _this$_documentOffset2 !== void 0 ? _this$_documentOffset2 : 0,
 			pageMarginTop,
+			skeFooters: skeletonData === null || skeletonData === void 0 ? void 0 : skeletonData.skeFooters,
+			skeHeaders: skeletonData === null || skeletonData === void 0 ? void 0 : skeletonData.skeHeaders,
 			unitId
 		});
-		const skipPageIndex = pageType === DocumentSkeletonPageType.BODY || pageType === DocumentSkeletonPageType.CELL ? startPage : startSegmentPage;
+		const startRootPage = pageType === DocumentSkeletonPageType.CELL && pages[startPage] == null ? startSegmentPage : startPage;
+		const skipPageIndex = pageType === DocumentSkeletonPageType.BODY || pageType === DocumentSkeletonPageType.CELL ? startRootPage : startSegmentPage;
 		for (let p = 0; p < skipPageIndex; p++) {
 			const page = pages[p];
 			this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
@@ -6506,12 +6540,13 @@ var NodePositionConvertToRectRange = class {
 			let table = null;
 			for (const [id, tableSke] of skeTables.entries()) if (id.startsWith(tableId)) table = tableSke;
 			if (table == null) {
-				const nestedTableContext = nestedTableContexts.find((context) => context.pageIndex === p && context.source === "column" && context.tableId.startsWith(tableId));
+				const nestedTableContext = nestedTableContexts.find((context) => context.pageIndex === p && (context.source === "column" || context.source === "header" || context.source === "footer") && context.tableId.startsWith(tableId));
 				if (nestedTableContext) {
+					var _this$_documentOffset3, _this$_documentOffset4;
 					const nestedTable = nestedTableContext.table;
 					const viewport = getDocsTableRenderViewport(unitId, sourceTableId);
-					const nestedX = nestedTableContext.tableRect.left - nestedTable.left;
-					const nestedY = nestedTableContext.tableRect.top;
+					const nestedX = nestedTableContext.tableRect.left - nestedTable.left - ((_this$_documentOffset3 = this._documentOffsetConfig.docsLeft) !== null && _this$_documentOffset3 !== void 0 ? _this$_documentOffset3 : 0);
+					const nestedY = nestedTableContext.tableRect.top - ((_this$_documentOffset4 = this._documentOffsetConfig.docsTop) !== null && _this$_documentOffset4 !== void 0 ? _this$_documentOffset4 : 0);
 					if (intersectsMergedCell) {
 						const rows = nestedTable.rows.filter((row) => row.index >= startRow && row.index <= endRow);
 						const firstRow = rows[0];
@@ -6642,8 +6677,8 @@ var NodePositionConvertToRectRange = class {
 		const { path: anchorPath } = anchorPosition;
 		const { path: focusPath } = focusPosition;
 		if (anchorPath.indexOf("cells") === -1 || focusPath.indexOf("cells") === -1) return;
-		const anchorCell = getPageFromPath(skeletonData, anchorPath);
-		const focusCell = getPageFromPath(skeletonData, focusPath);
+		const anchorCell = getCellPageFromPositionPath(skeletonData, anchorPosition);
+		const focusCell = getCellPageFromPositionPath(skeletonData, focusPosition);
 		if (anchorCell == null || focusCell == null) return;
 		const anchorRow = anchorCell.parent;
 		const focusRow = focusCell.parent;
@@ -6719,6 +6754,28 @@ function rangeIntersectsMergedCell(table, range) {
 		});
 	}));
 }
+function getCellPageFromPositionPath(skeletonData, position) {
+	var _skeletonData$skeHead, _skeletonData$skeFoot;
+	const { path, segmentPage } = position;
+	if (path[0] === "pages") return getPageFromPath(skeletonData, path);
+	const rootPage = skeletonData.pages[segmentPage];
+	if (rootPage == null) return null;
+	const { headerId, footerId, pageWidth } = rootPage;
+	const segmentPages = [headerId == null ? null : (_skeletonData$skeHead = skeletonData.skeHeaders.get(headerId)) === null || _skeletonData$skeHead === void 0 ? void 0 : _skeletonData$skeHead.get(pageWidth), footerId == null ? null : (_skeletonData$skeFoot = skeletonData.skeFooters.get(footerId)) === null || _skeletonData$skeFoot === void 0 ? void 0 : _skeletonData$skeFoot.get(pageWidth)];
+	for (const segmentPage of segmentPages) {
+		if (segmentPage == null) continue;
+		const page = getPageFromPath({
+			...skeletonData,
+			pages: [segmentPage]
+		}, [
+			"pages",
+			0,
+			...path
+		]);
+		if (page != null) return page;
+	}
+	return null;
+}
 function normalizeRange(range) {
 	return {
 		startRowIndex: Math.min(range.startRowIndex, range.endRowIndex),
@@ -6811,17 +6868,17 @@ var TextRange = class {
 		}, 1e3);
 	}
 	get startOffset() {
-		var _getOneTextSelectionR;
+		var _getOneTextSelectionR, _this$_docSkeleton$ge;
 		const { startOffset } = (_getOneTextSelectionR = getOneTextSelectionRange(this._cursorList)) !== null && _getOneTextSelectionR !== void 0 ? _getOneTextSelectionR : {};
-		const body = this._docSkeleton.getViewModel().getDataModel().getSelfOrHeaderFooterModel(this._segmentId).getBody();
+		const body = (_this$_docSkeleton$ge = this._docSkeleton.getViewModel().getDataModel().getSelfOrHeaderFooterModel(this._segmentId)) === null || _this$_docSkeleton$ge === void 0 ? void 0 : _this$_docSkeleton$ge.getBody();
 		if (startOffset == null || body == null) return startOffset;
 		const maxLength = body.dataStream.length - 2;
 		return Math.min(maxLength, startOffset);
 	}
 	get endOffset() {
-		var _getOneTextSelectionR2;
+		var _getOneTextSelectionR2, _this$_docSkeleton$ge2;
 		const { endOffset } = (_getOneTextSelectionR2 = getOneTextSelectionRange(this._cursorList)) !== null && _getOneTextSelectionR2 !== void 0 ? _getOneTextSelectionR2 : {};
-		const body = this._docSkeleton.getViewModel().getDataModel().getSelfOrHeaderFooterModel(this._segmentId).getBody();
+		const body = (_this$_docSkeleton$ge2 = this._docSkeleton.getViewModel().getDataModel().getSelfOrHeaderFooterModel(this._segmentId)) === null || _this$_docSkeleton$ge2 === void 0 ? void 0 : _this$_docSkeleton$ge2.getBody();
 		if (endOffset == null || body == null) return endOffset;
 		const maxLength = body.dataStream.length - 2;
 		return Math.min(endOffset, maxLength);
@@ -8221,7 +8278,7 @@ const SwitchDocModeCommand = {
 		const commandService = accessor.get(ICommandService);
 		const renderManagerService = accessor.get(IRenderManagerService);
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
-		const docDataModel = accessor.get(IUniverInstanceService).getCurrentUniverDocInstance();
+		const docDataModel = accessor.get(IUniverInstanceService).getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
 		const unitId = docDataModel.getUnitId();
 		const skeleton = (_renderManagerService = renderManagerService.getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(DocSkeletonManagerService).getSkeleton();
@@ -8326,6 +8383,18 @@ function shouldCreateParagraphBeforeTable(body, startOffset) {
 function normalizeTableInsertOffset(body, startOffset) {
 	return startOffset === 0 && body.dataStream[0] === DataStreamTreeTokenType.PARAGRAPH ? 1 : startOffset;
 }
+function canInsertTableAtOffset(body, offset) {
+	return !(isOffsetInTableRange(body.tables, offset) || isOffsetInIndexRange(body.blockRanges, offset) || isOffsetOnPointRange(body.customBlocks, offset));
+}
+function isOffsetInTableRange(ranges, offset) {
+	return Boolean(ranges === null || ranges === void 0 ? void 0 : ranges.some((range) => range.startIndex <= offset && offset < range.endIndex));
+}
+function isOffsetInIndexRange(ranges, offset) {
+	return Boolean(ranges === null || ranges === void 0 ? void 0 : ranges.some((range) => range.startIndex <= offset && offset <= range.endIndex));
+}
+function isOffsetOnPointRange(ranges, offset) {
+	return Boolean(ranges === null || ranges === void 0 ? void 0 : ranges.some((range) => range.startIndex === offset));
+}
 /**
 * The command to create a table at cursor point.
 */
@@ -8333,13 +8402,13 @@ const CreateDocTableCommand = {
 	id: CreateDocTableCommandId,
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _ref, _contentInsertRange$s, _contentInsertRange$s2, _body$paragraphs, _curGlyph$parent, _body$paragraphs2;
+		var _ref, _contentInsertRange$s, _docDataModel$getSelf, _contentInsertRange$s2, _body$paragraphs, _curGlyph$parent, _body$paragraphs2;
 		const { rowCount, colCount } = params;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
 		const docMenuStyleService = accessor.get(DocMenuStyleService);
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
 		let contentInsertRange = null;
 		try {
@@ -8351,13 +8420,14 @@ const CreateDocTableCommand = {
 		if (activeRange == null && contentInsertRange == null) return false;
 		const segmentId = (_ref = (_contentInsertRange$s = contentInsertRange === null || contentInsertRange === void 0 ? void 0 : contentInsertRange.segmentId) !== null && _contentInsertRange$s !== void 0 ? _contentInsertRange$s : activeRange === null || activeRange === void 0 ? void 0 : activeRange.segmentId) !== null && _ref !== void 0 ? _ref : "";
 		const segmentPage = activeRange === null || activeRange === void 0 ? void 0 : activeRange.segmentPage;
-		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (body == null) return false;
 		const unitId = docDataModel.getUnitId();
 		const docSkeletonManagerService = getCommandSkeleton(accessor, unitId);
 		const skeleton = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getSkeleton();
 		if (skeleton == null) return false;
 		const startOffset = normalizeTableInsertOffset(body, (_contentInsertRange$s2 = contentInsertRange === null || contentInsertRange === void 0 ? void 0 : contentInsertRange.startOffset) !== null && _contentInsertRange$s2 !== void 0 ? _contentInsertRange$s2 : activeRange.startOffset);
+		if (!canInsertTableAtOffset(body, startOffset)) return false;
 		const prevParagraph = ((_body$paragraphs = body.paragraphs) !== null && _body$paragraphs !== void 0 ? _body$paragraphs : []).find((p) => p.startIndex >= startOffset);
 		const curGlyph = skeleton.findNodeByCharIndex(startOffset, segmentId, segmentPage);
 		if (curGlyph == null) return false;
@@ -8428,6 +8498,7 @@ const DocTableDeleteRowsCommand = {
 	id: "doc.table.delete-rows",
 	type: CommandType.COMMAND,
 	handler: async (accessor) => {
+		var _docDataModel$getSelf;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
@@ -8435,8 +8506,8 @@ const DocTableDeleteRowsCommand = {
 		const rangeInfo = getRangeInfoFromRanges(docSelectionManagerService.getActiveTextRange(), activeRectRanges);
 		if (rangeInfo == null) return false;
 		const { segmentId } = rangeInfo;
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
-		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
+		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (docDataModel == null || body == null) return false;
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		if (docSkeletonManagerService == null) return false;
@@ -8492,6 +8563,7 @@ const DocTableDeleteColumnsCommand = {
 	id: "doc.table.delete-columns",
 	type: CommandType.COMMAND,
 	handler: async (accessor) => {
+		var _docDataModel$getSelf2;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
@@ -8499,8 +8571,8 @@ const DocTableDeleteColumnsCommand = {
 		const rangeInfo = getRangeInfoFromRanges(docSelectionManagerService.getActiveTextRange(), activeRectRanges);
 		if (rangeInfo == null) return false;
 		const { segmentId } = rangeInfo;
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
-		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
+		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.getBody();
 		if (docDataModel == null || body == null) return false;
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		if (docSkeletonManagerService == null) return false;
@@ -8571,6 +8643,7 @@ const DocTableDeleteTableCommand = {
 	id: "doc.table.delete-table",
 	type: CommandType.COMMAND,
 	handler: async (accessor) => {
+		var _docDataModel$getSelf3;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
@@ -8578,8 +8651,8 @@ const DocTableDeleteTableCommand = {
 		const rangeInfo = getRangeInfoFromRanges(docSelectionManagerService.getActiveTextRange(), activeRectRanges);
 		if (rangeInfo == null) return false;
 		const { segmentId } = rangeInfo;
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
-		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
+		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf3 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf3 === void 0 ? void 0 : _docDataModel$getSelf3.getBody();
 		if (docDataModel == null || body == null) return false;
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		if (docSkeletonManagerService == null) return false;
@@ -8667,6 +8740,7 @@ const DocTableInsertRowCommand = {
 	id: DocTableInsertRowCommandId,
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
+		var _docDataModel$getSelf;
 		const { position } = params;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
@@ -8676,7 +8750,7 @@ const DocTableInsertRowCommand = {
 		if (rangeInfo == null) return false;
 		const { segmentId } = rangeInfo;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
-		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (docDataModel == null || body == null) return false;
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		if (docSkeletonManagerService == null) return false;
@@ -8736,7 +8810,7 @@ const DocTableInsertColumnCommand = {
 	id: DocTableInsertColumnCommandId,
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _snapshot$tableSource, _documentStyle$pageSi, _documentStyle$pageSi2;
+		var _docDataModel$getSelf2, _snapshot$tableSource, _documentStyle$pageSi, _documentStyle$pageSi2;
 		const { position } = params;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
@@ -8745,8 +8819,8 @@ const DocTableInsertColumnCommand = {
 		const rangeInfo = getRangeInfoFromRanges(docSelectionManagerService.getActiveTextRange(), activeRectRanges);
 		if (rangeInfo == null) return false;
 		const { segmentId } = rangeInfo;
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
-		const body = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
+		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.getBody();
 		if (docDataModel == null || body == null) return false;
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		if (docSkeletonManagerService == null) return false;
@@ -8845,7 +8919,7 @@ const DocTableTabCommand = {
 		const textSelectionManager = accessor.get(DocSelectionManagerService);
 		const docRanges = textSelectionManager.getDocRanges();
 		const commandService = accessor.get(ICommandService);
-		const docDataModel = accessor.get(IUniverInstanceService).getCurrentUniverDocInstance();
+		const docDataModel = accessor.get(IUniverInstanceService).getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (!docDataModel) return false;
 		const activeRange = (_docRanges$find = docRanges.find((range) => range.isActive)) !== null && _docRanges$find !== void 0 ? _docRanges$find : docRanges[0];
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
@@ -9398,7 +9472,7 @@ let EditorService = class EditorService extends Disposable {
 		this._univerInstanceService.disposeUnit(editorUnitId);
 	}
 	_getCurrentEditorUnitId() {
-		return this._univerInstanceService.getCurrentUniverDocInstance().getUnitId();
+		return this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC).getUnitId();
 	}
 	_getBlank(id) {
 		return {
@@ -10055,325 +10129,138 @@ function findFirstCursorOffset(snapshot) {
 }
 
 //#endregion
-//#region src/views/header-footer/text-bubble.ts
-const COLLAB_CURSOR_LABEL_HEIGHT = 18;
-const COLLAB_CURSOR_LABEL_MAX_WIDTH = 200;
-const COLLAB_CURSOR_LABEL_TEXT_PADDING_LR = 6;
-const COLLAB_CURSOR_LABEL_TEXT_PADDING_TB = 4;
-function drawBubble(ctx, props) {
-	var _radius, _width, _height;
-	let { radius, width, height } = props;
-	radius = (_radius = radius) !== null && _radius !== void 0 ? _radius : 0;
-	width = (_width = width) !== null && _width !== void 0 ? _width : 30;
-	height = (_height = height) !== null && _height !== void 0 ? _height : 30;
-	let bottomRight = 0;
-	bottomRight = Math.min(radius, width / 2, height / 2);
-	ctx.beginPath();
-	ctx.moveTo(0, 0);
-	ctx.lineTo(width, 0);
-	ctx.lineTo(width, height - bottomRight);
-	ctx.arc(width - bottomRight, height - bottomRight, bottomRight, 0, Math.PI / 2, false);
-	ctx.lineTo(0, height);
-	ctx.lineTo(0, 0);
-	ctx.closePath();
-	if (props.fill) {
-		ctx.save();
-		ctx.fillStyle = props.fill;
-		if (props.fillRule === "evenodd") ctx.fill("evenodd");
-		else ctx.fill();
-		ctx.restore();
-	}
-}
+//#region src/views/header-footer/panel/component-name.ts
 /**
-* Render a single collaborated cursor on the canvas.
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
 */
-var TextBubbleShape = class TextBubbleShape extends Shape {
-	constructor(key, props) {
-		super(key, props);
-		_defineProperty(this, "color", void 0);
-		_defineProperty(this, "text", void 0);
-		this.color = props === null || props === void 0 ? void 0 : props.color;
-		this.text = props === null || props === void 0 ? void 0 : props.text;
+const COMPONENT_DOC_HEADER_FOOTER_PANEL = "COMPONENT_DOC_HEADER_FOOTER_PANEL";
+
+//#endregion
+//#region src/commands/operations/doc-header-footer-panel.operation.ts
+const SidebarDocHeaderFooterPanelOperation = {
+	id: "sidebar.operation.doc-header-footer-panel",
+	type: CommandType.OPERATION,
+	handler: async (accessor, params) => {
+		const sidebarService = accessor.get(ISidebarService);
+		const localeService = accessor.get(LocaleService);
+		switch (params.value) {
+			case "open":
+				sidebarService.open({
+					header: { title: localeService.t("docs-ui.headerFooter.panel") },
+					children: { label: COMPONENT_DOC_HEADER_FOOTER_PANEL },
+					onClose: () => {},
+					width: 400
+				});
+				break;
+			default:
+				sidebarService.close();
+				break;
+		}
+		return true;
 	}
-	static drawWith(ctx, props) {
-		const { text, color } = props;
-		ctx.save();
-		ctx.font = "13px Source Han Sans CN";
-		const textWidth = ctx.measureText(text).width;
-		drawBubble(ctx, {
-			height: 18,
-			width: Math.min(textWidth + 2 * 6, 200),
-			radius: 4,
-			fill: color,
-			evented: false
+};
+
+//#endregion
+//#region src/commands/commands/doc-header-footer.command.ts
+const CoreHeaderFooterCommandId = "doc.command.core-header-footer";
+/**
+* The command to update header and footer or create them.
+*/
+const CoreHeaderFooterCommand = {
+	id: CoreHeaderFooterCommandId,
+	type: CommandType.COMMAND,
+	handler: async (accessor, params) => {
+		var _renderManagerService;
+		const commandService = accessor.get(ICommandService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const renderManagerService = accessor.get(IRenderManagerService);
+		const { unitId, segmentId, createType, headerFooterProps } = params;
+		const docSkeletonManagerService = (_renderManagerService = renderManagerService.getRenderUnitById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(DocSkeletonManagerService);
+		const docDataModel = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
+		const docViewModel = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getViewModel();
+		if (docDataModel == null || docViewModel == null) return false;
+		const editArea = docViewModel.getEditArea();
+		const { documentStyle } = docDataModel.getSnapshot();
+		let resolvedCreateType = createType;
+		if (headerFooterProps != null) Object.keys(headerFooterProps).forEach((key) => {
+			const value = headerFooterProps[key];
+			if (resolvedCreateType == null && key === "useFirstPageHeaderFooter" && value === BooleanNumber.TRUE && !documentStyle.firstPageHeaderId) resolvedCreateType = editArea === DocumentEditArea.HEADER ? HeaderFooterType.FIRST_PAGE_HEADER : HeaderFooterType.FIRST_PAGE_FOOTER;
+			else if (resolvedCreateType == null && key === "evenAndOddHeaders" && value === BooleanNumber.TRUE && !documentStyle.evenPageHeaderId) resolvedCreateType = editArea === DocumentEditArea.HEADER ? HeaderFooterType.EVEN_PAGE_HEADER : HeaderFooterType.EVEN_PAGE_FOOTER;
+		});
+		return commandService.syncExecuteCommand(CreateHeaderFooterCommand.id, {
+			unitId,
+			segmentId,
+			createType: resolvedCreateType,
+			headerFooterProps,
+			createMode: "pair"
 		});
-		ctx.fillStyle = "rgba(58, 96, 247, 1)";
-		const offsetX = 6;
-		const offsetY = 18 - 4;
-		const maxTextWidth = 200 - 2 * 6;
-		if (textWidth > maxTextWidth) {
-			let truncatedText = "";
-			let currentWidth = 0;
-			for (const element of text) {
-				const charWidth = ctx.measureText(element).width;
-				if (currentWidth + charWidth <= maxTextWidth - ctx.measureText("...").width) {
-					truncatedText += element;
-					currentWidth += charWidth;
-				} else {
-					truncatedText += "...";
-					break;
-				}
-			}
-			ctx.fillText(truncatedText, offsetX, offsetY);
-		} else ctx.fillText(text, offsetX, offsetY);
-		ctx.restore();
 	}
-	_draw(ctx) {
-		TextBubbleShape.drawWith(ctx, this);
+};
+const OpenHeaderFooterPanelCommand = {
+	id: "doc.command.open-header-footer-panel",
+	type: CommandType.COMMAND,
+	handler: async (accessor, _params) => {
+		return accessor.get(ICommandService).executeCommand(SidebarDocHeaderFooterPanelOperation.id, { value: "open" });
+	}
+};
+const CloseHeaderFooterCommand = {
+	id: "doc.command.close-header-footer",
+	type: CommandType.COMMAND,
+	handler: async (accessor, params) => {
+		var _params$unitId, _instanceService$getC, _renderObject$mainCom;
+		const commandService = accessor.get(ICommandService);
+		const renderManagerService = accessor.get(IRenderManagerService);
+		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
+		const instanceService = accessor.get(IUniverInstanceService);
+		const unitId = (_params$unitId = params === null || params === void 0 ? void 0 : params.unitId) !== null && _params$unitId !== void 0 ? _params$unitId : (_instanceService$getC = instanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC)) === null || _instanceService$getC === void 0 ? void 0 : _instanceService$getC.getUnitId();
+		if (unitId == null) return false;
+		const renderObject = renderManagerService.getRenderById(unitId);
+		if (renderObject == null) return false;
+		const docSkeletonManagerService = renderObject.with(DocSkeletonManagerService);
+		const viewModel = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getViewModel();
+		if (viewModel == null) return false;
+		if (viewModel.getEditArea() === DocumentEditArea.BODY) return false;
+		const skeleton = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getSkeleton();
+		if (skeleton == null) return false;
+		const { scene } = renderObject;
+		const transformer = scene.getTransformerByCreate();
+		const docSelectionRenderService = renderObject.with(DocSelectionRenderService);
+		docSelectionManagerService.replaceDocRanges([]);
+		transformer.clearSelectedObjects();
+		docSelectionRenderService.setSegment("");
+		docSelectionRenderService.setSegmentPage(-1);
+		viewModel.setEditArea(DocumentEditArea.BODY);
+		skeleton.calculate();
+		(_renderObject$mainCom = renderObject.mainComponent) === null || _renderObject$mainCom === void 0 || _renderObject$mainCom.makeDirty(true);
+		queueMicrotask(() => {
+			const docDataModel = instanceService.getUnit(unitId);
+			const snapshot = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSnapshot();
+			if (snapshot == null) return;
+			const offset = findFirstCursorOffset(snapshot);
+			docSelectionManagerService.replaceDocRanges([{
+				startOffset: offset,
+				endOffset: offset
+			}]);
+		});
+		commandService.executeCommand(SidebarDocHeaderFooterPanelOperation.id, { value: "close" });
+		return true;
 	}
 };
 
 //#endregion
-//#region src/controllers/doc-header-footer.controller.ts
-const HEADER_FOOTER_STROKE_COLOR = "rgba(58, 96, 247, 1)";
-const HEADER_FOOTER_FILL_COLOR = "rgba(58, 96, 247, 0.08)";
-function checkCreateHeaderFooterType(viewModel, editArea, segmentPage) {
-	const { documentStyle } = viewModel.getDataModel().getSnapshot();
-	const { defaultHeaderId, defaultFooterId, evenPageHeaderId, evenPageFooterId, firstPageHeaderId, firstPageFooterId, evenAndOddHeaders, useFirstPageHeaderFooter } = documentStyle;
-	switch (editArea) {
-		case DocumentEditArea.BODY: return {
-			createType: null,
-			headerFooterId: null
-		};
-		case DocumentEditArea.HEADER:
-			if (useFirstPageHeaderFooter === BooleanNumber.TRUE && !firstPageHeaderId) return {
-				createType: 0,
-				headerFooterId: null
-			};
-			if (evenAndOddHeaders === BooleanNumber.TRUE && segmentPage % 2 === 0 && !evenPageHeaderId) return {
-				createType: 4,
-				headerFooterId: null
-			};
-			return defaultHeaderId ? {
-				createType: null,
-				headerFooterId: defaultHeaderId
-			} : {
-				createType: 2,
-				headerFooterId: null
-			};
-		case DocumentEditArea.FOOTER:
-			if (useFirstPageHeaderFooter === BooleanNumber.TRUE && !firstPageFooterId) return {
-				createType: 1,
-				headerFooterId: null
-			};
-			if (evenAndOddHeaders === BooleanNumber.TRUE && segmentPage % 2 === 0 && !evenPageFooterId) return {
-				createType: 5,
-				headerFooterId: null
-			};
-			return defaultFooterId ? {
-				createType: null,
-				headerFooterId: defaultFooterId
-			} : {
-				createType: 3,
-				headerFooterId: null
-			};
-		default: throw new Error(`Invalid editArea: ${editArea}`);
-	}
-}
-let DocHeaderFooterController = class DocHeaderFooterController extends Disposable {
-	constructor(_context, _commandService, _editorService, _instanceSrv, _renderManagerService, _docSkeletonManagerService, _docSelectionRenderService, _localeService) {
-		super();
-		this._context = _context;
-		this._commandService = _commandService;
-		this._editorService = _editorService;
-		this._instanceSrv = _instanceSrv;
-		this._renderManagerService = _renderManagerService;
-		this._docSkeletonManagerService = _docSkeletonManagerService;
-		this._docSelectionRenderService = _docSelectionRenderService;
-		this._localeService = _localeService;
-		_defineProperty(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
-		this._initialize();
-	}
-	_initialize() {
-		this._init();
-		this._drawHeaderFooterLabel();
-		this._listenSwitchMode();
-	}
-	dispose() {
-		super.dispose();
-	}
-	_listenSwitchMode() {
-		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
-			if (RichTextEditingMutation.id === command.id) {
-				const docDataModel = this._context.unit;
-				const editArea = this._docSkeletonManagerService.getViewModel().getEditArea();
-				const documentFlavor = docDataModel.getSnapshot().documentStyle.documentFlavor;
-				if (editArea !== DocumentEditArea.BODY && documentFlavor === DocumentFlavor.MODERN) this._commandService.executeCommand(CloseHeaderFooterCommand.id, { unitId: this._context.unitId });
-			}
-		}));
-	}
-	_init() {
-		const { unitId } = this._context;
-		const docObject = neoGetDocObject(this._context);
-		if (docObject == null || docObject.document == null) return;
-		if (!this._loadedMap.has(docObject.document)) {
-			this._initialMain(unitId);
-			this._loadedMap.add(docObject.document);
-		}
-	}
-	_initialMain(unitId) {
-		const { document } = neoGetDocObject(this._context);
-		this.disposeWithMe(document.onDblclick$.subscribeEvent(async (evt) => {
-			if (this._isEditorReadOnly(unitId)) return;
-			if (!this._isTraditionalMode()) return;
-			const { offsetX, offsetY } = evt;
-			const { pageLayoutType = PageLayoutType.VERTICAL, pageMarginLeft, pageMarginTop } = document.getOffsetConfig();
-			const coord = this._getTransformCoordForDocumentOffset(offsetX, offsetY);
-			if (coord == null) return;
-			const viewModel = this._docSkeletonManagerService.getViewModel();
-			const skeleton = this._docSkeletonManagerService.getSkeleton();
-			const preEditArea = viewModel.getEditArea();
-			const { editArea, pageNumber } = skeleton.findEditAreaByCoord(coord, pageLayoutType, pageMarginLeft, pageMarginTop);
-			if (preEditArea === editArea) return;
-			viewModel.setEditArea(editArea);
-			const { createType, headerFooterId } = checkCreateHeaderFooterType(viewModel, editArea, pageNumber);
-			if (editArea === DocumentEditArea.BODY) {
-				this._docSelectionRenderService.setSegment("");
-				this._docSelectionRenderService.setSegmentPage(-1);
-				this._docSelectionRenderService.setCursorManually(offsetX, offsetY);
-			} else if (createType != null) {
-				const segmentId = generateRandomId(6);
-				this._docSelectionRenderService.setSegment(segmentId);
-				this._docSelectionRenderService.setSegmentPage(pageNumber);
-				await this._commandService.executeCommand(CoreHeaderFooterCommand.id, {
-					unitId,
-					createType,
-					segmentId
-				});
-			} else if (headerFooterId != null) {
-				this._docSelectionRenderService.setSegment(headerFooterId);
-				this._docSelectionRenderService.setSegmentPage(pageNumber);
-				this._docSelectionRenderService.setCursorManually(offsetX, offsetY);
-			}
-		}));
-	}
-	_getTransformCoordForDocumentOffset(evtOffsetX, evtOffsetY) {
-		const { document, scene } = neoGetDocObject(this._context);
-		const { documentTransform } = document.getOffsetConfig();
-		const activeViewport = scene.getViewports()[0];
-		if (activeViewport == null) return;
-		const originCoord = activeViewport.transformVector2SceneCoord(Vector2.FromArray([evtOffsetX, evtOffsetY]));
-		return documentTransform.clone().invert().applyPoint(originCoord);
-	}
-	_drawHeaderFooterLabel() {
-		const localeService = this._localeService;
-		this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC).subscribe((unit) => {
-			if (unit == null) return;
-			const unitId = unit.getUnitId();
-			const currentRender = this._renderManagerService.getRenderById(unitId);
-			if (this._editorService.isEditor(unitId) || this._instanceSrv.getUniverDocInstance(unitId) == null) return;
-			if (currentRender == null) return;
-			const { mainComponent } = currentRender;
-			const docsComponent = mainComponent;
-			this.disposeWithMe(toDisposable(docsComponent.pageRender$.subscribe((config) => {
-				if (this._editorService.isEditor(unitId)) return;
-				if (!this._isTraditionalMode()) return;
-				const isEditBody = this._docSkeletonManagerService.getViewModel().getEditArea() === DocumentEditArea.BODY;
-				const { page, pageLeft, pageTop, ctx } = config;
-				const { pageWidth, pageHeight, marginTop, marginBottom } = page;
-				ctx.save();
-				ctx.translate(pageLeft - .5, pageTop - .5);
-				if (isEditBody) {
-					Rect.drawWith(ctx, {
-						left: 0,
-						top: 0,
-						width: pageWidth,
-						height: marginTop,
-						fill: "rgba(255, 255, 255, 0.5)"
-					});
-					ctx.save();
-					ctx.translate(0, pageHeight - marginBottom);
-					Rect.drawWith(ctx, {
-						left: 0,
-						top: 0,
-						width: pageWidth,
-						height: marginBottom,
-						fill: "rgba(255, 255, 255, 0.5)"
-					});
-					ctx.restore();
-				} else {
-					ctx.save();
-					ctx.translate(0, marginTop);
-					Rect.drawWith(ctx, {
-						left: 0,
-						top: marginTop,
-						width: pageWidth,
-						height: pageHeight - marginTop - marginBottom,
-						fill: "rgba(255, 255, 255, 0.5)"
-					});
-					ctx.restore();
-				}
-				if (!isEditBody) {
-					const headerPathConfigIPathProps = {
-						dataArray: [{
-							command: "M",
-							points: [0, marginTop]
-						}, {
-							command: "L",
-							points: [pageWidth, marginTop]
-						}],
-						strokeWidth: 1,
-						stroke: HEADER_FOOTER_STROKE_COLOR
-					};
-					const footerPathConfigIPathProps = {
-						dataArray: [{
-							command: "M",
-							points: [0, pageHeight - marginBottom]
-						}, {
-							command: "L",
-							points: [pageWidth, pageHeight - marginBottom]
-						}],
-						strokeWidth: 1,
-						stroke: HEADER_FOOTER_STROKE_COLOR
-					};
-					Path.drawWith(ctx, headerPathConfigIPathProps);
-					Path.drawWith(ctx, footerPathConfigIPathProps);
-					ctx.translate(0, marginTop + 1);
-					TextBubbleShape.drawWith(ctx, {
-						text: localeService.t("docs-ui.headerFooter.header"),
-						color: HEADER_FOOTER_FILL_COLOR
-					});
-					ctx.translate(0, pageHeight - marginTop - marginBottom);
-					TextBubbleShape.drawWith(ctx, {
-						text: localeService.t("docs-ui.headerFooter.footer"),
-						color: HEADER_FOOTER_FILL_COLOR
-					});
-				}
-				ctx.restore();
-			})));
-		}));
-	}
-	_isEditorReadOnly(unitId) {
-		const editor = this._editorService.getEditor(unitId);
-		if (!editor) return false;
-		return editor.isReadOnly();
-	}
-	_isTraditionalMode() {
-		return this._context.unit.getSnapshot().documentStyle.documentFlavor === DocumentFlavor.TRADITIONAL;
-	}
-};
-DocHeaderFooterController = __decorate([
-	__decorateParam(1, ICommandService),
-	__decorateParam(2, IEditorService),
-	__decorateParam(3, IUniverInstanceService),
-	__decorateParam(4, IRenderManagerService),
-	__decorateParam(5, Inject(DocSkeletonManagerService)),
-	__decorateParam(6, Inject(DocSelectionRenderService)),
-	__decorateParam(7, Inject(LocaleService))
-], DocHeaderFooterController);
-
-//#endregion
-//#region src/views/header-footer/panel/component-name.ts
+//#region src/controllers/doc-paragraph-setting.controller.ts
 /**
 * Copyright 2023-present DreamNum Co., Ltd.
 *
@@ -10389,261 +10276,36 @@ DocHeaderFooterController = __decorate([
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-const COMPONENT_DOC_HEADER_FOOTER_PANEL = "COMPONENT_DOC_HEADER_FOOTER_PANEL";
+const paragraphSettingIndexKey$1 = "doc_ui_paragraph-setting-panel";
+let DocParagraphSettingController = class DocParagraphSettingController extends Disposable {
+	constructor(_commandService, _sidebarService) {
+		super();
+		this._commandService = _commandService;
+		this._sidebarService = _sidebarService;
+		_defineProperty(this, "_id", void 0);
+	}
+	openPanel() {
+		const props = {
+			header: { title: "docs-ui.doc.slider.paragraphSetting" },
+			id: this._id,
+			children: { label: paragraphSettingIndexKey$1 },
+			width: 300
+		};
+		this._sidebarService.open(props);
+	}
+	closePanel() {
+		this._sidebarService.close(this._id);
+	}
+};
+DocParagraphSettingController = __decorate([__decorateParam(0, ICommandService), __decorateParam(1, Inject(ISidebarService))], DocParagraphSettingController);
 
 //#endregion
-//#region src/commands/operations/doc-header-footer-panel.operation.ts
-const SidebarDocHeaderFooterPanelOperation = {
-	id: "sidebar.operation.doc-header-footer-panel",
+//#region src/commands/operations/doc-paragraph-setting-panel.operation.ts
+const DocParagraphSettingPanelOperation = {
+	id: "sidebar.operation.doc-paragraph-setting-panel",
 	type: CommandType.OPERATION,
-	handler: async (accessor, params) => {
-		const sidebarService = accessor.get(ISidebarService);
-		const localeService = accessor.get(LocaleService);
-		switch (params.value) {
-			case "open":
-				sidebarService.open({
-					header: { title: localeService.t("docs-ui.headerFooter.panel") },
-					children: { label: COMPONENT_DOC_HEADER_FOOTER_PANEL },
-					onClose: () => {},
-					width: 400
-				});
-				break;
-			default:
-				sidebarService.close();
-				break;
-		}
-		return true;
-	}
-};
-
-//#endregion
-//#region src/commands/commands/doc-header-footer.command.ts
-function getEmptyHeaderFooterBody() {
-	return {
-		dataStream: "\r\n",
-		textRuns: [{
-			st: 0,
-			ed: 0,
-			ts: { fs: 9 }
-		}],
-		customBlocks: [],
-		paragraphs: [{
-			startIndex: 0,
-			paragraphId: createParagraphId(/* @__PURE__ */ new Set()),
-			paragraphStyle: {
-				spaceAbove: { v: 0 },
-				lineSpacing: 1.5,
-				spaceBelow: { v: 0 }
-			}
-		}],
-		sectionBreaks: [{ startIndex: 1 }]
-	};
-}
-function createHeaderFooterAction(segmentId, createType, documentStyle, actions) {
-	const jsonX = JSONX.getInstance();
-	const ID_LEN = 6;
-	const firstSegmentId = segmentId !== null && segmentId !== void 0 ? segmentId : generateRandomId(ID_LEN);
-	const isHeader = createType === 2 || createType === 0 || createType === 4;
-	const insertAction = jsonX.insertOp([isHeader ? "headers" : "footers", firstSegmentId], {
-		[isHeader ? "headerId" : "footerId"]: firstSegmentId,
-		body: getEmptyHeaderFooterBody()
-	});
-	actions.push(insertAction);
-	const secondSegmentId = generateRandomId(ID_LEN);
-	const insertPairAction = jsonX.insertOp([isHeader ? "footers" : "headers", secondSegmentId], {
-		[isHeader ? "footerId" : "headerId"]: secondSegmentId,
-		body: getEmptyHeaderFooterBody()
-	});
-	actions.push(insertPairAction);
-	let key = "defaultHeaderId";
-	let pairKey = "defaultFooterId";
-	switch (createType) {
-		case 2:
-			key = "defaultHeaderId";
-			pairKey = "defaultFooterId";
-			break;
-		case 3:
-			key = "defaultFooterId";
-			pairKey = "defaultHeaderId";
-			break;
-		case 0:
-			key = "firstPageHeaderId";
-			pairKey = "firstPageFooterId";
-			break;
-		case 1:
-			key = "firstPageFooterId";
-			pairKey = "firstPageHeaderId";
-			break;
-		case 4:
-			key = "evenPageHeaderId";
-			pairKey = "evenPageFooterId";
-			break;
-		case 5:
-			key = "evenPageFooterId";
-			pairKey = "evenPageHeaderId";
-			break;
-		default: throw new Error(`Unknown header footer type: ${createType}`);
-	}
-	for (const [k, id] of [[key, firstSegmentId], [pairKey, secondSegmentId]]) if (documentStyle[k] != null) {
-		const replaceAction = jsonX.replaceOp(["documentStyle", k], documentStyle[k], id);
-		actions.push(replaceAction);
-	} else {
-		const insertAction = jsonX.insertOp(["documentStyle", k], id);
-		actions.push(insertAction);
-	}
-	return actions;
-}
-const CoreHeaderFooterCommandId = "doc.command.core-header-footer";
-/**
-* The command to update header and footer or create them.
-*/
-const CoreHeaderFooterCommand = {
-	id: CoreHeaderFooterCommandId,
-	type: CommandType.COMMAND,
-	handler: async (accessor, params) => {
-		var _renderManagerService;
-		const commandService = accessor.get(ICommandService);
-		const univerInstanceService = accessor.get(IUniverInstanceService);
-		const renderManagerService = accessor.get(IRenderManagerService);
-		const { unitId, segmentId, createType, headerFooterProps } = params;
-		const docSkeletonManagerService = (_renderManagerService = renderManagerService.getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(DocSkeletonManagerService);
-		const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
-		const docViewModel = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getViewModel();
-		if (docDataModel == null || docViewModel == null) return false;
-		const editArea = docViewModel.getEditArea();
-		const { documentStyle } = docDataModel.getSnapshot();
-		const isUpdateMargin = (headerFooterProps === null || headerFooterProps === void 0 ? void 0 : headerFooterProps.marginFooter) != null || (headerFooterProps === null || headerFooterProps === void 0 ? void 0 : headerFooterProps.marginHeader) != null;
-		const doMutation = {
-			id: RichTextEditingMutation.id,
-			params: {
-				unitId,
-				actions: [],
-				textRanges: [{
-					startOffset: 0,
-					endOffset: 0,
-					collapsed: true
-				}],
-				debounce: true
-			}
-		};
-		if (isUpdateMargin) doMutation.params.noNeedSetTextRange = true;
-		const jsonX = JSONX.getInstance();
-		const rawActions = [];
-		if (createType != null) createHeaderFooterAction(segmentId, createType, documentStyle, rawActions);
-		if (headerFooterProps != null) Object.keys(headerFooterProps).forEach((key) => {
-			const value = headerFooterProps[key];
-			const oldValue = documentStyle[key];
-			if (value === oldValue) return;
-			let action;
-			if (oldValue === void 0) action = jsonX.insertOp(["documentStyle", key], value);
-			else action = jsonX.replaceOp(["documentStyle", key], oldValue, value);
-			rawActions.push(action);
-			if (key === "useFirstPageHeaderFooter" && value === BooleanNumber.TRUE && !documentStyle.firstPageHeaderId) createHeaderFooterAction(segmentId, editArea === DocumentEditArea.HEADER ? 0 : 1, documentStyle, rawActions);
-			else if (key === "evenAndOddHeaders" && value === BooleanNumber.TRUE && !documentStyle.evenPageHeaderId) createHeaderFooterAction(segmentId, editArea === DocumentEditArea.HEADER ? 4 : 5, documentStyle, rawActions);
-		});
-		if (rawActions.length === 0) return false;
-		doMutation.params.actions = rawActions.reduce((acc, cur) => {
-			return JSONX.compose(acc, cur);
-		}, null);
-		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
-		return Boolean(result);
-	}
-};
-const OpenHeaderFooterPanelCommand = {
-	id: "doc.command.open-header-footer-panel",
-	type: CommandType.COMMAND,
-	handler: async (accessor, _params) => {
-		return accessor.get(ICommandService).executeCommand(SidebarDocHeaderFooterPanelOperation.id, { value: "open" });
-	}
-};
-const CloseHeaderFooterCommand = {
-	id: "doc.command.close-header-footer",
-	type: CommandType.COMMAND,
-	handler: async (accessor, params) => {
-		var _renderObject$mainCom;
-		const commandService = accessor.get(ICommandService);
-		const renderManagerService = accessor.get(IRenderManagerService);
-		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
-		const instanceService = accessor.get(IUniverInstanceService);
-		const { unitId } = params;
-		const renderObject = renderManagerService.getRenderById(unitId);
-		if (renderObject == null) return false;
-		const { scene } = renderObject;
-		const transformer = scene.getTransformerByCreate();
-		const docSkeletonManagerService = renderObject.with(DocSkeletonManagerService);
-		const docSelectionRenderService = renderObject.with(DocSelectionRenderService);
-		const skeleton = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getSkeleton();
-		const viewModel = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getViewModel();
-		if (viewModel == null || skeleton == null) return false;
-		docSelectionManagerService.replaceDocRanges([]);
-		transformer.clearSelectedObjects();
-		docSelectionRenderService.setSegment("");
-		docSelectionRenderService.setSegmentPage(-1);
-		viewModel.setEditArea(DocumentEditArea.BODY);
-		skeleton.calculate();
-		(_renderObject$mainCom = renderObject.mainComponent) === null || _renderObject$mainCom === void 0 || _renderObject$mainCom.makeDirty(true);
-		queueMicrotask(() => {
-			const docDataModel = instanceService.getUnit(unitId);
-			const snapshot = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSnapshot();
-			if (snapshot == null) return;
-			const offset = findFirstCursorOffset(snapshot);
-			docSelectionManagerService.replaceDocRanges([{
-				startOffset: offset,
-				endOffset: offset
-			}]);
-		});
-		commandService.executeCommand(SidebarDocHeaderFooterPanelOperation.id, { value: "close" });
-		return true;
-	}
-};
-
-//#endregion
-//#region src/controllers/doc-paragraph-setting.controller.ts
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
-const paragraphSettingIndexKey$1 = "doc_ui_paragraph-setting-panel";
-let DocParagraphSettingController = class DocParagraphSettingController extends Disposable {
-	constructor(_commandService, _sidebarService) {
-		super();
-		this._commandService = _commandService;
-		this._sidebarService = _sidebarService;
-		_defineProperty(this, "_id", void 0);
-	}
-	openPanel() {
-		const props = {
-			header: { title: "docs-ui.doc.slider.paragraphSetting" },
-			id: this._id,
-			children: { label: paragraphSettingIndexKey$1 },
-			width: 300
-		};
-		this._sidebarService.open(props);
-	}
-	closePanel() {
-		this._sidebarService.close(this._id);
-	}
-};
-DocParagraphSettingController = __decorate([__decorateParam(0, ICommandService), __decorateParam(1, Inject(ISidebarService))], DocParagraphSettingController);
-
-//#endregion
-//#region src/commands/operations/doc-paragraph-setting-panel.operation.ts
-const DocParagraphSettingPanelOperation = {
-	id: "sidebar.operation.doc-paragraph-setting-panel",
-	type: CommandType.OPERATION,
-	handler: (accessor) => {
-		accessor.get(DocParagraphSettingController).openPanel();
+	handler: (accessor) => {
+		accessor.get(DocParagraphSettingController).openPanel();
 		return true;
 	}
 };
@@ -11049,8 +10711,8 @@ function notInTableSubscriber(subscriber, docSelectionManagerService, univerInst
 			subscriber.next(true);
 			return;
 		}
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
-		const tables = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody()) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.tables;
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
+		const tables = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 || (_docDataModel$getSelf = _docDataModel$getSelf.getBody()) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.tables;
 		if (tables && tables.length) {
 			if (tables.some((table) => {
 				const { startIndex, endIndex } = table;
@@ -11376,6 +11038,46 @@ function getInsertTableHiddenObservable(accessor) {
 		return () => subscription.unsubscribe();
 	});
 }
+function disableMenuWhenHeaderFooterEditing(accessor) {
+	const univerInstanceService = accessor.get(IUniverInstanceService);
+	const renderManagerService = accessor.get(IRenderManagerService);
+	return new Observable((subscriber) => {
+		let editAreaSubscription = null;
+		let lastDisabled;
+		const emit = (disabled) => {
+			if (disabled !== lastDisabled) {
+				lastDisabled = disabled;
+				subscriber.next(disabled);
+			}
+		};
+		const emitByUnit = (unitId) => {
+			editAreaSubscription === null || editAreaSubscription === void 0 || editAreaSubscription.unsubscribe();
+			editAreaSubscription = null;
+			if (!unitId || univerInstanceService.getUnitType(unitId) !== UniverInstanceType.UNIVER_DOC) {
+				emit(true);
+				return;
+			}
+			const currentRender = renderManagerService.getRenderById(unitId);
+			const skeletonManager = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(DocSkeletonManagerService);
+			const viewModel = skeletonManager === null || skeletonManager === void 0 ? void 0 : skeletonManager.getViewModel();
+			if (!viewModel) {
+				emit(true);
+				return;
+			}
+			const emitDisabled = (editArea) => {
+				const currentEditArea = editArea !== null && editArea !== void 0 ? editArea : viewModel.getEditArea();
+				emit(currentEditArea === DocumentEditArea.HEADER || currentEditArea === DocumentEditArea.FOOTER);
+			};
+			emitDisabled();
+			editAreaSubscription = viewModel.editAreaChange$.subscribe(emitDisabled);
+		};
+		const focusedSubscription = univerInstanceService.focused$.subscribe(emitByUnit);
+		return () => {
+			editAreaSubscription === null || editAreaSubscription === void 0 || editAreaSubscription.unsubscribe();
+			focusedSubscription.unsubscribe();
+		};
+	});
+}
 function getHeaderFooterMenuHiddenObservable(accessor) {
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	const commandService = accessor.get(ICommandService);
@@ -11394,11 +11096,11 @@ function getHeaderFooterMenuHiddenObservable(accessor) {
 		});
 		const subscription = univerInstanceService.focused$.subscribe((unitId) => {
 			if (unitId == null) return subscriber.next(true);
-			const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
+			const docDataModel = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
 			const documentFlavor = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSnapshot().documentStyle.documentFlavor;
 			subscriber.next(documentFlavor !== DocumentFlavor.TRADITIONAL);
 		});
-		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return subscriber.next(true);
 		const documentFlavor = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSnapshot().documentStyle.documentFlavor;
 		subscriber.next(documentFlavor !== DocumentFlavor.TRADITIONAL);
@@ -11427,7 +11129,7 @@ function getTableDisabledObservable(accessor) {
 				subscriber.next(true);
 				return;
 			}
-			const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
+			const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 			if (docDataModel == null) {
 				subscriber.next(true);
 				return;
@@ -12150,14 +11852,14 @@ const listValueFactory$ = (accessor) => {
 		const subscription = univerInstanceService.focused$.subscribe((unitId) => {
 			var _docRanges$find;
 			if (unitId == null) return;
-			const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
+			const docDataModel = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
 			if (docDataModel == null) return;
 			const docRanges = docSelectionManagerService.getDocRanges();
 			const range = (_docRanges$find = docRanges.find((r) => r.isActive)) !== null && _docRanges$find !== void 0 ? _docRanges$find : docRanges[0];
 			if (range) {
 				var _doc$getBody$paragrap, _doc$getBody, _doc$getBody$dataStre, _doc$getBody2;
 				const doc = docDataModel.getSelfOrHeaderFooterModel(range === null || range === void 0 ? void 0 : range.segmentId);
-				const paragraphs = BuildTextUtils.range.getParagraphsInRange(range, (_doc$getBody$paragrap = (_doc$getBody = doc.getBody()) === null || _doc$getBody === void 0 ? void 0 : _doc$getBody.paragraphs) !== null && _doc$getBody$paragrap !== void 0 ? _doc$getBody$paragrap : [], (_doc$getBody$dataStre = (_doc$getBody2 = doc.getBody()) === null || _doc$getBody2 === void 0 ? void 0 : _doc$getBody2.dataStream) !== null && _doc$getBody$dataStre !== void 0 ? _doc$getBody$dataStre : "");
+				const paragraphs = BuildTextUtils.range.getParagraphsInRange(range, (_doc$getBody$paragrap = doc === null || doc === void 0 || (_doc$getBody = doc.getBody()) === null || _doc$getBody === void 0 ? void 0 : _doc$getBody.paragraphs) !== null && _doc$getBody$paragrap !== void 0 ? _doc$getBody$paragrap : [], (_doc$getBody$dataStre = doc === null || doc === void 0 || (_doc$getBody2 = doc.getBody()) === null || _doc$getBody2 === void 0 ? void 0 : _doc$getBody2.dataStream) !== null && _doc$getBody$dataStre !== void 0 ? _doc$getBody$dataStre : "");
 				let listType;
 				if (paragraphs.every((p) => {
 					if (!listType) {
@@ -12317,7 +12019,7 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 	};
 }
 function getFontStyleAtCursor(accessor) {
-	var _docRanges$find2, _docMenuStyleService$, _paragraph$paragraphS11, _paragraph$paragraphS12;
+	var _docRanges$find2, _docMenuStyleService$, _paragraph$paragraphS11, _paragraph$paragraphS12, _docDataModel$getSelf;
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	const textSelectionService = accessor.get(DocSelectionManagerService);
 	const docMenuStyleService = accessor.get(DocMenuStyleService);
@@ -12334,7 +12036,7 @@ function getFontStyleAtCursor(accessor) {
 		...cacheStyle
 	} };
 	const { segmentId } = activeRange;
-	const body = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+	const body = (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 	if (body == null) return { ts: {
 		...defaultTextStyle,
 		...namedStyle,
@@ -12350,15 +12052,15 @@ function getFontStyleAtCursor(accessor) {
 	} };
 }
 function getParagraphStyleAtCursor(accessor) {
-	var _docRanges$find3, _docDataModel$getSelf;
+	var _docRanges$find3, _docDataModel$getSelf2;
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	const textSelectionService = accessor.get(DocSelectionManagerService);
-	const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
+	const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 	const docRanges = textSelectionService.getDocRanges();
 	const activeRange = (_docRanges$find3 = docRanges.find((r) => r.isActive)) !== null && _docRanges$find3 !== void 0 ? _docRanges$find3 : docRanges[0];
 	if (docDataModel == null || activeRange == null) return;
 	const { startOffset, segmentId } = activeRange;
-	const paragraphs = (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody()) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.paragraphs;
+	const paragraphs = (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 || (_docDataModel$getSelf2 = _docDataModel$getSelf2.getBody()) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.paragraphs;
 	if (paragraphs == null) return;
 	let prevIndex = -1;
 	for (const paragraph of paragraphs) {
@@ -15120,7 +14822,7 @@ DocUIController = __decorate([
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-ui";
-var version = "1.0.0-alpha.1";
+var version = "1.0.0-alpha.2";
 
 //#endregion
 //#region src/commands/commands/doc-paragraph-setting.command.ts
@@ -15138,8 +14840,8 @@ const DocParagraphSettingCommand = {
 		const segmentId = docRanges[0].segmentId;
 		const unitId = docDataModel.getUnitId();
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const allParagraphs = (_segment$getBody$para = (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
-		const dataStream = (_segment$getBody$data = (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
+		const allParagraphs = (_segment$getBody$para = segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
+		const dataStream = (_segment$getBody$data = segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
 		const paragraphs = (_BuildTextUtils$range = BuildTextUtils.range.getParagraphsInRanges(docRanges, allParagraphs, dataStream)) !== null && _BuildTextUtils$range !== void 0 ? _BuildTextUtils$range : [];
 		const doMutation = {
 			id: RichTextEditingMutation.id,
@@ -15210,7 +14912,7 @@ const DocHeaderFooterOptions = (props) => {
 			...prev,
 			[type]: val ? BooleanNumber.TRUE : BooleanNumber.FALSE
 		}));
-		const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
+		const docDataModel = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
 		const documentStyle = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSnapshot().documentStyle;
 		const docSkeletonManagerService = (_renderManagerService = renderManagerService.getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(DocSkeletonManagerService);
 		const viewModel = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getViewModel();
@@ -15268,7 +14970,7 @@ const DocHeaderFooterOptions = (props) => {
 		commandService.executeCommand(CloseHeaderFooterCommand.id, { unitId });
 	};
 	useEffect(() => {
-		const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
+		const docDataModel = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
 		const documentStyle = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSnapshot().documentStyle;
 		if (documentStyle) {
 			const { marginHeader = 0, marginFooter = 0, useFirstPageHeaderFooter = BooleanNumber.FALSE, evenAndOddHeaders = BooleanNumber.FALSE } = documentStyle;
@@ -15338,8 +15040,8 @@ const DocHeaderFooterPanel = () => {
 	var _renderManagerService;
 	const localeService = useDependency(LocaleService);
 	const renderManagerService = useDependency(IRenderManagerService);
-	const unitId = useDependency(IUniverInstanceService).getCurrentUniverDocInstance().getUnitId();
-	const viewModel = ((_renderManagerService = renderManagerService.getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(DocSkeletonManagerService)).getViewModel();
+	const unitId = useDependency(IUniverInstanceService).getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC).getUnitId();
+	const viewModel = ((_renderManagerService = renderManagerService.getRenderUnitById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(DocSkeletonManagerService)).getViewModel();
 	const [isEditHeaderFooter, setIsEditHeaderFooter] = useState(true);
 	useEffect(() => {
 		setIsEditHeaderFooter(viewModel.getEditArea() !== DocumentEditArea.BODY);
@@ -15604,8 +15306,8 @@ const useCurrentParagraph = () => {
 	if (!docDataModel || docRanges.length === 0) return [];
 	const segmentId = docRanges[0].segmentId;
 	const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-	const paragraphs = (_segment$getBody$para = (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
-	const dataStream = (_segment$getBody$data = (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
+	const paragraphs = (_segment$getBody$para = segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
+	const dataStream = (_segment$getBody$data = segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
 	return (_BuildTextUtils$range = BuildTextUtils.range.getParagraphsInRanges(docRanges, paragraphs, dataStream)) !== null && _BuildTextUtils$range !== void 0 ? _BuildTextUtils$range : [];
 };
 const useFirstParagraphHorizontalAlign = (paragraph, defaultValue) => {
@@ -16194,12 +15896,12 @@ const LIST_ICON_MAP = {
 };
 let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 	get activeParagraph() {
-		var _this$_paragrahMenu;
-		return (_this$_paragrahMenu = this._paragrahMenu) === null || _this$_paragrahMenu === void 0 ? void 0 : _this$_paragrahMenu.paragraph;
+		var _this$_paragraphMenu;
+		return (_this$_paragraphMenu = this._paragraphMenu) === null || _this$_paragraphMenu === void 0 ? void 0 : _this$_paragraphMenu.paragraph;
 	}
 	get activeTarget() {
-		var _this$_paragrahMenu$t, _this$_paragrahMenu2;
-		return (_this$_paragrahMenu$t = (_this$_paragrahMenu2 = this._paragrahMenu) === null || _this$_paragrahMenu2 === void 0 ? void 0 : _this$_paragrahMenu2.target) !== null && _this$_paragrahMenu$t !== void 0 ? _this$_paragrahMenu$t : null;
+		var _this$_paragraphMenu$, _this$_paragraphMenu2;
+		return (_this$_paragraphMenu$ = (_this$_paragraphMenu2 = this._paragraphMenu) === null || _this$_paragraphMenu2 === void 0 ? void 0 : _this$_paragraphMenu2.target) !== null && _this$_paragraphMenu$ !== void 0 ? _this$_paragraphMenu$ : null;
 	}
 	setBlockMenuDragging(isDragging) {
 		this._isBlockMenuDragging = isDragging;
@@ -16216,7 +15918,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		this._docSkeletonManagerService = _docSkeletonManagerService;
 		this._floatMenuService = _floatMenuService;
 		this._docSelectionRenderService = _docSelectionRenderService;
-		_defineProperty(this, "_paragrahMenu", null);
+		_defineProperty(this, "_paragraphMenu", null);
 		_defineProperty(this, "_activeTarget$", new BehaviorSubject(null));
 		_defineProperty(this, "activeTarget$", this._activeTarget$.asObservable());
 		_defineProperty(this, "_slashMenuRequest$", new BehaviorSubject(null));
@@ -16228,10 +15930,10 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		this._init();
 	}
 	_isCursorInActiveParagraph() {
-		if (!this._paragrahMenu) return false;
+		if (!this._paragraphMenu) return false;
 		const activeTextRange = this._docSelectionManagerService.getActiveTextRange();
 		if (!(activeTextRange === null || activeTextRange === void 0 ? void 0 : activeTextRange.collapsed)) return false;
-		if (!(activeTextRange === null || activeTextRange === void 0 ? void 0 : activeTextRange.collapsed) || activeTextRange.startOffset < this._paragrahMenu.paragraph.paragraphStart || activeTextRange.startOffset > this._paragrahMenu.paragraph.paragraphEnd) return false;
+		if (!(activeTextRange === null || activeTextRange === void 0 ? void 0 : activeTextRange.collapsed) || activeTextRange.startOffset < this._paragraphMenu.paragraph.paragraphStart || activeTextRange.startOffset > this._paragraphMenu.paragraph.paragraphEnd) return false;
 		return true;
 	}
 	_getExpandedSelectionState(ranges) {
@@ -16262,7 +15964,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		return this._hasExpandedSelectionRanges(this._docSelectionManagerService.getDocRanges());
 	}
 	setParagraphMenuActive(active) {
-		if (this._paragrahMenu) this._paragrahMenu.active = active;
+		if (this._paragraphMenu) this._paragraphMenu.active = active;
 	}
 	_init() {
 		var _this$_docEventManage;
@@ -16278,18 +15980,18 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 				return;
 			}
 			if (selectionState.hasRectRange) {
-				var _this$_paragrahMenu3;
+				var _this$_paragraphMenu3;
 				if (tableBound) {
 					this.showTableMenu(tableBound);
 					return;
 				}
-				if (((_this$_paragrahMenu3 = this._paragrahMenu) === null || _this$_paragrahMenu3 === void 0 ? void 0 : _this$_paragrahMenu3.target.kind) === DocumentBlockType.TABLE) return;
+				if (((_this$_paragraphMenu3 = this._paragraphMenu) === null || _this$_paragraphMenu3 === void 0 ? void 0 : _this$_paragraphMenu3.target.kind) === DocumentBlockType.TABLE) return;
 				this.hideParagraphMenu(true);
 				return;
 			}
 			if (this._docSkeletonManagerService.getViewModel().getEditArea() === DocumentEditArea.BODY && !this._floatMenuService.floatMenu && !this._context.unit.getDisabled()) {
-				var _this$_paragrahMenu4;
-				if ((_this$_paragrahMenu4 = this._paragrahMenu) === null || _this$_paragrahMenu4 === void 0 ? void 0 : _this$_paragrahMenu4.active) return;
+				var _this$_paragraphMenu4;
+				if ((_this$_paragraphMenu4 = this._paragraphMenu) === null || _this$_paragraphMenu4 === void 0 ? void 0 : _this$_paragraphMenu4.active) return;
 				if (paragraph) {
 					this.showParagraphMenu(paragraph);
 					return;
@@ -16315,16 +16017,16 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			this.hideParagraphMenu(true);
 		}));
 		this.disposeWithMe(this._docSelectionManagerService.textSelection$.subscribe(({ textRanges, rectRanges }) => {
-			var _this$_paragrahMenu5;
+			var _this$_paragraphMenu5;
 			const selectionState = this._getExpandedSelectionState([...textRanges, ...rectRanges]);
-			if (selectionState.hasExpandedTextRange || selectionState.hasRectRange && ((_this$_paragrahMenu5 = this._paragrahMenu) === null || _this$_paragrahMenu5 === void 0 ? void 0 : _this$_paragrahMenu5.target.kind) !== DocumentBlockType.TABLE) this.hideParagraphMenu(true);
+			if (selectionState.hasExpandedTextRange || selectionState.hasRectRange && ((_this$_paragraphMenu5 = this._paragraphMenu) === null || _this$_paragraphMenu5 === void 0 ? void 0 : _this$_paragraphMenu5.target.kind) !== DocumentBlockType.TABLE) this.hideParagraphMenu(true);
 		}));
 		let lastScrollY = 0;
 		this.disposeWithMe(this._context.scene.getViewport("viewMain").onScrollAfter$.subscribeEvent((e) => {
-			var _this$_paragrahMenu6;
+			var _this$_paragraphMenu6;
 			if (lastScrollY === e.scrollY) return;
 			lastScrollY = e.scrollY;
-			if ((_this$_paragrahMenu6 = this._paragrahMenu) === null || _this$_paragrahMenu6 === void 0 ? void 0 : _this$_paragrahMenu6.blockRange) return;
+			if ((_this$_paragraphMenu6 = this._paragraphMenu) === null || _this$_paragraphMenu6 === void 0 ? void 0 : _this$_paragraphMenu6.blockRange) return;
 			if (this._isBlockMenuDragging) return;
 			this.hideParagraphMenu(true);
 		}));
@@ -16388,10 +16090,10 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		return null;
 	}
 	_getSlashMenuParagraph(config) {
-		var _this$_paragrahMenu$p, _this$_paragrahMenu7, _find;
+		var _this$_paragraphMenu$2, _this$_paragraphMenu7, _find;
 		const activeRange = this._getCollapsedTextRange(config);
 		const offset = activeRange === null || activeRange === void 0 ? void 0 : activeRange.startOffset;
-		const activeParagraph = (_this$_paragrahMenu$p = (_this$_paragrahMenu7 = this._paragrahMenu) === null || _this$_paragrahMenu7 === void 0 ? void 0 : _this$_paragrahMenu7.paragraph) !== null && _this$_paragrahMenu$p !== void 0 ? _this$_paragrahMenu$p : null;
+		const activeParagraph = (_this$_paragraphMenu$2 = (_this$_paragraphMenu7 = this._paragraphMenu) === null || _this$_paragraphMenu7 === void 0 ? void 0 : _this$_paragraphMenu7.paragraph) !== null && _this$_paragraphMenu$2 !== void 0 ? _this$_paragraphMenu$2 : null;
 		if (activeParagraph && offset != null && offset >= activeParagraph.paragraphStart && offset <= activeParagraph.paragraphEnd) return activeParagraph;
 		if (activeParagraph && offset == null) return activeParagraph;
 		if (offset == null) return null;
@@ -16412,7 +16114,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		}
 	}
 	showParagraphMenu(paragraph) {
-		var _this$_paragrahMenu8, _target$paragraph;
+		var _this$_paragraphMenu8, _target$paragraph;
 		if (this._hasExpandedSelection()) {
 			this.hideParagraphMenu(true);
 			return;
@@ -16422,7 +16124,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			this.hideParagraphMenu(true);
 			return;
 		}
-		if (((_this$_paragrahMenu8 = this._paragrahMenu) === null || _this$_paragrahMenu8 === void 0 ? void 0 : _this$_paragrahMenu8.target.key) === target.key) return;
+		if (((_this$_paragraphMenu8 = this._paragraphMenu) === null || _this$_paragraphMenu8 === void 0 ? void 0 : _this$_paragraphMenu8.target.key) === target.key) return;
 		this.hideParagraphMenu(true);
 		const targetParagraph = (_target$paragraph = target.paragraph) !== null && _target$paragraph !== void 0 ? _target$paragraph : paragraph;
 		const blockRange = target.blockRange;
@@ -16447,7 +16149,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			},
 			zIndex: 101
 		}, this._context.unitId);
-		this._paragrahMenu = {
+		this._paragraphMenu = {
 			paragraph: targetParagraph,
 			target,
 			blockRange,
@@ -16457,7 +16159,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		this._activeTarget$.next(target);
 	}
 	showTableMenu(tableBound) {
-		var _body$tables, _this$_paragrahMenu9;
+		var _body$tables, _this$_paragraphMenu9;
 		if (this._hasExpandedTextSelection()) {
 			this.hideParagraphMenu(true);
 			return;
@@ -16483,7 +16185,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			draggable: true
 		};
 		if (this._shouldKeepCurrentCellMenuForTable(table)) return;
-		if (((_this$_paragrahMenu9 = this._paragrahMenu) === null || _this$_paragrahMenu9 === void 0 ? void 0 : _this$_paragrahMenu9.target.key) === target.key) return;
+		if (((_this$_paragraphMenu9 = this._paragraphMenu) === null || _this$_paragraphMenu9 === void 0 ? void 0 : _this$_paragraphMenu9.target.key) === target.key) return;
 		const anchorRect = getTableAnchorRect(tableBound);
 		const paragraph = {
 			rect: tableBound.rect,
@@ -16507,7 +16209,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			},
 			zIndex: 101
 		}, this._context.unitId);
-		this._paragrahMenu = {
+		this._paragraphMenu = {
 			paragraph,
 			target,
 			disposable,
@@ -16516,8 +16218,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		this._activeTarget$.next(target);
 	}
 	_shouldKeepCurrentCellMenuForTable(table) {
-		var _this$_paragrahMenu10;
-		const target = (_this$_paragrahMenu10 = this._paragrahMenu) === null || _this$_paragrahMenu10 === void 0 ? void 0 : _this$_paragrahMenu10.target;
+		var _this$_paragraphMenu10;
+		const target = (_this$_paragraphMenu10 = this._paragraphMenu) === null || _this$_paragraphMenu10 === void 0 ? void 0 : _this$_paragraphMenu10.target;
 		if (!target || target.kind === DocumentBlockType.TABLE || !target.cellRange) return false;
 		return target.cellRange.startOffset >= table.startIndex && target.cellRange.startOffset <= table.endIndex;
 	}
@@ -16558,9 +16260,9 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 	}
 	hideParagraphMenu(force = false) {
 		if (this._isBlockMenuDragging) return;
-		if (this._paragrahMenu && (this._paragrahMenu.disposable.canDispose() || force)) {
-			this._paragrahMenu.disposable.dispose();
-			this._paragrahMenu = null;
+		if (this._paragraphMenu && (this._paragraphMenu.disposable.canDispose() || force)) {
+			this._paragraphMenu.disposable.dispose();
+			this._paragraphMenu = null;
 			this._isSlashMenuActive = false;
 			this._slashMenuRequest$.next(null);
 			this._activeTarget$.next(null);
@@ -17048,6 +16750,14 @@ function getParagraphMenuResolvedCommand(option, targetRange) {
 		id: (_option$id = option.id) !== null && _option$id !== void 0 ? _option$id : commandId
 	}, targetRange);
 }
+function getParagraphMenuCommandParams(commandId, commandParams, target, unitId) {
+	if (commandId !== DeleteCurrentParagraphCommand.id || (target === null || target === void 0 ? void 0 : target.kind) !== "blockRange" || !target.blockRange) return commandParams;
+	return {
+		...commandParams !== null && commandParams !== void 0 ? commandParams : {},
+		unitId,
+		blockRange: target.blockRange
+	};
+}
 function getParagraphMenuType(target, emptyMode) {
 	if ((target === null || target === void 0 ? void 0 : target.kind) === "table") return DOC_TABLE_BLOCK_MENU_ID;
 	if (emptyMode) return DOC_PARAGRAPH_T_INSERT_MENU_ID;
@@ -17485,7 +17195,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 			await executeResolvedCommand({
 				...option,
 				commandId,
-				params: commandParams
+				params: getParagraphMenuCommandParams(commandId, commandParams, latestTarget, popup.unitId)
 			}, getParagraphMenuCommandTargetRange(commandId, targetRange, formattingRange));
 		} finally {
 			restoreTextRanges(previousTextRanges);
@@ -17887,162 +17597,480 @@ let ComponentsController = class ComponentsController extends Disposable {
 			"DocParagraphBackgroundColorSwatchIcon.15": DocParagraphBackgroundColorSwatchIcon15
 		}));
 	}
-	_registerComponents() {
-		if (!this._componentManager.get("COMPONENT_DOC_HEADER_FOOTER_PANEL")) this.disposeWithMe(this._componentManager.register(COMPONENT_DOC_HEADER_FOOTER_PANEL, DocHeaderFooterPanel));
-		this.disposeWithMe(this._componentManager.register(paragraphSettingIndexKey, ParagraphSettingIndex));
-		[
-			[BULLET_LIST_TYPE_COMPONENT, BulletListTypePicker],
-			[ORDER_LIST_TYPE_COMPONENT, OrderListTypePicker],
-			[DOC_PARAGRAPH_MENU_COMPONENT_KEY, ParagraphMenu],
-			[DOC_TABLE_BLOCK_MENU_COMPONENT_KEY, TableBlockMenu],
-			[PAGE_SETTING_COMPONENT_ID, PageSettings]
-		].forEach(([key, comp]) => {
-			this.disposeWithMe(this._componentManager.register(key, comp));
-		});
-	}
-};
-ComponentsController = __decorate([__decorateParam(0, Inject(ComponentManager)), __decorateParam(1, Inject(IconManager))], ComponentsController);
-
-//#endregion
-//#region src/controllers/doc-auto-format.controller.ts
-function hasQuickListType(text) {
-	return Object.prototype.hasOwnProperty.call(QuickListTypeMap, text);
-}
-function hasQuickHeading(text) {
-	return Object.prototype.hasOwnProperty.call(QUICK_HEADING_MAP, text);
-}
-let DocAutoFormatController = class DocAutoFormatController extends Disposable {
-	constructor(_docAutoFormatService, _renderManagerService) {
-		super();
-		this._docAutoFormatService = _docAutoFormatService;
-		this._renderManagerService = _renderManagerService;
-		this._initListTabAutoFormat();
-		this._initSpaceAutoFormat();
-		this._initDefaultEnterFormat();
-		this._initExitListAutoFormat();
+	_registerComponents() {
+		if (!this._componentManager.get("COMPONENT_DOC_HEADER_FOOTER_PANEL")) this.disposeWithMe(this._componentManager.register(COMPONENT_DOC_HEADER_FOOTER_PANEL, DocHeaderFooterPanel));
+		this.disposeWithMe(this._componentManager.register(paragraphSettingIndexKey, ParagraphSettingIndex));
+		[
+			[BULLET_LIST_TYPE_COMPONENT, BulletListTypePicker],
+			[ORDER_LIST_TYPE_COMPONENT, OrderListTypePicker],
+			[DOC_PARAGRAPH_MENU_COMPONENT_KEY, ParagraphMenu],
+			[DOC_TABLE_BLOCK_MENU_COMPONENT_KEY, TableBlockMenu],
+			[PAGE_SETTING_COMPONENT_ID, PageSettings]
+		].forEach(([key, comp]) => {
+			this.disposeWithMe(this._componentManager.register(key, comp));
+		});
+	}
+};
+ComponentsController = __decorate([__decorateParam(0, Inject(ComponentManager)), __decorateParam(1, Inject(IconManager))], ComponentsController);
+
+//#endregion
+//#region src/controllers/doc-auto-format.controller.ts
+function hasQuickListType(text) {
+	return Object.prototype.hasOwnProperty.call(QuickListTypeMap, text);
+}
+function hasQuickHeading(text) {
+	return Object.prototype.hasOwnProperty.call(QUICK_HEADING_MAP, text);
+}
+let DocAutoFormatController = class DocAutoFormatController extends Disposable {
+	constructor(_docAutoFormatService, _renderManagerService) {
+		super();
+		this._docAutoFormatService = _docAutoFormatService;
+		this._renderManagerService = _renderManagerService;
+		this._initListTabAutoFormat();
+		this._initSpaceAutoFormat();
+		this._initDefaultEnterFormat();
+		this._initExitListAutoFormat();
+	}
+	_initListTabAutoFormat() {
+		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
+			id: TabCommand.id,
+			match: (context) => {
+				const { selection, paragraphs, unit } = context;
+				if (paragraphs.length === 1 && selection.startOffset === paragraphs[0].paragraphStart && paragraphs[0].bullet) {
+					var _unit$getBody;
+					const allParagraphs = (_unit$getBody = unit.getBody()) === null || _unit$getBody === void 0 ? void 0 : _unit$getBody.paragraphs;
+					const bulletParagraphs = allParagraphs === null || allParagraphs === void 0 ? void 0 : allParagraphs.filter((p) => {
+						var _p$bullet;
+						return ((_p$bullet = p.bullet) === null || _p$bullet === void 0 ? void 0 : _p$bullet.listId) === paragraphs[0].bullet.listId;
+					});
+					if ((bulletParagraphs === null || bulletParagraphs === void 0 ? void 0 : bulletParagraphs.findIndex((p) => p.startIndex === paragraphs[0].startIndex)) === 0) return false;
+					return true;
+				} else if (paragraphs.length > 1 && paragraphs.some((p) => p.bullet)) return true;
+				return false;
+			},
+			getMutations(context) {
+				const params = context.commandParams;
+				return [{
+					id: ChangeListNestingLevelCommand.id,
+					params: { type: (params === null || params === void 0 ? void 0 : params.shift) ? -1 : 1 }
+				}];
+			},
+			priority: 100
+		}));
+		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
+			id: TabCommand.id,
+			match: (context) => {
+				const { selection, unit } = context;
+				const { startNodePosition, endNodePosition } = selection;
+				const renderObject = this._renderManagerService.getRenderById(unit.getUnitId());
+				const skeleton = renderObject === null || renderObject === void 0 ? void 0 : renderObject.with(DocSkeletonManagerService).getSkeleton();
+				if (skeleton == null) return false;
+				if (startNodePosition && endNodePosition && isInSameTableCellData(skeleton, startNodePosition, endNodePosition)) return true;
+				if (startNodePosition && !endNodePosition && startNodePosition.path.indexOf("cells") > -1) return true;
+				return false;
+			},
+			getMutations(context) {
+				const params = context.commandParams;
+				return [{
+					id: DocTableTabCommand.id,
+					params: { shift: !!(params === null || params === void 0 ? void 0 : params.shift) }
+				}];
+			},
+			priority: 99
+		}));
+	}
+	_initSpaceAutoFormat() {
+		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
+			id: AfterSpaceCommand.id,
+			match: (context) => {
+				var _unit$getBody2;
+				const { selection, paragraphs, unit } = context;
+				if (!selection.collapsed) return false;
+				if (paragraphs.length !== 1) return false;
+				if (!selection.collapsed) return false;
+				const text = (_unit$getBody2 = unit.getBody()) === null || _unit$getBody2 === void 0 ? void 0 : _unit$getBody2.dataStream.slice(paragraphs[0].paragraphStart, selection.startOffset - 1);
+				if (text && (hasQuickListType(text) || hasQuickHeading(text))) return true;
+				return false;
+			},
+			getMutations(context) {
+				var _unit$getBody3;
+				const { paragraphs, unit, selection } = context;
+				const text = (_unit$getBody3 = unit.getBody()) === null || _unit$getBody3 === void 0 ? void 0 : _unit$getBody3.dataStream.slice(paragraphs[0].paragraphStart, selection.startOffset - 1);
+				if (text && hasQuickListType(text)) {
+					const type = QuickListTypeMap[text];
+					return [{
+						id: QuickListCommand.id,
+						params: {
+							listType: type,
+							paragraph: paragraphs[0]
+						}
+					}];
+				}
+				if (text && hasQuickHeading(text)) {
+					const type = QUICK_HEADING_MAP[text];
+					return [{
+						id: QuickHeadingCommand.id,
+						params: { value: type }
+					}];
+				}
+				return [];
+			}
+		}));
+	}
+	_initExitListAutoFormat() {
+		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
+			id: EnterCommand.id,
+			match: (context) => {
+				const { paragraphs } = context;
+				if (paragraphs.length === 1 && paragraphs[0].bullet && paragraphs[0].paragraphStart === paragraphs[0].paragraphEnd) return true;
+				return false;
+			},
+			getMutations: (context) => {
+				const bullet = context.paragraphs[0].bullet;
+				if (!bullet) return [];
+				if (bullet.nestingLevel > 0) return [{
+					id: ChangeListNestingLevelCommand.id,
+					params: { type: -1 }
+				}];
+				return [{
+					id: ListOperationCommand.id,
+					params: { listType: context.paragraphs[0].bullet.listType }
+				}];
+			}
+		}));
+	}
+	_initDefaultEnterFormat() {
+		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
+			id: EnterCommand.id,
+			match: () => {
+				return true;
+			},
+			getMutations() {
+				return [{ id: BreakLineCommand.id }];
+			},
+			priority: -9999
+		}));
+	}
+};
+DocAutoFormatController = __decorate([__decorateParam(0, Inject(DocAutoFormatService)), __decorateParam(1, IRenderManagerService)], DocAutoFormatController);
+
+//#endregion
+//#region src/views/header-footer/text-bubble.ts
+const COLLAB_CURSOR_LABEL_HEIGHT = 18;
+const COLLAB_CURSOR_LABEL_MAX_WIDTH = 200;
+const COLLAB_CURSOR_LABEL_TEXT_PADDING_LR = 6;
+const COLLAB_CURSOR_LABEL_TEXT_PADDING_TB = 4;
+function drawBubble(ctx, props) {
+	var _radius, _width, _height;
+	let { radius, width, height } = props;
+	radius = (_radius = radius) !== null && _radius !== void 0 ? _radius : 0;
+	width = (_width = width) !== null && _width !== void 0 ? _width : 30;
+	height = (_height = height) !== null && _height !== void 0 ? _height : 30;
+	let bottomRight = 0;
+	bottomRight = Math.min(radius, width / 2, height / 2);
+	ctx.beginPath();
+	ctx.moveTo(0, 0);
+	ctx.lineTo(width, 0);
+	ctx.lineTo(width, height - bottomRight);
+	ctx.arc(width - bottomRight, height - bottomRight, bottomRight, 0, Math.PI / 2, false);
+	ctx.lineTo(0, height);
+	ctx.lineTo(0, 0);
+	ctx.closePath();
+	if (props.fill) {
+		ctx.save();
+		ctx.fillStyle = props.fill;
+		if (props.fillRule === "evenodd") ctx.fill("evenodd");
+		else ctx.fill();
+		ctx.restore();
+	}
+}
+/**
+* Render a single collaborated cursor on the canvas.
+*/
+var TextBubbleShape = class TextBubbleShape extends Shape {
+	constructor(key, props) {
+		super(key, props);
+		_defineProperty(this, "color", void 0);
+		_defineProperty(this, "text", void 0);
+		this.color = props === null || props === void 0 ? void 0 : props.color;
+		this.text = props === null || props === void 0 ? void 0 : props.text;
+	}
+	static drawWith(ctx, props) {
+		const { text, color } = props;
+		ctx.save();
+		ctx.font = "13px Source Han Sans CN";
+		const textWidth = ctx.measureText(text).width;
+		drawBubble(ctx, {
+			height: 18,
+			width: Math.min(textWidth + 2 * 6, 200),
+			radius: 4,
+			fill: color,
+			evented: false
+		});
+		ctx.fillStyle = "rgba(58, 96, 247, 1)";
+		const offsetX = 6;
+		const offsetY = 18 - 4;
+		const maxTextWidth = 200 - 2 * 6;
+		if (textWidth > maxTextWidth) {
+			let truncatedText = "";
+			let currentWidth = 0;
+			for (const element of text) {
+				const charWidth = ctx.measureText(element).width;
+				if (currentWidth + charWidth <= maxTextWidth - ctx.measureText("...").width) {
+					truncatedText += element;
+					currentWidth += charWidth;
+				} else {
+					truncatedText += "...";
+					break;
+				}
+			}
+			ctx.fillText(truncatedText, offsetX, offsetY);
+		} else ctx.fillText(text, offsetX, offsetY);
+		ctx.restore();
+	}
+	_draw(ctx) {
+		TextBubbleShape.drawWith(ctx, this);
+	}
+};
+
+//#endregion
+//#region src/controllers/doc-header-footer.controller.ts
+const HEADER_FOOTER_STROKE_COLOR = "rgba(58, 96, 247, 1)";
+const HEADER_FOOTER_FILL_COLOR = "rgba(58, 96, 247, 0.08)";
+function checkCreateHeaderFooterType(viewModel, editArea, segmentPage) {
+	const { documentStyle } = viewModel.getDataModel().getSnapshot();
+	const { defaultHeaderId, defaultFooterId, evenPageHeaderId, evenPageFooterId, firstPageHeaderId, firstPageFooterId, evenAndOddHeaders, useFirstPageHeaderFooter } = documentStyle;
+	switch (editArea) {
+		case DocumentEditArea.BODY: return {
+			createType: null,
+			headerFooterId: null
+		};
+		case DocumentEditArea.HEADER:
+			if (useFirstPageHeaderFooter === BooleanNumber.TRUE && !firstPageHeaderId) return {
+				createType: HeaderFooterType.FIRST_PAGE_HEADER,
+				headerFooterId: null
+			};
+			if (evenAndOddHeaders === BooleanNumber.TRUE && segmentPage % 2 === 0 && !evenPageHeaderId) return {
+				createType: HeaderFooterType.EVEN_PAGE_HEADER,
+				headerFooterId: null
+			};
+			return defaultHeaderId ? {
+				createType: null,
+				headerFooterId: defaultHeaderId
+			} : {
+				createType: HeaderFooterType.DEFAULT_HEADER,
+				headerFooterId: null
+			};
+		case DocumentEditArea.FOOTER:
+			if (useFirstPageHeaderFooter === BooleanNumber.TRUE && !firstPageFooterId) return {
+				createType: HeaderFooterType.FIRST_PAGE_FOOTER,
+				headerFooterId: null
+			};
+			if (evenAndOddHeaders === BooleanNumber.TRUE && segmentPage % 2 === 0 && !evenPageFooterId) return {
+				createType: HeaderFooterType.EVEN_PAGE_FOOTER,
+				headerFooterId: null
+			};
+			return defaultFooterId ? {
+				createType: null,
+				headerFooterId: defaultFooterId
+			} : {
+				createType: HeaderFooterType.DEFAULT_FOOTER,
+				headerFooterId: null
+			};
+		default: throw new Error(`Invalid editArea: ${editArea}`);
+	}
+}
+let DocHeaderFooterController = class DocHeaderFooterController extends Disposable {
+	constructor(_context, _commandService, _editorService, _instanceSrv, _renderManagerService, _docSkeletonManagerService, _docSelectionRenderService, _localeService) {
+		super();
+		this._context = _context;
+		this._commandService = _commandService;
+		this._editorService = _editorService;
+		this._instanceSrv = _instanceSrv;
+		this._renderManagerService = _renderManagerService;
+		this._docSkeletonManagerService = _docSkeletonManagerService;
+		this._docSelectionRenderService = _docSelectionRenderService;
+		this._localeService = _localeService;
+		_defineProperty(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
+		this._initialize();
+	}
+	_initialize() {
+		this._init();
+		this._drawHeaderFooterLabel();
+		this._listenSwitchMode();
+	}
+	dispose() {
+		super.dispose();
+	}
+	_listenSwitchMode() {
+		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
+			if (RichTextEditingMutation.id === command.id) {
+				const docDataModel = this._context.unit;
+				const editArea = this._docSkeletonManagerService.getViewModel().getEditArea();
+				const documentFlavor = docDataModel.getSnapshot().documentStyle.documentFlavor;
+				if (editArea !== DocumentEditArea.BODY && documentFlavor === DocumentFlavor.MODERN) this._commandService.executeCommand(CloseHeaderFooterCommand.id, { unitId: this._context.unitId });
+			}
+		}));
+	}
+	_init() {
+		const { unitId } = this._context;
+		const docObject = neoGetDocObject(this._context);
+		if (docObject == null || docObject.document == null) return;
+		if (!this._loadedMap.has(docObject.document)) {
+			this._initialMain(unitId);
+			this._loadedMap.add(docObject.document);
+		}
+	}
+	_initialMain(unitId) {
+		const { document } = neoGetDocObject(this._context);
+		this.disposeWithMe(document.onDblclick$.subscribeEvent(async (evt) => {
+			if (this._isEditorReadOnly(unitId)) return;
+			if (!this._isTraditionalMode()) return;
+			const { offsetX, offsetY } = evt;
+			const { pageLayoutType = PageLayoutType.VERTICAL, pageMarginLeft, pageMarginTop } = document.getOffsetConfig();
+			const coord = this._getTransformCoordForDocumentOffset(offsetX, offsetY);
+			if (coord == null) return;
+			const viewModel = this._docSkeletonManagerService.getViewModel();
+			const skeleton = this._docSkeletonManagerService.getSkeleton();
+			const preEditArea = viewModel.getEditArea();
+			const { editArea, pageNumber } = skeleton.findEditAreaByCoord(coord, pageLayoutType, pageMarginLeft, pageMarginTop);
+			if (preEditArea === editArea) return;
+			viewModel.setEditArea(editArea);
+			const { createType, headerFooterId } = checkCreateHeaderFooterType(viewModel, editArea, pageNumber);
+			if (editArea === DocumentEditArea.BODY) {
+				this._docSelectionRenderService.setSegment("");
+				this._docSelectionRenderService.setSegmentPage(-1);
+				this._docSelectionRenderService.setCursorManually(offsetX, offsetY);
+			} else if (createType != null) {
+				const segmentId = generateRandomId(6);
+				this._docSelectionRenderService.setSegment(segmentId);
+				this._docSelectionRenderService.setSegmentPage(pageNumber);
+				await this._commandService.executeCommand(CoreHeaderFooterCommand.id, {
+					unitId,
+					createType,
+					segmentId
+				});
+			} else if (headerFooterId != null) {
+				this._docSelectionRenderService.setSegment(headerFooterId);
+				this._docSelectionRenderService.setSegmentPage(pageNumber);
+				this._docSelectionRenderService.setCursorManually(offsetX, offsetY);
+			}
+		}));
+	}
+	_getTransformCoordForDocumentOffset(evtOffsetX, evtOffsetY) {
+		const { document, scene } = neoGetDocObject(this._context);
+		const { documentTransform } = document.getOffsetConfig();
+		const activeViewport = scene.getViewports()[0];
+		if (activeViewport == null) return;
+		const originCoord = activeViewport.transformVector2SceneCoord(Vector2.FromArray([evtOffsetX, evtOffsetY]));
+		return documentTransform.clone().invert().applyPoint(originCoord);
 	}
-	_initListTabAutoFormat() {
-		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
-			id: TabCommand.id,
-			match: (context) => {
-				const { selection, paragraphs, unit } = context;
-				if (paragraphs.length === 1 && selection.startOffset === paragraphs[0].paragraphStart && paragraphs[0].bullet) {
-					var _unit$getBody;
-					const allParagraphs = (_unit$getBody = unit.getBody()) === null || _unit$getBody === void 0 ? void 0 : _unit$getBody.paragraphs;
-					const bulletParagraphs = allParagraphs === null || allParagraphs === void 0 ? void 0 : allParagraphs.filter((p) => {
-						var _p$bullet;
-						return ((_p$bullet = p.bullet) === null || _p$bullet === void 0 ? void 0 : _p$bullet.listId) === paragraphs[0].bullet.listId;
+	_drawHeaderFooterLabel() {
+		const localeService = this._localeService;
+		this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC).subscribe((unit) => {
+			if (unit == null) return;
+			const unitId = unit.getUnitId();
+			const currentRender = this._renderManagerService.getRenderUnitById(unitId);
+			if (this._editorService.isEditor(unitId) || this._instanceSrv.getUnit(unitId, UniverInstanceType.UNIVER_DOC) == null) return;
+			if (currentRender == null) return;
+			const { mainComponent } = currentRender;
+			const docsComponent = mainComponent;
+			this.disposeWithMe(toDisposable(docsComponent.pageRender$.subscribe((config) => {
+				if (this._editorService.isEditor(unitId)) return;
+				if (!this._isTraditionalMode()) return;
+				const isEditBody = this._docSkeletonManagerService.getViewModel().getEditArea() === DocumentEditArea.BODY;
+				const { page, pageLeft, pageTop, ctx } = config;
+				const { pageWidth, pageHeight, marginTop, marginBottom } = page;
+				ctx.save();
+				ctx.translate(pageLeft - .5, pageTop - .5);
+				if (isEditBody) {
+					Rect.drawWith(ctx, {
+						left: 0,
+						top: 0,
+						width: pageWidth,
+						height: marginTop,
+						fill: "rgba(255, 255, 255, 0.5)"
 					});
-					if ((bulletParagraphs === null || bulletParagraphs === void 0 ? void 0 : bulletParagraphs.findIndex((p) => p.startIndex === paragraphs[0].startIndex)) === 0) return false;
-					return true;
-				} else if (paragraphs.length > 1 && paragraphs.some((p) => p.bullet)) return true;
-				return false;
-			},
-			getMutations(context) {
-				const params = context.commandParams;
-				return [{
-					id: ChangeListNestingLevelCommand.id,
-					params: { type: (params === null || params === void 0 ? void 0 : params.shift) ? -1 : 1 }
-				}];
-			},
-			priority: 100
-		}));
-		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
-			id: TabCommand.id,
-			match: (context) => {
-				const { selection, unit } = context;
-				const { startNodePosition, endNodePosition } = selection;
-				const renderObject = this._renderManagerService.getRenderById(unit.getUnitId());
-				const skeleton = renderObject === null || renderObject === void 0 ? void 0 : renderObject.with(DocSkeletonManagerService).getSkeleton();
-				if (skeleton == null) return false;
-				if (startNodePosition && endNodePosition && isInSameTableCellData(skeleton, startNodePosition, endNodePosition)) return true;
-				if (startNodePosition && !endNodePosition && startNodePosition.path.indexOf("cells") > -1) return true;
-				return false;
-			},
-			getMutations(context) {
-				const params = context.commandParams;
-				return [{
-					id: DocTableTabCommand.id,
-					params: { shift: !!(params === null || params === void 0 ? void 0 : params.shift) }
-				}];
-			},
-			priority: 99
-		}));
-	}
-	_initSpaceAutoFormat() {
-		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
-			id: AfterSpaceCommand.id,
-			match: (context) => {
-				var _unit$getBody2;
-				const { selection, paragraphs, unit } = context;
-				if (!selection.collapsed) return false;
-				if (paragraphs.length !== 1) return false;
-				if (!selection.collapsed) return false;
-				const text = (_unit$getBody2 = unit.getBody()) === null || _unit$getBody2 === void 0 ? void 0 : _unit$getBody2.dataStream.slice(paragraphs[0].paragraphStart, selection.startOffset - 1);
-				if (text && (hasQuickListType(text) || hasQuickHeading(text))) return true;
-				return false;
-			},
-			getMutations(context) {
-				var _unit$getBody3;
-				const { paragraphs, unit, selection } = context;
-				const text = (_unit$getBody3 = unit.getBody()) === null || _unit$getBody3 === void 0 ? void 0 : _unit$getBody3.dataStream.slice(paragraphs[0].paragraphStart, selection.startOffset - 1);
-				if (text && hasQuickListType(text)) {
-					const type = QuickListTypeMap[text];
-					return [{
-						id: QuickListCommand.id,
-						params: {
-							listType: type,
-							paragraph: paragraphs[0]
-						}
-					}];
+					ctx.save();
+					ctx.translate(0, pageHeight - marginBottom);
+					Rect.drawWith(ctx, {
+						left: 0,
+						top: 0,
+						width: pageWidth,
+						height: marginBottom,
+						fill: "rgba(255, 255, 255, 0.5)"
+					});
+					ctx.restore();
+				} else {
+					ctx.save();
+					ctx.translate(0, marginTop);
+					Rect.drawWith(ctx, {
+						left: 0,
+						top: marginTop,
+						width: pageWidth,
+						height: pageHeight - marginTop - marginBottom,
+						fill: "rgba(255, 255, 255, 0.5)"
+					});
+					ctx.restore();
 				}
-				if (text && hasQuickHeading(text)) {
-					const type = QUICK_HEADING_MAP[text];
-					return [{
-						id: QuickHeadingCommand.id,
-						params: { value: type }
-					}];
+				if (!isEditBody) {
+					const headerPathConfigIPathProps = {
+						dataArray: [{
+							command: "M",
+							points: [0, marginTop]
+						}, {
+							command: "L",
+							points: [pageWidth, marginTop]
+						}],
+						strokeWidth: 1,
+						stroke: HEADER_FOOTER_STROKE_COLOR
+					};
+					const footerPathConfigIPathProps = {
+						dataArray: [{
+							command: "M",
+							points: [0, pageHeight - marginBottom]
+						}, {
+							command: "L",
+							points: [pageWidth, pageHeight - marginBottom]
+						}],
+						strokeWidth: 1,
+						stroke: HEADER_FOOTER_STROKE_COLOR
+					};
+					Path.drawWith(ctx, headerPathConfigIPathProps);
+					Path.drawWith(ctx, footerPathConfigIPathProps);
+					ctx.translate(0, marginTop + 1);
+					TextBubbleShape.drawWith(ctx, {
+						text: localeService.t("docs-ui.headerFooter.header"),
+						color: HEADER_FOOTER_FILL_COLOR
+					});
+					ctx.translate(0, pageHeight - marginTop - marginBottom);
+					TextBubbleShape.drawWith(ctx, {
+						text: localeService.t("docs-ui.headerFooter.footer"),
+						color: HEADER_FOOTER_FILL_COLOR
+					});
 				}
-				return [];
-			}
+				ctx.restore();
+			})));
 		}));
 	}
-	_initExitListAutoFormat() {
-		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
-			id: EnterCommand.id,
-			match: (context) => {
-				const { paragraphs } = context;
-				if (paragraphs.length === 1 && paragraphs[0].bullet && paragraphs[0].paragraphStart === paragraphs[0].paragraphEnd) return true;
-				return false;
-			},
-			getMutations: (context) => {
-				const bullet = context.paragraphs[0].bullet;
-				if (!bullet) return [];
-				if (bullet.nestingLevel > 0) return [{
-					id: ChangeListNestingLevelCommand.id,
-					params: { type: -1 }
-				}];
-				return [{
-					id: ListOperationCommand.id,
-					params: { listType: context.paragraphs[0].bullet.listType }
-				}];
-			}
-		}));
+	_isEditorReadOnly(unitId) {
+		const editor = this._editorService.getEditor(unitId);
+		if (!editor) return false;
+		return editor.isReadOnly();
 	}
-	_initDefaultEnterFormat() {
-		this.disposeWithMe(this._docAutoFormatService.registerAutoFormat({
-			id: EnterCommand.id,
-			match: () => {
-				return true;
-			},
-			getMutations() {
-				return [{ id: BreakLineCommand.id }];
-			},
-			priority: -9999
-		}));
+	_isTraditionalMode() {
+		return this._context.unit.getSnapshot().documentStyle.documentFlavor === DocumentFlavor.TRADITIONAL;
 	}
 };
-DocAutoFormatController = __decorate([__decorateParam(0, Inject(DocAutoFormatService)), __decorateParam(1, IRenderManagerService)], DocAutoFormatController);
+DocHeaderFooterController = __decorate([
+	__decorateParam(1, ICommandService),
+	__decorateParam(2, IEditorService),
+	__decorateParam(3, IUniverInstanceService),
+	__decorateParam(4, IRenderManagerService),
+	__decorateParam(5, Inject(DocSkeletonManagerService)),
+	__decorateParam(6, Inject(DocSelectionRenderService)),
+	__decorateParam(7, Inject(LocaleService))
+], DocHeaderFooterController);
 
 //#endregion
 //#region src/basics/table.ts
@@ -18108,10 +18136,10 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		}));
 	}
 	_handleShiftMoveSelection(direction, granularity = "character") {
-		var _this$_renderManagerS, _body$dataStream$leng, _docDataModel$getCust;
+		var _this$_renderManagerS, _docDataModel$getSelf, _body$dataStream$leng, _docDataModel$getCust;
 		const activeRange = this._textSelectionManagerService.getActiveTextRange();
 		const allRanges = this._textSelectionManagerService.getTextRanges();
-		const docDataModel = this._univerInstanceService.getCurrentUniverDocInstance();
+		const docDataModel = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return;
 		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderById(docDataModel.getUnitId())) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSkeletonManagerService).getSkeleton();
 		const docObject = this._getDocObject();
@@ -18135,7 +18163,7 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		}
 		const anchorOffset = collapsed ? startOffset : rangeDirection === RANGE_DIRECTION.FORWARD ? startOffset : endOffset;
 		let focusOffset = collapsed ? endOffset : rangeDirection === RANGE_DIRECTION.FORWARD ? endOffset : startOffset;
-		const body = docDataModel.getSelfOrHeaderFooterModel(normalizedSegmentId).getBody();
+		const body = (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(normalizedSegmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (body == null) return;
 		const dataStreamLength = (_body$dataStream$leng = body.dataStream.length) !== null && _body$dataStream$leng !== void 0 ? _body$dataStream$leng : Number.POSITIVE_INFINITY;
 		const customRanges = (_docDataModel$getCust = docDataModel.getCustomRanges()) !== null && _docDataModel$getCust !== void 0 ? _docDataModel$getCust : [];
@@ -18191,10 +18219,10 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		}
 	}
 	_handleMoveCursor(direction, granularity = "character") {
-		var _this$_renderManagerS2, _body$dataStream$leng2, _docDataModel$getCust2;
+		var _this$_renderManagerS2, _docDataModel$getSelf2, _body$dataStream$leng2, _docDataModel$getCust2;
 		const activeRange = this._textSelectionManagerService.getActiveTextRange();
 		const allRanges = this._textSelectionManagerService.getTextRanges();
-		const docDataModel = this._univerInstanceService.getCurrentUniverDocInstance();
+		const docDataModel = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (docDataModel == null) return false;
 		const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(docDataModel.getUnitId())) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(DocSkeletonManagerService).getSkeleton();
 		const docObject = this._getDocObject();
@@ -18202,7 +18230,7 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		const { startOffset, endOffset, style, collapsed, segmentId, startNodePosition, endNodePosition, segmentPage } = activeRange;
 		const normalizedSegmentId = segmentId !== null && segmentId !== void 0 ? segmentId : "";
 		const normalizedSegmentPage = segmentPage !== null && segmentPage !== void 0 ? segmentPage : -1;
-		const body = docDataModel.getSelfOrHeaderFooterModel(normalizedSegmentId).getBody();
+		const body = (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(normalizedSegmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.getBody();
 		if (body == null) return;
 		const dataStreamLength = (_body$dataStream$leng2 = body.dataStream.length) !== null && _body$dataStream$leng2 !== void 0 ? _body$dataStream$leng2 : Number.POSITIVE_INFINITY;
 		const customRanges = (_docDataModel$getCust2 = docDataModel.getCustomRanges()) !== null && _docDataModel$getCust2 !== void 0 ? _docDataModel$getCust2 : [];
@@ -18970,7 +18998,7 @@ let DocEditorBridgeController = class DocEditorBridgeController extends Disposab
 		if (unitId == null) return;
 		const editor = this._editorService.getEditor(unitId);
 		if ((editor === null || editor === void 0 ? void 0 : editor.cancelDefaultResizeListener) === true) return;
-		const editorDataModel = this._univerInstanceService.getUniverDocInstance(unitId);
+		const editorDataModel = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
 		if (!editorDataModel) return;
 		const skeleton = this._docSkeletonManagerService.getSkeleton();
 		if (editor == null || editor.render == null || skeleton == null || editorDataModel == null) return;
@@ -19185,7 +19213,7 @@ let DocInputController = class DocInputController extends Disposable {
 	}
 	_initialNormalInput() {
 		this._onInputSubscription = this._docSelectionRenderService.onInput$.subscribe(async (config) => {
-			var _originBody$customRan, _originBody$customDec;
+			var _docDataModel$getSelf, _originBody$customRan, _originBody$customDec;
 			if (config == null) return;
 			const { unitId } = this._context;
 			const { event, content = "", activeRange } = config;
@@ -19194,7 +19222,8 @@ let DocInputController = class DocInputController extends Disposable {
 			const skeleton = this._docSkeletonManagerService.getSkeleton();
 			if (e.data == null || skeleton == null || activeRange == null) return;
 			const { segmentId } = activeRange;
-			const originBody = this._context.unit.getSelfOrHeaderFooterModel(segmentId).getBody();
+			const originBody = (_docDataModel$getSelf = this._context.unit.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
+			if (!originBody) return;
 			const defaultTextStyle = this._docMenuStyleService.getDefaultStyle();
 			const cacheStyle = this._docMenuStyleService.getStyleCache();
 			const curCustomRange = getCustomRangeAtPosition((_originBody$customRan = originBody === null || originBody === void 0 ? void 0 : originBody.customRanges) !== null && _originBody$customRan !== void 0 ? _originBody$customRan : [], activeRange.endOffset, SHEET_EDITOR_UNITS.includes(unitId));
@@ -19451,11 +19480,11 @@ let DocZoomRenderController = class DocZoomRenderController extends Disposable {
 	_initSkeletonListener() {
 		this.disposeWithMe(this._docSkeletonManagerService.currentSkeleton$.subscribe((param) => {
 			if (param == null) return;
-			const documentModel = this._univerInstanceService.getCurrentUniverDocInstance();
+			const documentModel = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 			if (!documentModel) return;
 			this._updateTimer = window.setTimeout(() => {
 				const currentSheet = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
-				const sheetRenderer = currentSheet && this._renderManagerService.getRenderById(currentSheet.getUnitId());
+				const sheetRenderer = currentSheet && this._renderManagerService.getRenderUnitById(currentSheet.getUnitId());
 				const zoomRatio = !this._isSheetEditor ? getDocEffectiveZoomRatio(documentModel) : (sheetRenderer === null || sheetRenderer === void 0 ? void 0 : sheetRenderer.scene.scaleX) || 1;
 				this.updateViewZoom(zoomRatio, false);
 			});
@@ -19491,7 +19520,7 @@ let DocZoomRenderController = class DocZoomRenderController extends Disposable {
 	_initZoomEventListener() {
 		const scene = this._context.scene;
 		this.disposeWithMe(scene.onMouseWheel$.subscribeEvent((e) => {
-			const documentModel = this._univerInstanceService.getCurrentUniverDocInstance();
+			const documentModel = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 			if (!documentModel) return;
 			const { documentFlavor } = documentModel.getSnapshot().documentStyle;
 			if (!shouldHandleDocWheelZoom(e, Boolean(this._contextService.getContextValue(FOCUSING_DOC)), documentFlavor)) return;
@@ -19645,6 +19674,11 @@ const DeleteRightShortcut = {
 	preconditions: whenDocAndEditorFocused,
 	binding: KeyCode.DELETE
 };
+const CloseHeaderFooterShortcut = {
+	id: CloseHeaderFooterCommand.id,
+	preconditions: whenDocAndEditorFocused,
+	binding: KeyCode.ESC
+};
 
 //#endregion
 //#region src/shortcuts/cursor.shortcut.ts
@@ -19871,7 +19905,6 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends Plugin {
 			InsertCustomRangeCommand,
 			SetParagraphNamedStyleCommand,
 			QuickHeadingCommand,
-			DeleteCurrentParagraphCommand,
 			DocCopyCurrentParagraphCommand,
 			DocCutCurrentParagraphCommand,
 			H1HeadingCommand,
@@ -19894,7 +19927,8 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends Plugin {
 		[
 			DocCopyCommand,
 			DocCutCommand,
-			DocPasteCommand
+			DocPasteCommand,
+			DeleteCurrentParagraphCommand
 		].forEach((command) => this.disposeWithMe(this._commandService.registerMultipleCommand(command)));
 	}
 	_initializeShortcut() {
@@ -19926,6 +19960,7 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends Plugin {
 			SelectAllShortcut,
 			DeleteLeftShortcut,
 			DeleteRightShortcut,
+			CloseHeaderFooterShortcut,
 			BreakLineShortcut,
 			SoftBreakLineShortcut,
 			ShiftTabShortCut,
@@ -20011,7 +20046,7 @@ _defineProperty(UniverDocsUIPlugin, "pluginName", "DOC_UI_PLUGIN");
 _defineProperty(UniverDocsUIPlugin, "packageName", name);
 _defineProperty(UniverDocsUIPlugin, "version", version);
 UniverDocsUIPlugin = __decorate([
-	DependentOn(UniverRenderEnginePlugin),
+	DependentOn(UniverRenderEnginePlugin, UniverDocsPlugin),
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IRenderManagerService),
 	__decorateParam(3, ICommandService),
@@ -20575,4 +20610,4 @@ const RichTextEditor = (props) => {
 };
 
 //#endregion
-export { AfterSpaceCommand, AlignCenterCommand, AlignJustifyCommand, AlignLeftCommand, AlignMenuItemFactory, AlignOperationCommand, AlignRightCommand, BackgroundColorSelectorMenuItemFactory, BoldMenuItemFactory, BreakLineCommand, BulletListCommand, ChangeListNestingLevelCommand, ChangeListNestingLevelType, ChangeListTypeCommand, CheckListCommand, CoverContentCommand, CreateDocTableCommand, CutContentCommand, DEFAULT_DOC_FIT_TO_WIDTH_OPTIONS, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX, DOCS_COMPONENT_DEFAULT_Z_INDEX, DOCS_COMPONENT_HEADER_LAYER_INDEX, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_CONTENT_INSERT_MENU_ID, DOC_PARAGRAPH_T_ALIGN_MENU_ID, DOC_PARAGRAPH_T_COLORS_MENU_ID, DOC_PARAGRAPH_T_DIVIDER_MENU_ID, DOC_PARAGRAPH_T_EDIT_MENU_ID, DOC_PARAGRAPH_T_INSERT_BELOW_MENU_ID, DOC_PARAGRAPH_T_INSERT_MENU_ID, DOC_TABLE_BLOCK_MENU_ID, DOC_VERTICAL_PADDING, DeleteCustomBlockCommand, DeleteLeftCommand, DeleteRightCommand, DocAutoFormatService, DocBackScrollRenderController, DocCanvasPopManagerService, DocCopyCommand, DocCreateTableOperation, DocCutCommand, DocEventManagerService, DocHtmlExportService, DocIMEInputManagerService, DocParagraphMenuService, DocParagraphPlaceholderRenderController, DocPasteCommand, DocPrintInterceptorService, DocRenderController, DocSelectAllCommand, DocSelectionRenderService, DocTableDeleteColumnsCommand, DocTableDeleteRowsCommand, DocTableDeleteTableCommand, DocTableInsertColumnCommand, DocTableInsertColumnLeftCommand, DocTableInsertColumnRightCommand, DocTableInsertRowAboveCommand, DocTableInsertRowBellowCommand, DocTableInsertRowCommand, DocTableTabCommand, DocUIController, DocViewScaleService, DocsRenderService, menuSchema as DocsUIMenuSchema, EMPTY_PARAGRAPH_MENU_ID, Editor, EditorService, EnterCommand, FLOAT_TEXT_STYLE_MENU_ID, FLOAT_TOOLBAR_MENU_POSITION, FloatTextStyleMenuItemFactory, FontFamilySelectorMenuItemFactory, FontSizeSelectorMenuItemFactory, HorizontalLineCommand, IDocClipboardService, IEditorService, IMEInputCommand, INSERT_BELLOW_MENU_ID, InnerPasteCommand, InsertCustomRangeCommand, ItalicMenuItemFactory, ListOperationCommand, MergeTwoParagraphCommand, MoveCursorOperation, MoveDocBlockCommand, MoveSelectionOperation, NORMAL_TEXT_SELECTION_PLUGIN_NAME, NodePositionConvertToCursor, NodePositionConvertToRectRange, OrderListCommand, ParagraphMenuInsertBelowSubmenuItemFactory, LarkPastePlugin as PastePluginLark, UniverPastePlugin as PastePluginUniver, WordPastePlugin as PastePluginWord, QuickListCommand, RectRange, ReplaceContentCommand, ReplaceSelectionCommand, ReplaceSnapshotCommand, ReplaceTextRunsCommand, ResetInlineFormatTextBackgroundColorCommand, ResetInlineFormatTextColorCommand, RichTextEditor, SetDocZoomRatioCommand, SetDocZoomRatioOperation, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextBackgroundColorCommand, SetInlineFormatTextColorCommand, SetInlineFormatTextFillCommand, SetInlineFormatUnderlineCommand, SetParagraphNamedStyleCommand, StrikeThroughMenuItemFactory, SwitchDocModeCommand, TEXT_RANGE_LAYER_INDEX, TabCommand, TextColorSelectorMenuItemFactory, TextRange, ToggleCheckListCommand, UnderlineMenuItemFactory, UniverDocsUIPlugin, VIEWPORT_KEY, addCustomDecorationBySelectionFactory, addCustomDecorationFactory, buildMoveDocBlockActions, calcDocFitToWidthScale, calcDocRangePositions, convertBodyToHtml, convertPositionsToRectRanges, createEditorUndoRedoKeyboardConfig, deleteCustomDecorationFactory, docDrawingPositionToTransform, executeEditorUndoRedoCommand, genTableSource, generateParagraphs, getAnchorBounding, getCanvasOffsetByEngine, getCommandSkeleton, getCursorWhenDelete, getCustomBlockIdsInSelections, getCutActionsFromDocRanges, getDocBlockRangeMenuId, getDocObject, getDocObjectById, getEmptyTableCell, getEmptyTableRow, getLineBounding, getListMarkerFallbackBound, getListParagraphContextMenuHit, getOneTextSelectionRange, getStyleInTextRange, getTableColumn, hasParagraphInTable, hideMenuWhenSelectionInBlockRange, isInSameTableCell, isTextRangeInAnyBlockRange, isValidRectRange, neoGetDocObject, normalizeDocFitToWidthOptions, resolveDocFitBaseWidth, resolveDocViewScale, transformToDocDrawingPosition, useEditor, useEditorClickOutside, useIsFocusing, useKeyboardEvent, useLeftAndRightArrow, useOnChange, useResize, whenDocAndEditorFocused };
+export { AfterSpaceCommand, AlignCenterCommand, AlignJustifyCommand, AlignLeftCommand, AlignMenuItemFactory, AlignOperationCommand, AlignRightCommand, BackgroundColorSelectorMenuItemFactory, BoldMenuItemFactory, BreakLineCommand, BulletListCommand, ChangeListNestingLevelCommand, ChangeListNestingLevelType, ChangeListTypeCommand, CheckListCommand, CoverContentCommand, CreateDocTableCommand, CutContentCommand, DEFAULT_DOC_FIT_TO_WIDTH_OPTIONS, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX, DOCS_COMPONENT_DEFAULT_Z_INDEX, DOCS_COMPONENT_HEADER_LAYER_INDEX, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_CONTENT_INSERT_MENU_ID, DOC_PARAGRAPH_T_ALIGN_MENU_ID, DOC_PARAGRAPH_T_COLORS_MENU_ID, DOC_PARAGRAPH_T_DIVIDER_MENU_ID, DOC_PARAGRAPH_T_EDIT_MENU_ID, DOC_PARAGRAPH_T_INSERT_BELOW_MENU_ID, DOC_PARAGRAPH_T_INSERT_MENU_ID, DOC_TABLE_BLOCK_MENU_ID, DOC_VERTICAL_PADDING, DeleteCurrentParagraphCommand, DeleteCustomBlockCommand, DeleteLeftCommand, DeleteRightCommand, DocAutoFormatService, DocBackScrollRenderController, DocCanvasPopManagerService, DocCopyCommand, DocCreateTableOperation, DocCutCommand, DocEventManagerService, DocHtmlExportService, DocIMEInputManagerService, DocParagraphMenuService, DocParagraphPlaceholderRenderController, DocPasteCommand, DocPrintInterceptorService, DocRenderController, DocSelectAllCommand, DocSelectionRenderService, DocTableDeleteColumnsCommand, DocTableDeleteRowsCommand, DocTableDeleteTableCommand, DocTableInsertColumnCommand, DocTableInsertColumnLeftCommand, DocTableInsertColumnRightCommand, DocTableInsertRowAboveCommand, DocTableInsertRowBellowCommand, DocTableInsertRowCommand, DocTableTabCommand, DocUIController, DocViewScaleService, DocsRenderService, menuSchema as DocsUIMenuSchema, EMPTY_PARAGRAPH_MENU_ID, Editor, EditorService, EnterCommand, FLOAT_TEXT_STYLE_MENU_ID, FLOAT_TOOLBAR_MENU_POSITION, FloatTextStyleMenuItemFactory, FontFamilySelectorMenuItemFactory, FontSizeSelectorMenuItemFactory, HorizontalLineCommand, IDocClipboardService, IEditorService, IMEInputCommand, INSERT_BELLOW_MENU_ID, InnerPasteCommand, InsertCustomRangeCommand, ItalicMenuItemFactory, ListOperationCommand, MergeTwoParagraphCommand, MoveCursorOperation, MoveDocBlockCommand, MoveSelectionOperation, NORMAL_TEXT_SELECTION_PLUGIN_NAME, NodePositionConvertToCursor, NodePositionConvertToRectRange, OrderListCommand, ParagraphMenuInsertBelowSubmenuItemFactory, LarkPastePlugin as PastePluginLark, UniverPastePlugin as PastePluginUniver, WordPastePlugin as PastePluginWord, QuickListCommand, RectRange, ReplaceContentCommand, ReplaceSelectionCommand, ReplaceSnapshotCommand, ReplaceTextRunsCommand, ResetInlineFormatTextBackgroundColorCommand, ResetInlineFormatTextColorCommand, RichTextEditor, SetDocZoomRatioCommand, SetDocZoomRatioOperation, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextBackgroundColorCommand, SetInlineFormatTextColorCommand, SetInlineFormatTextFillCommand, SetInlineFormatUnderlineCommand, SetParagraphNamedStyleCommand, StrikeThroughMenuItemFactory, SwitchDocModeCommand, TEXT_RANGE_LAYER_INDEX, TabCommand, TextColorSelectorMenuItemFactory, TextRange, ToggleCheckListCommand, UnderlineMenuItemFactory, UniverDocsUIPlugin, VIEWPORT_KEY, addCustomDecorationBySelectionFactory, addCustomDecorationFactory, buildMoveDocBlockActions, calcDocFitToWidthScale, calcDocRangePositions, convertBodyToHtml, convertPositionsToRectRanges, createEditorUndoRedoKeyboardConfig, deleteCustomDecorationFactory, disableMenuWhenHeaderFooterEditing, docDrawingPositionToTransform, executeEditorUndoRedoCommand, genTableSource, generateParagraphs, getAnchorBounding, getCanvasOffsetByEngine, getCommandSkeleton, getCursorWhenDelete, getCustomBlockIdsInSelections, getCutActionsFromDocRanges, getDocBlockRangeMenuId, getDocObject, getDocObjectById, getEmptyTableCell, getEmptyTableRow, getLineBounding, getListMarkerFallbackBound, getListParagraphContextMenuHit, getOneTextSelectionRange, getStyleInTextRange, getTableColumn, hasParagraphInTable, hideMenuWhenSelectionInBlockRange, isInSameTableCell, isTextRangeInAnyBlockRange, isValidRectRange, neoGetDocObject, normalizeDocFitToWidthOptions, resolveDocFitBaseWidth, resolveDocViewScale, transformToDocDrawingPosition, useEditor, useEditorClickOutside, useIsFocusing, useKeyboardEvent, useLeftAndRightArrow, useOnChange, useResize, whenDocAndEditorFocused };