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

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

@@ -7,34 +7,50 @@ 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 { captureLocalEditorAssetBrowserReturnFocus, createLocalEditorAssetBrowserContinuityController, resolveLocalEditorAssetBrowserContentKey, restoreLocalEditorAssetBrowserReturnFocus, } from './local-editor-asset-browser-continuity.js';
+import { canSkipLocalEditorPreviewCleanupPass, createLocalEditorPreviewCleanupRegistry, } from './local-editor-preview-cleanup-registry.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';
+import { isEditorProjectFilePreviewable, isEditorProjectMediaPreviewable, } from '@fps-games/editor-playable-sdk';
+import { findLocalEditorProjectFileSearchMatches, toLocalEditorProjectRelativePath, } from './local-editor-project-file-preview.js';
+import { resolveLocalEditorProjectFileOpenAction } from './local-editor-project-file-open.js';
 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 { createLocalEditorConsoleController } from './local-editor-ui-console.js';
+import { synchronizeLocalEditorToolButtons } from './local-editor-tool-presentation.js';
 import { createLocalEditorPanelRegistry } from './local-editor-ui-panel-registry.js';
+import { createLocalEditorFormalSurfaceVisibilityController, disposeLocalEditorFormalSurfaces, shouldRenderLocalEditorInspectorPreview, } from './local-editor-ui-formal-surface-visibility.js';
 import * 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 { createLocalEditorAssetFilesystemSnapshot, resolveLocalEditorAssetFilesystemFolderPath, } from './local-editor-asset-filesystem.js';
+import { createLocalEditorProjectModelThumbnailCache, } from './local-editor-project-media-thumbnail-cache.js';
+import { createLocalEditorPrefabStageTitle, findLocalEditorPrefabStageStructureItem, resolveLocalEditorRightDockVisibility, resolveLocalEditorPrefabStageWorkbenchLayout, resolveLocalEditorPreviewToolSupport, shouldLocalEditorClosePerformanceMonitor, } from './local-editor-ui-prefab-stage.js';
+import { resolveLocalEditorCoordinateAxisActiveDirection, resolveLocalEditorCoordinateAxisDirection, } from './local-editor-viewport-orientation.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 { findLocalEditorProjectFileSearchMatches, toLocalEditorProjectRelativePath, } from './local-editor-project-file-preview.js';
 export { DEFAULT_LOCAL_EDITOR_THEME, LOCAL_EDITOR_THEME_CLASS, applyLocalEditorTheme, normalizeLocalEditorThemeName, } from './local-editor-ui-theme.js';
 export { LOCAL_EDITOR_ICON_NAMES, createLocalEditorIcon, isLocalEditorIconName, resolveLocalEditorIconName, } from './local-editor-ui-icons.js';
 const PENDING_NUMERIC_PROPERTY_INPUT = Symbol('pending-numeric-property-input');
+function syncLocalEditorInspectorPendingState(panel, pending) {
+    panel.dataset.editorInspectorPending = String(pending);
+    panel.setAttribute('aria-busy', String(pending));
+    panel.toggleAttribute('inert', pending);
+}
 function readInspectorInputValue(input, source) {
     const control = input.dataset.serializedControl;
     const valueType = input.dataset.serializedValueType;
@@ -91,12 +107,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',
@@ -111,28 +121,6 @@ const PLACEMENT_MODE_DESCRIPTIONS = {
     ground: '放置到 XZ 地面',
     surface: '放置到场景表面',
 };
-const VIEW_PRESET_ICONS = {
-    perspective: 'view-perspective',
-    top: 'view-top',
-    bottom: 'view-top',
-    front: 'view-front',
-    back: 'view-front',
-    left: 'view-right',
-    right: 'view-right',
-    iso: 'view-perspective',
-    threeQuarterTop: 'view-perspective',
-};
-const VIEW_PRESET_TOOLTIPS = {
-    perspective: '透视视图',
-    top: '顶视图 · 自动切换正交',
-    bottom: '底视图 · 自动切换正交',
-    front: '前视图 · 自动切换正交',
-    back: '后视图 · 自动切换正交',
-    left: '左视图 · 自动切换正交',
-    right: '右视图 · 自动切换正交',
-    iso: '等距视图 · 自动切换正交',
-    threeQuarterTop: '斜 45° 俯视图',
-};
 const VIEWPORT_OVERLAY_TOGGLE_LABELS = {
     bounds: '包围盒',
     dimensions: '尺寸摘要',
@@ -143,6 +131,17 @@ const VIEWPORT_PROJECTION_LABELS = {
     perspective: '透视',
     orthographic: '正交',
 };
+const VIEWPORT_VIEW_LABELS = {
+    perspective: '透视',
+    top: '顶视图',
+    bottom: '底视图',
+    front: '前视图',
+    back: '后视图',
+    left: '左视图',
+    right: '右视图',
+    iso: '等距正交',
+    threeQuarterTop: '斜 45° 俯视',
+};
 const STATIC_SHADOW_BAKE_ACTION_ID = 'bake-static-shadows';
 const TRANSFORM_ACTION_GROUPS = [
     {
@@ -165,12 +164,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 +178,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 +311,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 +320,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 +385,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 +815,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 +833,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)
@@ -1174,99 +1228,9 @@ const PREFAB_IMPORT_STATS_METRICS = [
         format: stats => formatPerformanceInteger(stats?.animationCount ?? null),
     },
 ];
-function createSceneFrameRateOverlay(doc) {
-    const root = doc.createElement('div');
-    root.classList.add(LOCAL_EDITOR_THEME_CLASS);
-    root.dataset.editorSceneFrameRateOverlay = 'true';
-    root.style.cssText = [
-        'position:absolute',
-        'right:14px',
-        'bottom:134px',
-        'z-index:3',
-        'display:none',
-        'align-items:center',
-        'gap:6px',
-        'width:112px',
-        'height:30px',
-        'padding:0 8px',
-        'box-sizing:border-box',
-        'border:1px solid color-mix(in srgb, var(--fps-editor-border) 78%, transparent)',
-        'border-radius:6px',
-        'background:color-mix(in srgb, var(--fps-editor-chrome) 76%, transparent)',
-        'box-shadow:var(--fps-editor-shadow-panel)',
-        'font-family:var(--fps-editor-font)',
-        'font-size:11px',
-        'font-weight:900',
-        'letter-spacing:0',
-        'color:var(--fps-editor-text-strong)',
-        'pointer-events:none',
-        'backdrop-filter:blur(5px)',
-        'overflow:hidden',
-    ].join(';');
-    const label = doc.createElement('span');
-    label.textContent = 'FPS';
-    label.style.cssText = [
-        'color:var(--fps-editor-muted-strong)',
-        'font-size:10px',
-        'line-height:1',
-    ].join(';');
-    const fpsValue = doc.createElement('span');
-    fpsValue.textContent = '--';
-    fpsValue.style.cssText = [
-        'width:26px',
-        'flex:0 0 26px',
-        'font-variant-numeric:tabular-nums',
-        'font-size:13px',
-        'line-height:1',
-    ].join(';');
-    const modeLabel = doc.createElement('span');
-    modeLabel.textContent = 'IDLE';
-    modeLabel.style.cssText = [
-        'margin-left:auto',
-        'padding:2px 4px',
-        'flex:0 0 auto',
-        'border:1px solid var(--fps-editor-border-soft)',
-        'border-radius:4px',
-        'background:color-mix(in srgb, var(--fps-editor-field) 72%, transparent)',
-        'color:var(--fps-editor-muted)',
-        'font-size:9px',
-        'line-height:1',
-    ].join(';');
-    root.appendChild(label);
-    root.appendChild(fpsValue);
-    root.appendChild(modeLabel);
-    return { root, fpsValue, modeLabel };
-}
-function renderSceneFrameRateOverlay(overlay, stats) {
-    if (!stats) {
-        overlay.root.style.display = 'none';
-        return;
-    }
-    overlay.root.style.display = 'flex';
-    const fps = Number.isFinite(stats.fps) ? Math.round(stats.fps) : null;
-    const displayFps = stats.mode === 'idle' ? 0 : fps;
-    overlay.fpsValue.textContent = displayFps == null ? '--' : String(displayFps);
-    overlay.modeLabel.textContent = stats.mode === 'continuous' ? 'LIVE' : 'IDLE';
-    overlay.modeLabel.style.color = stats.mode === 'continuous'
-        ? 'var(--fps-editor-success)'
-        : 'var(--fps-editor-muted)';
-    overlay.fpsValue.style.color = displayFps == null || stats.mode === 'idle'
-        ? 'var(--fps-editor-muted)'
-        : displayFps >= 50
-            ? 'var(--fps-editor-success)'
-            : displayFps >= 30
-                ? 'var(--fps-editor-warn)'
-                : 'var(--fps-editor-danger-strong)';
-    overlay.root.title = [
-        `Scene FPS: ${displayFps == null ? '--' : displayFps}`,
-        `mode: ${stats.mode}`,
-        stats.lastFrameMs == null ? '' : `frame: ${stats.lastFrameMs.toFixed(1)}ms`,
-        stats.activeReasons.length ? `active: ${stats.activeReasons.join(', ')}` : '',
-    ].filter(Boolean).join(' | ');
-}
 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 +1358,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 +1469,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 +1496,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';
@@ -1770,154 +1527,211 @@ function isFinitePerformanceNumber(value) {
 }
 function createCoordinateAxesOverlay(doc) {
     const root = doc.createElement('div');
+    root.classList.add(LOCAL_EDITOR_THEME_CLASS);
     root.dataset.editorCoordinateAxesOverlay = 'true';
     root.style.cssText = [
         'position:absolute',
         'right:14px',
         'bottom:14px',
-        'width:112px',
-        'height:112px',
+        'width:124px',
+        'height:124px',
         'display:none',
         'z-index:2',
         'box-sizing:border-box',
-        'border:1px solid color-mix(in srgb, var(--fps-editor-border) 78%, transparent)',
-        'border-radius:8px',
-        'background:color-mix(in srgb, var(--fps-editor-chrome) 58%, transparent)',
-        'box-shadow:var(--fps-editor-shadow-panel)',
+        'background:transparent',
         'pointer-events:none',
-        'overflow:hidden',
+        'overflow:visible',
     ].join(';');
     const svg = doc.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svg.setAttribute('viewBox', '0 0 112 112');
-    svg.setAttribute('aria-hidden', 'true');
+    svg.setAttribute('viewBox', '0 0 124 124');
+    svg.setAttribute('role', 'group');
+    svg.setAttribute('aria-label', '视口方向控制');
     svg.style.cssText = 'display:block;width:100%;height:100%';
     root.appendChild(svg);
     const lineLayer = doc.createElementNS('http://www.w3.org/2000/svg', 'g');
     const labelLayer = doc.createElementNS('http://www.w3.org/2000/svg', 'g');
     svg.appendChild(lineLayer);
     svg.appendChild(labelLayer);
-    const axisGroups = new Map();
+    const axisDirectionGroups = new Map();
+    const axisDirectionVisuals = new Map();
     const axisLines = new Map();
-    const axisLabels = new Map();
-    const axisDiscs = new Map();
     for (const axis of ['x', 'y', 'z']) {
-        const group = doc.createElementNS('http://www.w3.org/2000/svg', 'g');
         const line = doc.createElementNS('http://www.w3.org/2000/svg', 'line');
         line.setAttribute('stroke-width', '3.2');
         line.setAttribute('stroke-linecap', 'round');
-        line.setAttribute('x1', '56');
-        line.setAttribute('y1', '56');
-        const disc = doc.createElementNS('http://www.w3.org/2000/svg', 'circle');
-        disc.setAttribute('r', '7');
-        const label = doc.createElementNS('http://www.w3.org/2000/svg', 'text');
-        label.setAttribute('text-anchor', 'middle');
-        label.setAttribute('dominant-baseline', 'middle');
-        label.setAttribute('dy', '0.04em');
-        label.style.cssText = [
-            'fill:#172033',
-            'font-size:10px',
-            'font-weight:900',
-            'font-family:Arial, Helvetica, sans-serif',
-            'letter-spacing:0',
-        ].join(';');
-        group.appendChild(disc);
-        group.appendChild(label);
+        line.setAttribute('x1', '62');
+        line.setAttribute('y1', '62');
+        line.style.filter = 'drop-shadow(0 1px 1.5px rgba(0,0,0,0.88))';
         lineLayer.appendChild(line);
-        labelLayer.appendChild(group);
-        axisGroups.set(axis, group);
         axisLines.set(axis, line);
-        axisLabels.set(axis, label);
-        axisDiscs.set(axis, disc);
+        for (const sign of ['positive', 'negative']) {
+            const directionId = `${axis}-${sign}`;
+            const direction = resolveLocalEditorCoordinateAxisDirection(directionId);
+            const group = doc.createElementNS('http://www.w3.org/2000/svg', 'g');
+            group.setAttribute('role', 'button');
+            group.setAttribute('tabindex', '0');
+            group.dataset.coordinateAxisDirection = directionId;
+            group.dataset.viewportViewPreset = direction.preset;
+            group.style.cssText = 'pointer-events:auto;cursor:pointer;outline:none';
+            const title = doc.createElementNS('http://www.w3.org/2000/svg', 'title');
+            title.textContent = `${direction.label} · 点击切换正交视图`;
+            const hit = doc.createElementNS('http://www.w3.org/2000/svg', 'circle');
+            hit.setAttribute('r', '14');
+            hit.setAttribute('fill', 'transparent');
+            const visual = doc.createElementNS('http://www.w3.org/2000/svg', 'circle');
+            visual.setAttribute('r', sign === 'positive' ? '9' : '8.5');
+            visual.style.cssText = 'transition:filter 120ms ease,opacity 120ms ease;filter:drop-shadow(0 1px 2.5px rgba(0,0,0,0.78))';
+            group.append(title, hit, visual);
+            if (sign === 'positive') {
+                const label = doc.createElementNS('http://www.w3.org/2000/svg', 'text');
+                label.setAttribute('text-anchor', 'middle');
+                label.setAttribute('dominant-baseline', 'middle');
+                label.setAttribute('dy', '0.04em');
+                label.style.cssText = [
+                    'fill:#172033',
+                    'font-size:11px',
+                    'font-weight:900',
+                    'font-family:Arial, Helvetica, sans-serif',
+                    'letter-spacing:0',
+                    'pointer-events:none',
+                ].join(';');
+                label.textContent = axis.toUpperCase();
+                group.appendChild(label);
+            }
+            const emphasize = () => {
+                visual.style.filter = 'drop-shadow(0 0 4px rgba(255,255,255,0.78))';
+            };
+            const restore = () => {
+                visual.style.filter = 'drop-shadow(0 1px 2.5px rgba(0,0,0,0.78))';
+            };
+            group.addEventListener('pointerenter', emphasize);
+            group.addEventListener('pointerleave', restore);
+            group.addEventListener('focus', emphasize);
+            group.addEventListener('blur', restore);
+            labelLayer.appendChild(group);
+            axisDirectionGroups.set(directionId, group);
+            axisDirectionVisuals.set(directionId, visual);
+        }
     }
     const centerDot = doc.createElementNS('http://www.w3.org/2000/svg', 'circle');
-    centerDot.setAttribute('cx', '56');
-    centerDot.setAttribute('cy', '56');
+    centerDot.setAttribute('cx', '62');
+    centerDot.setAttribute('cy', '62');
     centerDot.setAttribute('r', '3.2');
-    centerDot.setAttribute('fill', 'color-mix(in srgb, var(--fps-editor-text) 82%, transparent)');
+    centerDot.setAttribute('fill', '#f4f7fb');
+    centerDot.setAttribute('stroke', 'rgba(16,20,26,0.82)');
+    centerDot.setAttribute('stroke-width', '1.5');
     labelLayer.appendChild(centerDot);
-    const projectionIcon = doc.createElementNS('http://www.w3.org/2000/svg', 'g');
-    projectionIcon.setAttribute('transform', 'translate(8 8)');
-    projectionIcon.setAttribute('role', 'button');
-    projectionIcon.setAttribute('tabindex', '0');
-    projectionIcon.dataset.coordinateAxesProjectionToggle = 'true';
-    projectionIcon.style.cssText = 'opacity:0.92;pointer-events:auto;cursor:pointer;outline:none';
-    const projectionIconFrame = doc.createElementNS('http://www.w3.org/2000/svg', 'rect');
-    projectionIconFrame.setAttribute('x', '0');
-    projectionIconFrame.setAttribute('y', '0');
-    projectionIconFrame.setAttribute('width', '18');
-    projectionIconFrame.setAttribute('height', '18');
-    projectionIconFrame.setAttribute('rx', '4');
-    projectionIconFrame.setAttribute('fill', 'color-mix(in srgb, var(--fps-editor-chrome) 78%, transparent)');
-    projectionIconFrame.setAttribute('stroke', 'color-mix(in srgb, var(--fps-editor-border) 82%, transparent)');
-    projectionIconFrame.setAttribute('stroke-width', '1');
-    const projectionIconShape = doc.createElementNS('http://www.w3.org/2000/svg', 'path');
-    projectionIconShape.setAttribute('fill', 'none');
-    projectionIconShape.setAttribute('stroke', 'color-mix(in srgb, var(--fps-editor-accent) 82%, #ffffff)');
-    projectionIconShape.setAttribute('stroke-width', '1.6');
-    projectionIconShape.setAttribute('stroke-linejoin', 'round');
-    projectionIconShape.setAttribute('stroke-linecap', 'round');
-    projectionIcon.appendChild(projectionIconFrame);
-    projectionIcon.appendChild(projectionIconShape);
-    svg.appendChild(projectionIcon);
+    const floatingButtonStyle = [
+        'position:absolute',
+        'top:4px',
+        'width:26px',
+        'height:26px',
+        'min-width:26px',
+        'padding:0',
+        'border-color:color-mix(in srgb, var(--fps-editor-border) 72%, transparent)',
+        'background:color-mix(in srgb, var(--fps-editor-chrome) 72%, transparent)',
+        'box-shadow:0 2px 6px rgba(0,0,0,0.34)',
+        'backdrop-filter:blur(5px)',
+        'pointer-events:auto',
+    ].join(';');
+    const projectionButton = createToolbarIconButton(doc, '投影模式', 'projection-perspective', '投影模式：透视', 'toggle');
+    projectionButton.dataset.coordinateAxesProjectionToggle = 'true';
+    projectionButton.style.cssText = `${floatingButtonStyle};left:4px`;
+    root.appendChild(projectionButton);
+    const viewMenuButton = createToolbarIconButton(doc, '更多视角', 'chevron-down', '更多视角');
+    viewMenuButton.dataset.coordinateAxesViewMenu = 'true';
+    viewMenuButton.setAttribute('aria-haspopup', 'menu');
+    viewMenuButton.style.cssText = `${floatingButtonStyle};right:4px`;
+    root.appendChild(viewMenuButton);
     return {
         root,
         lineLayer,
         labelLayer,
-        axisGroups,
+        axisDirectionGroups,
+        axisDirectionVisuals,
         axisLines,
-        axisLabels,
-        axisDiscs,
         centerDot,
-        projectionIcon,
-        projectionIconShape,
+        projectionButton,
+        viewMenuButton,
     };
 }
-function renderCoordinateAxesOverlay(overlay, state) {
+function renderCoordinateAxesOverlay(overlay, state, viewPreset, busy) {
     if (!state?.axes?.length) {
         overlay.root.style.display = 'none';
         return;
     }
     overlay.root.style.display = '';
-    renderCoordinateAxesProjectionIcon(overlay, state.projectionMode, state.projectionToggleDisabled === true);
-    const center = 56;
-    const lineLength = 38;
+    const controlsDisabled = state.projectionToggleDisabled === true || busy;
+    renderCoordinateAxesProjectionButton(overlay, state.projectionMode, controlsDisabled);
+    overlay.viewMenuButton.disabled = controlsDisabled;
+    overlay.viewMenuButton.setAttribute('aria-disabled', controlsDisabled ? 'true' : 'false');
+    setToolbarButtonTooltip(overlay.viewMenuButton, controlsDisabled
+        ? `视角预设：${VIEWPORT_VIEW_LABELS[viewPreset]} · 当前不可切换`
+        : `视角预设：${VIEWPORT_VIEW_LABELS[viewPreset]}`);
+    const center = 62;
+    const lineLength = 40;
+    const activeDirectionId = resolveLocalEditorCoordinateAxisActiveDirection(viewPreset);
     const sortedAxes = [...state.axes].sort((left, right) => right.depth - left.depth);
     for (const axis of sortedAxes) {
-        const group = overlay.axisGroups.get(axis.id);
         const line = overlay.axisLines.get(axis.id);
-        const disc = overlay.axisDiscs.get(axis.id);
-        const label = overlay.axisLabels.get(axis.id);
-        if (!group || !line || !disc || !label)
+        if (!line)
             continue;
         const length = lineLength * axis.scale;
         const endX = center + axis.x * length;
         const endY = center + axis.y * length;
+        const oppositeX = center - axis.x * length;
+        const oppositeY = center - axis.y * length;
         line.setAttribute('x2', formatSvgNumber(endX));
         line.setAttribute('y2', formatSvgNumber(endY));
         line.setAttribute('stroke', axis.color);
-        disc.setAttribute('cx', formatSvgNumber(endX));
-        disc.setAttribute('cy', formatSvgNumber(endY));
-        disc.setAttribute('fill', axis.color);
-        label.setAttribute('x', formatSvgNumber(endX));
-        label.setAttribute('y', formatSvgNumber(endY));
-        label.textContent = axis.label;
-        group.style.opacity = String(0.72 + axis.scale * 0.28);
+        const positiveId = `${axis.id}-positive`;
+        const negativeId = `${axis.id}-negative`;
+        const positiveDirection = resolveLocalEditorCoordinateAxisDirection(positiveId);
+        const negativeDirection = resolveLocalEditorCoordinateAxisDirection(negativeId);
+        const positiveGroup = overlay.axisDirectionGroups.get(positiveId);
+        const negativeGroup = overlay.axisDirectionGroups.get(negativeId);
+        const positiveVisual = overlay.axisDirectionVisuals.get(positiveId);
+        const negativeVisual = overlay.axisDirectionVisuals.get(negativeId);
+        if (!positiveGroup || !negativeGroup || !positiveVisual || !negativeVisual)
+            continue;
+        positiveGroup.setAttribute('transform', `translate(${formatSvgNumber(endX)} ${formatSvgNumber(endY)})`);
+        negativeGroup.setAttribute('transform', `translate(${formatSvgNumber(oppositeX)} ${formatSvgNumber(oppositeY)})`);
+        positiveGroup.setAttribute('aria-label', `${positiveDirection.label} · 点击切换正交视图`);
+        negativeGroup.setAttribute('aria-label', `${negativeDirection.label} · 点击切换正交视图`);
+        positiveGroup.setAttribute('aria-disabled', controlsDisabled ? 'true' : 'false');
+        negativeGroup.setAttribute('aria-disabled', controlsDisabled ? 'true' : 'false');
+        positiveGroup.style.cursor = controlsDisabled ? 'not-allowed' : 'pointer';
+        negativeGroup.style.cursor = controlsDisabled ? 'not-allowed' : 'pointer';
+        positiveGroup.style.opacity = String((controlsDisabled ? 0.42 : 0.72) + axis.scale * (controlsDisabled ? 0.12 : 0.28));
+        negativeGroup.style.opacity = controlsDisabled ? '0.3' : String(0.5 + axis.scale * 0.18);
+        const positiveActive = positiveId === activeDirectionId;
+        const negativeActive = negativeId === activeDirectionId;
+        positiveGroup.setAttribute('aria-pressed', String(positiveActive));
+        negativeGroup.setAttribute('aria-pressed', String(negativeActive));
+        positiveVisual.setAttribute('fill', axis.color);
+        positiveVisual.setAttribute('stroke', positiveActive ? '#ffffff' : 'color-mix(in srgb, var(--fps-editor-chrome) 72%, transparent)');
+        positiveVisual.setAttribute('stroke-width', positiveActive ? '2.4' : '1.2');
+        negativeVisual.setAttribute('fill', negativeActive ? `color-mix(in srgb, ${axis.color} 26%, transparent)` : 'color-mix(in srgb, var(--fps-editor-chrome) 62%, transparent)');
+        negativeVisual.setAttribute('stroke', axis.color);
+        negativeVisual.setAttribute('stroke-width', negativeActive ? '3.8' : '3');
         overlay.lineLayer.appendChild(line);
-        overlay.labelLayer.appendChild(group);
+        const farGroup = axis.depth >= 0 ? negativeGroup : positiveGroup;
+        const nearGroup = axis.depth >= 0 ? positiveGroup : negativeGroup;
+        overlay.labelLayer.appendChild(farGroup);
+        overlay.labelLayer.appendChild(nearGroup);
     }
     overlay.labelLayer.appendChild(overlay.centerDot);
 }
-function renderCoordinateAxesProjectionIcon(overlay, mode, disabled) {
-    overlay.projectionIcon.dataset.viewportProjectionMode = mode;
-    overlay.projectionIcon.setAttribute('aria-label', disabled
-        ? `编辑视口投影：${VIEWPORT_PROJECTION_LABELS[mode]}，Main Camera 预览中不可切换`
-        : `编辑视口投影：${VIEWPORT_PROJECTION_LABELS[mode]}，点击切换`);
-    overlay.projectionIcon.setAttribute('aria-disabled', disabled ? 'true' : 'false');
-    overlay.projectionIcon.style.opacity = disabled ? '0.46' : '0.92';
-    overlay.projectionIcon.style.cursor = disabled ? 'not-allowed' : 'pointer';
-    overlay.projectionIconShape.setAttribute('d', mode === 'orthographic'
-        ? 'M5 6.5H12.5V14H5ZM7.5 4H15V11.5'
-        : 'M4.5 14H13.5L10.5 4H7.5ZM7 10.5H11');
+function renderCoordinateAxesProjectionButton(overlay, mode, disabled) {
+    const nextMode = mode === 'orthographic' ? 'perspective' : 'orthographic';
+    overlay.projectionButton.dataset.viewportProjectionMode = mode;
+    overlay.projectionButton.disabled = disabled;
+    overlay.projectionButton.setAttribute('aria-pressed', mode === 'orthographic' ? 'true' : 'false');
+    setToolbarButtonIcon(overlay.projectionButton.ownerDocument, overlay.projectionButton, mode === 'orthographic' ? 'projection-ortho' : 'projection-perspective');
+    setToolbarButtonTooltip(overlay.projectionButton, disabled
+        ? `投影模式：${VIEWPORT_PROJECTION_LABELS[mode]} · 当前不可切换`
+        : `投影模式：${VIEWPORT_PROJECTION_LABELS[mode]} · 点击切换为${VIEWPORT_PROJECTION_LABELS[nextMode]}`);
+    LocalEditorShared.applyButtonActiveState(overlay.projectionButton, mode === 'orthographic');
 }
 function createSpatialOverlay(doc) {
     const root = doc.createElement('div');
@@ -2034,8 +1848,8 @@ function ensureSpatialOverlayLine(overlay, id) {
     if (existing)
         return existing;
     const line = overlay.root.ownerDocument.createElementNS('http://www.w3.org/2000/svg', 'line');
-    line.setAttribute('stroke', 'color-mix(in srgb, var(--fps-editor-drop-target) 82%, white)');
-    line.setAttribute('stroke-width', '1.4');
+    line.setAttribute('stroke', 'color-mix(in srgb, var(--fps-editor-text) 82%, white)');
+    line.setAttribute('stroke-width', '1.15');
     line.setAttribute('stroke-linecap', 'round');
     line.setAttribute('vector-effect', 'non-scaling-stroke');
     line.style.filter = 'drop-shadow(0 1px 2px rgba(0,0,0,0.45))';
@@ -2179,7 +1993,7 @@ function formatSvgNumber(value) {
     return Number.isFinite(value) ? value.toFixed(2) : '0';
 }
 function isLocalEditorAssetBrowserTab(value) {
-    return value === 'all' || value === 'models' || value === 'prefabs' || value === 'materials' || value === 'textures';
+    return value === 'all' || value === 'models' || value === 'prefabs' || value === 'materials' || value === 'textures' || value === 'audio';
 }
 export function createAssetBrowserMenuItems(state, asset) {
     const assetKind = resolveLocalEditorBrowserAssetKind(asset);
@@ -2189,6 +2003,12 @@ export function createAssetBrowserMenuItems(state, asset) {
     const items = [];
     if (assetKind === 'material') {
         const deleteDisabledReason = getMaterialAssetDeleteDisabledReason(asset);
+        if (asset.preview) {
+            items.push({
+                id: 'asset.preview',
+                label: '预览材质',
+            });
+        }
         items.push({
             id: 'asset.edit-material',
             label: '编辑材质球',
@@ -2381,8 +2201,29 @@ 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 formatProjectFileByteSize(size) {
+    if (size < 1024)
+        return `${size} B`;
+    if (size < 1024 * 1024)
+        return `${(size / 1024).toFixed(size < 10 * 1024 ? 1 : 0)} KiB`;
+    return `${(size / (1024 * 1024)).toFixed(1)} MiB`;
+}
+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 +2379,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 +2403,32 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     });
     construction.addCleanup('tooltip-controller', () => tooltipController.dispose());
     let currentState = null;
+    let pendingStatusDiagnosticRequest = null;
     let inspectorFilter = '';
+    let lastRenderedInspectorContentKey = null;
     const lockedInspectorVectorGroups = new Set();
     let assetBrowserTab = 'all';
-    const workbenchLayout = createDefaultLocalEditorWorkbenchLayout();
+    let assetBrowserFolderPath = '/';
+    const assetBrowserExpandedFolderPaths = new Set(['/']);
+    let assetBrowserViewMode = 'grid';
+    let selectedProjectEntryPath = null;
+    const expandAssetBrowserFolderPath = (folderPath) => {
+        assetBrowserExpandedFolderPaths.add('/');
+        let currentPath = '';
+        for (const segment of folderPath.split('/').filter(Boolean)) {
+            currentPath = `${currentPath}/${segment}`;
+            assetBrowserExpandedFolderPaths.add(currentPath);
+        }
+    };
+    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 +2464,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 +2486,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,22 +2498,55 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     let helpOpen = false;
     let editorStatusCenterOpen = false;
     let performanceMonitorOpen = false;
-    let prefabComparisonPreviewOpen = true;
     let assetPreviewOpen = false;
+    let assetPreviewReturnFocus = null;
     let previewedAsset = null;
     let assetPreviewMode = 'preview';
+    let projectMediaPreviewSource = null;
+    let projectMediaPreviewRequestedPath = '';
+    let projectMediaPreviewError = '';
+    let projectMediaPreviewRequestId = 0;
+    let uiDisposed = false;
+    let projectModelPreviewCleanup = null;
+    let projectModelPreviewAbortController = null;
+    const projectModelPreviewCleanupRegistry = createLocalEditorPreviewCleanupRegistry({
+        onTerminalFailure(error) {
+            console.error('[fps-editor:model-preview] cleanup failed after bounded retries', error);
+        },
+    });
+    const projectMediaThumbnailCache = new Map();
+    const projectMediaThumbnailAbortControllers = new Set();
+    const projectModelThumbnailCache = createLocalEditorProjectModelThumbnailCache(doc.defaultView);
+    let projectMediaThumbnailGeneration = 0;
+    let projectMediaThumbnailObserver = null;
+    let materialPreviewRequestId = 0;
+    let materialPreviewCleanup = null;
+    const materialPreviewCleanupRegistry = createLocalEditorPreviewCleanupRegistry({
+        onTerminalFailure(error) {
+            console.error('[fps-editor:material-preview] cleanup failed after bounded retries', error);
+        },
+    });
+    let projectFilePreviewOpen = false;
+    let projectFilePreviewReturnFocus = null;
+    let projectFilePreviewRequestId = 0;
+    let projectFilePreviewContent = null;
+    let projectFilePreviewRequestedPath = '';
+    let projectFilePreviewError = '';
+    let projectFilePreviewMatches = [];
+    let projectFilePreviewActiveMatch = -1;
+    let projectFilePreviewSearchRaf = null;
     let assetPickerOpen = false;
     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 +2565,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 +2597,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,24 +2616,70 @@ 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();
+            lastRenderedInspectorContentKey = null;
+        },
+        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,
+                });
+                lastRenderedInspectorContentKey = resolveLocalEditorRightDockContentKey(currentState, 'inspector', inspectorFilter);
+            }
+            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);
             }
         },
     });
     construction.addCleanup('workbench-layout-controller', () => workbenchLayoutController.dispose());
+    const editorConsole = createLocalEditorConsoleController(doc, workbench.consoleDock, {
+        isCollapsed: () => workbenchLayoutController.getLayout().consoleCollapsed,
+        onCollapsedChange: collapsed => workbenchLayoutController.setConsoleCollapsed(collapsed, true),
+    });
+    construction.addCleanup('editor-console', () => editorConsole.dispose());
     const findAssetBrowserScrollViewport = () => (assetPanel.querySelector('[data-editor-asset-browser-scroll-viewport]'));
     const assetBrowserViewportReveal = createLocalEditorViewportRevealController({
         getViewport: findAssetBrowserScrollViewport,
         margin: 4,
     });
-    let lastRenderedAssetBrowserTab;
-    let lastRenderedBottomDockTab;
+    const assetBrowserContinuity = createLocalEditorAssetBrowserContinuityController(() => assetPanel);
+    let lastRenderedAssetBrowserContentKey = null;
     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 +2694,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 +2707,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 +2716,20 @@ 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,
+    const renderToolPresentationState = (state) => {
+        synchronizeLocalEditorToolButtons({
+            document: doc,
+            group: toolGroup,
+            buttons: toolButtons,
+            presentations: state.tools ?? [],
         });
-        button.dataset.transformTool = descriptor.tool;
-        toolButtons.set(descriptor.tool, button);
-        toolGroup.appendChild(button);
-    }
+        toolGroup.style.display = state.mode === 'editor'
+            && (state.tools ?? []).some(tool => tool.kind === 'primary' && tool.availability.state !== 'hidden')
+            ? 'flex'
+            : 'none';
+    };
     const spaceGroup = doc.createElement('div');
+    spaceGroup.className = 'fps-editor-ui-toolbar-group';
     spaceGroup.style.cssText = [
         'display:flex',
         'align-items:center',
@@ -2811,6 +2746,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 +2757,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 +2839,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 +2850,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 +2882,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 +2893,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 +2948,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 +2961,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 +3049,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 +3076,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',
@@ -3145,19 +3084,12 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         'padding-left:8px',
         'border-left:1px solid var(--fps-editor-divider)',
     ].join(';');
-    const viewportPresetButtons = new Map();
-    for (const preset of ['perspective', 'top', 'front', 'right']) {
-        const button = createToolbarIconButton(doc, VIEW_PRESET_TOOLTIPS[preset], VIEW_PRESET_ICONS[preset], VIEW_PRESET_TOOLTIPS[preset]);
-        button.dataset.viewportViewPreset = preset;
-        viewportPresetButtons.set(preset, button);
-        viewportToolsGroup.appendChild(button);
-    }
-    const projectionToggleButton = createToolbarIconButton(doc, '投影模式', 'projection-perspective', '切换投影模式');
-    projectionToggleButton.dataset.viewportProjectionToggle = 'true';
-    viewportToolsGroup.appendChild(projectionToggleButton);
     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 +3100,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 +3144,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',
@@ -3232,114 +3164,13 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         'pointer-events:auto',
     ].join(';');
     const coordinateAxesOverlay = createCoordinateAxesOverlay(doc);
-    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);
@@ -3359,7 +3190,6 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     workbench.sceneHeader.appendChild(sceneToolOverlay);
     workbench.sceneFrame.appendChild(spatialOverlay.root);
     workbench.sceneFrame.appendChild(measurementOverlay.root);
-    workbench.sceneFrame.appendChild(sceneFrameRateOverlay.root);
     workbench.sceneFrame.appendChild(performanceMonitorOverlay.root);
     workbench.sceneFrame.appendChild(prefabStagePreviewLayout.root);
     workbench.sceneFrame.appendChild(coordinateAxesOverlay.root);
@@ -3397,7 +3227,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 +3244,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 +3262,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',
@@ -3473,8 +3306,114 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     assetPreviewModal.appendChild(assetPreviewDialog);
     construction.appendRootChild(assetPreviewModal);
     tooltipSurfaces.add(assetPreviewModal);
+    const projectFilePreviewModal = doc.createElement('div');
+    projectFilePreviewModal.classList.add(LOCAL_EDITOR_THEME_CLASS, 'fps-editor-ui-modal-root');
+    projectFilePreviewModal.dataset.editorProjectFilePreviewModal = 'true';
+    projectFilePreviewModal.dataset.editorWorkbenchRegion = 'modal';
+    projectFilePreviewModal.style.cssText = [
+        'position:fixed',
+        'inset:0',
+        'z-index:2147483642',
+        'display:none',
+        'align-items:center',
+        'justify-content:center',
+        'padding:24px',
+        'background:rgba(0,0,0,0.5)',
+        'font-family:var(--fps-editor-font)',
+        'color:var(--fps-editor-text)',
+        'pointer-events:auto',
+    ].join(';');
+    const projectFilePreviewDialog = doc.createElement('div');
+    projectFilePreviewDialog.className = 'fps-editor-ui-modal';
+    projectFilePreviewDialog.setAttribute('role', 'dialog');
+    projectFilePreviewDialog.setAttribute('aria-modal', 'true');
+    projectFilePreviewDialog.setAttribute('aria-label', '只读文件预览');
+    projectFilePreviewDialog.style.cssText = [
+        'width:min(980px,calc(100vw - 48px))',
+        'height:min(720px,calc(100vh - 48px))',
+        'min-height:320px',
+        'display:grid',
+        'grid-template-rows:auto auto minmax(0,1fr) auto',
+        'gap:8px',
+        'padding:12px',
+        'border:1px solid var(--fps-editor-border)',
+        'border-radius:4px',
+        'background:var(--fps-editor-panel)',
+        'box-shadow:var(--fps-editor-shadow-modal)',
+        'overflow:hidden',
+    ].join(';');
+    const projectFilePreviewHeader = doc.createElement('div');
+    projectFilePreviewHeader.className = 'fps-editor-ui-modal-header';
+    projectFilePreviewHeader.style.cssText = 'display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0';
+    const projectFilePreviewHeading = doc.createElement('div');
+    projectFilePreviewHeading.style.cssText = 'display:flex;flex-direction:column;gap:2px;min-width:0';
+    const projectFilePreviewTitle = doc.createElement('h2');
+    projectFilePreviewTitle.className = 'fps-editor-ui-modal-title fps-editor-ui-ellipsis';
+    projectFilePreviewTitle.style.cssText = 'margin:0;font-size:13px;font-weight:800;color:var(--fps-editor-text-strong)';
+    const projectFilePreviewPath = doc.createElement('div');
+    projectFilePreviewPath.className = 'fps-editor-ui-ellipsis';
+    projectFilePreviewPath.style.cssText = 'font-size:11px;color:var(--fps-editor-muted)';
+    projectFilePreviewHeading.append(projectFilePreviewTitle, projectFilePreviewPath);
+    const projectFilePreviewCloseButton = createToolbarIconButton(doc, '关闭', 'close', '关闭文件预览');
+    projectFilePreviewCloseButton.dataset.editorProjectFilePreviewClose = 'true';
+    projectFilePreviewHeader.append(projectFilePreviewHeading, projectFilePreviewCloseButton);
+    const projectFilePreviewSearchBar = doc.createElement('div');
+    projectFilePreviewSearchBar.style.cssText = 'display:grid;grid-template-columns:minmax(160px,1fr) auto auto auto;align-items:center;gap:5px';
+    const projectFilePreviewSearchShell = doc.createElement('div');
+    projectFilePreviewSearchShell.className = 'fps-editor-ui-asset-search';
+    const projectFilePreviewSearchIcon = createLocalEditorIcon(doc, 'search', { size: 15 });
+    projectFilePreviewSearchIcon.classList.add('fps-editor-ui-asset-search-icon');
+    const projectFilePreviewSearch = doc.createElement('input');
+    projectFilePreviewSearch.className = 'fps-editor-ui-search';
+    projectFilePreviewSearch.type = 'search';
+    projectFilePreviewSearch.placeholder = '在文件中搜索';
+    projectFilePreviewSearch.dataset.editorProjectFileSearch = 'true';
+    projectFilePreviewSearch.style.paddingLeft = '28px';
+    projectFilePreviewSearchShell.append(projectFilePreviewSearchIcon, projectFilePreviewSearch);
+    const projectFilePreviewMatchCount = doc.createElement('span');
+    projectFilePreviewMatchCount.dataset.editorProjectFileMatchCount = 'true';
+    projectFilePreviewMatchCount.style.cssText = 'min-width:58px;text-align:center;font-size:11px;color:var(--fps-editor-muted-strong);font-variant-numeric:tabular-nums';
+    const projectFilePreviewPrevious = createToolbarIconButton(doc, '上一个匹配项', 'arrow-up', '上一个匹配项');
+    projectFilePreviewPrevious.dataset.editorProjectFileSearchPrevious = 'true';
+    const projectFilePreviewNext = createToolbarIconButton(doc, '下一个匹配项', 'chevron-down', '下一个匹配项');
+    projectFilePreviewNext.dataset.editorProjectFileSearchNext = 'true';
+    projectFilePreviewSearchBar.append(projectFilePreviewSearchShell, projectFilePreviewMatchCount, projectFilePreviewPrevious, projectFilePreviewNext);
+    const projectFilePreviewViewport = doc.createElement('div');
+    projectFilePreviewViewport.dataset.editorProjectFilePreviewViewport = 'true';
+    projectFilePreviewViewport.style.cssText = [
+        'min-width:0',
+        'min-height:0',
+        'overflow:auto',
+        'border:1px solid var(--fps-editor-divider)',
+        'border-radius:3px',
+        'background:var(--fps-editor-field)',
+    ].join(';');
+    const projectFilePreviewCode = doc.createElement('pre');
+    projectFilePreviewCode.dataset.editorProjectFilePreviewCode = 'true';
+    projectFilePreviewCode.setAttribute('aria-label', '只读文件内容');
+    projectFilePreviewCode.style.cssText = [
+        'min-width:max-content',
+        'min-height:100%',
+        'margin:0',
+        'padding:12px 14px',
+        'box-sizing:border-box',
+        'white-space:pre',
+        'font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace',
+        'font-size:12px',
+        'line-height:1.55',
+        'tab-size:2',
+        'color:var(--fps-editor-text)',
+    ].join(';');
+    projectFilePreviewViewport.appendChild(projectFilePreviewCode);
+    const projectFilePreviewMeta = doc.createElement('div');
+    projectFilePreviewMeta.dataset.editorProjectFilePreviewMeta = 'true';
+    projectFilePreviewMeta.style.cssText = 'min-height:16px;font-size:10px;color:var(--fps-editor-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap';
+    projectFilePreviewDialog.append(projectFilePreviewHeader, projectFilePreviewSearchBar, projectFilePreviewViewport, projectFilePreviewMeta);
+    projectFilePreviewModal.appendChild(projectFilePreviewDialog);
+    construction.appendRootChild(projectFilePreviewModal);
+    tooltipSurfaces.add(projectFilePreviewModal);
     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 +3430,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 +3448,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 +3467,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 +3482,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))',
@@ -3559,13 +3503,12 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         applyLocalEditorTheme(workbench.root, activeTheme);
         applyLocalEditorTheme(spatialOverlay.root, activeTheme);
         applyLocalEditorTheme(measurementOverlay.root, activeTheme);
-        applyLocalEditorTheme(sceneFrameRateOverlay.root, activeTheme);
         applyLocalEditorTheme(performanceMonitorOverlay.root, activeTheme);
         applyLocalEditorTheme(prefabStagePreviewLayout.root, activeTheme);
         applyLocalEditorTheme(prefabImportStatsOverlay.root, activeTheme);
-        applyLocalEditorTheme(prefabComparisonPreviewOverlay.root, activeTheme);
         applyLocalEditorTheme(shortcutHelpPanel, activeTheme);
         applyLocalEditorTheme(assetPreviewModal, activeTheme);
+        applyLocalEditorTheme(projectFilePreviewModal, activeTheme);
         applyLocalEditorTheme(assetPickerModal, activeTheme);
         applyLocalEditorTheme(boxSelectionOverlay, activeTheme);
         applyLocalEditorTheme(localTestMenu, activeTheme);
@@ -3612,37 +3555,150 @@ 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';
+                    const asset = currentState?.assets.find(candidate => (candidate.id === locator.assetId || candidate.assetId === locator.assetId));
+                    if (asset && currentState) {
+                        assetBrowserFolderPath = resolveLocalEditorAssetFilesystemFolderPath(createLocalEditorAssetFilesystemSnapshot(currentState.assets, currentState.projectFiles), asset.id);
+                        expandAssetBrowserFolderPath(assetBrowserFolderPath);
+                    }
+                    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 +3708,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 +4211,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 +4254,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);
@@ -4190,27 +4269,30 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     enterEditorButton.addEventListener('click', () => callbacks.onEnterEditor?.());
     saveButton.addEventListener('click', () => {
         closeLocalTestMenu();
-        if (localTestActionsEnabled)
+        if (localTestActionsEnabled) {
+            editorConsole.append({ severity: 'info', source: 'save', message: '请求保存场景' });
             callbacks.onSaveScene?.();
+        }
     });
     saveAndRunButton.addEventListener('click', () => {
         closeLocalTestMenu();
-        if (localTestActionsEnabled)
+        if (localTestActionsEnabled) {
+            editorConsole.append({ severity: 'info', source: 'run', message: '请求保存并运行' });
             callbacks.onSaveAndRunGame?.();
+        }
     });
     discardRunButton.addEventListener('click', () => {
         closeLocalTestMenu();
-        if (localTestActionsEnabled)
+        if (localTestActionsEnabled) {
+            editorConsole.append({ severity: 'warning', source: 'run', message: '请求放弃更改并运行' });
             callbacks.onDiscardAndRunGame?.();
+        }
     });
     undoButton.addEventListener('click', () => callbacks.onUndo?.());
     redoButton.addEventListener('click', () => callbacks.onRedo?.());
     performanceMonitorButton.addEventListener('click', () => {
         setPerformanceMonitorOpen(!performanceMonitorOpen);
     });
-    prefabComparisonPreviewButton.addEventListener('click', () => {
-        setPrefabComparisonPreviewOpen(!prefabComparisonPreviewOpen);
-    });
     gridToggleButton.addEventListener('click', () => {
         const visible = currentState?.grid?.visible ?? true;
         callbacks.onGridVisibleChange?.(!visible);
@@ -4239,37 +4321,111 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         const nextMode = currentMode === 'orthographic' ? 'perspective' : 'orthographic';
         callbacks.onViewportProjectionModeChange?.(nextMode);
         if (event.type === 'click')
-            coordinateAxesOverlay.projectionIcon.blur();
+            coordinateAxesOverlay.projectionButton.blur();
     };
-    coordinateAxesOverlay.projectionIcon.addEventListener('pointerdown', (event) => {
+    coordinateAxesOverlay.projectionButton.addEventListener('pointerdown', (event) => {
         event.preventDefault();
     });
-    coordinateAxesOverlay.projectionIcon.addEventListener('click', toggleCoordinateAxesProjection);
-    coordinateAxesOverlay.projectionIcon.addEventListener('keydown', (event) => {
+    coordinateAxesOverlay.projectionButton.addEventListener('click', toggleCoordinateAxesProjection);
+    coordinateAxesOverlay.projectionButton.addEventListener('keydown', (event) => {
         if (event.key !== 'Enter' && event.key !== ' ')
             return;
         toggleCoordinateAxesProjection(event);
     });
-    viewportToolsGroup.addEventListener('click', (event) => {
-        const target = event.target instanceof HTMLElement ? event.target : null;
-        const preset = target?.closest('[data-viewport-view-preset]')?.dataset.viewportViewPreset;
-        if (preset) {
-            callbacks.onViewportViewPresetChange?.(preset);
+    const activateCoordinateAxesViewPreset = (preset) => {
+        const axesState = currentState?.coordinateAxes ?? null;
+        if (!axesState || axesState.projectionToggleDisabled || currentState?.busy)
             return;
-        }
-        const projectionToggle = target?.closest('[data-viewport-projection-toggle]');
-        if (projectionToggle) {
-            const currentMode = currentState?.viewportTools?.projectionMode ?? 'perspective';
-            const nextMode = currentMode === 'orthographic' ? 'perspective' : 'orthographic';
-            callbacks.onViewportProjectionModeChange?.(nextMode);
+        callbacks.onViewportViewPresetChange?.(preset);
+    };
+    coordinateAxesOverlay.root.addEventListener('pointerdown', (event) => {
+        if (!(event.target instanceof Element))
             return;
-        }
+        if (!event.target.closest('[data-coordinate-axis-direction],[data-coordinate-axes-projection-toggle],[data-coordinate-axes-view-menu]'))
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+    });
+    coordinateAxesOverlay.root.addEventListener('click', (event) => {
+        const target = event.target instanceof Element ? event.target : null;
+        const direction = target?.closest('[data-coordinate-axis-direction]');
+        const preset = direction?.dataset.viewportViewPreset;
+        if (!preset)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        activateCoordinateAxesViewPreset(preset);
+    });
+    coordinateAxesOverlay.root.addEventListener('keydown', (event) => {
+        if (event.key !== 'Enter' && event.key !== ' ')
+            return;
+        const target = event.target instanceof Element ? event.target : null;
+        const direction = target?.closest('[data-coordinate-axis-direction]');
+        const preset = direction?.dataset.viewportViewPreset;
+        if (!preset)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        activateCoordinateAxesViewPreset(preset);
+    });
+    coordinateAxesOverlay.viewMenuButton.addEventListener('click', (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        const axesState = currentState?.coordinateAxes ?? null;
+        if (!axesState || axesState.projectionToggleDisabled || currentState?.busy)
+            return;
+        const rect = coordinateAxesOverlay.viewMenuButton.getBoundingClientRect();
+        const activePreset = currentState?.viewportTools?.viewPreset ?? 'perspective';
+        const viewItem = (preset, label) => ({
+            id: `viewport-view:${preset}`,
+            label,
+            ...(preset === activePreset ? { shortcut: '当前' } : {}),
+        });
+        contextMenu.open({
+            x: rect.right,
+            y: rect.bottom + 4,
+            items: [
+                viewItem('perspective', '透视视图'),
+                viewItem('threeQuarterTop', '斜 45° 俯视'),
+                viewItem('iso', '等距正交'),
+                {
+                    id: 'viewport-view:fixed',
+                    label: '固定正交视图',
+                    separatorBefore: true,
+                    children: [
+                        viewItem('top', '顶视图 (+Y)'),
+                        viewItem('bottom', '底视图 (-Y)'),
+                        viewItem('front', '前视图 (-Z)'),
+                        viewItem('back', '后视图 (+Z)'),
+                        viewItem('left', '左视图 (-X)'),
+                        viewItem('right', '右视图 (+X)'),
+                    ],
+                },
+            ],
+            onAction(item) {
+                const presetId = item.id.startsWith('viewport-view:')
+                    ? item.id.slice('viewport-view:'.length)
+                    : null;
+                if (presetId && presetId !== 'fixed') {
+                    activateCoordinateAxesViewPreset(presetId);
+                }
+            },
+        });
+    });
+    viewportToolsGroup.addEventListener('click', (event) => {
+        const target = event.target instanceof HTMLElement ? event.target : null;
         const markerVisibilityToggle = target?.closest('[data-viewport-marker-visibility-toggle]');
         if (markerVisibilityToggle) {
             const markersVisible = currentState?.viewportTools?.markersVisible ?? true;
             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,21 +4463,15 @@ 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 captureAssetBrowserReturnFocus = (trigger) => {
+        const active = doc.activeElement instanceof HTMLElement ? doc.activeElement : null;
+        return captureLocalEditorAssetBrowserReturnFocus(assetPanel, trigger ?? active);
     };
-    const openAssetPreviewModal = (asset) => {
+    const openAssetPreviewModal = (asset, trigger) => {
         if (!asset.preview)
             return;
         contextMenu.close();
+        assetPreviewReturnFocus = captureAssetBrowserReturnFocus(trigger);
         previewedAsset = asset;
         assetPreviewMode = 'preview';
         assetPreviewDialog.setAttribute('aria-label', '资产预览');
@@ -4330,10 +4480,11 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         syncInputModalOpen();
         assetPreviewCloseButton.focus({ preventScroll: true });
     };
-    const openAssetMaterialEditorModal = (asset) => {
+    const openAssetMaterialEditorModal = (asset, trigger) => {
         if (!asset.material)
             return;
         contextMenu.close();
+        assetPreviewReturnFocus = captureAssetBrowserReturnFocus(trigger);
         previewedAsset = asset;
         assetPreviewMode = 'material-editor';
         assetPreviewDialog.setAttribute('aria-label', '编辑材质球');
@@ -4342,8 +4493,9 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         syncInputModalOpen();
         assetPreviewCloseButton.focus({ preventScroll: true });
     };
-    const openAssetRenameModal = (asset) => {
+    const openAssetRenameModal = (asset, trigger) => {
         contextMenu.close();
+        assetPreviewReturnFocus = captureAssetBrowserReturnFocus(trigger);
         previewedAsset = asset;
         assetPreviewMode = 'rename';
         assetPreviewDialog.setAttribute('aria-label', '重命名资产');
@@ -4356,41 +4508,508 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             input?.select();
         }, 0);
     };
+    const disposeProjectModelPreview = () => {
+        projectModelPreviewAbortController?.abort();
+        projectModelPreviewAbortController = null;
+        const cleanup = projectModelPreviewCleanup;
+        projectModelPreviewCleanup = null;
+        projectModelPreviewCleanupRegistry.disposeOwned(cleanup);
+        const failures = projectModelPreviewCleanupRegistry.takeFailures();
+        if (failures.length > 0) {
+            const error = new Error('Project model preview cleanup failed after bounded retries.');
+            error.errors = failures;
+            throw error;
+        }
+    };
+    const resetProjectMediaThumbnailCache = () => {
+        projectMediaThumbnailGeneration += 1;
+        for (const controller of projectMediaThumbnailAbortControllers)
+            controller.abort();
+        projectMediaThumbnailAbortControllers.clear();
+        projectMediaThumbnailCache.clear();
+        projectMediaThumbnailObserver?.disconnect();
+        projectMediaThumbnailObserver = null;
+    };
+    const resolveProjectMediaThumbnail = (browserPath, cacheKey) => {
+        const requestGeneration = projectMediaThumbnailGeneration;
+        const relativePath = toLocalEditorProjectRelativePath(browserPath);
+        const memoryKey = cacheKey || relativePath;
+        const cached = projectMediaThumbnailCache.get(memoryKey);
+        if (cached)
+            return cached;
+        const pending = Promise.resolve(callbacks.onProjectMediaResolve?.(relativePath) ?? null)
+            .then(async (source) => {
+            if (!source)
+                return null;
+            if (source.kind === 'image') {
+                return { alt: source.name, kind: 'image', url: source.url };
+            }
+            if (source.kind !== 'model' || !callbacks.onProjectModelThumbnailResolve)
+                return null;
+            if (requestGeneration !== projectMediaThumbnailGeneration)
+                return null;
+            if (cacheKey) {
+                const cachedUrl = await projectModelThumbnailCache.get(cacheKey);
+                if (cachedUrl) {
+                    return { alt: `${source.name} 模型缩略图`, kind: 'model', url: cachedUrl };
+                }
+            }
+            const controller = new AbortController();
+            projectMediaThumbnailAbortControllers.add(controller);
+            let url;
+            try {
+                url = await callbacks.onProjectModelThumbnailResolve(source, controller.signal);
+            }
+            finally {
+                projectMediaThumbnailAbortControllers.delete(controller);
+            }
+            if (controller.signal.aborted || requestGeneration !== projectMediaThumbnailGeneration)
+                return null;
+            if (url && cacheKey)
+                void projectModelThumbnailCache.put(cacheKey, url);
+            return url ? { alt: `${source.name} 模型缩略图`, kind: 'model', url } : null;
+        })
+            .catch(() => null);
+        projectMediaThumbnailCache.set(memoryKey, pending);
+        return pending;
+    };
+    const hydrateProjectMediaThumbnails = () => {
+        if (!callbacks.onProjectMediaResolve)
+            return;
+        const generation = projectMediaThumbnailGeneration;
+        projectMediaThumbnailObserver?.disconnect();
+        projectMediaThumbnailObserver = null;
+        const hydrate = (frame) => {
+            const path = frame.dataset.editorProjectMediaThumbnailPath;
+            if (!path || frame.dataset.thumbnailRequested === 'true')
+                return;
+            const cacheKey = frame.dataset.editorProjectMediaThumbnailCacheKey;
+            frame.dataset.thumbnailRequested = 'true';
+            void resolveProjectMediaThumbnail(path, cacheKey).then((result) => {
+                if (!frame.isConnected || generation !== projectMediaThumbnailGeneration)
+                    return;
+                if (!result) {
+                    frame.dataset.thumbnailState = 'failed';
+                    return;
+                }
+                const image = doc.createElement('img');
+                image.alt = result.alt;
+                image.decoding = 'async';
+                image.draggable = false;
+                if (result.kind === 'image')
+                    image.loading = 'lazy';
+                image.addEventListener('load', () => {
+                    if (frame.isConnected)
+                        frame.dataset.thumbnailState = 'ready';
+                }, { once: true });
+                image.addEventListener('error', () => {
+                    image.remove();
+                    if (frame.isConnected)
+                        frame.dataset.thumbnailState = 'failed';
+                }, { once: true });
+                image.src = result.url;
+                frame.appendChild(image);
+            });
+        };
+        const frames = assetPanel.querySelectorAll('[data-editor-project-media-thumbnail-path]');
+        const Observer = doc.defaultView?.IntersectionObserver;
+        if (!Observer) {
+            for (const frame of frames)
+                hydrate(frame);
+            return;
+        }
+        const viewport = assetPanel.querySelector('[data-editor-asset-browser-scroll-viewport]');
+        projectMediaThumbnailObserver = new Observer((entries, observer) => {
+            for (const entry of entries) {
+                if (!entry.isIntersecting || !(entry.target instanceof HTMLElement))
+                    continue;
+                observer.unobserve(entry.target);
+                hydrate(entry.target);
+            }
+        }, { root: viewport, rootMargin: '120px 0px' });
+        for (const frame of frames)
+            projectMediaThumbnailObserver.observe(frame);
+    };
+    const disposeMaterialPreview = () => {
+        materialPreviewRequestId += 1;
+        const cleanup = materialPreviewCleanup;
+        materialPreviewCleanup = null;
+        materialPreviewCleanupRegistry.disposeOwned(cleanup);
+        const failures = materialPreviewCleanupRegistry.takeFailures();
+        if (failures.length > 0) {
+            const error = new Error('Material preview cleanup failed after bounded retries.');
+            error.errors = failures;
+            throw error;
+        }
+    };
+    const createMaterialPreviewStage = (asset) => {
+        const preview = asset.preview;
+        if (preview?.kind !== 'material-sphere' || !callbacks.onMaterialPreviewMount) {
+            return LocalEditorPanels.createAssetPreviewElement(doc, asset, 'modal');
+        }
+        disposeMaterialPreview();
+        const requestId = materialPreviewRequestId;
+        const stage = doc.createElement('div');
+        stage.dataset.editorMaterialPreviewStage = 'true';
+        stage.dataset.previewState = 'loading';
+        stage.style.cssText = [
+            'position:relative',
+            'width:100%',
+            'aspect-ratio:16 / 10',
+            'min-height:180px',
+            'overflow:hidden',
+            'border:1px solid var(--fps-editor-border)',
+            'border-radius:4px',
+            'background:var(--fps-editor-field)',
+            'box-sizing:border-box',
+        ].join(';');
+        const fallback = LocalEditorPanels.createAssetPreviewElement(doc, asset, 'modal');
+        fallback.dataset.editorMaterialPreviewFallback = 'true';
+        fallback.style.position = 'absolute';
+        fallback.style.left = '50%';
+        fallback.style.top = '50%';
+        fallback.style.transform = 'translate(-50%,-50%)';
+        fallback.style.border = '0';
+        fallback.style.background = 'transparent';
+        const canvas = doc.createElement('canvas');
+        canvas.dataset.editorMaterialPreviewCanvas = 'true';
+        canvas.setAttribute('aria-label', `${asset.label} 材质球三维预览`);
+        canvas.title = '材质球预览';
+        canvas.style.cssText = [
+            'position:absolute',
+            'inset:0',
+            'display:block',
+            'width:100%',
+            'height:100%',
+            'opacity:0',
+            'cursor:grab',
+            'touch-action:none',
+            'outline:none',
+        ].join(';');
+        stage.append(fallback, canvas);
+        const source = {
+            id: asset.material?.id ?? asset.assetId ?? asset.id,
+            name: asset.material?.name || asset.label,
+            materialKind: asset.material?.materialKind,
+            preview,
+        };
+        void Promise.resolve().then(() => callbacks.onMaterialPreviewMount(source, canvas)).then((cleanup) => {
+            if (!assetPreviewOpen || requestId !== materialPreviewRequestId || !stage.isConnected) {
+                materialPreviewCleanupRegistry.disposeOwned(cleanup);
+                return undefined;
+            }
+            materialPreviewCleanupRegistry.own(cleanup);
+            materialPreviewCleanup = cleanup;
+            stage.dataset.previewState = 'ready';
+            fallback.style.display = 'none';
+            canvas.style.opacity = '1';
+            return undefined;
+        }).catch(() => {
+            if (requestId !== materialPreviewRequestId || !stage.isConnected)
+                return;
+            stage.dataset.previewState = 'fallback';
+            canvas.style.display = 'none';
+            fallback.style.display = 'flex';
+        });
+        return stage;
+    };
+    const openProjectMediaPreview = async (browserPath, trigger) => {
+        const relativePath = toLocalEditorProjectRelativePath(browserPath);
+        if (!callbacks.onProjectMediaResolve || !isEditorProjectMediaPreviewable(relativePath))
+            return;
+        contextMenu.close();
+        closeProjectFilePreview();
+        disposeProjectModelPreview();
+        assetPreviewReturnFocus = captureAssetBrowserReturnFocus(trigger);
+        const requestId = ++projectMediaPreviewRequestId;
+        projectMediaPreviewSource = null;
+        projectMediaPreviewRequestedPath = relativePath;
+        projectMediaPreviewError = '';
+        previewedAsset = null;
+        assetPreviewMode = 'project-media';
+        assetPreviewDialog.setAttribute('aria-label', '媒体文件预览');
+        assetPreviewOpen = true;
+        renderAssetPreviewModal();
+        syncInputModalOpen();
+        try {
+            const source = await callbacks.onProjectMediaResolve(relativePath);
+            if (!assetPreviewOpen || assetPreviewMode !== 'project-media' || requestId !== projectMediaPreviewRequestId)
+                return;
+            if (!source)
+                throw new Error('project_file_media_unsupported');
+            projectMediaPreviewSource = source;
+            renderAssetPreviewModal();
+            if (source.kind === 'model') {
+                const canvas = assetPreviewBody.querySelector('[data-editor-project-model-preview]');
+                if (!canvas || !callbacks.onProjectModelPreviewMount)
+                    throw new Error('project_model_preview_unavailable');
+                const controller = new AbortController();
+                projectModelPreviewAbortController = controller;
+                const cleanup = await callbacks.onProjectModelPreviewMount(source, canvas, controller.signal);
+                if (uiDisposed
+                    || !assetPreviewDialog.isConnected
+                    || !assetPreviewOpen
+                    || assetPreviewMode !== 'project-media'
+                    || requestId !== projectMediaPreviewRequestId) {
+                    controller.abort();
+                    if (projectModelPreviewAbortController === controller)
+                        projectModelPreviewAbortController = null;
+                    projectModelPreviewCleanupRegistry.disposeOwned(cleanup);
+                    return;
+                }
+                projectModelPreviewCleanupRegistry.own(cleanup);
+                projectModelPreviewCleanup = cleanup;
+            }
+            assetPreviewCloseButton.focus({ preventScroll: true });
+        }
+        catch (error) {
+            if (uiDisposed
+                || !assetPreviewDialog.isConnected
+                || !assetPreviewOpen
+                || assetPreviewMode !== 'project-media'
+                || requestId !== projectMediaPreviewRequestId)
+                return;
+            disposeProjectModelPreview();
+            projectMediaPreviewError = error instanceof Error ? error.message : String(error);
+            renderAssetPreviewModal();
+            assetPreviewCloseButton.focus({ preventScroll: true });
+        }
+    };
     const closeAssetPreviewModal = () => {
         if (!assetPreviewOpen)
             return;
+        const returnFocus = assetPreviewReturnFocus;
+        assetPreviewReturnFocus = null;
+        projectMediaPreviewRequestId += 1;
+        disposeProjectModelPreview();
+        disposeMaterialPreview();
         assetPreviewOpen = false;
         previewedAsset = null;
+        projectMediaPreviewSource = null;
+        projectMediaPreviewRequestedPath = '';
+        projectMediaPreviewError = '';
         assetPreviewMode = 'preview';
         renderAssetPreviewModal();
         syncInputModalOpen();
+        restoreLocalEditorAssetBrowserReturnFocus(assetPanel, returnFocus);
+    };
+    const renderProjectFilePreview = () => {
+        if (projectFilePreviewSearchRaf != null) {
+            doc.defaultView?.cancelAnimationFrame(projectFilePreviewSearchRaf);
+            projectFilePreviewSearchRaf = null;
+        }
+        projectFilePreviewModal.style.display = projectFilePreviewOpen ? 'flex' : 'none';
+        if (!projectFilePreviewOpen)
+            return;
+        const content = projectFilePreviewContent;
+        const displayPath = content?.path ?? projectFilePreviewRequestedPath;
+        const displayPathSegments = displayPath.split('/');
+        projectFilePreviewTitle.textContent = content?.name
+            ?? displayPathSegments[displayPathSegments.length - 1]
+            ?? '文件预览';
+        projectFilePreviewPath.textContent = displayPath;
+        projectFilePreviewPath.title = displayPath;
+        projectFilePreviewSearch.disabled = !content;
+        projectFilePreviewPrevious.disabled = projectFilePreviewMatches.length === 0;
+        projectFilePreviewNext.disabled = projectFilePreviewMatches.length === 0;
+        projectFilePreviewMatchCount.textContent = projectFilePreviewMatches.length > 0
+            ? `${projectFilePreviewActiveMatch + 1} / ${projectFilePreviewMatches.length}`
+            : projectFilePreviewSearch.value.trim() ? '0 / 0' : '0';
+        projectFilePreviewMeta.textContent = projectFilePreviewError
+            ? projectFilePreviewError
+            : content
+                ? [
+                    content.language,
+                    formatProjectFileByteSize(content.size),
+                    content.truncated ? '文件内容已截断' : '',
+                    '只读',
+                ].filter(Boolean).join(' · ')
+                : '正在读取文件...';
+        while (projectFilePreviewCode.firstChild)
+            projectFilePreviewCode.removeChild(projectFilePreviewCode.firstChild);
+        if (projectFilePreviewError) {
+            projectFilePreviewCode.textContent = `无法查看文件：${projectFilePreviewError}`;
+            return;
+        }
+        if (!content) {
+            projectFilePreviewCode.textContent = '正在读取文件...';
+            return;
+        }
+        if (projectFilePreviewMatches.length === 0) {
+            projectFilePreviewCode.textContent = content.text;
+            return;
+        }
+        let cursor = 0;
+        for (const [index, match] of projectFilePreviewMatches.entries()) {
+            if (match.start > cursor) {
+                projectFilePreviewCode.appendChild(doc.createTextNode(content.text.slice(cursor, match.start)));
+            }
+            const mark = doc.createElement('mark');
+            mark.dataset.editorProjectFileSearchMatch = String(index);
+            mark.dataset.active = index === projectFilePreviewActiveMatch ? 'true' : 'false';
+            mark.textContent = content.text.slice(match.start, match.end);
+            mark.style.cssText = index === projectFilePreviewActiveMatch
+                ? 'background:var(--fps-editor-accent);color:var(--fps-editor-panel);outline:1px solid var(--fps-editor-accent-strong)'
+                : 'background:var(--fps-editor-warn-soft);color:var(--fps-editor-text-strong);outline:1px solid var(--fps-editor-warn-border)';
+            projectFilePreviewCode.appendChild(mark);
+            cursor = match.end;
+        }
+        if (cursor < content.text.length) {
+            projectFilePreviewCode.appendChild(doc.createTextNode(content.text.slice(cursor)));
+        }
+        const active = projectFilePreviewCode.querySelector('[data-editor-project-file-search-match][data-active="true"]');
+        projectFilePreviewSearchRaf = doc.defaultView?.requestAnimationFrame(() => {
+            projectFilePreviewSearchRaf = null;
+            if (projectFilePreviewOpen && active?.isConnected) {
+                active.scrollIntoView({ block: 'center', inline: 'nearest' });
+            }
+        }) ?? null;
+    };
+    const updateProjectFilePreviewSearch = (resetActive) => {
+        projectFilePreviewMatches = projectFilePreviewContent
+            ? findLocalEditorProjectFileSearchMatches(projectFilePreviewContent.text, projectFilePreviewSearch.value)
+            : [];
+        if (resetActive)
+            projectFilePreviewActiveMatch = projectFilePreviewMatches.length > 0 ? 0 : -1;
+        else if (projectFilePreviewMatches.length === 0)
+            projectFilePreviewActiveMatch = -1;
+        else
+            projectFilePreviewActiveMatch = Math.min(Math.max(0, projectFilePreviewActiveMatch), projectFilePreviewMatches.length - 1);
+        renderProjectFilePreview();
+    };
+    const moveProjectFilePreviewMatch = (delta) => {
+        if (projectFilePreviewMatches.length === 0)
+            return;
+        projectFilePreviewActiveMatch = (projectFilePreviewActiveMatch + delta + projectFilePreviewMatches.length) % projectFilePreviewMatches.length;
+        renderProjectFilePreview();
+    };
+    const closeProjectFilePreview = () => {
+        if (!projectFilePreviewOpen)
+            return;
+        if (projectFilePreviewSearchRaf != null) {
+            doc.defaultView?.cancelAnimationFrame(projectFilePreviewSearchRaf);
+            projectFilePreviewSearchRaf = null;
+        }
+        const returnFocus = projectFilePreviewReturnFocus;
+        projectFilePreviewReturnFocus = null;
+        projectFilePreviewRequestId += 1;
+        projectFilePreviewOpen = false;
+        projectFilePreviewContent = null;
+        projectFilePreviewRequestedPath = '';
+        projectFilePreviewError = '';
+        projectFilePreviewMatches = [];
+        projectFilePreviewActiveMatch = -1;
+        projectFilePreviewSearch.value = '';
+        renderProjectFilePreview();
+        syncInputModalOpen();
+        restoreLocalEditorAssetBrowserReturnFocus(assetPanel, returnFocus);
+    };
+    const openProjectFilePreview = async (browserPath, trigger) => {
+        const relativePath = toLocalEditorProjectRelativePath(browserPath);
+        if (!callbacks.onProjectFileRead || !isEditorProjectFilePreviewable(relativePath))
+            return;
+        contextMenu.close();
+        if (assetPreviewOpen)
+            closeAssetPreviewModal();
+        projectFilePreviewReturnFocus = captureAssetBrowserReturnFocus(trigger);
+        const requestId = ++projectFilePreviewRequestId;
+        projectFilePreviewOpen = true;
+        projectFilePreviewContent = null;
+        projectFilePreviewRequestedPath = relativePath;
+        projectFilePreviewError = '';
+        projectFilePreviewMatches = [];
+        projectFilePreviewActiveMatch = -1;
+        projectFilePreviewSearch.value = '';
+        renderProjectFilePreview();
+        syncInputModalOpen();
+        try {
+            const content = await callbacks.onProjectFileRead(relativePath);
+            if (!projectFilePreviewOpen || requestId !== projectFilePreviewRequestId)
+                return;
+            projectFilePreviewContent = content;
+            updateProjectFilePreviewSearch(true);
+            projectFilePreviewSearch.focus({ preventScroll: true });
+        }
+        catch (error) {
+            if (!projectFilePreviewOpen || requestId !== projectFilePreviewRequestId)
+                return;
+            projectFilePreviewError = error instanceof Error ? error.message : String(error);
+            renderProjectFilePreview();
+            projectFilePreviewCloseButton.focus({ preventScroll: true });
+        }
+    };
+    const openProjectBrowserFile = (browserPath, trigger) => {
+        const relativePath = toLocalEditorProjectRelativePath(browserPath);
+        const action = resolveLocalEditorProjectFileOpenAction(relativePath, {
+            mediaPreview: !!callbacks.onProjectMediaResolve,
+            textPreview: !!callbacks.onProjectFileRead,
+        });
+        if (action === 'media-preview') {
+            void openProjectMediaPreview(browserPath, trigger);
+            return true;
+        }
+        if (action === 'text-preview') {
+            void openProjectFilePreview(browserPath, trigger);
+            return true;
+        }
+        return false;
     };
     const openInspectorAssetPicker = (input, property) => {
         contextMenu.close();
         if (helpOpen)
             setShortcutHelpOpen(false);
+        settleHierarchyOperationInputRequest(null);
         assetPickerInput = input;
         assetPickerProperty = property;
         assetPickerFilter = '';
         assetPickerOpen = true;
         closeAssetPreviewModal();
+        closeProjectFilePreview();
+        renderAssetPickerModal();
+        syncInputModalOpen();
+        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();
     };
     function syncInputModalOpen() {
-        inputRouter.setModalOpen(currentState?.mode === 'editor' && (helpOpen || assetPreviewOpen || assetPickerOpen));
+        inputRouter.setModalOpen(currentState?.mode === 'editor' && (helpOpen || assetPreviewOpen || projectFilePreviewOpen || assetPickerOpen));
     }
     function resolvePreviewedAssetFromState() {
         if (!previewedAsset)
@@ -4403,11 +5022,17 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         return previewedAsset;
     }
     function renderAssetPreviewModal() {
+        if (assetPreviewMode === 'project-media') {
+            disposeMaterialPreview();
+            renderProjectMediaPreviewModal();
+            return;
+        }
         const asset = resolvePreviewedAssetFromState();
         if (!assetPreviewOpen
             || !asset
             || (assetPreviewMode === 'preview' && !asset.preview)
             || (assetPreviewMode === 'material-editor' && !asset.material)) {
+            disposeMaterialPreview();
             assetPreviewModal.style.display = 'none';
             assetPreviewTitle.textContent = '';
             assetPreviewMeta.textContent = '';
@@ -4421,6 +5046,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             return;
         }
         if (assetPreviewMode === 'rename') {
+            disposeMaterialPreview();
             renderAssetRenameModal(asset);
             assetPreviewModal.style.display = 'flex';
             return;
@@ -4442,8 +5068,81 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         ].filter(Boolean).join(' · ');
         while (assetPreviewBody.firstChild)
             assetPreviewBody.removeChild(assetPreviewBody.firstChild);
-        assetPreviewBody.appendChild(LocalEditorPanels.createAssetPreviewElement(doc, asset, 'modal'));
+        assetPreviewBody.appendChild(createMaterialPreviewStage(asset));
+        assetPreviewModal.style.display = 'flex';
+    }
+    function renderProjectMediaPreviewModal() {
+        if (!assetPreviewOpen) {
+            assetPreviewModal.style.display = 'none';
+            while (assetPreviewBody.firstChild)
+                assetPreviewBody.removeChild(assetPreviewBody.firstChild);
+            delete assetPreviewBody.dataset.editorProjectMediaPath;
+            return;
+        }
+        const source = projectMediaPreviewSource;
+        const path = source?.path ?? projectMediaPreviewRequestedPath;
+        assetPreviewDialog.style.width = 'min(760px,calc(100vw - 64px))';
+        const pathSegments = path.split('/');
+        assetPreviewTitle.textContent = source?.name ?? pathSegments[pathSegments.length - 1] ?? '媒体预览';
+        assetPreviewMeta.textContent = projectMediaPreviewError
+            ? `无法预览：${projectMediaPreviewError}`
+            : source
+                ? [source.kind, source.extension.toUpperCase(), source.path, '只读'].join(' · ')
+                : '正在准备预览...';
+        assetPreviewBody.style.cssText = [
+            'display:flex',
+            'align-items:center',
+            'justify-content:center',
+            'min-height:360px',
+            'max-height:min(620px,calc(100vh - 170px))',
+            'overflow:hidden',
+            'border:1px solid var(--fps-editor-divider)',
+            'border-radius:4px',
+            'background:var(--fps-editor-field)',
+        ].join(';');
         assetPreviewModal.style.display = 'flex';
+        const previewKey = projectMediaPreviewError ? `error:${path}:${projectMediaPreviewError}` : source?.url ?? `loading:${path}`;
+        if (assetPreviewBody.dataset.editorProjectMediaPath === previewKey && assetPreviewBody.firstChild)
+            return;
+        while (assetPreviewBody.firstChild)
+            assetPreviewBody.removeChild(assetPreviewBody.firstChild);
+        assetPreviewBody.dataset.editorProjectMediaPath = previewKey;
+        if (projectMediaPreviewError) {
+            const error = doc.createElement('div');
+            error.style.cssText = 'padding:24px;color:var(--fps-editor-danger);font-size:12px;text-align:center';
+            error.textContent = projectMediaPreviewError;
+            assetPreviewBody.appendChild(error);
+            return;
+        }
+        if (!source) {
+            const loading = doc.createElement('div');
+            loading.style.cssText = 'color:var(--fps-editor-muted);font-size:12px';
+            loading.textContent = '正在准备预览...';
+            assetPreviewBody.appendChild(loading);
+            return;
+        }
+        if (source.kind === 'image') {
+            const image = doc.createElement('img');
+            image.src = source.url;
+            image.alt = source.name;
+            image.style.cssText = 'display:block;width:100%;height:100%;max-height:min(620px,calc(100vh - 170px));object-fit:contain';
+            assetPreviewBody.appendChild(image);
+            return;
+        }
+        if (source.kind === 'audio') {
+            const audio = doc.createElement('audio');
+            audio.controls = true;
+            audio.preload = 'metadata';
+            audio.src = source.url;
+            audio.style.cssText = 'width:min(560px,calc(100% - 32px))';
+            assetPreviewBody.appendChild(audio);
+            return;
+        }
+        const canvas = doc.createElement('canvas');
+        canvas.dataset.editorProjectModelPreview = 'true';
+        canvas.setAttribute('aria-label', `${source.name} 三维模型预览`);
+        canvas.style.cssText = 'display:block;width:100%;height:min(560px,calc(100vh - 190px));min-height:360px;touch-action:none;outline:none';
+        assetPreviewBody.appendChild(canvas);
     }
     function renderAssetRenameModal(asset) {
         assetPreviewDialog.style.width = 'min(420px,calc(100vw - 64px))';
@@ -4495,7 +5194,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         const emission = profile.emission ?? {};
         const readonly = material.readonly === true;
         const materialKind = material.materialKind === 'standard' ? 'standard' : 'pbr';
-        assetPreviewDialog.style.width = 'min(780px,calc(100vw - 64px))';
+        assetPreviewDialog.style.width = 'min(840px,calc(100vw - 64px))';
         assetPreviewTitle.textContent = '编辑材质球';
         assetPreviewMeta.textContent = [
             material.name || asset.label,
@@ -4508,7 +5207,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             assetPreviewBody.removeChild(assetPreviewBody.firstChild);
         assetPreviewBody.style.cssText = [
             'display:grid',
-            'grid-template-columns:minmax(180px,250px) minmax(0,1fr)',
+            'grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))',
             'gap:14px',
             'align-items:start',
             'min-height:360px',
@@ -4520,7 +5219,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         ].join(';');
         const previewColumn = doc.createElement('div');
         previewColumn.style.cssText = 'display:flex;flex-direction:column;gap:10px;min-width:0';
-        previewColumn.appendChild(LocalEditorPanels.createAssetPreviewElement(doc, asset, 'modal'));
+        previewColumn.appendChild(createMaterialPreviewStage(asset));
         const previewMeta = doc.createElement('div');
         previewMeta.textContent = readonly
             ? '系统默认材质不可编辑。'
@@ -4784,15 +5483,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 +5528,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 +5572,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');
@@ -4876,6 +5598,32 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         if (target === assetPreviewModal)
             closeAssetPreviewModal();
     });
+    projectFilePreviewModal.addEventListener('click', (event) => {
+        const target = event.target instanceof HTMLElement ? event.target : null;
+        if (target?.closest('[data-editor-project-file-preview-close]')) {
+            closeProjectFilePreview();
+            return;
+        }
+        if (target?.closest('[data-editor-project-file-search-previous]')) {
+            moveProjectFilePreviewMatch(-1);
+            return;
+        }
+        if (target?.closest('[data-editor-project-file-search-next]')) {
+            moveProjectFilePreviewMatch(1);
+            return;
+        }
+        if (target === projectFilePreviewModal)
+            closeProjectFilePreview();
+    });
+    projectFilePreviewSearch.addEventListener('input', () => {
+        updateProjectFilePreviewSearch(true);
+    });
+    projectFilePreviewSearch.addEventListener('keydown', (event) => {
+        if (event.key !== 'Enter')
+            return;
+        event.preventDefault();
+        moveProjectFilePreviewMatch(event.shiftKey ? -1 : 1);
+    });
     assetPreviewBody.addEventListener('change', (event) => {
         const target = event.target instanceof HTMLElement ? event.target : null;
         if (assetPreviewMode !== 'material-editor')
@@ -4910,6 +5658,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 +5685,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 +5774,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;
@@ -5029,8 +5828,21 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
                 : {}),
         };
     }
+    function navigateAssetBrowserFolder(folderPath) {
+        assetBrowserFolderPath = folderPath;
+        expandAssetBrowserFolderPath(folderPath);
+        selectedProjectEntryPath = null;
+        if (currentState)
+            render(currentState);
+    }
+    function selectProjectBrowserEntry(path, button) {
+        selectedProjectEntryPath = path;
+        for (const candidate of assetPanel.querySelectorAll('[data-editor-project-directory-path],[data-editor-project-file-path]')) {
+            candidate.setAttribute('aria-selected', candidate === button ? 'true' : 'false');
+        }
+    }
     assetPanel.addEventListener('click', (event) => {
-        const target = event.target instanceof HTMLElement ? event.target : null;
+        const target = event.target instanceof Element ? event.target : null;
         const tabButton = target?.closest('[data-editor-dock-tab]');
         const tab = tabButton?.dataset.editorDockTab;
         if (tab === 'assets' || tab === 'history') {
@@ -5039,6 +5851,61 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
                 render(currentState);
             return;
         }
+        const clearAssetFilterButton = target?.closest('[data-editor-asset-filter-clear]');
+        if (clearAssetFilterButton) {
+            callbacks.onAssetFilterChange?.('');
+            return;
+        }
+        const refreshAssetBrowserButton = target?.closest('[data-editor-asset-browser-refresh]');
+        if (refreshAssetBrowserButton) {
+            resetProjectMediaThumbnailCache();
+            void projectModelThumbnailCache.clearPathEntries()
+                .catch((error) => {
+                console.error('[fps-editor:asset-browser] thumbnail cache refresh cleanup failed', error);
+            })
+                .finally(() => callbacks.onAssetBrowserRefresh?.());
+            return;
+        }
+        const assetFolderToggle = target?.closest('[data-editor-asset-folder-toggle]');
+        const toggledFolderPath = assetFolderToggle?.dataset.editorAssetFolderToggle;
+        if (toggledFolderPath) {
+            if (assetBrowserExpandedFolderPaths.has(toggledFolderPath)) {
+                assetBrowserExpandedFolderPaths.delete(toggledFolderPath);
+            }
+            else {
+                assetBrowserExpandedFolderPaths.add(toggledFolderPath);
+            }
+            if (currentState)
+                render(currentState);
+            return;
+        }
+        const assetFolderButton = target?.closest('[data-editor-asset-folder-path]');
+        if (assetFolderButton?.dataset.editorAssetFolderPath) {
+            const treeFolderPath = assetFolderButton.dataset.editorAssetFolderTreePath;
+            if (treeFolderPath) {
+                assetBrowserFolderPath = treeFolderPath;
+                selectedProjectEntryPath = null;
+                if (assetBrowserExpandedFolderPaths.has(treeFolderPath)) {
+                    assetBrowserExpandedFolderPaths.delete(treeFolderPath);
+                }
+                else {
+                    assetBrowserExpandedFolderPaths.add(treeFolderPath);
+                }
+                if (currentState)
+                    render(currentState);
+                return;
+            }
+            navigateAssetBrowserFolder(assetFolderButton.dataset.editorAssetFolderPath);
+            return;
+        }
+        const assetViewButton = target?.closest('[data-editor-asset-view-mode]');
+        const nextAssetViewMode = assetViewButton?.dataset.editorAssetViewMode;
+        if (nextAssetViewMode === 'grid' || nextAssetViewMode === 'list') {
+            assetBrowserViewMode = nextAssetViewMode;
+            if (currentState)
+                render(currentState);
+            return;
+        }
         const assetBrowserTabButton = target?.closest('[data-editor-asset-browser-tab]');
         const nextAssetBrowserTab = assetBrowserTabButton?.dataset.editorAssetBrowserTab;
         if (isLocalEditorAssetBrowserTab(nextAssetBrowserTab)) {
@@ -5055,28 +5922,107 @@ 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) {
+            selectedProjectEntryPath = null;
             suppressAssetBrowserRevealIfVisible(assetButton);
             callbacks.onSelectAsset?.(assetButton.dataset.editorAssetId);
             return;
         }
+        const projectDirectoryButton = target?.closest('[data-editor-project-directory-path]');
+        if (projectDirectoryButton?.dataset.editorProjectDirectoryPath) {
+            selectProjectBrowserEntry(projectDirectoryButton.dataset.editorProjectDirectoryPath, projectDirectoryButton);
+            return;
+        }
+        const projectFileButton = target?.closest('[data-editor-project-file-path]');
+        if (projectFileButton?.dataset.editorProjectFilePath) {
+            selectProjectBrowserEntry(projectFileButton.dataset.editorProjectFilePath, projectFileButton);
+            return;
+        }
     });
     assetPanel.addEventListener('dblclick', (event) => {
-        const target = event.target instanceof HTMLElement ? event.target : null;
+        const target = event.target instanceof Element ? event.target : null;
+        const projectDirectoryButton = target?.closest('[data-editor-project-directory-path]');
+        const projectDirectoryPath = projectDirectoryButton?.dataset.editorProjectDirectoryPath;
+        if (projectDirectoryPath) {
+            event.preventDefault();
+            event.stopPropagation();
+            navigateAssetBrowserFolder(projectDirectoryPath);
+            return;
+        }
         const assetButton = target?.closest('[data-editor-asset-id]');
         const browserAssetId = assetButton?.dataset.editorAssetId;
-        if (!browserAssetId || !currentState)
+        const projectFileButton = target?.closest('[data-editor-project-file-path]');
+        const browserProjectFilePath = projectFileButton?.dataset.editorProjectFilePath;
+        if (!currentState)
             return;
-        const asset = currentState.assets.find(candidate => candidate.id === browserAssetId);
+        const asset = browserAssetId
+            ? currentState.assets.find(candidate => candidate.id === browserAssetId)
+            : undefined;
         const actionId = asset ? resolveAssetBrowserDoubleClickAction(currentState, asset) : null;
-        if (!asset || !actionId)
+        if (asset && actionId && browserAssetId) {
+            event.preventDefault();
+            event.stopPropagation();
+            suppressAssetBrowserRevealIfVisible(assetButton);
+            callbacks.onSelectAsset?.(browserAssetId);
+            callbacks.onAssetAction?.(createAssetBrowserActionInput(actionId, asset, createCurrentAssetBrowserActionContext()));
+            return;
+        }
+        if (browserProjectFilePath && openProjectBrowserFile(browserProjectFilePath, projectFileButton)) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    });
+    assetPanel.addEventListener('keydown', (event) => {
+        if (event.key !== 'Enter')
+            return;
+        const target = event.target instanceof Element ? event.target : null;
+        const projectDirectoryButton = target?.closest('[data-editor-project-directory-path]');
+        const projectDirectoryPath = projectDirectoryButton?.dataset.editorProjectDirectoryPath;
+        if (projectDirectoryPath) {
+            event.preventDefault();
+            navigateAssetBrowserFolder(projectDirectoryPath);
+            return;
+        }
+        const assetButton = target?.closest('[data-editor-asset-id]');
+        const browserAssetId = assetButton?.dataset.editorAssetId;
+        const asset = browserAssetId
+            ? currentState?.assets.find(candidate => candidate.id === browserAssetId)
+            : undefined;
+        const assetActionId = asset && currentState
+            ? resolveAssetBrowserDoubleClickAction(currentState, asset)
+            : null;
+        if (asset && browserAssetId && assetActionId) {
+            event.preventDefault();
+            suppressAssetBrowserRevealIfVisible(assetButton);
+            callbacks.onSelectAsset?.(browserAssetId);
+            callbacks.onAssetAction?.(createAssetBrowserActionInput(assetActionId, asset, createCurrentAssetBrowserActionContext()));
+            return;
+        }
+        const projectFileButton = target?.closest('[data-editor-project-file-path]');
+        const projectFilePath = projectFileButton?.dataset.editorProjectFilePath;
+        if (projectFilePath && openProjectBrowserFile(projectFilePath, projectFileButton)) {
+            event.preventDefault();
+            return;
+        }
+        const treeFolderButton = target?.closest('[data-editor-asset-folder-tree-path]');
+        const treeFolderPath = treeFolderButton?.dataset.editorAssetFolderTreePath;
+        if (!treeFolderPath)
             return;
         event.preventDefault();
-        event.stopPropagation();
-        suppressAssetBrowserRevealIfVisible(assetButton);
-        callbacks.onSelectAsset?.(browserAssetId);
-        callbacks.onAssetAction?.(createAssetBrowserActionInput(actionId, asset, createCurrentAssetBrowserActionContext()));
+        treeFolderButton.click();
     });
     assetPanel.addEventListener('contextmenu', (event) => {
         if (!inputRouter.shouldPreventBrowserContextMenu(event))
@@ -5084,31 +6030,119 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         const target = inputRouter.getEventTarget(event);
         if (!target)
             return;
-        const assetButton = target?.closest('[data-editor-asset-id]');
+        const projectFileButton = target.closest('[data-editor-project-file-path]');
+        const browserProjectFilePath = projectFileButton?.dataset.editorProjectFilePath;
+        const projectDirectoryButton = target.closest('[data-editor-project-directory-path],[data-editor-asset-folder-tree-path]');
+        const browserProjectDirectoryPath = projectDirectoryButton?.dataset.editorProjectDirectoryPath
+            ?? projectDirectoryButton?.dataset.editorAssetFolderTreePath;
+        const assetButton = target.closest('[data-editor-asset-id]');
         const browserAssetId = assetButton?.dataset.editorAssetId;
-        if (!browserAssetId || !currentState)
+        if ((!browserProjectFilePath && browserProjectDirectoryPath == null && !browserAssetId) || !currentState)
             return;
-        const asset = currentState.assets.find(candidate => candidate.id === browserAssetId);
-        if (!asset)
+        const asset = browserAssetId
+            ? currentState.assets.find(candidate => candidate.id === browserAssetId) ?? null
+            : null;
+        if (browserAssetId && !asset)
             return;
         inputRouter.claimContextMenu(event);
-        suppressAssetBrowserRevealIfVisible(assetButton);
-        callbacks.onSelectAsset?.(browserAssetId);
-        contextMenu.open({
+        if (asset && assetButton) {
+            suppressAssetBrowserRevealIfVisible(assetButton);
+            callbacks.onSelectAsset?.(asset.id);
+        }
+        else if (browserProjectFilePath && projectFileButton) {
+            selectProjectBrowserEntry(browserProjectFilePath, projectFileButton);
+        }
+        else if (browserProjectDirectoryPath != null && projectDirectoryButton) {
+            selectProjectBrowserEntry(browserProjectDirectoryPath, projectDirectoryButton);
+        }
+        const relativeProjectFilePath = browserProjectFilePath
+            ? toLocalEditorProjectRelativePath(browserProjectFilePath)
+            : null;
+        const relativeProjectDirectoryPath = browserProjectDirectoryPath != null
+            ? toLocalEditorProjectRelativePath(browserProjectDirectoryPath) || '.'
+            : null;
+        const snapshot = createLocalEditorAssetFilesystemSnapshot(currentState.assets, currentState.projectFiles);
+        const fileEntry = browserProjectFilePath
+            ? snapshot.entries.find(entry => entry.path === browserProjectFilePath) ?? null
+            : null;
+        const directoryEntry = browserProjectDirectoryPath != null
+            ? snapshot.entries.find(entry => entry.path === browserProjectDirectoryPath) ?? null
+            : null;
+        const directoryFolder = browserProjectDirectoryPath != null
+            ? snapshot.folders.find(folder => folder.path === browserProjectDirectoryPath) ?? null
+            : null;
+        const projectItems = relativeProjectFilePath
+            ? [
+                ...(callbacks.onProjectFileRead && isEditorProjectFilePreviewable(relativeProjectFilePath)
+                    ? [{ id: 'project-file.preview', label: '查看文件' }]
+                    : []),
+                ...(callbacks.onProjectMediaResolve && isEditorProjectMediaPreviewable(relativeProjectFilePath)
+                    ? [{ id: 'project-file.preview-media', label: '预览媒体' }]
+                    : []),
+                ...(callbacks.onProjectEntrySendToAgent
+                    ? [{ id: 'project-entry.send-to-agent', label: '发送给 Agent' }]
+                    : []),
+                { id: 'project-file.copy-path', label: '复制路径' },
+            ]
+            : relativeProjectDirectoryPath
+                ? [
+                    ...(callbacks.onProjectEntrySendToAgent
+                        ? [{ id: 'project-entry.send-to-agent', label: '发送给 Agent' }]
+                        : []),
+                    { id: 'project-file.copy-path', label: '复制路径' },
+                ]
+                : [];
+        const assetItems = asset ? createAssetBrowserMenuItems(currentState, asset) : [];
+        if (projectItems.length > 0 && assetItems.length > 0)
+            assetItems[0] = { ...assetItems[0], separatorBefore: true };
+        const openContextMenu = () => contextMenu.open({
             x: event.clientX,
             y: event.clientY,
-            items: createAssetBrowserMenuItems(currentState, asset),
+            items: [...projectItems, ...assetItems],
             onAction(item) {
+                if (item.id === 'project-file.preview' && browserProjectFilePath) {
+                    void openProjectFilePreview(browserProjectFilePath, projectFileButton);
+                    return;
+                }
+                if (item.id === 'project-file.preview-media' && browserProjectFilePath) {
+                    void openProjectMediaPreview(browserProjectFilePath, projectFileButton);
+                    return;
+                }
+                if (item.id === 'project-entry.send-to-agent' && callbacks.onProjectEntrySendToAgent) {
+                    const path = relativeProjectFilePath ?? relativeProjectDirectoryPath;
+                    if (!path)
+                        return;
+                    const entryKind = relativeProjectFilePath ? 'file' : 'directory';
+                    const name = entryKind === 'file'
+                        ? fileEntry?.label ?? path.split('/').slice(-1)[0] ?? path
+                        : directoryEntry?.label ?? directoryFolder?.label ?? currentState?.projectFiles?.rootName ?? path;
+                    void Promise.resolve(callbacks.onProjectEntrySendToAgent({
+                        path,
+                        name,
+                        entryKind,
+                        ...(entryKind === 'file' && fileEntry?.extension ? { extension: fileEntry.extension } : {}),
+                        ...(asset ? { assetId: asset.assetId ?? asset.id, assetKind: asset.kind } : {}),
+                    })).catch(() => undefined);
+                    return;
+                }
+                if (item.id === 'project-file.copy-path') {
+                    const path = relativeProjectFilePath ?? relativeProjectDirectoryPath;
+                    if (path)
+                        copyTextToClipboard(doc.defaultView, path);
+                    return;
+                }
+                if (!asset)
+                    return;
                 if (item.id === 'asset.preview') {
-                    openAssetPreviewModal(asset);
+                    openAssetPreviewModal(asset, assetButton);
                     return;
                 }
                 if (item.id === 'asset.edit-material') {
-                    openAssetMaterialEditorModal(asset);
+                    openAssetMaterialEditorModal(asset, assetButton);
                     return;
                 }
                 if (item.id === 'asset.rename') {
-                    openAssetRenameModal(asset);
+                    openAssetRenameModal(asset, assetButton);
                     return;
                 }
                 if (item.id === 'asset.edit-prefab' || item.id === 'asset.add-to-current-prefab') {
@@ -5122,6 +6156,15 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
                 callbacks.onAssetAction?.(createAssetBrowserActionInput(item.id, asset, createCurrentAssetBrowserActionContext()));
             },
         });
+        // Selecting a catalog asset rerenders the asset browser synchronously. Open
+        // its menu on the next frame so the first right-click is not cleared by that
+        // selection refresh.
+        if (asset && assetButton && doc.defaultView?.requestAnimationFrame) {
+            doc.defaultView.requestAnimationFrame(openContextMenu);
+        }
+        else {
+            openContextMenu();
+        }
     });
     workbench.rightDock.addEventListener('click', (event) => {
         const target = event.target instanceof HTMLElement ? event.target : null;
@@ -5154,11 +6197,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);
@@ -5168,7 +6211,10 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
                 setShortcutHelpOpen(false);
             if (assetPreviewOpen)
                 closeAssetPreviewModal();
+            if (projectFilePreviewOpen)
+                closeProjectFilePreview();
         },
+        requestOperationInput: requestHierarchyOperationInput,
     });
     construction.addCleanup('hierarchy-controller', () => hierarchyController.dispose());
     assetPanel.addEventListener('input', (event) => {
@@ -5177,6 +6223,15 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             return;
         callbacks.onAssetFilterChange?.(input.value);
     });
+    assetPanel.addEventListener('change', (event) => {
+        const select = event.target instanceof HTMLSelectElement ? event.target : null;
+        const nextAssetBrowserTab = select?.dataset.editorAssetBrowserTypeFilter ? select.value : null;
+        if (!isLocalEditorAssetBrowserTab(nextAssetBrowserTab))
+            return;
+        assetBrowserTab = nextAssetBrowserTab;
+        if (currentState)
+            render(currentState);
+    });
     inspectorPanel.addEventListener('input', (event) => {
         const input = event.target instanceof HTMLInputElement ? event.target : null;
         if (input?.dataset.editorInspectorSearch != null) {
@@ -5185,6 +6240,8 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
                 render(currentState);
             return;
         }
+        if (currentState?.inspectorPending === true)
+            return;
         if (input?.type === 'checkbox' || input?.type === 'color')
             return;
         if (!input?.dataset.serializedPath || !input.dataset.serializedTargetId)
@@ -5199,6 +6256,11 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             callbacks.onPropertyInput?.(propertyInput);
     });
     inspectorPanel.addEventListener('paste', (event) => {
+        if (currentState?.inspectorPending === true) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
         const input = event.target instanceof HTMLInputElement ? event.target : null;
         const text = event.clipboardData?.getData('text/plain') ?? event.clipboardData?.getData('text') ?? '';
         if (!input || !text)
@@ -5216,6 +6278,11 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             callbacks.onPropertyInput?.(propertyInput);
     });
     inspectorPanel.addEventListener('click', (event) => {
+        if (currentState?.inspectorPending === true) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
         const target = event.target instanceof HTMLElement ? event.target : null;
         const renderingActionButton = target?.closest('[data-editor-rendering-action]');
         if (renderingActionButton) {
@@ -5294,14 +6361,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]');
@@ -5331,11 +6395,15 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         openInspectorAssetPicker(input, property);
     });
     inspectorPanel.addEventListener('change', (event) => {
+        if (currentState?.inspectorPending === true)
+            return;
         const input = event.target instanceof HTMLInputElement || event.target instanceof HTMLSelectElement
             ? event.target
             : 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;
@@ -5350,6 +6418,11 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             callbacks.onPropertyInput?.(propertyInput);
     });
     inspectorPanel.addEventListener('keydown', (event) => {
+        if (currentState?.inspectorPending === true) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
         const input = event.target instanceof HTMLInputElement ? event.target : null;
         if (!input || !isLocalEditorKeyboardCommitEvent(event, input))
             return;
@@ -5359,9 +6432,13 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         event.stopPropagation();
     });
     inspectorPanel.addEventListener('focusout', (event) => {
+        if (currentState?.inspectorPending === true)
+            return;
         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 +6472,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 +6501,8 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             : null;
         if (!input?.dataset.editorRenderingProperty)
             return;
+        if (hasLocalEditorUiKeyboardCommitPending(input))
+            return;
         if (input instanceof HTMLSelectElement)
             return;
         if (readRenderingCommitMode(input) !== 'blur')
@@ -5494,11 +6575,21 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             closeAssetPreviewModal();
             return;
         }
+        if (key === 'escape' && projectFilePreviewOpen) {
+            event.preventDefault();
+            closeProjectFilePreview();
+            return;
+        }
         if (key === 'escape' && assetPickerOpen) {
             event.preventDefault();
             closeInspectorAssetPicker();
             return;
         }
+        if (key === 'escape' && editorStatusCenterOpen) {
+            event.preventDefault();
+            closeEditorStatusCenter();
+            return;
+        }
         if (key === 'escape' && snapSettingsOpen) {
             event.preventDefault();
             closeSnapSettingsPopover();
@@ -5527,17 +6618,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
@@ -5546,6 +6633,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             && primaryModifier
             && key === 's') {
             event.preventDefault();
+            editorConsole.append({ severity: 'info', source: 'save', message: '请求保存场景' });
             callbacks.onSaveScene?.();
             return;
         }
@@ -5562,33 +6650,28 @@ 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 (/(?:^|[?&])debugGizmo=(?:1|true)(?:&|$)/.test(doc.defaultView?.location?.search ?? '')) {
+                console.info('[fps-editor:gizmo]', 'shortcut.dispatched', {
+                    timestamp: typeof performance !== 'undefined' ? Number(performance.now().toFixed(2)) : Date.now(),
+                    key,
+                    toolId: tool.id,
+                    availability: tool.availability.state,
+                    active: tool.active,
+                    eventTarget: event.target instanceof Element ? event.target.tagName : null,
+                    defaultPrevented: event.defaultPrevented,
+                });
+            }
+            if (tool.availability.state === 'enabled')
+                callbacks.onToolActivate?.(tool.id);
             return;
         }
         if (key === 'f') {
@@ -5617,24 +6700,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';
@@ -5645,27 +6717,31 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             && getPreviewToolSupport(tool).support === 'enabled';
     }
     function applyPrefabStageWorkbenchLayoutOverride(layout = workbenchLayoutController.getLayout()) {
-        const { leftWidth, rightWidth, bottomEdge, bottomVisible } = resolveLocalEditorPrefabStageWorkbenchLayout(layout, readLocalEditorWorkbenchViewport(doc));
+        const { leftWidth, rightWidth, consoleEdge, sceneBottomEdge, bottomVisible } = resolveLocalEditorPrefabStageWorkbenchLayout(layout, readLocalEditorWorkbenchViewport(doc));
         workbench.leftDock.style.display = 'flex';
         workbench.leftDock.style.width = `${leftWidth}px`;
-        workbench.leftDock.style.bottom = `${bottomEdge}px`;
+        workbench.leftDock.style.bottom = `${consoleEdge}px`;
         workbench.leftDock.style.zIndex = '';
         workbench.leftDock.style.boxShadow = '';
         workbench.rightDock.style.display = 'flex';
         workbench.rightDock.style.width = `${rightWidth}px`;
+        workbench.rightDock.style.bottom = `${consoleEdge}px`;
         workbench.rightDock.style.zIndex = '';
         workbench.rightDock.style.boxShadow = '';
         workbench.sceneFrame.style.left = `${leftWidth}px`;
         workbench.sceneFrame.style.right = `${rightWidth}px`;
-        workbench.sceneFrame.style.bottom = `${bottomEdge}px`;
+        workbench.sceneFrame.style.bottom = `${sceneBottomEdge}px`;
         if (bottomVisible) {
+            workbench.bottomDock.style.left = `${leftWidth}px`;
             workbench.bottomDock.style.right = `${rightWidth}px`;
+            workbench.bottomDock.style.bottom = `${consoleEdge}px`;
+            workbench.bottomResizer.style.left = `${leftWidth}px`;
             workbench.bottomResizer.style.right = `${rightWidth}px`;
         }
         workbench.leftToggle.style.display = 'none';
         workbench.rightToggle.style.display = 'none';
-        workbench.leftResizer.style.bottom = `${bottomEdge}px`;
-        workbench.rightResizer.style.bottom = '0';
+        workbench.leftResizer.style.bottom = `${consoleEdge}px`;
+        workbench.rightResizer.style.bottom = `${consoleEdge}px`;
     }
     function readLocalEditorWorkbenchViewport(docRef) {
         const win = docRef.defaultView;
@@ -5675,29 +6751,21 @@ 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,
             });
+            lastRenderedInspectorContentKey = resolveLocalEditorRightDockContentKey(currentState, 'inspector', inspectorFilter);
             return;
         }
+        LocalEditorPanels.disposeInspectorPanelUi(inspectorPanel);
         LocalEditorShared.clearElement(inspectorPanel);
         inspectorPanel.appendChild(createPrefabStagePanelHeader('Prefab Properties', 'inspector'));
         const selectedItem = findLocalEditorPrefabStageStructureItem(stage, stage.selectedItemId);
@@ -5711,6 +6779,9 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         appendPrefabStageReadonlyRow(grid, 'Mode', stage.readonly ? '只读' : '可编辑');
         appendPrefabStageSelectedItemDetails(grid, selectedItem);
         inspectorPanel.appendChild(grid);
+        lastRenderedInspectorContentKey = currentState
+            ? resolveLocalEditorRightDockContentKey(currentState, 'inspector', inspectorFilter)
+            : null;
     }
     function appendPrefabStageSelectedItemDetails(container, item) {
         if (!item)
@@ -5855,7 +6926,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),
@@ -5875,23 +6946,10 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             ? 'var(--fps-editor-border)'
             : agentBridgeStatusColor;
         setToolbarButtonTooltip(agentBridgeStatusButton, createAgentBridgeStatusTooltip(state.agentBridge));
-        renderCoordinateAxesOverlay(coordinateAxesOverlay, inEditor ? state.coordinateAxes ?? null : null);
-        renderSceneFrameRateOverlay(sceneFrameRateOverlay, inEditor && !inPrefabStage ? state.sceneFrameStats ?? null : null);
+        renderCoordinateAxesOverlay(coordinateAxesOverlay, inEditor ? state.coordinateAxes ?? null : null, state.viewportTools?.viewPreset ?? 'perspective', state.busy);
         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;
@@ -5911,26 +6969,82 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
     const updatePreview = (preview) => {
         if (!currentState)
             return;
+        const toolPresentationStartedAt = typeof performance !== 'undefined' ? performance.now() : Date.now();
+        const shouldRenderToolPresentation = 'tools' in preview || 'activeToolId' in preview;
+        const previousActiveToolId = currentState.activeToolId ?? null;
         const shouldRenderInspectorPreview = 'inspectorObject' in preview || 'inspectorMultiObject' in preview;
-        currentState = {
+        const shouldRenderSelectionPresentation = 'selectedIds' in preview
+            || 'activeId' in preview
+            || 'selectionSummary' in preview;
+        const nextState = {
             ...currentState,
             ...preview,
         };
+        const nextInspectorContentKey = resolveLocalEditorRightDockContentKey(nextState, 'inspector', inspectorFilter);
+        const inspectorPreviewScrollSnapshot = shouldRenderInspectorPreview
+            && lastRenderedInspectorContentKey === nextInspectorContentKey
+            ? captureLocalEditorRightDockScrollSnapshot(currentState, 'inspector', inspectorFilter, inspectorPanel, renderingPanel, markersPanel, pluginsPanel)
+            : null;
+        currentState = nextState;
+        if ('inspectorPending' in preview) {
+            syncLocalEditorInspectorPendingState(inspectorPanel, currentState.inspectorPending === true);
+        }
+        if (shouldRenderToolPresentation) {
+            renderToolPresentationState(currentState);
+            scheduleToolbarOverflowLayout();
+            if (/(?:^|[?&])debugGizmo=(?:1|true)(?:&|$)/.test(doc.defaultView?.location?.search ?? '')) {
+                console.info('[fps-editor:gizmo]', 'ui.tool-presentation.updated', {
+                    timestamp: typeof performance !== 'undefined' ? Number(performance.now().toFixed(2)) : Date.now(),
+                    durationMs: Number(((typeof performance !== 'undefined' ? performance.now() : Date.now()) - toolPresentationStartedAt).toFixed(2)),
+                    previousActiveToolId,
+                    activeToolId: currentState.activeToolId ?? null,
+                    toolCount: currentState.tools?.length ?? 0,
+                });
+            }
+        }
+        if (shouldRenderSelectionPresentation)
+            hierarchyController.render(currentState);
         renderPreviewState(currentState);
-        if (shouldRenderInspectorPreview && panelRegistry.getRightDockTab() === 'inspector') {
-            const rightDockScrollSnapshot = captureLocalEditorRightDockScrollSnapshot(currentState, 'inspector', inspectorFilter, inspectorPanel, renderingPanel, markersPanel, pluginsPanel);
+        if (shouldRenderInspectorPreview
+            && currentState.mode === 'editor'
+            && !!currentState.prefabStage
+            && rightDockFormalSurfaceVisibility.isVisible()) {
+            renderPrefabStagePropertiesPanel(currentState.prefabStage);
+        }
+        if (shouldRenderLocalEditorInspectorPreview({
+            hasInspectorPreview: shouldRenderInspectorPreview,
+            mode: currentState.mode,
+            inPrefabStage: !!currentState.prefabStage,
+            rightDockVisible: rightDockFormalSurfaceVisibility.isVisible(),
+            activeRightTab: panelRegistry.getRightDockTab(),
+        })) {
             LocalEditorPanels.renderInspectorPanel(doc, inspectorPanel, currentState, inspectorFilter, {
                 ...options.inspector,
+                layerHost: editorUiLayerHost,
                 lockedVectorGroups: lockedInspectorVectorGroups,
             });
-            restoreLocalEditorRightDockScrollSnapshot(rightDockScrollSnapshot, currentState, 'inspector', inspectorFilter, inspectorPanel, renderingPanel, markersPanel, pluginsPanel);
+            lastRenderedInspectorContentKey = nextInspectorContentKey;
+            restoreLocalEditorRightDockScrollSnapshot(inspectorPreviewScrollSnapshot, currentState, 'inspector', inspectorFilter, inspectorPanel, renderingPanel, markersPanel, pluginsPanel);
+        }
+        if ((shouldRenderSelectionPresentation || shouldRenderInspectorPreview)
+            && /(?:^|[?&])debug(?:Gizmo|Selection)=(?:1|true)(?:&|$)/.test(doc.defaultView?.location?.search ?? '')) {
+            console.info('[fps-editor:selection]', 'ui.selection-preview.updated', {
+                timestamp: typeof performance !== 'undefined' ? Number(performance.now().toFixed(2)) : Date.now(),
+                durationMs: Number(((typeof performance !== 'undefined' ? performance.now() : Date.now()) - toolPresentationStartedAt).toFixed(2)),
+                phase: shouldRenderSelectionPresentation ? 'presentation' : 'inspector',
+                activeId: currentState.activeId,
+                selectedCount: currentState.selectedIds.length,
+            });
         }
     };
     const render = (state) => {
         const previousState = currentState;
+        const assetBrowserContinuitySnapshot = assetBrowserContinuity.capture(lastRenderedAssetBrowserContentKey);
         const previousRightTab = panelRegistry.getRightDockTab();
         const rightDockScrollSnapshot = captureLocalEditorRightDockScrollSnapshot(previousState, previousRightTab, inspectorFilter, inspectorPanel, renderingPanel, markersPanel, pluginsPanel);
         currentState = state;
+        syncLocalEditorInspectorPendingState(inspectorPanel, state.inspectorPending === true);
+        editorConsole.syncState(state, previousState);
         const focusSnapshot = captureLocalEditorEditableFocus(doc);
         const inEditor = state.mode === 'editor';
         const disabled = state.busy;
@@ -5939,9 +7053,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;
         }
@@ -5959,20 +7073,36 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             setPerformanceMonitorOpen(false);
         }
         if (!inEditor || disabled) {
+            projectMediaPreviewRequestId += 1;
+            disposeProjectModelPreview();
             assetPreviewOpen = false;
+            assetPreviewReturnFocus = null;
             previewedAsset = null;
             assetPreviewMode = 'preview';
+            projectMediaPreviewSource = null;
+            projectMediaPreviewRequestedPath = '';
+            projectMediaPreviewError = '';
+            projectFilePreviewOpen = false;
+            projectFilePreviewReturnFocus = null;
+            projectFilePreviewRequestId += 1;
+            projectFilePreviewContent = null;
+            projectFilePreviewRequestedPath = '';
+            projectFilePreviewError = '';
+            projectFilePreviewMatches = [];
+            projectFilePreviewActiveMatch = -1;
             assetPickerOpen = false;
             assetPickerInput = null;
             assetPickerProperty = null;
+            settleHierarchyOperationInputRequest(null);
         }
+        renderProjectFilePreview();
         syncInputModalOpen();
         const transformTool = state.transformTool ?? null;
         workbench.root.style.display = inEditor ? '' : 'none';
         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 +7111,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 = '';
@@ -6028,25 +7161,15 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         const viewportControlsTooltip = sceneCameraPreview.enabled
             ? '当前为 Main Camera 预览，请关闭后再使用视口工具'
             : '';
-        const viewportProjectionTooltip = sceneCameraPreview.enabled
-            ? '当前为 Main Camera 预览，投影由 Main Camera 决定；关闭预览后可切换编辑视口投影'
-            : '';
         viewportToolsGroup.style.display = isPreviewToolVisible('viewport-camera') ? 'flex' : 'none';
-        for (const [preset, button] of viewportPresetButtons) {
-            button.disabled = viewportControlsDisabled;
-            setToolbarButtonTooltip(button, viewportControlsTooltip || VIEW_PRESET_TOOLTIPS[preset]);
-            LocalEditorShared.applyButtonActiveState(button, viewportTools?.viewPreset === preset);
-        }
-        projectionToggleButton.disabled = viewportControlsDisabled;
-        const projectionMode = viewportTools?.projectionMode ?? 'perspective';
-        const nextProjectionMode = projectionMode === 'orthographic' ? 'perspective' : 'orthographic';
-        setToolbarButtonIcon(doc, projectionToggleButton, projectionMode === 'orthographic' ? 'projection-ortho' : 'projection-perspective');
-        setToolbarButtonTooltip(projectionToggleButton, viewportProjectionTooltip || `投影模式：${VIEWPORT_PROJECTION_LABELS[projectionMode]}。切换为${VIEWPORT_PROJECTION_LABELS[nextProjectionMode]}`);
-        LocalEditorShared.applyButtonActiveState(projectionToggleButton, projectionMode === 'orthographic');
         const markersVisible = viewportTools?.markersVisible ?? true;
         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 +7198,11 @@ 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';
+        renderToolPresentationState(state);
         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,21 +7262,21 @@ 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,
                 activeRightTab,
             });
             const activeBottomTab = panelRegistry.getBottomDockTab();
-            const assetBrowserTabChanged = assetBrowserTab !== lastRenderedAssetBrowserTab;
-            const bottomDockTabChanged = activeBottomTab !== lastRenderedBottomDockTab;
             const selectedAssetChanged = state.selectedAssetId !== lastRenderedSelectedAssetId;
-            const assetBrowserScrollSnapshot = activeBottomTab === 'assets'
-                ? assetBrowserViewportReveal.captureScrollSnapshot()
-                : { scrollTop: null };
             leftDockTabs.style.display = 'none';
             rightDockTabs.style.display = rightDockVisibility.tabsDisplay;
             inspectorPanel.style.display = rightDockVisibility.inspectorDisplay;
@@ -6175,20 +7285,29 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             pluginsPanel.style.display = rightDockVisibility.pluginsDisplay;
             hierarchyController.render(state);
             renderPrefabStagePropertiesPanel(prefabStage);
-            LocalEditorPanels.renderWorkbenchBottomDockPanel(doc, assetPanel, state, activeBottomTab, panelRegistry.getPanels('bottom'), assetBrowserTab);
-            if (activeBottomTab === 'assets' && !assetBrowserTabChanged && !bottomDockTabChanged) {
-                assetBrowserViewportReveal.restoreScrollSnapshot(assetBrowserScrollSnapshot);
+            LocalEditorPanels.renderWorkbenchBottomDockPanel(doc, assetPanel, state, activeBottomTab, panelRegistry.getPanels('bottom'), assetBrowserTab, { expandedFolderPaths: assetBrowserExpandedFolderPaths, folderPath: assetBrowserFolderPath, viewMode: assetBrowserViewMode, selectedEntryPath: selectedProjectEntryPath });
+            if (activeBottomTab === 'assets') {
+                assetBrowserFolderPath = assetPanel.dataset.editorAssetBrowserFolderPath ?? assetBrowserFolderPath;
             }
+            const assetBrowserContentKey = resolveLocalEditorAssetBrowserContentKey({
+                assetFilter: state.assetFilter,
+                folderPath: assetBrowserFolderPath,
+                tab: assetBrowserTab,
+                viewMode: assetBrowserViewMode,
+            });
+            hydrateProjectMediaThumbnails();
+            assetBrowserContinuity.restore(assetBrowserContinuitySnapshot, assetBrowserContentKey, activeBottomTab === 'assets');
             const suppressAssetScroll = state.selectedAssetId
                 ? assetBrowserViewportReveal.consumeRevealSuppression(state.selectedAssetId, { clearWhenDifferent: selectedAssetChanged })
                 : false;
             if (activeBottomTab === 'assets' && selectedAssetChanged && state.selectedAssetId && !suppressAssetScroll) {
                 revealSelectedAssetBrowserItem(state.selectedAssetId);
             }
-            lastRenderedAssetBrowserTab = assetBrowserTab;
-            lastRenderedBottomDockTab = activeBottomTab;
+            revealPendingStatusDiagnosticAsset(state);
+            lastRenderedAssetBrowserContentKey = activeBottomTab === 'assets' ? assetBrowserContentKey : null;
             lastRenderedSelectedAssetId = state.selectedAssetId ?? null;
             restoreLocalEditorEditableFocus(doc, focusSnapshot);
+            revealPendingStatusDiagnosticPath(state);
             return;
         }
         leftDockTabs.style.display = '';
@@ -6200,12 +7319,7 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         });
         rightDockTabs.style.display = rightDockVisibility.tabsDisplay;
         const activeBottomTab = panelRegistry.getBottomDockTab();
-        const assetBrowserTabChanged = assetBrowserTab !== lastRenderedAssetBrowserTab;
-        const bottomDockTabChanged = activeBottomTab !== lastRenderedBottomDockTab;
         const selectedAssetChanged = state.selectedAssetId !== lastRenderedSelectedAssetId;
-        const assetBrowserScrollSnapshot = activeBottomTab === 'assets'
-            ? assetBrowserViewportReveal.captureScrollSnapshot()
-            : { scrollTop: null };
         hierarchyPanel.dataset.editorPanelId = hierarchyDescriptor?.id ?? 'hierarchy';
         inspectorPanel.dataset.editorPanelId = activeRightTab === 'inspector' ? rightDescriptor?.id ?? 'inspector' : 'inspector';
         renderingPanel.dataset.editorPanelId = activeRightTab === 'rendering' ? rightDescriptor?.id ?? 'rendering' : 'rendering';
@@ -6217,28 +7331,44 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         pluginsPanel.style.display = rightDockVisibility.pluginsDisplay;
         LocalEditorPanels.renderWorkbenchLeftDockTabs(doc, leftDockTabs, 'hierarchy', panelRegistry.getPanels('left'));
         hierarchyController.render(state);
-        LocalEditorPanels.renderWorkbenchBottomDockPanel(doc, assetPanel, state, activeBottomTab, panelRegistry.getPanels('bottom'), assetBrowserTab);
-        if (activeBottomTab === 'assets' && !assetBrowserTabChanged && !bottomDockTabChanged) {
-            assetBrowserViewportReveal.restoreScrollSnapshot(assetBrowserScrollSnapshot);
-        }
+        LocalEditorPanels.renderWorkbenchBottomDockPanel(doc, assetPanel, state, activeBottomTab, panelRegistry.getPanels('bottom'), assetBrowserTab, { expandedFolderPaths: assetBrowserExpandedFolderPaths, folderPath: assetBrowserFolderPath, viewMode: assetBrowserViewMode, selectedEntryPath: selectedProjectEntryPath });
+        if (activeBottomTab === 'assets') {
+            assetBrowserFolderPath = assetPanel.dataset.editorAssetBrowserFolderPath ?? assetBrowserFolderPath;
+        }
+        const assetBrowserContentKey = resolveLocalEditorAssetBrowserContentKey({
+            assetFilter: state.assetFilter,
+            folderPath: assetBrowserFolderPath,
+            tab: assetBrowserTab,
+            viewMode: assetBrowserViewMode,
+        });
+        hydrateProjectMediaThumbnails();
+        assetBrowserContinuity.restore(assetBrowserContinuitySnapshot, assetBrowserContentKey, activeBottomTab === 'assets');
         const suppressAssetScroll = state.selectedAssetId
             ? assetBrowserViewportReveal.consumeRevealSuppression(state.selectedAssetId, { clearWhenDifferent: selectedAssetChanged })
             : false;
         if (activeBottomTab === 'assets' && selectedAssetChanged && state.selectedAssetId && !suppressAssetScroll) {
             revealSelectedAssetBrowserItem(state.selectedAssetId);
         }
-        lastRenderedAssetBrowserTab = assetBrowserTab;
-        lastRenderedBottomDockTab = activeBottomTab;
+        revealPendingStatusDiagnosticAsset(state);
+        lastRenderedAssetBrowserContentKey = activeBottomTab === 'assets' ? assetBrowserContentKey : null;
         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);
+            lastRenderedInspectorContentKey = null;
+        }
+        else if (activeRightTab === 'inspector') {
             LocalEditorPanels.renderInspectorPanel(doc, inspectorPanel, state, inspectorFilter, {
                 ...options.inspector,
+                layerHost: editorUiLayerHost,
                 lockedVectorGroups: lockedInspectorVectorGroups,
             });
+            lastRenderedInspectorContentKey = resolveLocalEditorRightDockContentKey(state, 'inspector', inspectorFilter);
         }
         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,9 +7378,9 @@ 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;
     return {
         update(state) {
             render(state);
@@ -6259,22 +7389,21 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
         updateSceneFrameStats(stats) {
             if (currentState)
                 currentState = { ...currentState, sceneFrameStats: stats };
-            renderSceneFrameRateOverlay(sceneFrameRateOverlay, currentState?.mode === 'editor' && !currentState.prefabStage ? stats : null);
         },
         updatePerformanceStats(stats) {
             if (currentState)
                 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);
         },
@@ -6282,7 +7411,10 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             return activeTheme;
         },
         dispose() {
-            if (uiDisposed)
+            if (canSkipLocalEditorPreviewCleanupPass(uiDisposed, [
+                projectModelPreviewCleanupRegistry,
+                materialPreviewCleanupRegistry,
+            ]))
                 return;
             const errors = [];
             const run = (key, operation) => {
@@ -6315,7 +7447,14 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             run('toolbar-overflow-resize', () => {
                 doc.defaultView?.removeEventListener('resize', scheduleToolbarOverflowLayout);
             });
+            run('project-media-preview-request', () => {
+                projectMediaPreviewRequestId += 1;
+                assetPreviewOpen = false;
+            });
             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());
@@ -6327,14 +7466,25 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             run('overlay-settings-popover', () => overlaySettingsPopover.remove());
             run('spatial-overlay', () => spatialOverlay.root.remove());
             run('measurement-overlay', () => measurementOverlay.root.remove());
-            run('scene-frame-rate-overlay', () => sceneFrameRateOverlay.root.remove());
             run('performance-monitor-overlay', () => performanceMonitorOverlay.root.remove());
             run('prefab-stage-preview-layout', () => prefabStagePreviewLayout.root.remove());
             run('box-selection-overlay', () => boxSelectionOverlay.remove());
             run('shortcut-help-panel', () => shortcutHelpPanel.remove());
+            run('project-model-preview', () => disposeProjectModelPreview());
+            run('project-media-thumbnails', () => resetProjectMediaThumbnailCache());
+            run('project-model-thumbnail-cache', () => projectModelThumbnailCache.dispose());
+            run('material-preview', () => disposeMaterialPreview());
             run('asset-preview-modal', () => assetPreviewModal.remove());
+            run('project-file-preview-modal', () => projectFilePreviewModal.remove());
+            run('project-file-preview-search-frame', () => {
+                if (projectFilePreviewSearchRaf != null) {
+                    doc.defaultView?.cancelAnimationFrame(projectFilePreviewSearchRaf);
+                    projectFilePreviewSearchRaf = null;
+                }
+            });
             run('asset-picker-modal', () => assetPickerModal.remove());
             run('hierarchy-controller', () => hierarchyController.dispose());
+            run('editor-console', () => editorConsole.dispose());
             run('workbench-layout-controller', () => workbenchLayoutController.dispose());
             run('tooltip-controller', () => tooltipController.dispose());
             run('context-menu', () => contextMenu.dispose());
@@ -6342,12 +7492,20 @@ function createLocalEditorBrowserUiImplementation(options, construction) {
             run('input-router', () => inputRouter.dispose());
             run('document-keydown', () => doc.removeEventListener('keydown', onKeyDown));
             run('owned-root-children', () => construction.removeMountedRootChildren());
+            projectModelPreviewCleanupRegistry.disposeOwned();
+            materialPreviewCleanupRegistry.disposeOwned();
+            const retainedPreviewCleanups = [
+                ...projectModelPreviewCleanupRegistry.takeFailures(),
+                ...materialPreviewCleanupRegistry.takeFailures(),
+            ];
+            errors.push(...retainedPreviewCleanups);
             if (errors.length > 0) {
                 const error = new Error('Local Editor browser UI cleanup failed.');
                 error.errors = errors;
                 throw error;
             }
-            uiDisposed = true;
+            uiDisposed = !projectModelPreviewCleanupRegistry.hasOwned()
+                && !materialPreviewCleanupRegistry.hasOwned();
         },
     };
 }