@fps-games/editor 0.2.1-beta.3 → 0.2.1-beta.4

package/node_modules/@fps-games/editor-browser/dist/local-editor-ui.js

@@ -1,6 +1,7 @@
 import * as LocalEditorPanels from './local-editor-ui-panels.js';
 import { renderLocalEditorPluginPanel } from './local-editor-ui-plugin-panel.js';
 import { createLocalEditorHierarchyController } from './local-editor-ui-hierarchy-controller.js';
+import { syncLocalEditorHierarchyLabelPresentation } from './local-editor-ui-hierarchy-view.js';
 import { createLocalEditorRootOwnership } from './local-editor-root-ownership.js';
 import { createLocalEditorContextMenuController } from './local-editor-ui-context-menu.js';
 import { createLocalEditorTooltipController } from './local-editor-ui-tooltip.js';
@@ -13,6 +14,8 @@ import { canSkipLocalEditorPreviewCleanupPass, createLocalEditorPreviewCleanupRe
 import { LOCAL_EDITOR_BROWSER_INSPECTOR_VEC3_AXES, resolveLocalEditorBrowserInspectorProportionalScaleValues, resolveLocalEditorBrowserInspectorVectorGroupAxisFromPropertyPath, resolveLocalEditorBrowserInspectorVectorGroupPathFromPropertyPath, } from './local-editor-inspector-groups.js';
 import { DEFAULT_EDITOR_TRANSFORM_OPERATION_SETTINGS, } from '@fps-games/editor-core';
 import { createEditorUiLayerHost } from '@fps-games/editor-ui';
+import { createLocalEditorCommandServiceClient } from './editor-command-service-client.js';
+import { createLocalEditorCommandCenter, createLocalEditorCommandPresentationCatalog, matchesLocalEditorCommandShortcut, } from './local-editor-command-center.js';
 import { isEditorProjectFilePreviewable, isEditorProjectMediaPreviewable, } from '@fps-games/editor-playable-sdk';
 import { findLocalEditorProjectFileSearchMatches, toLocalEditorProjectRelativePath, } from './local-editor-project-file-preview.js';
 import { resolveLocalEditorProjectFileOpenAction } from './local-editor-project-file-open.js';
@@ -21,11 +24,15 @@ export { canUseHierarchyProviderReparent, createHierarchyEnabledOperationRequest
 export { createLocalEditorHierarchyViewAdapter, } from './local-editor-ui-hierarchy-view-adapter.js';
 export { createLocalEditorContextMenuController, } from './local-editor-ui-context-menu.js';
 export { createLocalEditorTooltipController, } from './local-editor-ui-tooltip.js';
+export function matchesAvailableLocalEditorCommandShortcut(entry, event) {
+    return entry?.availability.available === true
+        && matchesLocalEditorCommandShortcut(entry.manifest.presentation?.shortcut, event);
+}
 import { createLocalEditorWorkbenchInputRouter } from './local-editor-ui-input-router.js';
 import { createLocalEditorConsoleController } from './local-editor-ui-console.js';
 import { synchronizeLocalEditorToolButtons } from './local-editor-tool-presentation.js';
 import { createLocalEditorPanelRegistry } from './local-editor-ui-panel-registry.js';
-import { createLocalEditorFormalSurfaceVisibilityController, disposeLocalEditorFormalSurfaces, shouldRenderLocalEditorInspectorPreview, } from './local-editor-ui-formal-surface-visibility.js';
+import { createLocalEditorFormalSurfaceVisibilityController, disposeLocalEditorFormalSurfaces, shouldRenderLocalEditorInspectorPreview, shouldRenderLocalEditorPreviewSurfaces, } from './local-editor-ui-formal-surface-visibility.js';
 import * as LocalEditorShared from './local-editor-ui-shared.js';
 import { findLocalEditorRenderingAction } from './local-editor-rendering-actions.js';
 import { createShortcutHelpPanel as createLocalEditorShortcutHelpPanel } from './local-editor-ui-shortcuts.js';
@@ -51,6 +58,15 @@ function syncLocalEditorInspectorPendingState(panel, pending) {
     panel.setAttribute('aria-busy', String(pending));
     panel.toggleAttribute('inert', pending);
 }
+export function applyLocalEditorSelectionInspectorSummaryPresentation(panel, input) {
+    if (!input.inspectorPending
+        || input.selectedIds.length !== 1
+        || !input.activeId
+        || input.selectedIds[0] !== input.activeId
+        || input.activeLabel === null)
+        return false;
+    return LocalEditorPanels.applyInspectorSummaryLabel(panel, input.activeLabel);
+}
 function readInspectorInputValue(input, source) {
     const control = input.dataset.serializedControl;
     const valueType = input.dataset.serializedValueType;
@@ -214,50 +230,6 @@ function renderContextActionButtons(group, actions, busy) {
         group.appendChild(button);
     }
 }
-function createAgentBridgeStatusTooltip(status) {
-    const label = formatAgentBridgeStatusLabel(status?.status);
-    const details = [
-        `Agent Bridge：${label}`,
-        status?.url ? `URL ${status.url}` : '',
-        status?.sessionId ? `Session ${status.sessionId}` : '',
-        status ? `Capabilities ${status.capabilityCount}` : '',
-        status?.lastError ? `Error ${status.lastError}` : '',
-        status?.connectedAt ? `Connected ${status.connectedAt}` : '',
-        status?.lastChangedAt ? `Updated ${status.lastChangedAt}` : '',
-    ].filter(Boolean);
-    return details.join(' · ');
-}
-function formatAgentBridgeStatusLabel(status) {
-    switch (status) {
-        case 'disabled':
-            return '未启用';
-        case 'connecting':
-            return '连接中';
-        case 'connected':
-            return '已连接';
-        case 'disconnected':
-            return '已断开';
-        case 'error':
-            return '错误';
-        default:
-            return '未知';
-    }
-}
-function resolveAgentBridgeStatusToneColor(status) {
-    switch (status?.status) {
-        case 'connected':
-            return 'var(--fps-editor-success)';
-        case 'connecting':
-            return 'var(--fps-editor-accent-strong)';
-        case 'disconnected':
-            return 'var(--fps-editor-warn)';
-        case 'error':
-            return 'var(--fps-editor-danger-strong)';
-        case 'disabled':
-        default:
-            return 'var(--fps-editor-muted)';
-    }
-}
 function setToolbarButtonIcon(doc, button, icon) {
     const currentIcon = button.querySelector('[data-editor-icon]');
     if (currentIcon?.dataset.editorIcon === icon)
@@ -305,6 +277,7 @@ function createInspectorPropertyInput(input, source) {
         commitMode: input.dataset.serializedCommitMode,
         persistence: input.dataset.serializedPersistence,
         source: input.dataset.serializedEditSource ?? source,
+        refreshInspector: input.dataset.serializedRefreshInspector === 'false' ? false : undefined,
     };
 }
 function createInspectorPropertyInputs(input, source, lockedVectorGroups) {
@@ -2403,6 +2376,44 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     });
     construction.addCleanup('tooltip-controller', () => tooltipController.dispose());
     let currentState = null;
+    const commandService = options.commandService === undefined
+        ? createLocalEditorCommandServiceClient()
+        : options.commandService;
+    const commandPresentationCatalog = createLocalEditorCommandPresentationCatalog(async () => {
+        if (!commandService)
+            return [];
+        const entries = [];
+        let cursor;
+        do {
+            const response = await commandService.request({
+                kind: 'commands.list',
+                limit: 100,
+                ...(cursor ? { cursor } : {}),
+            });
+            if (!response.ok || response.kind !== 'commands') {
+                throw new Error('Editor Command catalog is unavailable.');
+            }
+            entries.push(...response.page.commands);
+            cursor = response.page.nextCursor;
+        } while (cursor);
+        return entries;
+    });
+    void commandPresentationCatalog.refresh();
+    construction.addCleanup('command-presentation-catalog', () => commandPresentationCatalog.dispose());
+    const commandCenter = commandService
+        ? createLocalEditorCommandCenter({
+            document: doc,
+            host: root,
+            client: commandService,
+            ...(options.commandClientId ? { clientId: options.commandClientId } : {}),
+            getSelectionIds: () => ({
+                selectedIds: [...(currentState?.selectedIds ?? [])],
+                activeId: currentState?.activeId ?? null,
+            }),
+            onOpenChange: value => inputRouter.setModalOpen(value, 'command-center'),
+        })
+        : null;
+    construction.addCleanup('command-center', () => commandCenter?.dispose());
     let pendingStatusDiagnosticRequest = null;
     let inspectorFilter = '';
     let lastRenderedInspectorContentKey = null;
@@ -2593,9 +2604,6 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     editorStatusCenter.appendChild(editorStatusCenterHeader);
     editorStatusCenter.appendChild(editorStatusCenterSummary);
     editorStatusCenter.appendChild(editorStatusCenterList);
-    const agentBridgeStatusButton = createToolbarIconButton(doc, 'Agent Bridge 状态', 'status', 'Agent Bridge 状态');
-    agentBridgeStatusButton.dataset.editorAgentBridgeStatusButton = 'true';
-    agentBridgeStatusButton.style.cursor = 'help';
     const workbench = createLocalEditorWorkbench(doc);
     const editorUiLayerHost = createEditorUiLayerHost(doc, workbench.root);
     construction.addCleanup('editor-ui-layer-host', () => editorUiLayerHost.dispose());
@@ -3184,7 +3192,6 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     sceneToolOverlay.appendChild(viewportToolsGroup);
     sceneToolOverlay.appendChild(sceneUtilityActions);
     sceneToolOverlay.appendChild(cameraPreviewGroup);
-    sceneToolOverlay.appendChild(agentBridgeStatusButton);
     sceneToolOverlay.appendChild(editorStatusButton);
     sceneToolOverlay.appendChild(toolbarOverflowButton);
     workbench.sceneHeader.appendChild(sceneToolOverlay);
@@ -3501,6 +3508,8 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     function applyThemeToSurfaces() {
         applyLocalEditorTheme(hostChrome, activeTheme);
         applyLocalEditorTheme(workbench.root, activeTheme);
+        if (commandCenter)
+            applyLocalEditorTheme(commandCenter.root, activeTheme);
         applyLocalEditorTheme(spatialOverlay.root, activeTheme);
         applyLocalEditorTheme(measurementOverlay.root, activeTheme);
         applyLocalEditorTheme(performanceMonitorOverlay.root, activeTheme);
@@ -3952,7 +3961,6 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         viewportToolsGroup,
         sceneUtilityActions,
         cameraPreviewGroup,
-        agentBridgeStatusButton,
         editorStatusButton,
         toolbarOverflowButton,
     ];
@@ -3966,7 +3974,6 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         { id: 'snap', element: snapGroup, kind: 'group' },
         { id: 'space', element: spaceGroup, kind: 'group' },
         { id: 'static-shadow-bake', element: staticShadowBakeGroup, kind: 'group' },
-        { id: 'agent-bridge-status', element: agentBridgeStatusButton, kind: 'group' },
     ];
     let toolbarOverflowOpen = false;
     let toolbarOverflowRaf = null;
@@ -5226,7 +5233,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             : '修改会影响所有使用该材质球的物体。';
         previewMeta.style.cssText = 'color:var(--fps-editor-muted);font-size:11px;font-weight:800;line-height:1.45';
         previewColumn.appendChild(previewMeta);
-        appendMaterialEditorUsageSummary(previewColumn, material.usage ?? { count: 0, items: [] });
+        appendMaterialEditorUsageSummary(previewColumn, material.id, material.usage ?? { count: 0, items: [] });
         const form = doc.createElement('div');
         form.style.cssText = 'display:grid;grid-template-columns:minmax(96px,140px) minmax(0,1fr);gap:7px 10px;align-items:center;min-width:0';
         appendMaterialEditorTextField(form, '名称', 'name', material.name || asset.label, readonly);
@@ -5281,7 +5288,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         input.style.cssText = createMaterialEditorFieldCss(readonly);
         container.appendChild(input);
     }
-    function appendMaterialEditorUsageSummary(container, usage) {
+    function appendMaterialEditorUsageSummary(container, materialAssetId, usage) {
         const panel = doc.createElement('div');
         panel.style.cssText = [
             'border:1px solid var(--fps-editor-border)',
@@ -5308,6 +5315,9 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             list.style.cssText = 'display:flex;flex-direction:column;gap:4px;min-width:0';
             for (const item of usage.items) {
                 const row = doc.createElement('div');
+                row.dataset.editorMaterialUsageMaterial = item.materialAssetId ?? materialAssetId;
+                row.dataset.editorMaterialUsageOwner = item.gameObjectId;
+                row.dataset.editorMaterialUsageBindingPath = item.bindingPath ?? '';
                 row.textContent = item.label;
                 row.title = item.bindingPath || item.label;
                 row.style.cssText = [
@@ -6630,24 +6640,16 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         if (handleDocumentShortcut
             && localTestActionsEnabled
             && isPreviewToolEnabled('local-test')
-            && primaryModifier
-            && key === 's') {
-            event.preventDefault();
-            editorConsole.append({ severity: 'info', source: 'save', message: '请求保存场景' });
-            callbacks.onSaveScene?.();
+            && queueAvailableCommandShortcut('document.save', event, () => {
+                editorConsole.append({ severity: 'info', source: 'save', message: '请求保存场景' });
+                callbacks.onSaveScene?.();
+            })) {
             return;
         }
-        if (handleGlobalShortcut && primaryModifier && key === 'z') {
-            event.preventDefault();
-            if (event.shiftKey)
-                callbacks.onRedo?.();
-            else
-                callbacks.onUndo?.();
+        if (handleGlobalShortcut && queueAvailableCommandShortcut('history.redo', event, () => callbacks.onRedo?.())) {
             return;
         }
-        if (handleGlobalShortcut && event.ctrlKey && key === 'y') {
-            event.preventDefault();
-            callbacks.onRedo?.();
+        if (handleGlobalShortcut && queueAvailableCommandShortcut('history.undo', event, () => callbacks.onUndo?.())) {
             return;
         }
         if (handleGlobalShortcut && hierarchyController.handleEditShortcut(event)) {
@@ -6674,10 +6676,10 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
                 callbacks.onToolActivate?.(tool.id);
             return;
         }
-        if (key === 'f') {
-            event.preventDefault();
+        if (queueAvailableCommandShortcut('viewport.frameSelection', event, () => {
             if (isPreviewToolEnabled('focus-selection'))
                 callbacks.onFocusSelection?.();
+        })) {
             return;
         }
         if (key === 'escape') {
@@ -6692,6 +6694,9 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     };
     doc.addEventListener('keydown', onKeyDown);
     construction.addCleanup('document-keydown', () => doc.removeEventListener('keydown', onKeyDown));
+    function queueAvailableCommandShortcut(commandId, event, invoke) {
+        return commandPresentationCatalog.queueShortcut(commandId, event, () => !uiDisposed && currentState?.mode === 'editor' && !currentState.busy, invoke);
+    }
     function formatSnapStepInputValue(snap, kind) {
         const value = kind === 'move'
             ? snap.moveStep
@@ -6904,6 +6909,28 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         const clearMeasurementDisplayChanged = clearMeasurementButton.style.display !== nextClearMeasurementDisplay;
         clearMeasurementButton.style.display = nextClearMeasurementDisplay;
         clearMeasurementButton.disabled = disabled || !hasMeasurement;
+        syncEditorStatusPresentation(state, transformTool, transformOperations.settings);
+        renderCoordinateAxesOverlay(coordinateAxesOverlay, inEditor ? state.coordinateAxes ?? null : null, state.viewportTools?.viewPreset ?? 'perspective', state.busy);
+        renderPerformanceMonitorOverlay(performanceMonitorOverlay, inEditor && !inPrefabStage ? state.performanceStats ?? null : null, inEditor && !inPrefabStage && performanceMonitorOpen);
+        prefabStagePreviewLayout.root.style.display = inEditor && inPrefabStage ? 'block' : 'none';
+        renderPrefabImportStatsOverlay(prefabImportStatsOverlay, inEditor && inPrefabStage ? state.prefabStage ?? null : null);
+        renderSpatialOverlay(spatialOverlay, inEditor ? state.viewportSpatialOverlay ?? null : null);
+        renderMeasurementOverlay(measurementOverlay, inEditor ? state.viewportMeasurement ?? null : null);
+        const boxSelection = state.boxSelection;
+        if (inEditor && boxSelection?.active) {
+            boxSelectionOverlay.style.display = '';
+            boxSelectionOverlay.style.left = `${boxSelection.left}px`;
+            boxSelectionOverlay.style.top = `${boxSelection.top}px`;
+            boxSelectionOverlay.style.width = `${boxSelection.width}px`;
+            boxSelectionOverlay.style.height = `${boxSelection.height}px`;
+        }
+        else {
+            boxSelectionOverlay.style.display = 'none';
+        }
+        if (clearMeasurementDisplayChanged)
+            scheduleToolbarOverflowLayout();
+    };
+    function syncEditorStatusPresentation(state, transformTool = state.transformTool ?? null, operationSettings = state.transformOperations?.settings ?? DEFAULT_EDITOR_TRANSFORM_OPERATION_SETTINGS) {
         const editorStatusText = [
             state.status,
             state.session?.dirty ? '有未保存更改' : '',
@@ -6929,7 +6956,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             `验证中心：${editorStatusText}`,
             state.statusDetails && state.statusDetails !== state.status ? state.statusDetails : '',
             transformStatusText,
-            LocalEditorShared.toTransformOperationStatusLabel(transformOperations.settings),
+            LocalEditorShared.toTransformOperationStatusLabel(operationSettings),
             statusDiagnostics.length > 0 ? `${statusDiagnostics.length} 条诊断，点击查看并复制` : '',
         ].filter(Boolean).join(' · '));
         editorStatusButton.style.color = statusToneColor;
@@ -6939,46 +6966,23 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         editorStatusButton.dataset.editorStatusSeverity = diagnosticTone ?? 'default';
         if (editorStatusCenterOpen)
             renderEditorStatusCenter(state);
-        const agentBridgeStatusColor = resolveAgentBridgeStatusToneColor(state.agentBridge);
-        agentBridgeStatusButton.style.display = inEditor ? 'inline-flex' : 'none';
-        agentBridgeStatusButton.style.color = agentBridgeStatusColor;
-        agentBridgeStatusButton.style.borderColor = state.agentBridge?.status === 'disabled'
-            ? 'var(--fps-editor-border)'
-            : agentBridgeStatusColor;
-        setToolbarButtonTooltip(agentBridgeStatusButton, createAgentBridgeStatusTooltip(state.agentBridge));
-        renderCoordinateAxesOverlay(coordinateAxesOverlay, inEditor ? state.coordinateAxes ?? null : null, state.viewportTools?.viewPreset ?? 'perspective', state.busy);
-        renderPerformanceMonitorOverlay(performanceMonitorOverlay, inEditor && !inPrefabStage ? state.performanceStats ?? null : null, inEditor && !inPrefabStage && performanceMonitorOpen);
-        prefabStagePreviewLayout.root.style.display = inEditor && inPrefabStage ? 'block' : 'none';
-        renderPrefabImportStatsOverlay(prefabImportStatsOverlay, inEditor && inPrefabStage ? state.prefabStage ?? null : null);
-        renderSpatialOverlay(spatialOverlay, inEditor ? state.viewportSpatialOverlay ?? null : null);
-        renderMeasurementOverlay(measurementOverlay, inEditor ? state.viewportMeasurement ?? null : null);
-        const boxSelection = state.boxSelection;
-        if (inEditor && boxSelection?.active) {
-            boxSelectionOverlay.style.display = '';
-            boxSelectionOverlay.style.left = `${boxSelection.left}px`;
-            boxSelectionOverlay.style.top = `${boxSelection.top}px`;
-            boxSelectionOverlay.style.width = `${boxSelection.width}px`;
-            boxSelectionOverlay.style.height = `${boxSelection.height}px`;
-        }
-        else {
-            boxSelectionOverlay.style.display = 'none';
-        }
-        if (clearMeasurementDisplayChanged)
-            scheduleToolbarOverflowLayout();
-    };
+    }
     const updatePreview = (preview) => {
         if (!currentState)
             return;
+        const { inspectorPresentationPatches, ...statePreview } = preview;
         const toolPresentationStartedAt = typeof performance !== 'undefined' ? performance.now() : Date.now();
-        const shouldRenderToolPresentation = 'tools' in preview || 'activeToolId' in preview;
+        const shouldRenderToolPresentation = 'tools' in statePreview || 'activeToolId' in statePreview;
         const previousActiveToolId = currentState.activeToolId ?? null;
-        const shouldRenderInspectorPreview = 'inspectorObject' in preview || 'inspectorMultiObject' in preview;
-        const shouldRenderSelectionPresentation = 'selectedIds' in preview
-            || 'activeId' in preview
-            || 'selectionSummary' in preview;
+        const shouldRenderSessionPresentation = 'session' in statePreview;
+        const shouldRenderInspectorPreview = 'inspectorObject' in statePreview || 'inspectorMultiObject' in statePreview;
+        const shouldRenderSelectionPresentation = 'selectedIds' in statePreview
+            || 'activeId' in statePreview
+            || 'selectionSummary' in statePreview;
+        const shouldRenderPreviewSurfaces = shouldRenderLocalEditorPreviewSurfaces(statePreview);
         const nextState = {
             ...currentState,
-            ...preview,
+            ...statePreview,
         };
         const nextInspectorContentKey = resolveLocalEditorRightDockContentKey(nextState, 'inspector', inspectorFilter);
         const inspectorPreviewScrollSnapshot = shouldRenderInspectorPreview
@@ -6986,9 +6990,12 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             ? captureLocalEditorRightDockScrollSnapshot(currentState, 'inspector', inspectorFilter, inspectorPanel, renderingPanel, markersPanel, pluginsPanel)
             : null;
         currentState = nextState;
-        if ('inspectorPending' in preview) {
+        if ('inspectorPending' in statePreview) {
             syncLocalEditorInspectorPendingState(inspectorPanel, currentState.inspectorPending === true);
         }
+        if (inspectorPresentationPatches?.length) {
+            LocalEditorPanels.applyInspectorPresentationPatches(inspectorPanel, inspectorPresentationPatches);
+        }
         if (shouldRenderToolPresentation) {
             renderToolPresentationState(currentState);
             scheduleToolbarOverflowLayout();
@@ -7002,9 +7009,26 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
                 });
             }
         }
-        if (shouldRenderSelectionPresentation)
-            hierarchyController.render(currentState);
-        renderPreviewState(currentState);
+        if (shouldRenderSessionPresentation) {
+            undoButton.disabled = currentState.busy || !currentState.session?.canUndo;
+            redoButton.disabled = currentState.busy || !currentState.session?.canRedo;
+            dirtyBadge.style.display = currentState.mode === 'editor' && currentState.session?.dirty
+                ? 'inline-flex'
+                : 'none';
+        }
+        const hierarchySelectionPresentation = shouldRenderSelectionPresentation
+            ? hierarchyController.syncSelectionPresentation(currentState)
+            : null;
+        if (hierarchySelectionPresentation) {
+            applyLocalEditorSelectionInspectorSummaryPresentation(inspectorPanel, {
+                inspectorPending: currentState.inspectorPending === true,
+                selectedIds: hierarchySelectionPresentation.selectedIds,
+                activeId: hierarchySelectionPresentation.activeId,
+                activeLabel: hierarchySelectionPresentation.activeLabel,
+            });
+        }
+        if (shouldRenderPreviewSurfaces)
+            renderPreviewState(currentState);
         if (shouldRenderInspectorPreview
             && currentState.mode === 'editor'
             && !!currentState.prefabStage
@@ -7037,6 +7061,104 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             });
         }
     };
+    const updatePresentationDelta = (delta) => {
+        if (!currentState)
+            return false;
+        let presentationState = currentState;
+        if (delta.session !== undefined
+            || delta.status !== undefined
+            || delta.statusTone !== undefined
+            || delta.statusDetails !== undefined
+            || delta.inspectorObject !== undefined
+            || delta.inspectorMultiObject !== undefined
+            || delta.inspectorPresentationGeneration !== undefined
+            || delta.renderingPanel !== undefined
+            || delta.pluginPanel !== undefined) {
+            presentationState = {
+                ...presentationState,
+                ...(delta.session !== undefined ? { session: delta.session } : {}),
+                ...(delta.status !== undefined ? { status: delta.status } : {}),
+                ...(delta.statusTone !== undefined ? { statusTone: delta.statusTone } : {}),
+                ...(delta.statusDetails !== undefined ? { statusDetails: delta.statusDetails } : {}),
+                ...(delta.inspectorObject !== undefined ? { inspectorObject: delta.inspectorObject } : {}),
+                ...(delta.inspectorMultiObject !== undefined ? { inspectorMultiObject: delta.inspectorMultiObject } : {}),
+                ...(delta.inspectorPresentationGeneration !== undefined
+                    ? { inspectorPresentationGeneration: delta.inspectorPresentationGeneration }
+                    : {}),
+                ...(delta.renderingPanel !== undefined ? { renderingPanel: delta.renderingPanel } : {}),
+                ...(delta.pluginPanel !== undefined ? { pluginPanel: delta.pluginPanel } : {}),
+            };
+            currentState = presentationState;
+        }
+        if (delta.session !== undefined) {
+            const inEditor = presentationState.mode === 'editor';
+            undoButton.disabled = presentationState.busy || !presentationState.session?.canUndo;
+            redoButton.disabled = presentationState.busy || !presentationState.session?.canRedo;
+            dirtyBadge.style.display = inEditor && presentationState.session?.dirty ? 'inline-flex' : 'none';
+            syncEditorStatusPresentation(presentationState);
+        }
+        if (delta.session !== undefined && panelRegistry.getBottomDockTab() === 'history') {
+            LocalEditorPanels.renderWorkbenchBottomDockPanel(doc, assetPanel, presentationState, 'history', panelRegistry.getPanels('bottom'), assetBrowserTab);
+        }
+        if (delta.inspectorValuePatches?.length) {
+            LocalEditorPanels.applyInspectorPresentationPatches(inspectorPanel, delta.inspectorValuePatches);
+        }
+        if (delta.hierarchyLabels) {
+            if (!syncLocalEditorHierarchyLabelPresentation(hierarchyPanel, hierarchyKernel, delta.hierarchyLabels))
+                return false;
+        }
+        if (delta.materialUsageOwnerNames) {
+            const usageUpdate = updateLocalEditorMaterialUsageOwnerNames(presentationState.assets, delta.materialUsageOwnerNames);
+            if (!usageUpdate.valid)
+                return false;
+            if (usageUpdate.changed) {
+                presentationState = {
+                    ...presentationState,
+                    assets: usageUpdate.assets,
+                };
+                currentState = presentationState;
+                for (const usageRoot of [assetPanel, assetPreviewModal]) {
+                    applyLocalEditorMaterialUsageOwnerNames(usageRoot, usageUpdate.assets, usageUpdate.identities);
+                }
+            }
+        }
+        if (Array.isArray(delta.inspector) && delta.inspector.includes('summary')) {
+            const activeId = presentationState.activeId;
+            const activeLabel = activeId
+                ? delta.hierarchyLabels?.[activeId]
+                    ?? hierarchyKernel.getViewModel()?.snapshot.nodeById.get(activeId)?.label
+                : null;
+            if (activeLabel) {
+                const inspectorObject = presentationState.inspectorObject;
+                if (inspectorObject && inspectorObject.activeId === activeId) {
+                    presentationState = {
+                        ...presentationState,
+                        inspectorObject: {
+                            ...inspectorObject,
+                            label: activeLabel,
+                        },
+                    };
+                    currentState = presentationState;
+                }
+                LocalEditorPanels.applyInspectorSummaryLabel(inspectorPanel, activeLabel);
+            }
+        }
+        if (delta.inspector === 'full'
+            || (Array.isArray(delta.inspector)
+                && (delta.inspector.includes('material')
+                    || (delta.inspector.includes('transform') && delta.inspectorObject !== undefined)))) {
+            LocalEditorPanels.renderInspectorPanel(doc, inspectorPanel, presentationState, inspectorFilter, {
+                ...options.inspector, layerHost: editorUiLayerHost, lockedVectorGroups: lockedInspectorVectorGroups,
+            });
+        }
+        if (delta.rendering) {
+            LocalEditorPanels.renderRenderingPanel(doc, renderingPanel, presentationState, { layerHost: editorUiLayerHost });
+        }
+        if (delta.pluginPanel !== undefined && panelRegistry.getRightDockTab() === 'plugins') {
+            renderLocalEditorPluginPanel(doc, pluginsPanel, presentationState.pluginPanel ?? null);
+        }
+        return true;
+    };
     const render = (state) => {
         const previousState = currentState;
         const assetBrowserContinuitySnapshot = assetBrowserContinuity.capture(lastRenderedAssetBrowserContentKey);
@@ -7386,6 +7508,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             render(state);
         },
         updatePreview,
+        updatePresentationDelta,
         updateSceneFrameStats(stats) {
             if (currentState)
                 currentState = { ...currentState, sceneFrameStats: stats };
@@ -7428,6 +7551,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
                     errors.push(error);
                 }
             };
+            run('command-presentation-catalog', () => commandPresentationCatalog.dispose());
             run('toolbar-overflow-frame', () => {
                 if (toolbarOverflowRaf != null) {
                     doc.defaultView?.cancelAnimationFrame(toolbarOverflowRaf);
@@ -7470,6 +7594,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             run('prefab-stage-preview-layout', () => prefabStagePreviewLayout.root.remove());
             run('box-selection-overlay', () => boxSelectionOverlay.remove());
             run('shortcut-help-panel', () => shortcutHelpPanel.remove());
+            run('command-center', () => commandCenter?.dispose());
             run('project-model-preview', () => disposeProjectModelPreview());
             run('project-media-thumbnails', () => resetProjectMediaThumbnailCache());
             run('project-model-thumbnail-cache', () => projectModelThumbnailCache.dispose());
@@ -7509,4 +7634,104 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         },
     };
 }
+/** Updates the indexed asset snapshot without rescanning the authored document. */
+export function updateLocalEditorMaterialUsageOwnerNames(assets, ownerNames) {
+    let changed = false;
+    let valid = true;
+    const identities = [];
+    const nextAssets = assets.map(asset => {
+        const usage = asset.material?.usage;
+        if (!usage)
+            return asset;
+        let usageChanged = false;
+        const items = usage.items.map(item => {
+            const ownerId = item.gameObjectId;
+            if (!ownerId || !Object.prototype.hasOwnProperty.call(ownerNames, ownerId))
+                return item;
+            const ownerName = ownerNames[ownerId];
+            const previousOwnerPrefix = item.gameObjectName ? `${item.gameObjectName} / ` : '';
+            if (item.slotId && (!previousOwnerPrefix || !item.label.startsWith(previousOwnerPrefix))) {
+                valid = false;
+                return item;
+            }
+            const displaySuffix = item.slotId ? item.label.slice(previousOwnerPrefix.length) : '';
+            const label = displaySuffix ? `${ownerName} / ${displaySuffix}` : ownerName;
+            identities.push({
+                materialAssetId: item.materialAssetId ?? asset.material.id,
+                ownerId,
+                bindingPath: item.bindingPath ?? '',
+            });
+            usageChanged = true;
+            changed = true;
+            return {
+                ...item,
+                gameObjectName: ownerName,
+                label,
+            };
+        });
+        if (!usageChanged)
+            return asset;
+        return {
+            ...asset,
+            material: {
+                ...asset.material,
+                usage: {
+                    ...usage,
+                    items,
+                },
+            },
+        };
+    });
+    if (!valid) {
+        return {
+            assets,
+            identities: [],
+            changed: false,
+            valid: false,
+        };
+    }
+    return {
+        assets: changed ? nextAssets : assets,
+        identities,
+        changed,
+        valid: true,
+    };
+}
+/** Reconciles mounted material usage rows without rebuilding the Asset panel. */
+export function applyLocalEditorMaterialUsageOwnerNames(root, assets, identities) {
+    const identityKeys = new Set(identities.map(identity => [
+        identity.materialAssetId,
+        identity.ownerId,
+        identity.bindingPath,
+    ].join('\u0000')));
+    const itemsByIdentity = new Map();
+    for (const asset of assets) {
+        for (const item of asset.material?.usage?.items ?? []) {
+            if (!item.gameObjectId)
+                continue;
+            const key = [
+                item.materialAssetId ?? asset.material.id,
+                item.gameObjectId,
+                item.bindingPath ?? '',
+            ].join('\u0000');
+            if (identityKeys.has(key))
+                itemsByIdentity.set(key, item);
+        }
+    }
+    let applied = false;
+    for (const row of root.querySelectorAll('[data-editor-material-usage-owner]')) {
+        const key = [
+            row.dataset.editorMaterialUsageMaterial ?? '',
+            row.dataset.editorMaterialUsageOwner ?? '',
+            row.dataset.editorMaterialUsageBindingPath ?? '',
+        ].join('\u0000');
+        const item = itemsByIdentity.get(key);
+        if (!item)
+            continue;
+        row.textContent = item.label;
+        row.title = item.bindingPath || item.label;
+        applied = true;
+    }
+    return applied;
+}
 //# sourceMappingURL=local-editor-ui.js.map