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

package/lib/es/index.js

@@ -1,6 +1,6 @@
-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, 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, sequenceExecuteAsync, skipParseTagNames, toDisposable, touchDependencies } from "@univerjs/core";
-import { DeleteTextCommand, DocContentInsertService, DocInterceptorService, DocSelectionManagerService, DocSkeletonManagerService, DocStateEmitService, IDocStateChangeInterceptorService, InsertTextCommand, RichTextEditingMutation, SetTextSelectionsOperation, UpdateTextCommand } from "@univerjs/docs";
-import { CURSOR_TYPE, DeviceInputEventType, DocBackground, DocumentEditArea, DocumentSkeletonPageType, Documents, GlyphType, IRenderManagerService, Layer, Liquid, NORMAL_TEXT_SELECTION_PLUGIN_STYLE, PageLayoutType, Path, Rect, RegularPolygon, ScrollBar, ScrollTimer, Shape, TRANSFORM_CHANGE_OBSERVABLE_TYPE, UniverRenderEnginePlugin, Vector2, Viewport, getColor, getDocsTableRenderViewport, getLastColumn, getLastLine, getNextWheelZoomRatio, getNumberUnitValue, getOffsetRectForDom, getPageFromPath, getParagraphByGlyph, getSystemHighlightColor, getTableIdAndSliceIndex, hasListGlyph, isFirstGlyph, isIndentByGlyph, lineIterator, parseDataStreamToTree, pixelToPt, ptToPixel, pxToNum } from "@univerjs/engine-render";
+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 { 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";
 import { BehaviorSubject, Observable, Subject, animationFrameScheduler, combineLatest, distinctUntilChanged, filter, first, fromEvent, map, merge as merge$1, of, switchMap, take, takeUntil, throttleTime } from "rxjs";
@@ -8,7 +8,7 @@ import { bufferTime, filter as filter$1, map as map$1 } from "rxjs/operators";
 import { Button, Checkbox, InputNumber, Select, Tooltip, borderClassName, clsx, scrollbarClassName } from "@univerjs/design";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AddImageIcon, AlignTextBothIcon, BoldIcon, CatalogueIcon, CopyDoubleIcon, CutIcon, DeleteColumnDoubleIcon, DeleteIcon, DeleteRowDoubleIcon, DocSettingIcon, FontColorDoubleIcon, GridIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, HeaderFooterIcon, HorizontallyIcon, InsertDoubleIcon, InsertRowAboveDoubleIcon, InsertRowBelowDoubleIcon, ItalicIcon, KeyboardIcon, LeftIcon, LeftInsertColumnDoubleIcon, LeftJustifyingIcon, MenuIcon, MoreLeftIcon, MoreRightIcon, NoColorDoubleIcon, OrderIcon, PaintBucketDoubleIcon, PasteSpecialDoubleIcon, ReduceDoubleIcon, ReduceIcon, RightInsertColumnDoubleIcon, RightJustifyingIcon, ShapeIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, TextTypeIcon, TodoListDoubleIcon, UnderlineIcon, UnorderIcon } from "@univerjs/icons";
+import { AddImageIcon, AlignTextBothIcon, BoldIcon, CatalogueIcon, CopyDoubleIcon, CutIcon, DeleteColumnDoubleIcon, DeleteIcon, DeleteRowDoubleIcon, DocSettingIcon, FontColorDoubleIcon, GridIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, HeaderFooterIcon, HorizontallyIcon, InsertDoubleIcon, InsertRowAboveDoubleIcon, InsertRowBelowDoubleIcon, ItalicIcon, KeyboardIcon, LeftInsertColumnDoubleIcon, LeftJustifyingIcon, MenuIcon, MoreLeftIcon, MoreRightIcon, NoColorDoubleIcon, OrderIcon, PaintBucketDoubleIcon, PasteSpecialDoubleIcon, ReduceDoubleIcon, ReduceIcon, RightInsertColumnDoubleIcon, RightJustifyingIcon, ShapeIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, TextTypeIcon, TodoListDoubleIcon, UnderlineIcon, UnorderIcon } from "@univerjs/icons";
 
 //#region src/basics/docs-view-key.ts
 /**
@@ -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;
@@ -3594,14 +3599,36 @@ function hasVisibleHtml(html) {
 	return /<(?:img|br)\b/i.test(html) || html.replace(/<[^>]+>/g, "").replace(/&nbsp;/gi, " ").trim().length > 0;
 }
 var UDMToHtmlService = class {
+	constructor(_docHtmlExportService) {
+		this._docHtmlExportService = _docHtmlExportService;
+	}
 	convert(docList) {
 		if (docList.length === 0) throw new Error("The bodyList length at least to be 1");
 		let html = "";
-		for (const doc of Tools.deepClone(docList)) html += convertBodyToHtml(doc);
+		for (const doc of Tools.deepClone(docList)) {
+			var _this$_docHtmlExportS, _this$_docHtmlExportS2;
+			html += convertBodyToHtml((_this$_docHtmlExportS = (_this$_docHtmlExportS2 = this._docHtmlExportService) === null || _this$_docHtmlExportS2 === void 0 ? void 0 : _this$_docHtmlExportS2.transformDocumentForHtmlExport(doc)) !== null && _this$_docHtmlExportS !== void 0 ? _this$_docHtmlExportS : doc);
+		}
 		return html;
 	}
 };
 
+//#endregion
+//#region src/services/clipboard/udm-to-html/doc-html-export.service.ts
+var DocHtmlExportService = class extends Disposable {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "_transformers", []);
+	}
+	registerTransformer(transformer) {
+		this._transformers.push(transformer);
+		return this.disposeWithMe(toDisposable(() => remove(this._transformers, transformer)));
+	}
+	transformDocumentForHtmlExport(documentData) {
+		return this._transformers.reduce((doc, transformer) => transformer(doc), documentData);
+	}
+};
+
 //#endregion
 //#region src/services/clipboard/clipboard.service.ts
 HtmlToUDMService.use(LarkPastePlugin);
@@ -3639,7 +3666,7 @@ function getTableCellContentClipboardBodySlice(body, start, end) {
 }
 const IDocClipboardService = createIdentifier("doc.clipboard-service");
 let DocClipboardService = class DocClipboardService extends Disposable {
-	constructor(_univerInstanceService, _logService, _commandService, _clipboardInterfaceService, _docSelectionManagerService) {
+	constructor(_univerInstanceService, _logService, _commandService, _clipboardInterfaceService, docHtmlExportService, _docSelectionManagerService) {
 		super();
 		this._univerInstanceService = _univerInstanceService;
 		this._logService = _logService;
@@ -3648,7 +3675,8 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 		this._docSelectionManagerService = _docSelectionManagerService;
 		_defineProperty(this, "_clipboardHooks", []);
 		_defineProperty(this, "_htmlToUDM", new HtmlToUDMService());
-		_defineProperty(this, "_umdToHtml", new UDMToHtmlService());
+		_defineProperty(this, "_umdToHtml", void 0);
+		this._umdToHtml = new UDMToHtmlService(docHtmlExportService);
 	}
 	async copy(sliceType = SliceBodyType.copy, ranges) {
 		var _this$_getDocumentBod;
@@ -3800,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;
@@ -3810,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) {
@@ -3823,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);
 		}
@@ -4004,7 +4033,8 @@ DocClipboardService = __decorate([
 	__decorateParam(1, ILogService),
 	__decorateParam(2, ICommandService),
 	__decorateParam(3, IClipboardInterfaceService),
-	__decorateParam(4, Inject(DocSelectionManagerService))
+	__decorateParam(4, Inject(DocHtmlExportService)),
+	__decorateParam(5, Inject(DocSelectionManagerService))
 ], DocClipboardService);
 function dataUrlToFile(dataUrl, fallbackName) {
 	const match = /^data:([^;,]+)(;base64)?,(.*)$/i.exec(dataUrl);
@@ -4096,13 +4126,21 @@ 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 { nextDocumentData, movedRange } = buildMoveDocBlockActions({
+		const moveResult = buildMoveDocBlockActions({
 			documentData: previousDocumentData,
-			sourceRange: params.sourceRange,
-			targetOffset: params.targetOffset
+			sourceRange,
+			targetOffset
+		});
+		const { nextDocumentData, movedRange } = accessor.get(DocBlockMoveValidatorService).transformMoveResult({
+			unitId: doc.getUnitId(),
+			sourceRange,
+			targetOffset,
+			previousDocumentData,
+			result: moveResult
 		});
 		const actions = buildReplaceDocumentBodyActions(previousDocumentData, nextDocumentData);
 		if (!actions) return false;
@@ -4160,6 +4198,7 @@ function buildReplaceDocumentBodyActions(previousDocumentData, nextDocumentData)
 		jsonX.replaceOp(["body", "paragraphs"], previousBody.paragraphs, nextBody.paragraphs),
 		jsonX.replaceOp(["body", "sectionBreaks"], previousBody.sectionBreaks, nextBody.sectionBreaks),
 		jsonX.replaceOp(["body", "tables"], previousBody.tables, nextBody.tables),
+		jsonX.replaceOp(["body", "columnGroups"], previousBody.columnGroups, nextBody.columnGroups),
 		jsonX.replaceOp(["body", "customBlocks"], previousBody.customBlocks, nextBody.customBlocks),
 		jsonX.replaceOp(["body", "blockRanges"], previousBody.blockRanges, nextBody.blockRanges),
 		jsonX.replaceOp(["body", "customRanges"], previousBody.customRanges, nextBody.customRanges),
@@ -4168,7 +4207,7 @@ function buildReplaceDocumentBodyActions(previousDocumentData, nextDocumentData)
 	].filter(Boolean).reduce((acc, cur) => JSONX.compose(acc, cur), null);
 }
 function remapBodyIndexesAfterMove(body, startOffset, endOffset, targetOffset, insertOffset, moveLength) {
-	var _body$paragraphs, _body$sectionBreaks, _body$customBlocks, _body$tables, _body$blockRanges, _body$customRanges, _body$customDecoratio, _body$textRuns;
+	var _body$paragraphs, _body$sectionBreaks, _body$customBlocks, _body$tables, _body$columnGroups, _body$blockRanges, _body$customRanges, _body$customDecoratio, _body$textRuns;
 	body.paragraphs = (_body$paragraphs = body.paragraphs) === null || _body$paragraphs === void 0 ? void 0 : _body$paragraphs.map((paragraph) => ({
 		...paragraph,
 		startIndex: remapIndexAfterMove(paragraph.startIndex, startOffset, endOffset, targetOffset, insertOffset, moveLength)
@@ -4182,6 +4221,7 @@ function remapBodyIndexesAfterMove(body, startOffset, endOffset, targetOffset, i
 		startIndex: remapIndexAfterMove(customBlock.startIndex, startOffset, endOffset, targetOffset, insertOffset, moveLength)
 	})).sort((left, right) => left.startIndex - right.startIndex);
 	body.tables = (_body$tables = body.tables) === null || _body$tables === void 0 ? void 0 : _body$tables.map((table) => remapExclusiveRange(table, startOffset, endOffset, targetOffset, insertOffset, moveLength)).sort((left, right) => left.startIndex - right.startIndex);
+	body.columnGroups = (_body$columnGroups = body.columnGroups) === null || _body$columnGroups === void 0 ? void 0 : _body$columnGroups.map((columnGroup) => remapExclusiveRange(columnGroup, startOffset, endOffset, targetOffset, insertOffset, moveLength)).sort((left, right) => left.startIndex - right.startIndex);
 	body.blockRanges = (_body$blockRanges = body.blockRanges) === null || _body$blockRanges === void 0 ? void 0 : _body$blockRanges.map((blockRange) => remapInclusiveRange(blockRange, startOffset, endOffset, targetOffset, insertOffset, moveLength)).sort((left, right) => left.startIndex - right.startIndex);
 	body.customRanges = (_body$customRanges = body.customRanges) === null || _body$customRanges === void 0 ? void 0 : _body$customRanges.map((customRange) => remapInclusiveRange(customRange, startOffset, endOffset, targetOffset, insertOffset, moveLength)).sort((left, right) => left.startIndex - right.startIndex);
 	body.customDecorations = (_body$customDecoratio = body.customDecorations) === null || _body$customDecoratio === void 0 ? void 0 : _body$customDecoratio.map((customDecoration) => remapInclusiveRange(customDecoration, startOffset, endOffset, targetOffset, insertOffset, moveLength)).sort((left, right) => left.startIndex - right.startIndex);
@@ -4206,7 +4246,7 @@ function remapExclusiveRange(range, startOffset, endOffset, targetOffset, insert
 	return {
 		...range,
 		startIndex: remapIndexAfterMove(range.startIndex, startOffset, endOffset, targetOffset, insertOffset, moveLength),
-		endIndex: remapIndexAfterMove(range.endIndex, startOffset, endOffset, targetOffset, insertOffset, moveLength)
+		endIndex: remapExclusiveEndIndexAfterMove(range.endIndex, startOffset, endOffset, targetOffset, insertOffset, moveLength)
 	};
 }
 function remapInclusiveRange(range, startOffset, endOffset, targetOffset, insertOffset, moveLength) {
@@ -4227,6 +4267,11 @@ function remapIndexAfterMove(index, startOffset, endOffset, targetOffset, insert
 	if (targetOffset > endOffset && index >= endOffset && index < targetOffset) return index - moveLength;
 	return index;
 }
+function remapExclusiveEndIndexAfterMove(index, startOffset, endOffset, targetOffset, insertOffset, moveLength) {
+	if (index > startOffset && index <= endOffset) return insertOffset + index - startOffset;
+	if (targetOffset > endOffset && index >= endOffset && index <= targetOffset) return index - moveLength;
+	return remapIndexAfterMove(index, startOffset, endOffset, targetOffset, insertOffset, moveLength);
+}
 function clamp$1(value, min, max) {
 	return Math.min(Math.max(value, min), max);
 }
@@ -4279,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);
@@ -4288,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;
@@ -4482,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);
@@ -4494,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;
@@ -4698,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);
@@ -4711,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;
@@ -4899,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;
@@ -4973,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;
@@ -5002,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);
@@ -5077,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,
@@ -5158,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();
@@ -5200,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();
@@ -5249,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();
@@ -5317,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,
@@ -5531,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();
@@ -5642,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
@@ -5698,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,
@@ -5726,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,
@@ -5782,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;
@@ -5910,6 +5947,8 @@ const NodePositionMap = {
 	glyph: 5
 };
 function compareNodePositionLogic(pos1, pos2) {
+	const nestedPagePathOrder = compareDocumentSkeletonNestedPagePathOrder(pos1, pos2);
+	if (nestedPagePathOrder != null) return nestedPagePathOrder;
 	if (pos1.page > pos2.page) return false;
 	if (pos1.page < pos2.page) return true;
 	if (pos1.section > pos2.section) return false;
@@ -6166,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) {
@@ -6182,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;
@@ -6205,9 +6247,17 @@ var NodePositionConvertToCursor = class {
 					break;
 				}
 				case DocumentSkeletonPageType.CELL: {
-					this._liquid.translatePagePadding(page);
+					const nestedPageOffset = getDocumentSkeletonNestedPageOffset(segmentPage);
+					if (nestedPageOffset) {
+						this._liquid.translatePagePadding(page);
+						this._liquid.translate(nestedPageOffset.left, nestedPageOffset.top);
+						this._liquid.translatePagePadding(segmentPage);
+						break;
+					}
 					const rowSke = segmentPage.parent;
 					const tableSke = rowSke.parent;
+					const tablePage = tableSke.parent;
+					const tablePageNestedOffset = tablePage ? getDocumentSkeletonNestedPageOffset(tablePage) : void 0;
 					const { left: cellLeft } = segmentPage;
 					const { top: tableTop, left: tableLeft } = tableSke;
 					const { top: rowTop } = rowSke;
@@ -6215,6 +6265,18 @@ 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);
+					}
 					if (hasHorizontalViewport) {
 						var _viewport$leadingInse;
 						const visibleLeft = this._liquid.x + tableLeft - ((_viewport$leadingInse = viewport.leadingInsetLeft) !== null && _viewport$leadingInse !== void 0 ? _viewport$leadingInse : 0);
@@ -6286,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();
@@ -6316,8 +6400,14 @@ function isInSameTableCell(anchorNodePosition, focusNodePosition) {
 	const { path: anchorPath } = anchorNodePosition;
 	const { path: focusPath } = focusNodePosition;
 	if (anchorPath.indexOf("cells") === -1 || focusPath.indexOf("cells") === -1) return false;
-	if (anchorPath.length !== focusPath.length) return false;
-	return Tools.diffValue(anchorPath, focusPath);
+	const anchorTableIdIndex = anchorPath.indexOf("skeTables") + 1;
+	const anchorRowIndex = anchorPath.indexOf("rows") + 1;
+	const anchorCellIndex = anchorPath.indexOf("cells") + 1;
+	const focusTableIdIndex = focusPath.indexOf("skeTables") + 1;
+	const focusRowIndex = focusPath.indexOf("rows") + 1;
+	const focusCellIndex = focusPath.indexOf("cells") + 1;
+	if (anchorTableIdIndex === 0 || anchorRowIndex === 0 || anchorCellIndex === 0 || focusTableIdIndex === 0 || focusRowIndex === 0 || focusCellIndex === 0) return false;
+	return anchorPath[anchorTableIdIndex] === focusPath[focusTableIdIndex] && anchorPath[anchorRowIndex] === focusPath[focusRowIndex] && anchorPath[anchorCellIndex] === focusPath[focusCellIndex];
 }
 function isInSameTableCellData(skeleton, anchorNodePosition, focusNodePosition) {
 	var _anchorGlyph$parent, _focusGlyph$parent;
@@ -6352,7 +6442,7 @@ function compareNodePositionInTable(a, b) {
 	if (aRowCount > bRowCount) return false;
 	return aCellCount <= bCellCount;
 }
-function isEmptyCellPage$1(cell) {
+function isEmptyCellPage(cell) {
 	return cell.sections[0].columns[0].lines.length === 0;
 }
 function findNonEmptyCellPages(cells, startCol, endCol) {
@@ -6360,14 +6450,14 @@ function findNonEmptyCellPages(cells, startCol, endCol) {
 	let e = endCol;
 	let startCell = cells[s];
 	let endCell = cells[e];
-	while (s < e && (isEmptyCellPage$1(startCell) || isEmptyCellPage$1(endCell))) if (isEmptyCellPage$1(startCell)) {
+	while (s < e && (isEmptyCellPage(startCell) || isEmptyCellPage(endCell))) if (isEmptyCellPage(startCell)) {
 		s++;
 		startCell = cells[s];
-	} else if (isEmptyCellPage$1(endCell)) {
+	} else if (isEmptyCellPage(endCell)) {
 		e--;
 		endCell = cells[e];
 	}
-	if (!isEmptyCellPage$1(startCell) && !isEmptyCellPage$1(endCell)) return [startCell, endCell];
+	if (!isEmptyCellPage(startCell) && !isEmptyCellPage(endCell)) return [startCell, endCell];
 }
 function getColumnBoundary(table, column) {
 	var _table$tableSource;
@@ -6415,6 +6505,7 @@ var NodePositionConvertToRectRange = class {
 		_defineProperty(this, "_liquid", new Liquid());
 	}
 	getRangePointData(startNodePosition, endNodePosition) {
+		var _this$_documentOffset, _this$_documentOffset2;
 		const pointGroup = [];
 		const docSkeleton = this._docSkeleton;
 		const skeletonData = docSkeleton.getSkeletonData();
@@ -6428,7 +6519,16 @@ var NodePositionConvertToRectRange = class {
 		const { pageLayoutType, pageMarginLeft, pageMarginTop } = this._documentOffsetConfig;
 		const unitId = getDocumentUnitId(docSkeleton);
 		const sourceTableId = getTableIdAndSliceIndex(tableId).tableId;
-		const skipPageIndex = pageType === DocumentSkeletonPageType.BODY || pageType === DocumentSkeletonPageType.CELL ? startPage : startSegmentPage;
+		const nestedTableContexts = documentSkeletonTableIterator(pages, {
+			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 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);
@@ -6440,6 +6540,44 @@ 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.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 - ((_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];
+						const lastRow = rows[rows.length - 1];
+						const startX = getColumnBoundary(nestedTable, startColumn);
+						const endX = getColumnBoundary(nestedTable, endColumn + 1);
+						if (firstRow && lastRow && startX != null && endX != null) pushViewportClippedPoints(pointGroup, {
+							startX: nestedX + nestedTable.left + startX,
+							startY: nestedY + firstRow.top,
+							endX: nestedX + nestedTable.left + endX,
+							endY: nestedY + lastRow.top + lastRow.height
+						}, viewport, nestedX + nestedTable.left);
+						this._liquid.restorePagePadding(page);
+						this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
+						continue;
+					}
+					for (const row of nestedTable.rows) if (row.index >= startRow && row.index <= endRow) {
+						const cells = findNonEmptyCellPages(row.cells, startColumn, endColumn);
+						if (cells == null) continue;
+						const [rowStartCell, rowEndCell] = cells;
+						pushViewportClippedPoints(pointGroup, {
+							startX: nestedX + rowStartCell.left + nestedTable.left,
+							startY: nestedY + row.top,
+							endX: nestedX + rowEndCell.left + rowEndCell.pageWidth + nestedTable.left,
+							endY: nestedY + row.top + row.height
+						}, viewport, nestedX + nestedTable.left);
+					}
+					this._liquid.restorePagePadding(page);
+					this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
+					continue;
+				}
 				this._liquid.restorePagePadding(page);
 				this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
 				continue;
@@ -6538,19 +6676,23 @@ var NodePositionConvertToRectRange = class {
 		const { pages } = skeletonData;
 		const { path: anchorPath } = anchorPosition;
 		const { path: focusPath } = focusPosition;
-		const anchorCell = getPageFromPath(skeletonData, anchorPath);
-		const focusCell = getPageFromPath(skeletonData, focusPath);
+		if (anchorPath.indexOf("cells") === -1 || focusPath.indexOf("cells") === -1) return;
+		const anchorCell = getCellPageFromPositionPath(skeletonData, anchorPosition);
+		const focusCell = getCellPageFromPositionPath(skeletonData, focusPosition);
 		if (anchorCell == null || focusCell == null) return;
+		const anchorRow = anchorCell.parent;
+		const focusRow = focusCell.parent;
+		if (!Array.isArray(anchorRow === null || anchorRow === void 0 ? void 0 : anchorRow.cells) || !Array.isArray(focusRow === null || focusRow === void 0 ? void 0 : focusRow.cells)) return;
 		const tableId = anchorCell.segmentId;
-		const anchorRow = anchorCell.parent.index;
-		const anchorColumn = anchorCell.parent.cells.indexOf(anchorCell);
-		const focusRow = (focusCell === null || focusCell === void 0 ? void 0 : focusCell.parent).index;
-		const focusColumn = (focusCell === null || focusCell === void 0 ? void 0 : focusCell.parent).cells.indexOf(focusCell);
+		const anchorRowIndex = anchorRow.index;
+		const anchorColumn = anchorRow.cells.indexOf(anchorCell);
+		const focusRowIndex = focusRow.index;
+		const focusColumn = focusRow.cells.indexOf(focusCell);
 		const sourceTableId = getTableIdAndSliceIndex(tableId).tableId;
 		const tableSource = (_docSkeleton$getViewM = docSkeleton.getViewModel().getSnapshot().tableSource) === null || _docSkeleton$getViewM === void 0 ? void 0 : _docSkeleton$getViewM[sourceTableId];
 		const rawRange = {
-			startRowIndex: Math.min(anchorRow, focusRow),
-			endRowIndex: Math.max(anchorRow, focusRow),
+			startRowIndex: Math.min(anchorRowIndex, focusRowIndex),
+			endRowIndex: Math.max(anchorRowIndex, focusRowIndex),
 			startColumnIndex: Math.min(anchorColumn, focusColumn),
 			endColumnIndex: Math.max(anchorColumn, focusColumn)
 		};
@@ -6612,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),
@@ -6704,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);
@@ -7076,6 +7240,20 @@ var RectRange = class {
 
 //#endregion
 //#region src/services/selection/selection-utils.ts
+function isInSameColumnPage(anchorPosition, focusPosition) {
+	const anchorColumnInfo = getDocumentSkeletonColumnPagePathInfo(anchorPosition);
+	const focusColumnInfo = getDocumentSkeletonColumnPagePathInfo(focusPosition);
+	return !!anchorColumnInfo && !!focusColumnInfo && anchorColumnInfo.pageIndex === focusColumnInfo.pageIndex && anchorColumnInfo.columnGroupId === focusColumnInfo.columnGroupId && anchorColumnInfo.columnIndex === focusColumnInfo.columnIndex;
+}
+function getColumnInputBoundaryCollapsedPosition(anchorPosition, focusPosition, skeleton) {
+	const anchorColumnInfo = getDocumentSkeletonColumnPagePathInfo(anchorPosition);
+	const focusColumnInfo = getDocumentSkeletonColumnPagePathInfo(focusPosition);
+	if (!anchorColumnInfo || !focusColumnInfo || anchorColumnInfo.pageIndex !== focusColumnInfo.pageIndex || anchorColumnInfo.columnGroupId !== focusColumnInfo.columnGroupId || anchorColumnInfo.columnIndex + 1 !== focusColumnInfo.columnIndex) return;
+	const anchorOffset = skeleton.findCharIndexByPosition(anchorPosition);
+	const focusOffset = skeleton.findCharIndexByPosition(focusPosition);
+	if (anchorOffset == null || focusOffset == null || anchorOffset <= focusOffset) return;
+	return anchorPosition;
+}
 function getTextRangeFromCharIndex(startOffset, endOffset, scene, document, skeleton, style, segmentId, segmentPage, startIsBack = true, endIsBack = true) {
 	const startNodePosition = skeleton.findNodePositionByCharIndex(startOffset, startIsBack, segmentId, segmentPage);
 	const endNodePosition = skeleton.findNodePositionByCharIndex(endOffset, endIsBack, segmentId, segmentPage);
@@ -7107,6 +7285,21 @@ function getRangeListFromSelection(anchorPosition, focusPosition, scene, documen
 		segmentId,
 		segmentPage
 	];
+	const collapsedColumnPosition = getColumnInputBoundaryCollapsedPosition(anchorPosition, focusPosition, skeleton);
+	if (collapsedColumnPosition) {
+		textRanges.push(new TextRange(scene, document, skeleton, collapsedColumnPosition, collapsedColumnPosition, style, segmentId, segmentPage));
+		return {
+			textRanges,
+			rectRanges
+		};
+	}
+	if (isInSameColumnPage(anchorPosition, focusPosition)) {
+		textRanges.push(new TextRange(...rangeParams));
+		return {
+			textRanges,
+			rectRanges
+		};
+	}
 	if (isInSameTableCellData(skeleton, anchorPosition, focusPosition)) if (isInSameTableCell(anchorPosition, focusPosition)) {
 		textRanges.push(new TextRange(...rangeParams));
 		return {
@@ -8085,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();
@@ -8190,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.
 */
@@ -8197,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 {
@@ -8215,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;
@@ -8292,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);
@@ -8299,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;
@@ -8356,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);
@@ -8363,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;
@@ -8435,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);
@@ -8442,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;
@@ -8531,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);
@@ -8540,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;
@@ -8600,7 +8810,7 @@ const DocTableInsertColumnCommand = {
 	id: DocTableInsertColumnCommandId,
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _documentStyle$pageSi, _documentStyle$pageSi2, _snapshot$tableSource;
+		var _docDataModel$getSelf2, _snapshot$tableSource, _documentStyle$pageSi, _documentStyle$pageSi2;
 		const { position } = params;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
@@ -8609,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;
@@ -8665,10 +8875,11 @@ const DocTableInsertColumnCommand = {
 		const snapshot = docDataModel.getSnapshot();
 		const documentStyle = snapshot.documentStyle;
 		const { marginLeft = 0, marginRight = 0 } = documentStyle;
-		const pageWidth = ((_documentStyle$pageSi = (_documentStyle$pageSi2 = documentStyle.pageSize) === null || _documentStyle$pageSi2 === void 0 ? void 0 : _documentStyle$pageSi2.width) !== null && _documentStyle$pageSi !== void 0 ? _documentStyle$pageSi : 800) - marginLeft - marginRight;
 		const tableColumns = snapshot === null || snapshot === void 0 || (_snapshot$tableSource = snapshot.tableSource) === null || _snapshot$tableSource === void 0 || (_snapshot$tableSource = _snapshot$tableSource[tableId]) === null || _snapshot$tableSource === void 0 ? void 0 : _snapshot$tableSource.tableColumns;
 		if (!tableColumns) return false;
-		const { newColWidth, widths } = getColumnWidths(pageWidth, tableColumns, columnIndex);
+		const pageWidth = ((_documentStyle$pageSi = (_documentStyle$pageSi2 = documentStyle.pageSize) === null || _documentStyle$pageSi2 === void 0 ? void 0 : _documentStyle$pageSi2.width) !== null && _documentStyle$pageSi !== void 0 ? _documentStyle$pageSi : 800) - marginLeft - marginRight;
+		const tableWidth = tableColumns.reduce((sum, column) => sum + column.size.width.v, 0);
+		const { newColWidth, widths } = getColumnWidths(tableWidth > 0 ? tableWidth : pageWidth, tableColumns, columnIndex);
 		for (let i = 0; i < widths.length; i++) {
 			const action = jsonX.replaceOp([
 				"tableSource",
@@ -8708,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());
@@ -9261,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 {
@@ -9918,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;
-	}
-	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);
+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;
 	}
 };
 
 //#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}`);
+//#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"
+		});
 	}
-}
-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();
+};
+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" });
 	}
-	_isTraditionalMode() {
-		return this._context.unit.getSnapshot().documentStyle.documentFlavor === DocumentFlavor.TRADITIONAL;
+};
+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;
 	}
 };
-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.
 *
@@ -10252,253 +10276,28 @@ 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";
-
-//#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;
-	}
-};
-
-//#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);
+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
@@ -10908,8 +10707,12 @@ function notInTableSubscriber(subscriber, docSelectionManagerService, univerInst
 	if (activeRange && (rectRanges == null || rectRanges.length === 0)) {
 		var _docDataModel$getSelf;
 		const { segmentId, startOffset, endOffset } = activeRange;
-		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;
+		if (!(activeRange.collapsed === true || startOffset === endOffset)) {
+			subscriber.next(true);
+			return;
+		}
+		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;
@@ -11235,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);
@@ -11253,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);
@@ -11286,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;
@@ -12009,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) {
@@ -12176,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);
@@ -12193,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,
@@ -12209,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) {
@@ -12658,7 +12501,6 @@ function ParagraphMenuInsertBelowHeadingH1MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading1",
 		params: {
 			commandId: H1HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
@@ -12674,7 +12516,6 @@ function ParagraphMenuInsertBelowHeadingH2MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading2",
 		params: {
 			commandId: H2HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
@@ -12690,7 +12531,6 @@ function ParagraphMenuInsertBelowHeadingH3MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading3",
 		params: {
 			commandId: H3HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
@@ -12706,7 +12546,6 @@ function ParagraphMenuInsertBelowHeadingH4MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading4",
 		params: {
 			commandId: H4HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
@@ -12722,7 +12561,6 @@ function ParagraphMenuInsertBelowHeadingH5MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading5",
 		params: {
 			commandId: H5HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
@@ -12738,8 +12576,7 @@ function ParagraphMenuInsertBelowTableMenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.table.insert",
 		params: {
 			rowCount: 3,
-			colCount: 5,
-			paragraphMenuPlacement: "below"
+			colCount: 5
 		},
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
 	};
@@ -14024,6 +13861,50 @@ const calcDocParagraphPositions = (sections, top, left, pageWidth) => {
 	}
 	return paragraphBounds;
 };
+const calcParagraphPositionsFromLineContexts = (contexts, docsLeft, docsTop) => {
+	const paragraphBounds = [];
+	const currentParagraphs = /* @__PURE__ */ new Map();
+	for (const context of contexts) {
+		const { column, line, lineWidth, pageLeft, sectionTop } = context;
+		const startIndex = line.paragraphIndex;
+		const columnLeft = pageLeft + column.left + docsLeft;
+		const lineTop = sectionTop + line.top + docsTop;
+		const lineBottom = getParagraphLineBottom(context, lineTop);
+		const key = `${context.source}:${context.pageIndex}:${pageLeft}:${column.left}:${startIndex}`;
+		if (line.paragraphStart) {
+			const currentParagraph = currentParagraphs.get(key);
+			if (currentParagraph) paragraphBounds.push(currentParagraph);
+			currentParagraphs.set(key, {
+				paragraphStart: line.st,
+				paragraphEnd: startIndex,
+				startIndex,
+				rect: {
+					top: lineTop,
+					left: columnLeft,
+					right: columnLeft + lineWidth,
+					bottom: lineBottom
+				},
+				fisrtLine: {
+					top: lineTop + line.marginTop + line.paddingTop,
+					left: columnLeft,
+					right: columnLeft + lineWidth,
+					bottom: lineTop + line.marginTop + line.paddingTop + line.contentHeight
+				}
+			});
+		} else {
+			const currentParagraph = currentParagraphs.get(key);
+			if (currentParagraph) currentParagraph.rect.bottom = lineBottom;
+		}
+	}
+	paragraphBounds.push(...currentParagraphs.values());
+	return paragraphBounds;
+};
+function getParagraphLineBottom(context, lineTop) {
+	const lineBottom = lineTop + context.line.lineHeight;
+	if (context.source !== "column" || context.line !== context.column.lines.at(-1) || !Number.isFinite(context.page.pageHeight)) return lineBottom;
+	const pageTop = lineTop - context.line.top - context.section.top;
+	return Math.max(lineBottom, pageTop + context.page.pageHeight);
+}
 const calcDocGlyphPosition = (glyph, documents, skeleton, pageIndex = -1) => {
 	const start = skeleton.findPositionByGlyph(glyph, pageIndex);
 	if (!start) return;
@@ -14075,6 +13956,21 @@ function isPointInRect(x, y, rect) {
 	if (x >= left && x <= right && y >= top && y <= bottom) return true;
 	return false;
 }
+function getRectArea(rect) {
+	return Math.max(0, rect.right - rect.left) * Math.max(0, rect.bottom - rect.top);
+}
+function isRectContainingRect(outer, inner) {
+	return outer.left <= inner.left && outer.right >= inner.right && outer.top <= inner.top && outer.bottom >= inner.bottom;
+}
+function getParagraphTextRangeLength(bound) {
+	return Math.max(0, bound.paragraphEnd - bound.paragraphStart);
+}
+function getMostSpecificParagraphBound(bounds) {
+	return bounds.sort((left, right) => getRectArea(left.rect) - getRectArea(right.rect) || getParagraphTextRangeLength(left) - getParagraphTextRangeLength(right))[0];
+}
+function removeContainerParagraphBounds(bounds) {
+	return bounds.filter((bound) => !bounds.some((other) => other !== bound && getRectArea(other.rect) < getRectArea(bound.rect) && isRectContainingRect(bound.rect, other.rect)));
+}
 function getTableBlockMenuHoverRect(tableRect) {
 	return {
 		bottom: tableRect.bottom,
@@ -14184,7 +14080,10 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 		}));
 	}
 	_initEvents() {
-		this.disposeWithMe(fromEventSubject(this._context.scene.onPointerMove$).pipe(throttleTime(30)).subscribe((evt) => {
+		this.disposeWithMe(fromEventSubject(this._context.scene.onPointerMove$).pipe(throttleTime(30, void 0, {
+			leading: true,
+			trailing: true
+		})).subscribe((evt) => {
 			if (evt.buttons > 0) {
 				this._hoverBullet$.next(null);
 				this._hoverCustomRanges$.next([]);
@@ -14378,9 +14277,9 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 		if (!skeletonData) return null;
 		const calc = (pages) => {
 			const paragraphMap = /* @__PURE__ */ new Map();
-			const handlePage = (page, pageIndex, top, left) => {
-				calcDocParagraphPositions(page.sections, top, left, page.pageWidth - page.marginLeft - page.marginRight).forEach((bound) => {
-					if (!paragraphMap.has(bound.startIndex)) paragraphMap.set(bound.startIndex, {
+			const addParagraphBoundsToMap = (map, bounds, pageIndex, segmentId) => {
+				bounds.forEach((bound) => {
+					if (!map.has(bound.startIndex)) map.set(bound.startIndex, {
 						rect: bound.rect,
 						paragraphStart: bound.paragraphStart,
 						paragraphEnd: bound.paragraphEnd,
@@ -14391,7 +14290,7 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 						firstLine: bound.fisrtLine
 					});
 					else {
-						const current = paragraphMap.get(bound.startIndex);
+						const current = map.get(bound.startIndex);
 						if (current) {
 							current.rect.bottom = bound.rect.bottom;
 							current.rects.push(bound.rect);
@@ -14399,76 +14298,73 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 					}
 				});
 			};
-			for (let i = 0; i < pages.length; i++) {
-				const page = pages[i];
-				const top = ((page.pageHeight === Infinity ? 0 : page.pageHeight) + documentOffsetConfig.pageMarginTop) * i + page.marginTop + documentOffsetConfig.docsTop;
-				const left = page.marginLeft + documentOffsetConfig.docsLeft;
-				if (page.skeTables) Array.from(page.skeTables.values()).forEach((table) => {
-					const tableLeft = table.left + left;
-					const tableTop = table.top + top;
-					const sourceTableId = getTableIdAndSliceIndex(table.tableId).tableId;
-					const tableViewport = getTableHorizontalViewportGeometry(tableLeft, table.width, getDocsTableRenderViewport(this._context.unitId, sourceTableId));
-					const tableRight = tableViewport.visibleRight;
-					const tableBottom = tableTop + table.height;
-					const tableId = table.tableId;
-					this._tableBounds.set(tableId, {
-						rect: {
-							left: tableLeft,
-							top: tableTop,
-							right: tableRight,
-							bottom: tableBottom
-						},
-						pageIndex: i,
+			const lineContextsBySource = /* @__PURE__ */ new Map();
+			documentSkeletonLineIterator(pages, {
+				docsLeft: documentOffsetConfig.docsLeft,
+				pageMarginTop: documentOffsetConfig.pageMarginTop,
+				unitId: this._context.unitId
+			}, (context) => {
+				var _lineContextsBySource;
+				if (context.source === "table-cell") return;
+				const lineContexts = (_lineContextsBySource = lineContextsBySource.get(context.pageIndex)) !== null && _lineContextsBySource !== void 0 ? _lineContextsBySource : [];
+				lineContexts.push(context);
+				lineContextsBySource.set(context.pageIndex, lineContexts);
+			});
+			lineContextsBySource.forEach((contexts, pageIndex) => {
+				addParagraphBoundsToMap(paragraphMap, calcParagraphPositionsFromLineContexts(contexts, documentOffsetConfig.docsLeft, documentOffsetConfig.docsTop), pageIndex, segmentId);
+			});
+			for (const tableContext of documentSkeletonTableIterator(pages, {
+				docsLeft: documentOffsetConfig.docsLeft,
+				docsTop: documentOffsetConfig.docsTop,
+				pageMarginTop: documentOffsetConfig.pageMarginTop,
+				unitId: this._context.unitId
+			})) {
+				const tableId = tableContext.tableId;
+				const sourceTableId = getTableIdAndSliceIndex(tableId).tableId;
+				const tableViewport = getTableHorizontalViewportGeometry(tableContext.tableRect.left, tableContext.table.width, getDocsTableRenderViewport(this._context.unitId, sourceTableId));
+				this._tableBounds.set(tableId, {
+					rect: {
+						...tableContext.tableRect,
+						right: tableViewport.visibleRight
+					},
+					pageIndex: tableContext.pageIndex,
+					tableId
+				});
+				for (const cellGeometry of tableContext.cells) {
+					var _cell$pageWidth, _cell$marginLeft, _cell$marginRight;
+					const cell = cellGeometry.cell;
+					const cellContentWidth = ((_cell$pageWidth = cell.pageWidth) !== null && _cell$pageWidth !== void 0 ? _cell$pageWidth : 0) - ((_cell$marginLeft = cell.marginLeft) !== null && _cell$marginLeft !== void 0 ? _cell$marginLeft : 0) - ((_cell$marginRight = cell.marginRight) !== null && _cell$marginRight !== void 0 ? _cell$marginRight : 0);
+					const bounds = calcDocParagraphPositions(cell.sections, cellGeometry.pageTop, cellGeometry.pageLeft, cellContentWidth).map((bound) => clipParagraphBoundHorizontally(bound, cellGeometry.clipLeft, cellGeometry.clipRight)).filter((bound) => bound != null);
+					let arr = this._tableParagraphBounds.get(tableId);
+					if (!arr) {
+						arr = [];
+						this._tableParagraphBounds.set(tableId, arr);
+					}
+					arr.push(...bounds.map((bound) => ({
+						rect: bound.rect,
+						paragraphStart: bound.paragraphStart,
+						paragraphEnd: bound.paragraphEnd,
+						startIndex: bound.startIndex,
+						pageIndex: tableContext.pageIndex,
+						segmentId,
+						rowIndex: cellGeometry.rowIndex,
+						colIndex: cellGeometry.columnIndex,
+						firstLine: bound.fisrtLine,
+						tableId
+					})));
+					let cellBounds = this._tableCellBounds.get(tableId);
+					if (!cellBounds) {
+						cellBounds = [];
+						this._tableCellBounds.set(tableId, cellBounds);
+					}
+					cellBounds.push({
+						rect: cellGeometry.cellRect,
+						pageIndex: tableContext.pageIndex,
+						rowIndex: cellGeometry.rowIndex,
+						colIndex: cellGeometry.columnIndex,
 						tableId
 					});
-					table.rows.forEach((row, rowIndex) => {
-						row.cells.forEach((cell, colIndex) => {
-							const top = ((page.pageHeight === Infinity ? 0 : page.pageHeight) + documentOffsetConfig.pageMarginTop) * i + table.top + documentOffsetConfig.docsTop + page.marginTop + row.top + cell.marginTop;
-							const cellLeft = tableLeft + cell.left - tableViewport.scrollLeft + cell.marginLeft;
-							const cellContentWidth = cell.pageWidth - cell.marginLeft - cell.marginRight;
-							const cellRight = cellLeft + cellContentWidth;
-							const visibleCellLeft = Math.max(cellLeft, tableViewport.visibleLeft);
-							const visibleCellRight = Math.min(cellRight, tableViewport.visibleRight);
-							if (visibleCellRight <= visibleCellLeft) return;
-							const bounds = calcDocParagraphPositions(cell.sections, top, cellLeft, cellContentWidth).map((bound) => clipParagraphBoundHorizontally(bound, tableViewport.visibleLeft, tableViewport.visibleRight)).filter((bound) => bound != null);
-							let arr = this._tableParagraphBounds.get(tableId);
-							if (!arr) {
-								arr = [];
-								this._tableParagraphBounds.set(tableId, arr);
-							}
-							arr.push(...bounds.map((bound) => ({
-								rect: bound.rect,
-								paragraphStart: bound.paragraphStart,
-								paragraphEnd: bound.paragraphEnd,
-								startIndex: bound.startIndex,
-								pageIndex: i,
-								segmentId,
-								rowIndex,
-								colIndex,
-								firstLine: bound.fisrtLine,
-								tableId
-							})));
-							let cellBounds = this._tableCellBounds.get(tableId);
-							if (!cellBounds) {
-								cellBounds = [];
-								this._tableCellBounds.set(tableId, cellBounds);
-							}
-							cellBounds.push({
-								rect: {
-									top,
-									left: visibleCellLeft,
-									right: visibleCellRight,
-									bottom: top + cell.pageHeight - cell.marginBottom - cell.marginTop
-								},
-								pageIndex: i,
-								rowIndex,
-								colIndex,
-								tableId
-							});
-						});
-					});
-				});
-				handlePage(page, i, top, left);
+				}
 			}
 			return paragraphMap;
 		};
@@ -14525,20 +14421,12 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 				rects: [paragraph.rect]
 			};
 		}
-		let paragraph;
-		for (const bounds of this._paragraphBounds) {
-			const bound = bounds[1];
-			if (bound.rects.some((rect) => isPointInRect(x, y, rect))) {
-				paragraph = bound;
-				break;
-			}
-		}
-		return paragraph;
+		return getMostSpecificParagraphBound([...this._paragraphBounds.values()].filter((bound) => bound.rects.some((rect) => isPointInRect(x, y, rect))));
 	}
 	_calcActiveParagraphLeft(evt) {
 		this._buildParagraphBounds();
 		const { x, y } = evt;
-		return this._paragraphLeftBounds.find((bound) => isPointInRect(x, y, bound.rect));
+		return getMostSpecificParagraphBound(this._paragraphLeftBounds.filter((bound) => isPointInRect(x, y, bound.rect)));
 	}
 	get paragraphBounds() {
 		this._buildParagraphBounds();
@@ -14577,18 +14465,19 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 		var _this$_skeleton$getSk4, _this$_skeleton$getSk5;
 		const pages = (_this$_skeleton$getSk4 = (_this$_skeleton$getSk5 = this._skeleton.getSkeletonData()) === null || _this$_skeleton$getSk5 === void 0 ? void 0 : _this$_skeleton$getSk5.pages) !== null && _this$_skeleton$getSk4 !== void 0 ? _this$_skeleton$getSk4 : [];
 		const signatures = [];
-		pages.forEach((page) => {
-			var _page$skeTables;
-			(_page$skeTables = page.skeTables) === null || _page$skeTables === void 0 || _page$skeTables.forEach((table) => {
-				const tableId = getTableIdAndSliceIndex(table.tableId).tableId;
-				const viewport = getDocsTableRenderViewport(this._context.unitId, tableId);
-				if (!viewport) {
-					signatures.push(`${tableId}:none`);
-					return;
-				}
-				signatures.push(`${tableId}:${viewport.contentWidth}:${viewport.viewportWidth}:${viewport.scrollLeft}`);
-			});
-		});
+		for (const tableContext of documentSkeletonTableIterator(pages, {
+			pageMarginTop: this._documents.getOffsetConfig().pageMarginTop,
+			resolveViewport: false,
+			unitId: this._context.unitId
+		})) {
+			const tableId = getTableIdAndSliceIndex(tableContext.tableId).tableId;
+			const viewport = getDocsTableRenderViewport(this._context.unitId, tableId);
+			if (!viewport) {
+				signatures.push(`${tableId}:none`);
+				continue;
+			}
+			signatures.push(`${tableId}:${viewport.contentWidth}:${viewport.viewportWidth}:${viewport.scrollLeft}`);
+		}
 		return signatures.join("|");
 	}
 };
@@ -14596,7 +14485,7 @@ DocEventManagerService = __decorate([__decorateParam(1, Inject(DocSkeletonManage
 function getPreferredParagraphBoundsInRange(bodyBounds, tableBounds, startIndex, endIndex) {
 	const matchedTableBounds = tableBounds.filter((bound) => isRangeOverlappingParagraph(bound, startIndex, endIndex));
 	if (matchedTableBounds.length) return matchedTableBounds;
-	return bodyBounds.filter((bound) => isRangeOverlappingParagraph(bound, startIndex, endIndex));
+	return removeContainerParagraphBounds(bodyBounds.filter((bound) => isRangeOverlappingParagraph(bound, startIndex, endIndex)));
 }
 function isRangeOverlappingParagraph(bound, startIndex, endIndex) {
 	return Math.max(bound.paragraphStart, startIndex) <= Math.min(bound.paragraphEnd, endIndex);
@@ -14660,7 +14549,7 @@ const SideMenu = forwardRef((props, ref) => {
 			onClick: () => onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(!open),
 			className: clsx("univer-absolute univer-left-5 univer-top-4 univer-z-[100] univer-flex univer-size-8 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-full univer-bg-white univer-text-gray-800 univer-shadow-sm dark:!univer-bg-gray-600 dark:!univer-text-gray-200", iconClass),
 			style: iconStyle,
-			children: open ? /* @__PURE__ */ jsx(LeftIcon, {}) : /* @__PURE__ */ jsx(CatalogueIcon, {})
+			children: open ? /* @__PURE__ */ jsx(MoreLeftIcon, {}) : /* @__PURE__ */ jsx(CatalogueIcon, {})
 		}), /* @__PURE__ */ jsx("div", {
 			className: clsx(className, "univer-absolute univer-left-0 univer-top-0 univer-box-border univer-flex univer-min-w-[180px] univer-flex-col univer-px-4 univer-pb-4 univer-pt-14 univer-transition-all univer-duration-300", { "univer-rounded-r-2xl univer-bg-white univer-shadow univer-backdrop-blur-[10px] dark:!univer-bg-gray-900": isSideBar }),
 			style: {
@@ -14933,7 +14822,7 @@ DocUIController = __decorate([
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-ui";
-var version = "1.0.0-alpha.0";
+var version = "1.0.0-alpha.2";
 
 //#endregion
 //#region src/commands/commands/doc-paragraph-setting.command.ts
@@ -14951,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,
@@ -15023,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();
@@ -15081,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;
@@ -15151,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);
@@ -15417,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) => {
@@ -16007,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;
@@ -16029,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));
@@ -16041,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) {
@@ -16075,30 +15964,34 @@ 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;
 		const handleHoverTarget = (paragraph, tableBound) => {
 			if (this._isBlockMenuDragging) return;
+			if (this._docSelectionRenderService.isOnPointerEvent) {
+				this.hideParagraphMenu(true);
+				return;
+			}
 			const selectionState = this._getExpandedSelectionState(this._docSelectionManagerService.getDocRanges());
 			if (selectionState.hasExpandedTextRange) {
 				this.hideParagraphMenu(true);
 				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) === "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;
@@ -16114,20 +16007,26 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			this._docEventManagerService.hoverParagraphRealTime$,
 			this._docEventManagerService.hoverParagraphLeft$,
 			(_this$_docEventManage = this._docEventManagerService.hoverTableRealTime$) !== null && _this$_docEventManage !== void 0 ? _this$_docEventManage : new BehaviorSubject(null)
-		]).pipe(throttleTime(16)).subscribe(([p, left, table]) => {
+		]).pipe(throttleTime(16, void 0, {
+			leading: true,
+			trailing: true
+		})).subscribe(([p, left, table]) => {
 			handleHoverTarget(p !== null && p !== void 0 ? p : left, table);
 		}));
+		this.disposeWithMe(this._docSelectionRenderService.onSelectionStart$.subscribe(() => {
+			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) !== "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);
 		}));
@@ -16191,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;
@@ -16215,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;
@@ -16225,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;
@@ -16250,7 +16149,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			},
 			zIndex: 101
 		}, this._context.unitId);
-		this._paragrahMenu = {
+		this._paragraphMenu = {
 			paragraph: targetParagraph,
 			target,
 			blockRange,
@@ -16260,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;
@@ -16269,8 +16168,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		const table = body === null || body === void 0 || (_body$tables = body.tables) === null || _body$tables === void 0 ? void 0 : _body$tables.find((item) => item.tableId === tableBound.tableId);
 		if (!table) return;
 		const target = {
-			kind: "table",
-			key: `table:${table.tableId}`,
+			kind: DocumentBlockType.TABLE,
+			key: `${DocumentBlockType.TABLE}:${table.tableId}`,
 			table,
 			icon: "GridIcon",
 			menuRange: {
@@ -16286,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,
@@ -16310,7 +16209,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			},
 			zIndex: 101
 		}, this._context.unitId);
-		this._paragrahMenu = {
+		this._paragraphMenu = {
 			paragraph,
 			target,
 			disposable,
@@ -16319,9 +16218,9 @@ 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;
-		if (!target || target.kind === "table" || !target.cellRange) return false;
+		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;
 	}
 	getDropTargetFromClientPoint(clientX, clientY, sourceRange) {
@@ -16361,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);
@@ -16385,8 +16284,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 				blockRange
 			};
 			return {
-				kind: "blockRange",
-				key: `blockRange:${blockRange.blockId}`,
+				kind: DocumentBlockType.BLOCK_RANGE,
+				key: `${DocumentBlockType.BLOCK_RANGE}:${blockRange.blockId}`,
 				paragraph: targetParagraph,
 				blockRange,
 				icon: BLOCK_RANGE_ICON_MAP[blockRange.blockType],
@@ -16411,8 +16310,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		const customBlock = body === null || body === void 0 || (_body$customBlocks = body.customBlocks) === null || _body$customBlocks === void 0 ? void 0 : _body$customBlocks.find((item) => item.startIndex >= paragraph.paragraphStart && item.startIndex <= paragraph.paragraphEnd);
 		const isCustomBlockOnly = (customBlock === null || customBlock === void 0 ? void 0 : customBlock.blockType) === BlockType.CUSTOM && paragraphDataStream.replace(/[\b\r\n]/g, "") === "";
 		if (customBlock && customBlock.blockType === BlockType.CUSTOM && isCustomBlockOnly) return {
-			kind: "customBlock",
-			key: `customBlock:${customBlock.blockId}`,
+			kind: DocumentBlockType.CUSTOM_BLOCK,
+			key: `${DocumentBlockType.CUSTOM_BLOCK}:${customBlock.blockId}`,
 			paragraph,
 			customBlock,
 			icon: "TextTypeIcon",
@@ -16428,8 +16327,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		};
 		if (paragraphDataStream === "\b") return null;
 		return {
-			kind: "paragraph",
-			key: `paragraph:${paragraph.startIndex}`,
+			kind: DocumentBlockType.PARAGRAPH,
+			key: `${DocumentBlockType.PARAGRAPH}:${paragraph.startIndex}`,
 			paragraph,
 			icon: isHorizontalRuleParagraph ? "ReduceIcon" : listIcon,
 			cellRange: cellRange !== null && cellRange !== void 0 ? cellRange : void 0,
@@ -16455,8 +16354,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			const tableBound = this._docEventManagerService.tableBounds.get(table.tableId);
 			if (!tableBound) continue;
 			targets.push({
-				kind: "table",
-				key: `table:${table.tableId}`,
+				kind: DocumentBlockType.TABLE,
+				key: `${DocumentBlockType.TABLE}:${table.tableId}`,
 				table,
 				icon: "GridIcon",
 				menuRange: {
@@ -16477,8 +16376,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			const rect = unionRects(paragraphBounds.filter((bound) => Math.max(bound.paragraphStart, blockRange.startIndex) <= Math.min(bound.paragraphEnd, blockRange.endIndex)).map((bound) => bound.rect));
 			if (!rect) continue;
 			targets.push({
-				kind: "blockRange",
-				key: `blockRange:${blockRange.blockId}`,
+				kind: DocumentBlockType.BLOCK_RANGE,
+				key: `${DocumentBlockType.BLOCK_RANGE}:${blockRange.blockId}`,
 				blockRange,
 				icon: BLOCK_RANGE_ICON_MAP[blockRange.blockType],
 				menuRange: {
@@ -16519,8 +16418,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			const rect = unionRects(paragraphBounds.filter((bound) => Math.max(bound.paragraphStart, blockRange.startIndex) <= Math.min(bound.paragraphEnd, blockRange.endIndex)).map((bound) => bound.rect));
 			if (!rect) continue;
 			targets.push({
-				kind: "blockRange",
-				key: `blockRange:${blockRange.blockId}`,
+				kind: DocumentBlockType.BLOCK_RANGE,
+				key: `${DocumentBlockType.BLOCK_RANGE}:${blockRange.blockId}`,
 				blockRange,
 				icon: BLOCK_RANGE_ICON_MAP[blockRange.blockType],
 				cellRange,
@@ -16655,6 +16554,9 @@ const PARAGRAPH_MENU_HOVER_BRIDGE_VERTICAL_PADDING = 8;
 function getParagraphMenuTriggerClassName(visible) {
 	return clsx("univer-mr-1 univer-inline-flex univer-h-7 univer-cursor-pointer univer-items-center univer-gap-1 univer-rounded-md univer-border univer-border-gray-200 univer-bg-white univer-px-2 univer-py-0 univer-shadow-sm univer-transition-colors hover:univer-bg-gray-50 hover:univer-shadow-md dark:!univer-border-gray-700 dark:!univer-bg-gray-900 dark:hover:!univer-bg-gray-800", { "univer-bg-gray-100 univer-shadow-md dark:!univer-bg-gray-800": visible });
 }
+function shouldExecuteParagraphMenuMove(validatorService, context) {
+	return validatorService.canMoveBlock(context);
+}
 function getParagraphMenuTriggerIconKey(namedStyleType) {
 	switch (namedStyleType) {
 		case NamedStyleType.HEADING_1: return "H1Icon";
@@ -16848,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;
@@ -16935,13 +16845,13 @@ function deleteBodyText(body, startOffset, endOffset) {
 }
 function stripBlockParagraphStyle(style, blockType) {
 	const nextStyle = { ...style };
-	if (blockType === "quote") {
+	if (blockType === DocumentBlockRangeType.QUOTE) {
 		delete nextStyle.indentStart;
 		delete nextStyle.spaceAbove;
 		delete nextStyle.spaceBelow;
 		return nextStyle;
 	}
-	if (blockType === "code") {
+	if (blockType === DocumentBlockRangeType.CODE) {
 		var _nextStyle$textStyle, _nextStyle$textStyle2;
 		delete nextStyle.indentStart;
 		delete nextStyle.indentEnd;
@@ -16950,7 +16860,7 @@ function stripBlockParagraphStyle(style, blockType) {
 		if (((_nextStyle$textStyle = nextStyle.textStyle) === null || _nextStyle$textStyle === void 0 ? void 0 : _nextStyle$textStyle.ff) === "monospace" && ((_nextStyle$textStyle2 = nextStyle.textStyle) === null || _nextStyle$textStyle2 === void 0 ? void 0 : _nextStyle$textStyle2.fs) === 12) delete nextStyle.textStyle;
 		return nextStyle;
 	}
-	if (blockType === "callout") {
+	if (blockType === DocumentBlockRangeType.CALLOUT) {
 		delete nextStyle.indentStart;
 		delete nextStyle.indentEnd;
 		delete nextStyle.spaceAbove;
@@ -17046,6 +16956,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 	const docSelectionManagerService = useDependency(DocSelectionManagerService);
 	const docClipboardService = useDependency(IDocClipboardService);
 	const docContentInsertService = useDependency(DocContentInsertService);
+	const docBlockMoveValidatorService = useDependency(DocBlockMoveValidatorService);
 	const clipboardInterfaceService = useDependency(IClipboardInterfaceService);
 	const layoutService = useDependency(ILayoutService);
 	const iconManager = useDependency(IconManager);
@@ -17284,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);
@@ -17324,6 +17235,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 			},
 			onMouseLeave: () => {
 				isMouseOver.current = false;
+				setParagraphMenuInteractionActive(docParagraphMenuService, false);
 				cancelOpenMenu();
 				scheduleHideMenu();
 			},
@@ -17376,7 +17288,11 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 						isDraggingRef.current = false;
 						docParagraphMenuService === null || docParagraphMenuService === void 0 || docParagraphMenuService.setBlockMenuDragging(false);
 						setDropRect(null);
-						if (shouldDrop && range && targetOffset != null) commandService.executeCommand(MoveDocBlockCommand.id, {
+						if (shouldDrop && range && targetOffset != null && shouldExecuteParagraphMenuMove(docBlockMoveValidatorService, {
+							unitId: popup.unitId,
+							sourceRange: range,
+							targetOffset
+						})) commandService.executeCommand(MoveDocBlockCommand.id, {
 							unitId: popup.unitId,
 							sourceRange: range,
 							targetOffset
@@ -17415,6 +17331,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 			},
 			onMouseLeave: () => {
 				isMouseOver.current = false;
+				setParagraphMenuInteractionActive(docParagraphMenuService, false);
 				scheduleHideMenu();
 			}
 		}),
@@ -17432,6 +17349,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 				},
 				onMouseLeave: () => {
 					isMouseOver.current = false;
+					setParagraphMenuInteractionActive(docParagraphMenuService, false);
 					scheduleHideMenu();
 				},
 				children: /* @__PURE__ */ jsx(ContextMenuPanel, {
@@ -17449,6 +17367,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 					},
 					onMenuPointerLeave: () => {
 						isMouseOver.current = false;
+						setParagraphMenuInteractionActive(docParagraphMenuService, false);
 						scheduleHideMenu();
 					},
 					onCancel: () => {
@@ -17512,8 +17431,7 @@ const TableBlockMenu = ({ popup }) => /* @__PURE__ */ jsx(ParagraphMenuBase, {
 });
 function shouldUseInsertBelowRange(commandId, params) {
 	if (params.id === "doc.menu.insert-bellow") return true;
-	const rawParams = typeof params.params === "function" ? params.params() : params.params;
-	if (rawParams && typeof rawParams === "object" && "paragraphMenuPlacement" in rawParams && rawParams.paragraphMenuPlacement === "below") return true;
+	if (typeof params.id === "string" && params.id.toLowerCase().includes("below")) return true;
 	const normalized = commandId.toLowerCase();
 	if (normalized.includes("insert") && (normalized.includes("below") || normalized.includes("bellow"))) return true;
 	if (normalized.includes("insert") && normalized.includes("image")) return true;
@@ -17697,6 +17615,12 @@ ComponentsController = __decorate([__decorateParam(0, Inject(ComponentManager)),
 
 //#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();
@@ -17719,127 +17643,437 @@ let DocAutoFormatController = class DocAutoFormatController extends Disposable {
 						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 && (Object.keys(QuickListTypeMap).includes(text) || Object.keys(QUICK_HEADING_MAP).includes(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 && Object.keys(QuickListTypeMap).includes(text)) {
-					const type = QuickListTypeMap[text];
-					return [{
-						id: QuickListCommand.id,
-						params: {
-							listType: type,
-							paragraph: paragraphs[0]
-						}
-					}];
+					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);
+	}
+	_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)"
+					});
+					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 && Object.keys(QUICK_HEADING_MAP).includes(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
-function firstLineInTable(table) {
-	return table.rows[0].cells[0].sections[0].columns[0].lines[0];
-}
-function lastLineInTable(table) {
-	const lastRow = table.rows[table.rows.length - 1];
-	const lastCell = lastRow.cells[lastRow.cells.length - 1];
-	return getLastLine(lastCell);
-}
 function findTableAfterLine(line, page) {
 	const { ed } = line;
 	const { skeTables } = page;
@@ -17850,86 +18084,6 @@ function findTableAfterLine(line, page) {
 	}
 	return table;
 }
-function findLineBeforeAndAfterTable(table) {
-	const tablePage = table === null || table === void 0 ? void 0 : table.parent;
-	let lineBeforeTable = null;
-	let lineAfterTable = null;
-	if (table == null || tablePage == null) return {
-		lineBeforeTable,
-		lineAfterTable
-	};
-	const { st, ed } = table;
-	lineIterator(tablePage.type === DocumentSkeletonPageType.CELL ? [tablePage] : tablePage.parent.pages, (l) => {
-		if (l.st === ed + 1) lineAfterTable = l;
-		else if (l.ed === st - 1) lineBeforeTable = l;
-	});
-	return {
-		lineBeforeTable,
-		lineAfterTable
-	};
-}
-function isEmptyCellPage(cell) {
-	return cell.sections[0].columns[0].lines.length === 0;
-}
-function findBellowCell(cell) {
-	const row = cell.parent;
-	const table = row === null || row === void 0 ? void 0 : row.parent;
-	const tableId = table === null || table === void 0 ? void 0 : table.tableId;
-	if (row == null || table == null) return;
-	const col = row.cells.indexOf(cell);
-	let bellowRow = table.rows[table.rows.indexOf(row) + 1];
-	if (bellowRow == null) {
-		if (tableId.indexOf("#-#")) {
-			var _table$parent;
-			const [id, index] = tableId.split("#-#");
-			const pages = (_table$parent = table.parent) === null || _table$parent === void 0 || (_table$parent = _table$parent.parent) === null || _table$parent === void 0 ? void 0 : _table$parent.pages;
-			const nextTableId = `${id}#-#${Number.parseInt(index) + 1}`;
-			if (pages) for (const page of pages) {
-				const { skeTables } = page;
-				if (skeTables.has(nextTableId)) {
-					const nextTable = skeTables.get(nextTableId);
-					if (nextTable === null || nextTable === void 0 ? void 0 : nextTable.rows.length) {
-						bellowRow = nextTable.rows.find((r) => !r.isRepeatRow);
-						break;
-					}
-				}
-			}
-		}
-	}
-	if (bellowRow != null) {
-		const cell = bellowRow.cells[col];
-		return isEmptyCellPage(cell) ? findBellowCell(cell) : cell;
-	}
-}
-function findAboveCell(cell) {
-	const row = cell.parent;
-	const table = row === null || row === void 0 ? void 0 : row.parent;
-	if (row == null || table == null) return;
-	let aboveRow = table.rows[table.rows.indexOf(row) - 1];
-	const col = row.cells.indexOf(cell);
-	if (aboveRow == null || aboveRow.isRepeatRow) {
-		if (table.tableId.indexOf("#-#")) {
-			var _table$parent2;
-			const [id, index] = table.tableId.split("#-#");
-			const pages = (_table$parent2 = table.parent) === null || _table$parent2 === void 0 || (_table$parent2 = _table$parent2.parent) === null || _table$parent2 === void 0 ? void 0 : _table$parent2.pages;
-			const nextTableId = `${id}#-#${Number.parseInt(index) - 1}`;
-			if (pages) for (const page of pages) {
-				const { skeTables } = page;
-				if (skeTables.has(nextTableId)) {
-					const nextTable = skeTables.get(nextTableId);
-					if (nextTable === null || nextTable === void 0 ? void 0 : nextTable.rows.length) {
-						aboveRow = nextTable.rows[nextTable.rows.length - 1];
-						break;
-					}
-				}
-			}
-		}
-	}
-	if (aboveRow != null) {
-		const cell = aboveRow.cells[col];
-		return isEmptyCellPage(cell) ? findAboveCell(cell) : cell;
-	}
-}
 function findTableBeforeLine(line, page) {
 	const { st } = line;
 	const { skeTables } = page;
@@ -17982,10 +18136,10 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		}));
 	}
 	_handleShiftMoveSelection(direction, granularity = "character") {
-		var _this$_renderManagerS, _dataStream$length;
+		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();
@@ -18009,16 +18163,21 @@ 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 dataStreamLength = (_dataStream$length = docDataModel.getSelfOrHeaderFooterModel(normalizedSegmentId).getBody().dataStream.length) !== null && _dataStream$length !== void 0 ? _dataStream$length : Number.POSITIVE_INFINITY;
+		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 : [];
 		if (granularity !== "character") {
-			const nextOffset = this._getCursorOffsetByGranularity(skeleton, focusOffset, direction, granularity, normalizedSegmentId, normalizedSegmentPage, dataStreamLength);
+			const nextOffset = this._getCursorOffsetByGranularity(skeleton, focusOffset, direction, granularity, normalizedSegmentId, normalizedSegmentPage, dataStreamLength, body.dataStream);
 			if (nextOffset == null || nextOffset === focusOffset) return;
+			const normalizedNextOffset = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, nextOffset, direction, normalizedSegmentId, normalizedSegmentPage);
+			if (normalizedNextOffset == null || normalizedNextOffset === focusOffset) return;
 			this._textSelectionManagerService.replaceTextRanges([{
 				startOffset: anchorOffset,
-				endOffset: nextOffset,
+				endOffset: normalizedNextOffset,
 				style
 			}], false);
-			this._scrollToFocusNodePosition(docDataModel.getUnitId(), nextOffset);
+			this._scrollToFocusNodePosition(docDataModel.getUnitId(), normalizedNextOffset);
 			return;
 		}
 		if (direction === Direction.LEFT || direction === Direction.RIGHT) {
@@ -18039,8 +18198,8 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 			const focusNodePosition = collapsed ? startNodePosition : rangeDirection === RANGE_DIRECTION.FORWARD ? endNodePosition : startNodePosition;
 			const newPos = this._getTopOrBottomPosition(skeleton, focusGlyph, focusNodePosition, direction === Direction.DOWN, true);
 			if (newPos == null) {
-				const newFocusOffset = direction === Direction.UP ? 0 : dataStreamLength - 2;
-				if (newFocusOffset === focusOffset) return;
+				const newFocusOffset = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, direction === Direction.UP ? 0 : dataStreamLength - 2, direction, normalizedSegmentId, normalizedSegmentPage);
+				if (newFocusOffset == null || newFocusOffset === focusOffset) return;
 				this._textSelectionManagerService.replaceTextRanges([{
 					startOffset: anchorOffset,
 					endOffset: newFocusOffset,
@@ -18049,19 +18208,21 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 				return;
 			}
 			const newActiveRange = new NodePositionConvertToCursor(documentOffsetConfig, skeleton).getRangePointData(newPos, newPos).cursorList[0];
+			const newFocusOffset = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, newActiveRange.endOffset, direction, normalizedSegmentId, normalizedSegmentPage);
+			if (newFocusOffset == null || newFocusOffset === focusOffset) return;
 			this._textSelectionManagerService.replaceTextRanges([{
 				startOffset: anchorOffset,
-				endOffset: newActiveRange.endOffset,
+				endOffset: newFocusOffset,
 				style
 			}], false);
-			this._scrollToFocusNodePosition(docDataModel.getUnitId(), newActiveRange.endOffset);
+			this._scrollToFocusNodePosition(docDataModel.getUnitId(), newFocusOffset);
 		}
 	}
 	_handleMoveCursor(direction, granularity = "character") {
-		var _this$_renderManagerS2, _body$dataStream$leng, _docDataModel$getCust;
+		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();
@@ -18069,10 +18230,10 @@ 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$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 : [];
+		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 : [];
 		if (granularity !== "character") {
 			let cursorOffset;
 			if (!activeRange.collapsed || allRanges.length > 1) {
@@ -18084,9 +18245,10 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 				}
 				cursorOffset = direction === Direction.LEFT || direction === Direction.UP ? min : max;
 			} else cursorOffset = direction === Direction.LEFT || direction === Direction.UP ? startOffset : endOffset;
-			let cursor = this._getCursorOffsetByGranularity(skeleton, cursorOffset, direction, granularity, normalizedSegmentId, normalizedSegmentPage, dataStreamLength);
+			let cursor = this._getCursorOffsetByGranularity(skeleton, cursorOffset, direction, granularity, normalizedSegmentId, normalizedSegmentPage, dataStreamLength, body.dataStream);
+			if (cursor == null) return;
+			cursor = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, cursor, direction, normalizedSegmentId, normalizedSegmentPage);
 			if (cursor == null) return;
-			cursor = this._normalizeCursorOffset(body.dataStream, customRanges, cursor, direction);
 			this._textSelectionManagerService.replaceTextRanges([{
 				startOffset: cursor,
 				endOffset: cursor,
@@ -18117,13 +18279,15 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 			const skipTokens = [...this._getCursorSkipTokens()];
 			if (direction === Direction.LEFT) while (skipTokens.includes(body.dataStream[cursor])) cursor--;
 			else while (skipTokens.includes(body.dataStream[cursor])) cursor++;
-			cursor = this._normalizeWholeEntityRanges(customRanges, cursor, direction);
+			cursor = this._normalizeCursorOffset(body.dataStream, customRanges, cursor, direction);
+			const normalizedCursor = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, cursor, direction, normalizedSegmentId, normalizedSegmentPage);
+			if (normalizedCursor == null) return;
 			this._textSelectionManagerService.replaceTextRanges([{
-				startOffset: Math.max(0, cursor),
-				endOffset: Math.max(0, cursor),
+				startOffset: normalizedCursor,
+				endOffset: normalizedCursor,
 				style
 			}], false);
-			this._scrollToFocusNodePosition(docDataModel.getUnitId(), cursor);
+			this._scrollToFocusNodePosition(docDataModel.getUnitId(), normalizedCursor);
 		} else {
 			const startNode = skeleton.findNodeByCharIndex(startOffset, segmentId, segmentPage);
 			const endNode = skeleton.findNodeByCharIndex(endOffset, segmentId, segmentPage);
@@ -18131,31 +18295,55 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 			const newPos = this._getTopOrBottomPosition(skeleton, direction === Direction.UP ? startNode : collapsed ? startNode : endNode, direction === Direction.UP ? startNodePosition : collapsed ? startNodePosition : endNodePosition, direction === Direction.DOWN);
 			if (newPos == null) {
 				let cursor;
-				if (collapsed) cursor = direction === Direction.UP ? 0 : dataStreamLength - 2;
-				else cursor = direction === Direction.UP ? startOffset : endOffset;
+				if (collapsed) cursor = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, direction === Direction.UP ? 0 : dataStreamLength - 2, direction, normalizedSegmentId, normalizedSegmentPage);
+				else cursor = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, direction === Direction.UP ? startOffset : endOffset, direction, normalizedSegmentId, normalizedSegmentPage);
+				if (cursor == null) return;
 				this._textSelectionManagerService.replaceTextRanges([{
-					startOffset: Math.max(0, cursor),
-					endOffset: Math.max(0, cursor),
+					startOffset: cursor,
+					endOffset: cursor,
 					style
 				}], false);
 				return;
 			}
 			const newActiveRange = new NodePositionConvertToCursor(documentOffsetConfig, skeleton).getRangePointData(newPos, newPos).cursorList[0];
+			const cursor = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, newActiveRange.endOffset, direction, normalizedSegmentId, normalizedSegmentPage);
+			if (cursor == null) return;
 			this._textSelectionManagerService.replaceTextRanges([{
-				...newActiveRange,
+				startOffset: cursor,
+				endOffset: cursor,
 				style
 			}], false);
-			this._scrollToFocusNodePosition(docDataModel.getUnitId(), newActiveRange.endOffset);
+			this._scrollToFocusNodePosition(docDataModel.getUnitId(), cursor);
 		}
 	}
-	_getCursorOffsetByGranularity(skeleton, focusOffset, direction, granularity, segmentId, segmentPage, dataStreamLength) {
+	_getCursorOffsetByGranularity(skeleton, focusOffset, direction, granularity, segmentId, segmentPage, dataStreamLength, dataStream = "") {
 		switch (granularity) {
 			case "document": return direction === Direction.LEFT || direction === Direction.UP ? 0 : dataStreamLength - 2;
+			case "paragraph": return this._getParagraphBoundaryOffset(dataStream, focusOffset, direction);
 			case "line": return this._getLineBoundaryOffset(skeleton, focusOffset, direction, segmentId, segmentPage, dataStreamLength);
 			case "word": return this._getWordBoundaryOffset(skeleton, focusOffset, direction, segmentId, segmentPage, dataStreamLength);
 			default: return null;
 		}
 	}
+	_getParagraphBoundaryOffset(dataStream, focusOffset, direction) {
+		if (direction !== Direction.UP && direction !== Direction.DOWN) return;
+		if (dataStream.length === 0) return 0;
+		const cursor = Math.min(Math.max(0, focusOffset), dataStream.length - 1);
+		if (direction === Direction.UP) {
+			const currentParagraphStart = this._getCurrentParagraphStartOffset(dataStream, cursor);
+			if (cursor > currentParagraphStart) return currentParagraphStart;
+			return this._getCurrentParagraphStartOffset(dataStream, Math.max(0, currentParagraphStart - 1));
+		}
+		const nextParagraphEnd = dataStream.indexOf(DataStreamTreeTokenType.PARAGRAPH, cursor);
+		return nextParagraphEnd === -1 ? dataStream.length - 1 : nextParagraphEnd + 1;
+	}
+	_getCurrentParagraphStartOffset(dataStream, cursor) {
+		for (let index = Math.min(cursor - 1, dataStream.length - 1); index >= 0; index--) {
+			const token = dataStream[index];
+			if (token === DataStreamTreeTokenType.PARAGRAPH || token === DataStreamTreeTokenType.SECTION_BREAK) return index + 1;
+		}
+		return 0;
+	}
 	_getWordBoundaryOffset(skeleton, focusOffset, direction, segmentId, segmentPage, dataStreamLength) {
 		var _skeleton$findNodeByC;
 		if (direction !== Direction.LEFT && direction !== Direction.RIGHT) return;
@@ -18206,6 +18394,30 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		else while (cursor < dataStream.length - 1 && skipTokens.includes(dataStream[cursor])) cursor++;
 		return this._normalizeWholeEntityRanges(customRanges, cursor, direction);
 	}
+	_normalizeRenderableCursorOffset(skeleton, dataStream, customRanges, cursor, direction, segmentId, segmentPage) {
+		const boundedCursor = Math.min(Math.max(0, cursor), Math.max(0, dataStream.length - 1));
+		const primaryCursor = this._findNearestRenderableCursorOffset(skeleton, dataStream, customRanges, boundedCursor, direction, segmentId, segmentPage);
+		if (primaryCursor != null) return primaryCursor;
+		const fallbackDirection = direction === Direction.LEFT || direction === Direction.UP ? Direction.DOWN : Direction.UP;
+		return this._findNearestRenderableCursorOffset(skeleton, dataStream, customRanges, boundedCursor, fallbackDirection, segmentId, segmentPage);
+	}
+	_findNearestRenderableCursorOffset(skeleton, dataStream, customRanges, cursor, direction, segmentId, segmentPage) {
+		const step = direction === Direction.LEFT || direction === Direction.UP ? -1 : 1;
+		let current = Math.min(Math.max(0, cursor), Math.max(0, dataStream.length - 1));
+		const visited = /* @__PURE__ */ new Set();
+		while (current >= 0 && current < dataStream.length && !visited.has(current)) {
+			visited.add(current);
+			const normalizedCursor = this._normalizeCursorOffset(dataStream, customRanges, current, direction);
+			if (normalizedCursor < 0 || normalizedCursor >= dataStream.length) return;
+			if (this._isRenderableCursorOffset(skeleton, dataStream, normalizedCursor, segmentId, segmentPage)) return normalizedCursor;
+			current = normalizedCursor + step;
+		}
+	}
+	_isRenderableCursorOffset(skeleton, dataStream, cursor, segmentId, segmentPage) {
+		if (cursor < 0 || cursor >= dataStream.length) return false;
+		if (this._getNonRenderableCursorTokens().includes(dataStream[cursor])) return false;
+		return skeleton.findNodePositionByCharIndex(cursor, true, segmentId, segmentPage) != null;
+	}
 	_normalizeWholeEntityRanges(customRanges, cursor, direction) {
 		customRanges.filter((range) => range.wholeEntity && range.startIndex < cursor && range.endIndex >= cursor).forEach((range) => {
 			if (direction === Direction.LEFT || direction === Direction.UP) cursor = Math.min(range.startIndex, cursor);
@@ -18228,12 +18440,21 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		if (includeParagraph) tokens.push(DataStreamTreeTokenType.PARAGRAPH);
 		return tokens;
 	}
+	_getNonRenderableCursorTokens() {
+		return [
+			...this._getCursorSkipTokens(),
+			DataStreamTreeTokenType.COLUMN_GROUP_START,
+			DataStreamTreeTokenType.COLUMN_GROUP_END,
+			DataStreamTreeTokenType.COLUMN_START,
+			DataStreamTreeTokenType.COLUMN_END
+		];
+	}
 	_getTopOrBottomPosition(docSkeleton, glyph, nodePosition, direction, skipCellContent = false) {
 		if (glyph == null || nodePosition == null) return;
 		const offsetLeft = this._getGlyphLeftOffsetInLine(glyph);
-		const line = this._getNextOrPrevLine(glyph, direction, skipCellContent);
-		if (line == null) return;
-		const position = this._matchPositionByLeftOffset(docSkeleton, line, offsetLeft, nodePosition);
+		const target = this._getNextOrPrevLineTarget(glyph, direction, offsetLeft, skipCellContent);
+		if (target == null) return;
+		const position = this._matchPositionByLeftOffset(docSkeleton, target.line, target.offsetLeft, nodePosition);
 		if (position == null) return;
 		return {
 			...position,
@@ -18248,11 +18469,24 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		return divideLeft + left;
 	}
 	_matchPositionByLeftOffset(docSkeleton, line, offsetLeft, nodePosition) {
+		var _nearestNode$glyph;
 		const nearestNode = { distance: Number.POSITIVE_INFINITY };
+		const nearestEmptyParagraphNode = { distance: Number.POSITIVE_INFINITY };
 		for (const divide of line.divides) {
 			const divideLeft = divide.left;
 			for (const glyph of divide.glyphGroup) {
-				if (!this._isCursorAddressableGlyph(glyph)) continue;
+				if (!this._isCursorAddressableGlyph(glyph)) {
+					if (glyph.streamType === DataStreamTreeTokenType.PARAGRAPH && glyph.count > 0) {
+						const { left } = glyph;
+						const leftSide = divideLeft + left;
+						const distance = Math.abs(offsetLeft - leftSide);
+						if (distance < nearestEmptyParagraphNode.distance) {
+							nearestEmptyParagraphNode.glyph = glyph;
+							nearestEmptyParagraphNode.distance = distance;
+						}
+					}
+					continue;
+				}
 				const { left } = glyph;
 				const leftSide = divideLeft + left;
 				const distance = Math.abs(offsetLeft - leftSide);
@@ -18262,11 +18496,12 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 				}
 			}
 		}
-		if (nearestNode.glyph == null) return;
+		const nearestGlyph = (_nearestNode$glyph = nearestNode.glyph) !== null && _nearestNode$glyph !== void 0 ? _nearestNode$glyph : nearestEmptyParagraphNode.glyph;
+		if (nearestGlyph == null) return;
 		const { segmentPage } = nodePosition;
-		return docSkeleton.findPositionByGlyph(nearestNode.glyph, segmentPage);
+		return docSkeleton.findPositionByGlyph(nearestGlyph, segmentPage);
 	}
-	_getNextOrPrevLine(glyph, direction, skipCellContent = false) {
+	_getNextOrPrevLineTarget(glyph, direction, offsetLeft, skipCellContent = false) {
 		const divide = glyph.parent;
 		const line = divide === null || divide === void 0 ? void 0 : divide.parent;
 		const column = line === null || line === void 0 ? void 0 : line.parent;
@@ -18276,26 +18511,25 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		const currentLineIndex = column.lines.indexOf(line);
 		if (currentLineIndex === -1) return;
 		let newLine;
-		if (page.type === DocumentSkeletonPageType.CELL && skipCellContent) {
-			const nLine = findAboveOrBellowCellLine(page, direction);
-			if (nLine) return nLine;
+		if (this._isTableCellContentPage(page) && skipCellContent) {
+			const tableCellTarget = this._getAdjacentTableCellLineTarget(page, direction, offsetLeft);
+			if (tableCellTarget != null) return tableCellTarget;
 		}
 		if (direction === true) {
 			newLine = column.lines[currentLineIndex + 1];
-			const tableAfterLine = findTableAfterLine(line, page);
-			if (tableAfterLine) {
-				const firstLine = firstLineInTable(tableAfterLine);
-				if (firstLine) newLine = firstLine;
-			}
+			const tableTarget = this._getTableLineTargetFromPageLine(line, page, direction, offsetLeft);
+			if (tableTarget != null) return tableTarget;
 		} else {
 			newLine = column.lines[currentLineIndex - 1];
-			const tableBeforeLine = findTableBeforeLine(line, page);
-			if (tableBeforeLine) {
-				const lastLine = lastLineInTable(tableBeforeLine);
-				if (lastLine) newLine = lastLine;
-			}
+			const tableTarget = this._getTableLineTargetFromPageLine(line, page, direction, offsetLeft);
+			if (tableTarget != null) return tableTarget;
 		}
-		if (newLine != null) return newLine;
+		const columnGroupTarget = this._getColumnGroupLineTargetFromBlockLine(newLine, page, direction, offsetLeft);
+		if (columnGroupTarget != null) return columnGroupTarget;
+		if (newLine != null) return {
+			line: newLine,
+			offsetLeft
+		};
 		const currentColumnIndex = section.columns.indexOf(column);
 		if (currentColumnIndex === -1) return;
 		if (direction === true) {
@@ -18306,7 +18540,10 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 			const prevColumnLines = (_section$columns2 = section.columns) === null || _section$columns2 === void 0 || (_section$columns2 = _section$columns2[currentColumnIndex - 1]) === null || _section$columns2 === void 0 ? void 0 : _section$columns2.lines;
 			newLine = prevColumnLines === null || prevColumnLines === void 0 ? void 0 : prevColumnLines[prevColumnLines.length - 1];
 		}
-		if (newLine != null) return newLine;
+		if (newLine != null) return {
+			line: newLine,
+			offsetLeft
+		};
 		const currentSectionIndex = page.sections.indexOf(section);
 		if (currentSectionIndex === -1) return;
 		if (direction === true) {
@@ -18319,8 +18556,15 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 			const prevColumnLines = column === null || column === void 0 ? void 0 : column.lines;
 			newLine = prevColumnLines === null || prevColumnLines === void 0 ? void 0 : prevColumnLines[prevColumnLines.length - 1];
 		}
-		if (newLine != null) return newLine;
-		if (page.type === DocumentSkeletonPageType.CELL) return findAboveOrBellowCellLine(page, direction);
+		if (newLine != null) return {
+			line: newLine,
+			offsetLeft
+		};
+		if (this._isColumnGroupContentPage(page)) {
+			const exitTarget = this._getColumnGroupExitLineTarget(page, direction, offsetLeft);
+			if (exitTarget != null) return exitTarget;
+		}
+		if (this._isTableCellContentPage(page)) return this._getAdjacentTableCellLineTarget(page, direction, offsetLeft);
 		const skeleton = page.parent;
 		if (skeleton == null) return;
 		const currentPageIndex = skeleton.pages.indexOf(page);
@@ -18337,7 +18581,189 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 			const prevColumnLines = column === null || column === void 0 ? void 0 : column.lines;
 			newLine = prevColumnLines[prevColumnLines.length - 1];
 		}
-		if (newLine != null) return newLine;
+		if (newLine != null) return {
+			line: newLine,
+			offsetLeft
+		};
+	}
+	_getTableLineTargetFromPageLine(line, page, direction, offsetLeft) {
+		const table = direction ? findTableAfterLine(line, page) : findTableBeforeLine(line, page);
+		if (table == null) return;
+		return this._getTableBoundaryLineTarget(table, direction, offsetLeft);
+	}
+	_getTableBoundaryLineTarget(table, direction, offsetLeft) {
+		const rows = direction ? table.rows : [...table.rows].reverse();
+		for (const row of rows) {
+			if (row.isRepeatRow) continue;
+			const target = this._getNearestTableCellLineTarget(row.cells, direction, offsetLeft);
+			if (target != null) return target;
+		}
+	}
+	_getAdjacentTableCellLineTarget(cell, direction, offsetLeft) {
+		const row = cell.parent;
+		const table = row === null || row === void 0 ? void 0 : row.parent;
+		if (row == null || table == null) return;
+		const hostOffsetLeft = this._getTableCellHostOffsetLeft(cell) + offsetLeft;
+		const adjacentRow = this._findAdjacentTableRow(table, row, direction);
+		if (adjacentRow != null) return this._getNearestTableCellLineTarget(adjacentRow.cells, direction, hostOffsetLeft);
+		const line = this._findLineAroundTable(table, direction);
+		if (line == null) return;
+		return {
+			line,
+			offsetLeft: hostOffsetLeft
+		};
+	}
+	_findAdjacentTableRow(table, row, direction) {
+		const currentRowIndex = table.rows.indexOf(row);
+		if (currentRowIndex === -1) return;
+		const step = direction ? 1 : -1;
+		let rowIndex = currentRowIndex + step;
+		while (rowIndex >= 0 && rowIndex < table.rows.length) {
+			const adjacentRow = table.rows[rowIndex];
+			if (!adjacentRow.isRepeatRow) return adjacentRow;
+			rowIndex += step;
+		}
+		return this._findAdjacentTableSliceRow(table, direction);
+	}
+	_findAdjacentTableSliceRow(table, direction) {
+		if (!table.tableId.includes("#-#")) return;
+		const [sourceTableId, sliceIndexText] = table.tableId.split("#-#");
+		const sliceIndex = Number.parseInt(sliceIndexText);
+		const tablePage = table.parent;
+		const skeleton = tablePage === null || tablePage === void 0 ? void 0 : tablePage.parent;
+		if (!Number.isFinite(sliceIndex) || (skeleton === null || skeleton === void 0 ? void 0 : skeleton.pages) == null) return;
+		const nextTableId = `${sourceTableId}#-#${sliceIndex + (direction ? 1 : -1)}`;
+		for (const page of skeleton.pages) {
+			var _page$skeTables;
+			const nextTable = (_page$skeTables = page.skeTables) === null || _page$skeTables === void 0 ? void 0 : _page$skeTables.get(nextTableId);
+			const row = (nextTable == null ? [] : direction ? nextTable.rows : [...nextTable.rows].reverse()).find((item) => !item.isRepeatRow);
+			if (row != null) return row;
+		}
+	}
+	_getNearestTableCellLineTarget(cells, direction, hostOffsetLeft) {
+		const candidates = cells.filter((cell) => !cell.isMergedCellCovered).map((cell) => ({
+			cell,
+			distance: this._getDistanceToTableCell(cell, hostOffsetLeft)
+		})).sort((a, b) => a.distance - b.distance);
+		for (const candidate of candidates) {
+			const line = direction ? firstLineInCell(candidate.cell) : lastLineInCell(candidate.cell);
+			if (line != null) return {
+				line,
+				offsetLeft: hostOffsetLeft - this._getTableCellHostOffsetLeft(candidate.cell)
+			};
+		}
+	}
+	_findLineAroundTable(table, direction) {
+		var _pages, _tablePage$parent;
+		const tablePage = table.parent;
+		if (tablePage == null) return;
+		const pages = (_pages = (_tablePage$parent = tablePage.parent) === null || _tablePage$parent === void 0 ? void 0 : _tablePage$parent.pages) !== null && _pages !== void 0 ? _pages : [tablePage];
+		const lineMatcher = direction ? (line) => line.st === table.ed + 1 : (line) => line.ed === table.st - 1;
+		for (const page of pages) for (const section of page.sections) for (const column of section.columns) {
+			const line = (direction ? column.lines : [...column.lines].reverse()).find(lineMatcher);
+			if (line != null) return line;
+		}
+	}
+	_getDistanceToTableCell(cell, offsetLeft) {
+		const left = this._getTableCellHostOffsetLeft(cell);
+		const right = left + this._getTableCellContentWidth(cell);
+		if (offsetLeft >= left && offsetLeft <= right) return 0;
+		return Math.min(Math.abs(offsetLeft - left), Math.abs(offsetLeft - right));
+	}
+	_getTableCellHostOffsetLeft(cell) {
+		var _table$left, _cell$left, _cell$marginLeft;
+		const row = cell.parent;
+		const table = row === null || row === void 0 ? void 0 : row.parent;
+		return ((_table$left = table === null || table === void 0 ? void 0 : table.left) !== null && _table$left !== void 0 ? _table$left : 0) + ((_cell$left = cell.left) !== null && _cell$left !== void 0 ? _cell$left : 0) + ((_cell$marginLeft = cell.marginLeft) !== null && _cell$marginLeft !== void 0 ? _cell$marginLeft : 0);
+	}
+	_getTableCellContentWidth(cell) {
+		var _cell$pageWidth, _cell$marginLeft2, _cell$marginRight;
+		return Math.max(0, ((_cell$pageWidth = cell.pageWidth) !== null && _cell$pageWidth !== void 0 ? _cell$pageWidth : 0) - ((_cell$marginLeft2 = cell.marginLeft) !== null && _cell$marginLeft2 !== void 0 ? _cell$marginLeft2 : 0) - ((_cell$marginRight = cell.marginRight) !== null && _cell$marginRight !== void 0 ? _cell$marginRight : 0));
+	}
+	_isTableCellContentPage(page) {
+		var _table$rows;
+		const row = page.parent;
+		const table = row === null || row === void 0 ? void 0 : row.parent;
+		return page.type === DocumentSkeletonPageType.CELL && row != null && (table === null || table === void 0 || (_table$rows = table.rows) === null || _table$rows === void 0 ? void 0 : _table$rows.includes(row)) === true && row.cells.includes(page);
+	}
+	_getColumnGroupLineTargetFromBlockLine(line, page, direction, offsetLeft) {
+		if (line == null || line.type !== LineType.BLOCK) return;
+		const columnGroup = this._findColumnGroupByBlockLine(page, line);
+		if (columnGroup == null) return;
+		return this._getColumnGroupContentLineTarget(columnGroup, direction, offsetLeft);
+	}
+	_getColumnGroupContentLineTarget(columnGroup, direction, offsetLeft) {
+		const candidates = columnGroup.columns.map((column) => ({
+			column,
+			distance: this._getDistanceToColumnGroupColumn(column, offsetLeft)
+		})).sort((a, b) => a.distance - b.distance);
+		for (const candidate of candidates) {
+			const line = this._getColumnGroupColumnBoundaryLine(candidate.column, direction);
+			if (line != null) return {
+				line,
+				offsetLeft: offsetLeft - candidate.column.left
+			};
+		}
+	}
+	_getColumnGroupExitLineTarget(page, direction, offsetLeft) {
+		const columnGroupColumn = page.parent;
+		const columnGroup = columnGroupColumn === null || columnGroupColumn === void 0 ? void 0 : columnGroupColumn.parent;
+		const hostPage = columnGroup === null || columnGroup === void 0 ? void 0 : columnGroup.parent;
+		if (columnGroupColumn == null || columnGroup == null || hostPage == null) return;
+		const blockLine = this._findColumnGroupBlockLine(columnGroup);
+		const line = blockLine == null ? void 0 : this._getAdjacentLineAroundBlockLine(blockLine, direction);
+		if (line == null) return;
+		return {
+			line,
+			offsetLeft: columnGroupColumn.left + offsetLeft
+		};
+	}
+	_findColumnGroupByBlockLine(page, line) {
+		var _page$skeColumnGroups, _page$skeColumnGroups2;
+		for (const columnGroup of (_page$skeColumnGroups = (_page$skeColumnGroups2 = page.skeColumnGroups) === null || _page$skeColumnGroups2 === void 0 ? void 0 : _page$skeColumnGroups2.values()) !== null && _page$skeColumnGroups !== void 0 ? _page$skeColumnGroups : []) if (line.paragraphIndex === columnGroup.ed || line.st <= columnGroup.ed && line.ed >= columnGroup.st) return columnGroup;
+	}
+	_findColumnGroupBlockLine(columnGroup) {
+		const page = columnGroup.parent;
+		if (page == null) return;
+		for (const section of page.sections) for (const column of section.columns) for (const line of column.lines) if (line.type === LineType.BLOCK && this._findColumnGroupByBlockLine(page, line) === columnGroup) return line;
+	}
+	_getAdjacentLineAroundBlockLine(line, direction) {
+		var _section$columns4;
+		const column = line.parent;
+		const section = column === null || column === void 0 ? void 0 : column.parent;
+		const page = section === null || section === void 0 ? void 0 : section.parent;
+		if (column == null || section == null || page == null) return;
+		const lineIndex = column.lines.indexOf(line);
+		if (lineIndex === -1) return;
+		const sameColumnLine = column.lines[direction ? lineIndex + 1 : lineIndex - 1];
+		if (sameColumnLine != null) return sameColumnLine;
+		const columnIndex = section.columns.indexOf(column);
+		if (columnIndex === -1) return;
+		if (direction) {
+			var _section$columns3;
+			return (_section$columns3 = section.columns[columnIndex + 1]) === null || _section$columns3 === void 0 ? void 0 : _section$columns3.lines[0];
+		}
+		const prevColumnLines = (_section$columns4 = section.columns[columnIndex - 1]) === null || _section$columns4 === void 0 ? void 0 : _section$columns4.lines;
+		return prevColumnLines === null || prevColumnLines === void 0 ? void 0 : prevColumnLines[prevColumnLines.length - 1];
+	}
+	_getColumnGroupColumnBoundaryLine(column, direction) {
+		const sections = direction ? column.page.sections : [...column.page.sections].reverse();
+		for (const section of sections) {
+			const columns = direction ? section.columns : [...section.columns].reverse();
+			for (const skeletonColumn of columns) {
+				const line = (direction ? skeletonColumn.lines : [...skeletonColumn.lines].reverse()).find((item) => item.type !== LineType.BLOCK);
+				if (line != null) return line;
+			}
+		}
+	}
+	_getDistanceToColumnGroupColumn(column, offsetLeft) {
+		if (offsetLeft >= column.left && offsetLeft <= column.left + column.width) return 0;
+		return Math.min(Math.abs(offsetLeft - column.left), Math.abs(offsetLeft - column.left - column.width));
+	}
+	_isColumnGroupContentPage(page) {
+		var _parent$parent;
+		const parent = page.parent;
+		return (parent === null || parent === void 0 ? void 0 : parent.page) === page && ((_parent$parent = parent.parent) === null || _parent$parent === void 0 || (_parent$parent = _parent$parent.columns) === null || _parent$parent === void 0 ? void 0 : _parent$parent.includes(parent)) === true;
 	}
 	_scrollToFocusNodePosition(unitId, offset) {
 		var _this$_renderManagerS3;
@@ -18359,27 +18785,6 @@ DocMoveCursorController = __decorate([
 	__decorateParam(2, Inject(DocSelectionManagerService)),
 	__decorateParam(3, ICommandService)
 ], DocMoveCursorController);
-function findAboveOrBellowCellLine(page, direction) {
-	let newLine = null;
-	if (direction === true) {
-		const bellowCell = findBellowCell(page);
-		if (bellowCell) newLine = firstLineInCell(bellowCell);
-		else {
-			var _page$parent;
-			const { lineAfterTable } = findLineBeforeAndAfterTable((_page$parent = page.parent) === null || _page$parent === void 0 ? void 0 : _page$parent.parent);
-			if (lineAfterTable) newLine = lineAfterTable;
-		}
-	} else {
-		const aboveCell = findAboveCell(page);
-		if (aboveCell) newLine = lastLineInCell(aboveCell);
-		else {
-			var _page$parent2;
-			const { lineBeforeTable } = findLineBeforeAndAfterTable((_page$parent2 = page.parent) === null || _page$parent2 === void 0 ? void 0 : _page$parent2.parent);
-			if (lineBeforeTable) newLine = lineBeforeTable;
-		}
-	}
-	return newLine;
-}
 
 //#endregion
 //#region src/controllers/doc-table.controller.ts
@@ -18593,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;
@@ -18808,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;
@@ -18817,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));
@@ -19074,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);
 			});
@@ -19114,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;
@@ -19268,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
@@ -19359,6 +19770,10 @@ const MoveCursorWordLeftShortcut = moveCursorShortcut(Direction.LEFT, "word", Ke
 const MoveCursorWordRightShortcut = moveCursorShortcut(Direction.RIGHT, "word", KeyCode.ARROW_RIGHT | MetaKeys.CTRL_COMMAND, KeyCode.ARROW_RIGHT | MetaKeys.ALT);
 const MoveSelectionWordLeftShortcut = moveSelectionShortcut(Direction.LEFT, "word", KeyCode.ARROW_LEFT | MetaKeys.CTRL_COMMAND | MetaKeys.SHIFT, KeyCode.ARROW_LEFT | MetaKeys.ALT | MetaKeys.SHIFT);
 const MoveSelectionWordRightShortcut = moveSelectionShortcut(Direction.RIGHT, "word", KeyCode.ARROW_RIGHT | MetaKeys.CTRL_COMMAND | MetaKeys.SHIFT, KeyCode.ARROW_RIGHT | MetaKeys.ALT | MetaKeys.SHIFT);
+const MoveCursorParagraphUpShortcut = moveCursorShortcut(Direction.UP, "paragraph", KeyCode.ARROW_UP | MetaKeys.CTRL_COMMAND, KeyCode.ARROW_UP | MetaKeys.ALT);
+const MoveCursorParagraphDownShortcut = moveCursorShortcut(Direction.DOWN, "paragraph", KeyCode.ARROW_DOWN | MetaKeys.CTRL_COMMAND, KeyCode.ARROW_DOWN | MetaKeys.ALT);
+const MoveSelectionParagraphUpShortcut = moveSelectionShortcut(Direction.UP, "paragraph", KeyCode.ARROW_UP | MetaKeys.CTRL_COMMAND | MetaKeys.SHIFT, KeyCode.ARROW_UP | MetaKeys.ALT | MetaKeys.SHIFT);
+const MoveSelectionParagraphDownShortcut = moveSelectionShortcut(Direction.DOWN, "paragraph", KeyCode.ARROW_DOWN | MetaKeys.CTRL_COMMAND | MetaKeys.SHIFT, KeyCode.ARROW_DOWN | MetaKeys.ALT | MetaKeys.SHIFT);
 const SelectAllShortcut = {
 	id: DocSelectAllCommand.id,
 	binding: KeyCode.A | MetaKeys.CTRL_COMMAND,
@@ -19490,7 +19905,6 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends Plugin {
 			InsertCustomRangeCommand,
 			SetParagraphNamedStyleCommand,
 			QuickHeadingCommand,
-			DeleteCurrentParagraphCommand,
 			DocCopyCurrentParagraphCommand,
 			DocCutCurrentParagraphCommand,
 			H1HeadingCommand,
@@ -19513,7 +19927,8 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends Plugin {
 		[
 			DocCopyCommand,
 			DocCutCommand,
-			DocPasteCommand
+			DocPasteCommand,
+			DeleteCurrentParagraphCommand
 		].forEach((command) => this.disposeWithMe(this._commandService.registerMultipleCommand(command)));
 	}
 	_initializeShortcut() {
@@ -19530,6 +19945,10 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends Plugin {
 			MoveCursorLineEndShortcut,
 			MoveSelectionLineStartShortcut,
 			MoveSelectionLineEndShortcut,
+			MoveCursorParagraphUpShortcut,
+			MoveCursorParagraphDownShortcut,
+			MoveSelectionParagraphUpShortcut,
+			MoveSelectionParagraphDownShortcut,
 			MoveCursorDocumentStartShortcut,
 			MoveCursorDocumentEndShortcut,
 			MoveSelectionDocumentStartShortcut,
@@ -19541,6 +19960,7 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends Plugin {
 			SelectAllShortcut,
 			DeleteLeftShortcut,
 			DeleteRightShortcut,
+			CloseHeaderFooterShortcut,
 			BreakLineShortcut,
 			SoftBreakLineShortcut,
 			ShiftTabShortCut,
@@ -19567,6 +19987,7 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends Plugin {
 			[DocParagraphSettingController],
 			[IEditorService, { useClass: EditorService }],
 			[IDocClipboardService, { useClass: DocClipboardService }],
+			[DocHtmlExportService],
 			[DocCanvasPopManagerService],
 			[DocsRenderService],
 			[IDocStateChangeInterceptorService, { useClass: DocIMEStateChangeInterceptorService }],
@@ -19625,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),
@@ -20189,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, 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 };