@univerjs/docs-ui 1.0.0-alpha.1 → 1.0.0-insiders.20260701-0ef51b0

package/lib/cjs/index.js

@@ -4,6 +4,7 @@ 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 _univerjs_embed_ui = require("@univerjs/embed-ui");
 let rxjs = require("rxjs");
 let rxjs_operators = require("rxjs/operators");
 let _univerjs_design = require("@univerjs/design");
@@ -5929,6 +5930,224 @@ const SubtitleHeadingCommand = {
 	}
 };
 
+//#endregion
+//#region src/embed-host-anchor.ts
+const EMBED_DOCS_CUSTOM_BLOCK_DEFAULT_COMPONENT_KEY = "UniverEmbedDocsCustomBlock";
+const DEFAULT_CUSTOM_BLOCK_SIZE = {
+	width: 720,
+	height: 360
+};
+const SHEET_LIKE_CUSTOM_BLOCK_SIZE = {
+	width: 960,
+	height: 480
+};
+const SLIDE_CUSTOM_BLOCK_SIZE = {
+	width: 720,
+	height: 405
+};
+const MODERN_DOCS_CUSTOM_BLOCK_VIEWPORT_INSET = 10;
+function createDocsCustomBlockInsertMutation(params) {
+	return createRichTextMutation(params.unitId, params.segmentId, createInsertCustomBlockActions(params));
+}
+function createDocsCustomBlockRemoveMutation(params) {
+	return createRichTextMutation(params.unitId, params.segmentId, createRemoveCustomBlockActions(params));
+}
+function createInsertCustomBlockActions(params) {
+	const textX = new _univerjs_core.TextX();
+	if (params.startIndex > 0) textX.push({
+		t: _univerjs_core.TextXActionType.RETAIN,
+		len: params.startIndex
+	});
+	textX.push({
+		t: _univerjs_core.TextXActionType.INSERT,
+		body: {
+			dataStream: "\b",
+			customBlocks: [{
+				startIndex: 0,
+				blockId: params.blockId
+			}]
+		},
+		len: 1
+	});
+	return composeActions([toBodyEditActions(textX, params.segmentId), createDrawingInsertActions(params)]);
+}
+function createRemoveCustomBlockActions(params) {
+	const textX = new _univerjs_core.TextX();
+	if (params.startIndex > 0) textX.push({
+		t: _univerjs_core.TextXActionType.RETAIN,
+		len: params.startIndex
+	});
+	textX.push({
+		t: _univerjs_core.TextXActionType.DELETE,
+		len: 1
+	});
+	return composeActions([toBodyEditActions(textX, params.segmentId), createDrawingRemoveActions(params)]);
+}
+function createDocsCustomBlockDrawing(params) {
+	var _params$componentKey;
+	const size = resolveDocsCustomBlockSize(params.childType);
+	const isInline = params.interactionMode === "inline";
+	return {
+		unitId: params.unitId,
+		subUnitId: params.unitId,
+		drawingId: params.blockId,
+		drawingType: _univerjs_core.DrawingTypeEnum.DRAWING_DOM,
+		componentKey: (_params$componentKey = params.componentKey) !== null && _params$componentKey !== void 0 ? _params$componentKey : EMBED_DOCS_CUSTOM_BLOCK_DEFAULT_COMPONENT_KEY,
+		data: createEmbedDocsCustomBlockData(params),
+		title: params.blockId,
+		description: "Univer embedded unit custom block",
+		layoutType: isInline ? _univerjs_core.PositionedObjectLayoutType.INLINE : _univerjs_core.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,
+		allowTransform: false,
+		docTransform: {
+			size: {
+				width: size.width,
+				height: size.height
+			},
+			positionH: {
+				relativeFrom: isInline ? _univerjs_core.ObjectRelativeFromH.PAGE : _univerjs_core.ObjectRelativeFromH.COLUMN,
+				...isInline ? { posOffset: 0 } : { align: _univerjs_core.AlignTypeH.LEFT }
+			},
+			positionV: {
+				relativeFrom: isInline ? _univerjs_core.ObjectRelativeFromV.PAGE : _univerjs_core.ObjectRelativeFromV.PARAGRAPH,
+				posOffset: 0
+			},
+			angle: 0
+		},
+		transform: {
+			left: 0,
+			top: 0,
+			width: size.width,
+			height: size.height
+		}
+	};
+}
+function resolveDocsCustomBlockSize(childType) {
+	if (childType === _univerjs_core.UniverInstanceType.UNIVER_SHEET || childType === _univerjs_core.UniverInstanceType.UNIVER_BASE) return SHEET_LIKE_CUSTOM_BLOCK_SIZE;
+	if (childType === _univerjs_core.UniverInstanceType.UNIVER_SLIDE) return SLIDE_CUSTOM_BLOCK_SIZE;
+	return DEFAULT_CUSTOM_BLOCK_SIZE;
+}
+function isSheetLikeDocsCustomBlockChildType(childType) {
+	return childType === _univerjs_core.UniverInstanceType.UNIVER_SHEET || childType === _univerjs_core.UniverInstanceType.UNIVER_BASE;
+}
+function resolveDocsCustomBlockRenderViewport(params) {
+	var _params$fallbackWidth, _params$fallbackHeigh, _params$contentHeight, _params$visibleCanvas, _params$pageMarginLef, _params$pageMarginRig, _params$contentWidth, _params$docsLeft, _params$visibleCanvas2;
+	const defaultSize = 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 = 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
+	};
+}
+function createEmbedDocsCustomBlockData(params) {
+	var _params$embedId, _params$interactionMo;
+	return {
+		version: 1,
+		embedId: (_params$embedId = params.embedId) !== null && _params$embedId !== void 0 ? _params$embedId : params.blockId,
+		hostUnitId: params.unitId,
+		hostAnchorId: params.blockId,
+		childUnitId: params.childUnitId,
+		childType: params.childType,
+		interactionMode: (_params$interactionMo = params.interactionMode) !== null && _params$interactionMo !== void 0 ? _params$interactionMo : "block"
+	};
+}
+function isEmbedDocsCustomBlockData(data) {
+	if (!data || typeof data !== "object") return false;
+	const candidate = data;
+	return candidate.version === 1 && typeof candidate.embedId === "string" && typeof candidate.hostAnchorId === "string";
+}
+function shouldUseInlineTextSelectionForDocsCustomBlockDrawing(drawing) {
+	const data = drawing && typeof drawing === "object" ? drawing.data : void 0;
+	if (!isEmbedDocsCustomBlockData(data)) return true;
+	return data.interactionMode === "inline";
+}
+function createRichTextMutation(unitId, segmentId, actions) {
+	return {
+		id: _univerjs_docs.RichTextEditingMutation.id,
+		params: {
+			unitId,
+			segmentId,
+			actions,
+			textRanges: [],
+			isEditing: false,
+			noNeedSetTextRange: true
+		}
+	};
+}
+function toBodyEditActions(textX, segmentId) {
+	const action = _univerjs_core.JSONX.getInstance().editOp(textX.serialize(), segmentId ? [
+		"headers",
+		segmentId,
+		"body"
+	] : ["body"]);
+	return action !== null && action !== void 0 ? action : [];
+}
+function createDrawingInsertActions(params) {
+	var _jsonX$insertOp, _jsonX$insertOp2, _params$drawingOrderI;
+	if (params.segmentId) return [];
+	const jsonX = _univerjs_core.JSONX.getInstance();
+	const drawing = createDocsCustomBlockDrawing(params);
+	return composeActions([(_jsonX$insertOp = jsonX.insertOp(["drawings", params.blockId], drawing)) !== null && _jsonX$insertOp !== void 0 ? _jsonX$insertOp : [], (_jsonX$insertOp2 = jsonX.insertOp(["drawingsOrder", (_params$drawingOrderI = params.drawingOrderIndex) !== null && _params$drawingOrderI !== void 0 ? _params$drawingOrderI : 0], params.blockId)) !== null && _jsonX$insertOp2 !== void 0 ? _jsonX$insertOp2 : []]);
+}
+function createDrawingRemoveActions(params) {
+	var _jsonX$removeOp, _jsonX$removeOp2, _params$drawingOrderI2;
+	if (params.segmentId) return [];
+	const jsonX = _univerjs_core.JSONX.getInstance();
+	const drawing = createDocsCustomBlockDrawing(params);
+	return composeActions([(_jsonX$removeOp = jsonX.removeOp(["drawings", params.blockId], drawing)) !== null && _jsonX$removeOp !== void 0 ? _jsonX$removeOp : [], (_jsonX$removeOp2 = jsonX.removeOp(["drawingsOrder", (_params$drawingOrderI2 = params.drawingOrderIndex) !== null && _params$drawingOrderI2 !== void 0 ? _params$drawingOrderI2 : 0], params.blockId)) !== null && _jsonX$removeOp2 !== void 0 ? _jsonX$removeOp2 : []]);
+}
+function composeActions(actions) {
+	return actions.reduce((composed, action) => {
+		var _JSONX$compose;
+		if (!action || _univerjs_core.JSONX.isNoop(action) || action.length === 0) return composed;
+		if (!composed || _univerjs_core.JSONX.isNoop(composed) || composed.length === 0) return action;
+		return (_JSONX$compose = _univerjs_core.JSONX.compose(composed, action)) !== null && _JSONX$compose !== void 0 ? _JSONX$compose : [];
+	}, []);
+}
+
 //#endregion
 //#region src/services/selection/convert-text-range.ts
 let NodePositionType = /* @__PURE__ */ function(NodePositionType) {
@@ -6080,7 +6299,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) {
@@ -6113,8 +6335,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,
@@ -6127,6 +6349,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 !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;
@@ -6340,6 +6582,19 @@ function clipPositionToHorizontalRange(position, clip) {
 		endX
 	};
 }
+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();
@@ -7464,18 +7719,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());
@@ -7632,12 +7891,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() {
@@ -7879,6 +8139,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;
@@ -8014,6 +8278,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;
 		}
@@ -8110,12 +8375,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();
@@ -8128,6 +8396,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();
@@ -8138,28 +8407,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);
 			});
@@ -8175,6 +8449,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;
@@ -8190,6 +8484,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(`[${_univerjs_embed_ui.EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE}]`)) === null || _element$closest === void 0 ? void 0 : _element$closest.getAttribute(_univerjs_embed_ui.EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE)) !== 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();
@@ -8209,7 +8547,9 @@ 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)(_univerjs_embed_ui.EmbedInteractionBoundaryService)),
+	__decorateParam(6, (0, _univerjs_core.Optional)(_univerjs_embed_ui.EmbedRuntimeFocusCoordinator))
 ], DocSelectionRenderService);
 
 //#endregion
@@ -9716,11 +10056,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() {
@@ -9733,6 +10073,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() {
@@ -9810,7 +10151,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;
@@ -9821,6 +10162,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();
@@ -9867,7 +10209,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();
@@ -9877,6 +10219,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 = {
@@ -10012,7 +10358,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;
@@ -12319,9 +12666,17 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 }
 function getFontStyleAtCursor(accessor) {
 	var _docRanges$find2, _docMenuStyleService$, _paragraph$paragraphS11, _paragraph$paragraphS12;
-	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-	const textSelectionService = accessor.get(_univerjs_docs.DocSelectionManagerService);
-	const docMenuStyleService = accessor.get(DocMenuStyleService);
+	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];
@@ -12352,8 +12707,15 @@ function getFontStyleAtCursor(accessor) {
 }
 function getParagraphStyleAtCursor(accessor) {
 	var _docRanges$find3, _docDataModel$getSelf;
-	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-	const textSelectionService = accessor.get(_univerjs_docs.DocSelectionManagerService);
+	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.getCurrentUniverDocInstance();
 	const docRanges = textSelectionService.getDocRanges();
 	const activeRange = (_docRanges$find3 = docRanges.find((r) => r.isActive)) !== null && _docRanges$find3 !== void 0 ? _docRanges$find3 : docRanges[0];
@@ -12369,6 +12731,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,
@@ -14007,11 +14373,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",
+			injector: popupInjector,
 			anchorRect: position,
 			anchorRect$: position$,
 			canvasElement: currentRender.engine.getCanvasElement()
@@ -14034,11 +14402,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",
+			injector: popupInjector,
 			anchorRect: position,
 			anchorRect$: position$,
 			canvasElement: currentRender.engine.getCanvasElement()
@@ -14064,12 +14434,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",
+			injector: popupInjector,
 			anchorRect: direction.includes("top") ? bounds[0] : bounds[bounds.length - 1],
 			anchorRect$: position$,
 			excludeRects: bounds,
@@ -14090,6 +14462,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)),
@@ -15048,7 +15424,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;
@@ -15058,6 +15434,7 @@ let DocUIController = class DocUIController extends _univerjs_core.Disposable {
 		this._univerInstanceService = _univerInstanceService;
 		this._shortcutService = _shortcutService;
 		this._configService = _configService;
+		this._embedRuntimeFocusCoordinator = _embedRuntimeFocusCoordinator;
 		this._init();
 	}
 	_initUiParts() {
@@ -15103,9 +15480,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)),
@@ -15115,112 +15498,1192 @@ 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)(_univerjs_embed_ui.EmbedInteractionBoundaryService)),
+	__decorateParam(9, (0, _univerjs_core.Optional)(_univerjs_embed_ui.EmbedRuntimeFocusCoordinator))
 ], DocUIController);
 
 //#endregion
-//#region package.json
-var name = "@univerjs/docs-ui";
-var version = "1.0.0-alpha.1";
-
-//#endregion
-//#region src/commands/commands/doc-paragraph-setting.command.ts
-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;
-		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
-		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-		const commandService = accessor.get(_univerjs_core.ICommandService);
-		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
-		const docRanges = docSelectionManagerService.getDocRanges();
-		if (!docDataModel || docRanges.length === 0 || !config) return false;
-		const segmentId = docRanges[0].segmentId;
-		const unitId = docDataModel.getUnitId();
-		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const allParagraphs = (_segment$getBody$para = (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
-		const dataStream = (_segment$getBody$data = (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
-		const 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,
-			params: {
-				unitId,
-				actions: [],
-				textRanges: docRanges
-			}
-		};
-		const memoryCursor = new _univerjs_core.MemoryCursor();
-		memoryCursor.reset();
-		const textX = new _univerjs_core.TextX();
-		const jsonX = _univerjs_core.JSONX.getInstance();
-		for (const paragraph of paragraphs) {
-			const { startIndex } = paragraph;
-			textX.push({
-				t: _univerjs_core.TextXActionType.RETAIN,
-				len: startIndex - memoryCursor.cursor
-			});
-			const paragraphStyle = {
-				...paragraph.paragraphStyle,
-				...config.paragraph
-			};
-			textX.push({
-				t: _univerjs_core.TextXActionType.RETAIN,
-				len: 1,
-				body: {
-					dataStream: "",
-					paragraphs: [{
-						...paragraph,
-						paragraphStyle,
-						startIndex: 0
-					}]
-				},
-				coverType: _univerjs_core.UpdateDocsAttributeType.REPLACE
-			});
-			memoryCursor.moveCursorTo(startIndex + 1);
-		}
-		const path = (0, _univerjs_core.getRichTextEditPath)(docDataModel, segmentId);
-		doMutation.params.actions = jsonX.editOp(textX.serialize(), path);
-		return !!commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+//#region src/views/float-toolbar/FloatToolbar.tsx
+const DEFAULT_AVALIABLE_MENUS = [
+	FLOAT_TEXT_STYLE_MENU_ID,
+	SetInlineFormatFontSizeCommand.id,
+	SetInlineFormatBoldCommand.id,
+	SetInlineFormatItalicCommand.id,
+	SetInlineFormatUnderlineCommand.id,
+	SetInlineFormatStrikethroughCommand.id,
+	SetInlineFormatSubscriptCommand.id,
+	SetInlineFormatSuperscriptCommand.id,
+	SetInlineFormatTextColorCommand.id,
+	SetInlineFormatTextBackgroundColorCommand.id
+];
+function resolveFloatToolbarMenus(menuManagerService, avaliableMenus) {
+	const floatToolbarMenus = menuManagerService.getMenuByPositionKey(FLOAT_TOOLBAR_MENU_POSITION);
+	const flatMenus = [...menuManagerService.getFlatMenuByPositionKey(FLOAT_TOOLBAR_MENU_POSITION), ...menuManagerService.getFlatMenuByPositionKey(_univerjs_ui.MenuManagerPosition.RIBBON)];
+	const menus = [];
+	for (const key of avaliableMenus) {
+		const item = flatMenus.find((item) => item.key === key);
+		if (item) menus.push(item);
 	}
-};
+	return {
+		menus,
+		extraMenus: floatToolbarMenus.filter((item) => item.item && !avaliableMenus.includes(item.key))
+	};
+}
+function FloatToolbar(props) {
+	const { avaliableMenus = DEFAULT_AVALIABLE_MENUS } = props;
+	const menuManagerService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IMenuManagerService);
+	const [menus, setMenus] = (0, react.useState)([]);
+	const [extraMenus, setExtraMenus] = (0, react.useState)([]);
+	(0, react.useEffect)(() => {
+		function getRibbon() {
+			const { menus, extraMenus } = resolveFloatToolbarMenus(menuManagerService, avaliableMenus);
+			setMenus(menus);
+			setExtraMenus(extraMenus);
+		}
+		getRibbon();
+		const subscription = menuManagerService.menuChanged$.subscribe(getRibbon);
+		return () => {
+			subscription.unsubscribe();
+		};
+	}, [avaliableMenus, menuManagerService]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, _univerjs_design.clsx)("univer-box-border univer-flex univer-rounded univer-bg-white univer-py-1.5 univer-shadow-sm dark:!univer-border-gray-700 dark:!univer-bg-gray-900", _univerjs_design.borderClassName),
+		children: [
+			menus.map((groupItem) => groupItem.item && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-flex univer-flex-nowrap univer-gap-2 univer-px-2",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_ui.ToolbarItem, { ...groupItem.item }, groupItem.key)
+			}, groupItem.key)),
+			extraMenus.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "univer-my-1 univer-w-px univer-bg-gray-200 dark:univer-bg-gray-700" }),
+			extraMenus.map((groupItem) => groupItem.item && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-flex univer-flex-nowrap univer-gap-2 univer-px-2",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_ui.ToolbarItem, { ...groupItem.item }, groupItem.key)
+			}, groupItem.key))
+		]
+	});
+}
 
 //#endregion
-//#region src/views/header-footer/panel/DocHeaderFooterOptions.tsx
-function getSegmentId(documentStyle, editArea, pageIndex) {
-	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;
+//#region src/services/float-menu.service.ts
+const FLOAT_MENU_COMPONENT_KEY = "univer.doc.float-menu";
+function isInSameLine(startNodePosition, endNodePosition) {
+	if (startNodePosition == null || endNodePosition == null) return false;
+	const { glyph: _startGlyph, ...startRest } = startNodePosition;
+	const { glyph: _endGlyph, ...endRest } = endNodePosition;
+	return (0, _univerjs_core.deepCompare)(startRest, endRest);
 }
-const DocHeaderFooterOptions = (props) => {
-	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);
-	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
-	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 handleCheckboxChange = (val, type) => {
-		var _renderManagerService;
-		setOptions((prev) => ({
-			...prev,
-			[type]: val ? _univerjs_core.BooleanNumber.TRUE : _univerjs_core.BooleanNumber.FALSE
-		}));
-		const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
-		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 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();
-		let needChangeSegmentId = false;
-		if (type === "useFirstPageHeaderFooter" && val === true) {
+const SKIP_SYMBOLS = [_univerjs_core.DataStreamTreeTokenType.CUSTOM_BLOCK, _univerjs_core.DataStreamTreeTokenType.PARAGRAPH];
+let DocFloatMenuService = class DocFloatMenuService extends _univerjs_core.Disposable {
+	constructor(_context, _docSelectionManagerService, _docCanvasPopManagerService, _componentManager, _univerInstanceService, _docSelectionRenderService) {
+		super();
+		this._context = _context;
+		this._docSelectionManagerService = _docSelectionManagerService;
+		this._docCanvasPopManagerService = _docCanvasPopManagerService;
+		this._componentManager = _componentManager;
+		this._univerInstanceService = _univerInstanceService;
+		this._docSelectionRenderService = _docSelectionRenderService;
+		_defineProperty(this, "_floatMenu", null);
+		if ((0, _univerjs_core.isInternalEditorID)(this._context.unitId)) return;
+		this._registerFloatMenu();
+		this._initSelectionChange();
+		this.disposeWithMe(() => {
+			this._hideFloatMenu();
+		});
+	}
+	get floatMenu() {
+		return this._floatMenu;
+	}
+	hideFloatMenu() {
+		this._hideFloatMenu();
+	}
+	_registerFloatMenu() {
+		this.disposeWithMe(this._componentManager.register(FLOAT_MENU_COMPONENT_KEY, FloatToolbar));
+	}
+	_initSelectionChange() {
+		this.disposeWithMe(this._docSelectionRenderService.onSelectionStart$.subscribe(() => {
+			this._hideFloatMenu();
+		}));
+		this.disposeWithMe(this._docSelectionManagerService.textSelection$.subscribe((selection) => {
+			const { unitId, textRanges } = selection;
+			if (unitId !== this._context.unitId) return;
+			const range = textRanges.length > 0 && textRanges.find((range) => !range.collapsed);
+			if (range) {
+				var _this$_floatMenu, _this$_floatMenu2;
+				if (range.startOffset === ((_this$_floatMenu = this._floatMenu) === null || _this$_floatMenu === void 0 ? void 0 : _this$_floatMenu.start) && range.endOffset === ((_this$_floatMenu2 = this._floatMenu) === null || _this$_floatMenu2 === void 0 ? void 0 : _this$_floatMenu2.end)) return;
+				this._hideFloatMenu();
+				this._showFloatMenu(unitId, range);
+				return;
+			}
+			this._hideFloatMenu();
+		}));
+	}
+	_hideFloatMenu() {
+		var _this$_floatMenu3;
+		(_this$_floatMenu3 = this._floatMenu) === null || _this$_floatMenu3 === void 0 || _this$_floatMenu3.disposable.dispose();
+		this._floatMenu = null;
+	}
+	_showFloatMenu(unitId, range) {
+		var _documentDataModel$ge, _documentDataModel$ge2;
+		const documentDataModel = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
+		if (!documentDataModel || documentDataModel.getDisabled()) return;
+		if (isRangeInCodeBlock(documentDataModel, range)) return;
+		const token = (_documentDataModel$ge = documentDataModel.getBody()) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge.dataStream[range.startOffset];
+		if (range.endOffset - range.startOffset === 1 && token && SKIP_SYMBOLS.includes(token)) return;
+		const wholeCustomRanges = (_documentDataModel$ge2 = documentDataModel.getBody()) === null || _documentDataModel$ge2 === void 0 || (_documentDataModel$ge2 = _documentDataModel$ge2.customRanges) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.filter((range) => range.wholeEntity);
+		if (wholeCustomRanges === null || wholeCustomRanges === void 0 ? void 0 : wholeCustomRanges.some((customRange) => customRange.startIndex === range.startOffset && customRange.endIndex === range.endOffset - 1)) return;
+		this._floatMenu = {
+			disposable: this._docCanvasPopManagerService.attachPopupToRange(range, {
+				componentKey: FLOAT_MENU_COMPONENT_KEY,
+				direction: range.direction === "backward" || isInSameLine(range.startNodePosition, range.endNodePosition) ? "top-center" : "bottom-center",
+				offset: [0, 4]
+			}, unitId),
+			start: range.startOffset,
+			end: range.endOffset
+		};
+		return (0, _univerjs_core.toDisposable)(() => this._hideFloatMenu());
+	}
+};
+DocFloatMenuService = __decorate([
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_docs.DocSelectionManagerService)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(DocCanvasPopManagerService)),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.IUniverInstanceService)),
+	__decorateParam(5, (0, _univerjs_core.Inject)(DocSelectionRenderService))
+], DocFloatMenuService);
+function isRangeInCodeBlock(documentDataModel, range) {
+	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 : []).some((blockRange) => blockRange.blockType === _univerjs_core.DocumentBlockRangeType.CODE && Math.max(range.startOffset, blockRange.startIndex) <= Math.min(range.endOffset, blockRange.endIndex));
+}
+
+//#endregion
+//#region src/embed-block.ts
+const EMBED_DOC_FIT_TO_WIDTH_OPTIONS = {
+	mode: "fit-width",
+	target: "container",
+	paddingX: 0,
+	minScale: 0,
+	align: "start"
+};
+function createDocsEmbedBlockContribution() {
+	return (0, _univerjs_embed_ui.createEmbedRibbonBlockContribution)({
+		childType: _univerjs_core.UniverInstanceType.UNIVER_DOC,
+		productName: "Docs"
+	});
+}
+function createDocsEmbedChildViewContribution() {
+	return {
+		childType: _univerjs_core.UniverInstanceType.UNIVER_DOC,
+		supportedLayouts: [
+			"tab-peer",
+			"doc-width-scale",
+			"scroll-contained"
+		],
+		beforeDeactivate: deactivateEmbeddedDocSelection,
+		mount: (context) => {
+			if (context.renderScope.mode === "float") applyDocsEmbedFitToWidthConfig(context.runtimeScope.injector);
+			return (0, _univerjs_embed_ui.mountEmbedRenderChildUnit)(context, _univerjs_engine_render.IRenderManagerService);
+		}
+	};
+}
+function deactivateEmbeddedDocSelection(context) {
+	var _render$with;
+	const render = context.injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(context.childUnitId);
+	const docSelectionRenderService = render === null || render === void 0 ? void 0 : render.with(DocSelectionRenderService);
+	render === null || render === void 0 || (_render$with = render.with(DocFloatMenuService)) === null || _render$with === void 0 || _render$with.hideFloatMenu();
+	docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.removeAllRanges();
+	docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.blur();
+}
+function applyDocsEmbedFitToWidthConfig(injector) {
+	if (!injector.has(_univerjs_core.IConfigService)) return;
+	const configService = injector.get(_univerjs_core.IConfigService);
+	injector.add([_univerjs_core.IConfigService, { useValue: createDocsEmbedConfigService(configService) }]);
+}
+function createDocsEmbedConfigService(configService) {
+	return new Proxy(configService, { get(target, property, receiver) {
+		if (property === "getConfig") return (id) => {
+			const config = target.getConfig(id);
+			if (id !== "docs-ui.config") return config;
+			return withDocsEmbedFitToWidthConfig(config);
+		};
+		return Reflect.get(target, property, receiver);
+	} });
+}
+function withDocsEmbedFitToWidthConfig(config) {
+	return {
+		...config,
+		fitToWidth: {
+			...config === null || config === void 0 ? void 0 : config.fitToWidth,
+			...EMBED_DOC_FIT_TO_WIDTH_OPTIONS
+		}
+	};
+}
+
+//#endregion
+//#region src/embed-host-adapter.ts
+function createDocsCustomBlockHostAdapterContribution(anchorModelService, univerInstanceService, renderManagerService) {
+	return {
+		hostType: _univerjs_core.UniverInstanceType.UNIVER_DOC,
+		entry: "docs-custom-block",
+		createAnchorPlan: (context) => requireAnchorPlan(createDocsCustomBlockAnchorPlan(context, univerInstanceService), "EMBED_DOCS_CUSTOM_BLOCK_ANCHOR_UNAVAILABLE"),
+		removeAnchorPlan: (context) => {
+			const previous = anchorModelService === null || anchorModelService === void 0 ? void 0 : anchorModelService.getAnchor(context.hostUnitId, context.hostAnchorId);
+			const record = previous !== null && previous !== void 0 ? previous : createDocsCustomBlockRecord(context);
+			const plan = createDocsCustomBlockRemoveAnchorPlan(context, record, univerInstanceService);
+			if (plan) return plan;
+			return {
+				redoMutations: [{
+					id: _univerjs_embed_ui.REMOVE_EMBED_HOST_ANCHOR_RECORD_MUTATION_ID,
+					params: {
+						hostUnitId: context.hostUnitId,
+						hostAnchorId: context.hostAnchorId
+					}
+				}],
+				undoMutations: [{
+					id: _univerjs_embed_ui.SET_EMBED_HOST_ANCHOR_RECORD_MUTATION_ID,
+					params: { record: {
+						...record,
+						lifecycle: "active"
+					} }
+				}]
+			};
+		},
+		afterCreateAnchor: (context) => refreshDocsCustomBlockLayout(renderManagerService, context.hostUnitId),
+		afterRemoveAnchor: (context) => refreshDocsCustomBlockLayout(renderManagerService, context.hostUnitId)
+	};
+}
+function createDocsCustomBlockHostContainerContribution() {
+	return {
+		hostType: _univerjs_core.UniverInstanceType.UNIVER_DOC,
+		entry: "docs-custom-block",
+		layout: "docs-sticky-sheet",
+		supportedLayouts: [
+			"docs-sticky-sheet",
+			"docs-sticky-base",
+			"aspect-fit",
+			"scroll-contained"
+		],
+		menuBehavior: "floating"
+	};
+}
+function createDocsCustomBlockAnchorPlan(context, univerInstanceService) {
+	var _getDocDrawingsOrder$, _getDocDrawingsOrder, _context$descriptor, _context$descriptor2, _getString;
+	if (!univerInstanceService) return;
+	const record = createDocsCustomBlockRecord(context);
+	const startIndex = getDocsCustomBlockInsertIndex(context, univerInstanceService);
+	if (startIndex == null) return;
+	const drawingOrderIndex = (_getDocDrawingsOrder$ = (_getDocDrawingsOrder = getDocDrawingsOrder(univerInstanceService, context.hostUnitId)) === null || _getDocDrawingsOrder === void 0 ? void 0 : _getDocDrawingsOrder.length) !== null && _getDocDrawingsOrder$ !== void 0 ? _getDocDrawingsOrder$ : 0;
+	record.hostContext = {
+		...record.hostContext,
+		startIndex,
+		drawingOrderIndex
+	};
+	return {
+		hostAnchorId: record.hostAnchorId,
+		redoMutations: [createDocsCustomBlockInsertMutation({
+			unitId: record.hostUnitId,
+			blockId: record.hostAnchorId,
+			startIndex,
+			drawingOrderIndex,
+			embedId: record.embedId,
+			childUnitId: (_context$descriptor = context.descriptor) === null || _context$descriptor === void 0 ? void 0 : _context$descriptor.childUnitId,
+			childType: (_context$descriptor2 = context.descriptor) === null || _context$descriptor2 === void 0 ? void 0 : _context$descriptor2.childType,
+			componentKey: (_getString = getString(record.hostContext, "componentKey")) !== null && _getString !== void 0 ? _getString : void 0,
+			interactionMode: getInteractionMode(record.hostContext)
+		}), {
+			id: _univerjs_embed_ui.SET_EMBED_HOST_ANCHOR_RECORD_MUTATION_ID,
+			params: { record }
+		}],
+		undoMutations: [{
+			id: _univerjs_embed_ui.REMOVE_EMBED_HOST_ANCHOR_RECORD_MUTATION_ID,
+			params: {
+				hostUnitId: record.hostUnitId,
+				hostAnchorId: record.hostAnchorId
+			}
+		}, createDocsCustomBlockRemoveMutation({
+			unitId: record.hostUnitId,
+			blockId: record.hostAnchorId,
+			startIndex,
+			drawingOrderIndex
+		})]
+	};
+}
+function createDocsCustomBlockRemoveAnchorPlan(context, record, univerInstanceService) {
+	var _getDocsCustomBlockSt, _ref, _getDocDrawingOrderIn, _context$descriptor3, _context$descriptor4, _getString2;
+	if (!univerInstanceService) return;
+	const startIndex = (_getDocsCustomBlockSt = getDocsCustomBlockStartIndex(univerInstanceService, context.hostUnitId, context.hostAnchorId)) !== null && _getDocsCustomBlockSt !== void 0 ? _getDocsCustomBlockSt : getNumber(record.hostContext, "startIndex");
+	const drawingOrderIndex = (_ref = (_getDocDrawingOrderIn = getDocDrawingOrderIndex(univerInstanceService, context.hostUnitId, context.hostAnchorId)) !== null && _getDocDrawingOrderIn !== void 0 ? _getDocDrawingOrderIn : getNumber(record.hostContext, "drawingOrderIndex")) !== null && _ref !== void 0 ? _ref : 0;
+	if (startIndex == null) return;
+	return {
+		redoMutations: [{
+			id: _univerjs_embed_ui.REMOVE_EMBED_HOST_ANCHOR_RECORD_MUTATION_ID,
+			params: {
+				hostUnitId: context.hostUnitId,
+				hostAnchorId: context.hostAnchorId
+			}
+		}, createDocsCustomBlockRemoveMutation({
+			unitId: context.hostUnitId,
+			blockId: context.hostAnchorId,
+			startIndex,
+			drawingOrderIndex
+		})],
+		undoMutations: [createDocsCustomBlockInsertMutation({
+			unitId: context.hostUnitId,
+			blockId: context.hostAnchorId,
+			startIndex,
+			drawingOrderIndex,
+			embedId: record.embedId,
+			childUnitId: (_context$descriptor3 = context.descriptor) === null || _context$descriptor3 === void 0 ? void 0 : _context$descriptor3.childUnitId,
+			childType: (_context$descriptor4 = context.descriptor) === null || _context$descriptor4 === void 0 ? void 0 : _context$descriptor4.childType,
+			componentKey: (_getString2 = getString(record.hostContext, "componentKey")) !== null && _getString2 !== void 0 ? _getString2 : void 0,
+			interactionMode: getInteractionMode(record.hostContext)
+		}), {
+			id: _univerjs_embed_ui.SET_EMBED_HOST_ANCHOR_RECORD_MUTATION_ID,
+			params: { record: {
+				...record,
+				lifecycle: "active",
+				hostContext: {
+					...record.hostContext,
+					startIndex,
+					drawingOrderIndex
+				}
+			} }
+		}]
+	};
+}
+function createDocsCustomBlockRecord(context) {
+	var _context$requestedAnc;
+	return {
+		hostAnchorId: (_context$requestedAnc = context.requestedAnchorId) !== null && _context$requestedAnc !== void 0 ? _context$requestedAnc : `docs-custom-block:${context.embedId}`,
+		embedId: context.embedId,
+		hostUnitId: context.hostUnitId,
+		hostType: context.hostType,
+		entry: context.entry,
+		kind: "docs-custom-block",
+		hostContext: context.hostContext,
+		lifecycle: "active"
+	};
+}
+function getDocsCustomBlockInsertIndex(context, univerInstanceService) {
+	const explicit = getNumber(context.hostContext, "startIndex");
+	if (explicit != null) return explicit;
+	const body = getDocBody(univerInstanceService, context.hostUnitId);
+	if (!(body === null || body === void 0 ? void 0 : body.dataStream)) return;
+	return Math.max(0, body.dataStream.length - 2);
+}
+function getDocsCustomBlockStartIndex(univerInstanceService, unitId, blockId) {
+	var _getDocBody;
+	return (_getDocBody = getDocBody(univerInstanceService, unitId)) === null || _getDocBody === void 0 || (_getDocBody = _getDocBody.customBlocks) === null || _getDocBody === void 0 || (_getDocBody = _getDocBody.find((block) => block.blockId === blockId)) === null || _getDocBody === void 0 ? void 0 : _getDocBody.startIndex;
+}
+function getDocBody(univerInstanceService, unitId) {
+	var _univerInstanceServic;
+	return univerInstanceService === null || univerInstanceService === void 0 || (_univerInstanceServic = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC)) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getBody();
+}
+function getDocDrawingsOrder(univerInstanceService, unitId) {
+	var _univerInstanceServic2, _univerInstanceServic3;
+	return univerInstanceService === null || univerInstanceService === void 0 || (_univerInstanceServic2 = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC)) === null || _univerInstanceServic2 === void 0 || (_univerInstanceServic3 = _univerInstanceServic2.getSnapshot) === null || _univerInstanceServic3 === void 0 ? void 0 : _univerInstanceServic3.call(_univerInstanceServic2).drawingsOrder;
+}
+function getDocDrawingOrderIndex(univerInstanceService, unitId, blockId) {
+	var _getDocDrawingsOrder2;
+	const index = (_getDocDrawingsOrder2 = getDocDrawingsOrder(univerInstanceService, unitId)) === null || _getDocDrawingsOrder2 === void 0 ? void 0 : _getDocDrawingsOrder2.indexOf(blockId);
+	return index == null || index < 0 ? void 0 : index;
+}
+function getNumber(hostContext, key) {
+	return typeof (hostContext === null || hostContext === void 0 ? void 0 : hostContext[key]) === "number" ? hostContext[key] : void 0;
+}
+function getString(hostContext, key) {
+	return typeof (hostContext === null || hostContext === void 0 ? void 0 : hostContext[key]) === "string" ? hostContext[key] : void 0;
+}
+function getInteractionMode(hostContext) {
+	const value = getString(hostContext, "interactionMode");
+	return value === "inline" || value === "block" ? value : void 0;
+}
+function refreshDocsCustomBlockLayout(renderManagerService, unitId) {
+	if (!renderManagerService) return;
+	const refresh = () => {
+		var _render$with;
+		const render = renderManagerService.getRenderById(unitId);
+		if (!render) return;
+		render.engine.resize();
+		(_render$with = render.with(DocPageLayoutService)) === null || _render$with === void 0 || _render$with.calculatePagePosition();
+		render.components.forEach((component) => {
+			component.makeDirty(true);
+		});
+		render.scene.makeDirty(true);
+	};
+	refresh();
+	let remaining = 4;
+	const schedule = typeof requestAnimationFrame === "function" ? requestAnimationFrame : (callback) => setTimeout(callback, 16);
+	const run = () => {
+		refresh();
+		remaining -= 1;
+		if (remaining > 0) schedule(run);
+	};
+	schedule(run);
+}
+function requireAnchorPlan(plan, errorCode) {
+	if (!plan) throw new Error(errorCode);
+	return plan;
+}
+
+//#endregion
+//#region src/embed-product-menu.ts
+function registerDocsEmbedProductMenus(injector) {
+	return (0, _univerjs_embed_ui.registerEmbedProductMenuContribution)(injector, {
+		id: "docs-ui.ribbon",
+		childType: _univerjs_core.UniverInstanceType.UNIVER_DOC,
+		surface: "ribbon",
+		menuSchema
+	});
+}
+
+//#endregion
+//#region src/embed-passive-viewport.ts
+function createDocsPassiveViewportProvider(injector) {
+	return {
+		childType: _univerjs_core.UniverInstanceType.UNIVER_DOC,
+		handleWheel: (context) => {
+			const passiveWheelHandlers = injector.has(_univerjs_embed_ui.EmbedPassiveWheelHandlerRegistryService) ? injector.get(_univerjs_embed_ui.EmbedPassiveWheelHandlerRegistryService) : void 0;
+			if ((passiveWheelHandlers === null || passiveWheelHandlers === void 0 ? void 0 : passiveWheelHandlers.handleWheel(context)) === true) return true;
+			if (!injector.has(_univerjs_engine_render.IRenderManagerService)) return false;
+			const render = injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(context.childUnitId);
+			const scene = render === null || render === void 0 ? void 0 : render.scene;
+			return (0, _univerjs_embed_ui.scrollSceneViewportPassive)(context, scene === null || scene === void 0 ? void 0 : scene.getViewport("viewMain"), scene);
+		}
+	};
+}
+
+//#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-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/EmbedDocsCustomBlockRenderer.tsx
+const SHEET_LIKE_CUSTOM_BLOCK_DEFAULT_CONTENT_HEIGHT = 480;
+const DOCS_CUSTOM_BLOCK_FLOATING_MENU_INSET_TOP = 52;
+const EMBED_DOCS_CUSTOM_BLOCK_STYLE_TEXT = `
+.univer-embed-docs-custom-block {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-width: 0;
+    min-height: 0;
+    overflow: visible;
+}
+.univer-embed-docs-custom-block .univer-embed-float-dom__content {
+    top: var(--univer-embed-docs-block-floating-menu-inset-top, 52px);
+    height: calc(100% - var(--univer-embed-docs-block-floating-menu-inset-top, 52px));
+}
+.univer-embed-docs-custom-block .univer-docs-embed-floating-menu,
+.univer-embed-docs-custom-block .univer-sheet-embed-floating-menu,
+.univer-embed-docs-custom-block .univer-base-embed-floating-menu,
+.univer-embed-docs-custom-block .univer-slide-embed-floating-menu {
+    top: calc(var(--univer-embed-docs-block-floating-menu-inset-top, 52px) * -1);
+    left: 50%;
+    transform: translateX(-50%);
+}
+.univer-embed-docs-custom-block[data-embed-docs-custom-block-sheet-like="true"] {
+    contain: layout style;
+    height: var(--univer-embed-docs-block-outer-height, 100%);
+    min-height: var(--univer-embed-docs-block-outer-height, 100%);
+}
+.univer-embed-docs-custom-block[data-embed-docs-custom-block-sheet-like="true"] .univer-embed-float-dom__content {
+    left: calc(var(--univer-embed-docs-block-bleed-left, 0px) * -1);
+    width: var(--univer-embed-docs-block-bleed-width, 100%);
+    height: var(--univer-embed-docs-block-viewport-height, 100%);
+    overflow: hidden;
+    transform: translateY(var(--univer-embed-docs-scroll-offset, 0px));
+}
+.univer-embed-docs-custom-block[data-embed-docs-custom-block-sheet-like="true"] .univer-embed-float-dom__content::after {
+    border: 0;
+}
+.univer-embed-docs-custom-block[data-embed-docs-custom-block-sheet-like="true"] .univer-embed-float-dom__live {
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+.univer-embed-docs-custom-block[data-embed-docs-custom-block-sheet-like="true"] .univer-embed-float-dom__live::before {
+    display: none;
+    width: var(--univer-embed-docs-block-virtual-width, 100%);
+    height: var(--univer-embed-docs-block-content-height, 1px);
+    pointer-events: none;
+    content: '';
+}
+.univer-embed-docs-custom-block[data-embed-docs-custom-block-sheet-like="true"] .univer-embed-float-dom__live-canvas,
+.univer-embed-docs-custom-block[data-embed-docs-custom-block-sheet-like="true"] .univer-embed-float-dom__live-content {
+    left: var(--univer-embed-docs-block-bleed-left, 0px);
+    width: var(--univer-embed-docs-block-bleed-width, 100%);
+    height: var(--univer-embed-docs-block-viewport-height, 100%);
+    min-height: var(--univer-embed-docs-block-viewport-height, 100%);
+}
+`;
+function EmbedDocsCustomBlockRenderer(props) {
+	var _univerInstanceServic, _props$customBlockRen, _props$customBlockRen2, _props$customBlockRen3;
+	ensureEmbedDocsCustomBlockStyles();
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
+	const renderManagerService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService);
+	const data = normalizeFloatDomData(props.data);
+	const hostUnitId = data === null || data === void 0 ? void 0 : data.hostUnitId;
+	const resolvedHostUnitId = hostUnitId !== null && hostUnitId !== void 0 ? hostUnitId : (_univerInstanceServic = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC)) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getUnitId();
+	const rootRef = (0, react.useRef)(null);
+	const liveRef = (0, react.useRef)(null);
+	const [viewport, setViewport] = (0, react.useState)(() => createDefaultDocsTableLikeCustomBlockBleedViewport());
+	const viewportRef = (0, react.useRef)(viewport);
+	const sheetLike = isSheetLikeDocsCustomBlock(data);
+	const customBlockRenderViewport = props.customBlockRenderViewport;
+	const renderViewportBleedLeft = customBlockRenderViewport === null || customBlockRenderViewport === void 0 ? void 0 : customBlockRenderViewport.bleedLeft;
+	const renderViewportBleedWidth = customBlockRenderViewport === null || customBlockRenderViewport === void 0 ? void 0 : customBlockRenderViewport.bleedWidth;
+	const renderViewportContentWidth = customBlockRenderViewport === null || customBlockRenderViewport === void 0 ? void 0 : customBlockRenderViewport.contentWidth;
+	viewportRef.current = viewport;
+	(0, react.useEffect)(() => {
+		if (!hostUnitId) return;
+		const disposables = [];
+		const refresh = () => {
+			const documentModel = univerInstanceService.getUnit(hostUnitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
+			const zoomRatio = documentModel === null || documentModel === void 0 ? void 0 : documentModel.zoomRatio;
+			if (typeof zoomRatio !== "number") return;
+			commandService.syncExecuteCommand(SetDocZoomRatioOperation.id, {
+				unitId: hostUnitId,
+				zoomRatio
+			});
+		};
+		const schedule = (callback) => {
+			if (typeof requestAnimationFrame === "function") {
+				const frame = requestAnimationFrame(callback);
+				disposables.push(() => cancelAnimationFrame(frame));
+				return;
+			}
+			const timer = setTimeout(callback, 16);
+			disposables.push(() => clearTimeout(timer));
+		};
+		const scheduleDelay = (delay) => {
+			const timer = setTimeout(refresh, delay);
+			disposables.push(() => clearTimeout(timer));
+		};
+		refresh();
+		schedule(refresh);
+		schedule(() => schedule(refresh));
+		scheduleDelay(120);
+		scheduleDelay(500);
+		return () => {
+			disposables.forEach((dispose) => dispose());
+		};
+	}, [
+		commandService,
+		hostUnitId,
+		univerInstanceService
+	]);
+	(0, react.useLayoutEffect)(() => {
+		const root = rootRef.current;
+		if (!root || !sheetLike || typeof window === "undefined") return;
+		let frame;
+		const sync = () => {
+			frame = void 0;
+			const rect = root.getBoundingClientRect();
+			const next = resolveDocsTableLikeCustomBlockBleedViewport(root, resolveDocsTableLikeCustomBlockRuntimeContentWidth(renderViewportContentWidth, () => measureRuntimeContentWidth(root, rect.width)), {
+				bleedLeft: renderViewportBleedLeft,
+				bleedWidth: renderViewportBleedWidth
+			});
+			setViewport((previous) => Math.abs(previous.bleedLeft - next.bleedLeft) < .5 && Math.abs(previous.bleedRight - next.bleedRight) < .5 && Math.abs(previous.bleedWidth - next.bleedWidth) < .5 && Math.abs(previous.contentWidth - next.contentWidth) < .5 && Math.abs(previous.virtualWidth - next.virtualWidth) < .5 ? previous : next);
+		};
+		const schedule = () => {
+			if (frame != null) return;
+			frame = window.requestAnimationFrame(sync);
+		};
+		const scheduleFromScroll = (event) => {
+			if (!shouldSyncDocsTableLikeCustomBlockBleedOnScroll(root, event.target)) return;
+			schedule();
+		};
+		sync();
+		const resizeObserver = new ResizeObserver(schedule);
+		resizeObserver.observe(root);
+		window.addEventListener("resize", schedule);
+		window.addEventListener("scroll", scheduleFromScroll, true);
+		return () => {
+			if (frame != null) window.cancelAnimationFrame(frame);
+			resizeObserver.disconnect();
+			window.removeEventListener("resize", schedule);
+			window.removeEventListener("scroll", scheduleFromScroll, true);
+		};
+	}, [
+		renderViewportBleedLeft,
+		renderViewportBleedWidth,
+		renderViewportContentWidth,
+		sheetLike
+	]);
+	(0, react.useLayoutEffect)(() => {
+		const root = rootRef.current;
+		if (!root || !sheetLike) {
+			liveRef.current = null;
+			return;
+		}
+		const findLiveRoot = () => {
+			liveRef.current = root.querySelector(".univer-embed-float-dom__live");
+		};
+		findLiveRoot();
+		const observer = new MutationObserver(findLiveRoot);
+		observer.observe(root, {
+			childList: true,
+			subtree: true
+		});
+		return () => {
+			liveRef.current = null;
+			observer.disconnect();
+		};
+	}, [sheetLike]);
+	const contentHeight = sheetLike ? resolveDocsTableLikeCustomBlockRuntimeContentHeight((_props$customBlockRen = props.customBlockRenderViewport) === null || _props$customBlockRen === void 0 ? void 0 : _props$customBlockRen.contentHeight) : resolveDocsTableLikeCustomBlockContentHeight((_props$customBlockRen2 = props.customBlockRenderViewport) === null || _props$customBlockRen2 === void 0 ? void 0 : _props$customBlockRen2.contentHeight, 1);
+	const outerHeight = resolveDocsCustomBlockRuntimeOuterHeight({
+		contentHeight,
+		menuInsetTop: DOCS_CUSTOM_BLOCK_FLOATING_MENU_INSET_TOP,
+		sheetLike
+	});
+	const viewportHeight = resolveDocsCustomBlockRuntimeViewportHeight({
+		contentHeight,
+		sheetLike,
+		viewportHeight: (_props$customBlockRen3 = props.customBlockRenderViewport) === null || _props$customBlockRen3 === void 0 ? void 0 : _props$customBlockRen3.viewportHeight
+	});
+	const style = sheetLike ? {
+		"--univer-embed-docs-block-bleed-left": `${viewport.bleedLeft}px`,
+		"--univer-embed-docs-block-bleed-width": `${viewport.bleedWidth}px`,
+		"--univer-embed-docs-block-content-height": `${contentHeight}px`,
+		"--univer-embed-docs-block-content-width": `${viewport.contentWidth}px`,
+		"--univer-embed-docs-block-floating-menu-inset-top": `${DOCS_CUSTOM_BLOCK_FLOATING_MENU_INSET_TOP}px`,
+		"--univer-embed-docs-block-outer-height": `${outerHeight}px`,
+		"--univer-embed-docs-block-viewport-height": `${viewportHeight}px`,
+		"--univer-embed-docs-block-virtual-width": `${viewport.virtualWidth}px`
+	} : { "--univer-embed-docs-block-floating-menu-inset-top": `${DOCS_CUSTOM_BLOCK_FLOATING_MENU_INSET_TOP}px` };
+	const handleHostWheel = (0, react.useCallback)((event, context) => {
+		var _renderManagerService;
+		const scene = (_renderManagerService = renderManagerService.getRenderById(context.hostUnitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.scene;
+		return (0, _univerjs_embed_ui.scrollSceneViewportPassive)({
+			...context,
+			event,
+			source: "wheel",
+			stage: "stage2"
+		}, scene === null || scene === void 0 ? void 0 : scene.getViewport("viewMain"), scene);
+	}, [renderManagerService]);
+	const scrollHostViewportByWheel = (0, react.useCallback)((event) => {
+		var _renderManagerService2;
+		if (!resolvedHostUnitId) return false;
+		const scene = (_renderManagerService2 = renderManagerService.getRenderById(resolvedHostUnitId)) === null || _renderManagerService2 === void 0 ? void 0 : _renderManagerService2.scene;
+		return (0, _univerjs_embed_ui.scrollSceneViewportPassive)({
+			event,
+			source: "wheel",
+			stage: "stage2"
+		}, scene === null || scene === void 0 ? void 0 : scene.getViewport("viewMain"), scene);
+	}, [renderManagerService, resolvedHostUnitId]);
+	const handleRuntimeStageEnter = (0, react.useCallback)((stage) => {
+		blurHostDocSelectionWhenEmbedRuntimeEntersStage(renderManagerService, resolvedHostUnitId, stage);
+	}, [renderManagerService, resolvedHostUnitId]);
+	(0, react.useEffect)(() => {
+		const root = rootRef.current;
+		if (!root || !sheetLike) return;
+		const onWheel = (event) => {
+			var _root$querySelector;
+			if (!isDominantVerticalWheel(event)) return;
+			if (((_root$querySelector = root.querySelector("[data-embed-float-dom]")) === null || _root$querySelector === void 0 ? void 0 : _root$querySelector.dataset.embedFloatStage) !== "stage2") return;
+			if (!scrollHostViewportByWheel(event)) return;
+			event.preventDefault();
+			event.stopPropagation();
+			event.stopImmediatePropagation();
+		};
+		root.addEventListener("wheel", onWheel, {
+			capture: true,
+			passive: false
+		});
+		return () => root.removeEventListener("wheel", onWheel, { capture: true });
+	}, [scrollHostViewportByWheel, sheetLike]);
+	(0, react.useEffect)(() => {
+		const root = rootRef.current;
+		if (!root || !sheetLike) return;
+		const onWheel = createDocsTableLikeCustomBlockStage2WheelHandler({
+			getLive: () => liveRef.current,
+			getStage: () => {
+				var _root$querySelector2;
+				return (_root$querySelector2 = root.querySelector("[data-embed-float-dom]")) === null || _root$querySelector2 === void 0 ? void 0 : _root$querySelector2.dataset.embedFloatStage;
+			},
+			getMaxScrollLeft: () => {
+				const maxScrollLeft = viewportRef.current.virtualWidth - viewportRef.current.bleedWidth;
+				return maxScrollLeft > 0 ? maxScrollLeft : void 0;
+			}
+		});
+		root.addEventListener("wheel", onWheel, {
+			capture: true,
+			passive: false
+		});
+		return () => root.removeEventListener("wheel", onWheel, { capture: true });
+	}, [sheetLike]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref: rootRef,
+		className: "univer-embed-docs-custom-block",
+		"data-embed-docs-custom-block": "true",
+		"data-embed-docs-custom-block-child-type": (data === null || data === void 0 ? void 0 : data.childType) == null ? void 0 : String(data.childType),
+		"data-embed-docs-custom-block-sheet-like": sheetLike ? "true" : void 0,
+		style,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_embed_ui.EmbedFloatDomRenderer, {
+			...props,
+			interactionFlow: "doc-block",
+			onHostWheel: sheetLike ? handleHostWheel : void 0,
+			onRuntimeStageEnter: handleRuntimeStageEnter,
+			syncHostVerticalScroll: sheetLike
+		})
+	});
+}
+function blurHostDocSelectionWhenEmbedRuntimeEntersStage(renderManagerService, hostUnitId, stage) {
+	var _renderManagerService3;
+	if (stage !== "stage2" || !hostUnitId) return;
+	(_renderManagerService3 = renderManagerService.getRenderById(hostUnitId)) === null || _renderManagerService3 === void 0 || (_renderManagerService3 = _renderManagerService3.with(DocSelectionRenderService)) === null || _renderManagerService3 === void 0 || _renderManagerService3.blur();
+}
+function createDocsTableLikeCustomBlockWheelHandler(options) {
+	return (event) => {
+		var _options$getMaxScroll;
+		const live = options.getLive();
+		if (!live || event.ctrlKey || event.metaKey) return;
+		if (scrollDocsTableLikeCustomBlockLive(event, live, { maxScrollLeft: (_options$getMaxScroll = options.getMaxScrollLeft) === null || _options$getMaxScroll === void 0 ? void 0 : _options$getMaxScroll.call(options) })) {
+			event.preventDefault();
+			event.stopPropagation();
+		}
+	};
+}
+function createDocsTableLikeCustomBlockStage2WheelHandler(options) {
+	const handleWheel = createDocsTableLikeCustomBlockWheelHandler(options);
+	return (event) => {
+		if (options.getStage() !== "stage2" || !isDominantHorizontalWheel(event)) return;
+		handleWheel(event);
+	};
+}
+function resolveDocsTableLikeCustomBlockRuntimeContentHeight(authoritativeContentHeight) {
+	return resolveDocsTableLikeCustomBlockContentHeight(authoritativeContentHeight, SHEET_LIKE_CUSTOM_BLOCK_DEFAULT_CONTENT_HEIGHT);
+}
+function resolveDocsCustomBlockRuntimeViewportHeight(params) {
+	return resolveDocsTableLikeCustomBlockContentHeight(params.viewportHeight, params.contentHeight);
+}
+function resolveDocsCustomBlockRuntimeOuterHeight(params) {
+	return params.sheetLike ? params.contentHeight + params.menuInsetTop : params.contentHeight;
+}
+function resolveDocsTableLikeCustomBlockRuntimeContentWidth(authoritativeContentWidth, measureFallback) {
+	if (Number.isFinite(authoritativeContentWidth) && (authoritativeContentWidth !== null && authoritativeContentWidth !== void 0 ? authoritativeContentWidth : 0) > 0) return authoritativeContentWidth;
+	return resolveDocsTableLikeCustomBlockContentWidth(void 0, measureFallback());
+}
+function shouldSyncDocsTableLikeCustomBlockBleedOnScroll(root, target) {
+	if (target instanceof Node && root.contains(target)) return false;
+	return true;
+}
+function normalizeFloatDomData(data) {
+	if (!data || typeof data !== "object") return;
+	const candidate = data;
+	if (candidate.version !== 1 || !candidate.embedId || !candidate.hostAnchorId) return;
+	return candidate;
+}
+function isSheetLikeDocsCustomBlock(data) {
+	return (data === null || data === void 0 ? void 0 : data.childType) === _univerjs_core.UniverInstanceType.UNIVER_SHEET || (data === null || data === void 0 ? void 0 : data.childType) === _univerjs_core.UniverInstanceType.UNIVER_BASE;
+}
+function isDominantVerticalWheel(event) {
+	if (event.shiftKey || event.ctrlKey || event.metaKey) return false;
+	return Math.abs(event.deltaY) > Math.abs(event.deltaX);
+}
+function isDominantHorizontalWheel(event) {
+	if (event.ctrlKey || event.metaKey) return false;
+	const deltaX = event.deltaX || (event.shiftKey ? event.deltaY : 0);
+	const deltaY = event.shiftKey ? 0 : event.deltaY;
+	return Math.abs(deltaX) > Math.abs(deltaY);
+}
+function measureRuntimeContentWidth(root, fallbackWidth) {
+	const liveContent = root.querySelector(".univer-embed-float-dom__live-content");
+	const liveCanvas = root.querySelector(".univer-embed-float-dom__live-canvas");
+	const candidates = [Math.max(1, fallbackWidth)];
+	collectElementContentWidth(liveContent, candidates);
+	collectElementContentWidth(liveCanvas, candidates);
+	return Math.max(...candidates.filter((value) => Number.isFinite(value) && value > 0));
+}
+function collectElementContentWidth(element, candidates) {
+	if (!element) return;
+	candidates.push(element.scrollWidth, element.offsetWidth, element.getBoundingClientRect().width);
+	for (const child of Array.from(element.children)) {
+		if (!(child instanceof HTMLElement)) continue;
+		const childRect = child.getBoundingClientRect();
+		const elementRect = element.getBoundingClientRect();
+		candidates.push(child.scrollWidth, child.offsetWidth, childRect.right - elementRect.left);
+	}
+}
+function ensureEmbedDocsCustomBlockStyles() {
+	if (typeof document === "undefined" || document.getElementById("univer-embed-docs-custom-block-styles")) return;
+	const style = document.createElement("style");
+	style.id = "univer-embed-docs-custom-block-styles";
+	style.textContent = EMBED_DOCS_CUSTOM_BLOCK_STYLE_TEXT;
+	document.head.appendChild(style);
+}
+
+//#endregion
+//#region src/EmbedFloatingMenu.tsx
+const DOCS_FLOATING_MENU_STYLE_ID = "univer-docs-embed-floating-menu-styles";
+const DOCS_FLOATING_MENU_STYLE_TEXT = `
+.univer-docs-embed-floating-menu {
+    position: absolute;
+    top: -36px;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 30;
+}
+[data-embed-floating-menu-entry="docs-custom-block"] .univer-docs-embed-floating-menu {
+    top: calc(var(--univer-embed-docs-block-floating-menu-inset-top, 52px) * -1);
+}
+.univer-docs-embed-floating-menu:not([data-embed-float-stage="stage2"]) {
+    display: none;
+}
+[data-embed-fullscreen-menu-slot="true"] .univer-docs-embed-floating-menu {
+    position: static;
+    margin: 6px auto;
+    transform: none;
+}
+`;
+function createDocsFloatingMenuContributions() {
+	return (0, _univerjs_embed_ui.createEmbedProductFloatingMenuContributions)({
+		childType: _univerjs_core.UniverInstanceType.UNIVER_DOC,
+		mount: mountDocsFloatingMenu
+	});
+}
+function mountDocsFloatingMenu(context) {
+	ensureDocsFloatingMenuStyles();
+	const root = (0, _univerjs_embed_ui.resolveEmbedFloatingMenuRoot)(context);
+	const menu = document.createElement("div");
+	menu.setAttribute("data-embed-floating-menu-entry", context.descriptor.entry);
+	root.appendChild(menu);
+	const reactRoot = (0, _univerjs_embed_ui.createEmbedReactRoot)(menu);
+	reactRoot.render((0, react.createElement)(_univerjs_embed_ui.EmbedRuntimeProviders, {
+		injector: context.runtimeScope.injector,
+		mountContainer: root,
+		embedId: context.embedId
+	}, (0, react.createElement)(DocsEmbedFloatingMenu, {
+		hostUnitId: context.hostUnitId,
+		embedId: context.embedId,
+		fullscreen: Boolean(context.renderScope.fullscreen),
+		usesDomFloatingStage: context.descriptor.entry !== "slides-floating-object",
+		renderScopeActive$: context.renderScope.active$
+	})));
+	return (0, _univerjs_core.toDisposable)(() => {
+		(0, _univerjs_embed_ui.disposeEmbedReactRoot)(reactRoot);
+		globalThis.setTimeout(() => menu.remove(), 0);
+	});
+}
+function DocsEmbedFloatingMenu(props) {
+	const { hostUnitId, embedId, fullscreen, usesDomFloatingStage, renderScopeActive$ } = props;
+	const renderScopeActive = (0, _univerjs_ui.useObservable)(() => renderScopeActive$, false, false, [renderScopeActive$]);
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const floatingActiveService = (0, _univerjs_ui.useDependency)(_univerjs_embed_ui.EmbedFloatingActiveService);
+	const stage = resolveDocsFloatingMenuStage({
+		embedId,
+		active: (0, _univerjs_ui.useObservable)(() => floatingActiveService.active$, floatingActiveService.getActive(), false, [floatingActiveService]),
+		fullscreen,
+		usesDomFloatingStage,
+		renderScopeActive
+	});
+	const removeEmbed = () => {
+		commandService.executeCommand(_univerjs_embed_ui.RemoveHostEmbedCommand.id, {
+			hostUnitId,
+			embedId
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "univer-docs-embed-floating-menu univer-box-border univer-inline-flex univer-h-8 univer-items-center univer-rounded-lg univer-border univer-border-solid univer-border-gray-200 univer-bg-white univer-p-1 univer-text-gray-900 univer-shadow-lg dark:!univer-border-gray-600 dark:!univer-bg-gray-900 dark:!univer-text-white",
+		"data-embed-floating-menu": "true",
+		"data-embed-id": embedId,
+		"data-embed-float-stage": stage,
+		onPointerDown: (event) => event.stopPropagation(),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
+			type: "button",
+			size: "small",
+			variant: "ghost",
+			className: "univer-size-6 univer-p-0 univer-text-red-500 hover:univer-text-red-600",
+			title: "Delete embed block",
+			"aria-label": "Delete embed block",
+			onClick: removeEmbed,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.DeleteIcon, {})
+		})
+	});
+}
+function resolveDocsFloatingMenuStage(params) {
+	return (0, _univerjs_embed_ui.resolveEmbedFloatingMenuStage)(params);
+}
+function ensureDocsFloatingMenuStyles() {
+	if (typeof document === "undefined" || document.getElementById(DOCS_FLOATING_MENU_STYLE_ID)) return;
+	const style = document.createElement("style");
+	style.id = DOCS_FLOATING_MENU_STYLE_ID;
+	style.textContent = DOCS_FLOATING_MENU_STYLE_TEXT;
+	document.head.appendChild(style);
+}
+
+//#endregion
+//#region src/embed-register.ts
+function registerDocsEmbedUIContributions(injector) {
+	(0, _univerjs_embed_ui.registerEmbedUIContribution)(injector, "docs-ui.embed", registerDocsEmbedUIContributionsNow);
+}
+function registerDocsEmbedUIContributionsNow(injector) {
+	const adapterRegistry = injector.get(_univerjs_embed_ui.EmbedHostAdapterRegistryService);
+	const containerRegistry = injector.get(_univerjs_embed_ui.EmbedHostContainerRegistryService);
+	const childViewRegistry = injector.get(_univerjs_embed_ui.EmbedChildViewRegistryService);
+	const blockRegistry = injector.get(_univerjs_embed_ui.EmbedBlockRegistryService);
+	const floatingMenuRegistry = injector.get(_univerjs_embed_ui.EmbedFloatingMenuRegistryService);
+	const previewService = injector.get(_univerjs_embed_ui.EmbedFloatPreviewService);
+	const passiveViewportRegistry = injector.get(_univerjs_embed_ui.EmbedPassiveViewportRegistryService);
+	const anchorModelService = injector.has(_univerjs_embed_ui.EmbedHostAnchorModelService) ? injector.get(_univerjs_embed_ui.EmbedHostAnchorModelService) : void 0;
+	const univerInstanceService = injector.has(_univerjs_core.IUniverInstanceService) ? injector.get(_univerjs_core.IUniverInstanceService) : void 0;
+	const renderManagerService = injector.has(_univerjs_engine_render.IRenderManagerService) ? injector.get(_univerjs_engine_render.IRenderManagerService) : void 0;
+	registerDocsEmbedProductMenus(injector);
+	if (injector.has(_univerjs_ui.ComponentManager)) injector.get(_univerjs_ui.ComponentManager).register(EMBED_DOCS_CUSTOM_BLOCK_DEFAULT_COMPONENT_KEY, EmbedDocsCustomBlockRenderer);
+	const adapter = createDocsCustomBlockHostAdapterContribution(anchorModelService, univerInstanceService, renderManagerService);
+	if (!adapterRegistry.get(adapter.hostType, adapter.entry)) adapterRegistry.register(adapter);
+	const container = createDocsCustomBlockHostContainerContribution();
+	if (!containerRegistry.get(container.hostType, container.entry)) containerRegistry.register(container);
+	const childView = createDocsEmbedChildViewContribution();
+	if (!childViewRegistry.get(childView.childType)) childViewRegistry.register(childView);
+	const block = createDocsEmbedBlockContribution();
+	if (!blockRegistry.get(block.childType)) blockRegistry.register(block);
+	createDocsFloatingMenuContributions().forEach((floatingMenu) => {
+		if (!floatingMenuRegistry.hasExact(floatingMenu.hostType, floatingMenu.entry, floatingMenu.childType)) floatingMenuRegistry.register(floatingMenu);
+	});
+	previewService.registerProvider((0, _univerjs_embed_ui.createEmbedRenderCanvasPreviewProvider)(injector, {
+		childType: _univerjs_core.UniverInstanceType.UNIVER_DOC,
+		renderManagerService: _univerjs_engine_render.IRenderManagerService
+	}));
+	if (!passiveViewportRegistry.get(_univerjs_core.UniverInstanceType.UNIVER_DOC)) passiveViewportRegistry.register(createDocsPassiveViewportProvider(injector));
+}
+
+//#endregion
+//#region package.json
+var name = "@univerjs/docs-ui";
+var version = "1.0.0-insiders.20260701-0ef51b0";
+
+//#endregion
+//#region src/commands/commands/doc-paragraph-setting.command.ts
+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;
+		const docSelectionManagerService = accessor.get(_univerjs_docs.DocSelectionManagerService);
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const commandService = accessor.get(_univerjs_core.ICommandService);
+		const docDataModel = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC);
+		const docRanges = docSelectionManagerService.getDocRanges();
+		if (!docDataModel || docRanges.length === 0 || !config) return false;
+		const segmentId = docRanges[0].segmentId;
+		const unitId = docDataModel.getUnitId();
+		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
+		const allParagraphs = (_segment$getBody$para = (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
+		const dataStream = (_segment$getBody$data = (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
+		const 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,
+			params: {
+				unitId,
+				actions: [],
+				textRanges: docRanges
+			}
+		};
+		const memoryCursor = new _univerjs_core.MemoryCursor();
+		memoryCursor.reset();
+		const textX = new _univerjs_core.TextX();
+		const jsonX = _univerjs_core.JSONX.getInstance();
+		for (const paragraph of paragraphs) {
+			const { startIndex } = paragraph;
+			textX.push({
+				t: _univerjs_core.TextXActionType.RETAIN,
+				len: startIndex - memoryCursor.cursor
+			});
+			const paragraphStyle = {
+				...paragraph.paragraphStyle,
+				...config.paragraph
+			};
+			textX.push({
+				t: _univerjs_core.TextXActionType.RETAIN,
+				len: 1,
+				body: {
+					dataStream: "",
+					paragraphs: [{
+						...paragraph,
+						paragraphStyle,
+						startIndex: 0
+					}]
+				},
+				coverType: _univerjs_core.UpdateDocsAttributeType.REPLACE
+			});
+			memoryCursor.moveCursorTo(startIndex + 1);
+		}
+		const path = (0, _univerjs_core.getRichTextEditPath)(docDataModel, segmentId);
+		doMutation.params.actions = jsonX.editOp(textX.serialize(), path);
+		return !!commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+	}
+};
+
+//#endregion
+//#region src/views/header-footer/panel/DocHeaderFooterOptions.tsx
+function getSegmentId(documentStyle, editArea, pageIndex) {
+	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 DocHeaderFooterOptions = (props) => {
+	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);
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	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 handleCheckboxChange = (val, type) => {
+		var _renderManagerService;
+		setOptions((prev) => ({
+			...prev,
+			[type]: val ? _univerjs_core.BooleanNumber.TRUE : _univerjs_core.BooleanNumber.FALSE
+		}));
+		const docDataModel = univerInstanceService.getUniverDocInstance(unitId);
+		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 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();
+		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;
@@ -16016,155 +17479,6 @@ function ParagraphSettingIndex() {
 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 = [
-	FLOAT_TEXT_STYLE_MENU_ID,
-	SetInlineFormatFontSizeCommand.id,
-	SetInlineFormatBoldCommand.id,
-	SetInlineFormatItalicCommand.id,
-	SetInlineFormatUnderlineCommand.id,
-	SetInlineFormatStrikethroughCommand.id,
-	SetInlineFormatSubscriptCommand.id,
-	SetInlineFormatSuperscriptCommand.id,
-	SetInlineFormatTextColorCommand.id,
-	SetInlineFormatTextBackgroundColorCommand.id
-];
-function resolveFloatToolbarMenus(menuManagerService, avaliableMenus) {
-	const floatToolbarMenus = menuManagerService.getMenuByPositionKey(FLOAT_TOOLBAR_MENU_POSITION);
-	const flatMenus = [...menuManagerService.getFlatMenuByPositionKey(FLOAT_TOOLBAR_MENU_POSITION), ...menuManagerService.getFlatMenuByPositionKey(_univerjs_ui.MenuManagerPosition.RIBBON)];
-	const menus = [];
-	for (const key of avaliableMenus) {
-		const item = flatMenus.find((item) => item.key === key);
-		if (item) menus.push(item);
-	}
-	return {
-		menus,
-		extraMenus: floatToolbarMenus.filter((item) => item.item && !avaliableMenus.includes(item.key))
-	};
-}
-function FloatToolbar(props) {
-	const { avaliableMenus = DEFAULT_AVALIABLE_MENUS } = props;
-	const menuManagerService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IMenuManagerService);
-	const [menus, setMenus] = (0, react.useState)([]);
-	const [extraMenus, setExtraMenus] = (0, react.useState)([]);
-	(0, react.useEffect)(() => {
-		function getRibbon() {
-			const { menus, extraMenus } = resolveFloatToolbarMenus(menuManagerService, avaliableMenus);
-			setMenus(menus);
-			setExtraMenus(extraMenus);
-		}
-		getRibbon();
-		const subscription = menuManagerService.menuChanged$.subscribe(getRibbon);
-		return () => {
-			subscription.unsubscribe();
-		};
-	}, [avaliableMenus, menuManagerService]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, _univerjs_design.clsx)("univer-box-border univer-flex univer-rounded univer-bg-white univer-py-1.5 univer-shadow-sm dark:!univer-border-gray-700 dark:!univer-bg-gray-900", _univerjs_design.borderClassName),
-		children: [
-			menus.map((groupItem) => groupItem.item && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "univer-flex univer-flex-nowrap univer-gap-2 univer-px-2",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_ui.ToolbarItem, { ...groupItem.item }, groupItem.key)
-			}, groupItem.key)),
-			extraMenus.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "univer-my-1 univer-w-px univer-bg-gray-200 dark:univer-bg-gray-700" }),
-			extraMenus.map((groupItem) => groupItem.item && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "univer-flex univer-flex-nowrap univer-gap-2 univer-px-2",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_ui.ToolbarItem, { ...groupItem.item }, groupItem.key)
-			}, groupItem.key))
-		]
-	});
-}
-
-//#endregion
-//#region src/services/float-menu.service.ts
-const FLOAT_MENU_COMPONENT_KEY = "univer.doc.float-menu";
-function isInSameLine(startNodePosition, endNodePosition) {
-	if (startNodePosition == null || endNodePosition == null) return false;
-	const { glyph: _startGlyph, ...startRest } = startNodePosition;
-	const { glyph: _endGlyph, ...endRest } = endNodePosition;
-	return (0, _univerjs_core.deepCompare)(startRest, endRest);
-}
-const SKIP_SYMBOLS = [_univerjs_core.DataStreamTreeTokenType.CUSTOM_BLOCK, _univerjs_core.DataStreamTreeTokenType.PARAGRAPH];
-let DocFloatMenuService = class DocFloatMenuService extends _univerjs_core.Disposable {
-	constructor(_context, _docSelectionManagerService, _docCanvasPopManagerService, _componentManager, _univerInstanceService, _docSelectionRenderService) {
-		super();
-		this._context = _context;
-		this._docSelectionManagerService = _docSelectionManagerService;
-		this._docCanvasPopManagerService = _docCanvasPopManagerService;
-		this._componentManager = _componentManager;
-		this._univerInstanceService = _univerInstanceService;
-		this._docSelectionRenderService = _docSelectionRenderService;
-		_defineProperty(this, "_floatMenu", null);
-		if ((0, _univerjs_core.isInternalEditorID)(this._context.unitId)) return;
-		this._registerFloatMenu();
-		this._initSelectionChange();
-		this.disposeWithMe(() => {
-			this._hideFloatMenu();
-		});
-	}
-	get floatMenu() {
-		return this._floatMenu;
-	}
-	_registerFloatMenu() {
-		this.disposeWithMe(this._componentManager.register(FLOAT_MENU_COMPONENT_KEY, FloatToolbar));
-	}
-	_initSelectionChange() {
-		this.disposeWithMe(this._docSelectionRenderService.onSelectionStart$.subscribe(() => {
-			this._hideFloatMenu();
-		}));
-		this.disposeWithMe(this._docSelectionManagerService.textSelection$.subscribe((selection) => {
-			const { unitId, textRanges } = selection;
-			if (unitId !== this._context.unitId) return;
-			const range = textRanges.length > 0 && textRanges.find((range) => !range.collapsed);
-			if (range) {
-				var _this$_floatMenu, _this$_floatMenu2;
-				if (range.startOffset === ((_this$_floatMenu = this._floatMenu) === null || _this$_floatMenu === void 0 ? void 0 : _this$_floatMenu.start) && range.endOffset === ((_this$_floatMenu2 = this._floatMenu) === null || _this$_floatMenu2 === void 0 ? void 0 : _this$_floatMenu2.end)) return;
-				this._hideFloatMenu();
-				this._showFloatMenu(unitId, range);
-				return;
-			}
-			this._hideFloatMenu();
-		}));
-	}
-	_hideFloatMenu() {
-		var _this$_floatMenu3;
-		(_this$_floatMenu3 = this._floatMenu) === null || _this$_floatMenu3 === void 0 || _this$_floatMenu3.disposable.dispose();
-		this._floatMenu = null;
-	}
-	_showFloatMenu(unitId, range) {
-		var _documentDataModel$ge, _documentDataModel$ge2;
-		const documentDataModel = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
-		if (!documentDataModel || documentDataModel.getDisabled()) return;
-		if (isRangeInCodeBlock(documentDataModel, range)) return;
-		const token = (_documentDataModel$ge = documentDataModel.getBody()) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge.dataStream[range.startOffset];
-		if (range.endOffset - range.startOffset === 1 && token && SKIP_SYMBOLS.includes(token)) return;
-		const wholeCustomRanges = (_documentDataModel$ge2 = documentDataModel.getBody()) === null || _documentDataModel$ge2 === void 0 || (_documentDataModel$ge2 = _documentDataModel$ge2.customRanges) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.filter((range) => range.wholeEntity);
-		if (wholeCustomRanges === null || wholeCustomRanges === void 0 ? void 0 : wholeCustomRanges.some((customRange) => customRange.startIndex === range.startOffset && customRange.endIndex === range.endOffset - 1)) return;
-		this._floatMenu = {
-			disposable: this._docCanvasPopManagerService.attachPopupToRange(range, {
-				componentKey: FLOAT_MENU_COMPONENT_KEY,
-				direction: range.direction === "backward" || isInSameLine(range.startNodePosition, range.endNodePosition) ? "top-center" : "bottom-center",
-				offset: [0, 4]
-			}, unitId),
-			start: range.startOffset,
-			end: range.endOffset
-		};
-		return (0, _univerjs_core.toDisposable)(() => this._hideFloatMenu());
-	}
-};
-DocFloatMenuService = __decorate([
-	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_docs.DocSelectionManagerService)),
-	__decorateParam(2, (0, _univerjs_core.Inject)(DocCanvasPopManagerService)),
-	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.IUniverInstanceService)),
-	__decorateParam(5, (0, _univerjs_core.Inject)(DocSelectionRenderService))
-], DocFloatMenuService);
-function isRangeInCodeBlock(documentDataModel, range) {
-	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 : []).some((blockRange) => blockRange.blockType === _univerjs_core.DocumentBlockRangeType.CODE && Math.max(range.startOffset, blockRange.startIndex) <= Math.min(range.endOffset, blockRange.endIndex));
-}
-
 //#endregion
 //#region src/services/doc-paragraph-menu.service.ts
 const BLOCK_RANGE_ICON_MAP = {
@@ -19166,13 +20480,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();
 	}
@@ -19192,6 +20507,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;
@@ -19227,12 +20543,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)(_univerjs_embed_ui.EmbedInteractionBoundaryService)),
+	__decorateParam(6, (0, _univerjs_core.Optional)(_univerjs_embed_ui.EmbedRuntimeFocusCoordinator))
 ], DocInputController);
 
 //#endregion
@@ -19260,7 +20585,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;
@@ -19269,6 +20594,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();
 	}
@@ -19300,6 +20626,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
@@ -19318,8 +20645,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);
@@ -19352,10 +20681,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);
 		}));
 	}
@@ -19375,6 +20706,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) => {
@@ -19382,6 +20726,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();
 			}
 		}));
@@ -19391,6 +20736,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([{
@@ -19410,8 +20756,219 @@ 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)(_univerjs_embed_ui.EmbedInteractionBoundaryService)),
+	__decorateParam(8, (0, _univerjs_core.Optional)(_univerjs_embed_ui.EmbedRuntimeFocusCoordinator))
 ], DocSelectionRenderController);
+function isEmbedInteractionEvent(evt) {
+	var _document$elementFrom;
+	const target = evt.target;
+	if (typeof Element !== "undefined" && target instanceof Element && target.closest(`[${_univerjs_embed_ui.EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE}]`) != 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;
+	return ((_document$elementFrom = document.elementFromPoint(clientX, clientY)) === null || _document$elementFrom === void 0 ? void 0 : _document$elementFrom.closest(`[${_univerjs_embed_ui.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/embed-docs-custom-block-refresh.ts
+function collectDocsTableLikeEmbedChildUnitIds(drawings) {
+	const childUnitIds = /* @__PURE__ */ new Set();
+	Object.values(drawings !== null && drawings !== void 0 ? drawings : {}).forEach((drawing) => {
+		const data = getDrawingData(drawing);
+		const childUnitId = typeof (data === null || data === void 0 ? void 0 : data.childUnitId) === "string" ? data.childUnitId : void 0;
+		const childType = typeof (data === null || data === void 0 ? void 0 : data.childType) === "number" ? data.childType : void 0;
+		if (!childUnitId || !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) {
+	const commandUnitId = getCommandUnitId(params.commandParams);
+	return Boolean(commandUnitId && commandUnitId !== params.hostUnitId && params.childUnitIds.has(commandUnitId));
+}
+function createDocsCustomBlockSizeRefreshScheduler(refresh, frameApi = getDefaultFrameApi()) {
+	let pendingFrame;
+	return {
+		dispose: () => {
+			if (pendingFrame == null) return;
+			frameApi.cancelFrame(pendingFrame);
+			pendingFrame = void 0;
+		},
+		schedule: () => {
+			if (pendingFrame != null) return;
+			pendingFrame = frameApi.requestFrame(() => {
+				pendingFrame = void 0;
+				refresh();
+			});
+		}
+	};
+}
+function getDefaultFrameApi() {
+	if (typeof requestAnimationFrame === "function" && typeof cancelAnimationFrame === "function") return {
+		cancelFrame: (handle) => cancelAnimationFrame(handle),
+		requestFrame: (callback) => requestAnimationFrame(callback)
+	};
+	return {
+		cancelFrame: (handle) => clearTimeout(handle),
+		requestFrame: (callback) => setTimeout(callback, 16)
+	};
+}
+
+//#endregion
+//#region src/controllers/render-controllers/embed-docs-custom-block-bleed.render-controller.ts
+let EmbedDocsCustomBlockBleedRenderController = class EmbedDocsCustomBlockBleedRenderController extends _univerjs_core.Disposable {
+	constructor(_context, _univerInstanceService, _commandService, _contentSizeRegistry) {
+		super();
+		this._context = _context;
+		this._univerInstanceService = _univerInstanceService;
+		this._commandService = _commandService;
+		this._contentSizeRegistry = _contentSizeRegistry;
+		_defineProperty(this, "_resolvedChildUnits", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_pendingChildUnits", /* @__PURE__ */ new Map());
+		const refreshScheduler = createDocsCustomBlockSizeRefreshScheduler(() => {
+			const zoomRatio = this._context.unit.zoomRatio;
+			if (typeof zoomRatio !== "number") return;
+			this._commandService.syncExecuteCommand(SetDocZoomRatioOperation.id, {
+				unitId: this._context.unitId,
+				zoomRatio
+			});
+		});
+		this.disposeWithMe(refreshScheduler);
+		this.disposeWithMe({ dispose: () => {
+			this._resolvedChildUnits.clear();
+			this._pendingChildUnits.clear();
+		} });
+		const unregisterRenderViewportProvider = (0, _univerjs_engine_render.setDocsCustomBlockRenderViewportProvider)((unitId, blockId, input) => {
+			var _this$_context$unit$g, _drawing$data, _drawing$data2, _drawing$data3, _this$_contentSizeReg, _contentSize$height, _this$_context$unit$g2;
+			if (unitId !== this._context.unitId) return null;
+			const drawing = (_this$_context$unit$g = this._context.unit.getSnapshot().drawings) === null || _this$_context$unit$g === void 0 ? void 0 : _this$_context$unit$g[blockId];
+			const childType = drawing === null || drawing === void 0 || (_drawing$data = drawing.data) === null || _drawing$data === void 0 ? void 0 : _drawing$data.childType;
+			if (childType !== _univerjs_core.UniverInstanceType.UNIVER_SHEET && childType !== _univerjs_core.UniverInstanceType.UNIVER_BASE) return null;
+			const visibleCanvas = this._getVisibleCanvasDocumentRect();
+			const childUnit = (drawing === null || drawing === void 0 || (_drawing$data2 = drawing.data) === null || _drawing$data2 === void 0 ? void 0 : _drawing$data2.childUnitId) ? this._getChildUnitForMeasurement(drawing.data.childUnitId, childType, refreshScheduler.schedule) : void 0;
+			const contentSize = (drawing === null || drawing === void 0 || (_drawing$data3 = drawing.data) === null || _drawing$data3 === void 0 ? void 0 : _drawing$data3.childUnitId) && childUnit != null ? (_this$_contentSizeReg = this._contentSizeRegistry) === null || _this$_contentSizeReg === void 0 ? void 0 : _this$_contentSizeReg.measureContentSize({
+				childType,
+				childUnit,
+				childUnitId: drawing.data.childUnitId,
+				viewportWidth: input.fallbackWidth
+			}) : void 0;
+			const fallbackSize = resolveDocsCustomBlockSize(childType);
+			const fallbackHeight = normalizeFallbackSize(input.fallbackHeight, fallbackSize.height);
+			const fallbackWidth = normalizeFallbackSize(input.fallbackWidth, fallbackSize.width);
+			return resolveDocsCustomBlockRenderViewport({
+				childType,
+				contentHeight: (_contentSize$height = contentSize === null || contentSize === void 0 ? void 0 : contentSize.height) !== null && _contentSize$height !== void 0 ? _contentSize$height : fallbackHeight,
+				contentWidth: contentSize === null || contentSize === void 0 ? void 0 : contentSize.width,
+				docsLeft: this._getDocsLeft(),
+				documentFlavor: (_this$_context$unit$g2 = this._context.unit.getSnapshot().documentStyle) === null || _this$_context$unit$g2 === void 0 ? void 0 : _this$_context$unit$g2.documentFlavor,
+				fallbackHeight,
+				fallbackWidth,
+				pageMarginLeft: input.pageMarginLeft,
+				pageMarginRight: input.pageMarginRight,
+				pageWidth: input.pageWidth,
+				scale: this._context.scene.getAncestorScale().scaleX || 1,
+				visibleCanvasHeight: visibleCanvas === null || visibleCanvas === void 0 ? void 0 : visibleCanvas.height,
+				visibleCanvasLeft: visibleCanvas === null || visibleCanvas === void 0 ? void 0 : visibleCanvas.left,
+				visibleCanvasWidth: visibleCanvas === null || visibleCanvas === void 0 ? void 0 : visibleCanvas.width
+			});
+		});
+		this.disposeWithMe({ dispose: unregisterRenderViewportProvider });
+		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
+			if (command.id === SetDocZoomRatioOperation.id) return;
+			if (!shouldRefreshDocsCustomBlockSizeForCommand({
+				childUnitIds: collectDocsTableLikeEmbedChildUnitIds(this._context.unit.getSnapshot().drawings),
+				commandParams: command.params,
+				hostUnitId: this._context.unitId
+			})) return;
+			refreshScheduler.schedule();
+		}));
+	}
+	_getChildUnitForMeasurement(childUnitId, childType, scheduleRefresh) {
+		const cacheKey = `${childType}:${childUnitId}`;
+		if (this._resolvedChildUnits.has(cacheKey)) return this._resolvedChildUnits.get(cacheKey);
+		const unitOrPromise = this._univerInstanceService.getUnit(childUnitId, childType);
+		if (!isPromiseLike(unitOrPromise)) {
+			this._resolvedChildUnits.set(cacheKey, unitOrPromise);
+			return unitOrPromise;
+		}
+		if (!this._pendingChildUnits.has(cacheKey)) {
+			const pending = Promise.resolve(unitOrPromise).then((unit) => {
+				this._pendingChildUnits.delete(cacheKey);
+				this._resolvedChildUnits.set(cacheKey, unit);
+				if (!this._disposed) scheduleRefresh();
+				return unit;
+			}, () => {
+				this._pendingChildUnits.delete(cacheKey);
+			});
+			this._pendingChildUnits.set(cacheKey, pending);
+		}
+	}
+	_getDocsLeft() {
+		var _getOffsetConfig$docs, _this$_context$mainCo, _getOffsetConfig;
+		return (_getOffsetConfig$docs = (_this$_context$mainCo = this._context.mainComponent) === null || _this$_context$mainCo === void 0 || (_getOffsetConfig = _this$_context$mainCo.getOffsetConfig) === null || _getOffsetConfig === void 0 || (_getOffsetConfig = _getOffsetConfig.call(_this$_context$mainCo)) === null || _getOffsetConfig === void 0 ? void 0 : _getOffsetConfig.docsLeft) !== null && _getOffsetConfig$docs !== void 0 ? _getOffsetConfig$docs : 0;
+	}
+	_getVisibleCanvasDocumentRect() {
+		var _this$_context$scene$, _this$_context$scene$2, _this$_context$engine, _this$_context$engine2, _this$_context$engine3, _width, _this$_context$mainCo2, _ref, _height, _this$_context$mainCo3, _ref2;
+		const scaleX = this._context.scene.getAncestorScale().scaleX || 1;
+		const scaleY = this._context.scene.getAncestorScale().scaleY || 1;
+		const viewportLeft = (_this$_context$scene$ = (_this$_context$scene$2 = this._context.scene.getViewport("viewMain")) === null || _this$_context$scene$2 === void 0 ? void 0 : _this$_context$scene$2.viewportScrollX) !== null && _this$_context$scene$ !== void 0 ? _this$_context$scene$ : 0;
+		const canvasRect = (_this$_context$engine = (_this$_context$engine2 = this._context.engine).getCanvasElement) === null || _this$_context$engine === void 0 || (_this$_context$engine = _this$_context$engine.call(_this$_context$engine2)) === null || _this$_context$engine === void 0 || (_this$_context$engine3 = _this$_context$engine.getBoundingClientRect) === null || _this$_context$engine3 === void 0 ? void 0 : _this$_context$engine3.call(_this$_context$engine);
+		const canvasWidth = canvasRect === null || canvasRect === void 0 ? void 0 : canvasRect.width;
+		const canvasHeight = canvasRect === null || canvasRect === void 0 ? void 0 : canvasRect.height;
+		const fallbackWidth = (_width = (_this$_context$mainCo2 = this._context.mainComponent) === null || _this$_context$mainCo2 === void 0 ? void 0 : _this$_context$mainCo2.width) !== null && _width !== void 0 ? _width : this._context.scene.width;
+		const visibleWidth = ((_ref = canvasWidth !== null && canvasWidth !== void 0 ? canvasWidth : fallbackWidth) !== null && _ref !== void 0 ? _ref : 0) / scaleX;
+		const fallbackHeight = (_height = (_this$_context$mainCo3 = this._context.mainComponent) === null || _this$_context$mainCo3 === void 0 ? void 0 : _this$_context$mainCo3.height) !== null && _height !== void 0 ? _height : this._context.scene.height;
+		const visibleHeight = ((_ref2 = canvasHeight !== null && canvasHeight !== void 0 ? canvasHeight : fallbackHeight) !== null && _ref2 !== void 0 ? _ref2 : 0) / scaleY;
+		if (!visibleWidth || !Number.isFinite(visibleWidth) || visibleWidth <= 0 || !visibleHeight || !Number.isFinite(visibleHeight) || visibleHeight <= 0) return null;
+		return {
+			height: visibleHeight,
+			left: viewportLeft,
+			width: visibleWidth
+		};
+	}
+};
+EmbedDocsCustomBlockBleedRenderController = __decorate([
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.IUniverInstanceService)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_core.ICommandService)),
+	__decorateParam(3, (0, _univerjs_core.Optional)(_univerjs_embed_ui.EmbedContentSizeRegistryService))
+], EmbedDocsCustomBlockBleedRenderController);
+function isPromiseLike(value) {
+	return !!value && typeof value.then === "function";
+}
+function normalizeFallbackSize(value, fallback) {
+	return typeof value === "number" && Number.isFinite(value) && value > 1 ? value : fallback;
+}
 
 //#endregion
 //#region src/controllers/render-controllers/zoom.render-controller.ts
@@ -19419,7 +20976,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;
@@ -19431,6 +20988,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);
@@ -19480,14 +21038,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;
@@ -19514,7 +21079,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)(_univerjs_embed_ui.EmbedInteractionBoundaryService))
 ], DocZoomRenderController);
 
 //#endregion
@@ -19597,11 +21163,15 @@ 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) {
@@ -19785,6 +21355,9 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends _univerjs_core.Plugin
 		this._initializeShortcut();
 		this._initCommand();
 	}
+	onStarting() {
+		registerDocsEmbedUIContributions(this._injector);
+	}
 	onReady() {
 		this._initRenderBasics();
 		this._markDocAsFocused();
@@ -19968,6 +21541,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);
@@ -20002,7 +21577,8 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends _univerjs_core.Plugin
 			[DocClipboardController],
 			[DocInputController],
 			[DocIMEInputController],
-			[DocEditorBridgeController]
+			[DocEditorBridgeController],
+			[EmbedDocsCustomBlockBleedRenderController]
 		].forEach((m) => {
 			this._renderManagerSrv.registerRenderModule(_univerjs_core.UniverInstanceType.UNIVER_DOC, m);
 		});
@@ -20697,6 +22273,7 @@ Object.defineProperty(exports, 'DocsRenderService', {
   }
 });
 exports.DocsUIMenuSchema = menuSchema;
+exports.EMBED_DOCS_CUSTOM_BLOCK_DEFAULT_COMPONENT_KEY = EMBED_DOCS_CUSTOM_BLOCK_DEFAULT_COMPONENT_KEY;
 exports.EMPTY_PARAGRAPH_MENU_ID = EMPTY_PARAGRAPH_MENU_ID;
 exports.Editor = Editor;
 Object.defineProperty(exports, 'EditorService', {
@@ -20778,7 +22355,17 @@ exports.calcDocFitToWidthScale = calcDocFitToWidthScale;
 exports.calcDocRangePositions = calcDocRangePositions;
 exports.convertBodyToHtml = convertBodyToHtml;
 exports.convertPositionsToRectRanges = convertPositionsToRectRanges;
+exports.createDocsCustomBlockHostAdapterContribution = createDocsCustomBlockHostAdapterContribution;
+exports.createDocsCustomBlockHostContainerContribution = createDocsCustomBlockHostContainerContribution;
+exports.createDocsCustomBlockInsertMutation = createDocsCustomBlockInsertMutation;
+exports.createDocsCustomBlockRemoveMutation = createDocsCustomBlockRemoveMutation;
+exports.createDocsEmbedBlockContribution = createDocsEmbedBlockContribution;
+exports.createDocsEmbedChildViewContribution = createDocsEmbedChildViewContribution;
+exports.createDocsFloatingMenuContributions = createDocsFloatingMenuContributions;
 exports.createEditorUndoRedoKeyboardConfig = createEditorUndoRedoKeyboardConfig;
+exports.createEmbedDocsCustomBlockData = createEmbedDocsCustomBlockData;
+exports.createInsertCustomBlockActions = createInsertCustomBlockActions;
+exports.createRemoveCustomBlockActions = createRemoveCustomBlockActions;
 exports.deleteCustomDecorationFactory = deleteCustomDecorationFactory;
 exports.docDrawingPositionToTransform = docDrawingPositionToTransform;
 exports.executeEditorUndoRedoCommand = executeEditorUndoRedoCommand;
@@ -20804,12 +22391,17 @@ exports.getTableColumn = getTableColumn;
 exports.hasParagraphInTable = hasParagraphInTable;
 exports.hideMenuWhenSelectionInBlockRange = hideMenuWhenSelectionInBlockRange;
 exports.isInSameTableCell = isInSameTableCell;
+exports.isSheetLikeDocsCustomBlockChildType = isSheetLikeDocsCustomBlockChildType;
 exports.isTextRangeInAnyBlockRange = isTextRangeInAnyBlockRange;
 exports.isValidRectRange = isValidRectRange;
 exports.neoGetDocObject = neoGetDocObject;
 exports.normalizeDocFitToWidthOptions = normalizeDocFitToWidthOptions;
+exports.registerDocsEmbedProductMenus = registerDocsEmbedProductMenus;
+exports.registerDocsEmbedUIContributions = registerDocsEmbedUIContributions;
 exports.resolveDocFitBaseWidth = resolveDocFitBaseWidth;
 exports.resolveDocViewScale = resolveDocViewScale;
+exports.resolveDocsCustomBlockRenderViewport = resolveDocsCustomBlockRenderViewport;
+exports.resolveDocsFloatingMenuStage = resolveDocsFloatingMenuStage;
 exports.transformToDocDrawingPosition = transformToDocDrawingPosition;
 exports.useEditor = useEditor;
 exports.useEditorClickOutside = useEditorClickOutside;