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

package/lib/cjs/index.js

@@ -628,6 +628,7 @@ function fromGlobalEvent(type, listener, options) {
 //#endregion
 //#region src/services/layout/layout.service.ts
 const FOCUSING_UNIVER = "FOCUSING_UNIVER";
+const EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE$1 = "data-embed-interaction-boundary-owner";
 const givingBackFocusElements = [
 	"app-layout",
 	"button",
@@ -705,7 +706,7 @@ let DesktopLayoutService = class DesktopLayoutService extends _univerjs_core.Dis
 		this.disposeWithMe((0, rxjs.fromEvent)(window, "focusin").subscribe((event) => {
 			var _this$_rootContainerE;
 			const target = event.target;
-			if (((_this$_rootContainerE = this._rootContainerElement) === null || _this$_rootContainerE === void 0 ? void 0 : _this$_rootContainerE.contains(target)) && givingBackFocusElements.some((item) => target.dataset.uComp === item)) {
+			if (((_this$_rootContainerE = this._rootContainerElement) === null || _this$_rootContainerE === void 0 ? void 0 : _this$_rootContainerE.contains(target)) && givingBackFocusElements.some((item) => target.dataset.uComp === item) && !isEmbedOwnedFocusTarget(target)) {
 				queueMicrotask(() => this.focus());
 				return;
 			}
@@ -724,6 +725,10 @@ function getFocusingUniverEditorStatus() {
 	var _document$activeEleme;
 	return ((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.dataset.uComp) === "editor";
 }
+function isEmbedOwnedFocusTarget(target) {
+	var _target$closest;
+	return ((_target$closest = target.closest) === null || _target$closest === void 0 ? void 0 : _target$closest.call(target, `[${EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE$1}]`)) != null;
+}
 
 //#endregion
 //#region src/services/platform/platform.service.ts
@@ -757,6 +762,7 @@ var PlatformService = class {
 
 //#endregion
 //#region src/services/shortcut/shortcut.service.ts
+const EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE = "data-embed-interaction-boundary-owner";
 /**
 * The dependency injection identifier of the {@link IShortcutService}.
 */
@@ -845,6 +851,7 @@ let ShortcutService = class ShortcutService extends _univerjs_core.Disposable {
 		if (this._layoutService && !this._layoutService.checkElementInCurrentContainers(e.target)) return;
 		const binding = this._deriveBindingFromEvent(e);
 		if (binding === null) return;
+		if (this._shouldLetEmbedTextEditorHandleNativeShortcut(e, binding)) return;
 		const shortcuts = this._shortCutMapping.get(binding);
 		if (shortcuts === void 0) return;
 		return Array.from(shortcuts).sort((s1, s2) => {
@@ -870,6 +877,12 @@ let ShortcutService = class ShortcutService extends _univerjs_core.Disposable {
 		if (this._platformService.isMac && e.ctrlKey) binding |= 8192;
 		return binding;
 	}
+	_shouldLetEmbedTextEditorHandleNativeShortcut(e, binding) {
+		if (binding !== (65 | 4096)) return false;
+		const target = e.target;
+		if (!(target instanceof HTMLElement)) return false;
+		return (target.isContentEditable || target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) && target.closest(`[${EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE}]`) != null;
+	}
 };
 ShortcutService = __decorate([
 	__decorateParam(0, _univerjs_core.ICommandService),
@@ -1051,8 +1064,9 @@ let ContextMenuGroup = /* @__PURE__ */ function(ContextMenuGroup) {
 
 //#endregion
 //#region src/services/menu/menu-manager.service.ts
+var _MenuManagerService;
 const IMenuManagerService = (0, _univerjs_core.createIdentifier)("univer.menu-manager-service");
-let MenuManagerService = class MenuManagerService extends _univerjs_core.Disposable {
+let MenuManagerService = _MenuManagerService = class MenuManagerService extends _univerjs_core.Disposable {
 	constructor(_injector, _configService) {
 		super();
 		this._injector = _injector;
@@ -1186,6 +1200,21 @@ let MenuManagerService = class MenuManagerService extends _univerjs_core.Disposa
 		this._menu = (0, _univerjs_core.merge)({}, this._menu, source);
 		this.menuChanged$.next();
 	}
+	createScoped(injector) {
+		const root = this;
+		const createScopedBuilder = () => {
+			const service = new _MenuManagerService(injector, root._configService);
+			service._menu = root._menu;
+			return service;
+		};
+		return {
+			menuChanged$: root.menuChanged$,
+			mergeMenu: (source, target) => root.mergeMenu(source, target),
+			appendRootMenu: (source) => root.appendRootMenu(source),
+			getMenuByPositionKey: (position) => createScopedBuilder().getMenuByPositionKey(position),
+			getFlatMenuByPositionKey: (position) => createScopedBuilder().getFlatMenuByPositionKey(position)
+		};
+	}
 	_buildMenuSchema(data) {
 		const result = [];
 		for (const [key, value] of Object.entries(data)) {
@@ -1225,6 +1254,7 @@ let MenuManagerService = class MenuManagerService extends _univerjs_core.Disposa
 	* @returns Menu schema array or empty array if not found
 	*/
 	getMenuByPositionKey(key) {
+		var _findKey;
 		const findKey = (obj) => {
 			if (key in obj) return this._buildMenuSchema(obj[key]);
 			for (const k in obj) {
@@ -1235,7 +1265,7 @@ let MenuManagerService = class MenuManagerService extends _univerjs_core.Disposa
 				}
 			}
 		};
-		return findKey(this._menu);
+		return (_findKey = findKey(this._menu)) !== null && _findKey !== void 0 ? _findKey : [];
 	}
 	/**
 	* Get flat menu schema by position key
@@ -1257,7 +1287,7 @@ let MenuManagerService = class MenuManagerService extends _univerjs_core.Disposa
 		return flatMenuItems(menu);
 	}
 };
-MenuManagerService = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.Injector)), __decorateParam(1, _univerjs_core.IConfigService)], MenuManagerService);
+MenuManagerService = _MenuManagerService = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.Injector)), __decorateParam(1, _univerjs_core.IConfigService)], MenuManagerService);
 function normalizeMenuOrder(order) {
 	return order !== null && order !== void 0 ? order : 0;
 }
@@ -1469,6 +1499,12 @@ function useObservableRef(observable, defaultValue) {
 
 //#endregion
 //#region src/services/dom/canvas-dom-layer.service.ts
+function shouldForwardFloatDomEvents(layer) {
+	return layer.eventPassThrough !== false;
+}
+function shouldRenderFloatDomLayer(layer, currentUnitId) {
+	return layer.unitId === currentUnitId || layer.preserveOnFocusChange === true;
+}
 var CanvasFloatDomService = class {
 	constructor() {
 		_defineProperty(this, "_domLayerMap", /* @__PURE__ */ new Map());
@@ -1502,6 +1538,33 @@ var CanvasFloatDomService = class {
 		this._notice();
 	}
 };
+var CanvasFloatDomPreviewService = class {
+	constructor() {
+		_defineProperty(this, "previewUpdated$", new rxjs.Subject());
+		_defineProperty(this, "previewRequested$", new rxjs.Subject());
+		_defineProperty(this, "_previewMap", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_requestMap", /* @__PURE__ */ new Map());
+	}
+	getPreview(id) {
+		return this._previewMap.get(id);
+	}
+	getPendingRequests() {
+		return Array.from(this._requestMap.values());
+	}
+	setPreview(preview) {
+		this._previewMap.set(preview.id, preview);
+		this._requestMap.delete(preview.id);
+		this.previewUpdated$.next(preview);
+	}
+	removePreview(id) {
+		this._previewMap.delete(id);
+		this._requestMap.delete(id);
+	}
+	requestPreview(request) {
+		this._requestMap.set(request.id, request);
+		this.previewRequested$.next(request);
+	}
+};
 
 //#endregion
 //#region src/views/components/dom/FloatDom.tsx
@@ -1520,8 +1583,14 @@ const FloatDomSingle = (0, react.memo)((props) => {
 	const Component = typeof layer.componentKey === "string" ? (0, _wendellhu_redi_react_bindings.useDependency)(ComponentManager).get(layer.componentKey) : layer.componentKey;
 	const layerProps = (0, react.useMemo)(() => ({
 		data: layer.data,
-		...layer.props
-	}), [layer.data, layer.props]);
+		...layer.props,
+		hostFloatDomLayout$: layer.position$
+	}), [
+		layer.data,
+		layer.position$,
+		layer.props
+	]);
+	const floatDomOverflow = resolveFloatDomOverflow(layerProps);
 	(0, react.useEffect)(() => {
 		const subscription = layer.position$.subscribe((position) => {
 			transformRef.current = `rotate(${position.rotate}deg)`;
@@ -1586,26 +1655,29 @@ const FloatDomSingle = (0, react.memo)((props) => {
 			width: Math.max(position.endX - position.startX - 2, 0),
 			height: Math.max(position.endY - position.startY - 2, 0),
 			transform: transformRef.current,
-			overflow: "hidden",
+			overflow: floatDomOverflow.outerOverflow,
 			transformOrigin: "center center"
 		},
 		onPointerMove: (e) => {
-			layer.onPointerMove(e.nativeEvent);
+			if (shouldForwardFloatDomEvents(layer)) layer.onPointerMove(e.nativeEvent);
 		},
 		onPointerDown: (e) => {
-			layer.onPointerDown(e.nativeEvent);
+			if (shouldForwardFloatDomEvents(layer)) layer.onPointerDown(e.nativeEvent);
 		},
 		onPointerUp: (e) => {
-			layer.onPointerUp(e.nativeEvent);
+			if (shouldForwardFloatDomEvents(layer)) layer.onPointerUp(e.nativeEvent);
 		},
 		onWheel: (e) => {
-			layer.onWheel(e.nativeEvent);
+			if (shouldForwardFloatDomEvents(layer)) layer.onWheel(e.nativeEvent);
 		},
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			id,
 			ref: innerDomRef,
 			className: "univer-absolute univer-overflow-hidden",
-			style: { ...innerStyle.current },
+			style: {
+				...innerStyle.current,
+				overflow: floatDomOverflow.innerOverflow
+			},
 			children: component
 		})
 	});
@@ -1614,9 +1686,8 @@ const FloatDom = ({ unitId }) => {
 	var _layers$filter;
 	const instanceService = (0, _wendellhu_redi_react_bindings.useDependency)(_univerjs_core.IUniverInstanceService);
 	const layers = (0, _wendellhu_redi_react_bindings.useObservable)((0, _wendellhu_redi_react_bindings.useDependency)(CanvasFloatDomService).domLayers$);
-	const focusUnit = (0, _wendellhu_redi_react_bindings.useObservable)(instanceService.focused$);
-	const currentUnitId = unitId || focusUnit;
-	return layers === null || layers === void 0 || (_layers$filter = layers.filter((layer) => layer[1].unitId === currentUnitId)) === null || _layers$filter === void 0 ? void 0 : _layers$filter.map((layer) => {
+	const currentUnitId = resolveFloatDomCurrentUnitId(unitId, (0, _wendellhu_redi_react_bindings.useObservable)(instanceService.focused$));
+	return layers === null || layers === void 0 || (_layers$filter = layers.filter((layer) => shouldRenderFloatDomLayer(layer[1], currentUnitId))) === null || _layers$filter === void 0 ? void 0 : _layers$filter.map((layer) => {
 		var _layer$1$domId;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FloatDomSingle, {
 			id: (_layer$1$domId = layer[1].domId) !== null && _layer$1$domId !== void 0 ? _layer$1$domId : layer[0],
@@ -1624,6 +1695,27 @@ const FloatDom = ({ unitId }) => {
 		}, layer[0]);
 	});
 };
+function resolveFloatDomCurrentUnitId(unitId, focusedUnit) {
+	if (typeof unitId === "string") return unitId;
+	if (typeof focusedUnit === "string") return focusedUnit;
+	if (focusedUnit != null && typeof focusedUnit === "object" && "getUnitId" in focusedUnit && typeof focusedUnit.getUnitId === "function") {
+		const focusedUnitId = focusedUnit.getUnitId();
+		return typeof focusedUnitId === "string" ? focusedUnitId : null;
+	}
+	return null;
+}
+function resolveFloatDomOverflow(props) {
+	var _viewport$bleedWidth;
+	const viewport = props.customBlockRenderViewport;
+	if (!(Number.isFinite(viewport === null || viewport === void 0 ? void 0 : viewport.bleedWidth) && ((_viewport$bleedWidth = viewport === null || viewport === void 0 ? void 0 : viewport.bleedWidth) !== null && _viewport$bleedWidth !== void 0 ? _viewport$bleedWidth : 0) > 0)) return {
+		outerOverflow: "hidden",
+		innerOverflow: "hidden"
+	};
+	return {
+		outerOverflow: "visible",
+		innerOverflow: "visible"
+	};
+}
 
 //#endregion
 //#region src/services/popup/canvas-popup.service.ts
@@ -1930,13 +2022,44 @@ function CanvasPopup() {
 	return (0, _wendellhu_redi_react_bindings.useObservable)(popupService.popups$, void 0, true).map((item) => {
 		const [key, popup] = item;
 		const Component = componentManager.get(popup.componentKey);
+		const content = Component ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, { popup }) : null;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SingleCanvasPopup, {
 			popup,
-			children: Component ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, { popup }) : null
+			children: popup.injector ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_wendellhu_redi_react_bindings.RediProvider, {
+				value: { injector: popup.injector },
+				children: content
+			}) : content
 		}, key);
 	});
 }
 
+//#endregion
+//#region src/services/ribbon/ribbon-override.service.ts
+const IRibbonOverrideService = (0, _univerjs_core.createIdentifier)("univer.ribbon-override-service");
+var RibbonOverrideService = class extends _univerjs_core.Disposable {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "_override$", new rxjs.BehaviorSubject(null));
+		_defineProperty(this, "override$", this._override$.asObservable());
+	}
+	getOverride() {
+		return this._override$.getValue();
+	}
+	activate(override) {
+		this._override$.next(override);
+	}
+	clear(id) {
+		const current = this.getOverride();
+		if (!current) return;
+		if (!id || current.id === id) this._override$.next(null);
+	}
+	dispose() {
+		this._override$.next(null);
+		this._override$.complete();
+		super.dispose();
+	}
+};
+
 //#endregion
 //#region src/services/ribbon/ribbon.service.ts
 const IRibbonService = (0, _univerjs_core.createIdentifier)("univer.ribbon-service");
@@ -2903,15 +3026,20 @@ const ToolbarItem = (0, react.forwardRef)((props, ref) => {
 //#endregion
 //#region src/views/components/ribbon/Ribbon.tsx
 function Ribbon(props) {
-	const { ribbonType, headerMenuComponents, headerMenu = true } = props;
-	const ribbonService = (0, _wendellhu_redi_react_bindings.useDependency)(IRibbonService);
+	var _ribbonOverride$ribbo;
+	const { ribbonType, headerMenuComponents, headerMenu = true, toolbarOnly = false } = props;
+	const defaultRibbonService = (0, _wendellhu_redi_react_bindings.useDependency)(IRibbonService);
+	const ribbonOverrideService = (0, _wendellhu_redi_react_bindings.useDependency)(IRibbonOverrideService);
 	const localeService = (0, _wendellhu_redi_react_bindings.useDependency)(_univerjs_core.LocaleService);
+	const ribbonOverride = (0, _wendellhu_redi_react_bindings.useObservable)(ribbonOverrideService.override$, ribbonOverrideService.getOverride());
+	const ribbonService = (_ribbonOverride$ribbo = ribbonOverride === null || ribbonOverride === void 0 ? void 0 : ribbonOverride.ribbonService) !== null && _ribbonOverride$ribbo !== void 0 ? _ribbonOverride$ribbo : defaultRibbonService;
 	const containerRef = (0, react.useRef)(null);
 	const toolbarItemRefs = (0, react.useRef)({});
-	const ribbonData = (0, _wendellhu_redi_react_bindings.useObservable)(ribbonService.ribbon$, []);
-	const activatedTab = (0, _wendellhu_redi_react_bindings.useObservable)(ribbonService.activatedTab$, "ribbon.start");
-	const collapsedIds = (0, _wendellhu_redi_react_bindings.useObservable)(ribbonService.collapsedIds$, []);
-	const fakeToolbarVisible = (0, _wendellhu_redi_react_bindings.useObservable)(ribbonService.fakeToolbarVisible$, false);
+	const ribbonData = (0, _wendellhu_redi_react_bindings.useObservable)(() => ribbonService.ribbon$, [], void 0, [ribbonService]);
+	const activatedTab = (0, _wendellhu_redi_react_bindings.useObservable)(() => ribbonService.activatedTab$, "ribbon.start", void 0, [ribbonService]);
+	const collapsedIds = (0, _wendellhu_redi_react_bindings.useObservable)(() => ribbonService.collapsedIds$, [], void 0, [ribbonService]);
+	const fakeToolbarVisible = (0, _wendellhu_redi_react_bindings.useObservable)(() => ribbonService.fakeToolbarVisible$, false, void 0, [ribbonService]);
+	const hideToolbar = (ribbonOverride === null || ribbonOverride === void 0 ? void 0 : ribbonOverride.hideToolbar) === true;
 	const ribbon = (0, react.useMemo)(() => {
 		if (ribbonType === "simple") {
 			const simpleRibbon = [{
@@ -2937,7 +3065,7 @@ function Ribbon(props) {
 	const handleSelectTab = (0, react.useCallback)((group) => {
 		toolbarItemRefs.current = {};
 		ribbonService.setActivatedTab(group.key);
-	}, []);
+	}, [ribbonService]);
 	const activeGroup = (0, react.useMemo)(() => {
 		var _ribbon$find$children, _ribbon$find2;
 		const allGroups = (_ribbon$find$children = (_ribbon$find2 = ribbon.find((group) => group.key === activatedTab)) === null || _ribbon$find2 === void 0 ? void 0 : _ribbon$find2.children) !== null && _ribbon$find$children !== void 0 ? _ribbon$find$children : [];
@@ -2965,6 +3093,13 @@ function Ribbon(props) {
 		activatedTab
 	]);
 	(0, react.useEffect)(() => {
+		if (hideToolbar) {
+			toolbarItemRefs.current = {};
+			ribbonService.setCollapsedIds([]);
+			ribbonService.setFakeToolbarVisible(false);
+			return;
+		}
+		if (!containerRef.current) return;
 		let timer = null;
 		const observer = new ResizeObserver((0, _univerjs_core.throttle)((entries) => {
 			for (const entry of entries) {
@@ -2994,7 +3129,12 @@ function Ribbon(props) {
 			timer && cancelAnimationFrame(timer);
 			observer.disconnect();
 		};
-	}, [ribbon, activatedTab]);
+	}, [
+		hideToolbar,
+		ribbon,
+		activatedTab,
+		ribbonService
+	]);
 	const fakeToolbar = (0, react.useMemo)(() => {
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			"aria-hidden": "true",
@@ -3022,17 +3162,31 @@ function Ribbon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			"data-u-comp": "ribbon-header-menu",
-			className: (0, _univerjs_design.clsx)("univer-relative univer-select-none", { "univer-h-9": ribbonType === "classic" || headerMenuComponents && headerMenuComponents.size > 0 }),
-			children: [ribbonType === "classic" && ribbon.length >= 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassicMenu, {
-				ribbon,
-				activatedTab,
-				onSelectTab: handleSelectTab
-			}), headerMenu && headerMenuComponents && headerMenuComponents.size > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "univer-absolute univer-right-2 univer-top-0 univer-flex univer-h-full univer-items-center univer-gap-2 [&>*]:univer-inline-flex [&>*]:univer-h-6 [&>*]:univer-items-center [&>*]:univer-rounded [&>*]:univer-px-1 [&>*]:univer-transition-colors hover:[&>*]:univer-bg-gray-100",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComponentContainer, { components: headerMenuComponents })
-			})]
+			className: (0, _univerjs_design.clsx)("univer-relative univer-select-none", {
+				"univer-hidden": toolbarOnly,
+				"univer-h-9": !toolbarOnly && (ribbonType === "classic" || headerMenuComponents && headerMenuComponents.size > 0)
+			}),
+			children: [
+				!toolbarOnly && (ribbonOverride === null || ribbonOverride === void 0 ? void 0 : ribbonOverride.placeholderTitle) && ribbon.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: (0, _univerjs_design.clsx)("univer-flex univer-h-9 univer-items-end univer-px-3", { "univer-justify-center": hideToolbar }),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "univer-relative univer-inline-flex univer-h-8 univer-items-center univer-justify-center univer-rounded-t univer-bg-primary-50 univer-px-3 univer-text-sm univer-font-medium univer-text-primary-600",
+						"data-u-comp": "ribbon-override-placeholder",
+						children: ribbonOverride.placeholderTitle
+					})
+				}),
+				!toolbarOnly && ribbonType === "classic" && ribbon.length >= 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassicMenu, {
+					ribbon,
+					activatedTab,
+					onSelectTab: handleSelectTab
+				}),
+				headerMenu && headerMenuComponents && headerMenuComponents.size > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "univer-absolute univer-right-2 univer-top-0 univer-flex univer-h-full univer-items-center univer-gap-2 [&>*]:univer-inline-flex [&>*]:univer-h-6 [&>*]:univer-items-center [&>*]:univer-rounded [&>*]:univer-px-1 [&>*]:univer-transition-colors hover:[&>*]:univer-bg-gray-100",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComponentContainer, { components: headerMenuComponents })
+				})
+			]
 		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		!hideToolbar && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: (0, _univerjs_design.clsx)("univer-box-border univer-grid univer-h-10 univer-grid-flow-col univer-items-center univer-px-3 univer-text-sm", {
 				"univer-grid-cols-[1fr] univer-justify-center": ribbonType === "classic" || ribbon.length === 1,
 				"univer-grid-cols-[auto,1fr]": ribbon.length > 1 && ribbonType !== "classic"
@@ -3143,11 +3297,11 @@ var ContextMenuService = class extends _univerjs_core.Disposable {
 	enable() {
 		this.disabled = false;
 	}
-	triggerContextMenu(event, menuType) {
+	triggerContextMenu(event, menuType, context) {
 		var _this$_currentHandler3;
 		event.stopPropagation();
 		if (this.disabled) return;
-		(_this$_currentHandler3 = this._currentHandler) === null || _this$_currentHandler3 === void 0 || _this$_currentHandler3.handleContextMenu(event, menuType);
+		(_this$_currentHandler3 = this._currentHandler) === null || _this$_currentHandler3 === void 0 || _this$_currentHandler3.handleContextMenu(event, menuType, context);
 	}
 	hideContextMenu() {
 		var _this$_currentHandler4;
@@ -4455,7 +4609,7 @@ function useContextGroupHiddenStates$1(menuSchemas) {
 //#endregion
 //#region src/views/components/context-menu/AnchoredContextMenu.tsx
 function AnchoredContextMenu(props) {
-	const { hostId, visible, anchorRect, menuType, anchorVertical = "bottom", menuOffset = 0, onRequestClose, onOptionSelect } = props;
+	const { hostId, visible, anchorRect, menuType, anchorVertical = "bottom", menuOffset = 0, menuInjector, onRequestClose, onOptionSelect } = props;
 	const contentRef = (0, react.useRef)(null);
 	const contextMenuHostService = (0, _wendellhu_redi_react_bindings.useDependency)(IContextMenuHostService);
 	const onRequestCloseRef = (0, react.useRef)(onRequestClose);
@@ -4542,11 +4696,18 @@ function AnchoredContextMenu(props) {
 		placementY: anchorVertical === "top" ? "above" : "below",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
 			ref: contentRef,
-			children: menuType && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextMenuPanel, {
+			children: menuType && (menuInjector ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_wendellhu_redi_react_bindings.RediProvider, {
+				value: { injector: menuInjector },
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextMenuPanel, {
+					menuType,
+					menuSessionVersion: menuSessionVersionRef.current,
+					onOptionSelect
+				})
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextMenuPanel, {
 				menuType,
 				menuSessionVersion: menuSessionVersionRef.current,
 				onOptionSelect
-			})
+			}))
 		})
 	});
 }
@@ -4558,6 +4719,7 @@ function DesktopContextMenu() {
 	const [visible, setVisible] = (0, react.useState)(false);
 	const [menuType, setMenuType] = (0, react.useState)("");
 	const [anchorRect, setAnchorRect] = (0, react.useState)(null);
+	const [menuContext, setMenuContext] = (0, react.useState)();
 	const visibleRef = (0, react.useRef)(visible);
 	const contextMenuService = (0, _wendellhu_redi_react_bindings.useDependency)(IContextMenuService);
 	const commandService = (0, _wendellhu_redi_react_bindings.useDependency)(_univerjs_core.ICommandService);
@@ -4578,10 +4740,11 @@ function DesktopContextMenu() {
 		};
 	}, [contextMenuService]);
 	/** A function to open context menu with given position and menu type. */
-	function handleContextMenu(event, menuType) {
+	function handleContextMenu(event, menuType, context) {
 		setVisible(false);
 		requestAnimationFrame(() => {
 			setMenuType(menuType);
+			setMenuContext(context);
 			setAnchorRect({
 				left: event.clientX,
 				top: event.clientY,
@@ -4598,13 +4761,16 @@ function DesktopContextMenu() {
 		visible,
 		anchorRect,
 		menuType,
+		menuInjector: menuContext === null || menuContext === void 0 ? void 0 : menuContext.injector,
 		onRequestClose: handleClose,
 		onOptionSelect: (params) => {
 			const { label: id, commandId, value } = params;
 			const rawParams = typeof params.params === "function" ? params.params() : params.params;
 			const commandParams = typeof rawParams === "undefined" ? { value } : rawParams;
-			if (commandService) commandService.executeCommand(commandId !== null && commandId !== void 0 ? commandId : id, commandParams);
-			injector.get(ILayoutService).focus();
+			const activeInjector = menuContext === null || menuContext === void 0 ? void 0 : menuContext.injector;
+			const activeCommandService = (activeInjector === null || activeInjector === void 0 ? void 0 : activeInjector.has(_univerjs_core.ICommandService)) ? activeInjector.get(_univerjs_core.ICommandService) : commandService;
+			if (activeCommandService) activeCommandService.executeCommand(commandId !== null && commandId !== void 0 ? commandId : id, commandParams);
+			((activeInjector === null || activeInjector === void 0 ? void 0 : activeInjector.has(ILayoutService)) ? activeInjector.get(ILayoutService) : injector.get(ILayoutService)).focus();
 			handleClose();
 		}
 	});
@@ -5180,7 +5346,9 @@ var SingleUnitUIController = class extends _univerjs_core.Disposable {
 		}));
 	}
 	_changeRenderUnit(rendererId, contentElement) {
+		var _this$_instanceServic2;
 		if (this._currentRenderId === rendererId) return false;
+		if ((_this$_instanceServic2 = this._instanceService.getUnitCreateOptions(rendererId)) === null || _this$_instanceServic2 === void 0 ? void 0 : _this$_instanceServic2.embeddedRender) return false;
 		const renderer = this._renderManagerService.getRenderById(rendererId);
 		if (!renderer || !renderer.unitId || (0, _univerjs_core.isInternalEditorID)(renderer.unitId)) return false;
 		const currentRenderer = this._currentRenderId ? this._renderManagerService.getRenderById(this._currentRenderId) : null;
@@ -5258,7 +5426,7 @@ const IUIController = (0, _univerjs_core.createIdentifier)("univer.ui.ui-control
 //#endregion
 //#region package.json
 var name = "@univerjs/ui";
-var version = "1.0.0-alpha.1";
+var version = "1.0.0-insiders.20260701-0ef51b0";
 
 //#endregion
 //#region src/views/color-picker/interface.ts
@@ -21619,6 +21787,7 @@ const MOBILE_CONTEXT_MENU_HOST_ID = "mobile-context-menu";
 function MobileContextMenu() {
 	const [visible, setVisible] = (0, react.useState)(false);
 	const [menuType, setMenuType] = (0, react.useState)("");
+	const [menuContext, setMenuContext] = (0, react.useState)();
 	const visibleRef = (0, react.useRef)(visible);
 	const contextMenuHostService = (0, _wendellhu_redi_react_bindings.useDependency)(IContextMenuHostService);
 	const contextMenuService = (0, _wendellhu_redi_react_bindings.useDependency)(IContextMenuService);
@@ -21647,9 +21816,10 @@ function MobileContextMenu() {
 			contextMenuHostService.deactivateMenu(MOBILE_CONTEXT_MENU_HOST_ID);
 		};
 	}, [contextMenuHostService, contextMenuService]);
-	function handleContextMenu(_event, nextMenuType) {
+	function handleContextMenu(_event, nextMenuType, context) {
 		contextMenuHostService.activateMenu(MOBILE_CONTEXT_MENU_HOST_ID);
 		setMenuType(nextMenuType);
+		setMenuContext(context);
 		setVisible(true);
 	}
 	function handleClose() {
@@ -21664,6 +21834,22 @@ function MobileContextMenu() {
 		}
 	}, [localeService, menuType]);
 	if (!mountContainer || !visible) return null;
+	const activeInjector = menuContext === null || menuContext === void 0 ? void 0 : menuContext.injector;
+	const activeCommandService = (activeInjector === null || activeInjector === void 0 ? void 0 : activeInjector.has(_univerjs_core.ICommandService)) ? activeInjector.get(_univerjs_core.ICommandService) : commandService;
+	const activeLayoutService = (activeInjector === null || activeInjector === void 0 ? void 0 : activeInjector.has(ILayoutService)) ? activeInjector.get(ILayoutService) : layoutService;
+	const menu = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileMenu, {
+		menuType,
+		onOptionSelect: (params) => {
+			var _ref, _params$commandId;
+			const commandId = (_ref = (_params$commandId = params.commandId) !== null && _params$commandId !== void 0 ? _params$commandId : params.id) !== null && _ref !== void 0 ? _ref : params.label;
+			const fallbackParams = typeof params.params === "function" ? params.params() : params.params;
+			const commandParams = typeof params.value === "undefined" ? fallbackParams : { value: params.value };
+			if (!commandId) return;
+			activeLayoutService.focus();
+			activeCommandService.executeCommand(commandId, commandParams);
+			handleClose();
+		}
+	});
 	return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		dir: direction,
 		className: "univer-fixed univer-inset-0 univer-z-[1080] univer-flex univer-items-end",
@@ -21697,19 +21883,10 @@ function MobileContextMenu() {
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CloseIcon, { className: "univer-size-4 univer-text-current" })
 					})]
 				})]
-			}), menuType && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileMenu, {
-				menuType,
-				onOptionSelect: (params) => {
-					var _ref, _params$commandId;
-					const commandId = (_ref = (_params$commandId = params.commandId) !== null && _params$commandId !== void 0 ? _params$commandId : params.id) !== null && _ref !== void 0 ? _ref : params.label;
-					const fallbackParams = typeof params.params === "function" ? params.params() : params.params;
-					const commandParams = typeof params.value === "undefined" ? fallbackParams : { value: params.value };
-					if (!commandId) return;
-					layoutService.focus();
-					commandService.executeCommand(commandId, commandParams);
-					handleClose();
-				}
-			})]
+			}), menuType && (activeInjector ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_wendellhu_redi_react_bindings.RediProvider, {
+				value: { injector: activeInjector },
+				children: menu
+			}) : menu)]
 		})]
 	}), mountContainer);
 }
@@ -23111,6 +23288,7 @@ let UniverMobileUIPlugin = class UniverMobileUIPlugin extends _univerjs_core.Plu
 			[ICanvasPopupService, { useClass: CanvasPopupService }],
 			[IFontService, { useClass: FontService }],
 			[CanvasFloatDomService],
+			[CanvasFloatDomPreviewService],
 			[IUIController, {
 				useFactory: (injector) => injector.createInstance(MobileUIController, this._config),
 				deps: [_univerjs_core.Injector]
@@ -23168,6 +23346,7 @@ let UniverUIPlugin = class UniverUIPlugin extends _univerjs_core.Plugin {
 			[IUIPartsService, { useClass: UIPartsService }],
 			[ILayoutService, { useClass: DesktopLayoutService }],
 			[IRibbonService, { useClass: DesktopRibbonService }],
+			[IRibbonOverrideService, { useClass: RibbonOverrideService }],
 			[IShortcutService, { useClass: ShortcutService }],
 			[IPlatformService, { useClass: PlatformService }],
 			[IMenuManagerService, { useClass: MenuManagerService }],
@@ -23210,6 +23389,7 @@ let UniverUIPlugin = class UniverUIPlugin extends _univerjs_core.Plugin {
 			[ICanvasPopupService, { useClass: CanvasPopupService }],
 			[IFontService, { useClass: FontService }],
 			[CanvasFloatDomService],
+			[CanvasFloatDomPreviewService],
 			[IUIController, {
 				useFactory: (injector) => injector.createInstance(DesktopUIController, this._config),
 				deps: [_univerjs_core.Injector]
@@ -23923,16 +24103,16 @@ const PrintFloatDomSingle = (0, react.memo)((props) => {
 			transform: transformRef.current
 		},
 		onPointerMove: (e) => {
-			layer.onPointerMove(e.nativeEvent);
+			if (shouldForwardFloatDomEvents(layer)) layer.onPointerMove(e.nativeEvent);
 		},
 		onPointerDown: (e) => {
-			layer.onPointerDown(e.nativeEvent);
+			if (shouldForwardFloatDomEvents(layer)) layer.onPointerDown(e.nativeEvent);
 		},
 		onPointerUp: (e) => {
-			layer.onPointerUp(e.nativeEvent);
+			if (shouldForwardFloatDomEvents(layer)) layer.onPointerUp(e.nativeEvent);
 		},
 		onWheel: (e) => {
-			layer.onWheel(e.nativeEvent);
+			if (shouldForwardFloatDomEvents(layer)) layer.onWheel(e.nativeEvent);
 		},
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			ref: innerDomRef,
@@ -24037,6 +24217,7 @@ Object.defineProperty(exports, 'BrowserClipboardService', {
 exports.BuiltInUIPart = BuiltInUIPart;
 exports.COLOR_PICKER_COMPONENT = COLOR_PICKER_COMPONENT;
 exports.COMMON_LABEL_COMPONENT = COMMON_LABEL_COMPONENT;
+exports.CanvasFloatDomPreviewService = CanvasFloatDomPreviewService;
 exports.CanvasFloatDomService = CanvasFloatDomService;
 exports.CanvasPopup = CanvasPopup;
 exports.CanvasPopupService = CanvasPopupService;
@@ -24166,6 +24347,7 @@ exports.IMenuManagerService = IMenuManagerService;
 exports.IMessageService = IMessageService;
 exports.INotificationService = INotificationService;
 exports.IPlatformService = IPlatformService;
+exports.IRibbonOverrideService = IRibbonOverrideService;
 exports.IRibbonService = IRibbonService;
 exports.IShortcutService = IShortcutService;
 exports.ISidebarService = ISidebarService;
@@ -24219,6 +24401,7 @@ exports.RibbonDataGroup = RibbonDataGroup;
 exports.RibbonFormulasGroup = RibbonFormulasGroup;
 exports.RibbonInsertGroup = RibbonInsertGroup;
 exports.RibbonOthersGroup = RibbonOthersGroup;
+exports.RibbonOverrideService = RibbonOverrideService;
 exports.RibbonPosition = RibbonPosition;
 exports.RibbonStartGroup = RibbonStartGroup;
 exports.RibbonViewGroup = RibbonViewGroup;