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

package/lib/cjs/index.js

@@ -3,7 +3,6 @@ let _univerjs_core = require("@univerjs/core");
 let _univerjs_docs = require("@univerjs/docs");
 let _univerjs_engine_render = require("@univerjs/engine-render");
 let _univerjs_ui = require("@univerjs/ui");
-let _univerjs_drawing = require("@univerjs/drawing");
 let rxjs = require("rxjs");
 let rxjs_operators = require("rxjs/operators");
 let _univerjs_design = require("@univerjs/design");
@@ -432,30 +431,6 @@ DocMenuStyleService = __decorate([
 
 //#endregion
 //#region src/commands/commands/break-line.command.ts
-function generateParagraphs(dataStream, prevParagraph, borderBottom) {
-	const paragraphs = [];
-	const existingParagraphIds = /* @__PURE__ */ new Set();
-	for (let i = 0, len = dataStream.length; i < len; i++) {
-		if (dataStream[i] !== _univerjs_core.DataStreamTreeTokenType.PARAGRAPH) continue;
-		paragraphs.push({
-			startIndex: i,
-			paragraphId: (0, _univerjs_core.createParagraphId)(existingParagraphIds)
-		});
-	}
-	if (prevParagraph) for (const paragraph of paragraphs) {
-		if (prevParagraph.bullet) paragraph.bullet = _univerjs_core.Tools.deepClone(prevParagraph.bullet);
-		if (prevParagraph.paragraphStyle) {
-			paragraph.paragraphStyle = _univerjs_core.Tools.deepClone(prevParagraph.paragraphStyle);
-			delete paragraph.paragraphStyle.borderBottom;
-			if (prevParagraph.paragraphStyle.headingId) paragraph.paragraphStyle.headingId = (0, _univerjs_core.generateRandomId)(6);
-		}
-	}
-	if (borderBottom) for (const paragraph of paragraphs) {
-		if (!paragraph.paragraphStyle) paragraph.paragraphStyle = {};
-		paragraph.paragraphStyle.borderBottom = borderBottom;
-	}
-	return paragraphs;
-}
 const BreakLineCommand = {
 	id: "doc.command.break-line",
 	type: _univerjs_core.CommandType.COMMAND,
@@ -476,21 +451,23 @@ const BreakLineCommand = {
 			}]);
 			return true;
 		}
-		const { horizontalLine } = params !== null && params !== void 0 ? params : {};
+		const { horizontalLine, insertionMode = "split-paragraph" } = params !== null && params !== void 0 ? params : {};
 		const { segmentId } = activeTextRange;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 		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;
-		const prevParagraph = ((_originBody$paragraph = originBody.paragraphs) !== null && _originBody$paragraph !== void 0 ? _originBody$paragraph : []).find((p) => p.startIndex >= startOffset);
-		if (!prevParagraph) return false;
-		const isAtParagraphEnd = startOffset === prevParagraph.startIndex;
-		const prevParagraphIndex = prevParagraph.startIndex;
+		const paragraphs = (_originBody$paragraph = originBody.paragraphs) !== null && _originBody$paragraph !== void 0 ? _originBody$paragraph : [];
+		const insertsAtStructuralGap = insertionMode === "insert-gap" || isTopLevelStructuralGap(originBody.dataStream, startOffset);
+		const prevParagraph = insertsAtStructuralGap ? void 0 : paragraphs.find((p) => p.startIndex >= startOffset);
+		if (!prevParagraph && !insertsAtStructuralGap) return false;
+		const isAtParagraphEnd = startOffset === (prevParagraph === null || prevParagraph === void 0 ? void 0 : prevParagraph.startIndex);
+		const prevParagraphIndex = prevParagraph === null || prevParagraph === void 0 ? void 0 : prevParagraph.startIndex;
 		const curTextRun = getTextRunAtPosition(originBody, endOffset, docMenuStyleService.getDefaultStyle(), docMenuStyleService.getStyleCache());
 		const insertBody = {
 			dataStream: _univerjs_core.DataStreamTreeTokenType.PARAGRAPH,
-			paragraphs: generateParagraphs(_univerjs_core.DataStreamTreeTokenType.PARAGRAPH, prevParagraph, horizontalLine),
+			paragraphs: (0, _univerjs_docs.generateParagraphs)(_univerjs_core.DataStreamTreeTokenType.PARAGRAPH, prevParagraph, horizontalLine),
 			textRuns: [{
 				st: 0,
 				ed: 1,
@@ -501,7 +478,7 @@ const BreakLineCommand = {
 		const activeRange = docSelectionManagerService.getActiveTextRange();
 		if (originBody == null) return false;
 		const { collapsed } = activeTextRange;
-		const cursorMove = insertBody.dataStream.length;
+		const cursorMove = insertsAtStructuralGap ? 0 : insertBody.dataStream.length;
 		const textRanges = [{
 			startOffset: startOffset + cursorMove,
 			endOffset: startOffset + cursorMove,
@@ -514,7 +491,8 @@ const BreakLineCommand = {
 				unitId,
 				actions: [],
 				textRanges,
-				debounce: true
+				debounce: true,
+				trigger: BreakLineCommand.id
 			}
 		};
 		const textX = new _univerjs_core.TextX();
@@ -533,9 +511,9 @@ const BreakLineCommand = {
 			const dos = _univerjs_core.BuildTextUtils.selection.delete([activeTextRange], originBody, 0, insertBody);
 			textX.push(...dos);
 		}
-		if (((_prevParagraph$bullet = prevParagraph.bullet) === null || _prevParagraph$bullet === void 0 ? void 0 : _prevParagraph$bullet.listType) === _univerjs_core.PresetListType.CHECK_LIST_CHECKED || ((_prevParagraph$paragr = prevParagraph.paragraphStyle) === null || _prevParagraph$paragr === void 0 ? void 0 : _prevParagraph$paragr.headingId)) {
+		if (prevParagraph && (((_prevParagraph$bullet = prevParagraph.bullet) === null || _prevParagraph$bullet === void 0 ? void 0 : _prevParagraph$bullet.listType) === _univerjs_core.PresetListType.CHECK_LIST_CHECKED || ((_prevParagraph$paragr = prevParagraph.paragraphStyle) === null || _prevParagraph$paragr === void 0 ? void 0 : _prevParagraph$paragr.headingId))) {
 			var _prevParagraph$paragr2;
-			if (activeTextRange.endOffset < prevParagraphIndex) textX.push({
+			if (prevParagraphIndex != null && activeTextRange.endOffset < prevParagraphIndex) textX.push({
 				t: _univerjs_core.TextXActionType.RETAIN,
 				len: prevParagraphIndex - activeTextRange.endOffset
 			});
@@ -574,6 +552,41 @@ const BreakLineCommand = {
 		return Boolean(result);
 	}
 };
+function isTopLevelStructuralGap(dataStream, offset) {
+	const previousToken = dataStream[offset - 1];
+	const nextToken = dataStream[offset];
+	return previousToken === _univerjs_core.DataStreamTreeTokenType.BLOCK_END || previousToken === _univerjs_core.DataStreamTreeTokenType.TABLE_END || previousToken === _univerjs_core.DataStreamTreeTokenType.COLUMN_GROUP_END || nextToken === _univerjs_core.DataStreamTreeTokenType.BLOCK_START || nextToken === _univerjs_core.DataStreamTreeTokenType.TABLE_START || nextToken === _univerjs_core.DataStreamTreeTokenType.COLUMN_GROUP_START;
+}
+
+//#endregion
+//#region src/services/clipboard/doc-paste-mutation-adapter.service.ts
+const IDocClipboardPasteAdapterService = (0, _univerjs_core.createIdentifier)("doc.clipboard-paste-adapter.service");
+var DocClipboardPasteAdapterService = class {
+	constructor() {
+		_defineProperty(this, "_adapters", []);
+	}
+	registerAdapter(adapter) {
+		this._adapters.push(adapter);
+		return (0, _univerjs_core.toDisposable)(() => {
+			const index = this._adapters.indexOf(adapter);
+			if (index >= 0) this._adapters.splice(index, 1);
+		});
+	}
+	getPasteMutationInfos(params) {
+		const mutationInfos = {
+			redoMutations: [],
+			undoMutations: []
+		};
+		for (const adapter of this._adapters) {
+			var _adapter$getPasteMuta;
+			const nextMutationInfos = (_adapter$getPasteMuta = adapter.getPasteMutationInfos) === null || _adapter$getPasteMuta === void 0 ? void 0 : _adapter$getPasteMuta.call(adapter, params);
+			if (!nextMutationInfos) continue;
+			mutationInfos.redoMutations.push(...nextMutationInfos.redoMutations);
+			mutationInfos.undoMutations.push(...nextMutationInfos.undoMutations);
+		}
+		return mutationInfos;
+	}
+};
 
 //#endregion
 //#region src/commands/util.ts
@@ -594,6 +607,7 @@ function genEmptyTable(rowCount, colCount) {
 	const paragraphs = [];
 	const sectionBreaks = [];
 	const existingParagraphIds = /* @__PURE__ */ new Set();
+	const existingSectionIds = /* @__PURE__ */ new Set();
 	for (let i = 0; i < rowCount; i++) {
 		dataStream += _univerjs_core.DataStreamTreeTokenType.TABLE_ROW_START;
 		for (let j = 0; j < colCount; j++) {
@@ -607,7 +621,10 @@ function genEmptyTable(rowCount, colCount) {
 					spaceBelow: { v: 0 }
 				}
 			});
-			sectionBreaks.push({ startIndex: dataStream.length - 2 });
+			sectionBreaks.push({
+				sectionId: (0, _univerjs_core.createSectionId)(existingSectionIds),
+				startIndex: dataStream.length - 2
+			});
 		}
 		dataStream += _univerjs_core.DataStreamTreeTokenType.TABLE_ROW_END;
 	}
@@ -712,6 +729,7 @@ function getInsertRowBody(col) {
 	const paragraphs = [];
 	const sectionBreaks = [];
 	const existingParagraphIds = /* @__PURE__ */ new Set();
+	const existingSectionIds = /* @__PURE__ */ new Set();
 	for (let i = 0; i < col; i++) {
 		dataStream += `${_univerjs_core.DataStreamTreeTokenType.TABLE_CELL_START}\r\n${_univerjs_core.DataStreamTreeTokenType.TABLE_CELL_END}`;
 		paragraphs.push({
@@ -723,7 +741,10 @@ function getInsertRowBody(col) {
 				spaceBelow: { v: 0 }
 			}
 		});
-		sectionBreaks.push({ startIndex: dataStream.length - 2 });
+		sectionBreaks.push({
+			sectionId: (0, _univerjs_core.createSectionId)(existingSectionIds),
+			startIndex: dataStream.length - 2
+		});
 	}
 	dataStream += _univerjs_core.DataStreamTreeTokenType.TABLE_ROW_END;
 	return {
@@ -745,7 +766,10 @@ function getInsertColumnBody() {
 			spaceBelow: { v: 0 }
 		}
 	});
-	sectionBreaks.push({ startIndex: 2 });
+	sectionBreaks.push({
+		sectionId: (0, _univerjs_core.createSectionId)(/* @__PURE__ */ new Set()),
+		startIndex: 2
+	});
 	return {
 		dataStream,
 		paragraphs,
@@ -1102,8 +1126,10 @@ const InnerPasteCommand = {
 		var _docDataModel$getSelf, _body$tables, _body$customBlocks;
 		const { segmentId, textRanges, doc } = params;
 		const commandService = accessor.get(_univerjs_core.ICommandService);
+		const undoRedoService = accessor.get(_univerjs_core.IUndoRedoService);
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const pasteAdapterService = getPasteAdapterService(accessor);
 		const selections = docSelectionManagerService.getTextRanges();
 		const rectRanges = docSelectionManagerService.getRectRanges();
 		const { body, tableSource, drawings } = doc;
@@ -1126,6 +1152,9 @@ const InnerPasteCommand = {
 		const textX = new _univerjs_core.TextX();
 		const jsonX = _univerjs_core.JSONX.getInstance();
 		const rawActions = [];
+		const resourceRedoMutations = [];
+		const resourceUndoMutations = [];
+		const resourceMutationGroups = [];
 		const hasTable = !!((_body$tables = body.tables) === null || _body$tables === void 0 ? void 0 : _body$tables.length);
 		const hasCustomBlock = !!((_body$customBlocks = body.customBlocks) === null || _body$customBlocks === void 0 ? void 0 : _body$customBlocks.length);
 		if (hasTable && segmentId) return false;
@@ -1149,17 +1178,42 @@ const InnerPasteCommand = {
 			if (hasCustomBlock && drawings) {
 				var _docDataModel$getSnap, _docDataModel$getSnap2;
 				const drawingLen = (_docDataModel$getSnap = (_docDataModel$getSnap2 = docDataModel.getSnapshot().drawingsOrder) === null || _docDataModel$getSnap2 === void 0 ? void 0 : _docDataModel$getSnap2.length) !== null && _docDataModel$getSnap !== void 0 ? _docDataModel$getSnap : 0;
+				const customBlockMappings = [];
 				for (const block of cloneBody.customBlocks) {
 					const { blockId } = block;
 					const drawingId = (0, _univerjs_core.generateRandomId)(6);
 					block.blockId = drawingId;
-					const drawing = _univerjs_core.Tools.deepClone(drawings[blockId]);
+					const sourceDrawing = drawings[blockId];
+					const drawing = _univerjs_core.Tools.deepClone(sourceDrawing);
 					drawing.drawingId = drawingId;
-					const action = jsonX.insertOp(["drawings", drawingId], drawing);
-					const orderAction = jsonX.insertOp(["drawingsOrder", drawingLen], drawingId);
+					customBlockMappings.push({
+						sourceBlockId: blockId,
+						targetBlockId: drawingId,
+						sourceDrawing,
+						targetDrawing: drawing
+					});
+				}
+				if (customBlockMappings.length > 0 && pasteAdapterService) {
+					const mutationInfos = pasteAdapterService.getPasteMutationInfos({
+						unitId,
+						segmentId,
+						doc,
+						sourceBody: body,
+						targetBody: cloneBody,
+						customBlockMappings
+					});
+					if (mutationInfos.redoMutations.length > 0 || mutationInfos.undoMutations.length > 0) {
+						resourceRedoMutations.push(...mutationInfos.redoMutations);
+						resourceUndoMutations.push(...mutationInfos.undoMutations);
+						resourceMutationGroups.push(mutationInfos);
+					}
+				}
+				customBlockMappings.forEach(({ targetBlockId, targetDrawing }) => {
+					const action = jsonX.insertOp(["drawings", targetBlockId], targetDrawing);
+					const orderAction = jsonX.insertOp(["drawingsOrder", drawingLen], targetBlockId);
 					rawActions.push(action);
 					rawActions.push(orderAction);
-				}
+				});
 			}
 			const customRange = getCustomRangeAtPosition((_originBody$customRan = originBody.customRanges) !== null && _originBody$customRan !== void 0 ? _originBody$customRan : [], endOffset, UNITS.includes(unitId));
 			const customDecorations = getCustomDecorationAtPosition((_originBody$customDec = originBody.customDecorations) !== null && _originBody$customDec !== void 0 ? _originBody$customDec : [], endOffset);
@@ -1195,10 +1249,55 @@ const InnerPasteCommand = {
 		doMutation.params.actions = rawActions.reduce((acc, cur) => {
 			return _univerjs_core.JSONX.compose(acc, cur);
 		}, null);
+		if (!executeResourceMutationGroups(resourceMutationGroups, commandService)) return false;
+		const historyId = `doc-paste-resource:${unitId}:${Date.now()}`;
+		let batchingDisposable = null;
+		if (resourceRedoMutations.length > 0 || resourceUndoMutations.length > 0) {
+			batchingDisposable = undoRedoService.__tempBatchingUndoRedo(unitId);
+			undoRedoService.pushUndoRedo({
+				unitID: unitId,
+				redoMutations: resourceRedoMutations,
+				undoMutations: resourceUndoMutations,
+				id: historyId
+			});
+		}
 		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+		if (!result && batchingDisposable != null) {
+			batchingDisposable.dispose();
+			undoRedoService.rollback(historyId, unitId);
+			return false;
+		}
+		batchingDisposable === null || batchingDisposable === void 0 || batchingDisposable.dispose();
 		return Boolean(result);
 	}
 };
+function getPasteAdapterService(accessor) {
+	try {
+		return accessor.get(IDocClipboardPasteAdapterService);
+	} catch {
+		return null;
+	}
+}
+function executeResourceMutationGroups(mutationGroups, commandService) {
+	const executedUndoGroups = [];
+	for (const mutationGroup of mutationGroups) {
+		if (!executeMutations(mutationGroup.redoMutations, commandService)) {
+			executeMutationGroups([...executedUndoGroups].reverse(), commandService);
+			return false;
+		}
+		executedUndoGroups.push(mutationGroup.undoMutations);
+	}
+	return true;
+}
+function executeMutationGroups(mutationGroups, commandService) {
+	mutationGroups.forEach((mutations) => {
+		executeMutations(mutations, commandService);
+	});
+}
+function executeMutations(mutations, commandService) {
+	for (const mutation of mutations) if (!commandService.syncExecuteCommand(mutation.id, mutation.params)) return false;
+	return true;
+}
 function adjustSelectionByTable(selection, tables) {
 	const { startOffset, endOffset } = selection;
 	const endsWithTable = tables.some((t) => t.startIndex === endOffset);
@@ -1614,14 +1713,11 @@ function getCursorWhenDelete(textRanges, rectRanges) {
 	}
 	return cursor;
 }
-function getBlockRangeEndTokenOffset(body, blockRange) {
-	return body.dataStream[blockRange.endIndex] === _univerjs_core.DataStreamTreeTokenType.BLOCK_END ? blockRange.endIndex : body.dataStream[blockRange.endIndex + 1] === _univerjs_core.DataStreamTreeTokenType.BLOCK_END ? blockRange.endIndex + 1 : blockRange.endIndex;
-}
 function isDeleteOffsetInsideBlockRange(body, offset) {
 	var _body$blockRanges$som, _body$blockRanges;
 	return (_body$blockRanges$som = (_body$blockRanges = body.blockRanges) === null || _body$blockRanges === void 0 ? void 0 : _body$blockRanges.some((blockRange) => {
-		const endTokenOffset = getBlockRangeEndTokenOffset(body, blockRange);
-		return blockRange.startIndex < offset && offset < endTokenOffset;
+		const interval = (0, _univerjs_core.getBlockRangeInterval)(blockRange);
+		return interval.startOffset < offset && offset < interval.endOffset - 1;
 	})) !== null && _body$blockRanges$som !== void 0 ? _body$blockRanges$som : false;
 }
 const DeleteLeftCommand = {
@@ -2112,6 +2208,10 @@ var HtmlToUDMService = class HtmlToUDMService {
 		var _body$paragraphs;
 		return (0, _univerjs_core.createParagraphId)(new Set((_body$paragraphs = body.paragraphs) === null || _body$paragraphs === void 0 ? void 0 : _body$paragraphs.map((paragraph) => paragraph.paragraphId)));
 	}
+	_createSectionId(body) {
+		var _body$sectionBreaks;
+		return (0, _univerjs_core.createSectionId)(new Set((_body$sectionBreaks = body.sectionBreaks) === null || _body$sectionBreaks === void 0 ? void 0 : _body$sectionBreaks.map((sectionBreak) => sectionBreak.sectionId)));
+	}
 	convert(html, metaConfig = {}) {
 		var _pastePlugin$preproce, _pastePlugin$preproce2, _metaConfig$unitId;
 		const pastePlugin = HtmlToUDMService._pluginList.find((plugin) => plugin.checkPasteType(html));
@@ -2159,7 +2259,7 @@ var HtmlToUDMService = class HtmlToUDMService {
 			var _element$dataset$imag;
 			const element = node;
 			const imageSourceType = (_element$dataset$imag = element.dataset.imageSourceType) !== null && _element$dataset$imag !== void 0 ? _element$dataset$imag : element.src ? inferImageSourceType(element.src) : void 0;
-			const source = imageSourceType === _univerjs_drawing.ImageSourceType.UUID ? element.dataset.source : element.src;
+			const source = imageSourceType === _univerjs_core.ImageSourceType.UUID ? element.dataset.source : element.src;
 			if (source && imageSourceType) {
 				var _readImageSize, _readImageSize2, _readCssSize, _readCssSize2, _doc$body;
 				const width = (_readImageSize = readImageSize(element, "width")) !== null && _readImageSize !== void 0 ? _readImageSize : 100;
@@ -2337,7 +2437,7 @@ var HtmlToUDMService = class HtmlToUDMService {
 		if (wordListContext) paragraph.startIndex -= stripListMarkerFromCurrentParagraph(doc.body);
 	}
 	_processHtmlTable(node, doc) {
-		var _doc$tableSource, _body$tables, _body$sectionBreaks;
+		var _doc$tableSource, _body$tables, _body$sectionBreaks2;
 		const body = doc.body;
 		if (body.dataStream[body.dataStream.length - 1] !== "\r") {
 			var _body$paragraphs3;
@@ -2350,7 +2450,7 @@ var HtmlToUDMService = class HtmlToUDMService {
 		}
 		(_doc$tableSource = doc.tableSource) !== null && _doc$tableSource !== void 0 || (doc.tableSource = {});
 		(_body$tables = body.tables) !== null && _body$tables !== void 0 || (body.tables = []);
-		(_body$sectionBreaks = body.sectionBreaks) !== null && _body$sectionBreaks !== void 0 || (body.sectionBreaks = []);
+		(_body$sectionBreaks2 = body.sectionBreaks) !== null && _body$sectionBreaks2 !== void 0 || (body.sectionBreaks = []);
 		const rows = collectHtmlTableRows(node);
 		const grid = buildHtmlTableGrid(rows);
 		const columnCount = Math.max(1, ...grid.map((row) => row.length));
@@ -2402,7 +2502,7 @@ var HtmlToUDMService = class HtmlToUDMService {
 		});
 	}
 	_appendHtmlTableCell(cell, doc) {
-		var _body$sectionBreaks2;
+		var _body$sectionBreaks3;
 		const body = doc.body;
 		body.dataStream += _univerjs_core.DataStreamTreeTokenType.TABLE_CELL_START;
 		if (cell.element && !cell.covered) this._process(cell.element, cell.element.childNodes, doc);
@@ -2410,8 +2510,11 @@ var HtmlToUDMService = class HtmlToUDMService {
 			var _cell$element;
 			this._appendParagraph(doc, (_cell$element = cell.element) !== null && _cell$element !== void 0 ? _cell$element : document.createElement("td"));
 		}
-		(_body$sectionBreaks2 = body.sectionBreaks) !== null && _body$sectionBreaks2 !== void 0 || (body.sectionBreaks = []);
-		body.sectionBreaks.push({ startIndex: body.dataStream.length });
+		(_body$sectionBreaks3 = body.sectionBreaks) !== null && _body$sectionBreaks3 !== void 0 || (body.sectionBreaks = []);
+		body.sectionBreaks.push({
+			sectionId: this._createSectionId(body),
+			startIndex: body.dataStream.length
+		});
 		body.dataStream += `\n${_univerjs_core.DataStreamTreeTokenType.TABLE_CELL_END}`;
 	}
 	_processBeforeTable(node, doc) {
@@ -2477,7 +2580,7 @@ var HtmlToUDMService = class HtmlToUDMService {
 				body.dataStream += _univerjs_core.DataStreamTreeTokenType.TABLE_ROW_END;
 				break;
 			case "TD":
-				var _body$sectionBreaks3;
+				var _body$sectionBreaks4;
 				if (body.dataStream[body.dataStream.length - 1] !== "\r") {
 					var _body$paragraphs5;
 					(_body$paragraphs5 = body.paragraphs) === null || _body$paragraphs5 === void 0 || _body$paragraphs5.push({
@@ -2486,7 +2589,10 @@ var HtmlToUDMService = class HtmlToUDMService {
 					});
 					body.dataStream += "\r";
 				}
-				(_body$sectionBreaks3 = body.sectionBreaks) === null || _body$sectionBreaks3 === void 0 || _body$sectionBreaks3.push({ startIndex: body.dataStream.length });
+				(_body$sectionBreaks4 = body.sectionBreaks) === null || _body$sectionBreaks4 === void 0 || _body$sectionBreaks4.push({
+					sectionId: this._createSectionId(body),
+					startIndex: body.dataStream.length
+				});
 				body.dataStream += `\n${_univerjs_core.DataStreamTreeTokenType.TABLE_CELL_END}`;
 				break;
 		}
@@ -2533,7 +2639,7 @@ function normalizeTextNode(node) {
 	return hasTextSibling(node.previousSibling, "previous") && hasTextSibling(node.nextSibling, "next") ? " " : "";
 }
 function inferImageSourceType(src) {
-	return src.startsWith("data:image/") ? _univerjs_drawing.ImageSourceType.BASE64 : _univerjs_drawing.ImageSourceType.URL;
+	return src.startsWith("data:image/") ? _univerjs_core.ImageSourceType.BASE64 : _univerjs_core.ImageSourceType.URL;
 }
 function hasTextSibling(node, direction) {
 	let current = node;
@@ -3200,7 +3306,7 @@ function covertImageToHtml(item) {
 		"data-width": (_item$transform = item.transform) === null || _item$transform === void 0 ? void 0 : _item$transform.width,
 		"data-height": (_item$transform2 = item.transform) === null || _item$transform2 === void 0 ? void 0 : _item$transform2.height,
 		"data-image-source-type": item.imageSourceType,
-		"data-source": item.imageSourceType === _univerjs_drawing.ImageSourceType.UUID ? item.source : void 0,
+		"data-source": item.imageSourceType === _univerjs_core.ImageSourceType.UUID ? item.source : void 0,
 		src: item.source
 	})}></img>`;
 }
@@ -3315,7 +3421,10 @@ function convertBodyToHtml(doc) {
 			startIndex: dataStream.length - 2,
 			paragraphId: (0, _univerjs_core.createParagraphId)(new Set(paragraphs.map((paragraph) => paragraph.paragraphId)))
 		});
-		sectionBreaks.push({ startIndex: dataStream.length - 1 });
+		sectionBreaks.push({
+			sectionId: (0, _univerjs_core.createSectionId)(new Set(sectionBreaks.map((sectionBreak) => sectionBreak.sectionId))),
+			startIndex: dataStream.length - 1
+		});
 		body.dataStream = dataStream;
 		body.paragraphs = paragraphs;
 		body.sectionBreaks = sectionBreaks;
@@ -3814,6 +3923,7 @@ let DocClipboardService = class DocClipboardService extends _univerjs_core.Dispo
 			internalDocData = cache;
 		} else internalDocData = createInternalClipboardDocDataList(documentList);
 		if (internalDocData) {
+			internalDocData = this._applyCopyDocDataHooks(internalDocData, documentList);
 			internalJson = createInternalClipboardFragment(internalDocData);
 			html = embedInternalClipboardFragment(html, internalJson);
 		}
@@ -3827,6 +3937,12 @@ let DocClipboardService = class DocClipboardService extends _univerjs_core.Dispo
 			if (index > -1) this._clipboardHooks.splice(index, 1);
 		});
 	}
+	_applyCopyDocDataHooks(doc, sourceDocuments) {
+		return this._clipboardHooks.reduce((currentDoc, hook) => {
+			var _hook$onCopyDocData, _hook$onCopyDocData2;
+			return (_hook$onCopyDocData = (_hook$onCopyDocData2 = hook.onCopyDocData) === null || _hook$onCopyDocData2 === void 0 ? void 0 : _hook$onCopyDocData2.call(hook, currentDoc, { sourceDocuments })) !== null && _hook$onCopyDocData !== void 0 ? _hook$onCopyDocData : currentDoc;
+		}, doc);
+	}
 	_getDocumentBodyInRanges(sliceType, ranges) {
 		var _docDataModel$getSelf;
 		const docDataModel = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
@@ -3929,11 +4045,11 @@ let DocClipboardService = class DocClipboardService extends _univerjs_core.Dispo
 		const images = Array.from(doc.querySelectorAll("img[src^=\"data:image/\"]"));
 		if (images.length === 0) return html;
 		await Promise.all(images.map(async (image, index) => {
-			if (image.dataset.imageSourceType && image.dataset.imageSourceType !== _univerjs_drawing.ImageSourceType.BASE64) return;
+			if (image.dataset.imageSourceType && image.dataset.imageSourceType !== _univerjs_core.ImageSourceType.BASE64) return;
 			const uploaded = await onBeforePasteImage(dataUrlToFile(image.getAttribute("src") || image.src, `pasted_image_${index}`));
 			if (!uploaded) return;
 			image.dataset.imageSourceType = uploaded.imageSourceType;
-			if (uploaded.imageSourceType === _univerjs_drawing.ImageSourceType.UUID) {
+			if (uploaded.imageSourceType === _univerjs_core.ImageSourceType.UUID) {
 				image.dataset.source = uploaded.source;
 				image.setAttribute("src", uploaded.source);
 			} else {
@@ -3960,7 +4076,7 @@ let DocClipboardService = class DocClipboardService extends _univerjs_core.Dispo
 				reader.onloadend = function() {
 					res({
 						source: reader.result,
-						imageSourceType: _univerjs_drawing.ImageSourceType.BASE64
+						imageSourceType: _univerjs_core.ImageSourceType.BASE64
 					});
 				};
 				reader.readAsDataURL(file);
@@ -4120,6 +4236,17 @@ const DocPasteCommand = {
 
 //#endregion
 //#region src/commands/commands/doc-block-move.command.ts
+const DOC_BLOCK_MOVE_BODY_PATCH_KEYS = [
+	"paragraphs",
+	"sectionBreaks",
+	"tables",
+	"columnGroups",
+	"customBlocks",
+	"blockRanges",
+	"customRanges",
+	"customDecorations",
+	"textRuns"
+];
 const MoveDocBlockCommand = {
 	id: "doc.command.move-block",
 	type: _univerjs_core.CommandType.COMMAND,
@@ -4143,7 +4270,11 @@ const MoveDocBlockCommand = {
 			previousDocumentData,
 			result: moveResult
 		});
-		const actions = buildReplaceDocumentBodyActions(previousDocumentData, nextDocumentData);
+		const actions = buildReplaceDocumentBodyActions(previousDocumentData, nextDocumentData, {
+			sourceRange,
+			targetOffset,
+			movedRange
+		});
 		if (!actions) return false;
 		const textRanges = [{
 			startOffset: movedRange.startOffset,
@@ -4189,23 +4320,121 @@ function buildMoveDocBlockActions(params) {
 		}
 	};
 }
-function buildReplaceDocumentBodyActions(previousDocumentData, nextDocumentData) {
-	const jsonX = _univerjs_core.JSONX.getInstance();
+function buildReplaceDocumentBodyActions(previousDocumentData, nextDocumentData, move) {
+	_univerjs_core.JSONX.getInstance();
 	const previousBody = previousDocumentData.body;
 	const nextBody = nextDocumentData.body;
 	if (!previousBody || !nextBody) return null;
-	return [
-		jsonX.replaceOp(["body", "dataStream"], previousBody.dataStream, nextBody.dataStream),
-		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),
-		jsonX.replaceOp(["body", "customDecorations"], previousBody.customDecorations, nextBody.customDecorations),
-		jsonX.replaceOp(["body", "textRuns"], previousBody.textRuns, nextBody.textRuns)
-	].filter(Boolean).reduce((acc, cur) => _univerjs_core.JSONX.compose(acc, cur), null);
+	const rawActions = [];
+	let intermediateDocumentData = _univerjs_core.Tools.deepClone(previousDocumentData);
+	const moveTextAction = move ? buildMoveBodyTextAction(previousBody, nextBody, move) : null;
+	if (moveTextAction) {
+		rawActions.push(moveTextAction);
+		intermediateDocumentData = _univerjs_core.JSONX.apply(intermediateDocumentData, moveTextAction);
+	}
+	const residualTextAction = buildSingleBodyTextChangeAction(intermediateDocumentData.body, nextBody);
+	if (residualTextAction) {
+		rawActions.push(residualTextAction);
+		intermediateDocumentData = _univerjs_core.JSONX.apply(intermediateDocumentData, residualTextAction);
+	}
+	if (!moveTextAction) collectBodyPatchActions(intermediateDocumentData.body, nextBody, rawActions);
+	return rawActions.reduce((acc, cur) => _univerjs_core.JSONX.compose(acc, cur), null);
+}
+function buildMoveBodyTextAction(previousBody, nextBody, move) {
+	const dataStreamLength = previousBody.dataStream.length;
+	const startOffset = clamp$1(move.sourceRange.startOffset, 0, dataStreamLength);
+	const endOffset = clamp$1(move.sourceRange.endOffset, startOffset, dataStreamLength);
+	const targetOffset = clamp$1(move.targetOffset, 0, dataStreamLength);
+	const moveLength = endOffset - startOffset;
+	if (moveLength <= 0 || targetOffset >= startOffset && targetOffset <= endOffset) return null;
+	const textX = new _univerjs_core.TextX();
+	const insertOffset = move.movedRange.startOffset;
+	const insertBody = (0, _univerjs_core.getBodySliceForTextXAction)(nextBody, insertOffset, insertOffset + moveLength, false);
+	if (targetOffset < startOffset) {
+		textX.retain(targetOffset);
+		textX.insert(moveLength, insertBody);
+		textX.retain(startOffset - targetOffset);
+		textX.delete(moveLength);
+	} else {
+		textX.retain(startOffset);
+		textX.delete(moveLength);
+		textX.retain(targetOffset - endOffset);
+		textX.insert(moveLength, insertBody);
+	}
+	return _univerjs_core.JSONX.getInstance().editOp(textX.serialize(), ["body"]);
+}
+function buildSingleBodyTextChangeAction(previousBody, nextBody) {
+	const textChange = getSingleDataStreamChange(previousBody === null || previousBody === void 0 ? void 0 : previousBody.dataStream, nextBody.dataStream);
+	if (!textChange) return null;
+	const textX = new _univerjs_core.TextX();
+	textX.retain(textChange.start);
+	if (textChange.insertLength > 0) textX.insert(textChange.insertLength, (0, _univerjs_core.getBodySliceForTextXAction)(nextBody, textChange.start, textChange.start + textChange.insertLength, false));
+	if (textChange.deleteLength > 0) textX.delete(textChange.deleteLength);
+	return _univerjs_core.JSONX.getInstance().editOp(textX.serialize(), ["body"]);
+}
+function getSingleDataStreamChange(previousDataStream, nextDataStream) {
+	if (previousDataStream == null || nextDataStream == null || previousDataStream === nextDataStream) return null;
+	let start = 0;
+	while (start < previousDataStream.length && start < nextDataStream.length && previousDataStream[start] === nextDataStream[start]) start++;
+	let previousEnd = previousDataStream.length;
+	let nextEnd = nextDataStream.length;
+	while (previousEnd > start && nextEnd > start && previousDataStream[previousEnd - 1] === nextDataStream[nextEnd - 1]) {
+		previousEnd--;
+		nextEnd--;
+	}
+	return {
+		start,
+		deleteLength: previousEnd - start,
+		insertLength: nextEnd - start
+	};
+}
+function collectBodyPatchActions(previousBody, nextBody, actions) {
+	for (const key of DOC_BLOCK_MOVE_BODY_PATCH_KEYS) collectPatchActions(_univerjs_core.JSONX.getInstance(), ["body", key], previousBody === null || previousBody === void 0 ? void 0 : previousBody[key], nextBody[key], actions);
+}
+function collectPatchActions(jsonX, path, oldValue, newValue, actions) {
+	if (isEmptyArrayEquivalent$1(oldValue, newValue)) return;
+	if (_univerjs_core.Tools.diffValue(oldValue, newValue)) return;
+	if (oldValue == null) {
+		actions.push(jsonX.insertOp(path, newValue));
+		return;
+	}
+	if (newValue == null) {
+		actions.push(jsonX.removeOp(path, oldValue));
+		return;
+	}
+	if (Array.isArray(oldValue) && Array.isArray(newValue)) {
+		collectArrayPatchActions(jsonX, path, oldValue, newValue, actions);
+		return;
+	}
+	if (isPlainObject$1(oldValue) && isPlainObject$1(newValue)) {
+		(/* @__PURE__ */ new Set([...Object.keys(oldValue), ...Object.keys(newValue)])).forEach((key) => {
+			collectPatchActions(jsonX, [...path, key], oldValue[key], newValue[key], actions);
+		});
+		return;
+	}
+	actions.push(jsonX.replaceOp(path, oldValue, newValue));
+}
+function collectArrayPatchActions(jsonX, path, oldItems, newItems, actions) {
+	if (oldItems.length === newItems.length) {
+		oldItems.forEach((item, index) => collectPatchActions(jsonX, [...path, index], item, newItems[index], actions));
+		return;
+	}
+	let prefix = 0;
+	while (prefix < oldItems.length && prefix < newItems.length && _univerjs_core.Tools.diffValue(oldItems[prefix], newItems[prefix])) prefix++;
+	let oldSuffix = oldItems.length - 1;
+	let newSuffix = newItems.length - 1;
+	while (oldSuffix >= prefix && newSuffix >= prefix && _univerjs_core.Tools.diffValue(oldItems[oldSuffix], newItems[newSuffix])) {
+		oldSuffix--;
+		newSuffix--;
+	}
+	for (let index = oldSuffix; index >= prefix; index--) actions.push(jsonX.removeOp([...path, index], oldItems[index]));
+	for (let index = prefix; index <= newSuffix; index++) actions.push(jsonX.insertOp([...path, index], newItems[index]));
+}
+function isPlainObject$1(value) {
+	return value != null && typeof value === "object" && !Array.isArray(value);
+}
+function isEmptyArrayEquivalent$1(oldValue, newValue) {
+	return oldValue == null && Array.isArray(newValue) && newValue.length === 0 || newValue == null && Array.isArray(oldValue) && oldValue.length === 0;
 }
 function remapBodyIndexesAfterMove(body, startOffset, endOffset, targetOffset, insertOffset, moveLength) {
 	var _body$paragraphs, _body$sectionBreaks, _body$customBlocks, _body$tables, _body$columnGroups, _body$blockRanges, _body$customRanges, _body$customDecoratio, _body$textRuns;
@@ -4290,6 +4519,7 @@ const HorizontalLineCommand = {
 				width: 1,
 				dashStyle: _univerjs_core.DashStyleType.SOLID
 			},
+			insertionMode: params === null || params === void 0 ? void 0 : params.insertionMode,
 			textRange: params === null || params === void 0 ? void 0 : params.insertRange
 		});
 	}
@@ -4306,10 +4536,13 @@ const InsertHorizontalLineBellowCommand = {
 		} catch {
 			contentInsertRange = null;
 		}
-		if (contentInsertRange) return commandService.syncExecuteCommand(HorizontalLineCommand.id, { insertRange: {
-			startOffset: contentInsertRange.startOffset,
-			endOffset: contentInsertRange.endOffset
-		} });
+		if (contentInsertRange) return commandService.syncExecuteCommand(HorizontalLineCommand.id, {
+			insertionMode: "insert-gap",
+			insertRange: {
+				startOffset: contentInsertRange.startOffset,
+				endOffset: contentInsertRange.endOffset
+			}
+		});
 		const paragraph = getCurrentParagraph(accessor);
 		if (!paragraph) return false;
 		return commandService.syncExecuteCommand(HorizontalLineCommand.id, { insertRange: {
@@ -4385,7 +4618,7 @@ function getTextRangesByParagraphs(body, startOffset, endOffset) {
 	return ranges;
 }
 function getScopedSelectAllRange(body, activeRange) {
-	var _body$tables2, _body$customBlocks, _body$blockRanges, _body$paragraphs2, _body$tables3;
+	var _body$tables2, _body$customBlocks, _body$blockRanges, _body$tables3;
 	const startOffset = activeRange.startOffset;
 	const endOffset = activeRange.endOffset;
 	if (startOffset == null || endOffset == null) return null;
@@ -4403,7 +4636,7 @@ function getScopedSelectAllRange(body, activeRange) {
 		rangeType: _univerjs_core.DOC_RANGE_TYPE.TEXT,
 		startOffset: blockRange.startIndex + 1
 	}];
-	const paragraphRange = clampParagraphRangeByTables(getParagraphRangeAtOffset((_body$paragraphs2 = body.paragraphs) !== null && _body$paragraphs2 !== void 0 ? _body$paragraphs2 : [], startOffset), (_body$tables3 = body.tables) !== null && _body$tables3 !== void 0 ? _body$tables3 : [], startOffset);
+	const paragraphRange = clampParagraphRangeByTables(getParagraphRangeAtOffset(body, startOffset), (_body$tables3 = body.tables) !== null && _body$tables3 !== void 0 ? _body$tables3 : [], startOffset);
 	return paragraphRange ? [{
 		...paragraphRange,
 		rangeType: _univerjs_core.DOC_RANGE_TYPE.TEXT
@@ -4423,11 +4656,13 @@ function getTableRectRange(table) {
 		rangeType: _univerjs_core.DOC_RANGE_TYPE.RECT
 	};
 }
-function getParagraphRangeAtOffset(paragraphs, offset) {
-	const sortedParagraphs = [...paragraphs].sort((left, right) => left.startIndex - right.startIndex);
-	for (let index = 0; index < sortedParagraphs.length; index++) {
-		const paragraph = sortedParagraphs[index];
-		const startOffset = index === 0 ? 0 : sortedParagraphs[index - 1].startIndex + 1;
+function getParagraphRangeAtOffset(body, offset) {
+	var _body$paragraphs2;
+	const sortedParagraphs = [...(_body$paragraphs2 = body.paragraphs) !== null && _body$paragraphs2 !== void 0 ? _body$paragraphs2 : []].sort((left, right) => left.startIndex - right.startIndex);
+	const paragraphStartOffsets = (0, _univerjs_core.getParagraphContentStartOffsets)(body);
+	for (const paragraph of sortedParagraphs) {
+		var _paragraphStartOffset;
+		const startOffset = (_paragraphStartOffset = paragraphStartOffsets.get(paragraph.startIndex)) !== null && _paragraphStartOffset !== void 0 ? _paragraphStartOffset : 0;
 		if (startOffset <= offset && offset <= paragraph.startIndex) return {
 			endOffset: paragraph.startIndex,
 			startOffset
@@ -4972,47 +5207,55 @@ const ReplaceSnapshotCommand = {
 			}
 		};
 		if (options) doMutation.params.options = options;
-		const rawActions = [];
-		const jsonX = _univerjs_core.JSONX.getInstance();
-		if (!_univerjs_core.Tools.diffValue(prevDocumentStyle, documentStyle)) {
-			const actions = jsonX.replaceOp(["documentStyle"], prevDocumentStyle, documentStyle);
-			if (actions != null) rawActions.push(actions);
-		}
-		if (!_univerjs_core.Tools.diffValue(body, prevBody)) {
-			const actions = jsonX.replaceOp(["body"], prevBody, body);
-			if (actions != null) rawActions.push(actions);
-		}
-		if (!_univerjs_core.Tools.diffValue(tableSource, prevTableSource)) {
-			const actions = jsonX.replaceOp(["tableSource"], prevTableSource, tableSource);
-			if (actions != null) rawActions.push(actions);
-		}
-		if (!_univerjs_core.Tools.diffValue(footers, prevFooters)) {
-			const actions = jsonX.replaceOp(["footers"], prevFooters, footers);
-			if (actions != null) rawActions.push(actions);
-		}
-		if (!_univerjs_core.Tools.diffValue(headers, prevHeaders)) {
-			const actions = jsonX.replaceOp(["headers"], prevHeaders, headers);
-			if (actions != null) rawActions.push(actions);
-		}
-		if (!_univerjs_core.Tools.diffValue(lists, prevLists)) {
-			const actions = jsonX.replaceOp(["lists"], prevLists, lists);
-			if (actions != null) rawActions.push(actions);
-		}
-		if (!_univerjs_core.Tools.diffValue(drawings, prevDrawings)) {
-			const actions = jsonX.replaceOp(["drawings"], prevDrawings, drawings);
-			if (actions != null) rawActions.push(actions);
-		}
-		if (!_univerjs_core.Tools.diffValue(drawingsOrder, prevDrawingsOrder)) {
-			const actions = jsonX.replaceOp(["drawingsOrder"], prevDrawingsOrder, drawingsOrder);
-			if (actions != null) rawActions.push(actions);
-		}
-		doMutation.params.actions = rawActions.reduce((acc, cur) => {
-			return _univerjs_core.JSONX.compose(acc, cur);
-		}, null);
+		doMutation.params.actions = buildReplaceSnapshotActions({
+			body: prevBody,
+			documentStyle: prevDocumentStyle,
+			tableSource: prevTableSource,
+			footers: prevFooters,
+			headers: prevHeaders,
+			lists: prevLists,
+			drawings: prevDrawings,
+			drawingsOrder: prevDrawingsOrder
+		}, {
+			body,
+			documentStyle,
+			tableSource,
+			footers,
+			headers,
+			lists,
+			drawings,
+			drawingsOrder
+		});
 		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
 		return Boolean(result);
 	}
 };
+function buildReplaceSnapshotActions(previousSnapshot, snapshot) {
+	const jsonX = _univerjs_core.JSONX.getInstance();
+	const rawActions = [];
+	const bodyAction = buildReplaceSnapshotBodyAction(previousSnapshot.body, snapshot.body);
+	if (bodyAction) rawActions.push(bodyAction);
+	collectTopLevelReplaceAction(jsonX, rawActions, ["documentStyle"], previousSnapshot.documentStyle, snapshot.documentStyle);
+	collectTopLevelReplaceAction(jsonX, rawActions, ["tableSource"], previousSnapshot.tableSource, snapshot.tableSource);
+	collectTopLevelReplaceAction(jsonX, rawActions, ["footers"], previousSnapshot.footers, snapshot.footers);
+	collectTopLevelReplaceAction(jsonX, rawActions, ["headers"], previousSnapshot.headers, snapshot.headers);
+	collectTopLevelReplaceAction(jsonX, rawActions, ["lists"], previousSnapshot.lists, snapshot.lists);
+	collectTopLevelReplaceAction(jsonX, rawActions, ["drawings"], previousSnapshot.drawings, snapshot.drawings);
+	collectTopLevelReplaceAction(jsonX, rawActions, ["drawingsOrder"], previousSnapshot.drawingsOrder, snapshot.drawingsOrder);
+	return rawActions.reduce((acc, cur) => _univerjs_core.JSONX.compose(acc, cur), null);
+}
+function buildReplaceSnapshotBodyAction(previousBody, body) {
+	if (!previousBody || !body || _univerjs_core.Tools.diffValue(previousBody, body)) return null;
+	const textX = new _univerjs_core.TextX();
+	if (previousBody.dataStream.length > 0) textX.delete(previousBody.dataStream.length);
+	if (body.dataStream.length > 0) textX.insert(body.dataStream.length, body);
+	return _univerjs_core.JSONX.getInstance().editOp(textX.serialize(), ["body"]);
+}
+function collectTopLevelReplaceAction(jsonX, rawActions, path, previousValue, value) {
+	if (_univerjs_core.Tools.diffValue(previousValue, value)) return;
+	const action = jsonX.replaceOp(path, previousValue, value);
+	if (action != null) rawActions.push(action);
+}
 /**
 * @deprecated please use ReplaceSnapshotCommand instead.
 */
@@ -5490,7 +5733,7 @@ const QuickListCommand = {
 		return Boolean(result);
 	}
 };
-function insertList(accessor, listType) {
+function insertList(accessor, listType, trigger) {
 	var _contentInsertRange$s, _contentInsertRange$e, _sourceParagraph$para;
 	const commandService = accessor.get(_univerjs_core.ICommandService);
 	const docDataModel = accessor.get(_univerjs_core.IUniverInstanceService).getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
@@ -5538,7 +5781,8 @@ function insertList(accessor, listType) {
 				endOffset: insertOffset,
 				collapsed: true
 			}],
-			isEditing: false
+			isEditing: false,
+			trigger
 		}
 	};
 	const jsonX = _univerjs_core.JSONX.getInstance();
@@ -5551,21 +5795,21 @@ const InsertBulletListBellowCommand = {
 	id: "doc.command.insert-bullet-list-bellow",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: (accessor) => {
-		return insertList(accessor, _univerjs_core.PresetListType.BULLET_LIST);
+		return insertList(accessor, _univerjs_core.PresetListType.BULLET_LIST, InsertBulletListBellowCommand.id);
 	}
 };
 const InsertOrderListBellowCommand = {
 	id: "doc.command.insert-order-list-bellow",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: (accessor) => {
-		return insertList(accessor, _univerjs_core.PresetListType.ORDER_LIST);
+		return insertList(accessor, _univerjs_core.PresetListType.ORDER_LIST, InsertOrderListBellowCommand.id);
 	}
 };
 const InsertCheckListBellowCommand = {
 	id: "doc.command.insert-check-list-bellow",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: (accessor) => {
-		return insertList(accessor, _univerjs_core.PresetListType.CHECK_LIST);
+		return insertList(accessor, _univerjs_core.PresetListType.CHECK_LIST, InsertCheckListBellowCommand.id);
 	}
 };
 
@@ -5734,7 +5978,7 @@ const SetParagraphNamedStyleCommand = {
 		const unitId = doc.getUnitId();
 		const selectionService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const contentInsertRange = params.textRanges ? null : (0, _univerjs_docs.consumeContentInsertRange)(accessor, unitId);
-		if (contentInsertRange) return insertNamedStyleParagraph(accessor, doc, params.value, contentInsertRange.startOffset, contentInsertRange.endOffset);
+		if (contentInsertRange) return insertNamedStyleParagraph(accessor, doc, params.value, contentInsertRange.startOffset, contentInsertRange.endOffset, contentInsertRange.segmentId);
 		const selections = (_params$textRanges = params.textRanges) !== null && _params$textRanges !== void 0 ? _params$textRanges : selectionService.getTextRanges({
 			unitId,
 			subUnitId: unitId
@@ -5771,13 +6015,14 @@ const SetParagraphNamedStyleCommand = {
 		return Boolean(result);
 	}
 };
-function insertNamedStyleParagraph(accessor, doc, namedStyleType, startOffset, endOffset) {
+function insertNamedStyleParagraph(accessor, doc, namedStyleType, startOffset, endOffset, segmentId = "") {
 	const textX = _univerjs_core.BuildTextUtils.selection.replace({
 		doc,
 		selection: {
 			startOffset,
 			endOffset,
-			collapsed: startOffset === endOffset
+			collapsed: startOffset === endOffset,
+			segmentId
 		},
 		body: {
 			dataStream: "\r",
@@ -5794,16 +6039,22 @@ function insertNamedStyleParagraph(accessor, doc, namedStyleType, startOffset, e
 	if (!textX) return false;
 	const jsonX = _univerjs_core.JSONX.getInstance();
 	const commandService = accessor.get(_univerjs_core.ICommandService);
-	return Boolean(commandService.syncExecuteCommand(_univerjs_docs.RichTextEditingMutation.id, {
-		actions: jsonX.editOp(textX.serialize(), (0, _univerjs_core.getRichTextEditPath)(doc)),
+	const success = Boolean(commandService.syncExecuteCommand(_univerjs_docs.RichTextEditingMutation.id, {
+		actions: jsonX.editOp(textX.serialize(), (0, _univerjs_core.getRichTextEditPath)(doc, segmentId)),
 		isEditing: false,
 		textRanges: [{
 			startOffset,
 			endOffset: startOffset,
 			collapsed: true
 		}],
+		segmentId,
 		unitId: doc.getUnitId()
 	}));
+	if (success) accessor.get(_univerjs_docs.DocSelectionManagerService).replaceTextRanges([{
+		startOffset,
+		endOffset: startOffset
+	}], false);
+	return success;
 }
 const QuickHeadingCommand = {
 	id: "doc.command.quick-heading",
@@ -5928,6 +6179,88 @@ const SubtitleHeadingCommand = {
 	}
 };
 
+//#endregion
+//#region src/services/doc-embed-integration.service.ts
+const DOC_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE = "data-embed-interaction-boundary-owner";
+var EmbedInteractionBoundaryService = class {
+	constructor() {
+		_defineProperty(this, "_roots", /* @__PURE__ */ new Map());
+	}
+	registerOwnedElement(embedId, element) {
+		element.setAttribute(DOC_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE, embedId);
+		element.querySelectorAll("*").forEach((child) => child.setAttribute(DOC_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE, embedId));
+		let roots = this._roots.get(embedId);
+		if (!roots) {
+			roots = /* @__PURE__ */ new Set();
+			this._roots.set(embedId, roots);
+		}
+		roots.add(element);
+		return (0, _univerjs_core.toDisposable)(() => {
+			roots === null || roots === void 0 || roots.delete(element);
+			element.removeAttribute(DOC_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE);
+			element.querySelectorAll("*").forEach((child) => child.removeAttribute(DOC_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE));
+		});
+	}
+	contains(embedId, target) {
+		var _this$_roots$get;
+		if (!(target instanceof HTMLElement)) return false;
+		if (!embedId) return [...this._roots.values()].some((roots) => [...roots].some((root) => root.contains(target)));
+		return ((_this$_roots$get = this._roots.get(embedId)) === null || _this$_roots$get === void 0 ? void 0 : _this$_roots$get.has(target)) === true || this._roots.get(embedId) != null && [...this._roots.get(embedId)].some((root) => root.contains(target));
+	}
+	hasRecentInteraction() {
+		return false;
+	}
+	hasRecentInteractionFor() {
+		return false;
+	}
+};
+const IDocEmbedInteractionBoundaryService = EmbedInteractionBoundaryService;
+var EmbedRuntimeFocusCoordinator = class {
+	constructor() {
+		_defineProperty(this, "_leases", /* @__PURE__ */ new Set());
+		_defineProperty(this, "_elements", /* @__PURE__ */ new Map());
+		_defineProperty(this, "runtimeSessionChanged$", new rxjs.Subject());
+	}
+	acquireLease(options) {
+		this._leases.add(options);
+		this.runtimeSessionChanged$.next();
+		return (0, _univerjs_core.toDisposable)(() => {
+			this._leases.delete(options);
+			this.runtimeSessionChanged$.next();
+		});
+	}
+	registerElement(options) {
+		options.element.setAttribute(DOC_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE, options.embedId);
+		let elements = this._elements.get(options.embedId);
+		if (!elements) {
+			elements = /* @__PURE__ */ new Set();
+			this._elements.set(options.embedId, elements);
+		}
+		elements.add(options.element);
+		return (0, _univerjs_core.toDisposable)(() => {
+			elements === null || elements === void 0 || elements.delete(options.element);
+			options.element.removeAttribute(DOC_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE);
+		});
+	}
+	registerRuntimeScope(_options) {
+		return (0, _univerjs_core.toDisposable)(() => {});
+	}
+	isChildUnitRuntimeEvent(_unitId, target) {
+		return target instanceof HTMLElement && target.closest(`[${"data-embed-interaction-boundary-owner"}]`) != null;
+	}
+	isChildUnitInActiveSession(unitId) {
+		return [...this._leases].some((lease) => lease.role !== "runtime" && lease.childUnitId === unitId);
+	}
+	shouldSuppressHostInteraction(unitId, target) {
+		if (this.isChildUnitRuntimeEvent(unitId, target)) return false;
+		return [...this._leases].some((lease) => {
+			if (lease.role === "runtime" || lease.childUnitId === unitId) return false;
+			return lease.hostUnitId === unitId || !lease.hostUnitId && !lease.childUnitId;
+		});
+	}
+};
+const IDocEmbedRuntimeFocusCoordinator = EmbedRuntimeFocusCoordinator;
+
 //#endregion
 //#region src/services/selection/convert-text-range.ts
 let NodePositionType = /* @__PURE__ */ function(NodePositionType) {
@@ -6079,7 +6412,10 @@ var NodePositionConvertToCursor = class {
 			const isStartBack = start.glyph === start_sp && isFirst ? start.isBack : true;
 			const isEndBack = end.glyph === end_sp && isLast ? end.isBack : false;
 			const collapsed = start === end;
-			const anchorGlyph = isStartBack ? preGlyph !== null && preGlyph !== void 0 ? preGlyph : firstGlyph : firstGlyph;
+			const rawAnchorGlyph = isStartBack ? preGlyph !== null && preGlyph !== void 0 ? preGlyph : firstGlyph : firstGlyph;
+			const anchorGlyph = this._getCaretGlyph(rawAnchorGlyph, glyphGroup, start_sp);
+			const selectedGlyphs = glyphGroup.slice(start_sp, end_sp + 1);
+			const isSelectionOnlyNonInlineEmbedBlock = !collapsed && selectedGlyphs.length > 0 && selectedGlyphs.every((glyph) => this._isNonInlineEmbedCustomBlockGlyph(glyph));
 			const borderBoxStartY = startY;
 			const borderBoxEndY = contentHeight == null ? startY + lineHeight - marginTop - marginBottom : startY + paddingTop + contentHeight + paddingBottom;
 			if (start_sp === 0 && end_sp === glyphGroup.length - 1) {
@@ -6112,8 +6448,8 @@ var NodePositionConvertToCursor = class {
 			}
 			const clippedBorderBoxPosition = clipPositionToHorizontalRange(borderBoxPosition, this._horizontalClip);
 			const clippedContentBoxPosition = clipPositionToHorizontalRange(contentBoxPosition, this._horizontalClip);
-			if (clippedBorderBoxPosition) borderBoxPointGroup.push(pushToPoints(clippedBorderBoxPosition));
-			if (clippedContentBoxPosition) contentBoxPointGroup.push(pushToPoints(clippedContentBoxPosition));
+			if (clippedBorderBoxPosition && !isSelectionOnlyNonInlineEmbedBlock) borderBoxPointGroup.push(pushToPoints(clippedBorderBoxPosition));
+			if (clippedContentBoxPosition && !isSelectionOnlyNonInlineEmbedBlock) contentBoxPointGroup.push(pushToPoints(clippedContentBoxPosition));
 			cursorList.push({
 				startOffset: isStartBack ? startOffset : startOffset + firstGlyph.count,
 				endOffset: isEndBack ? endOffset : endOffset + lastGlyph.count,
@@ -6126,6 +6462,26 @@ var NodePositionConvertToCursor = class {
 			cursorList
 		};
 	}
+	_getCaretGlyph(glyph, glyphGroup, glyphIndex) {
+		var _this$_findTextLikeGl;
+		if (!glyph || !this._isNonInlineEmbedCustomBlockGlyph(glyph)) return glyph;
+		const neighbor = (_this$_findTextLikeGl = this._findTextLikeGlyph(glyphGroup, glyphIndex - 1, -1)) !== null && _this$_findTextLikeGl !== void 0 ? _this$_findTextLikeGl : this._findTextLikeGlyph(glyphGroup, glyphIndex + 1, 1);
+		return neighbor !== null && neighbor !== void 0 ? neighbor : {
+			...glyph,
+			bBox: getDefaultCaretBoundingBox(glyph)
+		};
+	}
+	_findTextLikeGlyph(glyphGroup, startIndex, step) {
+		for (let index = startIndex; index >= 0 && index < glyphGroup.length; index += step) {
+			const glyph = glyphGroup[index];
+			if (!this._isNonInlineEmbedCustomBlockGlyph(glyph)) return glyph;
+		}
+	}
+	_isNonInlineEmbedCustomBlockGlyph(glyph) {
+		var _this$_docSkeleton$ge, _this$_docSkeleton, _this$_docSkeleton$ge2, _this$_docSkeleton$ge3, _this$_docSkeleton$ge4, _this$_docSkeleton$ge5;
+		if (!(glyph === null || glyph === void 0 ? void 0 : glyph.drawingId) || glyph.streamType !== _univerjs_core.DataStreamTreeTokenType.CUSTOM_BLOCK) return false;
+		return !(0, _univerjs_docs.shouldUseInlineTextSelectionForDocsCustomBlockDrawing)((_this$_docSkeleton$ge = (_this$_docSkeleton = this._docSkeleton).getViewModel) === null || _this$_docSkeleton$ge === void 0 || (_this$_docSkeleton$ge3 = (_this$_docSkeleton$ge2 = _this$_docSkeleton$ge.call(_this$_docSkeleton)).getDataModel) === null || _this$_docSkeleton$ge3 === void 0 || (_this$_docSkeleton$ge5 = (_this$_docSkeleton$ge4 = _this$_docSkeleton$ge3.call(_this$_docSkeleton$ge2)).getSnapshot) === null || _this$_docSkeleton$ge5 === void 0 || (_this$_docSkeleton$ge5 = _this$_docSkeleton$ge5.call(_this$_docSkeleton$ge4).drawings) === null || _this$_docSkeleton$ge5 === void 0 ? void 0 : _this$_docSkeleton$ge5[glyph.drawingId]);
+	}
 	_isValidPosition(startOrigin, endOrigin) {
 		const { segmentPage: startPage, pageType: startPageType } = startOrigin;
 		const { segmentPage: endPage, pageType: endPageType } = endOrigin;
@@ -6371,6 +6727,19 @@ function getCellPageFromSegmentPath(skeletonData, rootPage, path) {
 	}
 	return null;
 }
+function getDefaultCaretBoundingBox(glyph) {
+	const fontSize = getGlyphFontSize(glyph);
+	return {
+		...glyph.bBox,
+		ba: fontSize,
+		bd: Math.max(2, Math.ceil(fontSize * .25))
+	};
+}
+function getGlyphFontSize(glyph) {
+	var _ref, _glyph$fontStyle$orig, _glyph$fontStyle, _glyph$fontStyle2, _glyph$ts;
+	const fontSize = (_ref = (_glyph$fontStyle$orig = (_glyph$fontStyle = glyph.fontStyle) === null || _glyph$fontStyle === void 0 ? void 0 : _glyph$fontStyle.originFontSize) !== null && _glyph$fontStyle$orig !== void 0 ? _glyph$fontStyle$orig : (_glyph$fontStyle2 = glyph.fontStyle) === null || _glyph$fontStyle2 === void 0 ? void 0 : _glyph$fontStyle2.fontSize) !== null && _ref !== void 0 ? _ref : (_glyph$ts = glyph.ts) === null || _glyph$ts === void 0 ? void 0 : _glyph$ts.fs;
+	return typeof fontSize === "number" && Number.isFinite(fontSize) && fontSize > 0 ? fontSize : 14;
+}
 function getDocumentUnitId$1(docSkeleton) {
 	var _viewModel$getDataMod, _viewModel$getDataMod2, _viewModel$getDataMod3, _viewModel$getDataMod4;
 	const viewModel = docSkeleton.getViewModel();
@@ -7521,18 +7890,22 @@ let DocSelectionRenderService = class DocSelectionRenderService extends _univerj
 		return this._onPointerEvent;
 	}
 	get isFocusing() {
-		return this._input === document.activeElement;
+		return this._input === this._getOwnerDocument().activeElement;
 	}
 	get canFocusing() {
-		return this.isFocusing || document.activeElement === document.body || document.activeElement === null;
+		const ownerDocument = this._getOwnerDocument();
+		const activeElement = ownerDocument.activeElement;
+		return !this._shouldPreserveExternalFocus() && (this.isFocusing || activeElement === ownerDocument.body || activeElement === null || activeElement instanceof HTMLElement && this._containsCurrentEmbedRuntimeElement(activeElement));
 	}
-	constructor(_context, _layoutService, _logService, _univerInstanceService, _docSkeletonManagerService) {
+	constructor(_context, _layoutService, _logService, _univerInstanceService, _docSkeletonManagerService, _embedInteractionBoundaryService, _embedRuntimeFocusCoordinator) {
 		super();
 		this._context = _context;
 		this._layoutService = _layoutService;
 		this._logService = _logService;
 		this._univerInstanceService = _univerInstanceService;
 		this._docSkeletonManagerService = _docSkeletonManagerService;
+		this._embedInteractionBoundaryService = _embedInteractionBoundaryService;
+		this._embedRuntimeFocusCoordinator = _embedRuntimeFocusCoordinator;
 		_defineProperty(this, "_onInputBefore$", new rxjs.Subject());
 		_defineProperty(this, "onInputBefore$", this._onInputBefore$.asObservable());
 		_defineProperty(this, "_onKeydown$", new rxjs.Subject());
@@ -7570,6 +7943,11 @@ let DocSelectionRenderService = class DocSelectionRenderService extends _univerj
 		_defineProperty(this, "_focusNodePosition", null);
 		_defineProperty(this, "_currentSegmentId", "");
 		_defineProperty(this, "_currentSegmentPage", -1);
+		_defineProperty(this, "_segmentContext$", new rxjs.BehaviorSubject({
+			segmentId: "",
+			segmentPage: -1
+		}));
+		_defineProperty(this, "segmentContext$", this._segmentContext$.asObservable());
 		_defineProperty(this, "_selectionStyle", _univerjs_engine_render.NORMAL_TEXT_SELECTION_PLUGIN_STYLE);
 		_defineProperty(this, "_onPointerEvent", false);
 		_defineProperty(this, "_viewPortObserverMap", /* @__PURE__ */ new Map());
@@ -7592,13 +7970,23 @@ let DocSelectionRenderService = class DocSelectionRenderService extends _univerj
 		return this._context.scene.getViewports()[0];
 	}
 	setSegment(id) {
+		if (this._currentSegmentId === id) return;
 		this._currentSegmentId = id;
+		this._segmentContext$.next({
+			segmentId: id,
+			segmentPage: this._currentSegmentPage
+		});
 	}
 	getSegment() {
 		return this._currentSegmentId;
 	}
 	setSegmentPage(pageIndex) {
+		if (this._currentSegmentPage === pageIndex) return;
 		this._currentSegmentPage = pageIndex;
+		this._segmentContext$.next({
+			segmentId: this._currentSegmentId,
+			segmentPage: pageIndex
+		});
 	}
 	getSegmentPage() {
 		return this._currentSegmentPage;
@@ -7673,14 +8061,11 @@ let DocSelectionRenderService = class DocSelectionRenderService extends _univerj
 	sync() {
 		this._updateInputPosition();
 	}
-	/**
-	* @deprecated
-	*/
 	activate(x, y, force = false) {
 		this._ensureHostContainer();
 		let left = x;
 		let top = y;
-		const fixedContainer = this._container.parentElement;
+		const fixedContainer = this._container.offsetParent;
 		if (fixedContainer) {
 			const rect = fixedContainer.getBoundingClientRect();
 			left -= rect.left;
@@ -7689,12 +8074,13 @@ let DocSelectionRenderService = class DocSelectionRenderService extends _univerj
 		this._container.style.left = `${left}px`;
 		this._container.style.top = `${top}px`;
 		this._container.style.zIndex = "1000";
-		if (this.canFocusing || force) this.focus();
+		if (force && !this._shouldPreserveExternalFocus() || !force && this.canFocusing) this.focus();
 	}
 	hasFocus() {
-		return document.activeElement === this._input;
+		return this._getOwnerDocument().activeElement === this._input;
 	}
 	focus() {
+		if (!this._input.hasAttribute("tabindex")) this._input.tabIndex = -1;
 		this._input.focus();
 	}
 	blur() {
@@ -7936,6 +8322,10 @@ let DocSelectionRenderService = class DocSelectionRenderService extends _univerj
 		}
 		if (this._container.parentElement !== document.body) document.body.appendChild(this._container);
 	}
+	_getOwnerDocument() {
+		var _this$_container$owne, _this$_container;
+		return (_this$_container$owne = (_this$_container = this._container) === null || _this$_container === void 0 ? void 0 : _this$_container.ownerDocument) !== null && _this$_container$owne !== void 0 ? _this$_container$owne : document;
+	}
 	_getNodePosition(node) {
 		if (node == null) return;
 		const { node: glyph, ratioX, segmentPage } = node;
@@ -8071,6 +8461,7 @@ let DocSelectionRenderService = class DocSelectionRenderService extends _univerj
 		const activeRangeInstance = this._getActiveRangeInstance();
 		const anchor = activeRangeInstance === null || activeRangeInstance === void 0 ? void 0 : activeRangeInstance.getAnchor();
 		if (!anchor || anchor && !anchor.visible || this.activeViewPort == null) {
+			if (this._shouldPreserveExternalFocus()) return;
 			this.focus();
 			return;
 		}
@@ -8167,12 +8558,15 @@ let DocSelectionRenderService = class DocSelectionRenderService extends _univerj
 	}
 	_initInputEvents() {
 		this.disposeWithMe((0, rxjs.fromEvent)(this._input, "keydown").subscribe((e) => {
+			if (this._shouldSuppressHostHiddenEditorEvent(e)) return;
 			if (this._isIMEInputApply) return;
+			this._stopEmbedOwnedEditorShortcutPropagation(e);
 			this._eventHandle(e, (config) => {
 				this._onKeydown$.next(config);
 			});
 		}));
 		this.disposeWithMe((0, rxjs.fromEvent)(this._input, "input").subscribe((e) => {
+			if (this._shouldSuppressHostHiddenEditorEvent(e)) return;
 			if (e.inputType === "historyUndo" || e.inputType === "historyRedo") return;
 			if (this._rectRangeList.length > 0) {
 				e.stopPropagation();
@@ -8185,6 +8579,7 @@ let DocSelectionRenderService = class DocSelectionRenderService extends _univerj
 			});
 		}));
 		this.disposeWithMe((0, rxjs.fromEvent)(this._input, "compositionstart").subscribe((e) => {
+			if (this._shouldSuppressHostHiddenEditorEvent(e)) return;
 			if (this._rectRangeList.length > 0) {
 				e.stopPropagation();
 				return e.preventDefault();
@@ -8195,28 +8590,33 @@ let DocSelectionRenderService = class DocSelectionRenderService extends _univerj
 			});
 		}));
 		this.disposeWithMe((0, rxjs.fromEvent)(this._input, "compositionend").subscribe((e) => {
+			if (this._shouldSuppressHostHiddenEditorEvent(e)) return;
 			this._isIMEInputApply = false;
 			this._eventHandle(e, (config) => {
 				this._onCompositionend$.next(config);
 			});
 		}));
 		this.disposeWithMe((0, rxjs.fromEvent)(this._input, "compositionupdate").subscribe((e) => {
+			if (this._shouldSuppressHostHiddenEditorEvent(e)) return;
 			this._eventHandle(e, (config) => {
 				this._onInputBefore$.next(config);
 				this._onCompositionupdate$.next(config);
 			});
 		}));
 		this.disposeWithMe((0, rxjs.fromEvent)(this._input, "paste").subscribe((e) => {
+			if (this._shouldSuppressHostHiddenEditorEvent(e)) return;
 			this._eventHandle(e, (config) => {
 				this._onPaste$.next(config);
 			});
 		}));
 		this.disposeWithMe((0, rxjs.fromEvent)(this._input, "focus").subscribe((e) => {
+			if (this._shouldSuppressHostHiddenEditorEvent(e)) return;
 			this._eventHandle(e, (config) => {
 				this._onFocus$.next(config);
 			});
 		}));
 		this.disposeWithMe((0, rxjs.fromEvent)(this._input, "blur").subscribe((e) => {
+			if (this._shouldSuppressHostHiddenEditorEvent(e)) return;
 			this._eventHandle(e, (config) => {
 				this._onBlur$.next(config);
 			});
@@ -8232,6 +8632,26 @@ let DocSelectionRenderService = class DocSelectionRenderService extends _univerj
 			rangeList: this._getAllTextRanges()
 		});
 	}
+	_shouldSuppressHostHiddenEditorEvent(event) {
+		var _this$_embedRuntimeFo, _this$_embedRuntimeFo2, _this$_embedRuntimeFo3;
+		const unitId = this._context.unitId;
+		if ((0, _univerjs_core.isInternalEditorID)(unitId)) return false;
+		if ((_this$_embedRuntimeFo = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo === void 0 ? void 0 : _this$_embedRuntimeFo.isChildUnitRuntimeEvent(unitId, event.target, event)) return false;
+		if ((_this$_embedRuntimeFo2 = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo2 === void 0 ? void 0 : _this$_embedRuntimeFo2.isChildUnitInActiveSession(unitId)) return false;
+		if (event.target instanceof HTMLElement && this._containsCurrentEmbedRuntimeElement(event.target)) return false;
+		if ((_this$_embedRuntimeFo3 = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo3 === void 0 ? void 0 : _this$_embedRuntimeFo3.shouldSuppressHostInteraction(unitId, event.target, event)) {
+			event.stopPropagation();
+			if (event.cancelable) event.preventDefault();
+			if (event.type === "focus" && event.target instanceof HTMLElement) event.target.blur();
+			return true;
+		}
+		return false;
+	}
+	_stopEmbedOwnedEditorShortcutPropagation(event) {
+		if (!(event instanceof KeyboardEvent) || !this._getCurrentEmbedOwner()) return;
+		if (!(event.key.toLowerCase() === "a" && (event.metaKey || event.ctrlKey))) return;
+		event.stopPropagation();
+	}
 	_getTransformCoordForDocumentOffset(evtOffsetX, evtOffsetY) {
 		const { documentTransform } = this._context.mainComponent.getOffsetConfig();
 		if (this.activeViewPort == null || documentTransform == null) return;
@@ -8247,6 +8667,50 @@ let DocSelectionRenderService = class DocSelectionRenderService extends _univerj
 		const { pageLayoutType = _univerjs_engine_render.PageLayoutType.VERTICAL, pageMarginLeft, pageMarginTop } = document.getOffsetConfig();
 		return skeleton.findNodeByCoord(coord, pageLayoutType, pageMarginLeft, pageMarginTop, restrictions);
 	}
+	_shouldPreserveExternalFocus() {
+		var _this$_embedRuntimeFo4, _this$_embedRuntimeFo5, _this$_embedRuntimeFo6, _this$_embedInteracti, _this$_embedInteracti2, _this$_embedInteracti3;
+		const ownerDocument = this._getOwnerDocument();
+		const activeElement = ownerDocument.activeElement;
+		const currentEmbedOwner = this._getCurrentEmbedOwner();
+		if ((_this$_embedRuntimeFo4 = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo4 === void 0 ? void 0 : _this$_embedRuntimeFo4.isChildUnitInActiveSession(this._context.unitId)) return false;
+		if ((_this$_embedRuntimeFo5 = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo5 === void 0 ? void 0 : _this$_embedRuntimeFo5.isChildUnitRuntimeEvent(this._context.unitId, activeElement)) return false;
+		if (activeElement instanceof HTMLElement && this._containsOwnEditorElement(activeElement)) return false;
+		if (activeElement instanceof HTMLElement && this._containsCurrentEmbedRuntimeElement(activeElement)) return false;
+		if ((_this$_embedRuntimeFo6 = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo6 === void 0 ? void 0 : _this$_embedRuntimeFo6.shouldSuppressHostInteraction(this._context.unitId, activeElement)) return true;
+		if (currentEmbedOwner && ((_this$_embedInteracti = this._embedInteractionBoundaryService) === null || _this$_embedInteracti === void 0 ? void 0 : _this$_embedInteracti.contains(currentEmbedOwner, activeElement))) return true;
+		if (activeElement instanceof HTMLElement && this._containsCurrentLayoutElement(activeElement)) return false;
+		return ((_this$_embedInteracti2 = this._embedInteractionBoundaryService) === null || _this$_embedInteracti2 === void 0 || (_this$_embedInteracti3 = _this$_embedInteracti2.hasRecentInteractionFor) === null || _this$_embedInteracti3 === void 0 ? void 0 : _this$_embedInteracti3.call(_this$_embedInteracti2, currentEmbedOwner, ownerDocument)) === true;
+	}
+	_containsCurrentEmbedRuntimeElement(element) {
+		const currentEmbedOwner = this._getCurrentEmbedOwner();
+		if (!currentEmbedOwner) return false;
+		return this._getElementEmbedOwner(element) === currentEmbedOwner && this._containsCurrentLayoutElement(element);
+	}
+	_getCurrentEmbedOwner() {
+		var _this$_layoutService, _ref, _this$_getElementEmbe;
+		const rootContainerElement = (_this$_layoutService = this._layoutService) === null || _this$_layoutService === void 0 ? void 0 : _this$_layoutService.rootContainerElement;
+		return (_ref = (_this$_getElementEmbe = this._getElementEmbedOwner(this._input)) !== null && _this$_getElementEmbe !== void 0 ? _this$_getElementEmbe : this._getElementEmbedOwner(this._container)) !== null && _ref !== void 0 ? _ref : this._getElementEmbedOwner(rootContainerElement instanceof HTMLElement ? rootContainerElement : void 0);
+	}
+	_getElementEmbedOwner(element) {
+		var _element$closest$getA, _element$closest;
+		if (!element || typeof element.closest !== "function") return;
+		return (_element$closest$getA = (_element$closest = element.closest(`[${"data-embed-interaction-boundary-owner"}]`)) === null || _element$closest === void 0 ? void 0 : _element$closest.getAttribute("data-embed-interaction-boundary-owner")) !== null && _element$closest$getA !== void 0 ? _element$closest$getA : void 0;
+	}
+	_containsOwnEditorElement(element) {
+		var _this$_container2, _this$_inputParent;
+		return this._container === element || this._input === element || typeof ((_this$_container2 = this._container) === null || _this$_container2 === void 0 ? void 0 : _this$_container2.contains) === "function" && this._container.contains(element) || typeof ((_this$_inputParent = this._inputParent) === null || _this$_inputParent === void 0 ? void 0 : _this$_inputParent.contains) === "function" && this._inputParent.contains(element);
+	}
+	_containsCurrentLayoutElement(element) {
+		var _layoutService$checkE, _this$_container4;
+		const layoutService = this._layoutService;
+		if (!layoutService) {
+			var _this$_container3;
+			return this._container === element || typeof ((_this$_container3 = this._container) === null || _this$_container3 === void 0 ? void 0 : _this$_container3.contains) === "function" && this._container.contains(element);
+		}
+		if ((_layoutService$checkE = layoutService.checkElementInCurrentContainers) === null || _layoutService$checkE === void 0 ? void 0 : _layoutService$checkE.call(layoutService, element)) return true;
+		const root = layoutService.rootContainerElement;
+		return root === element || (root === null || root === void 0 ? void 0 : root.contains(element)) === true || this._container === element || typeof ((_this$_container4 = this._container) === null || _this$_container4 === void 0 ? void 0 : _this$_container4.contains) === "function" && this._container.contains(element);
+	}
 	_detachEvent() {
 		this._onInputBefore$.complete();
 		this._onKeydown$.complete();
@@ -8260,13 +8724,16 @@ let DocSelectionRenderService = class DocSelectionRenderService extends _univerj
 		this._onFocus$.complete();
 		this._onBlur$.complete();
 		this._onPointerDown$.complete();
+		this._segmentContext$.complete();
 	}
 };
 DocSelectionRenderService = __decorate([
 	__decorateParam(1, _univerjs_ui.ILayoutService),
 	__decorateParam(2, _univerjs_core.ILogService),
 	__decorateParam(3, _univerjs_core.IUniverInstanceService),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_docs.DocSkeletonManagerService))
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_docs.DocSkeletonManagerService)),
+	__decorateParam(5, (0, _univerjs_core.Optional)(IDocEmbedInteractionBoundaryService)),
+	__decorateParam(6, (0, _univerjs_core.Optional)(IDocEmbedRuntimeFocusCoordinator))
 ], DocSelectionRenderService);
 
 //#endregion
@@ -8388,10 +8855,10 @@ 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));
+	return Boolean(ranges === null || ranges === void 0 ? void 0 : ranges.some((range) => (0, _univerjs_core.containsInteriorInsertionOffset)((0, _univerjs_core.getTableRangeInterval)(range), offset)));
 }
 function isOffsetInIndexRange(ranges, offset) {
-	return Boolean(ranges === null || ranges === void 0 ? void 0 : ranges.some((range) => range.startIndex <= offset && offset <= range.endIndex));
+	return Boolean(ranges === null || ranges === void 0 ? void 0 : ranges.some((range) => (0, _univerjs_core.containsInteriorInsertionOffset)((0, _univerjs_core.getBlockRangeInterval)(range), offset)));
 }
 function isOffsetOnPointRange(ranges, offset) {
 	return Boolean(ranges === null || ranges === void 0 ? void 0 : ranges.some((range) => range.startIndex === offset));
@@ -8429,7 +8896,9 @@ const CreateDocTableCommand = {
 		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 prevParagraph = ((_body$paragraphs = body.paragraphs) !== null && _body$paragraphs !== void 0 ? _body$paragraphs : []).find((paragraph) => {
+			return (0, _univerjs_core.getParagraphContentStartOffset)(body, paragraph) < startOffset && startOffset <= paragraph.startIndex;
+		});
 		const curGlyph = skeleton.findNodeByCharIndex(startOffset, segmentId, segmentPage);
 		if (curGlyph == null) return false;
 		const needCreateParagraph = shouldCreateParagraphBeforeTable(body, startOffset);
@@ -8458,7 +8927,7 @@ const CreateDocTableCommand = {
 			t: _univerjs_core.TextXActionType.INSERT,
 			body: {
 				dataStream: _univerjs_core.DataStreamTreeTokenType.PARAGRAPH,
-				paragraphs: generateParagraphs(_univerjs_core.DataStreamTreeTokenType.PARAGRAPH, prevParagraph)
+				paragraphs: (0, _univerjs_docs.generateParagraphs)(_univerjs_core.DataStreamTreeTokenType.PARAGRAPH, prevParagraph)
 			},
 			len: 1
 		});
@@ -9206,11 +9675,14 @@ var Editor = class extends _univerjs_core.Disposable {
 			body: {
 				dataStream: `${text}\r\n`,
 				paragraphs: [{
-					startIndex: 0,
+					startIndex: text.length,
 					paragraphId: (0, _univerjs_core.createParagraphId)(/* @__PURE__ */ new Set())
 				}],
 				customRanges: [],
-				sectionBreaks: [],
+				sectionBreaks: [{
+					sectionId: (0, _univerjs_core.createSectionId)(/* @__PURE__ */ new Set()),
+					startIndex: text.length + 1
+				}],
 				tables: [],
 				textRuns: []
 			}
@@ -9580,6 +10052,7 @@ DocBackScrollRenderController = __decorate([
 //#region src/controllers/render-controllers/doc-paragraph-placeholder.render-controller.ts
 const PLACEHOLDER_COLOR = "rgba(0, 0, 0, 0.35)";
 const DEFAULT_PLACEHOLDER_FONT_SIZE = 12;
+const MIN_BODY_TEXT_PLACEHOLDER_FONT_SIZE = 16;
 const DEFAULT_PLACEHOLDER_FONT_FAMILY = "Arial";
 const LIST_PLACEHOLDER_GAP = 4;
 let DocParagraphPlaceholderRenderController = class DocParagraphPlaceholderRenderController extends _univerjs_core.Disposable {
@@ -9673,11 +10146,11 @@ function getPlaceholderText(paragraph, locale) {
 	}
 }
 function getLinePlaceholderLayout(line, paragraph, text, originLeft, originTop) {
-	var _divide$glyphGroup, _paragraph$paragraphS2, _paragraph$paragraphS3, _ref, _getLineFontSize, _getLineFontFamily, _divide$left, _divide$paddingLeft, _ref2, _divide$width;
+	var _divide$glyphGroup, _paragraph$paragraphS2, _paragraph$paragraphS3, _getLineFontFamily, _divide$left, _divide$paddingLeft, _ref, _divide$width;
 	const divide = line.divides[0];
 	const firstGlyph = ((_divide$glyphGroup = divide === null || divide === void 0 ? void 0 : divide.glyphGroup) !== null && _divide$glyphGroup !== void 0 ? _divide$glyphGroup : [])[0];
 	const textStyle = _univerjs_core.NAMED_STYLE_MAP[(_paragraph$paragraphS2 = (_paragraph$paragraphS3 = paragraph.paragraphStyle) === null || _paragraph$paragraphS3 === void 0 ? void 0 : _paragraph$paragraphS3.namedStyleType) !== null && _paragraph$paragraphS2 !== void 0 ? _paragraph$paragraphS2 : _univerjs_core.NamedStyleType.NORMAL_TEXT];
-	const fontSize = (_ref = (_getLineFontSize = getLineFontSize(line)) !== null && _getLineFontSize !== void 0 ? _getLineFontSize : textStyle === null || textStyle === void 0 ? void 0 : textStyle.fs) !== null && _ref !== void 0 ? _ref : DEFAULT_PLACEHOLDER_FONT_SIZE;
+	const fontSize = getPlaceholderFontSize(line, paragraph);
 	const fontFamily = (_getLineFontFamily = getLineFontFamily(line)) !== null && _getLineFontFamily !== void 0 ? _getLineFontFamily : DEFAULT_PLACEHOLDER_FONT_FAMILY;
 	const fontWeight = (textStyle === null || textStyle === void 0 ? void 0 : textStyle.bl) ? "bold" : "normal";
 	const lineStartX = originLeft + ((_divide$left = divide === null || divide === void 0 ? void 0 : divide.left) !== null && _divide$left !== void 0 ? _divide$left : 0) + ((_divide$paddingLeft = divide === null || divide === void 0 ? void 0 : divide.paddingLeft) !== null && _divide$paddingLeft !== void 0 ? _divide$paddingLeft : 0);
@@ -9686,7 +10159,7 @@ function getLinePlaceholderLayout(line, paragraph, text, originLeft, originTop)
 		fontFamily,
 		fontSize,
 		fontWeight,
-		maxWidth: Math.max(0, ((_ref2 = (_divide$width = divide === null || divide === void 0 ? void 0 : divide.width) !== null && _divide$width !== void 0 ? _divide$width : line.width) !== null && _ref2 !== void 0 ? _ref2 : 0) - listOffset),
+		maxWidth: Math.max(0, ((_ref = (_divide$width = divide === null || divide === void 0 ? void 0 : divide.width) !== null && _divide$width !== void 0 ? _divide$width : line.width) !== null && _ref !== void 0 ? _ref : 0) - listOffset),
 		text,
 		x: lineStartX + listOffset,
 		y: originTop + line.top + line.marginTop + line.paddingTop + line.asc
@@ -9701,12 +10174,20 @@ function stripNonTextTokens(text) {
 }
 function getLineFontSize(line) {
 	for (const divide of line.divides) for (const glyph of divide.glyphGroup) {
-		var _ref3, _glyph$fontStyle$orig, _glyph$fontStyle, _glyph$fontStyle2, _glyph$ts;
-		const fontSize = (_ref3 = (_glyph$fontStyle$orig = (_glyph$fontStyle = glyph.fontStyle) === null || _glyph$fontStyle === void 0 ? void 0 : _glyph$fontStyle.originFontSize) !== null && _glyph$fontStyle$orig !== void 0 ? _glyph$fontStyle$orig : (_glyph$fontStyle2 = glyph.fontStyle) === null || _glyph$fontStyle2 === void 0 ? void 0 : _glyph$fontStyle2.fontSize) !== null && _ref3 !== void 0 ? _ref3 : (_glyph$ts = glyph.ts) === null || _glyph$ts === void 0 ? void 0 : _glyph$ts.fs;
+		var _ref2, _glyph$fontStyle$orig, _glyph$fontStyle, _glyph$fontStyle2, _glyph$ts;
+		const fontSize = (_ref2 = (_glyph$fontStyle$orig = (_glyph$fontStyle = glyph.fontStyle) === null || _glyph$fontStyle === void 0 ? void 0 : _glyph$fontStyle.originFontSize) !== null && _glyph$fontStyle$orig !== void 0 ? _glyph$fontStyle$orig : (_glyph$fontStyle2 = glyph.fontStyle) === null || _glyph$fontStyle2 === void 0 ? void 0 : _glyph$fontStyle2.fontSize) !== null && _ref2 !== void 0 ? _ref2 : (_glyph$ts = glyph.ts) === null || _glyph$ts === void 0 ? void 0 : _glyph$ts.fs;
 		if (fontSize) return fontSize;
 	}
 	return null;
 }
+function getPlaceholderFontSize(line, paragraph) {
+	var _paragraph$paragraphS4, _paragraph$paragraphS5, _ref3, _getLineFontSize;
+	const namedStyleType = (_paragraph$paragraphS4 = (_paragraph$paragraphS5 = paragraph.paragraphStyle) === null || _paragraph$paragraphS5 === void 0 ? void 0 : _paragraph$paragraphS5.namedStyleType) !== null && _paragraph$paragraphS4 !== void 0 ? _paragraph$paragraphS4 : _univerjs_core.NamedStyleType.NORMAL_TEXT;
+	const textStyle = _univerjs_core.NAMED_STYLE_MAP[namedStyleType];
+	const fontSize = (_ref3 = (_getLineFontSize = getLineFontSize(line)) !== null && _getLineFontSize !== void 0 ? _getLineFontSize : textStyle === null || textStyle === void 0 ? void 0 : textStyle.fs) !== null && _ref3 !== void 0 ? _ref3 : DEFAULT_PLACEHOLDER_FONT_SIZE;
+	if (namedStyleType !== _univerjs_core.NamedStyleType.NORMAL_TEXT) return fontSize;
+	return Math.max(fontSize, MIN_BODY_TEXT_PLACEHOLDER_FONT_SIZE);
+}
 function getLineFontFamily(line) {
 	for (const divide of line.divides) for (const glyph of divide.glyphGroup) {
 		var _glyph$fontStyle$font, _glyph$fontStyle3, _glyph$ts2;
@@ -9790,11 +10271,11 @@ let DocViewScaleService = class DocViewScaleService extends _univerjs_core.Dispo
 		return (_this$getPluginConfig = this.getPluginConfig().fitToWidth) !== null && _this$getPluginConfig !== void 0 ? _this$getPluginConfig : DEFAULT_DOC_FIT_TO_WIDTH_OPTIONS;
 	}
 	getBaseWidth() {
-		var _documentStyle$pageSi;
-		const documentStyle = this._context.unit.getSnapshot().documentStyle;
+		var _this$_context$unit, _this$_context$unit$g, _documentStyle$pageSi;
+		const documentStyle = (_this$_context$unit = this._context.unit) === null || _this$_context$unit === void 0 || (_this$_context$unit$g = _this$_context$unit.getSnapshot) === null || _this$_context$unit$g === void 0 || (_this$_context$unit$g = _this$_context$unit$g.call(_this$_context$unit)) === null || _this$_context$unit$g === void 0 ? void 0 : _this$_context$unit$g.documentStyle;
 		return resolveDocFitBaseWidth({
-			documentFlavor: documentStyle.documentFlavor,
-			documentStylePageWidth: (_documentStyle$pageSi = documentStyle.pageSize) === null || _documentStyle$pageSi === void 0 ? void 0 : _documentStyle$pageSi.width
+			documentFlavor: documentStyle === null || documentStyle === void 0 ? void 0 : documentStyle.documentFlavor,
+			documentStylePageWidth: documentStyle === null || documentStyle === void 0 || (_documentStyle$pageSi = documentStyle.pageSize) === null || _documentStyle$pageSi === void 0 ? void 0 : _documentStyle$pageSi.width
 		});
 	}
 	getAvailableWidth() {
@@ -9807,6 +10288,7 @@ let DocViewScaleService = class DocViewScaleService extends _univerjs_core.Dispo
 		return this._context.engine.width;
 	}
 	getUserZoomRatio() {
+		if (this._context.unit == null) return 1;
 		return getDocEffectiveZoomRatio(this._context.unit);
 	}
 	getFitToWidthScale() {
@@ -9884,7 +10366,7 @@ DocPageLayoutService = __decorate([__decorateParam(1, (0, _univerjs_core.Inject)
 //#endregion
 //#region src/controllers/render-controllers/doc.render-controller.ts
 let DocRenderController = class DocRenderController extends _univerjs_core.RxDisposable {
-	constructor(_context, _commandService, _docSelectionRenderService, _docSkeletonManagerService, _editorService, _renderManagerService, _univerInstanceService, _docPageLayoutService, _textSelectionManagerService, _themeService) {
+	constructor(_context, _commandService, _docSelectionRenderService, _docSkeletonManagerService, _editorService, _renderManagerService, _univerInstanceService, _docPageLayoutService, _textSelectionManagerService, _docViewScaleService, _themeService) {
 		super();
 		this._context = _context;
 		this._commandService = _commandService;
@@ -9895,6 +10377,7 @@ let DocRenderController = class DocRenderController extends _univerjs_core.RxDis
 		this._univerInstanceService = _univerInstanceService;
 		this._docPageLayoutService = _docPageLayoutService;
 		this._textSelectionManagerService = _textSelectionManagerService;
+		this._docViewScaleService = _docViewScaleService;
 		this._themeService = _themeService;
 		this._addNewRender();
 		this._initRenderRefresh();
@@ -9941,7 +10424,7 @@ let DocRenderController = class DocRenderController extends _univerjs_core.RxDis
 				else e.preventDefault();
 			} else viewMain.onMouseWheel(e, state);
 		});
-		new _univerjs_engine_render.ScrollBar(viewMain);
+		new _univerjs_engine_render.ScrollBar(viewMain, { enableHorizontal: this._shouldEnableHorizontalScrollBar() });
 		scene.addLayer(new _univerjs_engine_render.Layer(scene, [], 2), new _univerjs_engine_render.Layer(scene, [], 4));
 		this._addComponent();
 		const frameFn = () => scene.render();
@@ -9951,6 +10434,10 @@ let DocRenderController = class DocRenderController extends _univerjs_core.RxDis
 		}));
 		this._docSelectionRenderService.__attachScrollEvent();
 	}
+	_shouldEnableHorizontalScrollBar() {
+		const options = this._docViewScaleService.getOptions();
+		return !(options.mode === "fit-width" && options.target === "container" && options.align === "start");
+	}
 	_addComponent() {
 		const { scene, unit: documentModel, components } = this._context;
 		const config = {
@@ -10086,7 +10573,8 @@ DocRenderController = __decorate([
 	__decorateParam(6, _univerjs_core.IUniverInstanceService),
 	__decorateParam(7, (0, _univerjs_core.Inject)(DocPageLayoutService)),
 	__decorateParam(8, (0, _univerjs_core.Inject)(_univerjs_docs.DocSelectionManagerService)),
-	__decorateParam(9, (0, _univerjs_core.Inject)(_univerjs_core.ThemeService))
+	__decorateParam(9, (0, _univerjs_core.Inject)(DocViewScaleService)),
+	__decorateParam(10, (0, _univerjs_core.Inject)(_univerjs_core.ThemeService))
 ], DocRenderController);
 function getPageSizeInModernMode(page) {
 	let { pageWidth, pageHeight } = page;
@@ -10187,25 +10675,35 @@ const CoreHeaderFooterCommand = {
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
-		const { unitId, segmentId, createType, headerFooterProps } = params;
+		const { unitId, segmentId, createType, headerFooterProps, sectionId: requestedSectionId } = params;
 		const docSkeletonManagerService = (_renderManagerService = renderManagerService.getRenderUnitById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(_univerjs_docs.DocSkeletonManagerService);
 		const docDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.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();
+		const snapshot = docDataModel.getSnapshot();
+		const sectionId = requestedSectionId;
+		const sections = snapshot.body ? (0, _univerjs_docs.getTopLevelSectionBreaks)(snapshot.body) : [];
+		const sectionIndex = sectionId == null ? -1 : sections.findIndex((section) => section.sectionId === sectionId);
+		const section = sectionIndex < 0 ? void 0 : sections[sectionIndex];
+		const headerFooterConfig = sectionId == null ? snapshot.documentStyle : {
+			...snapshot.documentStyle,
+			...section,
+			...(0, _univerjs_core.resolveSectionHeaderFooterReferences)(snapshot.documentStyle, sections, sectionIndex)
+		};
 		let resolvedCreateType = createType;
 		if (headerFooterProps != null) Object.keys(headerFooterProps).forEach((key) => {
 			const value = headerFooterProps[key];
-			if (resolvedCreateType == null && key === "useFirstPageHeaderFooter" && value === _univerjs_core.BooleanNumber.TRUE && !documentStyle.firstPageHeaderId) resolvedCreateType = editArea === _univerjs_engine_render.DocumentEditArea.HEADER ? _univerjs_docs.HeaderFooterType.FIRST_PAGE_HEADER : _univerjs_docs.HeaderFooterType.FIRST_PAGE_FOOTER;
-			else if (resolvedCreateType == null && key === "evenAndOddHeaders" && value === _univerjs_core.BooleanNumber.TRUE && !documentStyle.evenPageHeaderId) resolvedCreateType = editArea === _univerjs_engine_render.DocumentEditArea.HEADER ? _univerjs_docs.HeaderFooterType.EVEN_PAGE_HEADER : _univerjs_docs.HeaderFooterType.EVEN_PAGE_FOOTER;
+			if (resolvedCreateType == null && key === "useFirstPageHeaderFooter" && value === _univerjs_core.BooleanNumber.TRUE && !headerFooterConfig.firstPageHeaderId) resolvedCreateType = editArea === _univerjs_engine_render.DocumentEditArea.HEADER ? _univerjs_docs.HeaderFooterType.FIRST_PAGE_HEADER : _univerjs_docs.HeaderFooterType.FIRST_PAGE_FOOTER;
+			else if (resolvedCreateType == null && key === "evenAndOddHeaders" && value === _univerjs_core.BooleanNumber.TRUE && !headerFooterConfig.evenPageHeaderId) resolvedCreateType = editArea === _univerjs_engine_render.DocumentEditArea.HEADER ? _univerjs_docs.HeaderFooterType.EVEN_PAGE_HEADER : _univerjs_docs.HeaderFooterType.EVEN_PAGE_FOOTER;
 		});
 		return commandService.syncExecuteCommand(_univerjs_docs.CreateHeaderFooterCommand.id, {
 			unitId,
 			segmentId,
 			createType: resolvedCreateType,
 			headerFooterProps,
-			createMode: "pair"
+			createMode: sectionId == null ? "pair" : "single",
+			sectionId
 		});
 	}
 };
@@ -10311,6 +10809,73 @@ const DocParagraphSettingPanelOperation = {
 	}
 };
 
+//#endregion
+//#region src/views/section-setting/component-name.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 DOC_SECTION_SETTING_COMPONENT = "doc_ui_section-setting-panel";
+
+//#endregion
+//#region src/controllers/doc-section-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.
+*/
+let DocSectionSettingController = class DocSectionSettingController extends _univerjs_core.Disposable {
+	constructor(_sidebarService) {
+		super();
+		this._sidebarService = _sidebarService;
+		_defineProperty(this, "_panelId", "DocSectionSetting");
+	}
+	openPanel() {
+		this._sidebarService.open({
+			header: { title: "docs-ui.doc.slider.sectionSetting" },
+			id: this._panelId,
+			children: { label: DOC_SECTION_SETTING_COMPONENT },
+			width: 300
+		});
+	}
+	closePanel() {
+		this._sidebarService.close(this._panelId);
+	}
+};
+DocSectionSettingController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_ui.ISidebarService))], DocSectionSettingController);
+
+//#endregion
+//#region src/commands/operations/doc-section-setting-panel.operation.ts
+const DocSectionSettingPanelOperation = {
+	id: "sidebar.operation.doc-section-setting-panel",
+	type: _univerjs_core.CommandType.OPERATION,
+	handler: (accessor) => {
+		accessor.get(DocSectionSettingController).openPanel();
+		return true;
+	}
+};
+
 //#endregion
 //#region src/views/PageSettings.tsx
 const MODERN_WIDTH_OPTIONS = [
@@ -10388,29 +10953,15 @@ function PageSettings(props) {
 			}
 		}));
 	};
-	const handleModeChange = (mode) => {
-		setSettings((prev) => ({
-			...prev,
-			mode
-		}));
-	};
 	const handleModernWidthChange = (modernWidth) => {
 		setSettings((prev) => ({
 			...prev,
 			modernWidth
 		}));
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "univer-flex univer-flex-col univer-gap-4",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "univer-grid univer-grid-cols-2 univer-rounded-lg univer-bg-gray-100 univer-p-1 dark:!univer-bg-gray-800",
-			children: [_univerjs_core.DocumentFlavor.MODERN, _univerjs_core.DocumentFlavor.TRADITIONAL].map((mode) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				className: (0, _univerjs_design.clsx)("univer-h-8 univer-cursor-pointer univer-rounded-md univer-border-none univer-bg-transparent univer-text-sm univer-font-medium univer-text-gray-600 univer-transition-colors hover:univer-bg-white hover:univer-text-gray-900 dark:!univer-text-gray-200 dark:hover:!univer-bg-gray-700", { "univer-bg-white univer-text-gray-900 univer-shadow-sm dark:!univer-bg-gray-700 dark:!univer-text-white": settings.mode === mode }),
-				onClick: () => handleModeChange(mode),
-				children: localeService.t(mode === _univerjs_core.DocumentFlavor.MODERN ? "docs-ui.page-settings.modern-mode" : "docs-ui.page-settings.classic-mode")
-			}, mode))
-		}), settings.mode === _univerjs_core.DocumentFlavor.MODERN ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		children: settings.mode === _univerjs_core.DocumentFlavor.MODERN ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "univer-flex univer-flex-col univer-gap-2.5",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingsLabel, { children: localeService.t("docs-ui.page-settings.modern-width") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-grid univer-grid-cols-3 univer-gap-2",
@@ -10494,7 +11045,7 @@ function PageSettings(props) {
 					})]
 				})]
 			})]
-		})] })]
+		})] })
 	});
 }
 const PAGE_SETTING_COMPONENT_ID = "docs.component.page-setting";
@@ -10798,12 +11349,38 @@ function TableInsertMenuItemFactory(accessor) {
 		})
 	};
 }
-function InsertRowBeforeMenuItemFactory(accessor) {
-	return {
-		id: DocTableInsertRowAboveCommand.id,
-		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "docs-ui.table.insertRowAbove",
-		icon: "InsertRowAboveDoubleIcon",
+function getSectionSettingUnavailableObservable(accessor) {
+	const selectionManager = accessor.get(_univerjs_docs.DocSelectionManagerService);
+	const instanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+	return new rxjs.Observable((subscriber) => {
+		const emit = () => {
+			var _body$tables;
+			const documentDataModel = instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
+			const activeRange = selectionManager.getActiveTextRange();
+			const body = documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getBody();
+			const unavailable = !documentDataModel || documentDataModel.getDocumentStyle().documentFlavor !== _univerjs_core.DocumentFlavor.TRADITIONAL || !activeRange || Boolean(activeRange.segmentId) || Boolean(body === null || body === void 0 || (_body$tables = body.tables) === null || _body$tables === void 0 ? void 0 : _body$tables.some((table) => activeRange.startOffset > table.startIndex && activeRange.startOffset < table.endIndex));
+			subscriber.next(unavailable);
+		};
+		emit();
+		const subscription = selectionManager.textSelection$.subscribe(emit);
+		return () => subscription.unsubscribe();
+	});
+}
+function SectionSettingMenuFactory(accessor) {
+	return {
+		id: DocSectionSettingPanelOperation.id,
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		icon: "MenuIcon",
+		title: "docs-ui.doc.menu.sectionSetting",
+		hidden$: (0, rxjs.combineLatest)((0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC), getSectionSettingUnavailableObservable(accessor), (hidden, unavailable) => hidden || unavailable)
+	};
+}
+function InsertRowBeforeMenuItemFactory(accessor) {
+	return {
+		id: DocTableInsertRowAboveCommand.id,
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		title: "docs-ui.table.insertRowAbove",
+		icon: "InsertRowAboveDoubleIcon",
 		disabled$: getDisableWhenSelectionNotInTableObservable(accessor),
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC)
 	};
@@ -11023,6 +11600,24 @@ const BULLET_LIST_TYPE_COMPONENT = `${COMPONENT_PREFIX}_BULLET_LIST_TYPE_COMPONE
 
 //#endregion
 //#region src/menu/menu.ts
+function shouldSuppressDocMenuStateRefresh(accessor) {
+	let univerInstanceService;
+	let focusCoordinator;
+	try {
+		univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+	} catch (error) {
+		if (isInjectorDisposedError(error)) return true;
+		throw error;
+	}
+	try {
+		focusCoordinator = accessor.get(IDocEmbedRuntimeFocusCoordinator);
+	} catch {
+		return false;
+	}
+	const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
+	const unitId = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getUnitId();
+	return focusCoordinator.shouldSuppressHostInteraction(unitId);
+}
 function getInsertTableHiddenObservable(accessor) {
 	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 	const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
@@ -11216,6 +11811,7 @@ function BoldMenuItemFactory(accessor) {
 		activated$: new rxjs.Observable((subscriber) => {
 			const calc = () => {
 				var _textRun$ts;
+				if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 				const textRun = getFontStyleAtCursor(accessor);
 				if (textRun == null) {
 					subscriber.next(false);
@@ -11246,6 +11842,7 @@ function ItalicMenuItemFactory(accessor) {
 		activated$: new rxjs.Observable((subscriber) => {
 			const calc = () => {
 				var _textRun$ts2;
+				if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 				const textRun = getFontStyleAtCursor(accessor);
 				if (textRun == null) {
 					subscriber.next(false);
@@ -11276,6 +11873,7 @@ function UnderlineMenuItemFactory(accessor) {
 		activated$: new rxjs.Observable((subscriber) => {
 			const calc = () => {
 				var _textRun$ts3;
+				if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 				const textRun = getFontStyleAtCursor(accessor);
 				if (textRun == null) {
 					subscriber.next(false);
@@ -11306,6 +11904,7 @@ function StrikeThroughMenuItemFactory(accessor) {
 		activated$: new rxjs.Observable((subscriber) => {
 			const calc = () => {
 				var _textRun$ts4;
+				if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 				const textRun = getFontStyleAtCursor(accessor);
 				if (textRun == null) {
 					subscriber.next(false);
@@ -11335,6 +11934,7 @@ function SubscriptMenuItemFactory(accessor) {
 		activated$: new rxjs.Observable((subscriber) => {
 			const calc = () => {
 				var _textRun$ts5;
+				if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 				const textRun = getFontStyleAtCursor(accessor);
 				if (textRun == null) {
 					subscriber.next(false);
@@ -11364,6 +11964,7 @@ function SuperscriptMenuItemFactory(accessor) {
 		activated$: new rxjs.Observable((subscriber) => {
 			const calc = () => {
 				var _textRun$ts6;
+				if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 				const textRun = getFontStyleAtCursor(accessor);
 				if (textRun == null) {
 					subscriber.next(false);
@@ -11403,6 +12004,7 @@ function FontFamilySelectorMenuItemFactory(accessor) {
 			const defaultValue = _univerjs_core.DEFAULT_STYLES.ff;
 			const calc = () => {
 				var _textRun$ts7;
+				if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 				const textRun = getFontStyleAtCursor(accessor);
 				if (textRun == null) {
 					subscriber.next(defaultValue);
@@ -11440,6 +12042,7 @@ function FontSizeSelectorMenuItemFactory(accessor) {
 			const DEFAULT_SIZE = _univerjs_core.DEFAULT_STYLES.fs;
 			const calc = () => {
 				var _textRun$ts8;
+				if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 				const textRun = getFontStyleAtCursor(accessor);
 				if (textRun == null) {
 					subscriber.next(DEFAULT_SIZE);
@@ -11483,6 +12086,7 @@ function HeadingSelectorMenuItemFactory(accessor) {
 			const DEFAULT_TYPE = _univerjs_core.NamedStyleType.NORMAL_TEXT;
 			const calc = () => {
 				var _paragraph$paragraphS, _paragraph$paragraphS2;
+				if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 				const paragraph = getParagraphStyleAtCursor(accessor);
 				if (paragraph == null) {
 					subscriber.next(DEFAULT_TYPE);
@@ -11573,6 +12177,7 @@ function FloatTextStyleMenuItemFactory(accessor) {
 		selections: FLOAT_TEXT_STYLE_OPTIONS,
 		value$: new rxjs.Observable((subscriber) => {
 			const calc = () => {
+				if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 				subscriber.next(normalizeFloatingTextStyleValue(getParagraphStyleAtCursor(accessor)));
 			};
 			const disposable = commandService.onCommandExecuted((c) => {
@@ -11604,6 +12209,7 @@ function TextColorSelectorMenuItemFactory(accessor) {
 				const defaultValue = _univerjs_core.DEFAULT_STYLES.cl.rgb;
 				const calc = () => {
 					var _textRun$ts9;
+					if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 					const textRun = getFontStyleAtCursor(accessor);
 					if (!textRun) {
 						subscriber.next(defaultValue);
@@ -11623,6 +12229,7 @@ function TextColorSelectorMenuItemFactory(accessor) {
 			const defaultColor = themeService.getColorFromTheme("gray.900");
 			const disposable = commandService.onCommandExecuted((c) => {
 				if (c.id === SetInlineFormatTextColorCommand.id) {
+					if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 					const color = c.params.value;
 					subscriber.next(color !== null && color !== void 0 ? color : defaultColor);
 				}
@@ -11695,6 +12302,7 @@ function AlignLeftMenuItemFactory(accessor) {
 				const id = c.id;
 				if (id === _univerjs_docs.SetTextSelectionsOperation.id || id === AlignOperationCommand.id) {
 					var _paragraph$paragraphS5;
+					if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 					const paragraph = getParagraphStyleAtCursor(accessor);
 					if (paragraph == null) return;
 					const alignType = (_paragraph$paragraphS5 = paragraph.paragraphStyle) === null || _paragraph$paragraphS5 === void 0 ? void 0 : _paragraph$paragraphS5.horizontalAlign;
@@ -11719,6 +12327,7 @@ function AlignCenterMenuItemFactory(accessor) {
 				const id = c.id;
 				if (id === _univerjs_docs.SetTextSelectionsOperation.id || id === AlignOperationCommand.id) {
 					var _paragraph$paragraphS6;
+					if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 					const paragraph = getParagraphStyleAtCursor(accessor);
 					if (paragraph == null) return;
 					const alignType = (_paragraph$paragraphS6 = paragraph.paragraphStyle) === null || _paragraph$paragraphS6 === void 0 ? void 0 : _paragraph$paragraphS6.horizontalAlign;
@@ -11744,6 +12353,7 @@ function AlignRightMenuItemFactory(accessor) {
 				const id = c.id;
 				if (id === _univerjs_docs.SetTextSelectionsOperation.id || id === AlignOperationCommand.id) {
 					var _paragraph$paragraphS7;
+					if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 					const paragraph = getParagraphStyleAtCursor(accessor);
 					if (paragraph == null) return;
 					const alignType = (_paragraph$paragraphS7 = paragraph.paragraphStyle) === null || _paragraph$paragraphS7 === void 0 ? void 0 : _paragraph$paragraphS7.horizontalAlign;
@@ -11769,6 +12379,7 @@ function AlignJustifyMenuItemFactory(accessor) {
 				const id = c.id;
 				if (id === _univerjs_docs.SetTextSelectionsOperation.id || id === AlignOperationCommand.id) {
 					var _paragraph$paragraphS8;
+					if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 					const paragraph = getParagraphStyleAtCursor(accessor);
 					if (paragraph == null) return;
 					const alignType = (_paragraph$paragraphS8 = paragraph.paragraphStyle) === null || _paragraph$paragraphS8 === void 0 ? void 0 : _paragraph$paragraphS8.horizontalAlign;
@@ -11813,6 +12424,10 @@ function AlignMenuItemFactory(accessor) {
 	const value$ = new rxjs.Observable((subscriber) => {
 		const calc = () => {
 			var _paragraph$paragraphS9, _paragraph$paragraphS10;
+			if (shouldSuppressDocMenuStateRefresh(accessor)) {
+				subscriber.next(_univerjs_core.HorizontalAlign.LEFT);
+				return;
+			}
 			const paragraph = getParagraphStyleAtCursor(accessor);
 			subscriber.next((_paragraph$paragraphS9 = paragraph === null || paragraph === void 0 || (_paragraph$paragraphS10 = paragraph.paragraphStyle) === null || _paragraph$paragraphS10 === void 0 ? void 0 : _paragraph$paragraphS10.horizontalAlign) !== null && _paragraph$paragraphS9 !== void 0 ? _paragraph$paragraphS9 : _univerjs_core.HorizontalAlign.LEFT);
 		};
@@ -11852,6 +12467,7 @@ const listValueFactory$ = (accessor) => {
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const subscription = univerInstanceService.focused$.subscribe((unitId) => {
 			var _docRanges$find;
+			if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 			if (unitId == null) return;
 			const docDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 			if (docDataModel == null) return;
@@ -11931,30 +12547,6 @@ function CheckListMenuItemFactory(accessor) {
 		activated$: listValueFactory$(accessor).pipe((0, rxjs.map)((v) => Boolean(v && v.indexOf("CHECK_LIST") === 0)))
 	};
 }
-function DocSwitchModeMenuItemFactory(accessor) {
-	const commandService = accessor.get(_univerjs_core.ICommandService);
-	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-	return {
-		id: SwitchDocModeCommand.id,
-		type: _univerjs_ui.MenuItemType.BUTTON,
-		icon: "KeyboardIcon",
-		tooltip: "docs-ui.toolbar.documentFlavor",
-		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC),
-		activated$: new rxjs.Observable((subscriber) => {
-			var _instance$getSnapshot2;
-			const subscription = commandService.onCommandExecuted((c) => {
-				if (c.id === _univerjs_docs.RichTextEditingMutation.id) {
-					var _instance$getSnapshot;
-					const instance = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
-					subscriber.next((instance === null || instance === void 0 || (_instance$getSnapshot = instance.getSnapshot()) === null || _instance$getSnapshot === void 0 ? void 0 : _instance$getSnapshot.documentStyle.documentFlavor) === _univerjs_core.DocumentFlavor.MODERN);
-				}
-			});
-			const instance = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
-			subscriber.next((instance === null || instance === void 0 || (_instance$getSnapshot2 = instance.getSnapshot()) === null || _instance$getSnapshot2 === void 0 ? void 0 : _instance$getSnapshot2.documentStyle.documentFlavor) === _univerjs_core.DocumentFlavor.MODERN);
-			return () => subscription.dispose();
-		})
-	};
-}
 function ResetTextColorMenuItemFactory(accessor) {
 	return {
 		id: ResetInlineFormatTextColorCommand.id,
@@ -11989,6 +12581,7 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 				const defaultValue = themeService.getColorFromTheme("primary.600");
 				const calc = () => {
 					var _textRun$ts10;
+					if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 					const textRun = getFontStyleAtCursor(accessor);
 					if (!textRun) {
 						subscriber.next(defaultValue);
@@ -12008,6 +12601,7 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 			const defaultColor = themeService.getColorFromTheme("primary.600");
 			const disposable = commandService.onCommandExecuted((c) => {
 				if (c.id === SetInlineFormatTextBackgroundColorCommand.id) {
+					if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 					const color = c.params.value;
 					subscriber.next(color !== null && color !== void 0 ? color : defaultColor);
 				}
@@ -12021,9 +12615,18 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 }
 function getFontStyleAtCursor(accessor) {
 	var _docRanges$find2, _docMenuStyleService$, _paragraph$paragraphS11, _paragraph$paragraphS12, _docDataModel$getSelf;
-	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-	const textSelectionService = accessor.get(_univerjs_docs.DocSelectionManagerService);
-	const docMenuStyleService = accessor.get(DocMenuStyleService);
+	if (shouldSuppressDocMenuStateRefresh(accessor)) return;
+	let univerInstanceService;
+	let textSelectionService;
+	let docMenuStyleService;
+	try {
+		univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		textSelectionService = accessor.get(_univerjs_docs.DocSelectionManagerService);
+		docMenuStyleService = accessor.get(DocMenuStyleService);
+	} catch (error) {
+		if (isInjectorDisposedError(error)) return;
+		throw error;
+	}
 	const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 	const docRanges = textSelectionService.getDocRanges();
 	const activeRange = (_docRanges$find2 = docRanges.find((r) => r.isActive)) !== null && _docRanges$find2 !== void 0 ? _docRanges$find2 : docRanges[0];
@@ -12054,8 +12657,16 @@ function getFontStyleAtCursor(accessor) {
 }
 function getParagraphStyleAtCursor(accessor) {
 	var _docRanges$find3, _docDataModel$getSelf2;
-	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-	const textSelectionService = accessor.get(_univerjs_docs.DocSelectionManagerService);
+	if (shouldSuppressDocMenuStateRefresh(accessor)) return;
+	let univerInstanceService;
+	let textSelectionService;
+	try {
+		univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		textSelectionService = accessor.get(_univerjs_docs.DocSelectionManagerService);
+	} catch (error) {
+		if (isInjectorDisposedError(error)) return;
+		throw error;
+	}
 	const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.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];
@@ -12071,6 +12682,10 @@ function getParagraphStyleAtCursor(accessor) {
 	}
 	return null;
 }
+function isInjectorDisposedError(error) {
+	if (!(error instanceof Error)) return false;
+	return error.name === "InjectorAlreadyDisposedError" || error.message.includes("Injector cannot be accessed after it was disposed");
+}
 function PageSettingMenuItemFactory(accessor) {
 	return {
 		id: DocOpenPageSettingCommand.id,
@@ -12135,6 +12750,7 @@ function getHeadingActivatedObservable(accessor, headingType) {
 		const DEFAULT_TYPE = _univerjs_core.NamedStyleType.NORMAL_TEXT;
 		const calc = () => {
 			var _paragraph$paragraphS, _paragraph$paragraphS2;
+			if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 			const paragraph = getParagraphStyleAtCursor(accessor);
 			if (paragraph == null) {
 				subscriber.next(DEFAULT_TYPE === headingType);
@@ -12586,7 +13202,7 @@ function ParagraphMenuIndentIncreaseMenuItemFactory(accessor) {
 	return {
 		id: DOC_PARAGRAPH_T_INDENT_INCREASE_ID,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		icon: "MoreRightIcon",
+		icon: "LineIndentIncreaseIcon",
 		title: "docs-ui.paragraphMenu.increase",
 		tooltip: "docs-ui.paragraphMenu.increaseIndent",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC)
@@ -12596,7 +13212,7 @@ function ParagraphMenuIndentDecreaseMenuItemFactory(accessor) {
 	return {
 		id: DOC_PARAGRAPH_T_INDENT_DECREASE_ID,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		icon: "MoreLeftIcon",
+		icon: "LineIndentDecreaseIcon",
 		title: "docs-ui.paragraphMenu.decrease",
 		tooltip: "docs-ui.paragraphMenu.decreaseIndent",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC)
@@ -12734,10 +13350,6 @@ const menuSchema = {
 			order: 10,
 			menuItemFactory: HeaderFooterMenuItemFactory
 		},
-		[SwitchDocModeCommand.id]: {
-			order: 11,
-			menuItemFactory: DocSwitchModeMenuItemFactory
-		},
 		[DocOpenPageSettingCommand.id]: {
 			order: 12,
 			menuItemFactory: PageSettingMenuItemFactory
@@ -12786,6 +13398,10 @@ const menuSchema = {
 				order: 0,
 				menuItemFactory: ParagraphSettingMenuFactory
 			},
+			[DocSectionSettingPanelOperation.id]: {
+				order: 1,
+				menuItemFactory: SectionSettingMenuFactory
+			},
 			[TABLE_INSERT_MENU_ID]: {
 				order: 1,
 				menuItemFactory: TableInsertMenuItemFactory,
@@ -12878,6 +13494,10 @@ const menuSchema = {
 				order: 0,
 				menuItemFactory: ParagraphSettingMenuFactory
 			},
+			[DocSectionSettingPanelOperation.id]: {
+				order: 1,
+				menuItemFactory: SectionSettingMenuFactory
+			},
 			[INSERT_BELLOW_MENU_ID]: {
 				order: 1,
 				menuItemFactory: DocInsertBellowMenuItemFactory,
@@ -12991,6 +13611,10 @@ const menuSchema = {
 					order: 0,
 					menuItemFactory: ParagraphSettingMenuFactory
 				},
+				[DocSectionSettingPanelOperation.id]: {
+					order: 1,
+					menuItemFactory: SectionSettingMenuFactory
+				},
 				[BulletListCommand.id]: {
 					order: 1,
 					menuItemFactory: EmptyParagraphBulletListMenuItemFactory
@@ -13623,6 +14247,11 @@ let DocCanvasPopManagerService = class DocCanvasPopManagerService extends _unive
 		this._univerInstanceService = _univerInstanceService;
 		this._commandService = _commandService;
 	}
+	_shouldUpdateForCommand(commandInfo, unitId) {
+		if (commandInfo.id !== SetDocZoomRatioOperation.id && commandInfo.id !== _univerjs_docs.RichTextEditingMutation.id) return false;
+		const params = commandInfo.params;
+		return (params === null || params === void 0 ? void 0 : params.unitId) == null || params.unitId === unitId;
+	}
 	_createRectPositionObserver(rect, currentRender) {
 		const calc = () => {
 			const { scene, engine } = currentRender;
@@ -13645,20 +14274,21 @@ let DocCanvasPopManagerService = class DocCanvasPopManagerService extends _unive
 		if (position == null) throw new Error(`Current render canvas not found, unitId: ${currentRender.unitId}`);
 		const position$ = new rxjs.BehaviorSubject(position);
 		const disposable = new _univerjs_core.DisposableCollection();
-		disposable.add(this._commandService.onCommandExecuted((commandInfo) => {
-			if (commandInfo.id === SetDocZoomRatioOperation.id || commandInfo.id === _univerjs_docs.RichTextEditingMutation.id) {
+		const updatePosition = () => {
+			try {
 				const newPosition = calc();
 				if (newPosition) position$.next(newPosition);
-			}
+			} catch {}
+		};
+		disposable.add(this._commandService.onCommandExecuted((commandInfo) => {
+			if (this._shouldUpdateForCommand(commandInfo, currentRender.unitId)) updatePosition();
 		}));
 		const viewMain = currentRender.scene.getViewport("viewMain");
 		if (viewMain) disposable.add(viewMain.onScrollAfter$.subscribeEvent(() => {
-			const newPosition = calc();
-			if (newPosition) position$.next(newPosition);
+			updatePosition();
 		}));
 		disposable.add(currentRender.scene.onTransformChange$.subscribeEvent(() => {
-			const newPosition = calc();
-			if (newPosition) position$.next(newPosition);
+			updatePosition();
 		}));
 		return {
 			position,
@@ -13709,11 +14339,13 @@ let DocCanvasPopManagerService = class DocCanvasPopManagerService extends _unive
 	attachPopupToRect(rect, popup, unitId) {
 		const currentRender = this._renderManagerService.getRenderById(unitId);
 		if (!currentRender) throw new Error(`Current render not found, unitId: ${unitId}`);
+		const popupInjector = this._resolveEmbeddedPopupInjector(unitId, currentRender);
 		const { position, position$, disposable } = this._createRectPositionObserver(rect, currentRender);
 		const id = this._globalPopupManagerService.addPopup({
 			...popup,
 			unitId,
 			subUnitId: "default",
+			connectorInjector: popupInjector,
 			anchorRect: position,
 			anchorRect$: position$,
 			canvasElement: currentRender.engine.getCanvasElement()
@@ -13736,11 +14368,13 @@ let DocCanvasPopManagerService = class DocCanvasPopManagerService extends _unive
 	attachPopupToObject(targetObject, popup, unitId) {
 		const currentRender = this._renderManagerService.getRenderById(unitId);
 		if (!currentRender) throw new Error(`Current render not found, unitId: ${unitId}`);
+		const popupInjector = this._resolveEmbeddedPopupInjector(unitId, currentRender);
 		const { position, position$, disposable } = this._createObjectPositionObserver(targetObject, currentRender);
 		const id = this._globalPopupManagerService.addPopup({
 			...popup,
 			unitId,
 			subUnitId: "default",
+			connectorInjector: popupInjector,
 			anchorRect: position,
 			anchorRect$: position$,
 			canvasElement: currentRender.engine.getCanvasElement()
@@ -13766,12 +14400,14 @@ let DocCanvasPopManagerService = class DocCanvasPopManagerService extends _unive
 		const { direction = "top", multipleDirection } = popup;
 		const currentRender = this._renderManagerService.getRenderById(unitId);
 		if (!currentRender) throw new Error(`Current render not found, unitId: ${unitId}`);
+		const popupInjector = this._resolveEmbeddedPopupInjector(unitId, currentRender);
 		const { positions: bounds, positions$: bounds$, disposable } = this._createRangePositionObserver(range, currentRender);
 		const position$ = bounds$.pipe((0, rxjs.map)((bounds) => direction.includes("top") ? bounds[0] : bounds[bounds.length - 1]));
 		const id = this._globalPopupManagerService.addPopup({
 			...popup,
 			unitId,
 			subUnitId: "default",
+			connectorInjector: popupInjector,
 			anchorRect: direction.includes("top") ? bounds[0] : bounds[bounds.length - 1],
 			anchorRect$: position$,
 			excludeRects: bounds,
@@ -13792,6 +14428,10 @@ let DocCanvasPopManagerService = class DocCanvasPopManagerService extends _unive
 			canDispose: () => this._globalPopupManagerService.activePopupId !== id
 		};
 	}
+	_resolveEmbeddedPopupInjector(unitId, currentRender) {
+		var _this$_univerInstance, _currentRender$getInj;
+		return ((_this$_univerInstance = this._univerInstanceService.getUnitCreateOptions(unitId)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.embeddedRender) === true ? (_currentRender$getInj = currentRender.getInjector) === null || _currentRender$getInj === void 0 ? void 0 : _currentRender$getInj.call(currentRender) : void 0;
+	}
 };
 DocCanvasPopManagerService = __decorate([
 	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_ui.ICanvasPopupService)),
@@ -14514,10 +15154,6 @@ function clipRectHorizontally(rect, visibleLeft, visibleRight) {
 
 //#endregion
 //#region src/views/SideMenu.tsx
-const commonClass = "univer-font-[500] univer-truncate univer-h-[24px] univer-mb-2 univer-leading-[24px] univer-cursor-pointer univer-pr-1 ";
-const titleClass = "univer-text-base univer-font-semibold";
-const h1Class = "univer-text-sm univer-font-semibold";
-const textClass = "univer-text-sm";
 const SideMenu = (0, react.forwardRef)((props, ref) => {
 	const { menus, onClick, className, style, mode, maxHeight, activeId, open, onOpenChange, maxWidth, wrapperClass, wrapperStyle, iconClass, iconStyle } = props;
 	const isSideBar = mode === "side-bar";
@@ -14566,10 +15202,10 @@ const SideMenu = (0, react.forwardRef)((props, ref) => {
 				className: (0, _univerjs_design.clsx)("univer-flex-1 univer-overflow-y-auto univer-overflow-x-hidden", _univerjs_design.scrollbarClassName),
 				children: menus === null || menus === void 0 ? void 0 : menus.map((menu) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					id: `univer-side-menu-${menu.id}`,
-					className: (0, _univerjs_design.clsx)(commonClass, {
-						[titleClass]: menu.isTitle,
-						[h1Class]: menu.level === 1,
-						[textClass]: menu.level > 1,
+					className: (0, _univerjs_design.clsx)("univer-mb-2 univer-h-[24px] univer-cursor-pointer univer-truncate univer-pr-1 univer-font-[500] univer-leading-[24px]", {
+						"univer-text-base univer-font-semibold": menu.isTitle,
+						"univer-text-sm univer-font-semibold": menu.level === 1,
+						"univer-text-sm": menu.level > 1,
 						"univer-text-gray-500 dark:!univer-text-gray-400": menu.id !== activeId,
 						"univer-text-gray-800 dark:!univer-text-gray-200": menu.id === activeId
 					}),
@@ -14750,7 +15386,7 @@ function DocSideMenuContent() {
 * limitations under the License.
 */
 let DocUIController = class DocUIController extends _univerjs_core.Disposable {
-	constructor(_injector, _commandService, _layoutService, _menuManagerService, _uiPartsService, _univerInstanceService, _shortcutService, _configService) {
+	constructor(_injector, _commandService, _layoutService, _menuManagerService, _uiPartsService, _univerInstanceService, _shortcutService, _configService, _embedInteractionBoundaryService, _embedRuntimeFocusCoordinator) {
 		super();
 		this._injector = _injector;
 		this._commandService = _commandService;
@@ -14760,6 +15396,7 @@ let DocUIController = class DocUIController extends _univerjs_core.Disposable {
 		this._univerInstanceService = _univerInstanceService;
 		this._shortcutService = _shortcutService;
 		this._configService = _configService;
+		this._embedRuntimeFocusCoordinator = _embedRuntimeFocusCoordinator;
 		this._init();
 	}
 	_initUiParts() {
@@ -14805,9 +15442,15 @@ let DocUIController = class DocUIController extends _univerjs_core.Disposable {
 	}
 	_initFocusHandler() {
 		this.disposeWithMe(this._layoutService.registerFocusHandler(_univerjs_core.UniverInstanceType.UNIVER_DOC, (unitId) => {
+			if (this._shouldPreserveEmbedFocus(unitId)) return;
 			this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId).with(DocSelectionRenderService).focus();
 		}));
 	}
+	_shouldPreserveEmbedFocus(unitId) {
+		var _this$_embedRuntimeFo;
+		if ((_this$_embedRuntimeFo = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo === void 0 ? void 0 : _this$_embedRuntimeFo.shouldSuppressHostInteraction(unitId)) return true;
+		return false;
+	}
 };
 DocUIController = __decorate([
 	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
@@ -14817,13 +15460,272 @@ DocUIController = __decorate([
 	__decorateParam(4, _univerjs_ui.IUIPartsService),
 	__decorateParam(5, _univerjs_core.IUniverInstanceService),
 	__decorateParam(6, _univerjs_ui.IShortcutService),
-	__decorateParam(7, _univerjs_core.IConfigService)
+	__decorateParam(7, _univerjs_core.IConfigService),
+	__decorateParam(8, (0, _univerjs_core.Optional)(IDocEmbedInteractionBoundaryService)),
+	__decorateParam(9, (0, _univerjs_core.Optional)(IDocEmbedRuntimeFocusCoordinator))
 ], DocUIController);
 
+//#endregion
+//#region src/embed-docs-custom-block-bleed.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 DOCS_CUSTOM_BLOCK_VIEWPORT_INSET = 10;
+function createDefaultDocsTableLikeCustomBlockBleedViewport() {
+	if (typeof window === "undefined") return {
+		bleedLeft: 0,
+		bleedRight: 0,
+		bleedWidth: 1,
+		contentWidth: 1,
+		virtualWidth: 1
+	};
+	const bleedWidth = Math.max(1, window.innerWidth - DOCS_CUSTOM_BLOCK_VIEWPORT_INSET * 2);
+	return {
+		bleedLeft: 0,
+		bleedRight: 0,
+		bleedWidth,
+		contentWidth: 1,
+		virtualWidth: bleedWidth
+	};
+}
+function resolveDocsTableLikeCustomBlockBleedViewport(root, contentWidth, hint) {
+	const rootRect = root.getBoundingClientRect();
+	const rootWidth = Math.max(1, rootRect.width);
+	const normalizedContentWidth = Math.max(1, contentWidth);
+	const hintedBleedLeft = hint === null || hint === void 0 ? void 0 : hint.bleedLeft;
+	const hintedBleedWidth = hint === null || hint === void 0 ? void 0 : hint.bleedWidth;
+	if (Number.isFinite(hintedBleedWidth) && (hintedBleedWidth !== null && hintedBleedWidth !== void 0 ? hintedBleedWidth : 0) > 0) {
+		const bleedLeft = Math.max(0, hintedBleedLeft !== null && hintedBleedLeft !== void 0 ? hintedBleedLeft : 0);
+		const bleedWidth = Math.max(1, hintedBleedWidth);
+		return {
+			bleedLeft,
+			bleedRight: Math.max(0, bleedWidth - bleedLeft - rootWidth),
+			bleedWidth,
+			contentWidth: normalizedContentWidth,
+			virtualWidth: Math.max(bleedWidth, bleedLeft + normalizedContentWidth)
+		};
+	}
+	if (normalizedContentWidth <= rootWidth) return {
+		bleedLeft: 0,
+		bleedRight: 0,
+		bleedWidth: rootWidth,
+		contentWidth: normalizedContentWidth,
+		virtualWidth: rootWidth
+	};
+	const bounds = resolveDocsTableLikeCustomBlockBleedBounds(root);
+	const viewportLeft = bounds.left + DOCS_CUSTOM_BLOCK_VIEWPORT_INSET;
+	const viewportWidth = Math.max(1, bounds.width - DOCS_CUSTOM_BLOCK_VIEWPORT_INSET * 2);
+	const bleedLeft = Math.max(0, rootRect.left - viewportLeft);
+	return {
+		bleedLeft,
+		bleedRight: Math.max(0, viewportLeft + viewportWidth - rootRect.right),
+		bleedWidth: viewportWidth,
+		contentWidth: normalizedContentWidth,
+		virtualWidth: Math.max(viewportWidth, bleedLeft + normalizedContentWidth)
+	};
+}
+function resolveDocsTableLikeCustomBlockContentWidth(authoritativeContentWidth, fallbackContentWidth) {
+	return Number.isFinite(authoritativeContentWidth) && (authoritativeContentWidth !== null && authoritativeContentWidth !== void 0 ? authoritativeContentWidth : 0) > 0 ? authoritativeContentWidth : Math.max(1, fallbackContentWidth);
+}
+function resolveDocsTableLikeCustomBlockContentHeight(authoritativeContentHeight, fallbackContentHeight) {
+	return Number.isFinite(authoritativeContentHeight) && (authoritativeContentHeight !== null && authoritativeContentHeight !== void 0 ? authoritativeContentHeight : 0) > 0 ? authoritativeContentHeight : Math.max(1, fallbackContentHeight);
+}
+function resolveDocsTableLikeCustomBlockBleedBounds(root) {
+	const clippingAncestor = findClippingAncestor(root);
+	if (clippingAncestor) {
+		const rect = clippingAncestor.getBoundingClientRect();
+		if (Number.isFinite(rect.width) && rect.width > 0) return {
+			left: rect.left,
+			width: rect.width
+		};
+	}
+	return {
+		left: 0,
+		width: typeof window === "undefined" ? 1 : Math.max(1, window.innerWidth)
+	};
+}
+function findClippingAncestor(root) {
+	let current = root.parentElement;
+	while (current && current !== document.body && current !== document.documentElement) {
+		if (clipsOverflow(current)) return current;
+		current = current.parentElement;
+	}
+	return null;
+}
+function clipsOverflow(element) {
+	const style = window.getComputedStyle(element);
+	return hasClippingOverflow(style.overflow) || hasClippingOverflow(style.overflowX) || hasClippingOverflow(style.overflowY);
+}
+function hasClippingOverflow(value) {
+	return value === "hidden" || value === "auto" || value === "scroll" || value === "clip";
+}
+
+//#endregion
+//#region src/embed-docs-custom-block-refresh.ts
+function collectDocsTableLikeEmbedChildUnitIds(drawings, resolveChildUnitId) {
+	const childUnitIds = /* @__PURE__ */ new Set();
+	Object.values(drawings !== null && drawings !== void 0 ? drawings : {}).forEach((drawing) => {
+		var _resolveChildUnitId;
+		const data = getDrawingData(drawing);
+		const childUnitId = data ? (_resolveChildUnitId = resolveChildUnitId === null || resolveChildUnitId === void 0 ? void 0 : resolveChildUnitId(data)) !== null && _resolveChildUnitId !== void 0 ? _resolveChildUnitId : typeof data.childUnitId === "string" ? data.childUnitId : void 0 : void 0;
+		const childType = typeof (data === null || data === void 0 ? void 0 : data.childType) === "number" ? data.childType : void 0;
+		if (!childUnitId || !(0, _univerjs_docs.isSheetLikeDocsCustomBlockChildType)(childType)) return;
+		childUnitIds.add(childUnitId);
+	});
+	return childUnitIds;
+}
+function getDrawingData(drawing) {
+	if (!drawing || typeof drawing !== "object") return;
+	const data = drawing.data;
+	return data && typeof data === "object" ? data : void 0;
+}
+function getCommandUnitId(commandParams) {
+	if (!commandParams || typeof commandParams !== "object") return;
+	const params = commandParams;
+	if (typeof params.unitId === "string") return params.unitId;
+	return typeof params.unitID === "string" ? params.unitID : void 0;
+}
+function shouldRefreshDocsCustomBlockSizeForCommand(params) {
+	if (params.commandId && isDocsCustomBlockLayoutNeutralCommand(params.commandId)) return false;
+	const commandUnitId = getCommandUnitId(params.commandParams);
+	return Boolean(commandUnitId && commandUnitId !== params.hostUnitId && params.childUnitIds.has(commandUnitId));
+}
+const DOCS_CUSTOM_BLOCK_LAYOUT_NEUTRAL_COMMAND_IDS = /* @__PURE__ */ new Set([
+	"sheet.command.expand-selection",
+	"sheet.command.move-selection",
+	"sheet.operation.scroll-to-cell",
+	"sheet.operation.scroll-to-range",
+	"sheet.operation.set-activate-cell-edit",
+	"sheet.operation.set-cell-edit-visible",
+	"sheet.operation.set-cell-edit-visible-arrow",
+	"sheet.operation.set-cell-edit-visible-f2",
+	"sheet.operation.set-format-painter",
+	"sheet.operation.set-scroll",
+	"sheet.operation.set-selections",
+	"sheet.operation.set-zoom-ratio"
+]);
+function isDocsCustomBlockLayoutNeutralCommand(commandId) {
+	return DOCS_CUSTOM_BLOCK_LAYOUT_NEUTRAL_COMMAND_IDS.has(commandId);
+}
+function createDocsCustomBlockSizeRefreshScheduler(refresh) {
+	let pendingFrame;
+	return {
+		dispose: () => {
+			if (pendingFrame == null) return;
+			window.cancelAnimationFrame(pendingFrame);
+			pendingFrame = void 0;
+		},
+		schedule: () => {
+			if (pendingFrame != null) return;
+			pendingFrame = window.requestAnimationFrame(() => {
+				pendingFrame = void 0;
+				refresh();
+			});
+		}
+	};
+}
+
+//#endregion
+//#region src/embed-docs-custom-block-scroll.ts
+function scrollDocsTableLikeCustomBlockLive(event, live, options = {}) {
+	if (event.defaultPrevented || event.ctrlKey || event.metaKey) return false;
+	const deltaX = event.deltaX || (event.shiftKey ? event.deltaY : 0);
+	const deltaY = event.shiftKey ? 0 : event.deltaY;
+	const previousLeft = live.scrollLeft;
+	const previousTop = live.scrollTop;
+	const maxScrollLeft = resolveMaxScrollLeft(live, options.maxScrollLeft);
+	if (deltaX && canScrollX(live, deltaX, maxScrollLeft)) live.scrollLeft = clampScroll(previousLeft + deltaX, 0, maxScrollLeft);
+	if (deltaY && canScrollY(live, deltaY)) live.scrollTop = clampScroll(previousTop + deltaY, 0, live.scrollHeight - live.clientHeight);
+	return live.scrollLeft !== previousLeft || live.scrollTop !== previousTop;
+}
+function canScrollX(element, deltaX, maxScrollLeft) {
+	return element.scrollWidth > element.clientWidth && (deltaX < 0 ? element.scrollLeft > 0 : element.scrollLeft < maxScrollLeft);
+}
+function canScrollY(element, deltaY) {
+	return element.scrollHeight > element.clientHeight && (deltaY < 0 ? element.scrollTop > 0 : element.scrollTop + element.clientHeight < element.scrollHeight);
+}
+function clampScroll(value, min, max) {
+	return Math.max(min, Math.min(max, value));
+}
+function resolveMaxScrollLeft(element, requestedMaxScrollLeft) {
+	const nativeMaxScrollLeft = Math.max(0, element.scrollWidth - element.clientWidth);
+	if (!Number.isFinite(requestedMaxScrollLeft)) return nativeMaxScrollLeft;
+	return clampScroll(requestedMaxScrollLeft !== null && requestedMaxScrollLeft !== void 0 ? requestedMaxScrollLeft : nativeMaxScrollLeft, 0, nativeMaxScrollLeft);
+}
+
+//#endregion
+//#region src/embed-host-anchor.ts
+const MODERN_DOCS_CUSTOM_BLOCK_VIEWPORT_INSET = 10;
+function resolveDocsCustomBlockRenderViewport(params) {
+	var _params$fallbackWidth, _params$fallbackHeigh, _params$contentHeight, _params$visibleCanvas, _params$pageMarginLef, _params$pageMarginRig, _params$contentWidth, _params$docsLeft, _params$visibleCanvas2;
+	const defaultSize = (0, _univerjs_docs.resolveDocsCustomBlockSize)(params.childType);
+	const fallbackWidth = (_params$fallbackWidth = params.fallbackWidth) !== null && _params$fallbackWidth !== void 0 ? _params$fallbackWidth : defaultSize.width;
+	const fallbackHeight = (_params$fallbackHeigh = params.fallbackHeight) !== null && _params$fallbackHeigh !== void 0 ? _params$fallbackHeigh : defaultSize.height;
+	const sheetLike = (0, _univerjs_docs.isSheetLikeDocsCustomBlockChildType)(params.childType);
+	const contentHeight = Number.isFinite(params.contentHeight) && ((_params$contentHeight = params.contentHeight) !== null && _params$contentHeight !== void 0 ? _params$contentHeight : 0) > 0 ? params.contentHeight : fallbackHeight;
+	const visibleCanvasHeight = Number.isFinite(params.visibleCanvasHeight) && ((_params$visibleCanvas = params.visibleCanvasHeight) !== null && _params$visibleCanvas !== void 0 ? _params$visibleCanvas : 0) > 0 ? params.visibleCanvasHeight : void 0;
+	const height = sheetLike ? contentHeight : fallbackHeight;
+	const viewportHeight = sheetLike && visibleCanvasHeight != null ? Math.min(contentHeight, visibleCanvasHeight) : height;
+	if (!sheetLike) return {
+		height,
+		width: fallbackWidth
+	};
+	const pageWidth = params.pageWidth;
+	const pageMarginLeft = (_params$pageMarginLef = params.pageMarginLeft) !== null && _params$pageMarginLef !== void 0 ? _params$pageMarginLef : 0;
+	const pageMarginRight = (_params$pageMarginRig = params.pageMarginRight) !== null && _params$pageMarginRig !== void 0 ? _params$pageMarginRig : 0;
+	const pageContentWidth = Number.isFinite(pageWidth) ? Math.max(0, pageWidth - pageMarginLeft - pageMarginRight) : fallbackWidth;
+	const contentWidth = Number.isFinite(params.contentWidth) && ((_params$contentWidth = params.contentWidth) !== null && _params$contentWidth !== void 0 ? _params$contentWidth : 0) > 0 ? params.contentWidth : fallbackWidth;
+	if (params.documentFlavor !== _univerjs_core.DocumentFlavor.MODERN || !Number.isFinite(pageWidth)) {
+		const layoutWidth = Math.min(contentWidth, pageContentWidth || contentWidth);
+		return {
+			contentHeight,
+			contentWidth,
+			height,
+			layoutWidth,
+			offsetLeft: 0,
+			viewportHeight,
+			width: layoutWidth
+		};
+	}
+	const inset = MODERN_DOCS_CUSTOM_BLOCK_VIEWPORT_INSET / (params.scale && params.scale > 0 ? params.scale : 1);
+	const docsLeft = (_params$docsLeft = params.docsLeft) !== null && _params$docsLeft !== void 0 ? _params$docsLeft : 0;
+	const fallbackViewportLeft = docsLeft + inset;
+	const fallbackViewportWidth = Math.max(0, pageWidth - inset * 2);
+	const hasVisibleCanvas = Number.isFinite(params.visibleCanvasLeft) && Number.isFinite(params.visibleCanvasWidth) && ((_params$visibleCanvas2 = params.visibleCanvasWidth) !== null && _params$visibleCanvas2 !== void 0 ? _params$visibleCanvas2 : 0) > 0;
+	const viewportLeft = hasVisibleCanvas ? params.visibleCanvasLeft + inset : fallbackViewportLeft;
+	const viewportWidth = hasVisibleCanvas ? Math.max(0, params.visibleCanvasWidth - inset * 2) : fallbackViewportWidth;
+	const paragraphTextStart = docsLeft + pageMarginLeft;
+	const leadingInsetLeft = Math.max(0, paragraphTextStart - viewportLeft);
+	const layoutWidth = Math.min(contentWidth, pageContentWidth || contentWidth);
+	return {
+		bleedLeft: leadingInsetLeft,
+		bleedWidth: viewportWidth,
+		contentHeight,
+		contentWidth,
+		height,
+		layoutWidth,
+		offsetLeft: 0,
+		viewportHeight,
+		width: layoutWidth
+	};
+}
+
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-ui";
-var version = "1.0.0-alpha.2";
+var version = "1.0.0-alpha.3";
 
 //#endregion
 //#region src/commands/commands/doc-paragraph-setting.command.ts
@@ -14831,7 +15733,7 @@ const DocParagraphSettingCommand = {
 	id: "doc-paragraph-setting.command",
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor, config) => {
-		var _segment$getBody$para, _segment$getBody, _segment$getBody$data, _segment$getBody2, _BuildTextUtils$range;
+		var _segmentBody$paragrap, _segmentBody$dataStre, _BuildTextUtils$range;
 		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
@@ -14841,8 +15743,9 @@ const DocParagraphSettingCommand = {
 		const segmentId = docRanges[0].segmentId;
 		const unitId = docDataModel.getUnitId();
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		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 segmentBody = segment === null || segment === void 0 ? void 0 : segment.getBody();
+		const allParagraphs = (_segmentBody$paragrap = segmentBody === null || segmentBody === void 0 ? void 0 : segmentBody.paragraphs) !== null && _segmentBody$paragrap !== void 0 ? _segmentBody$paragrap : [];
+		const dataStream = (_segmentBody$dataStre = segmentBody === null || segmentBody === void 0 ? void 0 : segmentBody.dataStream) !== null && _segmentBody$dataStre !== void 0 ? _segmentBody$dataStre : "";
 		const paragraphs = (_BuildTextUtils$range = _univerjs_core.BuildTextUtils.range.getParagraphsInRanges(docRanges, allParagraphs, dataStream)) !== null && _BuildTextUtils$range !== void 0 ? _BuildTextUtils$range : [];
 		const doMutation = {
 			id: _univerjs_docs.RichTextEditingMutation.id,
@@ -14852,6 +15755,7 @@ const DocParagraphSettingCommand = {
 				textRanges: docRanges
 			}
 		};
+		if (!config.paragraph || Object.keys(config.paragraph).length === 0) return false;
 		const memoryCursor = new _univerjs_core.MemoryCursor();
 		memoryCursor.reset();
 		const textX = new _univerjs_core.TextX();
@@ -14862,10 +15766,6 @@ const DocParagraphSettingCommand = {
 				t: _univerjs_core.TextXActionType.RETAIN,
 				len: startIndex - memoryCursor.cursor
 			});
-			const paragraphStyle = {
-				...paragraph.paragraphStyle,
-				...config.paragraph
-			};
 			textX.push({
 				t: _univerjs_core.TextXActionType.RETAIN,
 				len: 1,
@@ -14873,7 +15773,10 @@ const DocParagraphSettingCommand = {
 					dataStream: "",
 					paragraphs: [{
 						...paragraph,
-						paragraphStyle,
+						paragraphStyle: {
+							...paragraph.paragraphStyle,
+							...config.paragraph
+						},
 						startIndex: 0
 					}]
 				},
@@ -14887,18 +15790,50 @@ const DocParagraphSettingCommand = {
 	}
 };
 
+//#endregion
+//#region src/utils/section-header-footer.ts
+function getDocPageSectionContext(snapshot, page) {
+	const sections = snapshot.body ? (0, _univerjs_docs.getTopLevelSectionBreaks)(snapshot.body) : [];
+	const sectionIndex = (page === null || page === void 0 ? void 0 : page.sectionId) == null ? -1 : sections.findIndex((item) => item.sectionId === page.sectionId);
+	const section = sectionIndex < 0 ? void 0 : sections[sectionIndex];
+	const references = section == null ? {} : (0, _univerjs_core.resolveSectionHeaderFooterReferences)(snapshot.documentStyle, sections, sectionIndex);
+	return {
+		sectionId: section === null || section === void 0 ? void 0 : section.sectionId,
+		sectionIndex,
+		sections,
+		section,
+		config: {
+			...snapshot.documentStyle,
+			...section,
+			...references
+		}
+	};
+}
+
 //#endregion
 //#region src/views/header-footer/panel/DocHeaderFooterOptions.tsx
-function getSegmentId(documentStyle, editArea, pageIndex) {
+function getSegmentId(documentStyle, editArea, pageIndex, page) {
 	const { useFirstPageHeaderFooter, evenAndOddHeaders, defaultHeaderId, defaultFooterId, firstPageHeaderId, firstPageFooterId, evenPageHeaderId, evenPageFooterId } = documentStyle;
-	if (editArea === _univerjs_engine_render.DocumentEditArea.HEADER) if (useFirstPageHeaderFooter === _univerjs_core.BooleanNumber.TRUE) if (pageIndex === 0) return firstPageHeaderId;
-	else return evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && pageIndex % 2 === 1 ? evenPageHeaderId : defaultHeaderId;
-	else return evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && pageIndex % 2 === 1 ? evenPageHeaderId : defaultHeaderId;
-	else if (useFirstPageHeaderFooter === _univerjs_core.BooleanNumber.TRUE) if (pageIndex === 0) return firstPageFooterId;
-	else return evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && pageIndex % 2 === 1 ? evenPageFooterId : defaultFooterId;
-	else return evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && pageIndex % 2 === 1 ? evenPageFooterId : defaultFooterId;
+	const isFirstPage = page ? page.pageNumber === page.pageNumberStart : pageIndex === 0;
+	const isEvenPage = page ? page.pageNumber % 2 === 0 : pageIndex % 2 === 1;
+	if (editArea === _univerjs_engine_render.DocumentEditArea.HEADER) if (useFirstPageHeaderFooter === _univerjs_core.BooleanNumber.TRUE) if (isFirstPage) return firstPageHeaderId;
+	else return evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && isEvenPage ? evenPageHeaderId : defaultHeaderId;
+	else return evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && isEvenPage ? evenPageHeaderId : defaultHeaderId;
+	else if (useFirstPageHeaderFooter === _univerjs_core.BooleanNumber.TRUE) if (isFirstPage) return firstPageFooterId;
+	else return evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && isEvenPage ? evenPageFooterId : defaultFooterId;
+	else return evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && isEvenPage ? evenPageFooterId : defaultFooterId;
 }
 const DocHeaderFooterOptions = (props) => {
+	var _segmentContext$segme, _segmentContext$segme2;
+	const docSelectionRenderService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService).getRenderById(props.unitId).with(DocSelectionRenderService);
+	const segmentContext = (0, _univerjs_ui.useObservable)(docSelectionRenderService.segmentContext$, {
+		segmentId: docSelectionRenderService.getSegment(),
+		segmentPage: docSelectionRenderService.getSegmentPage()
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DocHeaderFooterOptionsContent, { ...props }, `${(_segmentContext$segme = segmentContext === null || segmentContext === void 0 ? void 0 : segmentContext.segmentId) !== null && _segmentContext$segme !== void 0 ? _segmentContext$segme : ""}:${(_segmentContext$segme2 = segmentContext === null || segmentContext === void 0 ? void 0 : segmentContext.segmentPage) !== null && _segmentContext$segme2 !== void 0 ? _segmentContext$segme2 : -1}`);
+};
+function DocHeaderFooterOptionsContent(props) {
+	var _renderManagerService2, _sectionContext$confi, _sectionContext$secti, _sectionContext$secti2;
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
 	const renderManagerService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService);
@@ -14906,31 +15841,57 @@ const DocHeaderFooterOptions = (props) => {
 	const layoutService = (0, _univerjs_ui.useDependency)(_univerjs_ui.ILayoutService);
 	const { unitId } = props;
 	const docSelectionRenderService = renderManagerService.getRenderById(unitId).with(DocSelectionRenderService);
-	const [options, setOptions] = (0, react.useState)({});
+	const docDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
+	const getCurrentSectionContext = () => {
+		var _renderManagerService, _docSkeletonManagerSe;
+		const snapshot = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSnapshot();
+		const docSkeletonManagerService = (_renderManagerService = renderManagerService.getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(_univerjs_docs.DocSkeletonManagerService);
+		const page = docSkeletonManagerService === null || docSkeletonManagerService === void 0 || (_docSkeletonManagerSe = docSkeletonManagerService.getSkeleton) === null || _docSkeletonManagerSe === void 0 || (_docSkeletonManagerSe = _docSkeletonManagerSe.call(docSkeletonManagerService)) === null || _docSkeletonManagerSe === void 0 || (_docSkeletonManagerSe = _docSkeletonManagerSe.getSkeletonData()) === null || _docSkeletonManagerSe === void 0 ? void 0 : _docSkeletonManagerSe.pages[docSelectionRenderService.getSegmentPage()];
+		return snapshot == null ? void 0 : {
+			...getDocPageSectionContext(snapshot, page),
+			page
+		};
+	};
+	const [options, setOptions] = (0, react.useState)(() => {
+		var _getCurrentSectionCon, _config$marginHeader, _config$marginFooter, _config$useFirstPageH, _config$evenAndOddHea;
+		const config = (_getCurrentSectionCon = getCurrentSectionContext()) === null || _getCurrentSectionCon === void 0 ? void 0 : _getCurrentSectionCon.config;
+		return {
+			marginHeader: (_config$marginHeader = config === null || config === void 0 ? void 0 : config.marginHeader) !== null && _config$marginHeader !== void 0 ? _config$marginHeader : 0,
+			marginFooter: (_config$marginFooter = config === null || config === void 0 ? void 0 : config.marginFooter) !== null && _config$marginFooter !== void 0 ? _config$marginFooter : 0,
+			useFirstPageHeaderFooter: (_config$useFirstPageH = config === null || config === void 0 ? void 0 : config.useFirstPageHeaderFooter) !== null && _config$useFirstPageH !== void 0 ? _config$useFirstPageH : _univerjs_core.BooleanNumber.FALSE,
+			evenAndOddHeaders: (_config$evenAndOddHea = config === null || config === void 0 ? void 0 : config.evenAndOddHeaders) !== null && _config$evenAndOddHea !== void 0 ? _config$evenAndOddHea : _univerjs_core.BooleanNumber.FALSE
+		};
+	});
+	const sectionContext = getCurrentSectionContext();
+	const referenceKey = (0, _univerjs_core.getSectionHeaderFooterReferenceKey)(((_renderManagerService2 = renderManagerService.getRenderById(unitId)) === null || _renderManagerService2 === void 0 || (_renderManagerService2 = _renderManagerService2.with(_univerjs_docs.DocSkeletonManagerService)) === null || _renderManagerService2 === void 0 || (_renderManagerService2 = _renderManagerService2.getViewModel()) === null || _renderManagerService2 === void 0 ? void 0 : _renderManagerService2.getEditArea()) === _univerjs_engine_render.DocumentEditArea.FOOTER ? "footer" : "header", getHeaderFooterVariant((_sectionContext$confi = sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.config) !== null && _sectionContext$confi !== void 0 ? _sectionContext$confi : {}, docSelectionRenderService.getSegmentPage(), sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.page));
+	const canLinkToPrevious = ((_sectionContext$secti = sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.sectionIndex) !== null && _sectionContext$secti !== void 0 ? _sectionContext$secti : -1) > 0;
+	const [linkedToPrevious, setLinkedToPrevious] = (0, react.useState)(canLinkToPrevious && !(sectionContext === null || sectionContext === void 0 || (_sectionContext$secti2 = sectionContext.section) === null || _sectionContext$secti2 === void 0 ? void 0 : _sectionContext$secti2[referenceKey]));
 	const handleCheckboxChange = (val, type) => {
-		var _renderManagerService;
+		var _renderManagerService3;
 		setOptions((prev) => ({
 			...prev,
 			[type]: val ? _univerjs_core.BooleanNumber.TRUE : _univerjs_core.BooleanNumber.FALSE
 		}));
-		const docDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.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(_univerjs_docs.DocSkeletonManagerService);
+		const sectionContext = getCurrentSectionContext();
+		const documentStyle = sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.config;
+		const docSkeletonManagerService = (_renderManagerService3 = renderManagerService.getRenderById(unitId)) === null || _renderManagerService3 === void 0 ? void 0 : _renderManagerService3.with(_univerjs_docs.DocSkeletonManagerService);
 		const viewModel = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getViewModel();
 		if (documentStyle == null || viewModel == null) return;
 		const editArea = viewModel.getEditArea();
 		let needCreateHeaderFooter = false;
 		const segmentPage = docSelectionRenderService.getSegmentPage();
+		const isFirstSectionPage = (sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.page) ? sectionContext.page.pageNumber === sectionContext.page.pageNumberStart : segmentPage === 0;
+		const isEvenPage = (sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.page) ? sectionContext.page.pageNumber % 2 === 0 : segmentPage % 2 === 1;
 		let needChangeSegmentId = false;
 		if (type === "useFirstPageHeaderFooter" && val === true) {
 			if (editArea === _univerjs_engine_render.DocumentEditArea.HEADER && !documentStyle.firstPageHeaderId) needCreateHeaderFooter = true;
 			else if (editArea === _univerjs_engine_render.DocumentEditArea.FOOTER && !documentStyle.firstPageFooterId) needCreateHeaderFooter = true;
-			if (needCreateHeaderFooter && segmentPage === 0) needChangeSegmentId = true;
+			if (needCreateHeaderFooter && isFirstSectionPage) needChangeSegmentId = true;
 		}
 		if (type === "evenAndOddHeaders" && val === true) {
 			if (editArea === _univerjs_engine_render.DocumentEditArea.HEADER && !documentStyle.evenPageHeaderId) needCreateHeaderFooter = true;
 			else if (editArea === _univerjs_engine_render.DocumentEditArea.FOOTER && !documentStyle.evenPageFooterId) needCreateHeaderFooter = true;
-			if (needCreateHeaderFooter && segmentPage % 2 === 1) needChangeSegmentId = true;
+			if (needCreateHeaderFooter && isEvenPage) needChangeSegmentId = true;
 		}
 		if (needCreateHeaderFooter) {
 			const segmentId = (0, _univerjs_core.generateRandomId)(6);
@@ -14938,7 +15899,8 @@ const DocHeaderFooterOptions = (props) => {
 			commandService.executeCommand(CoreHeaderFooterCommandId, {
 				unitId,
 				segmentId,
-				headerFooterProps: { [type]: val ? _univerjs_core.BooleanNumber.TRUE : _univerjs_core.BooleanNumber.FALSE }
+				headerFooterProps: { [type]: val ? _univerjs_core.BooleanNumber.TRUE : _univerjs_core.BooleanNumber.FALSE },
+				sectionId: sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.sectionId
 			});
 		} else {
 			const segmentPageIndex = docSelectionRenderService.getSegmentPage();
@@ -14946,23 +15908,26 @@ const DocHeaderFooterOptions = (props) => {
 			const needFocusSegmentId = getSegmentId({
 				...documentStyle,
 				[type]: val ? _univerjs_core.BooleanNumber.TRUE : _univerjs_core.BooleanNumber.FALSE
-			}, editArea, segmentPageIndex);
+			}, editArea, segmentPageIndex, sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.page);
 			if (needFocusSegmentId && needFocusSegmentId !== prevSegmentId) docSelectionRenderService.setSegment(needFocusSegmentId);
 			commandService.executeCommand(CoreHeaderFooterCommandId, {
 				unitId,
-				headerFooterProps: { [type]: val ? _univerjs_core.BooleanNumber.TRUE : _univerjs_core.BooleanNumber.FALSE }
+				headerFooterProps: { [type]: val ? _univerjs_core.BooleanNumber.TRUE : _univerjs_core.BooleanNumber.FALSE },
+				sectionId: sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.sectionId
 			});
 		}
 		layoutService.focus();
 	};
 	const handleMarginChange = async (val, type) => {
+		var _getCurrentSectionCon2;
 		setOptions((prev) => ({
 			...prev,
 			[type]: val
 		}));
 		await commandService.executeCommand(CoreHeaderFooterCommandId, {
 			unitId,
-			headerFooterProps: { [type]: val }
+			headerFooterProps: { [type]: val },
+			sectionId: (_getCurrentSectionCon2 = getCurrentSectionContext()) === null || _getCurrentSectionCon2 === void 0 ? void 0 : _getCurrentSectionCon2.sectionId
 		});
 		docSelectionRenderService.removeAllRanges();
 		docSelectionRenderService.blur();
@@ -14970,22 +15935,37 @@ const DocHeaderFooterOptions = (props) => {
 	const closeHeaderFooter = () => {
 		commandService.executeCommand(CloseHeaderFooterCommand.id, { unitId });
 	};
-	(0, react.useEffect)(() => {
-		const docDataModel = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
-		const documentStyle = docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getSnapshot().documentStyle;
-		if (documentStyle) {
-			const { marginHeader = 0, marginFooter = 0, useFirstPageHeaderFooter = _univerjs_core.BooleanNumber.FALSE, evenAndOddHeaders = _univerjs_core.BooleanNumber.FALSE } = documentStyle;
-			setOptions({
-				marginHeader,
-				marginFooter,
-				useFirstPageHeaderFooter,
-				evenAndOddHeaders
-			});
-		}
-	}, [unitId]);
+	const handleLinkToPreviousChange = async (linked) => {
+		var _renderManagerService4;
+		const context = getCurrentSectionContext();
+		if (!(context === null || context === void 0 ? void 0 : context.sectionId) || context.sectionIndex <= 0 || !docDataModel) return;
+		const kind = ((_renderManagerService4 = renderManagerService.getRenderById(unitId)) === null || _renderManagerService4 === void 0 || (_renderManagerService4 = _renderManagerService4.with(_univerjs_docs.DocSkeletonManagerService)) === null || _renderManagerService4 === void 0 || (_renderManagerService4 = _renderManagerService4.getViewModel()) === null || _renderManagerService4 === void 0 ? void 0 : _renderManagerService4.getEditArea()) === _univerjs_engine_render.DocumentEditArea.FOOTER ? "footer" : "header";
+		const currentVariant = getHeaderFooterVariant(context.config, docSelectionRenderService.getSegmentPage(), context.page);
+		const key = (0, _univerjs_core.getSectionHeaderFooterReferenceKey)(kind, currentVariant);
+		const segmentId = (0, _univerjs_core.generateRandomId)(6);
+		const previousSegmentId = (0, _univerjs_core.resolveSectionHeaderFooterReference)(docDataModel.getDocumentStyle(), context.sections, context.sectionIndex - 1, key).segmentId;
+		if (!await commandService.executeCommand(_univerjs_docs.SetSectionHeaderFooterLinkCommand.id, {
+			unitId,
+			sectionId: context.sectionId,
+			kind,
+			variant: currentVariant,
+			linkedToPrevious: linked,
+			...linked ? {} : { segmentId }
+		})) return;
+		setLinkedToPrevious(linked);
+		docSelectionRenderService.setSegment(linked ? previousSegmentId !== null && previousSegmentId !== void 0 ? previousSegmentId : "" : segmentId);
+		layoutService.focus();
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "univer-grid univer-gap-4",
 		children: [
+			canLinkToPrevious && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
+				checked: linkedToPrevious,
+				onChange: (val) => {
+					handleLinkToPreviousChange(val);
+				},
+				children: localeService.t("docs-ui.headerFooter.linkToPrevious")
+			}) }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "univer-grid univer-gap-2",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
@@ -15033,7 +16013,14 @@ const DocHeaderFooterOptions = (props) => {
 			})
 		]
 	});
-};
+}
+function getHeaderFooterVariant(documentStyle, pageIndex, page) {
+	const isFirstPage = page ? page.pageNumber === page.pageNumberStart : pageIndex === 0;
+	const isEvenPage = page ? page.pageNumber % 2 === 0 : pageIndex % 2 === 1;
+	if (documentStyle.useFirstPageHeaderFooter === _univerjs_core.BooleanNumber.TRUE && isFirstPage) return "first";
+	if (documentStyle.evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && isEvenPage) return "even";
+	return "default";
+}
 
 //#endregion
 //#region src/views/header-footer/panel/DocHeaderFooterPanel.tsx
@@ -15128,12 +16115,14 @@ function TextColorSwatchIcon({ className, style, onClick, color }) {
 			stroke: "currentColor",
 			strokeOpacity: .16
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", {
-			x: 7.5,
+			x: 12,
 			y: 16.5,
+			direction: "ltr",
 			fontFamily: "Arial, sans-serif",
 			fontSize: 12,
 			fontWeight: 700,
 			fill: color,
+			textAnchor: "middle",
 			children: "A"
 		})]
 	});
@@ -15220,6 +16209,26 @@ const DocParagraphBackgroundColorSwatchIcon13 = createBackgroundColorSwatchIcon(
 const DocParagraphBackgroundColorSwatchIcon14 = createBackgroundColorSwatchIcon(14);
 const DocParagraphBackgroundColorSwatchIcon15 = createBackgroundColorSwatchIcon(15);
 
+//#endregion
+//#region src/views/paragraph-menu/component-keys.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 DOC_PARAGRAPH_MENU_COMPONENT_KEY = "doc.paragraph.menu";
+const DOC_TABLE_BLOCK_MENU_COMPONENT_KEY = "doc.table-block.menu";
+
 //#endregion
 //#region src/views/paragraph-setting/line-spacing.ts
 const AUTO_LINE_SPACING_CONFIG = {
@@ -15238,22 +16247,20 @@ function round(value, digits) {
 function clamp(value, min, max) {
 	return Math.min(max, Math.max(min, value));
 }
-function getLineSpacingRuleOptions(localeService) {
-	return [
-		{
-			label: localeService.t("docs-ui.doc.paragraphSetting.multiSpace"),
-			value: `${_univerjs_core.SpacingRule.AUTO}`
-		},
-		{
-			label: localeService.t("docs-ui.doc.paragraphSetting.atLeast"),
-			value: `${_univerjs_core.SpacingRule.AT_LEAST}`
-		},
-		{
-			label: localeService.t("docs-ui.doc.paragraphSetting.exactly"),
-			value: `${_univerjs_core.SpacingRule.EXACT}`
-		}
-	];
-}
+const LINE_SPACING_RULE_OPTIONS = [
+	{
+		label: "docs-ui.doc.paragraphSetting.multiSpace",
+		value: `${_univerjs_core.SpacingRule.AUTO}`
+	},
+	{
+		label: "docs-ui.doc.paragraphSetting.atLeast",
+		value: `${_univerjs_core.SpacingRule.AT_LEAST}`
+	},
+	{
+		label: "docs-ui.doc.paragraphSetting.exactly",
+		value: `${_univerjs_core.SpacingRule.EXACT}`
+	}
+];
 function getLineSpacingInputConfig(spacingRule) {
 	return spacingRule === _univerjs_core.SpacingRule.AUTO ? AUTO_LINE_SPACING_CONFIG : FIXED_LINE_SPACING_CONFIG;
 }
@@ -15291,6 +16298,21 @@ function convertLineSpacingForRuleChange(currentStoredValue, currentRule, nextRu
 
 //#endregion
 //#region src/views/paragraph-setting/hook/utils.ts
+const PARAGRAPH_LAYOUT_BLOCK_TYPES = /* @__PURE__ */ new Set([
+	_univerjs_core.DocumentBlockRangeType.CALLOUT,
+	_univerjs_core.DocumentBlockRangeType.CODE,
+	_univerjs_core.DocumentBlockRangeType.QUOTE
+]);
+function resolveParagraphsForSettingPanel(paragraphs, body, documentStyle) {
+	return paragraphs.map((paragraph) => {
+		var _body$blockRanges$som, _body$blockRanges;
+		const hasLayoutBlockRange = (_body$blockRanges$som = (_body$blockRanges = body.blockRanges) === null || _body$blockRanges === void 0 ? void 0 : _body$blockRanges.some((range) => PARAGRAPH_LAYOUT_BLOCK_TYPES.has(range.blockType) && paragraph.startIndex > range.startIndex && paragraph.startIndex < range.endIndex)) !== null && _body$blockRanges$som !== void 0 ? _body$blockRanges$som : false;
+		return {
+			...paragraph,
+			paragraphStyle: (0, _univerjs_core.resolveDocumentParagraphStyle)(documentStyle, paragraph.paragraphStyle, { excludeDocumentOuterSpacing: hasLayoutBlockRange })
+		};
+	});
+}
 const useDocRanges = () => {
 	const docSelectionManagerService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocSelectionManagerService);
 	const docParagraphSettingController = (0, _univerjs_ui.useDependency)(DocParagraphSettingController);
@@ -15301,15 +16323,17 @@ const useDocRanges = () => {
 	return docRanges;
 };
 const useCurrentParagraph = () => {
-	var _segment$getBody$para, _segment$getBody, _segment$getBody$data, _segment$getBody2, _BuildTextUtils$range;
+	var _body$paragraphs, _body$dataStream, _BuildTextUtils$range;
 	const docDataModel = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService).getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 	const docRanges = useDocRanges();
 	if (!docDataModel || docRanges.length === 0) return [];
 	const segmentId = docRanges[0].segmentId;
 	const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-	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 = _univerjs_core.BuildTextUtils.range.getParagraphsInRanges(docRanges, paragraphs, dataStream)) !== null && _BuildTextUtils$range !== void 0 ? _BuildTextUtils$range : [];
+	const body = segment === null || segment === void 0 ? void 0 : segment.getBody();
+	const paragraphs = (_body$paragraphs = body === null || body === void 0 ? void 0 : body.paragraphs) !== null && _body$paragraphs !== void 0 ? _body$paragraphs : [];
+	const dataStream = (_body$dataStream = body === null || body === void 0 ? void 0 : body.dataStream) !== null && _body$dataStream !== void 0 ? _body$dataStream : "";
+	const currentParagraphs = (_BuildTextUtils$range = _univerjs_core.BuildTextUtils.range.getParagraphsInRanges(docRanges, paragraphs, dataStream)) !== null && _BuildTextUtils$range !== void 0 ? _BuildTextUtils$range : [];
+	return body == null ? currentParagraphs : resolveParagraphsForSettingPanel(currentParagraphs, body, docDataModel.getDocumentStyle());
 };
 const useFirstParagraphHorizontalAlign = (paragraph, defaultValue) => {
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
@@ -15475,13 +16499,36 @@ const useFirstParagraphLineSpacing = (paragraph) => {
 
 //#endregion
 //#region src/views/paragraph-setting/Setting.tsx
+const ALIGNMENT_OPTIONS = [
+	{
+		label: "docs-ui.toolbar.alignLeft",
+		value: String(_univerjs_core.HorizontalAlign.LEFT),
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.LeftJustifyingIcon, {})
+	},
+	{
+		label: "docs-ui.toolbar.alignCenter",
+		value: String(_univerjs_core.HorizontalAlign.CENTER),
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.HorizontallyIcon, {})
+	},
+	{
+		label: "docs-ui.toolbar.alignRight",
+		value: String(_univerjs_core.HorizontalAlign.RIGHT),
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.RightJustifyingIcon, {})
+	},
+	{
+		label: "docs-ui.toolbar.alignJustify",
+		value: String(_univerjs_core.HorizontalAlign.JUSTIFIED),
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.AlignTextBothIcon, {})
+	}
+];
 const ParagraphSettingSection = (props) => {
-	const { title, children, first = false } = props;
+	const { titleKey, children, first = false } = props;
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 		className: (0, _univerjs_design.clsx)(!first && "univer-mt-5"),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "univer-text-sm univer-font-medium univer-leading-5",
-			children: title
+			children: localeService.t(titleKey)
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "univer-mt-3",
 			children
@@ -15489,13 +16536,13 @@ const ParagraphSettingSection = (props) => {
 	});
 };
 const ParagraphSettingRow = (props) => {
-	const { label, children } = props;
+	const { labelKey, unit, children } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "univer-grid univer-min-h-8 univer-items-center univer-gap-3",
 		style: { gridTemplateColumns: "minmax(0, 1fr) minmax(160px, 180px)" },
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "univer-min-w-0 univer-text-xs univer-leading-5 univer-text-gray-900 dark:!univer-text-gray-100",
-			children: label
+			children: [(0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService).t(labelKey), unit]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "univer-w-full univer-min-w-0",
 			children
@@ -15525,30 +16572,8 @@ const AutoFocusInputNumber = (props) => {
 };
 function ParagraphSetting() {
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
-	const alignmentOptions = (0, react.useMemo)(() => [
-		{
-			label: localeService.t("docs-ui.toolbar.alignLeft"),
-			value: String(_univerjs_core.HorizontalAlign.LEFT),
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.LeftJustifyingIcon, {})
-		},
-		{
-			label: localeService.t("docs-ui.toolbar.alignCenter"),
-			value: String(_univerjs_core.HorizontalAlign.CENTER),
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.HorizontallyIcon, {})
-		},
-		{
-			label: localeService.t("docs-ui.toolbar.alignRight"),
-			value: String(_univerjs_core.HorizontalAlign.RIGHT),
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.RightJustifyingIcon, {})
-		},
-		{
-			label: localeService.t("docs-ui.toolbar.alignJustify"),
-			value: String(_univerjs_core.HorizontalAlign.JUSTIFIED),
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.AlignTextBothIcon, {})
-		}
-	], []);
 	const currentParagraph = useCurrentParagraph();
-	const [horizontalAlignValue, setHorizontalAlign] = useFirstParagraphHorizontalAlign(currentParagraph, alignmentOptions[0].value);
+	const [horizontalAlignValue, setHorizontalAlign] = useFirstParagraphHorizontalAlign(currentParagraph, ALIGNMENT_OPTIONS[0].value);
 	const [indentStart, setIndentStart] = useFirstParagraphIndentStart(currentParagraph);
 	const [indentEnd, setIndentEnd] = useFirstParagraphIndentEnd(currentParagraph);
 	const [indentFirstLine, setIndentFirstLine] = useFirstParagraphIndentFirstLine(currentParagraph);
@@ -15557,18 +16582,21 @@ function ParagraphSetting() {
 	const [spaceBelow, setSpaceBelow] = useFirstParagraphSpaceBelow(currentParagraph);
 	const { lineSpacing: [lineSpacing, setLineSpacing], spacingRule: [spacingRule, setSpacingRule] } = useFirstParagraphLineSpacing(currentParagraph);
 	const lineSpaceConfig = (0, react.useMemo)(() => getLineSpacingInputConfig(spacingRule), [spacingRule]);
-	const lineSpacingOptions = (0, react.useMemo)(() => getLineSpacingRuleOptions(localeService), [localeService]);
+	const lineSpacingOptions = LINE_SPACING_RULE_OPTIONS.map((option) => ({
+		...option,
+		label: localeService.t(option.label)
+	}));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "univer-box-border univer-w-full",
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParagraphSettingSection, {
-				title: localeService.t("docs-ui.doc.paragraphSetting.alignment"),
+				titleKey: "docs-ui.doc.paragraphSetting.alignment",
 				first: true,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: (0, _univerjs_design.clsx)("univer-flex univer-grid-cols-4 univer-items-center univer-justify-around univer-gap-2 univer-rounded-lg univer-bg-white univer-p-1 dark:!univer-bg-gray-900", _univerjs_design.borderClassName),
-					children: alignmentOptions.map((item) => {
+					children: ALIGNMENT_OPTIONS.map((item) => {
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-							title: item.label,
+							title: localeService.t(item.label),
 							placement: "bottom",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "univer-flex univer-w-full univer-items-center univer-justify-center",
@@ -15588,33 +16616,37 @@ function ParagraphSetting() {
 				})
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParagraphSettingSection, {
-				title: localeService.t("docs-ui.doc.paragraphSetting.indentation"),
+				titleKey: "docs-ui.doc.paragraphSetting.indentation",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "univer-grid univer-gap-3",
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParagraphSettingRow, {
-							label: `${localeService.t("docs-ui.doc.paragraphSetting.left")}(px)`,
+							labelKey: "docs-ui.doc.paragraphSetting.left",
+							unit: "(px)",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoFocusInputNumber, {
 								value: indentStart,
 								onChange: (v) => setIndentStart(v !== null && v !== void 0 ? v : 0)
 							})
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParagraphSettingRow, {
-							label: `${localeService.t("docs-ui.doc.paragraphSetting.right")}(px)`,
+							labelKey: "docs-ui.doc.paragraphSetting.right",
+							unit: "(px)",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoFocusInputNumber, {
 								value: indentEnd,
 								onChange: (v) => setIndentEnd(v !== null && v !== void 0 ? v : 0)
 							})
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParagraphSettingRow, {
-							label: `${localeService.t("docs-ui.doc.paragraphSetting.firstLine")}(px)`,
+							labelKey: "docs-ui.doc.paragraphSetting.firstLine",
+							unit: "(px)",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoFocusInputNumber, {
 								value: indentFirstLine,
 								onChange: (v) => setIndentFirstLine(v !== null && v !== void 0 ? v : 0)
 							})
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParagraphSettingRow, {
-							label: `${localeService.t("docs-ui.doc.paragraphSetting.hanging")}(px)`,
+							labelKey: "docs-ui.doc.paragraphSetting.hanging",
+							unit: "(px)",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoFocusInputNumber, {
 								value: hanging,
 								onChange: (v) => setHanging(v !== null && v !== void 0 ? v : 0)
@@ -15624,26 +16656,28 @@ function ParagraphSetting() {
 				})
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParagraphSettingSection, {
-				title: localeService.t("docs-ui.doc.paragraphSetting.spacing"),
+				titleKey: "docs-ui.doc.paragraphSetting.spacing",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "univer-grid univer-gap-3",
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParagraphSettingRow, {
-							label: `${localeService.t("docs-ui.doc.paragraphSetting.before")}(px)`,
+							labelKey: "docs-ui.doc.paragraphSetting.before",
+							unit: "(px)",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoFocusInputNumber, {
 								value: spaceAbove,
 								onChange: (v) => setSpaceAbove(v !== null && v !== void 0 ? v : 0)
 							})
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParagraphSettingRow, {
-							label: `${localeService.t("docs-ui.doc.paragraphSetting.after")}(px)`,
+							labelKey: "docs-ui.doc.paragraphSetting.after",
+							unit: "(px)",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoFocusInputNumber, {
 								value: spaceBelow,
 								onChange: (v) => setSpaceBelow(v !== null && v !== void 0 ? v : 0)
 							})
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParagraphSettingRow, {
-							label: localeService.t("docs-ui.doc.paragraphSetting.lineSpace"),
+							labelKey: "docs-ui.doc.paragraphSetting.lineSpace",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "univer-flex univer-w-full univer-flex-col univer-gap-2",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
@@ -15698,26 +16732,6 @@ function ParagraphSettingIndex() {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParagraphSetting, {}, key);
 }
 
-//#endregion
-//#region src/views/paragraph-menu/component-keys.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 DOC_PARAGRAPH_MENU_COMPONENT_KEY = "doc.paragraph.menu";
-const DOC_TABLE_BLOCK_MENU_COMPONENT_KEY = "doc.table-block.menu";
-
 //#endregion
 //#region src/views/float-toolbar/FloatToolbar.tsx
 const DEFAULT_AVALIABLE_MENUS = [
@@ -15808,6 +16822,9 @@ let DocFloatMenuService = class DocFloatMenuService extends _univerjs_core.Dispo
 	get floatMenu() {
 		return this._floatMenu;
 	}
+	hideFloatMenu() {
+		this._hideFloatMenu();
+	}
 	_registerFloatMenu() {
 		this.disposeWithMe(this._componentManager.register(FLOAT_MENU_COMPONENT_KEY, FloatToolbar));
 	}
@@ -16463,15 +17480,10 @@ function isParagraphInTable(documentDataModel, paragraphStart) {
 	return ((_documentDataModel$ge = (_documentDataModel$ge2 = documentDataModel.getBody()) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.tables) !== null && _documentDataModel$ge !== void 0 ? _documentDataModel$ge : []).some((table) => paragraphStart > table.startIndex && paragraphStart < table.endIndex);
 }
 function getParagraphMoveRange(documentDataModel, paragraph, cellRange) {
-	var _documentDataModel$ge3, _documentDataModel$ge4;
-	const paragraphs = [...(_documentDataModel$ge3 = (_documentDataModel$ge4 = documentDataModel.getBody()) === null || _documentDataModel$ge4 === void 0 ? void 0 : _documentDataModel$ge4.paragraphs) !== null && _documentDataModel$ge3 !== void 0 ? _documentDataModel$ge3 : []].sort((left, right) => left.startIndex - right.startIndex);
-	const index = paragraphs.findIndex((item) => item.startIndex === paragraph.startIndex);
-	const previousParagraph = index > 0 ? paragraphs.slice(0, index).reverse().find((item) => {
-		if (!cellRange) return true;
-		return item.startIndex > cellRange.startOffset && item.startIndex < cellRange.endOffset;
-	}) : null;
+	const body = documentDataModel.getBody();
+	const paragraphStartOffset = body ? (0, _univerjs_core.getParagraphContentStartOffset)(body, paragraph) : 0;
 	return {
-		startOffset: previousParagraph ? previousParagraph.startIndex + 1 : cellRange ? cellRange.startOffset + 1 : 0,
+		startOffset: cellRange ? Math.max(paragraphStartOffset, cellRange.startOffset + 1) : paragraphStartOffset,
 		endOffset: paragraph.startIndex + 1
 	};
 }
@@ -16525,8 +17537,8 @@ function unionRects(rects) {
 	}));
 }
 function getParagraphBlockRange(documentDataModel, paragraph) {
-	var _documentDataModel$ge5, _documentDataModel$ge6;
-	return ((_documentDataModel$ge5 = (_documentDataModel$ge6 = documentDataModel.getBody()) === null || _documentDataModel$ge6 === void 0 ? void 0 : _documentDataModel$ge6.blockRanges) !== null && _documentDataModel$ge5 !== void 0 ? _documentDataModel$ge5 : []).find((range) => Math.max(paragraph.paragraphStart, range.startIndex) <= Math.min(paragraph.paragraphEnd, range.endIndex));
+	var _documentDataModel$ge3, _documentDataModel$ge4;
+	return ((_documentDataModel$ge3 = (_documentDataModel$ge4 = documentDataModel.getBody()) === null || _documentDataModel$ge4 === void 0 ? void 0 : _documentDataModel$ge4.blockRanges) !== null && _documentDataModel$ge3 !== void 0 ? _documentDataModel$ge3 : []).find((range) => Math.max(paragraph.paragraphStart, range.startIndex) <= Math.min(paragraph.paragraphEnd, range.endIndex));
 }
 function getBlockRangeAnchorRect(docEventManagerService, blockRange, fallbackParagraph) {
 	var _bounds$0$firstLine, _bounds$;
@@ -16545,8 +17557,12 @@ function getBlockRangeAnchorRect(docEventManagerService, blockRange, fallbackPar
 
 //#endregion
 //#region src/views/ParagraphMenu.tsx
-function getParagraphMenuPopupDirection(anchorLeft, menuWidth = 212, viewportPadding = 8) {
-	return anchorLeft - menuWidth < viewportPadding ? "right" : "left";
+function getParagraphMenuPopupDirection(anchorLeft, menuWidth = 212, viewportPadding = 8, options = {}) {
+	const { anchorRight = anchorLeft, direction = "ltr", viewportWidth = Number.POSITIVE_INFINITY } = options;
+	const hasLeftSpace = anchorLeft - menuWidth >= viewportPadding;
+	const hasRightSpace = anchorRight + menuWidth + viewportPadding <= viewportWidth;
+	if (direction === "rtl") return hasRightSpace || !hasLeftSpace ? "right" : "left";
+	return hasLeftSpace || !hasRightSpace ? "left" : "right";
 }
 const PARAGRAPH_MENU_HOVER_OPEN_DELAY = 800;
 const PARAGRAPH_MENU_HOVER_HIDE_DELAY = 240;
@@ -16889,19 +17905,75 @@ function unwrapBlockRangeBody(documentBody, blockRange) {
 		}
 	};
 }
-function buildReplaceBodyActions(previousBody, nextBody) {
-	const jsonX = _univerjs_core.JSONX.getInstance();
-	return [
-		jsonX.replaceOp(["body", "dataStream"], previousBody.dataStream, nextBody.dataStream),
-		jsonX.replaceOp(["body", "paragraphs"], previousBody.paragraphs, nextBody.paragraphs),
-		jsonX.replaceOp(["body", "sectionBreaks"], previousBody.sectionBreaks, nextBody.sectionBreaks),
-		jsonX.replaceOp(["body", "textRuns"], previousBody.textRuns, nextBody.textRuns),
-		jsonX.replaceOp(["body", "customRanges"], previousBody.customRanges, nextBody.customRanges),
-		jsonX.replaceOp(["body", "customDecorations"], previousBody.customDecorations, nextBody.customDecorations),
-		jsonX.replaceOp(["body", "customBlocks"], previousBody.customBlocks, nextBody.customBlocks),
-		jsonX.replaceOp(["body", "tables"], previousBody.tables, nextBody.tables),
-		jsonX.replaceOp(["body", "blockRanges"], previousBody.blockRanges, nextBody.blockRanges)
-	].reduce((acc, action) => _univerjs_core.JSONX.compose(acc, action), null);
+const UNWRAP_BLOCK_BODY_PATCH_KEYS = [
+	"paragraphs",
+	"sectionBreaks",
+	"textRuns",
+	"customRanges",
+	"customDecorations",
+	"customBlocks",
+	"tables",
+	"columnGroups",
+	"blockRanges"
+];
+function buildUnwrapBlockRangeActions(previousBody, nextBody, blockRange) {
+	const endTokenOffset = getEndTokenOffset(previousBody, blockRange);
+	const textX = new _univerjs_core.TextX();
+	textX.retain(blockRange.startIndex);
+	textX.delete(1);
+	textX.retain(Math.max(0, endTokenOffset - blockRange.startIndex - 1));
+	textX.delete(1);
+	const textAction = _univerjs_core.JSONX.getInstance().editOp(textX.serialize(), ["body"]);
+	const intermediateBody = _univerjs_core.Tools.deepClone(previousBody);
+	_univerjs_core.TextX.apply(intermediateBody, textX.serialize());
+	const rawActions = [textAction];
+	collectUnwrapBlockBodyPatchActions(intermediateBody, nextBody, rawActions);
+	return rawActions.reduce((acc, action) => _univerjs_core.JSONX.compose(acc, action), null);
+}
+function collectUnwrapBlockBodyPatchActions(previousBody, nextBody, actions) {
+	for (const key of UNWRAP_BLOCK_BODY_PATCH_KEYS) collectUnwrapPatchActions(_univerjs_core.JSONX.getInstance(), ["body", key], previousBody[key], nextBody[key], actions);
+}
+function collectUnwrapPatchActions(jsonX, path, oldValue, newValue, actions) {
+	if (isEmptyArrayEquivalent(oldValue, newValue) || _univerjs_core.Tools.diffValue(oldValue, newValue)) return;
+	if (oldValue == null) {
+		actions.push(jsonX.insertOp(path, newValue));
+		return;
+	}
+	if (newValue == null) {
+		actions.push(jsonX.removeOp(path, oldValue));
+		return;
+	}
+	if (Array.isArray(oldValue) && Array.isArray(newValue)) {
+		collectUnwrapArrayPatchActions(jsonX, path, oldValue, newValue, actions);
+		return;
+	}
+	if (isPlainObject(oldValue) && isPlainObject(newValue)) {
+		(/* @__PURE__ */ new Set([...Object.keys(oldValue), ...Object.keys(newValue)])).forEach((key) => collectUnwrapPatchActions(jsonX, [...path, key], oldValue[key], newValue[key], actions));
+		return;
+	}
+	actions.push(jsonX.replaceOp(path, oldValue, newValue));
+}
+function collectUnwrapArrayPatchActions(jsonX, path, oldItems, newItems, actions) {
+	if (oldItems.length === newItems.length) {
+		oldItems.forEach((item, index) => collectUnwrapPatchActions(jsonX, [...path, index], item, newItems[index], actions));
+		return;
+	}
+	let prefix = 0;
+	while (prefix < oldItems.length && prefix < newItems.length && _univerjs_core.Tools.diffValue(oldItems[prefix], newItems[prefix])) prefix++;
+	let oldSuffix = oldItems.length - 1;
+	let newSuffix = newItems.length - 1;
+	while (oldSuffix >= prefix && newSuffix >= prefix && _univerjs_core.Tools.diffValue(oldItems[oldSuffix], newItems[newSuffix])) {
+		oldSuffix--;
+		newSuffix--;
+	}
+	for (let index = oldSuffix; index >= prefix; index--) actions.push(jsonX.removeOp([...path, index], oldItems[index]));
+	for (let index = prefix; index <= newSuffix; index++) actions.push(jsonX.insertOp([...path, index], newItems[index]));
+}
+function isPlainObject(value) {
+	return value != null && typeof value === "object" && !Array.isArray(value);
+}
+function isEmptyArrayEquivalent(oldValue, newValue) {
+	return oldValue == null && Array.isArray(newValue) && newValue.length === 0 || newValue == null && Array.isArray(oldValue) && oldValue.length === 0;
 }
 function getTargetSelectionRange(target, paragraph) {
 	if (!target) return getParagraphMenuTargetRange(paragraph);
@@ -16954,7 +18026,9 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 	const openMenuRef = (0, react.useRef)(() => void 0);
 	const hoverOpenSchedulerRef = (0, react.useRef)(createParagraphMenuHoverOpenScheduler(() => openMenuRef.current()));
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const docSelectionManagerService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocSelectionManagerService);
+	const direction = (0, _univerjs_ui.useObservable)(localeService.direction$, "ltr");
 	const docClipboardService = (0, _univerjs_ui.useDependency)(IDocClipboardService);
 	const docContentInsertService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocContentInsertService);
 	const docBlockMoveValidatorService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocBlockMoveValidatorService);
@@ -17002,13 +18076,18 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 		bottom: 0
 	}), []);
 	const updateAnchorRect = () => {
-		var _anchorRef$current, _boundingRect$left, _boundingRect$right, _boundingRect$top, _boundingRect$bottom;
+		var _anchorRef$current, _boundingRect$left, _boundingRect$right, _anchorRef$current$ow, _anchorRef$current2, _boundingRect$top, _boundingRect$bottom;
 		const boundingRect = (_anchorRef$current = anchorRef.current) === null || _anchorRef$current === void 0 ? void 0 : _anchorRef$current.getBoundingClientRect();
 		const left = ((_boundingRect$left = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.left) !== null && _boundingRect$left !== void 0 ? _boundingRect$left : 0) - 4;
-		setMenuDirection(getParagraphMenuPopupDirection(left));
+		const right = (_boundingRect$right = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.right) !== null && _boundingRect$right !== void 0 ? _boundingRect$right : 0;
+		setMenuDirection(getParagraphMenuPopupDirection(left, 212, 8, {
+			anchorRight: right,
+			direction,
+			viewportWidth: (_anchorRef$current$ow = (_anchorRef$current2 = anchorRef.current) === null || _anchorRef$current2 === void 0 || (_anchorRef$current2 = _anchorRef$current2.ownerDocument.defaultView) === null || _anchorRef$current2 === void 0 ? void 0 : _anchorRef$current2.innerWidth) !== null && _anchorRef$current$ow !== void 0 ? _anchorRef$current$ow : window.innerWidth
+		}));
 		const nextAnchorRect = {
 			left,
-			right: (_boundingRect$right = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.right) !== null && _boundingRect$right !== void 0 ? _boundingRect$right : 0,
+			right,
 			top: (_boundingRect$top = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.top) !== null && _boundingRect$top !== void 0 ? _boundingRect$top : 0,
 			bottom: (_boundingRect$bottom = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.bottom) !== null && _boundingRect$bottom !== void 0 ? _boundingRect$bottom : 0
 		};
@@ -17090,7 +18169,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 		if (!latestTarget || latestTarget.kind !== "blockRange" || !latestTarget.blockRange || !(doc === null || doc === void 0 ? void 0 : doc.getBody())) return null;
 		const previousBody = doc.getBody();
 		const { body, range } = unwrapBlockRangeBody(previousBody, latestTarget.blockRange);
-		const actions = buildReplaceBodyActions(previousBody, body);
+		const actions = buildUnwrapBlockRangeActions(previousBody, body, latestTarget.blockRange);
 		const segmentId = (_activeParagraphBound = activeParagraphBound === null || activeParagraphBound === void 0 ? void 0 : activeParagraphBound.segmentId) !== null && _activeParagraphBound !== void 0 ? _activeParagraphBound : "";
 		if (!await commandService.executeCommand(_univerjs_docs.RichTextEditingMutation.id, {
 			unitId: popup.unitId,
@@ -17135,14 +18214,12 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 		}
 		if (commandId === "doc.menu.paragraph-t.insert-below.command") {
 			if (!(latestTarget === null || latestTarget === void 0 ? void 0 : latestTarget.moveRange)) return;
-			const insertRange = {
+			docContentInsertService.setInsertRange({
+				unitId: popup.unitId,
 				startOffset: latestTarget.moveRange.endOffset,
 				endOffset: latestTarget.moveRange.endOffset,
-				collapsed: true,
 				segmentId: activeParagraphBound === null || activeParagraphBound === void 0 ? void 0 : activeParagraphBound.segmentId
-			};
-			replaceSelection(insertRange);
-			await commandService.executeCommand(BreakLineCommand.id, { textRange: insertRange });
+			});
 			const wrappedCommandId = typeof (commandParams === null || commandParams === void 0 ? void 0 : commandParams.commandId) === "string" ? commandParams.commandId : void 0;
 			if (wrappedCommandId) await commandService.executeCommand(wrappedCommandId);
 			finishParagraphMenuCommand(docParagraphMenuService, layoutService, handleHideMenu);
@@ -17447,6 +18524,222 @@ function DragHandleDotsIcon() {
 	});
 }
 
+//#endregion
+//#region src/views/section-setting/use-section-setting.ts
+const DEFAULT_SECTION_COLUMN_GAP = 18;
+function getCommonValue(values) {
+	const first = values[0];
+	return values.every((value) => value === first) ? first : void 0;
+}
+function getSectionColumnCount(section) {
+	var _section$columnProper;
+	return ((_section$columnProper = section.columnProperties) === null || _section$columnProper === void 0 ? void 0 : _section$columnProper.length) || 1;
+}
+function getSectionColumnGap(section) {
+	var _section$columnProper2, _section$columnProper3;
+	return (_section$columnProper2 = (_section$columnProper3 = section.columnProperties) === null || _section$columnProper3 === void 0 || (_section$columnProper3 = _section$columnProper3[0]) === null || _section$columnProper3 === void 0 ? void 0 : _section$columnProper3.paddingEnd) !== null && _section$columnProper2 !== void 0 ? _section$columnProper2 : DEFAULT_SECTION_COLUMN_GAP;
+}
+function getSectionSettingValues(sections) {
+	return {
+		columnCount: getCommonValue(sections.map(getSectionColumnCount)),
+		columnGap: getCommonValue(sections.map(getSectionColumnGap)),
+		separatorType: getCommonValue(sections.map((section) => {
+			var _section$columnSepara;
+			return (_section$columnSepara = section.columnSeparatorType) !== null && _section$columnSepara !== void 0 ? _section$columnSepara : _univerjs_core.ColumnSeparatorType.NONE;
+		})),
+		sectionType: getCommonValue(sections.map((section) => {
+			var _section$sectionType;
+			return (_section$sectionType = section.sectionType) !== null && _section$sectionType !== void 0 ? _section$sectionType : _univerjs_core.SectionType.SECTION_TYPE_UNSPECIFIED;
+		}))
+	};
+}
+function createSectionColumnUpdates(sections, documentStyle, change) {
+	return sections.map((section) => {
+		const columnCount = "columnCount" in change ? change.columnCount : getSectionColumnCount(section);
+		const columnGap = "columnGap" in change ? change.columnGap : getSectionColumnGap(section);
+		return {
+			sectionId: section.sectionId,
+			config: { columnProperties: (0, _univerjs_docs.createSectionColumnProperties)(documentStyle, section, columnCount, columnGap) }
+		};
+	});
+}
+function getSelectedSections(documentDataModel, ranges) {
+	const body = documentDataModel.getBody();
+	if (!body || ranges.length === 0 || ranges.some((range) => Boolean(range.segmentId))) return [];
+	const sections = (0, _univerjs_docs.getTopLevelSectionBreaks)(body);
+	return sections.filter((section, index) => {
+		const sectionStart = index === 0 ? 0 : sections[index - 1].startIndex + 1;
+		return ranges.some((range) => {
+			const rangeStart = Math.min(range.startOffset, range.endOffset);
+			const rangeEnd = Math.max(range.startOffset, range.endOffset);
+			return rangeStart <= section.startIndex && rangeEnd >= sectionStart;
+		});
+	});
+}
+function useSectionSetting() {
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const instanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
+	const selectionManager = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocSelectionManagerService);
+	const documentDataModel = (0, _univerjs_ui.useObservable)((0, react.useMemo)(() => instanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_DOC), [instanceService]));
+	(0, _univerjs_ui.useObservable)(selectionManager.textSelection$);
+	(0, _univerjs_ui.useObservable)(documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.change$);
+	const ranges = selectionManager.getDocRanges();
+	const sections = (documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getDocumentStyle().documentFlavor) === _univerjs_core.DocumentFlavor.TRADITIONAL ? getSelectedSections(documentDataModel, ranges) : [];
+	const values = getSectionSettingValues(sections);
+	const update = (updates) => {
+		if (!documentDataModel || updates.length === 0) return Promise.resolve(false);
+		return commandService.executeCommand(_univerjs_docs.UpdateDocumentSectionCommand.id, {
+			unitId: documentDataModel.getUnitId(),
+			updates
+		});
+	};
+	const updateAll = (config) => update(sections.map((section) => ({
+		sectionId: section.sectionId,
+		config
+	})));
+	return {
+		valid: Boolean(documentDataModel && sections.length > 0),
+		selectedCount: sections.length,
+		...values,
+		setColumnCount(value) {
+			const next = Math.max(1, Math.round(value));
+			return update(documentDataModel ? createSectionColumnUpdates(sections, documentDataModel.getDocumentStyle(), { columnCount: next }) : []);
+		},
+		setColumnGap(value) {
+			const next = Math.max(0, value);
+			return update(documentDataModel ? createSectionColumnUpdates(sections, documentDataModel.getDocumentStyle(), { columnGap: next }) : []);
+		},
+		setSeparatorType(value) {
+			return updateAll({ columnSeparatorType: value });
+		},
+		setSectionType(value) {
+			return updateAll({ sectionType: value });
+		}
+	};
+}
+
+//#endregion
+//#region src/views/section-setting/Setting.tsx
+function SettingRow(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "univer-grid univer-min-h-8 univer-items-center univer-gap-3",
+		style: { gridTemplateColumns: "minmax(0, 1fr) minmax(140px, 160px)" },
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "univer-min-w-0 univer-text-xs univer-leading-5 univer-text-gray-900 dark:!univer-text-gray-100",
+			children: props.label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "univer-w-full univer-min-w-0",
+			children: props.children
+		})]
+	});
+}
+function SectionSetting() {
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const controller = (0, _univerjs_ui.useDependency)(DocSectionSettingController);
+	const setting = useSectionSetting();
+	(0, react.useEffect)(() => {
+		if (!setting.valid) controller.closePanel();
+	}, [controller, setting.valid]);
+	if (!setting.valid) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "univer-box-border univer-w-full",
+		children: [setting.selectedCount > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "univer-mb-4 univer-text-xs univer-text-gray-600 dark:!univer-text-gray-300",
+			children: localeService.t("docs-ui.doc.sectionSetting.selectedSections", String(setting.selectedCount))
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "univer-grid univer-gap-3",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingRow, {
+					label: localeService.t("docs-ui.doc.sectionSetting.columnCount"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
+						className: "univer-w-full",
+						min: 1,
+						max: 12,
+						step: 1,
+						precision: 0,
+						value: setting.columnCount,
+						onChange: (value) => value != null && setting.setColumnCount(value)
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingRow, {
+					label: `${localeService.t("docs-ui.doc.sectionSetting.columnGap")}(px)`,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
+						className: "univer-w-full",
+						min: 0,
+						max: 1e3,
+						step: 1,
+						precision: 1,
+						value: setting.columnGap,
+						onChange: (value) => value != null && setting.setColumnGap(value)
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingRow, {
+					label: localeService.t("docs-ui.doc.sectionSetting.columnSeparator"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
+						className: "univer-w-full",
+						value: setting.separatorType == null ? "" : String(setting.separatorType),
+						options: [{
+							label: localeService.t("docs-ui.doc.sectionSetting.none"),
+							value: String(_univerjs_core.ColumnSeparatorType.NONE)
+						}, {
+							label: localeService.t("docs-ui.doc.sectionSetting.betweenColumns"),
+							value: String(_univerjs_core.ColumnSeparatorType.BETWEEN_EACH_COLUMN)
+						}],
+						onChange: (value) => setting.setSeparatorType(Number(value))
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingRow, {
+					label: localeService.t("docs-ui.doc.sectionSetting.sectionStart"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
+						className: "univer-w-full",
+						value: setting.sectionType == null ? "" : String(setting.sectionType),
+						options: [
+							{
+								label: localeService.t("docs-ui.doc.sectionSetting.unspecified"),
+								value: String(_univerjs_core.SectionType.SECTION_TYPE_UNSPECIFIED)
+							},
+							{
+								label: localeService.t("docs-ui.doc.sectionSetting.continuous"),
+								value: String(_univerjs_core.SectionType.CONTINUOUS)
+							},
+							{
+								label: localeService.t("docs-ui.doc.sectionSetting.nextPage"),
+								value: String(_univerjs_core.SectionType.NEXT_PAGE)
+							},
+							{
+								label: localeService.t("docs-ui.doc.sectionSetting.evenPage"),
+								value: String(_univerjs_core.SectionType.EVEN_PAGE)
+							},
+							{
+								label: localeService.t("docs-ui.doc.sectionSetting.oddPage"),
+								value: String(_univerjs_core.SectionType.ODD_PAGE)
+							}
+						],
+						onChange: (value) => setting.setSectionType(Number(value))
+					})
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+//#region src/views/section-setting/index.tsx
+function SectionSettingIndex() {
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	(0, _univerjs_ui.useObservable)((0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService).currentLocale$);
+	const [key, setKey] = (0, react.useState)(() => (0, _univerjs_core.generateRandomId)(4));
+	(0, react.useEffect)(() => {
+		const disposable = commandService.onCommandExecuted((info) => {
+			if (info.id === _univerjs_docs.SetTextSelectionsOperation.id) {
+				if (info.params.ranges.length > 0) setKey((0, _univerjs_core.generateRandomId)(4));
+			} else if (info.id === _univerjs_docs.RichTextEditingMutation.id) setKey((0, _univerjs_core.generateRandomId)(4));
+		});
+		return () => disposable.dispose();
+	}, [commandService]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionSetting, {}, key);
+}
+
 //#endregion
 //#region src/views/table/create/TableCreate.tsx
 const DocCreateTableConfirm = ({ handleRowColChange, tableCreateParams }) => {
@@ -17550,6 +18843,8 @@ let ComponentsController = class ComponentsController extends _univerjs_core.Dis
 			KeyboardIcon: _univerjs_icons.KeyboardIcon,
 			LeftInsertColumnDoubleIcon: _univerjs_icons.LeftInsertColumnDoubleIcon,
 			LeftJustifyingIcon: _univerjs_icons.LeftJustifyingIcon,
+			LineIndentDecreaseIcon: _univerjs_icons.LineIndentDecreaseIcon,
+			LineIndentIncreaseIcon: _univerjs_icons.LineIndentIncreaseIcon,
 			MenuIcon: _univerjs_icons.MenuIcon,
 			TextTypeIcon: _univerjs_icons.TextTypeIcon,
 			NoColorDoubleIcon: _univerjs_icons.NoColorDoubleIcon,
@@ -17601,6 +18896,7 @@ let ComponentsController = class ComponentsController extends _univerjs_core.Dis
 	_registerComponents() {
 		if (!this._componentManager.get("COMPONENT_DOC_HEADER_FOOTER_PANEL")) this.disposeWithMe(this._componentManager.register(COMPONENT_DOC_HEADER_FOOTER_PANEL, DocHeaderFooterPanel));
 		this.disposeWithMe(this._componentManager.register(paragraphSettingIndexKey, ParagraphSettingIndex));
+		this.disposeWithMe(this._componentManager.register(DOC_SECTION_SETTING_COMPONENT, SectionSettingIndex));
 		[
 			[BULLET_LIST_TYPE_COMPONENT, BulletListTypePicker],
 			[ORDER_LIST_TYPE_COMPONENT, OrderListTypePicker],
@@ -17838,48 +19134,33 @@ var TextBubbleShape = class TextBubbleShape extends _univerjs_engine_render.Shap
 //#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 _univerjs_engine_render.DocumentEditArea.BODY: return {
-			createType: null,
-			headerFooterId: null
-		};
-		case _univerjs_engine_render.DocumentEditArea.HEADER:
-			if (useFirstPageHeaderFooter === _univerjs_core.BooleanNumber.TRUE && !firstPageHeaderId) return {
-				createType: _univerjs_docs.HeaderFooterType.FIRST_PAGE_HEADER,
-				headerFooterId: null
-			};
-			if (evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && segmentPage % 2 === 0 && !evenPageHeaderId) return {
-				createType: _univerjs_docs.HeaderFooterType.EVEN_PAGE_HEADER,
-				headerFooterId: null
-			};
-			return defaultHeaderId ? {
-				createType: null,
-				headerFooterId: defaultHeaderId
-			} : {
-				createType: _univerjs_docs.HeaderFooterType.DEFAULT_HEADER,
-				headerFooterId: null
-			};
-		case _univerjs_engine_render.DocumentEditArea.FOOTER:
-			if (useFirstPageHeaderFooter === _univerjs_core.BooleanNumber.TRUE && !firstPageFooterId) return {
-				createType: _univerjs_docs.HeaderFooterType.FIRST_PAGE_FOOTER,
-				headerFooterId: null
-			};
-			if (evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && segmentPage % 2 === 0 && !evenPageFooterId) return {
-				createType: _univerjs_docs.HeaderFooterType.EVEN_PAGE_FOOTER,
-				headerFooterId: null
-			};
-			return defaultFooterId ? {
-				createType: null,
-				headerFooterId: defaultFooterId
-			} : {
-				createType: _univerjs_docs.HeaderFooterType.DEFAULT_FOOTER,
-				headerFooterId: null
-			};
-		default: throw new Error(`Invalid editArea: ${editArea}`);
-	}
+function checkCreateHeaderFooterType(viewModel, editArea, segmentPage, page) {
+	const { sectionId, config } = getDocPageSectionContext(viewModel.getDataModel().getSnapshot(), page);
+	const { defaultHeaderId, defaultFooterId, evenPageHeaderId, evenPageFooterId, firstPageHeaderId, firstPageFooterId, evenAndOddHeaders, useFirstPageHeaderFooter } = config;
+	const isFirstPage = page ? page.pageNumber === page.pageNumberStart : segmentPage === 0;
+	const isEvenPage = page ? page.pageNumber % 2 === 0 : segmentPage % 2 === 1;
+	if (editArea === _univerjs_engine_render.DocumentEditArea.BODY) return {
+		createType: null,
+		headerFooterId: null,
+		sectionId
+	};
+	const isHeader = editArea === _univerjs_engine_render.DocumentEditArea.HEADER;
+	if (!isHeader && editArea !== _univerjs_engine_render.DocumentEditArea.FOOTER) throw new Error(`Invalid editArea: ${editArea}`);
+	const variants = isHeader ? {
+		first: [firstPageHeaderId, _univerjs_docs.HeaderFooterType.FIRST_PAGE_HEADER],
+		even: [evenPageHeaderId, _univerjs_docs.HeaderFooterType.EVEN_PAGE_HEADER],
+		default: [defaultHeaderId, _univerjs_docs.HeaderFooterType.DEFAULT_HEADER]
+	} : {
+		first: [firstPageFooterId, _univerjs_docs.HeaderFooterType.FIRST_PAGE_FOOTER],
+		even: [evenPageFooterId, _univerjs_docs.HeaderFooterType.EVEN_PAGE_FOOTER],
+		default: [defaultFooterId, _univerjs_docs.HeaderFooterType.DEFAULT_FOOTER]
+	};
+	const [headerFooterId, createType] = useFirstPageHeaderFooter === _univerjs_core.BooleanNumber.TRUE && isFirstPage ? variants.first : evenAndOddHeaders === _univerjs_core.BooleanNumber.TRUE && isEvenPage ? variants.even : variants.default;
+	return {
+		createType: headerFooterId ? null : createType,
+		headerFooterId: headerFooterId !== null && headerFooterId !== void 0 ? headerFooterId : null,
+		sectionId
+	};
 }
 let DocHeaderFooterController = class DocHeaderFooterController extends _univerjs_core.Disposable {
 	constructor(_context, _commandService, _editorService, _instanceSrv, _renderManagerService, _docSkeletonManagerService, _docSelectionRenderService, _localeService) {
@@ -17925,6 +19206,7 @@ let DocHeaderFooterController = class DocHeaderFooterController extends _univerj
 	_initialMain(unitId) {
 		const { document } = neoGetDocObject(this._context);
 		this.disposeWithMe(document.onDblclick$.subscribeEvent(async (evt) => {
+			var _skeleton$getSkeleton;
 			if (this._isEditorReadOnly(unitId)) return;
 			if (!this._isTraditionalMode()) return;
 			const { offsetX, offsetY } = evt;
@@ -17935,9 +19217,9 @@ let DocHeaderFooterController = class DocHeaderFooterController extends _univerj
 			const skeleton = this._docSkeletonManagerService.getSkeleton();
 			const preEditArea = viewModel.getEditArea();
 			const { editArea, pageNumber } = skeleton.findEditAreaByCoord(coord, pageLayoutType, pageMarginLeft, pageMarginTop);
-			if (preEditArea === editArea) return;
+			if (preEditArea === editArea && (editArea === _univerjs_engine_render.DocumentEditArea.BODY || this._docSelectionRenderService.getSegmentPage() === pageNumber)) return;
 			viewModel.setEditArea(editArea);
-			const { createType, headerFooterId } = checkCreateHeaderFooterType(viewModel, editArea, pageNumber);
+			const { createType, headerFooterId, sectionId } = checkCreateHeaderFooterType(viewModel, editArea, pageNumber, (_skeleton$getSkeleton = skeleton.getSkeletonData()) === null || _skeleton$getSkeleton === void 0 ? void 0 : _skeleton$getSkeleton.pages[pageNumber]);
 			if (editArea === _univerjs_engine_render.DocumentEditArea.BODY) {
 				this._docSelectionRenderService.setSegment("");
 				this._docSelectionRenderService.setSegmentPage(-1);
@@ -17949,7 +19231,8 @@ let DocHeaderFooterController = class DocHeaderFooterController extends _univerj
 				await this._commandService.executeCommand(CoreHeaderFooterCommand.id, {
 					unitId,
 					createType,
-					segmentId
+					segmentId,
+					sectionId
 				});
 			} else if (headerFooterId != null) {
 				this._docSelectionRenderService.setSegment(headerFooterId);
@@ -18561,13 +19844,10 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 			line: newLine,
 			offsetLeft
 		};
-		if (this._isColumnGroupContentPage(page)) {
-			const exitTarget = this._getColumnGroupExitLineTarget(page, direction, offsetLeft);
-			if (exitTarget != null) return exitTarget;
-		}
+		if (this._isColumnGroupContentPage(page)) return this._getColumnGroupExitLineTarget(page, direction, offsetLeft);
 		if (this._isTableCellContentPage(page)) return this._getAdjacentTableCellLineTarget(page, direction, offsetLeft);
 		const skeleton = page.parent;
-		if (skeleton == null) return;
+		if ((skeleton === null || skeleton === void 0 ? void 0 : skeleton.pages) == null) return;
 		const currentPageIndex = skeleton.pages.indexOf(page);
 		if (currentPageIndex === -1) return;
 		if (direction === true) {
@@ -19194,13 +20474,14 @@ DocIMEInputController = __decorate([
 //#endregion
 //#region src/controllers/render-controllers/doc-input.controller.ts
 let DocInputController = class DocInputController extends _univerjs_core.Disposable {
-	constructor(_context, _docSelectionRenderService, _docSkeletonManagerService, _commandService, _docMenuStyleService) {
+	constructor(_context, _docSelectionRenderService, _docSkeletonManagerService, _commandService, _docMenuStyleService, _embedInteractionBoundaryService, _embedRuntimeFocusCoordinator) {
 		super();
 		this._context = _context;
 		this._docSelectionRenderService = _docSelectionRenderService;
 		this._docSkeletonManagerService = _docSkeletonManagerService;
 		this._commandService = _commandService;
 		this._docMenuStyleService = _docMenuStyleService;
+		this._embedRuntimeFocusCoordinator = _embedRuntimeFocusCoordinator;
 		_defineProperty(this, "_onInputSubscription", void 0);
 		this._init();
 	}
@@ -19220,6 +20501,7 @@ let DocInputController = class DocInputController extends _univerjs_core.Disposa
 			const { event, content = "", activeRange } = config;
 			const e = event;
 			if (e.defaultPrevented) return;
+			if (!_univerjs_core.SHEET_EDITOR_UNITS.includes(unitId) && this._isEmbedChildInputActive(unitId, e)) return;
 			const skeleton = this._docSkeletonManagerService.getSkeleton();
 			if (e.data == null || skeleton == null || activeRange == null) return;
 			const { segmentId } = activeRange;
@@ -19256,12 +20538,21 @@ let DocInputController = class DocInputController extends _univerjs_core.Disposa
 			if (content === " ") await this._commandService.executeCommand(AfterSpaceCommand.id);
 		});
 	}
+	_isEmbedChildInputActive(unitId, event) {
+		var _this$_embedRuntimeFo, _this$_embedRuntimeFo2, _this$_embedRuntimeFo3;
+		if ((_this$_embedRuntimeFo = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo === void 0 ? void 0 : _this$_embedRuntimeFo.isChildUnitRuntimeEvent(unitId, event.target, event)) return false;
+		if ((_this$_embedRuntimeFo2 = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo2 === void 0 ? void 0 : _this$_embedRuntimeFo2.isChildUnitInActiveSession(unitId)) return false;
+		if ((_this$_embedRuntimeFo3 = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo3 === void 0 ? void 0 : _this$_embedRuntimeFo3.shouldSuppressHostInteraction(unitId, event.target, event)) return true;
+		return false;
+	}
 };
 DocInputController = __decorate([
 	__decorateParam(1, (0, _univerjs_core.Inject)(DocSelectionRenderService)),
 	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_docs.DocSkeletonManagerService)),
 	__decorateParam(3, _univerjs_core.ICommandService),
-	__decorateParam(4, (0, _univerjs_core.Inject)(DocMenuStyleService))
+	__decorateParam(4, (0, _univerjs_core.Inject)(DocMenuStyleService)),
+	__decorateParam(5, (0, _univerjs_core.Optional)(IDocEmbedInteractionBoundaryService)),
+	__decorateParam(6, (0, _univerjs_core.Optional)(IDocEmbedRuntimeFocusCoordinator))
 ], DocInputController);
 
 //#endregion
@@ -19289,7 +20580,7 @@ DocResizeRenderController = __decorate([__decorateParam(1, (0, _univerjs_core.In
 //#endregion
 //#region src/controllers/render-controllers/doc-selection-render.controller.ts
 let DocSelectionRenderController = class DocSelectionRenderController extends _univerjs_core.Disposable {
-	constructor(_context, _commandService, _editorService, _instanceSrv, _docSelectionRenderService, _docSkeletonManagerService, _docSelectionManagerService) {
+	constructor(_context, _commandService, _editorService, _instanceSrv, _docSelectionRenderService, _docSkeletonManagerService, _docSelectionManagerService, _embedInteractionBoundaryService, _embedRuntimeFocusCoordinator) {
 		super();
 		this._context = _context;
 		this._commandService = _commandService;
@@ -19298,6 +20589,7 @@ let DocSelectionRenderController = class DocSelectionRenderController extends _u
 		this._docSelectionRenderService = _docSelectionRenderService;
 		this._docSkeletonManagerService = _docSkeletonManagerService;
 		this._docSelectionManagerService = _docSelectionManagerService;
+		this._embedRuntimeFocusCoordinator = _embedRuntimeFocusCoordinator;
 		_defineProperty(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
 		this._initialize();
 	}
@@ -19329,6 +20621,7 @@ let DocSelectionRenderController = class DocSelectionRenderController extends _u
 	_syncSelection() {
 		this.disposeWithMe(this._docSelectionRenderService.textSelectionInner$.subscribe((params) => {
 			if (params == null) return;
+			if (!(0, _univerjs_core.isInternalEditorID)(this._context.unitId) && this._isEmbedChildInteractionActive(this._context.unitId)) return;
 			this._docSelectionManagerService.__replaceTextRangesWithNoRefresh(params, {
 				unitId: this._context.unitId,
 				subUnitId: this._context.unitId
@@ -19347,8 +20640,10 @@ let DocSelectionRenderController = class DocSelectionRenderController extends _u
 		}));
 		this.disposeWithMe(document.onPointerDown$.subscribeEvent((evt, state) => {
 			if (this._isEditorReadOnly(unitId)) return;
+			if (this._isEmbedInteractionEvent(evt, unitId)) return;
 			const docDataModel = this._instanceSrv.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 			if ((docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getUnitId()) !== unitId) this._instanceSrv.setCurrentUnitForType(unitId);
+			this._instanceSrv.focusUnit(unitId);
 			const skeleton = this._docSkeletonManagerService.getSkeleton();
 			const { offsetX, offsetY } = evt;
 			const coord = this._getTransformCoordForDocumentOffset(offsetX, offsetY);
@@ -19381,10 +20676,12 @@ let DocSelectionRenderController = class DocSelectionRenderController extends _u
 		}));
 		this.disposeWithMe(document.onDblclick$.subscribeEvent((evt) => {
 			if (this._isEditorReadOnly(unitId)) return;
+			if (this._isEmbedInteractionEvent(evt, unitId)) return;
 			this._docSelectionRenderService.__handleDblClick(evt);
 		}));
 		this.disposeWithMe(document.onTripleClick$.subscribeEvent((evt) => {
 			if (this._isEditorReadOnly(unitId)) return;
+			if (this._isEmbedInteractionEvent(evt, unitId)) return;
 			this._docSelectionRenderService.__handleTripleClick(evt);
 		}));
 	}
@@ -19404,6 +20701,19 @@ let DocSelectionRenderController = class DocSelectionRenderController extends _u
 	_setEditorFocus(unitId) {
 		this._editorService.focus(unitId);
 	}
+	_isEmbedInteractionEvent(evt, unitId) {
+		var _this$_embedRuntimeFo, _this$_embedRuntimeFo2, _this$_embedRuntimeFo3;
+		if ((0, _univerjs_core.isInternalEditorID)(unitId)) return false;
+		const target = evt.target;
+		if ((_this$_embedRuntimeFo = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo === void 0 ? void 0 : _this$_embedRuntimeFo.isChildUnitRuntimeEvent(unitId, target, evt)) return false;
+		if ((_this$_embedRuntimeFo2 = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo2 === void 0 ? void 0 : _this$_embedRuntimeFo2.isChildUnitInActiveSession(unitId)) return false;
+		if ((_this$_embedRuntimeFo3 = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo3 === void 0 ? void 0 : _this$_embedRuntimeFo3.shouldSuppressHostInteraction(unitId, target, evt)) return true;
+		return isEmbedInteractionEvent(evt);
+	}
+	_isEmbedChildInteractionActive(unitId) {
+		var _this$_embedRuntimeFo4;
+		return ((_this$_embedRuntimeFo4 = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo4 === void 0 ? void 0 : _this$_embedRuntimeFo4.shouldSuppressHostInteraction(unitId)) === true;
+	}
 	_commandExecutedListener() {
 		const updateCommandList = [SetDocZoomRatioOperation.id];
 		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
@@ -19411,6 +20721,7 @@ let DocSelectionRenderController = class DocSelectionRenderController extends _u
 				var _this$_docSelectionMa;
 				const { unitId: documentId } = command.params;
 				if (documentId !== ((_this$_docSelectionMa = this._docSelectionManagerService.__getCurrentSelection()) === null || _this$_docSelectionMa === void 0 ? void 0 : _this$_docSelectionMa.unitId)) return;
+				if (this._isEmbedChildInteractionActive(documentId)) return;
 				this._docSelectionManagerService.refreshSelection();
 			}
 		}));
@@ -19420,6 +20731,7 @@ let DocSelectionRenderController = class DocSelectionRenderController extends _u
 			if (!skeleton) return;
 			const { unitId } = this._context;
 			if (!(0, _univerjs_core.isInternalEditorID)(unitId)) {
+				if (this._isEmbedChildInteractionActive(unitId)) return;
 				this._docSelectionRenderService.focus();
 				const offset = findFirstCursorOffset(this._context.unit.getSnapshot());
 				this._docSelectionManagerService.replaceDocRanges([{
@@ -19439,8 +20751,39 @@ DocSelectionRenderController = __decorate([
 	__decorateParam(3, _univerjs_core.IUniverInstanceService),
 	__decorateParam(4, (0, _univerjs_core.Inject)(DocSelectionRenderService)),
 	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_docs.DocSkeletonManagerService)),
-	__decorateParam(6, (0, _univerjs_core.Inject)(_univerjs_docs.DocSelectionManagerService))
+	__decorateParam(6, (0, _univerjs_core.Inject)(_univerjs_docs.DocSelectionManagerService)),
+	__decorateParam(7, (0, _univerjs_core.Optional)(IDocEmbedInteractionBoundaryService)),
+	__decorateParam(8, (0, _univerjs_core.Optional)(IDocEmbedRuntimeFocusCoordinator))
 ], DocSelectionRenderController);
+function isEmbedInteractionEvent(evt) {
+	var _document$elementFrom;
+	const target = evt.target;
+	if (typeof Element !== "undefined" && target instanceof Element && target.closest(`[${"data-embed-interaction-boundary-owner"}]`) != null) return true;
+	if (typeof document === "undefined") return false;
+	const point = getEventClientPoint(evt, target);
+	const clientX = point === null || point === void 0 ? void 0 : point.clientX;
+	const clientY = point === null || point === void 0 ? void 0 : point.clientY;
+	if (typeof clientX !== "number" || typeof clientY !== "number" || !Number.isFinite(clientX) || !Number.isFinite(clientY)) return false;
+	if (typeof document.elementFromPoint !== "function") return false;
+	return ((_document$elementFrom = document.elementFromPoint(clientX, clientY)) === null || _document$elementFrom === void 0 ? void 0 : _document$elementFrom.closest(`[${DOC_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE}]`)) != null;
+}
+function getEventClientPoint(evt, target) {
+	if (Number.isFinite(evt.clientX) && Number.isFinite(evt.clientY)) return {
+		clientX: evt.clientX,
+		clientY: evt.clientY
+	};
+	if (typeof Element !== "undefined" && target instanceof Element && Number.isFinite(evt.offsetX) && Number.isFinite(evt.offsetY)) {
+		const rect = target.getBoundingClientRect();
+		return {
+			clientX: rect.left + evt.offsetX,
+			clientY: rect.top + evt.offsetY
+		};
+	}
+	if (Number.isFinite(evt.x) && Number.isFinite(evt.y)) return {
+		clientX: evt.x,
+		clientY: evt.y
+	};
+}
 
 //#endregion
 //#region src/controllers/render-controllers/zoom.render-controller.ts
@@ -19448,7 +20791,7 @@ function shouldHandleDocWheelZoom(event, focusingDoc, _documentFlavor) {
 	return focusingDoc && (event.ctrlKey || event.metaKey);
 }
 let DocZoomRenderController = class DocZoomRenderController extends _univerjs_core.Disposable {
-	constructor(_context, _contextService, _docSkeletonManagerService, _univerInstanceService, _commandService, _textSelectionManagerService, _editorService, _docPageLayoutService, _renderManagerService, _docViewScaleService) {
+	constructor(_context, _contextService, _docSkeletonManagerService, _univerInstanceService, _commandService, _textSelectionManagerService, _editorService, _docPageLayoutService, _renderManagerService, _docViewScaleService, _embedInteractionBoundaryService) {
 		super();
 		this._context = _context;
 		this._contextService = _contextService;
@@ -19460,6 +20803,7 @@ let DocZoomRenderController = class DocZoomRenderController extends _univerjs_co
 		this._docPageLayoutService = _docPageLayoutService;
 		this._renderManagerService = _renderManagerService;
 		this._docViewScaleService = _docViewScaleService;
+		this._embedInteractionBoundaryService = _embedInteractionBoundaryService;
 		_defineProperty(this, "_isSheetEditor", false);
 		_defineProperty(this, "_initTimer", void 0);
 		_defineProperty(this, "_updateTimer", void 0);
@@ -19509,14 +20853,21 @@ let DocZoomRenderController = class DocZoomRenderController extends _univerjs_co
 		}));
 	}
 	updateViewZoom(zoomRatio, needRefreshSelection = true) {
-		var _docObject$scene$getT;
+		var _this$_embedInteracti;
 		const docObject = neoGetDocObject(this._context);
 		const viewScale = this._docViewScaleService.getViewScale(zoomRatio);
 		docObject.scene.scale(viewScale, viewScale);
 		if (!this._editorService.isEditor(this._context.unitId)) this._docPageLayoutService.calculatePagePosition();
-		if (needRefreshSelection && !this._editorService.isEditor(this._context.unitId)) this._textSelectionManagerService.refreshSelection();
-		if ((0, _univerjs_core.isInternalEditorID)(this._context.unitId)) return;
-		(_docObject$scene$getT = docObject.scene.getTransformer()) === null || _docObject$scene$getT === void 0 || _docObject$scene$getT.clearSelectedObjects();
+		if (needRefreshSelection && !this._editorService.isEditor(this._context.unitId) && !((_this$_embedInteracti = this._embedInteractionBoundaryService) === null || _this$_embedInteracti === void 0 ? void 0 : _this$_embedInteracti.hasRecentInteraction())) this._textSelectionManagerService.refreshSelection();
+		if (!(0, _univerjs_core.isInternalEditorID)(this._context.unitId)) {
+			var _docObject$scene$getT;
+			(_docObject$scene$getT = docObject.scene.getTransformer()) === null || _docObject$scene$getT === void 0 || _docObject$scene$getT.clearSelectedObjects();
+		}
+		const createOptions = this._univerInstanceService.getUnitCreateOptions(this._context.unitId);
+		if ((createOptions === null || createOptions === void 0 ? void 0 : createOptions.embeddedRender) === true || (createOptions === null || createOptions === void 0 ? void 0 : createOptions.skipAutoRender) === true) {
+			this._context.scene.makeDirty();
+			this._context.scene.render();
+		}
 	}
 	_initZoomEventListener() {
 		const scene = this._context.scene;
@@ -19543,7 +20894,8 @@ DocZoomRenderController = __decorate([
 	__decorateParam(6, IEditorService),
 	__decorateParam(7, (0, _univerjs_core.Inject)(DocPageLayoutService)),
 	__decorateParam(8, _univerjs_engine_render.IRenderManagerService),
-	__decorateParam(9, (0, _univerjs_core.Inject)(DocViewScaleService))
+	__decorateParam(9, (0, _univerjs_core.Inject)(DocViewScaleService)),
+	__decorateParam(10, (0, _univerjs_core.Optional)(IDocEmbedInteractionBoundaryService))
 ], DocZoomRenderController);
 
 //#endregion
@@ -19626,25 +20978,34 @@ let DocsRenderService = class DocsRenderService extends _univerjs_core.RxDisposa
 	}
 	_init() {
 		this._renderManagerService.createRender$.pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((unitId) => this._createRenderWithId(unitId));
-		this._instanceSrv.getAllUnitsForType(_univerjs_core.UniverInstanceType.UNIVER_DOC).forEach((documentModel) => this._createRenderer(documentModel));
-		this._instanceSrv.getTypeOfUnitAdded$(_univerjs_core.UniverInstanceType.UNIVER_DOC).pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((event) => this._createRenderer(event.unit));
+		this._instanceSrv.getAllUnitsForType(_univerjs_core.UniverInstanceType.UNIVER_DOC).forEach((documentModel) => {
+			var _this$_instanceSrv$ge;
+			return this._createRenderer(documentModel, (_this$_instanceSrv$ge = this._instanceSrv.getUnitCreateOptions(documentModel.getUnitId())) !== null && _this$_instanceSrv$ge !== void 0 ? _this$_instanceSrv$ge : void 0);
+		});
+		this._instanceSrv.getTypeOfUnitAdded$(_univerjs_core.UniverInstanceType.UNIVER_DOC).pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((event) => this._createRenderer(event.unit, event.options));
 		this._instanceSrv.getTypeOfUnitDisposed$(_univerjs_core.UniverInstanceType.UNIVER_DOC).pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((doc) => this._disposeRenderer(doc));
 	}
-	_createRenderer(doc) {
+	_createRenderer(doc, createUnitOptions) {
+		if (createUnitOptions === null || createUnitOptions === void 0 ? void 0 : createUnitOptions.skipAutoRender) return;
 		const unitId = doc.getUnitId();
-		this._renderManagerService.created$.subscribe((renderer) => {
-			if (renderer.unitId === unitId) {
-				const documentFlavor = doc.getSnapshot().documentStyle.documentFlavor;
-				const canvas = renderer.engine.getCanvas();
-				canvas.setId(DOC_MAIN_CANVAS_ID);
-				canvas.getContext().setId(DOC_MAIN_CANVAS_ID);
-				canvas.getCanvasEle().style.backgroundColor = getDocsCanvasBackgroundColor(documentFlavor, renderer.engine.canvasColorService, void 0, (0, _univerjs_core.isInternalEditorID)(unitId));
-			}
-		});
-		if (!this._renderManagerService.has(unitId)) this._createRenderWithId(unitId);
+		if (!this._renderManagerService.has(unitId)) {
+			this._createRenderWithId(unitId, doc);
+			return;
+		}
+		const renderer = this._renderManagerService.getRenderById(unitId);
+		if (renderer) this._syncRendererCanvas(renderer, doc);
+	}
+	_createRenderWithId(unitId, doc) {
+		const renderer = this._renderManagerService.createRender(unitId);
+		if (doc) this._syncRendererCanvas(renderer, doc);
 	}
-	_createRenderWithId(unitId) {
-		this._renderManagerService.createRender(unitId);
+	_syncRendererCanvas(renderer, doc) {
+		const unitId = doc.getUnitId();
+		const documentFlavor = doc.getSnapshot().documentStyle.documentFlavor;
+		const canvas = renderer.engine.getCanvas();
+		canvas.setId(DOC_MAIN_CANVAS_ID);
+		canvas.getContext().setId(DOC_MAIN_CANVAS_ID);
+		canvas.getCanvasEle().style.backgroundColor = getDocsCanvasBackgroundColor(documentFlavor, renderer.engine.canvasColorService, void 0, (0, _univerjs_core.isInternalEditorID)(unitId));
 	}
 	_disposeRenderer(doc) {
 		const unitId = doc.getUnitId();
@@ -19830,6 +21191,7 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends _univerjs_core.Plugin
 			[DocAutoFormatController],
 			[DocMoveCursorController],
 			[DocParagraphSettingController],
+			[DocSectionSettingController],
 			[DocTableController],
 			[ComponentsController],
 			[DocUIController]
@@ -19899,6 +21261,7 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends _univerjs_core.Plugin
 			SetDocZoomRatioCommand,
 			DocSelectAllCommand,
 			DocParagraphSettingPanelOperation,
+			DocSectionSettingPanelOperation,
 			MoveCursorOperation,
 			MoveSelectionOperation,
 			ReplaceTextRunsCommand,
@@ -19986,8 +21349,11 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends _univerjs_core.Plugin
 			[DocTableController],
 			[DocMoveCursorController],
 			[DocParagraphSettingController],
+			[DocSectionSettingController],
 			[IEditorService, { useClass: EditorService }],
 			[IDocClipboardService, { useClass: DocClipboardService }],
+			[DocClipboardPasteAdapterService],
+			[IDocClipboardPasteAdapterService, { useClass: DocClipboardPasteAdapterService }],
 			[DocHtmlExportService],
 			[DocCanvasPopManagerService],
 			[DocsRenderService],
@@ -20003,6 +21369,8 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends _univerjs_core.Plugin
 			const doc = currentService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
 			if (!doc) return;
 			const id = doc.getUnitId();
+			const createOptions = currentService.getUnitCreateOptions(id);
+			if ((createOptions === null || createOptions === void 0 ? void 0 : createOptions.makeCurrent) === false) return;
 			if (!editorService.isEditor(id)) currentService.focusUnit(doc.getUnitId());
 		} catch (err) {
 			this._logService.warn(err);
@@ -20279,13 +21647,13 @@ function useKeyboardEvent(isNeed, config, editor) {
 const useLeftAndRightArrow = (isNeed, selectingMode, editor, onMoveInEditor) => {
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const shortcutService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IShortcutService);
+	const operationId = `doc.rich-text-editor.arrow.${(0, react.useId)()}`;
 	const selectingModeRef = (0, react.useRef)(selectingMode);
 	selectingModeRef.current = selectingMode;
 	const onMoveInEditorRef = (0, react.useRef)(onMoveInEditor);
 	onMoveInEditorRef.current = onMoveInEditor;
 	(0, react.useEffect)(() => {
 		if (!editor || !isNeed) return;
-		const operationId = `doc.rich-text-editor.${editor.getEditorId()}`;
 		const d = new _univerjs_core.DisposableCollection();
 		const handleMoveInEditor = (keycode, metaKey) => {
 			if (onMoveInEditorRef.current) {
@@ -20332,7 +21700,7 @@ const useLeftAndRightArrow = (isNeed, selectingMode, editor, onMoveInEditor) =>
 			return {
 				id: operationId,
 				binding: metaKey ? keyCode | metaKey : keyCode,
-				preconditions: () => true,
+				preconditions: () => editor.isFocus(),
 				priority: 900,
 				staticParameters: {
 					eventType: _univerjs_engine_render.DeviceInputEventType.Keyboard,
@@ -20350,6 +21718,7 @@ const useLeftAndRightArrow = (isNeed, selectingMode, editor, onMoveInEditor) =>
 		commandService,
 		editor,
 		isNeed,
+		operationId,
 		shortcutService
 	]);
 };
@@ -20634,8 +22003,10 @@ exports.DOCS_COMPONENT_BACKGROUND_LAYER_INDEX = DOCS_COMPONENT_BACKGROUND_LAYER_
 exports.DOCS_COMPONENT_DEFAULT_Z_INDEX = DOCS_COMPONENT_DEFAULT_Z_INDEX;
 exports.DOCS_COMPONENT_HEADER_LAYER_INDEX = DOCS_COMPONENT_HEADER_LAYER_INDEX;
 exports.DOCS_COMPONENT_MAIN_LAYER_INDEX = DOCS_COMPONENT_MAIN_LAYER_INDEX;
+exports.DOCS_UI_PLUGIN_CONFIG_KEY = DOCS_UI_PLUGIN_CONFIG_KEY;
 exports.DOCS_VIEW_KEY = DOCS_VIEW_KEY;
 exports.DOC_CONTENT_INSERT_MENU_ID = DOC_CONTENT_INSERT_MENU_ID;
+exports.DOC_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE = DOC_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE;
 exports.DOC_PARAGRAPH_T_ALIGN_MENU_ID = DOC_PARAGRAPH_T_ALIGN_MENU_ID;
 exports.DOC_PARAGRAPH_T_COLORS_MENU_ID = DOC_PARAGRAPH_T_COLORS_MENU_ID;
 exports.DOC_PARAGRAPH_T_DIVIDER_MENU_ID = DOC_PARAGRAPH_T_DIVIDER_MENU_ID;
@@ -20666,6 +22037,7 @@ Object.defineProperty(exports, 'DocCanvasPopManagerService', {
     return DocCanvasPopManagerService;
   }
 });
+exports.DocClipboardPasteAdapterService = DocClipboardPasteAdapterService;
 exports.DocCopyCommand = DocCopyCommand;
 exports.DocCreateTableOperation = DocCreateTableOperation;
 exports.DocCutCommand = DocCutCommand;
@@ -20675,8 +22047,20 @@ Object.defineProperty(exports, 'DocEventManagerService', {
     return DocEventManagerService;
   }
 });
+Object.defineProperty(exports, 'DocFloatMenuService', {
+  enumerable: true,
+  get: function () {
+    return DocFloatMenuService;
+  }
+});
 exports.DocHtmlExportService = DocHtmlExportService;
 exports.DocIMEInputManagerService = DocIMEInputManagerService;
+Object.defineProperty(exports, 'DocPageLayoutService', {
+  enumerable: true,
+  get: function () {
+    return DocPageLayoutService;
+  }
+});
 Object.defineProperty(exports, 'DocParagraphMenuService', {
   enumerable: true,
   get: function () {
@@ -20733,6 +22117,12 @@ Object.defineProperty(exports, 'DocsRenderService', {
   }
 });
 exports.DocsUIMenuSchema = menuSchema;
+Object.defineProperty(exports, 'EMBED_DOCS_CUSTOM_BLOCK_DEFAULT_COMPONENT_KEY', {
+  enumerable: true,
+  get: function () {
+    return _univerjs_docs.EMBED_DOCS_CUSTOM_BLOCK_DEFAULT_COMPONENT_KEY;
+  }
+});
 exports.EMPTY_PARAGRAPH_MENU_ID = EMPTY_PARAGRAPH_MENU_ID;
 exports.Editor = Editor;
 Object.defineProperty(exports, 'EditorService', {
@@ -20748,7 +22138,10 @@ exports.FloatTextStyleMenuItemFactory = FloatTextStyleMenuItemFactory;
 exports.FontFamilySelectorMenuItemFactory = FontFamilySelectorMenuItemFactory;
 exports.FontSizeSelectorMenuItemFactory = FontSizeSelectorMenuItemFactory;
 exports.HorizontalLineCommand = HorizontalLineCommand;
+exports.IDocClipboardPasteAdapterService = IDocClipboardPasteAdapterService;
 exports.IDocClipboardService = IDocClipboardService;
+exports.IDocEmbedInteractionBoundaryService = IDocEmbedInteractionBoundaryService;
+exports.IDocEmbedRuntimeFocusCoordinator = IDocEmbedRuntimeFocusCoordinator;
 exports.IEditorService = IEditorService;
 exports.IMEInputCommand = IMEInputCommand;
 exports.INSERT_BELLOW_MENU_ID = INSERT_BELLOW_MENU_ID;
@@ -20812,15 +22205,48 @@ exports.addCustomDecorationFactory = addCustomDecorationFactory;
 exports.buildMoveDocBlockActions = buildMoveDocBlockActions;
 exports.calcDocFitToWidthScale = calcDocFitToWidthScale;
 exports.calcDocRangePositions = calcDocRangePositions;
+exports.collectDocsTableLikeEmbedChildUnitIds = collectDocsTableLikeEmbedChildUnitIds;
 exports.convertBodyToHtml = convertBodyToHtml;
 exports.convertPositionsToRectRanges = convertPositionsToRectRanges;
+exports.createDefaultDocsTableLikeCustomBlockBleedViewport = createDefaultDocsTableLikeCustomBlockBleedViewport;
+Object.defineProperty(exports, 'createDocsCustomBlockInsertMutation', {
+  enumerable: true,
+  get: function () {
+    return _univerjs_docs.createDocsCustomBlockInsertMutation;
+  }
+});
+Object.defineProperty(exports, 'createDocsCustomBlockRemoveMutation', {
+  enumerable: true,
+  get: function () {
+    return _univerjs_docs.createDocsCustomBlockRemoveMutation;
+  }
+});
+exports.createDocsCustomBlockSizeRefreshScheduler = createDocsCustomBlockSizeRefreshScheduler;
 exports.createEditorUndoRedoKeyboardConfig = createEditorUndoRedoKeyboardConfig;
+Object.defineProperty(exports, 'createEmbedDocsCustomBlockData', {
+  enumerable: true,
+  get: function () {
+    return _univerjs_docs.createEmbedDocsCustomBlockData;
+  }
+});
+Object.defineProperty(exports, 'createInsertCustomBlockActions', {
+  enumerable: true,
+  get: function () {
+    return _univerjs_docs.createInsertCustomBlockActions;
+  }
+});
+Object.defineProperty(exports, 'createRemoveCustomBlockActions', {
+  enumerable: true,
+  get: function () {
+    return _univerjs_docs.createRemoveCustomBlockActions;
+  }
+});
 exports.deleteCustomDecorationFactory = deleteCustomDecorationFactory;
 exports.disableMenuWhenHeaderFooterEditing = disableMenuWhenHeaderFooterEditing;
 exports.docDrawingPositionToTransform = docDrawingPositionToTransform;
 exports.executeEditorUndoRedoCommand = executeEditorUndoRedoCommand;
 exports.genTableSource = genTableSource;
-exports.generateParagraphs = generateParagraphs;
+exports.generateParagraphs = _univerjs_docs.generateParagraphs;
 exports.getAnchorBounding = getAnchorBounding;
 exports.getCanvasOffsetByEngine = getCanvasOffsetByEngine;
 exports.getCommandSkeleton = getCommandSkeleton;
@@ -20841,12 +22267,30 @@ exports.getTableColumn = getTableColumn;
 exports.hasParagraphInTable = hasParagraphInTable;
 exports.hideMenuWhenSelectionInBlockRange = hideMenuWhenSelectionInBlockRange;
 exports.isInSameTableCell = isInSameTableCell;
+Object.defineProperty(exports, 'isSheetLikeDocsCustomBlockChildType', {
+  enumerable: true,
+  get: function () {
+    return _univerjs_docs.isSheetLikeDocsCustomBlockChildType;
+  }
+});
 exports.isTextRangeInAnyBlockRange = isTextRangeInAnyBlockRange;
 exports.isValidRectRange = isValidRectRange;
 exports.neoGetDocObject = neoGetDocObject;
 exports.normalizeDocFitToWidthOptions = normalizeDocFitToWidthOptions;
 exports.resolveDocFitBaseWidth = resolveDocFitBaseWidth;
 exports.resolveDocViewScale = resolveDocViewScale;
+exports.resolveDocsCustomBlockRenderViewport = resolveDocsCustomBlockRenderViewport;
+Object.defineProperty(exports, 'resolveDocsCustomBlockSize', {
+  enumerable: true,
+  get: function () {
+    return _univerjs_docs.resolveDocsCustomBlockSize;
+  }
+});
+exports.resolveDocsTableLikeCustomBlockBleedViewport = resolveDocsTableLikeCustomBlockBleedViewport;
+exports.resolveDocsTableLikeCustomBlockContentHeight = resolveDocsTableLikeCustomBlockContentHeight;
+exports.resolveDocsTableLikeCustomBlockContentWidth = resolveDocsTableLikeCustomBlockContentWidth;
+exports.scrollDocsTableLikeCustomBlockLive = scrollDocsTableLikeCustomBlockLive;
+exports.shouldRefreshDocsCustomBlockSizeForCommand = shouldRefreshDocsCustomBlockSizeForCommand;
 exports.transformToDocDrawingPosition = transformToDocDrawingPosition;
 exports.useEditor = useEditor;
 exports.useEditorClickOutside = useEditorClickOutside;