npm - @fps-games/editor - Versions diffs - 0.2.0-beta.4 → 0.2.1-beta.1 - Mend

@fps-games/editor 0.2.0-beta.4 → 0.2.1-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1397) hide show

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

@@ -7,29 +7,29 @@ import { createLocalEditorTooltipController } from './local-editor-ui-tooltip.js
 import { createLocalEditorViewportRevealController } from './local-editor-ui-dock-panel.js';
 import { createLocalEditorModalDialog } from './local-editor-ui-modal-dialog.js';
 import { parseLocalEditorBrowserInspectorGroupValueClipboardPayload, } from './local-editor-inspector-clipboard.js';
-import { LOCAL_EDITOR_BROWSER_INSPECTOR_VEC3_AXES, resolveLocalEditorBrowserInspectorVectorGroupPathFromPropertyPath, } from './local-editor-inspector-groups.js';
-import { DEFAULT_EDITOR_TRANSFORM_OPERATION_SETTINGS, DEFAULT_EDITOR_TRANSFORM_TOOL_DESCRIPTORS, } from '@fps-games/editor-core';
+import { writeLocalEditorClipboardText } from './local-editor-clipboard.js';
+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';
 export { createLocalEditorViewportRevealController, isLocalEditorElementVisibleInViewport, resolveLocalEditorViewportRevealScrollTop, revealLocalEditorElementInViewport, } from './local-editor-ui-dock-panel.js';
-export { createLocalEditorHierarchyBlankMenu, createLocalEditorHierarchyCopyShortcutAction, createLocalEditorHierarchyDeleteShortcutAction, createLocalEditorHierarchyDuplicateShortcutAction, createLocalEditorHierarchyNodeMenu, createLocalEditorHierarchyPasteShortcutAction, createLocalEditorHierarchySelectAllShortcutAction, } from './local-editor-ui-hierarchy-actions.js';
-export { createLocalEditorHierarchyController, resolveLocalEditorHierarchyCreateMarkerParentId, resolveLocalEditorHierarchyToolbarActiveId, } from './local-editor-ui-hierarchy-controller.js';
-export { resolveLocalEditorHierarchySearchRows, } from './local-editor-ui-hierarchy-view.js';
-export { createLocalEditorHierarchyAttachDialog, resolveLocalEditorHierarchyAttachTargets, } from './local-editor-ui-hierarchy-attach-dialog.js';
-export { canLocalEditorHierarchyNodeHaveChildren, canLocalEditorHierarchyNodeDelete, canLocalEditorHierarchyNodeRename, canLocalEditorHierarchyNodeToggleEnabled, createLocalEditorHierarchyTreeModel, isLocalEditorHierarchyNodeSelectable, isLocalEditorHierarchyNodeMovable, } from './local-editor-ui-hierarchy-tree.js';
+export { canUseHierarchyProviderReparent, createHierarchyEnabledOperationRequest, createLocalEditorHierarchyController, createHierarchyOperationMenuItems, createHierarchyToolbarCreateMenuItems, matchesHierarchyOperationShortcut, } from './local-editor-ui-hierarchy-controller.js';
+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';
 import { createLocalEditorWorkbenchInputRouter } from './local-editor-ui-input-router.js';
 import { createLocalEditorPanelRegistry } from './local-editor-ui-panel-registry.js';
+import { createLocalEditorFormalSurfaceVisibilityController, disposeLocalEditorFormalSurfaces, shouldRenderLocalEditorInspectorPreview, } 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';
 import { applyLocalEditorTheme, ensureLocalEditorTheme, LOCAL_EDITOR_THEME_CLASS, normalizeLocalEditorThemeName, } from './local-editor-ui-theme.js';
 import { createDefaultLocalEditorWorkbenchLayout, createLocalEditorWorkbenchLayoutController, createLocalEditorWorkbench, createSceneHeaderToolbar, createWorkbenchPanelContent, } from './local-editor-ui-workbench.js';
 import { createLocalEditorIcon, isLocalEditorIconName } from './local-editor-ui-icons.js';
-import { createLocalEditorStatusCenterViewModel, resolveLocalEditorStatusDiagnostics, shouldCloseLocalEditorStatusCenter, } from './local-editor-ui-status-diagnostics.js';
-import { formatLocalEditorStatusDiagnosticDetails } from './local-editor-ui-hierarchy-projection.js';
+import { createLocalEditorStatusCenterViewModel, resolveLocalEditorStatusDiagnosticLocatePlan, settleLocalEditorStatusDiagnosticRequest, resolveLocalEditorStatusDiagnostics, shouldCloseLocalEditorStatusCenter, } from './local-editor-ui-status-diagnostics.js';
+import { formatLocalEditorStatusDiagnosticDetails } from './local-editor-ui-status-format.js';
 import { resolveLocalEditorBrowserAssetKind, } from './local-editor-ui-asset-kind.js';
-import { createLocalEditorPrefabStageTitle, findLocalEditorPrefabStageStructureItem, formatLocalEditorPrefabStageComparisonPreviewStatus, LOCAL_EDITOR_PREFAB_COMPARISON_COLUMN_WIDTH_PX, resolveLocalEditorRightDockVisibility, resolveLocalEditorPrefabStageComparisonPreviewTone, resolveLocalEditorPrefabStageWorkbenchLayout, resolveLocalEditorPreviewToolSupport, shouldLocalEditorClosePerformanceMonitor, shouldLocalEditorPrefabStageBlockHierarchyShortcut, shouldShowLocalEditorPrefabComparisonColumn, shouldToggleLocalEditorPrefabComparisonShortcut, } from './local-editor-ui-prefab-stage.js';
-export { applyLocalEditorBrowserInspectorControlBinding, createLocalEditorBrowserInspectorControlRegistry, formatLocalEditorBrowserInspectorNumberValue, formatLocalEditorBrowserInspectorValue, parseLocalEditorBrowserInspectorNumberValue, resolveLocalEditorBrowserInspectorSectionStatus, resolveLocalEditorBrowserInspectorControlRegistration, } from './local-editor-ui-panels.js';
+import { createLocalEditorPrefabStageTitle, findLocalEditorPrefabStageStructureItem, resolveLocalEditorRightDockVisibility, resolveLocalEditorPrefabStageWorkbenchLayout, resolveLocalEditorPreviewToolSupport, shouldLocalEditorClosePerformanceMonitor, } from './local-editor-ui-prefab-stage.js';
+export { applyLocalEditorBrowserInspectorControlBinding, createLocalEditorBrowserInspectorControlRegistry, formatLocalEditorBrowserInspectorNumberValue, formatLocalEditorBrowserInspectorValue, parseLocalEditorBrowserInspectorNumberValue, resolveLocalEditorBrowserInspectorSectionStatus, resolveLocalEditorBrowserInspectorControlRegistration, shouldShowPrefabModelAddAction, } from './local-editor-ui-panels.js';
 export { createLocalEditorBrowserInspectorGroupValueClipboardPayload, createLocalEditorBrowserInspectorVectorCopyPayload, parseLocalEditorBrowserInspectorGroupValueClipboardPayload, } from './local-editor-inspector-clipboard.js';
 export { LOCAL_EDITOR_BROWSER_INSPECTOR_VEC3_AXES, isLocalEditorBrowserInspectorTransformVectorGroupPath, resolveLocalEditorBrowserInspectorVectorGroupAxisFromPropertyPath, resolveLocalEditorBrowserInspectorVectorGroupPathFromPropertyPath, resolveLocalEditorBrowserInspectorVectorGroupPathFromProperties, } from './local-editor-inspector-groups.js';
 export { DEFAULT_LOCAL_EDITOR_THEME, LOCAL_EDITOR_THEME_CLASS, applyLocalEditorTheme, normalizeLocalEditorThemeName, } from './local-editor-ui-theme.js';
@@ -91,12 +91,6 @@ function isInspectorSerializedInputValue(value) {
         || typeof value === 'boolean'
         || (!!value && typeof value === 'object' && !Array.isArray(value));
 }
-const TRANSFORM_TOOL_ICONS = {
-    select: 'select',
-    move: 'move',
-    rotate: 'rotate',
-    scale: 'scale',
-};
 const TRANSFORM_SPACE_ICONS = {
     world: 'world',
     local: 'local',
@@ -165,12 +159,6 @@ const TRANSFORM_ACTION_LABELS = {
     'distribute-y': '分布 Y',
     'distribute-z': '分布 Z',
 };
-function createTransformToolTooltip(descriptor) {
-    const toolLabel = descriptor.shortcut
-        ? `${descriptor.label}工具 (${descriptor.shortcut})`
-        : `${descriptor.label}工具`;
-    return `${toolLabel} · ${LocalEditorShared.toTransformMouseHint(descriptor.tool)}`;
-}
 function createToolbarIconButton(doc, label, icon, tooltip = label, toolbarRole = 'command') {
     return LocalEditorShared.createButton(doc, label, {
         icon,
@@ -185,6 +173,42 @@ function setToolbarButtonTooltip(button, tooltip) {
     button.dataset.editorTooltip = tooltip;
     button.setAttribute('aria-label', tooltip);
 }
+export function matchesContextActionShortcut(shortcut, event) {
+    if (!shortcut)
+        return false;
+    const parts = shortcut.toLowerCase().split('+').map(part => part.trim()).filter(Boolean);
+    const key = parts[parts.length - 1];
+    if (!key || event.key.toLowerCase() !== key)
+        return false;
+    const needsPrimary = parts.includes('mod');
+    if (needsPrimary !== (event.metaKey || event.ctrlKey))
+        return false;
+    if (parts.includes('shift') !== event.shiftKey)
+        return false;
+    if (parts.includes('alt') !== event.altKey)
+        return false;
+    return true;
+}
+function renderContextActionButtons(group, actions, busy) {
+    group.replaceChildren();
+    const visible = actions
+        .filter(action => action.availability.state !== 'hidden')
+        .sort((left, right) => left.order - right.order || left.id.localeCompare(right.id));
+    group.style.display = visible.length > 0 ? 'flex' : 'none';
+    for (const action of visible) {
+        const icon = isLocalEditorIconName(action.icon) ? action.icon : 'execute';
+        const tooltip = action.shortcut ? `${action.label} (${action.shortcut})` : action.label;
+        const button = createToolbarIconButton(group.ownerDocument, action.label, icon, tooltip);
+        button.dataset.editorContextAction = action.id;
+        button.disabled = busy || action.availability.state !== 'enabled';
+        if (action.availability.state === 'disabled' && action.availability.reason) {
+            setToolbarButtonTooltip(button, action.availability.reason);
+        }
+        if (action.danger)
+            button.style.color = 'var(--fps-editor-danger-strong)';
+        group.appendChild(button);
+    }
+}
 function createAgentBridgeStatusTooltip(status) {
     const label = formatAgentBridgeStatusLabel(status?.status);
     const details = [
@@ -282,7 +306,8 @@ function createInspectorPropertyInputs(input, source, lockedVectorGroups) {
     const propertyInput = createInspectorPropertyInput(input, source);
     if (!propertyInput)
         return null;
-    const groupPath = resolveLocalEditorBrowserInspectorVectorGroupPathFromPropertyPath(propertyInput.path);
+    const vectorAxis = resolveLocalEditorBrowserInspectorVectorGroupAxisFromPropertyPath(propertyInput.path);
+    const groupPath = vectorAxis?.groupPath ?? null;
     const forceVectorLock = input.dataset.serializedForceVectorLock === 'true';
     if (!groupPath || (!forceVectorLock && !lockedVectorGroups.has(groupPath)))
         return [propertyInput];
@@ -290,9 +315,30 @@ function createInspectorPropertyInputs(input, source, lockedVectorGroups) {
         return [propertyInput];
     if (typeof propertyInput.value !== 'number' || !Number.isFinite(propertyInput.value))
         return [propertyInput];
+    if (groupPath !== 'transform.scale' || !vectorAxis)
+        return [propertyInput];
+    const group = input.closest('[data-editor-inspector-vector-group-path="transform.scale"]');
+    const baseValue = {};
+    for (const field of group?.querySelectorAll('input[data-serialized-path]') ?? []) {
+        const fieldAxis = resolveLocalEditorBrowserInspectorVectorGroupAxisFromPropertyPath(field.dataset.serializedPath);
+        const serializedBaseValue = field.dataset.serializedVectorBaseValue;
+        if (fieldAxis?.groupPath !== groupPath || serializedBaseValue == null)
+            continue;
+        const numericBaseValue = Number(serializedBaseValue);
+        if (Number.isFinite(numericBaseValue))
+            baseValue[fieldAxis.axis] = numericBaseValue;
+    }
+    if (!LOCAL_EDITOR_BROWSER_INSPECTOR_VEC3_AXES.every(axis => typeof baseValue[axis] === 'number')) {
+        return [propertyInput];
+    }
+    const serializedPrecision = Number(input.dataset.serializedNumberPrecision);
+    const scaleValues = resolveLocalEditorBrowserInspectorProportionalScaleValues(baseValue, vectorAxis.axis, propertyInput.value, Number.isInteger(serializedPrecision) ? serializedPrecision : 4);
+    if (!scaleValues)
+        return [propertyInput];
     return LOCAL_EDITOR_BROWSER_INSPECTOR_VEC3_AXES.map(axis => ({
         ...propertyInput,
         path: `${groupPath}.${axis}`,
+        value: scaleValues[axis],
     }));
 }
 function createInspectorVectorPastePropertyInputs(input, payload) {
@@ -334,23 +380,22 @@ function applyInspectorVectorPasteToDom(input, payload) {
 function applyInspectorLockedVectorInputToDom(input, propertyInputs) {
     if (!(input instanceof HTMLInputElement))
         return;
-    const first = propertyInputs[0];
-    if (!first || propertyInputs.length !== LOCAL_EDITOR_BROWSER_INSPECTOR_VEC3_AXES.length)
+    if (propertyInputs.length !== LOCAL_EDITOR_BROWSER_INSPECTOR_VEC3_AXES.length)
         return;
-    if (typeof first.value !== 'number' || !Number.isFinite(first.value))
-        return;
-    const groupPath = resolveLocalEditorBrowserInspectorVectorGroupPathFromPropertyPath(first.path);
+    const groupPath = resolveLocalEditorBrowserInspectorVectorGroupPathFromPropertyPath(propertyInputs[0]?.path);
     if (!groupPath)
         return;
+    const values = new Map(propertyInputs.map(propertyInput => [propertyInput.path, propertyInput.value]));
     const group = input.closest('[data-editor-inspector-vector-group-path]');
     const fields = group
         ? Array.from(group.querySelectorAll('input[data-serialized-path]'))
         : [input];
-    const formatted = LocalEditorPanels.formatLocalEditorBrowserInspectorNumberValue(first.value);
     for (const field of fields) {
-        if (resolveLocalEditorBrowserInspectorVectorGroupPathFromPropertyPath(field.dataset.serializedPath) === groupPath) {
-            field.value = formatted;
-        }
+        const path = field.dataset.serializedPath;
+        const value = path ? values.get(path) : undefined;
+        if (typeof value !== 'number' || !Number.isFinite(value))
+            continue;
+        field.value = String(Object.is(value, -0) ? 0 : value);
     }
 }
 function readRenderingInputValue(input, source) {
@@ -765,6 +810,9 @@ function consumeLocalEditorKeyboardCommittedValue(input) {
     delete input.dataset.editorKeyboardCommittedValue;
     return true;
 }
+function hasLocalEditorUiKeyboardCommitPending(input) {
+    return input.dataset.editorUiKeyboardCommitPending === 'true';
+}
 function isLocalEditorKeyboardCommitEvent(event, input) {
     if (event.key !== 'Enter' || event.isComposing)
         return false;
@@ -780,6 +828,7 @@ function commitLocalEditorInspectorInput(input, callbacks, lockedInspectorVector
     const propertyInputs = createInspectorPropertyInputs(input, 'input', lockedInspectorVectorGroups);
     if (!propertyInputs)
         return false;
+    delete input.dataset.editorUiKeyboardCommitPending;
     applyInspectorLockedVectorInputToDom(input, propertyInputs);
     markLocalEditorKeyboardCommittedValue(input);
     for (const propertyInput of propertyInputs)
@@ -1176,7 +1225,7 @@ const PREFAB_IMPORT_STATS_METRICS = [
 ];
 function createSceneFrameRateOverlay(doc) {
     const root = doc.createElement('div');
-    root.classList.add(LOCAL_EDITOR_THEME_CLASS);
+    root.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-overlay-card');
     root.dataset.editorSceneFrameRateOverlay = 'true';
     root.style.cssText = [
         'position:absolute',
@@ -1266,7 +1315,7 @@ function renderSceneFrameRateOverlay(overlay, stats) {
 }
 function createPerformanceMonitorOverlay(doc) {
     const root = doc.createElement('section');
-    root.classList.add(LOCAL_EDITOR_THEME_CLASS);
+    root.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-overlay-card');
     root.dataset.editorPerformanceMonitorOverlay = 'true';
     root.setAttribute('aria-label', '编辑器性能监控');
     root.style.cssText = [
@@ -1394,7 +1443,7 @@ function renderPerformanceMonitorOverlay(overlay, stats, open) {
 }
 function createPrefabImportStatsOverlay(doc) {
     const root = doc.createElement('section');
-    root.classList.add(LOCAL_EDITOR_THEME_CLASS);
+    root.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-overlay-card');
     root.dataset.editorPrefabImportStatsOverlay = 'true';
     root.setAttribute('aria-label', 'Prefab import diagnostics');
     root.style.cssText = [
@@ -1505,7 +1554,7 @@ function renderPrefabImportStatsOverlay(overlay, stage) {
 }
 function createPrefabStagePreviewLayout(doc) {
     const root = doc.createElement('section');
-    root.classList.add(LOCAL_EDITOR_THEME_CLASS);
+    root.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-prefab-stage-layout');
     root.dataset.editorPrefabStagePreviewLayout = 'true';
     root.setAttribute('aria-label', 'Prefab stage preview layout');
     root.style.cssText = [
@@ -1532,215 +1581,8 @@ function createPrefabStagePreviewLayout(doc) {
         'overflow:hidden',
         'pointer-events:none',
     ].join(';');
-    const comparisonColumn = doc.createElement('aside');
-    comparisonColumn.dataset.editorPrefabStageComparisonColumn = 'true';
-    comparisonColumn.setAttribute('aria-label', 'Prefab comparison previews');
-    comparisonColumn.style.cssText = [
-        'position:absolute',
-        'top:0',
-        'right:0',
-        'bottom:0',
-        `width:${LOCAL_EDITOR_PREFAB_COMPARISON_COLUMN_WIDTH_PX}px`,
-        'display:none',
-        'flex-direction:column',
-        'box-sizing:border-box',
-        'gap:10px',
-        'padding:10px',
-        'border-left:1px solid color-mix(in srgb, var(--fps-editor-divider) 82%, transparent)',
-        'background:transparent',
-        'box-shadow:none',
-        'pointer-events:auto',
-        'overflow:hidden',
-    ].join(';');
-    root.append(mainRegion, comparisonColumn);
-    return { root, mainRegion, comparisonColumn };
-}
-function createPrefabComparisonPreviewOverlay(doc) {
-    const root = doc.createElement('section');
-    root.classList.add(LOCAL_EDITOR_THEME_CLASS);
-    root.dataset.editorPrefabComparisonPreviewOverlay = 'true';
-    root.setAttribute('aria-label', 'Prefab clone and InstanceMesh comparison previews');
-    root.style.cssText = [
-        'display:none',
-        'flex:1 1 auto',
-        'min-height:0',
-        'width:100%',
-        'box-sizing:border-box',
-        'grid-template-rows:minmax(0,1fr) minmax(0,1fr)',
-        'gap:10px',
-        'overflow:hidden',
-        'font-family:var(--fps-editor-font)',
-        'pointer-events:auto',
-    ].join(';');
-    return { root, cards: new Map() };
-}
-function renderPrefabComparisonPreviewOverlay(overlay, stage) {
-    const previews = stage?.comparisonPreviews ?? [];
-    if (!stage || previews.length === 0) {
-        overlay.root.style.display = 'none';
-        return;
-    }
-    overlay.root.style.display = 'grid';
-    const visibleIds = new Set();
-    for (const preview of previews) {
-        const card = getOrCreatePrefabComparisonPreviewCard(overlay, preview);
-        visibleIds.add(preview.id);
-        card.root.style.display = 'flex';
-        card.title.textContent = preview.label;
-        card.statusLabel.textContent = formatLocalEditorPrefabStageComparisonPreviewStatus(preview.status);
-        card.statusLabel.style.color = getPrefabComparisonPreviewStatusColor(preview.status);
-        card.surface.dataset.editorPrefabComparisonPreviewId = preview.id;
-        card.surface.dataset.editorPrefabComparisonPreviewSurface = preview.projectionNodeId;
-        card.surface.dataset.editorPrefabComparisonPreviewStatus = preview.status;
-        card.surface.style.background = preview.status === 'ready'
-            ? 'transparent'
-            : 'color-mix(in srgb, var(--fps-editor-field) 74%, transparent)';
-        card.surface.textContent = preview.status === 'ready'
-            ? ''
-            : preview.status === 'loading'
-                ? 'Preview loading'
-                : 'Preview unavailable';
-        card.root.title = [
-            `${preview.label}: ${preview.status}`,
-            `mode: ${preview.mode}`,
-            `projection: ${preview.projectionNodeId}`,
-        ].join(' | ');
-    }
-    for (const [id, card] of overlay.cards) {
-        if (!visibleIds.has(id))
-            card.root.style.display = 'none';
-    }
-}
-function readPrefabComparisonPreviewSurfaces(overlay) {
-    if (overlay.root.style.display === 'none')
-        return [];
-    const surfaces = [];
-    for (const [previewId, card] of overlay.cards) {
-        if (card.root.style.display === 'none')
-            continue;
-        const projectionNodeId = card.surface.dataset.editorPrefabComparisonPreviewSurface;
-        if (!projectionNodeId)
-            continue;
-        const rect = card.surface.getBoundingClientRect();
-        if (rect.width < 1 || rect.height < 1)
-            continue;
-        surfaces.push({
-            previewId,
-            projectionNodeId,
-            element: card.surface,
-            rect,
-        });
-    }
-    return surfaces;
-}
-function findPrefabComparisonPreviewSurface(target) {
-    return target instanceof HTMLElement
-        ? target.closest('[data-editor-prefab-comparison-preview-surface]')
-        : null;
-}
-function readPrefabComparisonPreviewSurfaceId(surface) {
-    return surface.dataset.editorPrefabComparisonPreviewId
-        ?? surface.closest('[data-editor-prefab-comparison-preview]')?.dataset.editorPrefabComparisonPreview
-        ?? null;
-}
-function isPrefabComparisonPreviewSurfaceReady(surface) {
-    return surface.dataset.editorPrefabComparisonPreviewStatus === 'ready';
-}
-function getOrCreatePrefabComparisonPreviewCard(overlay, preview) {
-    const existing = overlay.cards.get(preview.id);
-    if (existing)
-        return existing;
-    const doc = overlay.root.ownerDocument;
-    const root = doc.createElement('article');
-    root.dataset.editorPrefabComparisonPreview = preview.id;
-    root.style.cssText = [
-        'display:flex',
-        'flex-direction:column',
-        'min-width:0',
-        'min-height:0',
-        'flex:1 1 0',
-        'box-sizing:border-box',
-        'padding:8px',
-        'border:1px solid color-mix(in srgb, var(--fps-editor-border) 78%, transparent)',
-        'border-radius:6px',
-        'background:transparent',
-        'box-shadow:none',
-        'color:var(--fps-editor-text)',
-        'pointer-events:auto',
-        'overflow:hidden',
-    ].join(';');
-    const header = doc.createElement('div');
-    header.style.cssText = [
-        'display:flex',
-        'align-items:center',
-        'justify-content:space-between',
-        'gap:8px',
-        'margin-bottom:7px',
-        'padding:6px 8px',
-        'border:1px solid color-mix(in srgb, var(--fps-editor-border) 74%, transparent)',
-        'border-radius:5px',
-        'background:color-mix(in srgb, var(--fps-editor-chrome) 86%, transparent)',
-        'box-shadow:0 6px 14px color-mix(in srgb, #000 18%, transparent)',
-    ].join(';');
-    const title = doc.createElement('div');
-    title.textContent = preview.label;
-    title.style.cssText = [
-        'min-width:0',
-        'overflow:hidden',
-        'text-overflow:ellipsis',
-        'white-space:nowrap',
-        'color:var(--fps-editor-text-strong)',
-        'font-size:12px',
-        'line-height:1.2',
-        'font-weight:900',
-    ].join(';');
-    const statusLabel = doc.createElement('span');
-    statusLabel.textContent = 'UNAVAILABLE';
-    statusLabel.style.cssText = [
-        'flex:0 0 auto',
-        'padding:2px 5px',
-        'border:1px solid var(--fps-editor-border-soft)',
-        'border-radius:4px',
-        'background:color-mix(in srgb, var(--fps-editor-field) 72%, transparent)',
-        'font-size:9px',
-        'line-height:1',
-        'font-weight:900',
-    ].join(';');
-    header.append(title, statusLabel);
-    const surface = doc.createElement('div');
-    surface.style.cssText = [
-        'display:flex',
-        'flex:1 1 auto',
-        'align-items:center',
-        'justify-content:center',
-        'width:100%',
-        'min-height:0',
-        'box-sizing:border-box',
-        'border:1px solid color-mix(in srgb, var(--fps-editor-border-soft) 84%, transparent)',
-        'border-radius:4px',
-        'background:transparent',
-        'overflow:hidden',
-        'color:var(--fps-editor-muted)',
-        'font-size:10px',
-        'font-weight:800',
-        'text-align:center',
-        'touch-action:none',
-        'user-select:none',
-        'cursor:grab',
-    ].join(';');
-    root.append(header, surface);
-    overlay.root.appendChild(root);
-    const card = { root, title, statusLabel, surface };
-    overlay.cards.set(preview.id, card);
-    return card;
-}
-function getPrefabComparisonPreviewStatusColor(status) {
-    const tone = resolveLocalEditorPrefabStageComparisonPreviewTone(status);
-    return tone === 'success'
-        ? 'var(--fps-editor-success)'
-        : tone === 'warning'
-            ? 'var(--fps-editor-warn)'
-            : 'var(--fps-editor-danger-strong)';
+    root.append(mainRegion);
+    return { root, mainRegion };
 }
 function formatPrefabImportStatsStatusLabel(status) {
     return status === 'ready' ? 'READY' : status === 'loading' ? 'LOADING' : 'MISSING';
@@ -2381,8 +2223,22 @@ export function resolveAssetBrowserDoubleClickAction(state, asset) {
         return 'asset.edit-prefab';
     return null;
 }
-function copyTextToClipboard(win, text) {
-    void win?.navigator?.clipboard?.writeText?.(text);
+function copyTextToClipboard(win, text, onResult) {
+    void writeLocalEditorClipboardText(win, text).then(onResult ?? (() => undefined));
+}
+function copyEditorStatusText(button, win, text) {
+    const idleLabel = button.getAttribute('aria-label') ?? '复制诊断';
+    copyTextToClipboard(win, text, copied => {
+        const resultLabel = copied ? '已复制' : '复制失败，请检查浏览器剪贴板权限';
+        button.dataset.editorStatusCopyResult = copied ? 'success' : 'error';
+        button.title = resultLabel;
+        button.setAttribute('aria-label', resultLabel);
+        win?.setTimeout(() => {
+            delete button.dataset.editorStatusCopyResult;
+            button.title = idleLabel;
+            button.setAttribute('aria-label', idleLabel);
+        }, 1600);
+    });
 }
 function readInspectorAssetPickerOptions(property) {
     const title = readControlOptionString(property, 'pickerTitle') || property.label;
@@ -2538,6 +2394,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     const root = options.root ?? doc.body;
     const callbacks = options.callbacks ?? {};
     const localTestActionsEnabled = options.localTestActions === true;
+    const gameModeEntryVisible = options.gameModeEntryVisible !== false;
     ensureLocalEditorTheme(doc);
     let activeTheme = normalizeLocalEditorThemeName(options.theme);
     const inputRouter = createLocalEditorWorkbenchInputRouter(doc, {
@@ -2561,34 +2418,19 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     });
     construction.addCleanup('tooltip-controller', () => tooltipController.dispose());
     let currentState = null;
+    let pendingStatusDiagnosticRequest = null;
     let inspectorFilter = '';
     const lockedInspectorVectorGroups = new Set();
     let assetBrowserTab = 'all';
-    const workbenchLayout = createDefaultLocalEditorWorkbenchLayout();
+    const hierarchySurface = options.hierarchy?.surface;
+    if (!hierarchySurface)
+        throw new Error('Hierarchy surface is required by the Local Editor workbench.');
+    const hierarchyKernel = options.hierarchy?.kernel ?? hierarchySurface.createKernel();
+    const workbenchLayout = createDefaultLocalEditorWorkbenchLayout(hierarchySurface);
     const panelRegistry = createLocalEditorPanelRegistry(workbenchLayout);
     const hostChrome = doc.createElement('div');
     hostChrome.dataset.editorWorkbenchRegion = 'top-bar';
-    hostChrome.className = LOCAL_EDITOR_THEME_CLASS;
-    hostChrome.style.cssText = [
-        'position:fixed',
-        'top:12px',
-        'left:50%',
-        'transform:translateX(-50%)',
-        'z-index:2147483640',
-        'display:none',
-        'align-items:center',
-        'gap:8px',
-        'height:34px',
-        'padding:0 8px',
-        'border:1px solid var(--fps-editor-border)',
-        'border-radius:3px',
-        'background:var(--fps-editor-chrome)',
-        'box-shadow:var(--fps-editor-shadow-panel)',
-        'font-family:var(--fps-editor-font)',
-        'color:var(--fps-editor-text)',
-        'font-size:12px',
-        'pointer-events:auto',
-    ].join(';');
+    hostChrome.className = `${LOCAL_EDITOR_THEME_CLASS} fps-editor-ui-host-chrome`;
     const hostModeLabel = doc.createElement('span');
     hostModeLabel.textContent = '本地宿主 · 游戏模式';
     hostModeLabel.style.cssText = [
@@ -2624,7 +2466,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     const localTestButton = createToolbarIconButton(doc, '本地测试', 'execute', '打开本地测试操作');
     localTestButton.dataset.editorLocalTestToggle = 'true';
     const localTestMenu = doc.createElement('div');
-    localTestMenu.classList.add(LOCAL_EDITOR_THEME_CLASS);
+    localTestMenu.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-popover');
     localTestMenu.dataset.editorLocalTestMenu = 'true';
     localTestMenu.style.cssText = [
         'position:fixed',
@@ -2646,6 +2488,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         localTestMenu.appendChild(button);
     }
     const localTestGroup = doc.createElement('div');
+    localTestGroup.className = 'fps-editor-ui-toolbar-group';
     localTestGroup.style.cssText = [
         `display:${localTestActionsEnabled ? 'flex' : 'none'}`,
         'align-items:center',
@@ -2657,7 +2500,6 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     let helpOpen = false;
     let editorStatusCenterOpen = false;
     let performanceMonitorOpen = false;
-    let prefabComparisonPreviewOpen = true;
     let assetPreviewOpen = false;
     let previewedAsset = null;
     let assetPreviewMode = 'preview';
@@ -2665,14 +2507,14 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     let assetPickerFilter = '';
     let assetPickerInput = null;
     let assetPickerProperty = null;
-    let prefabComparisonPreviewDrag = null;
+    let hierarchyOperationInputRequest = null;
     let prefabStageMainWorkbenchLayoutSnapshot = null;
-    const editorStatusButton = createToolbarIconButton(doc, '编辑器状态', 'status', '编辑器状态');
+    const editorStatusButton = createToolbarIconButton(doc, '验证中心', 'status', '编辑器状态与验证中心');
     editorStatusButton.dataset.editorStatusButton = 'true';
     editorStatusButton.dataset.editorStatusToggle = 'true';
     editorStatusButton.setAttribute('aria-expanded', 'false');
     const editorStatusCenter = doc.createElement('div');
-    editorStatusCenter.classList.add(LOCAL_EDITOR_THEME_CLASS);
+    editorStatusCenter.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-popover', 'fps-editor-ui-status-center');
     editorStatusCenter.dataset.editorStatusCenter = 'true';
     editorStatusCenter.style.cssText = [
         'position:fixed',
@@ -2691,19 +2533,29 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         'pointer-events:auto',
     ].join(';');
     const editorStatusCenterHeader = doc.createElement('div');
-    editorStatusCenterHeader.style.cssText = 'display:flex;align-items:center;justify-content:space-between;gap:12px';
+    editorStatusCenterHeader.className = 'fps-editor-ui-surface-header';
     const editorStatusCenterTitle = doc.createElement('div');
-    editorStatusCenterTitle.textContent = '编辑器状态';
+    editorStatusCenterTitle.className = 'fps-editor-ui-surface-title';
+    editorStatusCenterTitle.textContent = '验证中心';
     editorStatusCenterTitle.style.cssText = 'font-size:13px;font-weight:900;color:var(--fps-editor-text-strong)';
+    const editorStatusCenterActions = doc.createElement('div');
+    editorStatusCenterActions.className = 'fps-editor-ui-surface-actions';
     const editorStatusCopyAllButton = LocalEditorShared.createButton(doc, '复制全部', { icon: 'copy' });
     editorStatusCopyAllButton.dataset.editorStatusCopyAll = 'true';
     editorStatusCopyAllButton.style.cssText += ';min-height:26px;padding:3px 8px;font-size:11px';
+    const editorStatusCloseButton = createToolbarIconButton(doc, '关闭', 'discard', '关闭验证中心');
+    editorStatusCloseButton.dataset.editorStatusClose = 'true';
+    editorStatusCloseButton.style.minWidth = '28px';
+    editorStatusCenterActions.appendChild(editorStatusCopyAllButton);
+    editorStatusCenterActions.appendChild(editorStatusCloseButton);
     editorStatusCenterHeader.appendChild(editorStatusCenterTitle);
-    editorStatusCenterHeader.appendChild(editorStatusCopyAllButton);
+    editorStatusCenterHeader.appendChild(editorStatusCenterActions);
     const editorStatusCenterSummary = doc.createElement('div');
+    editorStatusCenterSummary.className = 'fps-editor-ui-status-summary';
     editorStatusCenterSummary.dataset.editorStatusSummary = 'true';
     editorStatusCenterSummary.style.cssText = 'font-size:11px;line-height:1.45;color:var(--fps-editor-muted-strong)';
     const editorStatusCenterList = doc.createElement('div');
+    editorStatusCenterList.className = 'fps-editor-ui-status-list';
     editorStatusCenterList.dataset.editorStatusList = 'true';
     editorStatusCenterList.style.cssText = 'display:flex;flex-direction:column;gap:7px;overflow:auto;min-height:0';
     editorStatusCenter.appendChild(editorStatusCenterHeader);
@@ -2713,6 +2565,8 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     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());
     const leftDockTabs = doc.createElement('div');
     const hierarchyPanel = createWorkbenchPanelContent(doc);
     const assetPanel = workbench.bottomDock;
@@ -2730,10 +2584,48 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     workbench.rightDock.appendChild(pluginsPanel);
     construction.appendRootChild(workbench.root);
     tooltipSurfaces.add(workbench.root);
+    const disposeRightDockFormalSurfaces = () => {
+        disposeLocalEditorFormalSurfaces([
+            () => LocalEditorPanels.disposeInspectorPanelUi(inspectorPanel),
+            () => LocalEditorPanels.disposeInspectorPanelUi(renderingPanel),
+        ]);
+    };
+    const rightDockFormalSurfaceVisibility = createLocalEditorFormalSurfaceVisibilityController({
+        disposeHidden() {
+            disposeRightDockFormalSurfaces();
+        },
+        rehydrateVisible() {
+            disposeRightDockFormalSurfaces();
+            if (currentState?.mode !== 'editor' || currentState.prefabStage)
+                return;
+            const activeRightTab = panelRegistry.getRightDockTab();
+            if (activeRightTab === 'inspector') {
+                LocalEditorPanels.renderInspectorPanel(doc, inspectorPanel, currentState, inspectorFilter, {
+                    ...options.inspector,
+                    layerHost: editorUiLayerHost,
+                    lockedVectorGroups: lockedInspectorVectorGroups,
+                });
+            }
+            else if (activeRightTab === 'rendering') {
+                LocalEditorPanels.renderRenderingPanel(doc, renderingPanel, currentState, { layerHost: editorUiLayerHost });
+            }
+        },
+    });
     const workbenchLayoutController = createLocalEditorWorkbenchLayoutController(doc, workbench, {
-        onAfterApply(layout) {
+        onBeforeApply(_layout, dockDisplay) {
+            if (currentState?.mode === 'editor' && currentState.prefabStage)
+                return;
+            if (dockDisplay.rightDockVisible) {
+                rightDockFormalSurfaceVisibility.apply(true);
+            }
+        },
+        onAfterApply(layout, dockDisplay) {
             if (currentState?.mode === 'editor' && currentState.prefabStage) {
                 applyPrefabStageWorkbenchLayoutOverride(layout);
+                return;
+            }
+            if (!dockDisplay.rightDockVisible) {
+                rightDockFormalSurfaceVisibility.apply(false);
             }
         },
     });
@@ -2748,6 +2640,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     let lastRenderedSelectedAssetId;
     const sceneToolOverlay = createSceneHeaderToolbar(doc);
     const sceneTitle = doc.createElement('div');
+    sceneTitle.className = 'fps-editor-ui-surface-title';
     sceneTitle.textContent = 'Preview';
     sceneTitle.style.cssText = [
         'height:100%',
@@ -2762,8 +2655,11 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         'white-space:nowrap',
     ].join(';');
     const sceneQuickActions = doc.createElement('div');
+    sceneQuickActions.className = 'fps-editor-ui-toolbar-group';
+    sceneQuickActions.dataset.editorUiFirst = 'true';
     sceneQuickActions.style.cssText = 'display:flex;align-items:center;gap:4px';
     const sceneUtilityActions = doc.createElement('div');
+    sceneUtilityActions.className = 'fps-editor-ui-toolbar-group';
     sceneUtilityActions.style.cssText = [
         'display:flex',
         'align-items:center',
@@ -2772,6 +2668,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         'border-left:1px solid var(--fps-editor-divider)',
     ].join(';');
     const toolGroup = doc.createElement('div');
+    toolGroup.className = 'fps-editor-ui-toolbar-group';
     toolGroup.style.cssText = [
         'display:flex',
         'align-items:center',
@@ -2780,21 +2677,40 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         'border-left:1px solid var(--fps-editor-divider)',
     ].join(';');
     const toolButtons = new Map();
-    const transformToolDescriptors = Object.values(DEFAULT_EDITOR_TRANSFORM_TOOL_DESCRIPTORS);
-    for (const descriptor of transformToolDescriptors) {
-        const tooltip = createTransformToolTooltip(descriptor);
-        const button = LocalEditorShared.createButton(doc, descriptor.label, {
-            icon: TRANSFORM_TOOL_ICONS[descriptor.tool],
-            labelMode: 'icon-only',
-            variant: 'toolbar-icon',
-            tooltip,
-            ariaLabel: tooltip,
-        });
-        button.dataset.transformTool = descriptor.tool;
-        toolButtons.set(descriptor.tool, button);
-        toolGroup.appendChild(button);
-    }
+    const synchronizeToolButtons = (presentations) => {
+        const primaryTools = presentations.filter(tool => tool.kind === 'primary');
+        const nextIds = new Set(primaryTools.map(tool => tool.id));
+        for (const [toolId, button] of toolButtons) {
+            if (nextIds.has(toolId))
+                continue;
+            button.remove();
+            toolButtons.delete(toolId);
+        }
+        for (const tool of primaryTools) {
+            let button = toolButtons.get(tool.id);
+            const tooltip = tool.shortcut ? `${tool.label}工具 (${tool.shortcut})` : `${tool.label}工具`;
+            if (!button) {
+                button = LocalEditorShared.createButton(doc, tool.label, {
+                    icon: tool.icon && isLocalEditorIconName(tool.icon) ? tool.icon : 'object',
+                    labelMode: 'icon-only',
+                    variant: 'toolbar-icon',
+                    tooltip,
+                    ariaLabel: tooltip,
+                });
+                button.dataset.editorToolId = tool.id;
+                toolButtons.set(tool.id, button);
+            }
+            setToolbarButtonTooltip(button, tool.availability.state === 'enabled'
+                ? tooltip
+                : `${tooltip} · ${tool.availability.reason}`);
+            button.style.display = tool.availability.state === 'hidden' ? 'none' : 'inline-flex';
+            button.disabled = tool.availability.state !== 'enabled';
+            LocalEditorShared.applyButtonActiveState(button, tool.active);
+            toolGroup.appendChild(button);
+        }
+    };
     const spaceGroup = doc.createElement('div');
+    spaceGroup.className = 'fps-editor-ui-toolbar-group';
     spaceGroup.style.cssText = [
         'display:flex',
         'align-items:center',
@@ -2811,6 +2727,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         spaceGroup.appendChild(button);
     }
     const snapGroup = doc.createElement('div');
+    snapGroup.className = 'fps-editor-ui-toolbar-group';
     snapGroup.style.cssText = [
         'display:flex',
         'align-items:center',
@@ -2821,7 +2738,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     const snapButton = createToolbarIconButton(doc, '吸附设置', 'snap', '吸附设置', 'settings');
     snapButton.dataset.transformSnapToggle = 'true';
     const snapSettingsPopover = doc.createElement('div');
-    snapSettingsPopover.classList.add(LOCAL_EDITOR_THEME_CLASS);
+    snapSettingsPopover.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-popover');
     snapSettingsPopover.dataset.transformSnapSettingsPopover = 'true';
     snapSettingsPopover.setAttribute('role', 'dialog');
     snapSettingsPopover.setAttribute('aria-label', '吸附设置');
@@ -2903,6 +2820,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     }
     snapGroup.appendChild(snapButton);
     const placementGroup = doc.createElement('div');
+    placementGroup.className = 'fps-editor-ui-toolbar-group';
     placementGroup.style.cssText = [
         'display:flex',
         'align-items:center',
@@ -2913,7 +2831,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     const placementButton = createToolbarIconButton(doc, '放置模式', PLACEMENT_MODE_ICONS.off, '放置模式', 'settings');
     placementButton.dataset.placementModeToggle = 'true';
     const placementSettingsPopover = doc.createElement('div');
-    placementSettingsPopover.classList.add(LOCAL_EDITOR_THEME_CLASS);
+    placementSettingsPopover.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-popover');
     placementSettingsPopover.dataset.placementSettingsPopover = 'true';
     placementSettingsPopover.setAttribute('role', 'dialog');
     placementSettingsPopover.setAttribute('aria-label', '放置模式');
@@ -2945,6 +2863,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     }));
     placementGroup.appendChild(placementButton);
     const actionGroup = doc.createElement('div');
+    actionGroup.className = 'fps-editor-ui-toolbar-group';
     actionGroup.style.cssText = [
         'display:flex',
         'align-items:center',
@@ -2955,7 +2874,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     const transformActionButton = createToolbarIconButton(doc, '对齐与分布', 'arrange', '对齐与分布', 'settings');
     transformActionButton.dataset.transformActionToggle = 'true';
     const transformActionPopover = doc.createElement('div');
-    transformActionPopover.classList.add(LOCAL_EDITOR_THEME_CLASS);
+    transformActionPopover.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-popover');
     transformActionPopover.dataset.transformActionPopover = 'true';
     transformActionPopover.setAttribute('role', 'dialog');
     transformActionPopover.setAttribute('aria-label', '对齐与分布');
@@ -3010,6 +2929,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     }
     actionGroup.appendChild(transformActionButton);
     const staticShadowBakeGroup = doc.createElement('div');
+    staticShadowBakeGroup.className = 'fps-editor-ui-toolbar-group';
     staticShadowBakeGroup.style.cssText = [
         'display:none',
         'align-items:center',
@@ -3022,7 +2942,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     staticShadowBakeButton.dataset.editorRenderingAction = STATIC_SHADOW_BAKE_ACTION_ID;
     staticShadowBakeGroup.appendChild(staticShadowBakeButton);
     const staticShadowBakePopover = doc.createElement('div');
-    staticShadowBakePopover.classList.add(LOCAL_EDITOR_THEME_CLASS);
+    staticShadowBakePopover.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-popover');
     staticShadowBakePopover.dataset.editorToolbarStaticShadowBakePopover = 'true';
     staticShadowBakePopover.setAttribute('role', 'dialog');
     staticShadowBakePopover.setAttribute('aria-label', '静态阴影烘焙进度');
@@ -3110,23 +3030,22 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     performanceMonitorButton.dataset.performanceMonitorToggle = 'true';
     const gridToggleButton = createToolbarIconButton(doc, '网格', 'grid', '显示 / 隐藏 Scene View 网格');
     gridToggleButton.dataset.editorGridToggle = 'true';
-    const prefabComparisonPreviewButton = createToolbarIconButton(doc, '对比预览', 'eye', 'Compare Previews (Shift+P)', 'toggle');
-    prefabComparisonPreviewButton.dataset.prefabComparisonPreviewToggle = 'true';
     const sceneHelpButton = createToolbarIconButton(doc, '快捷键', 'help', '快捷键与操作说明');
     sceneQuickActions.appendChild(localTestGroup);
-    const prefabStageBackButton = createToolbarIconButton(doc, '返回场景', 'chevron-right', '返回主场景');
-    prefabStageBackButton.dataset.editorPrefabStageBack = 'true';
-    prefabStageBackButton.style.display = 'none';
-    sceneQuickActions.appendChild(prefabStageBackButton);
+    const contextActionGroup = doc.createElement('div');
+    contextActionGroup.className = 'fps-editor-ui-toolbar-group';
+    contextActionGroup.dataset.editorContextActions = 'true';
+    contextActionGroup.style.cssText = 'display:none;align-items:center;gap:4px';
+    sceneQuickActions.appendChild(contextActionGroup);
     sceneQuickActions.appendChild(undoButton);
     sceneQuickActions.appendChild(redoButton);
     sceneQuickActions.appendChild(dirtyBadge);
     sceneUtilityActions.appendChild(performanceMonitorButton);
     sceneUtilityActions.appendChild(gridToggleButton);
-    sceneUtilityActions.appendChild(prefabComparisonPreviewButton);
     sceneUtilityActions.appendChild(themeToggleButton);
     sceneUtilityActions.appendChild(sceneHelpButton);
     const cameraPreviewGroup = doc.createElement('div');
+    cameraPreviewGroup.className = 'fps-editor-ui-toolbar-group';
     cameraPreviewGroup.style.cssText = [
         'display:flex',
         'align-items:center',
@@ -3138,6 +3057,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     sceneCameraButton.dataset.sceneCameraPreviewToggle = 'true';
     cameraPreviewGroup.appendChild(sceneCameraButton);
     const viewportToolsGroup = doc.createElement('div');
+    viewportToolsGroup.className = 'fps-editor-ui-toolbar-group';
     viewportToolsGroup.style.cssText = [
         'display:flex',
         'align-items:center',
@@ -3158,6 +3078,9 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     const markerVisibilityButton = createToolbarIconButton(doc, '标记视图', 'view-overlay', '隐藏标记与关系线', 'toggle');
     markerVisibilityButton.dataset.viewportMarkerVisibilityToggle = 'true';
     viewportToolsGroup.appendChild(markerVisibilityButton);
+    const showAllPrefabMarkersButton = createToolbarIconButton(doc, '全部 Prefab 标记', 'view-overlay', '显示所有 Prefab 实例的标记', 'toggle');
+    showAllPrefabMarkersButton.dataset.viewportShowAllPrefabMarkersToggle = 'true';
+    viewportToolsGroup.appendChild(showAllPrefabMarkersButton);
     const overlaySettingsButton = createToolbarIconButton(doc, '视口信息层设置', 'view-overlay', '视口信息层设置', 'settings');
     overlaySettingsButton.dataset.viewportOverlaySettingsToggle = 'true';
     viewportToolsGroup.appendChild(overlaySettingsButton);
@@ -3168,7 +3091,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     clearMeasurementButton.dataset.viewportMeasurementClear = 'true';
     viewportToolsGroup.appendChild(clearMeasurementButton);
     const overlaySettingsPopover = doc.createElement('div');
-    overlaySettingsPopover.classList.add(LOCAL_EDITOR_THEME_CLASS);
+    overlaySettingsPopover.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-popover');
     overlaySettingsPopover.dataset.viewportOverlaySettingsPopover = 'true';
     overlaySettingsPopover.setAttribute('role', 'dialog');
     overlaySettingsPopover.setAttribute('aria-label', '视口信息层设置');
@@ -3212,7 +3135,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     toolbarOverflowButton.dataset.editorToolbarOverflowToggle = 'true';
     toolbarOverflowButton.style.display = 'none';
     const toolbarOverflowMenu = doc.createElement('div');
-    toolbarOverflowMenu.classList.add(LOCAL_EDITOR_THEME_CLASS);
+    toolbarOverflowMenu.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-popover');
     toolbarOverflowMenu.dataset.editorToolbarOverflowMenu = 'true';
     toolbarOverflowMenu.style.cssText = [
         'position:fixed',
@@ -3235,111 +3158,11 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     const sceneFrameRateOverlay = createSceneFrameRateOverlay(doc);
     const performanceMonitorOverlay = createPerformanceMonitorOverlay(doc);
     const prefabImportStatsOverlay = createPrefabImportStatsOverlay(doc);
-    const prefabComparisonPreviewOverlay = createPrefabComparisonPreviewOverlay(doc);
     const prefabStagePreviewLayout = createPrefabStagePreviewLayout(doc);
     prefabImportStatsOverlay.root.style.position = 'absolute';
     prefabImportStatsOverlay.root.style.top = '10px';
     prefabImportStatsOverlay.root.style.right = '14px';
-    prefabComparisonPreviewOverlay.root.style.height = '100%';
     prefabStagePreviewLayout.mainRegion.appendChild(prefabImportStatsOverlay.root);
-    prefabStagePreviewLayout.comparisonColumn.appendChild(prefabComparisonPreviewOverlay.root);
-    const emitPrefabComparisonPreviewInteraction = (input) => {
-        if (currentState?.mode !== 'editor' || !currentState.prefabStage)
-            return;
-        callbacks.onPrefabComparisonPreviewInteraction?.(input);
-    };
-    const endPrefabComparisonPreviewDrag = (pointerId) => {
-        const drag = prefabComparisonPreviewDrag;
-        if (!drag || (pointerId != null && drag.pointerId !== pointerId))
-            return;
-        try {
-            if (!drag.surface.hasPointerCapture || drag.surface.hasPointerCapture(drag.pointerId)) {
-                drag.surface.releasePointerCapture?.(drag.pointerId);
-            }
-        }
-        catch {
-            // Pointer capture may already be released by the browser when this cleanup runs.
-        }
-        drag.surface.style.cursor = 'grab';
-        prefabComparisonPreviewDrag = null;
-    };
-    const onPrefabComparisonPreviewPointerDown = (event) => {
-        if (event.button !== 0 || currentState?.mode !== 'editor' || !currentState.prefabStage)
-            return;
-        const surface = findPrefabComparisonPreviewSurface(event.target);
-        if (!surface || !isPrefabComparisonPreviewSurfaceReady(surface))
-            return;
-        const previewId = readPrefabComparisonPreviewSurfaceId(surface);
-        if (!previewId)
-            return;
-        event.preventDefault();
-        event.stopPropagation();
-        endPrefabComparisonPreviewDrag();
-        try {
-            surface.setPointerCapture?.(event.pointerId);
-        }
-        catch {
-            // Pointer capture is an input nicety; drag state still works through the overlay listener.
-        }
-        surface.style.cursor = 'grabbing';
-        prefabComparisonPreviewDrag = {
-            pointerId: event.pointerId,
-            previewId,
-            surface,
-            lastClientX: event.clientX,
-            lastClientY: event.clientY,
-        };
-    };
-    const onPrefabComparisonPreviewPointerMove = (event) => {
-        const drag = prefabComparisonPreviewDrag;
-        if (!drag || drag.pointerId !== event.pointerId)
-            return;
-        event.preventDefault();
-        event.stopPropagation();
-        const deltaX = event.clientX - drag.lastClientX;
-        const deltaY = event.clientY - drag.lastClientY;
-        drag.lastClientX = event.clientX;
-        drag.lastClientY = event.clientY;
-        if (Math.abs(deltaX) < 0.001 && Math.abs(deltaY) < 0.001)
-            return;
-        emitPrefabComparisonPreviewInteraction({
-            kind: 'orbit',
-            previewId: drag.previewId,
-            deltaX,
-            deltaY,
-        });
-    };
-    const onPrefabComparisonPreviewPointerEnd = (event) => {
-        const drag = prefabComparisonPreviewDrag;
-        if (!drag || drag.pointerId !== event.pointerId)
-            return;
-        event.preventDefault();
-        event.stopPropagation();
-        endPrefabComparisonPreviewDrag(event.pointerId);
-    };
-    const onPrefabComparisonPreviewWheel = (event) => {
-        if (currentState?.mode !== 'editor' || !currentState.prefabStage)
-            return;
-        const surface = findPrefabComparisonPreviewSurface(event.target);
-        if (!surface || !isPrefabComparisonPreviewSurfaceReady(surface))
-            return;
-        const previewId = readPrefabComparisonPreviewSurfaceId(surface);
-        if (!previewId)
-            return;
-        event.preventDefault();
-        event.stopPropagation();
-        emitPrefabComparisonPreviewInteraction({
-            kind: 'zoom',
-            previewId,
-            deltaY: event.deltaY,
-        });
-    };
-    prefabComparisonPreviewOverlay.root.addEventListener('pointerdown', onPrefabComparisonPreviewPointerDown);
-    prefabComparisonPreviewOverlay.root.addEventListener('pointermove', onPrefabComparisonPreviewPointerMove);
-    prefabComparisonPreviewOverlay.root.addEventListener('pointerup', onPrefabComparisonPreviewPointerEnd);
-    prefabComparisonPreviewOverlay.root.addEventListener('pointercancel', onPrefabComparisonPreviewPointerEnd);
-    prefabComparisonPreviewOverlay.root.addEventListener('lostpointercapture', onPrefabComparisonPreviewPointerEnd);
-    prefabComparisonPreviewOverlay.root.addEventListener('wheel', onPrefabComparisonPreviewWheel, { passive: false });
     const spatialOverlay = createSpatialOverlay(doc);
     const measurementOverlay = createMeasurementOverlay(doc);
     sceneToolOverlay.appendChild(sceneTitle);
@@ -3397,7 +3220,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     construction.appendRootChild(shortcutHelpPanel);
     tooltipSurfaces.add(shortcutHelpPanel);
     const assetPreviewModal = doc.createElement('div');
-    assetPreviewModal.classList.add(LOCAL_EDITOR_THEME_CLASS);
+    assetPreviewModal.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-modal-root', 'fps-editor-ui-asset-preview-modal');
     assetPreviewModal.dataset.editorAssetPreviewModal = 'true';
     assetPreviewModal.dataset.editorWorkbenchRegion = 'modal';
     assetPreviewModal.style.cssText = [
@@ -3414,6 +3237,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         'pointer-events:auto',
     ].join(';');
     const assetPreviewDialog = doc.createElement('div');
+    assetPreviewDialog.className = 'fps-editor-ui-modal';
     assetPreviewDialog.setAttribute('role', 'dialog');
     assetPreviewDialog.setAttribute('aria-modal', 'true');
     assetPreviewDialog.setAttribute('aria-label', '资产预览');
@@ -3431,8 +3255,10 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         'overflow:auto',
     ].join(';');
     const assetPreviewHeader = doc.createElement('div');
+    assetPreviewHeader.className = 'fps-editor-ui-modal-header';
     assetPreviewHeader.style.cssText = 'display:flex;align-items:center;justify-content:space-between;gap:12px';
     const assetPreviewTitle = doc.createElement('h2');
+    assetPreviewTitle.className = 'fps-editor-ui-modal-title';
     assetPreviewTitle.style.cssText = [
         'min-width:0',
         'margin:0',
@@ -3474,7 +3300,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     construction.appendRootChild(assetPreviewModal);
     tooltipSurfaces.add(assetPreviewModal);
     const assetPickerModal = doc.createElement('div');
-    assetPickerModal.classList.add(LOCAL_EDITOR_THEME_CLASS);
+    assetPickerModal.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-modal-root', 'fps-editor-ui-asset-modal');
     assetPickerModal.dataset.editorAssetPickerModal = 'true';
     assetPickerModal.dataset.editorWorkbenchRegion = 'modal';
     assetPickerModal.style.cssText = [
@@ -3491,6 +3317,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         'pointer-events:auto',
     ].join(';');
     const assetPickerDialog = doc.createElement('div');
+    assetPickerDialog.className = 'fps-editor-ui-modal';
     assetPickerDialog.setAttribute('role', 'dialog');
     assetPickerDialog.setAttribute('aria-modal', 'true');
     assetPickerDialog.setAttribute('aria-label', '资产选择');
@@ -3508,8 +3335,10 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         'overflow:hidden',
     ].join(';');
     const assetPickerHeader = doc.createElement('div');
+    assetPickerHeader.className = 'fps-editor-ui-modal-header';
     assetPickerHeader.style.cssText = 'display:flex;align-items:center;justify-content:space-between;gap:12px';
     const assetPickerTitle = doc.createElement('h2');
+    assetPickerTitle.className = 'fps-editor-ui-modal-title';
     assetPickerTitle.style.cssText = [
         'min-width:0',
         'margin:0',
@@ -3525,6 +3354,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     assetPickerHeader.appendChild(assetPickerTitle);
     assetPickerHeader.appendChild(assetPickerCloseButton);
     const assetPickerSearch = doc.createElement('input');
+    assetPickerSearch.className = 'fps-editor-ui-modal-search';
     assetPickerSearch.type = 'search';
     assetPickerSearch.dataset.editorAssetPickerSearch = 'true';
     assetPickerSearch.placeholder = '搜索资产';
@@ -3539,6 +3369,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         'padding:0 8px',
     ].join(';');
     const assetPickerList = doc.createElement('div');
+    assetPickerList.className = 'fps-editor-ui-modal-grid';
     assetPickerList.style.cssText = [
         'min-height:180px',
         'max-height:min(430px,calc(100vh - 196px))',
@@ -3563,7 +3394,6 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         applyLocalEditorTheme(performanceMonitorOverlay.root, activeTheme);
         applyLocalEditorTheme(prefabStagePreviewLayout.root, activeTheme);
         applyLocalEditorTheme(prefabImportStatsOverlay.root, activeTheme);
-        applyLocalEditorTheme(prefabComparisonPreviewOverlay.root, activeTheme);
         applyLocalEditorTheme(shortcutHelpPanel, activeTheme);
         applyLocalEditorTheme(assetPreviewModal, activeTheme);
         applyLocalEditorTheme(assetPickerModal, activeTheme);
@@ -3612,37 +3442,145 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         if (viewModel.diagnostics.length === 0) {
             const empty = doc.createElement('div');
             empty.dataset.editorStatusEmpty = 'true';
-            empty.textContent = '没有需要处理的错误或警告。';
+            empty.textContent = '当前没有诊断信息。';
             empty.style.cssText = 'padding:14px 8px;text-align:center;color:var(--fps-editor-muted);font-size:12px';
             editorStatusCenterList.appendChild(empty);
             return;
         }
+        const currentScopeId = state?.prefabStage
+            ? `prefab-stage:${state.prefabStage.assetId}`
+            : 'scene';
+        let previousGroup = '';
         viewModel.entries.forEach(({ diagnostic, copyText }, index) => {
+            const group = `${diagnostic.severity}\u0000${diagnostic.phase ?? 'edit'}\u0000${diagnostic.source}`;
+            if (group !== previousGroup) {
+                const groupHeader = doc.createElement('div');
+                groupHeader.dataset.editorStatusGroup = group;
+                groupHeader.textContent = `${diagnostic.severity === 'error' ? '错误' : diagnostic.severity === 'warning' ? '警告' : '信息'} · ${diagnostic.phase ?? 'edit'} · ${diagnostic.source}`;
+                groupHeader.style.cssText = 'padding:5px 2px 1px;font-size:10px;font-weight:900;color:var(--fps-editor-muted-strong);text-transform:uppercase';
+                editorStatusCenterList.appendChild(groupHeader);
+                previousGroup = group;
+            }
             const item = doc.createElement('div');
             item.dataset.editorStatusDiagnostic = diagnostic.code;
+            const diagnosticBorder = diagnostic.severity === 'error'
+                ? 'var(--fps-editor-danger-border)'
+                : diagnostic.severity === 'warning'
+                    ? 'var(--fps-editor-warn-border)'
+                    : 'var(--fps-editor-border)';
+            const diagnosticBackground = diagnostic.severity === 'error'
+                ? 'var(--fps-editor-danger-soft)'
+                : diagnostic.severity === 'warning'
+                    ? 'var(--fps-editor-warn-soft)'
+                    : 'var(--fps-editor-surface-soft)';
             item.style.cssText = [
                 'display:grid',
                 'grid-template-columns:minmax(0,1fr) auto',
                 'gap:8px',
                 'padding:8px',
-                `border:1px solid ${diagnostic.severity === 'error' ? 'var(--fps-editor-danger-border)' : 'var(--fps-editor-warn-border)'}`,
+                `border:1px solid ${diagnosticBorder}`,
                 'border-radius:3px',
-                `background:${diagnostic.severity === 'error' ? 'var(--fps-editor-danger-soft)' : 'var(--fps-editor-warn-soft)'}`,
+                `background:${diagnosticBackground}`,
             ].join(';');
             const content = doc.createElement('div');
             content.style.cssText = 'min-width:0;display:flex;flex-direction:column;gap:4px';
+            const locateAction = diagnostic.actions?.find(action => action.kind === 'locate');
+            const locatePlan = resolveLocalEditorStatusDiagnosticLocatePlan(diagnostic, currentScopeId);
+            const locator = locatePlan.locator;
+            const canLocate = locatePlan.canLocate && !!callbacks.onStatusDiagnosticLocate;
+            const locate = () => {
+                const navigationRequest = {
+                    settled: false,
+                    ...(locator.assetId ? { assetId: locator.assetId } : {}),
+                    ...(locator.path ? {
+                        path: {
+                            value: locator.path,
+                            ...(locator.scopeId ? { scopeId: locator.scopeId } : {}),
+                            ...(diagnostic.documentRevision != null ? { documentRevision: diagnostic.documentRevision } : {}),
+                            ...(diagnostic.projectionRevision != null ? { projectionRevision: diagnostic.projectionRevision } : {}),
+                        },
+                    } : {}),
+                };
+                pendingStatusDiagnosticRequest = navigationRequest;
+                if (locator.assetId) {
+                    assetBrowserTab = 'all';
+                    panelRegistry.setBottomDockTab('assets');
+                    workbenchLayoutController.setBottomCollapsed(false);
+                    callbacks.onAssetFilterChange?.('');
+                }
+                if (locator.path) {
+                    inspectorFilter = '';
+                    panelRegistry.setRightDockTab('inspector');
+                    const layout = workbenchLayoutController.getLayout();
+                    if (layout.rightCollapsed) {
+                        workbenchLayoutController.setLayout({ ...layout, rightCollapsed: false });
+                    }
+                }
+                const result = callbacks.onStatusDiagnosticLocate?.({
+                    ...diagnostic,
+                    locator,
+                });
+                const settle = (accepted) => {
+                    pendingStatusDiagnosticRequest = settleLocalEditorStatusDiagnosticRequest(pendingStatusDiagnosticRequest, navigationRequest, accepted);
+                    if (accepted !== false && pendingStatusDiagnosticRequest === navigationRequest && currentState) {
+                        revealPendingStatusDiagnosticPath(currentState);
+                        revealPendingStatusDiagnosticAsset(currentState);
+                        clearCompletedStatusDiagnosticRequest(navigationRequest);
+                    }
+                };
+                if (result && typeof result.then === 'function') {
+                    void result.then(settle, () => settle(false));
+                }
+                else {
+                    settle(result);
+                }
+            };
+            if (canLocate) {
+                content.dataset.editorStatusLocate = locator.objectId
+                    ?? locator.rowId
+                    ?? locator.prefabNodeId
+                    ?? locator.assetId
+                    ?? locator.path
+                    ?? '';
+                content.setAttribute('role', 'button');
+                content.tabIndex = 0;
+                content.style.cursor = 'pointer';
+                content.addEventListener('click', locate);
+                content.addEventListener('keydown', event => {
+                    if (event.key !== 'Enter' && event.key !== ' ')
+                        return;
+                    event.preventDefault();
+                    locate();
+                });
+            }
             const code = doc.createElement('div');
-            code.textContent = `${diagnostic.severity === 'error' ? '错误' : '警告'} · ${diagnostic.code}`;
-            code.style.cssText = `font-size:11px;font-weight:900;color:${diagnostic.severity === 'error' ? 'var(--fps-editor-danger-strong)' : 'var(--fps-editor-warn)'}`;
+            code.textContent = `${diagnostic.severity === 'error' ? '错误' : diagnostic.severity === 'warning' ? '警告' : '信息'} · ${diagnostic.code}`;
+            code.style.cssText = `font-size:11px;font-weight:900;color:${diagnostic.severity === 'error' ? 'var(--fps-editor-danger-strong)' : diagnostic.severity === 'warning' ? 'var(--fps-editor-warn)' : 'var(--fps-editor-text-strong)'}`;
             const message = doc.createElement('div');
             message.textContent = diagnostic.message;
             message.style.cssText = 'font-size:12px;line-height:1.45;color:var(--fps-editor-text-strong);overflow-wrap:anywhere';
+            const suggestion = doc.createElement('div');
+            suggestion.dataset.editorStatusSuggestion = diagnostic.code;
+            suggestion.textContent = diagnostic.suggestion ? `建议：${diagnostic.suggestion}` : '';
+            suggestion.style.cssText = 'font-size:11px;line-height:1.4;color:var(--fps-editor-muted-strong);overflow-wrap:anywhere';
+            suggestion.style.display = diagnostic.suggestion ? 'block' : 'none';
             const meta = doc.createElement('div');
-            const diagnosticLocation = [diagnostic.scopeId, diagnostic.rowId, diagnostic.targetId]
+            const diagnosticLocation = [
+                locator.scopeId,
+                locator.rowId,
+                locator.objectId,
+                locator.prefabAssetId,
+                locator.prefabNodeId,
+                locator.assetId,
+                locator.materialSlotId,
+                locator.path,
+            ]
                 .filter(value => value !== undefined && value !== null && value !== '')
                 .join(' / ');
             meta.textContent = [
                 `来源: ${diagnostic.source}`,
+                diagnostic.producer ? `producer: ${diagnostic.producer}` : '',
+                diagnostic.phase ? `phase: ${diagnostic.phase}` : '',
                 diagnosticLocation ? `位置: ${diagnosticLocation}` : '',
                 diagnostic.documentRevision != null ? `document revision: ${diagnostic.documentRevision}` : '',
                 diagnostic.projectionRevision != null ? `projection revision: ${diagnostic.projectionRevision}` : '',
@@ -3652,15 +3590,33 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             meta.style.display = meta.textContent ? 'block' : 'none';
             content.appendChild(code);
             content.appendChild(message);
+            content.appendChild(suggestion);
             content.appendChild(meta);
+            const actions = doc.createElement('div');
+            actions.style.cssText = 'display:flex;align-items:flex-start;gap:4px';
+            if (locateAction) {
+                const locateButton = doc.createElement('button');
+                locateButton.type = 'button';
+                locateButton.dataset.editorStatusAction = locateAction.id;
+                locateButton.textContent = locateAction.label;
+                locateButton.disabled = !canLocate;
+                locateButton.style.cssText = 'font:inherit;font-size:10px;padding:3px 6px;border:1px solid var(--fps-editor-border);border-radius:3px;background:var(--fps-editor-surface);color:var(--fps-editor-text-strong);cursor:pointer;white-space:nowrap';
+                locateButton.addEventListener('click', event => {
+                    event.stopPropagation();
+                    if (canLocate)
+                        locate();
+                });
+                actions.appendChild(locateButton);
+            }
             const copy = createToolbarIconButton(doc, `复制诊断 ${index + 1}`, 'copy', '复制该诊断');
             copy.dataset.editorStatusCopy = String(index);
             copy.addEventListener('click', event => {
                 event.stopPropagation();
-                copyTextToClipboard(doc.defaultView, copyText);
+                copyEditorStatusText(copy, doc.defaultView, copyText);
             });
             item.appendChild(content);
-            item.appendChild(copy);
+            actions.appendChild(copy);
+            item.appendChild(actions);
             editorStatusCenterList.appendChild(item);
         });
     }
@@ -4137,7 +4093,11 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     };
     const onEditorStatusCopyAllClick = (event) => {
         event.stopPropagation();
-        copyTextToClipboard(doc.defaultView, createLocalEditorStatusCenterViewModel(currentState).copyAllText);
+        copyEditorStatusText(editorStatusCopyAllButton, doc.defaultView, createLocalEditorStatusCenterViewModel(currentState).copyAllText);
+    };
+    const onEditorStatusCloseClick = (event) => {
+        event.stopPropagation();
+        closeEditorStatusCenter();
     };
     const onToolbarOverflowPointerDown = (event) => {
         const target = event.target instanceof HTMLElement ? event.target : null;
@@ -4176,6 +4136,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     localTestButton.addEventListener('click', onLocalTestButtonClick);
     editorStatusButton.addEventListener('click', onEditorStatusButtonClick);
     editorStatusCopyAllButton.addEventListener('click', onEditorStatusCopyAllClick);
+    editorStatusCloseButton.addEventListener('click', onEditorStatusCloseClick);
     doc.addEventListener('pointerdown', onToolbarOverflowPointerDown);
     construction.addCleanup('toolbar-overflow-pointerdown', () => {
         doc.removeEventListener('pointerdown', onToolbarOverflowPointerDown);
@@ -4208,9 +4169,6 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     performanceMonitorButton.addEventListener('click', () => {
         setPerformanceMonitorOpen(!performanceMonitorOpen);
     });
-    prefabComparisonPreviewButton.addEventListener('click', () => {
-        setPrefabComparisonPreviewOpen(!prefabComparisonPreviewOpen);
-    });
     gridToggleButton.addEventListener('click', () => {
         const visible = currentState?.grid?.visible ?? true;
         callbacks.onGridVisibleChange?.(!visible);
@@ -4270,6 +4228,12 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             callbacks.onMarkerViewportVisibilityChange?.(!markersVisible);
             return;
         }
+        const showAllPrefabMarkersToggle = target?.closest('[data-viewport-show-all-prefab-markers-toggle]');
+        if (showAllPrefabMarkersToggle) {
+            const showAllPrefabMarkers = currentState?.viewportTools?.showAllPrefabMarkers ?? false;
+            callbacks.onShowAllPrefabMarkersChange?.(!showAllPrefabMarkers);
+            return;
+        }
         const overlayToggle = target?.closest('[data-viewport-overlay-settings-toggle]');
         if (overlayToggle) {
             event.stopPropagation();
@@ -4307,17 +4271,6 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         if (notify)
             callbacks.onPerformanceMonitorOpenChange?.(performanceMonitorOpen);
     };
-    const setPrefabComparisonPreviewOpen = (open) => {
-        if (prefabComparisonPreviewOpen === open)
-            return;
-        if (!open)
-            endPrefabComparisonPreviewDrag();
-        prefabComparisonPreviewOpen = open;
-        if (currentState)
-            renderPreviewState(currentState);
-        LocalEditorShared.applyButtonActiveState(prefabComparisonPreviewButton, prefabComparisonPreviewOpen);
-        callbacks.onPrefabComparisonPreviewLayoutChange?.();
-    };
     const openAssetPreviewModal = (asset) => {
         if (!asset.preview)
             return;
@@ -4369,6 +4322,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         contextMenu.close();
         if (helpOpen)
             setShortcutHelpOpen(false);
+        settleHierarchyOperationInputRequest(null);
         assetPickerInput = input;
         assetPickerProperty = property;
         assetPickerFilter = '';
@@ -4379,12 +4333,40 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         assetPickerSearch.focus({ preventScroll: true });
         assetPickerSearch.select();
     };
+    const requestHierarchyOperationInput = (operation, context) => {
+        if (!operation.inputPresentation || currentState?.mode !== 'editor' || currentState.busy) {
+            return Promise.resolve(null);
+        }
+        contextMenu.close();
+        if (helpOpen)
+            setShortcutHelpOpen(false);
+        assetPickerInput = null;
+        assetPickerProperty = null;
+        settleHierarchyOperationInputRequest(null);
+        assetPickerFilter = '';
+        assetPickerOpen = true;
+        closeAssetPreviewModal();
+        renderAssetPickerModal();
+        syncInputModalOpen();
+        assetPickerSearch.focus({ preventScroll: true });
+        assetPickerSearch.select();
+        return new Promise(resolve => {
+            hierarchyOperationInputRequest = { operation, context, resolve };
+            renderAssetPickerModal();
+        });
+    };
+    function settleHierarchyOperationInputRequest(value) {
+        const request = hierarchyOperationInputRequest;
+        hierarchyOperationInputRequest = null;
+        request?.resolve(value);
+    }
     const closeInspectorAssetPicker = () => {
         if (!assetPickerOpen)
             return;
         assetPickerOpen = false;
         assetPickerInput = null;
         assetPickerProperty = null;
+        settleHierarchyOperationInputRequest(null);
         assetPickerFilter = '';
         renderAssetPickerModal();
         syncInputModalOpen();
@@ -4784,15 +4766,33 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         });
     }
     function renderAssetPickerModal() {
-        if (!assetPickerOpen || !assetPickerProperty || !assetPickerInput) {
+        if (!assetPickerOpen || (!hierarchyOperationInputRequest && (!assetPickerProperty || !assetPickerInput))) {
             assetPickerModal.style.display = 'none';
+            delete assetPickerModal.dataset.editorAssetPickerMode;
             assetPickerTitle.textContent = '';
             assetPickerSearch.value = '';
             while (assetPickerList.firstChild)
                 assetPickerList.removeChild(assetPickerList.firstChild);
             return;
         }
-        const options = readInspectorAssetPickerOptions(assetPickerProperty);
+        const operationInput = hierarchyOperationInputRequest?.operation.inputPresentation;
+        const options = operationInput
+            ? {
+                title: operationInput.title,
+                candidates: (currentState?.assets ?? [])
+                    .filter(asset => (operationInput.assetKinds.includes(resolveLocalEditorBrowserAssetKind(asset))
+                    && asset.placeable !== false
+                    && asset.disabled !== true))
+                    .map(asset => ({
+                    label: asset.label,
+                    value: asset.assetId ?? asset.id,
+                    meta: asset.meta ?? asset.assetId ?? asset.id,
+                    kind: asset.kind ?? resolveLocalEditorBrowserAssetKind(asset),
+                    preview: asset.preview,
+                })),
+            }
+            : readInspectorAssetPickerOptions(assetPickerProperty);
+        assetPickerModal.dataset.editorAssetPickerMode = operationInput ? 'hierarchy-operation' : 'inspector';
         assetPickerTitle.textContent = options.title;
         assetPickerSearch.value = assetPickerFilter;
         while (assetPickerList.firstChild)
@@ -4811,7 +4811,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             assetPickerList.appendChild(empty);
         }
         for (const candidate of candidates) {
-            assetPickerList.appendChild(createInspectorAssetPickerCandidateButton(candidate, assetPickerInput.value));
+            assetPickerList.appendChild(createInspectorAssetPickerCandidateButton(candidate, assetPickerInput?.value ?? ''));
         }
         assetPickerModal.style.display = 'flex';
     }
@@ -4855,8 +4855,13 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     sceneHelpButton.addEventListener('click', () => {
         setShortcutHelpOpen(!helpOpen);
     });
-    prefabStageBackButton.addEventListener('click', () => {
-        callbacks.onExitPrefabStage?.();
+    contextActionGroup.addEventListener('click', (event) => {
+        const button = event.target instanceof Element
+            ? event.target.closest('[data-editor-context-action]')
+            : null;
+        if (!button || button.disabled)
+            return;
+        callbacks.onContextAction?.(button.dataset.editorContextAction ?? '');
     });
     themeToggleButton.addEventListener('click', () => {
         setActiveTheme(activeTheme === 'dark' ? 'light' : 'dark');
@@ -4910,6 +4915,18 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             return;
         }
         const candidateButton = target?.closest('[data-editor-asset-picker-candidate]');
+        if (candidateButton && hierarchyOperationInputRequest?.operation.inputPresentation) {
+            const value = candidateButton.dataset.editorAssetPickerCandidate ?? '';
+            const presentation = hierarchyOperationInputRequest.operation.inputPresentation;
+            const asset = currentState?.assets.find(candidate => (candidate.assetId ?? candidate.id) === value);
+            if (asset)
+                callbacks.onSelectAsset?.(asset.id);
+            settleHierarchyOperationInputRequest(Object.freeze({
+                [presentation.field]: presentation.multiple ? Object.freeze([value]) : value,
+            }));
+            closeInspectorAssetPicker();
+            return;
+        }
         if (candidateButton && assetPickerInput) {
             assetPickerInput.value = candidateButton.dataset.editorAssetPickerCandidate ?? '';
             assetPickerInput.dispatchEvent(new Event('change', { bubbles: true }));
@@ -4925,9 +4942,9 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     });
     toolGroup.addEventListener('click', (event) => {
         const target = event.target instanceof HTMLElement ? event.target : null;
-        const tool = target?.closest('[data-transform-tool]')?.dataset.transformTool;
-        if (tool)
-            callbacks.onTransformToolChange?.(tool);
+        const toolId = target?.closest('[data-editor-tool-id]')?.dataset.editorToolId;
+        if (toolId)
+            callbacks.onToolActivate?.(toolId);
     });
     spaceGroup.addEventListener('click', (event) => {
         const target = event.target instanceof HTMLElement ? event.target : null;
@@ -5014,8 +5031,47 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             if (button.dataset.editorAssetId !== assetId)
                 continue;
             assetBrowserViewportReveal.revealElement(button);
+            return true;
+        }
+        return false;
+    }
+    function revealPendingStatusDiagnosticPath(state) {
+        const request = pendingStatusDiagnosticRequest;
+        const path = request?.path;
+        if (!request?.settled || !path || panelRegistry.getRightDockTab() !== 'inspector')
+            return;
+        const hierarchySnapshot = hierarchyKernel.getViewModel()?.snapshot;
+        const current = (!path.scopeId || path.scopeId === hierarchySnapshot?.scopeKey)
+            && (path.documentRevision == null || path.documentRevision === state.documentRevision)
+            && (path.projectionRevision == null || path.projectionRevision === hierarchySnapshot?.revision);
+        const target = [...inspectorPanel.querySelectorAll('[data-serialized-path]')]
+            .find(element => current && element.dataset.serializedPath === path.value);
+        delete request.path;
+        if (!target) {
+            clearCompletedStatusDiagnosticRequest(request);
             return;
         }
+        target.closest('details')?.setAttribute('open', '');
+        target.scrollIntoView({ block: 'center', inline: 'nearest' });
+        const focusTarget = target.matches('input,select,textarea,button,[tabindex]')
+            ? target
+            : target.querySelector('input,select,textarea,button,[tabindex]');
+        focusTarget?.focus({ preventScroll: true });
+        clearCompletedStatusDiagnosticRequest(request);
+    }
+    function revealPendingStatusDiagnosticAsset(state) {
+        const request = pendingStatusDiagnosticRequest;
+        if (!request?.settled || !request.assetId || panelRegistry.getBottomDockTab() !== 'assets')
+            return;
+        const revealId = state.selectedAssetId ?? request.assetId;
+        revealSelectedAssetBrowserItem(revealId);
+        delete request.assetId;
+        clearCompletedStatusDiagnosticRequest(request);
+    }
+    function clearCompletedStatusDiagnosticRequest(request) {
+        if (pendingStatusDiagnosticRequest === request && !request.path && !request.assetId) {
+            pendingStatusDiagnosticRequest = null;
+        }
     }
     function createCurrentAssetBrowserActionContext() {
         const stage = currentState?.prefabStage;
@@ -5055,6 +5111,18 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             });
             return;
         }
+        const addToPrefabButton = target?.closest('[data-editor-asset-add-to-prefab]');
+        const addToPrefabAssetId = addToPrefabButton?.dataset.editorAssetAddToPrefab;
+        if (addToPrefabAssetId && currentState) {
+            const asset = currentState.assets.find(candidate => candidate.id === addToPrefabAssetId);
+            if (asset && LocalEditorPanels.shouldShowPrefabModelAddAction(currentState, asset)) {
+                event.preventDefault();
+                event.stopPropagation();
+                callbacks.onSelectAsset?.(asset.id);
+                callbacks.onAssetAction?.(createAssetBrowserActionInput('asset.add-to-current-prefab', asset, createCurrentAssetBrowserActionContext()));
+            }
+            return;
+        }
         const assetButton = target?.closest('[data-editor-asset-id]');
         if (assetButton?.dataset.editorAssetId) {
             suppressAssetBrowserRevealIfVisible(assetButton);
@@ -5154,11 +5222,11 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     const hierarchyController = createLocalEditorHierarchyController({
         doc,
         panel: hierarchyPanel,
-        callbacks,
         inputRouter,
         contextMenu,
+        kernel: hierarchyKernel,
+        onOperationResult: options.hierarchy?.onOperationResult,
         getState: () => currentState,
-        contextActions: options.hierarchy?.contextActions,
         requestRender: () => {
             if (currentState)
                 render(currentState);
@@ -5169,6 +5237,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             if (assetPreviewOpen)
                 closeAssetPreviewModal();
         },
+        requestOperationInput: requestHierarchyOperationInput,
     });
     construction.addCleanup('hierarchy-controller', () => hierarchyController.dispose());
     assetPanel.addEventListener('input', (event) => {
@@ -5294,14 +5363,11 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         const materialSlotSelectTarget = target?.closest('[data-editor-inspector-material-slot-select]');
         const materialSlotSelectionId = materialSlotSelectTarget?.dataset.editorInspectorMaterialSlotSelect;
         if (materialSlotSelectionId) {
-            const precondition = createCurrentHierarchyCommandPrecondition();
-            if (!precondition)
-                return;
-            callbacks.onSelectHierarchyItem?.({
-                id: materialSlotSelectionId,
-                additive: event.shiftKey && !event.metaKey && !event.ctrlKey,
-                toggle: event.metaKey || event.ctrlKey,
-            }, precondition);
+            void hierarchyKernel.dispatch({
+                type: 'selection',
+                targetId: materialSlotSelectionId,
+                modifier: event.metaKey || event.ctrlKey ? 'toggle' : event.shiftKey ? 'range' : 'replace',
+            });
             return;
         }
         const copyButton = target?.closest('[data-editor-inspector-asset-copy]');
@@ -5336,6 +5402,8 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             : null;
         if (!input?.dataset.serializedPath || !input.dataset.serializedTargetId)
             return;
+        if (hasLocalEditorUiKeyboardCommitPending(input))
+            return;
         if (input instanceof HTMLInputElement && (input.type === 'text' || input.type === 'number')) {
             if (readInspectorCommitMode(input) !== 'change')
                 return;
@@ -5362,6 +5430,8 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         const input = event.target instanceof HTMLInputElement ? event.target : null;
         if (!input?.dataset.serializedPath || !input.dataset.serializedTargetId)
             return;
+        if (hasLocalEditorUiKeyboardCommitPending(input))
+            return;
         if (readInspectorCommitMode(input) !== 'blur')
             return;
         if (consumeLocalEditorKeyboardCommittedValue(input))
@@ -5395,6 +5465,8 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             : null;
         if (!input?.dataset.editorRenderingProperty)
             return;
+        if (hasLocalEditorUiKeyboardCommitPending(input))
+            return;
         if ((input instanceof HTMLInputElement && (input.type === 'text' || input.type === 'number')) || input instanceof HTMLTextAreaElement) {
             if (readRenderingCommitMode(input) !== 'change')
                 return;
@@ -5422,6 +5494,8 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             : null;
         if (!input?.dataset.editorRenderingProperty)
             return;
+        if (hasLocalEditorUiKeyboardCommitPending(input))
+            return;
         if (input instanceof HTMLSelectElement)
             return;
         if (readRenderingCommitMode(input) !== 'blur')
@@ -5499,6 +5573,11 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             closeInspectorAssetPicker();
             return;
         }
+        if (key === 'escape' && editorStatusCenterOpen) {
+            event.preventDefault();
+            closeEditorStatusCenter();
+            return;
+        }
         if (key === 'escape' && snapSettingsOpen) {
             event.preventDefault();
             closeSnapSettingsPopover();
@@ -5527,17 +5606,13 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         const primaryModifier = event.metaKey || event.ctrlKey;
         const handleDocumentShortcut = inputRouter.shouldHandleDocumentShortcut(event);
         const handleGlobalShortcut = inputRouter.shouldHandleGlobalShortcut(event);
-        if (shouldToggleLocalEditorPrefabComparisonShortcut({
-            inPrefabStage: currentState.prefabStage != null,
-            handleGlobalShortcut,
-            key,
-            shiftKey: event.shiftKey,
-            metaKey: event.metaKey,
-            ctrlKey: event.ctrlKey,
-            altKey: event.altKey,
-        })) {
+        const contextAction = currentState.contextActions?.find(action => (action.availability.state !== 'hidden'
+            && matchesContextActionShortcut(action.shortcut, event)));
+        if (handleDocumentShortcut && contextAction) {
             event.preventDefault();
-            setPrefabComparisonPreviewOpen(!prefabComparisonPreviewOpen);
+            if (contextAction.availability.state === 'enabled') {
+                callbacks.onContextAction?.(contextAction.id);
+            }
             return;
         }
         if (handleDocumentShortcut
@@ -5562,33 +5637,17 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             callbacks.onRedo?.();
             return;
         }
-        if (shouldLocalEditorPrefabStageBlockHierarchyShortcut({
-            inPrefabStage: currentState.prefabStage != null,
-            handleGlobalShortcut,
-            key,
-            metaKey: event.metaKey,
-            ctrlKey: event.ctrlKey,
-            altKey: event.altKey,
-        })) {
-            event.preventDefault();
-            return;
-        }
-        if (!currentState.prefabStage && handleGlobalShortcut && hierarchyController.handleEditShortcut(event)) {
+        if (handleGlobalShortcut && hierarchyController.handleEditShortcut(event)) {
             return;
         }
         if (!handleGlobalShortcut || event.metaKey || event.ctrlKey || event.altKey)
             return;
-        const toolByKey = {
-            q: 'select',
-            w: 'move',
-            e: 'rotate',
-            r: 'scale',
-        };
-        const tool = toolByKey[key];
+        const tool = currentState.tools?.find(candidate => (candidate.kind === 'primary'
+            && candidate.shortcut?.toLowerCase() === key));
         if (tool) {
             event.preventDefault();
-            if (isPreviewToolEnabled(tool))
-                callbacks.onTransformToolChange?.(tool);
+            if (tool.availability.state === 'enabled')
+                callbacks.onToolActivate?.(tool.id);
             return;
         }
         if (key === 'f') {
@@ -5617,24 +5676,13 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
                 : snap.scaleStep;
         return Number.isFinite(value) ? String(value) : '';
     }
-    function createCurrentHierarchyCommandPrecondition() {
-        if (!currentState)
-            return null;
-        const documentRevision = currentState.documentRevision ?? 0;
-        return {
-            scopeId: currentState.prefabStage ? `prefab-stage:${currentState.prefabStage.assetId}` : 'scene',
-            documentRevision,
-            projectionRevision: currentState.hierarchyProjectionRevision ?? documentRevision,
-        };
-    }
     function isTransformActionEnabled(action, operationState) {
         return action.startsWith('align-')
             ? operationState.canAlign
             : operationState.canDistribute;
     }
     function getPreviewToolSupport(tool) {
-        const inPrefabStage = currentState?.mode === 'editor' && !!currentState.prefabStage;
-        return resolveLocalEditorPreviewToolSupport({ inPrefabStage, tool });
+        return resolveLocalEditorPreviewToolSupport({ capabilities: currentState?.capabilities, tool });
     }
     function isPreviewToolVisible(tool) {
         return currentState?.mode === 'editor' && getPreviewToolSupport(tool).support !== 'hidden';
@@ -5675,29 +5723,20 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         };
     }
     function renderPrefabStagePropertiesPanel(stage) {
-        inspectorPanel.dataset.editorPanelId = 'prefab-properties';
+        inspectorPanel.dataset.editorPanelId = 'inspector';
         inspectorPanel.style.display = '';
         renderingPanel.style.display = 'none';
-        if (stage.inspectorObject) {
-            LocalEditorPanels.renderInspectorPanel(doc, inspectorPanel, {
-                ...currentState,
-                selectedIds: stage.inspectorObject.targetIds,
-                activeId: stage.inspectorObject.activeId,
-                selectionSummary: {
-                    count: stage.inspectorObject.targetIds.length,
-                    activeId: stage.inspectorObject.activeId,
-                },
-                inspectorObject: stage.inspectorObject,
-                inspectorMultiObject: null,
-            }, inspectorFilter, {
+        if (currentState?.inspectorObject) {
+            LocalEditorPanels.renderInspectorPanel(doc, inspectorPanel, currentState, inspectorFilter, {
                 ...options.inspector,
+                layerHost: editorUiLayerHost,
                 title: 'Prefab Properties',
                 emptyText: 'Select an item in Prefab Explorer.',
-                summaryTitle: 'Prefab',
                 lockedVectorGroups: lockedInspectorVectorGroups,
             });
             return;
         }
+        LocalEditorPanels.disposeInspectorPanelUi(inspectorPanel);
         LocalEditorShared.clearElement(inspectorPanel);
         inspectorPanel.appendChild(createPrefabStagePanelHeader('Prefab Properties', 'inspector'));
         const selectedItem = findLocalEditorPrefabStageStructureItem(stage, stage.selectedItemId);
@@ -5855,7 +5894,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
                     : 'var(--fps-editor-muted)';
         setToolbarButtonIcon(doc, editorStatusButton, statusViewModel.icon);
         setToolbarButtonTooltip(editorStatusButton, [
-            `编辑器状态：${editorStatusText}`,
+            `验证中心：${editorStatusText}`,
             state.statusDetails && state.statusDetails !== state.status ? state.statusDetails : '',
             transformStatusText,
             LocalEditorShared.toTransformOperationStatusLabel(transformOperations.settings),
@@ -5878,20 +5917,8 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         renderCoordinateAxesOverlay(coordinateAxesOverlay, inEditor ? state.coordinateAxes ?? null : null);
         renderSceneFrameRateOverlay(sceneFrameRateOverlay, inEditor && !inPrefabStage ? state.sceneFrameStats ?? null : null);
         renderPerformanceMonitorOverlay(performanceMonitorOverlay, inEditor && !inPrefabStage ? state.performanceStats ?? null : null, inEditor && !inPrefabStage && performanceMonitorOpen);
-        const comparisonColumnVisible = shouldShowLocalEditorPrefabComparisonColumn({
-            inPrefabStage: inEditor && inPrefabStage,
-            userOpen: prefabComparisonPreviewOpen,
-            sceneWidth: workbench.sceneFrame.clientWidth,
-        });
-        if (!comparisonColumnVisible)
-            endPrefabComparisonPreviewDrag();
         prefabStagePreviewLayout.root.style.display = inEditor && inPrefabStage ? 'block' : 'none';
-        prefabStagePreviewLayout.mainRegion.style.right = comparisonColumnVisible
-            ? `${LOCAL_EDITOR_PREFAB_COMPARISON_COLUMN_WIDTH_PX}px`
-            : '0';
-        prefabStagePreviewLayout.comparisonColumn.style.display = comparisonColumnVisible ? 'flex' : 'none';
         renderPrefabImportStatsOverlay(prefabImportStatsOverlay, inEditor && inPrefabStage ? state.prefabStage ?? null : null);
-        renderPrefabComparisonPreviewOverlay(prefabComparisonPreviewOverlay, inEditor && inPrefabStage && comparisonColumnVisible ? state.prefabStage ?? null : null);
         renderSpatialOverlay(spatialOverlay, inEditor ? state.viewportSpatialOverlay ?? null : null);
         renderMeasurementOverlay(measurementOverlay, inEditor ? state.viewportMeasurement ?? null : null);
         const boxSelection = state.boxSelection;
@@ -5917,10 +5944,17 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             ...preview,
         };
         renderPreviewState(currentState);
-        if (shouldRenderInspectorPreview && panelRegistry.getRightDockTab() === 'inspector') {
+        if (shouldRenderLocalEditorInspectorPreview({
+            hasInspectorPreview: shouldRenderInspectorPreview,
+            mode: currentState.mode,
+            inPrefabStage: !!currentState.prefabStage,
+            rightDockVisible: rightDockFormalSurfaceVisibility.isVisible(),
+            activeRightTab: panelRegistry.getRightDockTab(),
+        })) {
             const rightDockScrollSnapshot = captureLocalEditorRightDockScrollSnapshot(currentState, 'inspector', inspectorFilter, inspectorPanel, renderingPanel, markersPanel, pluginsPanel);
             LocalEditorPanels.renderInspectorPanel(doc, inspectorPanel, currentState, inspectorFilter, {
                 ...options.inspector,
+                layerHost: editorUiLayerHost,
                 lockedVectorGroups: lockedInspectorVectorGroups,
             });
             restoreLocalEditorRightDockScrollSnapshot(rightDockScrollSnapshot, currentState, 'inspector', inspectorFilter, inspectorPanel, renderingPanel, markersPanel, pluginsPanel);
@@ -5939,9 +5973,9 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         const previousInPrefabStage = previousState?.mode === 'editor' && !!previousState.prefabStage;
         if (!inEditor || disabled)
             contextMenu.close();
-        hostChrome.style.display = !inEditor && localTestActionsEnabled ? 'flex' : 'none';
+        hostChrome.style.display = !inEditor && localTestActionsEnabled && gameModeEntryVisible ? 'flex' : 'none';
         enterEditorButton.disabled = disabled;
-        for (const button of [saveButton, saveAndRunButton, discardRunButton, undoButton, redoButton, sceneHelpButton, sceneCameraButton, performanceMonitorButton, gridToggleButton, prefabComparisonPreviewButton]) {
+        for (const button of [saveButton, saveAndRunButton, discardRunButton, undoButton, redoButton, sceneHelpButton, sceneCameraButton, performanceMonitorButton, gridToggleButton]) {
             button.style.display = 'inline-flex';
             button.disabled = disabled;
         }
@@ -5965,6 +5999,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             assetPickerOpen = false;
             assetPickerInput = null;
             assetPickerProperty = null;
+            settleHierarchyOperationInputRequest(null);
         }
         syncInputModalOpen();
         const transformTool = state.transformTool ?? null;
@@ -5972,7 +6007,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         workbench.root.dataset.editorPrefabStage = String(inPrefabStage);
         sceneTitle.textContent = createLocalEditorPrefabStageTitle(prefabStage);
         sceneToolOverlay.style.display = inEditor ? 'flex' : 'none';
-        prefabStageBackButton.style.display = inPrefabStage ? 'inline-flex' : 'none';
+        renderContextActionButtons(contextActionGroup, state.contextActions ?? [], disabled);
         if (inPrefabStage && !previousInPrefabStage) {
             prefabStageMainWorkbenchLayoutSnapshot = workbenchLayoutController.getLayout();
             workbenchLayoutController.setBottomCollapsed(false);
@@ -5981,6 +6016,9 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             workbenchLayoutController.setLayout(prefabStageMainWorkbenchLayoutSnapshot, true);
             prefabStageMainWorkbenchLayoutSnapshot = null;
         }
+        if (!inPrefabStage) {
+            LocalEditorPanels.disposeInspectorPanelUi(inspectorPanel);
+        }
         workbench.leftToggle.style.display = '';
         workbench.rightToggle.style.display = '';
         workbench.bottomToggle.style.display = '';
@@ -6047,6 +6085,10 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         markerVisibilityButton.disabled = disabled;
         setToolbarButtonTooltip(markerVisibilityButton, markersVisible ? '隐藏标记与关系线' : '显示标记与关系线');
         LocalEditorShared.applyButtonActiveState(markerVisibilityButton, markersVisible);
+        const showAllPrefabMarkers = viewportTools?.showAllPrefabMarkers ?? false;
+        showAllPrefabMarkersButton.disabled = disabled || !!state.prefabStage;
+        setToolbarButtonTooltip(showAllPrefabMarkersButton, showAllPrefabMarkers ? '仅显示选中 Prefab 实例的标记' : '显示所有 Prefab 实例的标记');
+        LocalEditorShared.applyButtonActiveState(showAllPrefabMarkersButton, showAllPrefabMarkers);
         overlaySettingsButton.disabled = !isPreviewToolEnabled('spatial-overlay');
         setToolbarButtonTooltip(overlaySettingsButton, '视口信息层设置');
         LocalEditorShared.applyButtonActiveState(overlaySettingsButton, overlaySettingsOpen);
@@ -6075,24 +6117,15 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             ? performanceMonitorOpen ? '隐藏性能监控' : '显示性能监控'
             : performanceMonitorSupport.reason);
         LocalEditorShared.applyButtonActiveState(performanceMonitorButton, performanceMonitorOpen);
-        prefabComparisonPreviewButton.style.display = isPreviewToolVisible('prefab-comparison') ? 'inline-flex' : 'none';
-        prefabComparisonPreviewButton.disabled = !isPreviewToolEnabled('prefab-comparison');
-        const prefabComparisonSupport = getPreviewToolSupport('prefab-comparison');
-        setToolbarButtonTooltip(prefabComparisonPreviewButton, prefabComparisonSupport.support === 'enabled'
-            ? prefabComparisonPreviewOpen
-                ? '隐藏对比预览 (Shift+P)'
-                : '显示对比预览 (Shift+P)'
-            : prefabComparisonSupport.reason);
-        LocalEditorShared.applyButtonActiveState(prefabComparisonPreviewButton, inPrefabStage && prefabComparisonPreviewOpen);
         gridToggleButton.disabled = disabled || !gridState.available;
         setToolbarButtonTooltip(gridToggleButton, gridState.visible ? '隐藏 Scene View 网格' : '显示 Scene View 网格');
         LocalEditorShared.applyButtonActiveState(gridToggleButton, gridState.visible);
-        toolGroup.style.display = isPreviewToolVisible('select') ? 'flex' : 'none';
+        synchronizeToolButtons(state.tools ?? []);
+        toolGroup.style.display = inEditor
+            && (state.tools ?? []).some(tool => tool.kind === 'primary' && tool.availability.state !== 'hidden')
+            ? 'flex'
+            : 'none';
         spaceGroup.style.display = isPreviewToolVisible('transform-space') ? 'flex' : 'none';
-        for (const [tool, button] of toolButtons) {
-            button.disabled = !isPreviewToolEnabled(tool);
-            LocalEditorShared.applyButtonActiveState(button, transformTool?.activeTool === tool);
-        }
         for (const [space, button] of Object.entries(spaceButtons)) {
             button.disabled = !isPreviewToolEnabled('transform-space');
             LocalEditorShared.applyButtonActiveState(button, transformTool?.activeSpace === space);
@@ -6152,9 +6185,14 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         dirtyBadge.style.display = inEditor && state.session?.dirty ? 'inline-flex' : 'none';
         renderPreviewState(state);
         scheduleToolbarOverflowLayout();
-        if (!inEditor)
+        if (!inEditor) {
+            LocalEditorPanels.disposeInspectorPanelUi(renderingPanel);
             return;
+        }
         const activeRightTab = panelRegistry.getRightDockTab();
+        if (inPrefabStage || activeRightTab !== 'rendering') {
+            LocalEditorPanels.disposeInspectorPanelUi(renderingPanel);
+        }
         if (inPrefabStage && prefabStage) {
             const rightDockVisibility = resolveLocalEditorRightDockVisibility({
                 inPrefabStage: true,
@@ -6185,10 +6223,12 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             if (activeBottomTab === 'assets' && selectedAssetChanged && state.selectedAssetId && !suppressAssetScroll) {
                 revealSelectedAssetBrowserItem(state.selectedAssetId);
             }
+            revealPendingStatusDiagnosticAsset(state);
             lastRenderedAssetBrowserTab = assetBrowserTab;
             lastRenderedBottomDockTab = activeBottomTab;
             lastRenderedSelectedAssetId = state.selectedAssetId ?? null;
             restoreLocalEditorEditableFocus(doc, focusSnapshot);
+            revealPendingStatusDiagnosticPath(state);
             return;
         }
         leftDockTabs.style.display = '';
@@ -6227,18 +6267,25 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         if (activeBottomTab === 'assets' && selectedAssetChanged && state.selectedAssetId && !suppressAssetScroll) {
             revealSelectedAssetBrowserItem(state.selectedAssetId);
         }
+        revealPendingStatusDiagnosticAsset(state);
         lastRenderedAssetBrowserTab = assetBrowserTab;
         lastRenderedBottomDockTab = activeBottomTab;
         lastRenderedSelectedAssetId = state.selectedAssetId;
         LocalEditorPanels.renderWorkbenchRightDockTabs(doc, rightDockTabs, activeRightTab, panelRegistry.getPanels('right'));
-        if (activeRightTab === 'inspector') {
+        const rightDockVisible = rightDockFormalSurfaceVisibility.isVisible();
+        if (!rightDockVisible) {
+            LocalEditorPanels.disposeInspectorPanelUi(inspectorPanel);
+            LocalEditorPanels.disposeInspectorPanelUi(renderingPanel);
+        }
+        else if (activeRightTab === 'inspector') {
             LocalEditorPanels.renderInspectorPanel(doc, inspectorPanel, state, inspectorFilter, {
                 ...options.inspector,
+                layerHost: editorUiLayerHost,
                 lockedVectorGroups: lockedInspectorVectorGroups,
             });
         }
         else if (activeRightTab === 'rendering') {
-            LocalEditorPanels.renderRenderingPanel(doc, renderingPanel, state);
+            LocalEditorPanels.renderRenderingPanel(doc, renderingPanel, state, { layerHost: editorUiLayerHost });
         }
         else if (activeRightTab === 'markers') {
             LocalEditorPanels.renderMarkerPanel(doc, markersPanel, state);
@@ -6248,6 +6295,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         }
         restoreLocalEditorEditableFocus(doc, focusSnapshot);
         restoreLocalEditorRightDockScrollSnapshot(rightDockScrollSnapshot, state, activeRightTab, inspectorFilter, inspectorPanel, renderingPanel, markersPanel, pluginsPanel);
+        revealPendingStatusDiagnosticPath(state);
     };
     const completedCleanup = new Set();
     let uiDisposed = false;
@@ -6266,15 +6314,15 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
                 currentState = { ...currentState, performanceStats: stats };
             renderPerformanceMonitorOverlay(performanceMonitorOverlay, currentState?.mode === 'editor' && !currentState.prefabStage ? stats : null, currentState?.mode === 'editor' && !currentState.prefabStage && performanceMonitorOpen);
         },
-        getPrefabComparisonPreviewSurfaces() {
-            return readPrefabComparisonPreviewSurfaces(prefabComparisonPreviewOverlay);
-        },
         alert(input) {
             return modalDialog.alert(input);
         },
         confirm(input) {
             return modalDialog.confirm(input);
         },
+        choose(input) {
+            return modalDialog.choose(input);
+        },
         setTheme(theme) {
             setActiveTheme(theme);
         },
@@ -6316,6 +6364,9 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
                 doc.defaultView?.removeEventListener('resize', scheduleToolbarOverflowLayout);
             });
             run('host-chrome', () => hostChrome.remove());
+            run('inspector-ui', () => LocalEditorPanels.disposeInspectorPanelUi(inspectorPanel));
+            run('rendering-ui', () => LocalEditorPanels.disposeInspectorPanelUi(renderingPanel));
+            run('editor-ui-layer-host', () => editorUiLayerHost.dispose());
             run('workbench-root', () => workbench.root.remove());
             run('local-test-menu', () => localTestMenu.remove());
             run('editor-status-center', () => editorStatusCenter.remove());