@fps-games/editor 0.1.6-beta.1 → 0.1.7-beta.2

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

@@ -11,7 +11,7 @@ export { createLocalEditorHierarchyBlankMenu, createLocalEditorHierarchyCopyShor
 export { createLocalEditorHierarchyController, resolveLocalEditorHierarchyCreateMarkerParentId, } 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, createLocalEditorHierarchyTreeModel, isLocalEditorHierarchyNodeSelectable, isLocalEditorHierarchyNodeMovable, } from './local-editor-ui-hierarchy-tree.js';
+export { canLocalEditorHierarchyNodeHaveChildren, canLocalEditorHierarchyNodeDelete, canLocalEditorHierarchyNodeRename, canLocalEditorHierarchyNodeToggleEnabled, createLocalEditorHierarchyTreeModel, isLocalEditorHierarchyNodeSelectable, isLocalEditorHierarchyNodeMovable, } from './local-editor-ui-hierarchy-tree.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';
@@ -23,7 +23,7 @@ import { applyLocalEditorTheme, ensureLocalEditorTheme, LOCAL_EDITOR_THEME_CLASS
 import { createDefaultLocalEditorWorkbenchLayout, createLocalEditorWorkbenchLayoutController, createLocalEditorWorkbench, createSceneHeaderToolbar, createWorkbenchPanelContent, } from './local-editor-ui-workbench.js';
 import { createLocalEditorIcon, isLocalEditorIconName } from './local-editor-ui-icons.js';
 import { resolveLocalEditorBrowserAssetKind, } from './local-editor-ui-asset-kind.js';
-import { createLocalEditorPrefabStageTitle, filterLocalEditorPrefabStageStructureItems, findLocalEditorPrefabStageStructureItem, formatLocalEditorPrefabStageComparisonPreviewStatus, LOCAL_EDITOR_PREFAB_COMPARISON_COLUMN_WIDTH_PX, resolveLocalEditorRightDockVisibility, resolveLocalEditorPrefabStageComparisonPreviewTone, shouldLocalEditorClosePerformanceMonitor, shouldLocalEditorPrefabStageBlockHierarchyShortcut, shouldShowLocalEditorPrefabComparisonColumn, shouldToggleLocalEditorPrefabComparisonShortcut, } from './local-editor-ui-prefab-stage.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';
 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';
@@ -109,14 +109,24 @@ const PLACEMENT_MODE_DESCRIPTIONS = {
 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: '包围盒',
@@ -170,6 +180,50 @@ function setToolbarButtonTooltip(button, tooltip) {
     button.dataset.editorTooltip = tooltip;
     button.setAttribute('aria-label', tooltip);
 }
+function createAgentBridgeStatusTooltip(status) {
+    const label = formatAgentBridgeStatusLabel(status?.status);
+    const details = [
+        `Agent Bridge：${label}`,
+        status?.url ? `URL ${status.url}` : '',
+        status?.sessionId ? `Session ${status.sessionId}` : '',
+        status ? `Capabilities ${status.capabilityCount}` : '',
+        status?.lastError ? `Error ${status.lastError}` : '',
+        status?.connectedAt ? `Connected ${status.connectedAt}` : '',
+        status?.lastChangedAt ? `Updated ${status.lastChangedAt}` : '',
+    ].filter(Boolean);
+    return details.join(' · ');
+}
+function formatAgentBridgeStatusLabel(status) {
+    switch (status) {
+        case 'disabled':
+            return '未启用';
+        case 'connecting':
+            return '连接中';
+        case 'connected':
+            return '已连接';
+        case 'disconnected':
+            return '已断开';
+        case 'error':
+            return '错误';
+        default:
+            return '未知';
+    }
+}
+function resolveAgentBridgeStatusToneColor(status) {
+    switch (status?.status) {
+        case 'connected':
+            return 'var(--fps-editor-success)';
+        case 'connecting':
+            return 'var(--fps-editor-accent-strong)';
+        case 'disconnected':
+            return 'var(--fps-editor-warn)';
+        case 'error':
+            return 'var(--fps-editor-danger-strong)';
+        case 'disabled':
+        default:
+            return 'var(--fps-editor-muted)';
+    }
+}
 function setToolbarButtonIcon(doc, button, icon) {
     const currentIcon = button.querySelector('[data-editor-icon]');
     if (currentIcon?.dataset.editorIcon === icon)
@@ -2023,6 +2077,7 @@ export function createAssetBrowserMenuItems(state, asset) {
     const assetKind = resolveLocalEditorBrowserAssetKind(asset);
     const placeable = asset.placeable !== false && asset.disabled !== true;
     const activeId = state.activeId;
+    const inPrefabStage = !!state.prefabStage;
     const items = [];
     if (assetKind === 'material') {
         const deleteDisabledReason = getMaterialAssetDeleteDisabledReason(asset);
@@ -2054,9 +2109,24 @@ export function createAssetBrowserMenuItems(state, asset) {
         });
     }
     else if (assetKind === 'prefab') {
+        if (inPrefabStage) {
+            items.push({
+                id: 'asset.add-to-current-prefab',
+                label: '添加到当前 Prefab',
+                disabled: !placeable,
+                disabledReason: '该 Prefab 当前不可添加到当前 Prefab。',
+            });
+        }
+        items.push({
+            id: 'asset.rename',
+            label: '重命名 Prefab',
+            disabled: !asset.assetId && !asset.id,
+            disabledReason: '该预制体资产缺少可重命名的资产 ID。',
+        });
         items.push({
             id: 'asset.edit-prefab',
-            label: '编辑 Prefab',
+            label: inPrefabStage ? '打开 Prefab Stage' : '编辑 Prefab',
+            separatorBefore: inPrefabStage ? true : undefined,
             disabled: !asset.prefab,
             disabledReason: '该预制体资产缺少可编辑参数。',
         });
@@ -2077,19 +2147,21 @@ export function createAssetBrowserMenuItems(state, asset) {
         });
     }
     else if (assetKind === 'texture') {
-        items.push({
-            id: 'asset.add-to-scene',
-            label: '作为地贴添加到场景',
-            separatorBefore: asset.preview ? true : undefined,
-            disabled: !placeable,
-            disabledReason: '该贴图当前不可放置。',
-        });
-        items.push({
-            id: 'asset.place',
-            label: '进入地面放置模式',
-            disabled: !placeable,
-            disabledReason: '该贴图当前不可放置。',
-        });
+        if (!inPrefabStage) {
+            items.push({
+                id: 'asset.add-to-scene',
+                label: '作为地贴添加到场景',
+                separatorBefore: asset.preview ? true : undefined,
+                disabled: !placeable,
+                disabledReason: '该贴图当前不可放置。',
+            });
+            items.push({
+                id: 'asset.place',
+                label: '进入地面放置模式',
+                disabled: !placeable,
+                disabledReason: '该贴图当前不可放置。',
+            });
+        }
         items.push({
             id: 'asset.use-base-texture',
             label: '用作当前材质 Base 图',
@@ -2105,52 +2177,64 @@ export function createAssetBrowserMenuItems(state, asset) {
         });
     }
     else if (assetKind === 'prefab') {
-        items.push({
-            id: 'asset.add-to-scene',
-            label: '添加 Prefab 到场景',
-            separatorBefore: true,
-            disabled: !placeable,
-            disabledReason: '该 Prefab 当前不可放置。',
-        });
-        items.push({
-            id: 'asset.place',
-            label: '进入 Prefab 放置模式',
-            disabled: !placeable,
-            disabledReason: '该 Prefab 当前不可放置。',
-        });
+        if (!inPrefabStage) {
+            items.push({
+                id: 'asset.add-to-scene',
+                label: '添加 Prefab 到场景',
+                separatorBefore: true,
+                disabled: !placeable,
+                disabledReason: '该 Prefab 当前不可放置。',
+            });
+            items.push({
+                id: 'asset.place',
+                label: '进入 Prefab 放置模式',
+                disabled: !placeable,
+                disabledReason: '该 Prefab 当前不可放置。',
+            });
+        }
     }
     else {
-        items.push({
-            id: 'asset.add-to-scene',
-            label: '添加到场景',
-            disabled: !placeable,
-            disabledReason: '该模型当前不可放置。',
-        });
-        items.push({
-            id: 'asset.place',
-            label: '进入放置模式',
-            disabled: !placeable,
-            disabledReason: '该模型当前不可放置。',
-        });
-        items.push({
-            id: 'asset.create-prefab',
-            label: '创建 Prefab',
-            disabled: !asset.assetId && !asset.id,
-            disabledReason: '该模型缺少可创建 Prefab 的 Asset ID。',
-            separatorBefore: true,
-        });
-        items.push({
-            id: 'asset.add-as-child',
-            label: '添加为当前节点子对象',
-            disabled: true,
-            disabledReason: '子对象添加动作将在资产 patch 中接入。',
-        });
-        items.push({
-            id: 'asset.replace-selected-model',
-            label: '替换当前模型',
-            disabled: true,
-            disabledReason: '模型替换动作将在资产 patch 中接入。',
-        });
+        if (inPrefabStage) {
+            items.push({
+                id: 'asset.add-to-current-prefab',
+                label: '添加到当前 Prefab',
+                disabled: !placeable,
+                disabledReason: '该模型当前不可添加到当前 Prefab。',
+            });
+        }
+        if (!inPrefabStage) {
+            items.push({
+                id: 'asset.add-to-scene',
+                label: '添加到场景',
+                disabled: !placeable,
+                disabledReason: '该模型当前不可放置。',
+            });
+            items.push({
+                id: 'asset.place',
+                label: '进入放置模式',
+                disabled: !placeable,
+                disabledReason: '该模型当前不可放置。',
+            });
+            items.push({
+                id: 'asset.create-prefab',
+                label: '创建 Prefab',
+                disabled: !asset.assetId && !asset.id,
+                disabledReason: '该模型缺少可创建 Prefab 的 Asset ID。',
+                separatorBefore: true,
+            });
+            items.push({
+                id: 'asset.add-as-child',
+                label: '添加为当前节点子对象',
+                disabled: true,
+                disabledReason: '子对象添加动作将在资产 patch 中接入。',
+            });
+            items.push({
+                id: 'asset.replace-selected-model',
+                label: '替换当前模型',
+                disabled: true,
+                disabledReason: '模型替换动作将在资产 patch 中接入。',
+            });
+        }
     }
     items.push({
         id: 'asset.copy-id',
@@ -2171,14 +2255,24 @@ function getMaterialAssetDeleteDisabledReason(asset) {
         return `该材质正在被 ${usageCount} 处使用，请先替换或解绑。`;
     return undefined;
 }
-function createAssetBrowserActionInput(actionId, asset) {
+function createAssetBrowserActionInput(actionId, asset, context) {
     return {
         actionId,
         assetId: asset.assetId ?? asset.id,
         browserAssetId: asset.id,
         assetKind: asset.kind ?? resolveLocalEditorBrowserAssetKind(asset),
+        ...(context?.targetPrefabAssetId ? { targetPrefabAssetId: context.targetPrefabAssetId } : {}),
+        ...(context?.parentNodeId ? { parentNodeId: context.parentNodeId } : {}),
     };
 }
+export function resolveAssetBrowserDoubleClickAction(state, asset) {
+    const assetKind = resolveLocalEditorBrowserAssetKind(asset);
+    if (state.prefabStage && (assetKind === 'model' || assetKind === 'prefab'))
+        return 'asset.add-to-current-prefab';
+    if (!state.prefabStage && assetKind === 'prefab')
+        return 'asset.edit-prefab';
+    return null;
+}
 function copyTextToClipboard(win, text) {
     void win?.navigator?.clipboard?.writeText?.(text);
 }
@@ -2392,11 +2486,14 @@ export function createLocalEditorBrowserUi(options = {}) {
     let assetPickerFilter = '';
     let assetPickerInput = null;
     let assetPickerProperty = null;
-    let prefabStageExplorerFilter = '';
     let prefabComparisonPreviewDrag = null;
+    let prefabStageMainWorkbenchLayoutSnapshot = null;
     const editorStatusButton = createToolbarIconButton(doc, '编辑器状态', 'status', '编辑器状态');
     editorStatusButton.dataset.editorStatusButton = 'true';
     editorStatusButton.style.cursor = 'help';
+    const agentBridgeStatusButton = createToolbarIconButton(doc, 'Agent Bridge 状态', 'status', 'Agent Bridge 状态');
+    agentBridgeStatusButton.dataset.editorAgentBridgeStatusButton = 'true';
+    agentBridgeStatusButton.style.cursor = 'help';
     const workbench = createLocalEditorWorkbench(doc);
     const leftDockTabs = doc.createElement('div');
     const hierarchyPanel = createWorkbenchPanelContent(doc);
@@ -3035,6 +3132,7 @@ export function createLocalEditorBrowserUi(options = {}) {
     sceneToolOverlay.appendChild(viewportToolsGroup);
     sceneToolOverlay.appendChild(sceneUtilityActions);
     sceneToolOverlay.appendChild(cameraPreviewGroup);
+    sceneToolOverlay.appendChild(agentBridgeStatusButton);
     sceneToolOverlay.appendChild(editorStatusButton);
     sceneToolOverlay.appendChild(toolbarOverflowButton);
     workbench.sceneHeader.appendChild(sceneToolOverlay);
@@ -3460,6 +3558,7 @@ export function createLocalEditorBrowserUi(options = {}) {
         viewportToolsGroup,
         sceneUtilityActions,
         cameraPreviewGroup,
+        agentBridgeStatusButton,
         editorStatusButton,
         toolbarOverflowButton,
     ];
@@ -3473,6 +3572,7 @@ export function createLocalEditorBrowserUi(options = {}) {
         { id: 'snap', element: snapGroup, kind: 'group' },
         { id: 'space', element: spaceGroup, kind: 'group' },
         { id: 'static-shadow-bake', element: staticShadowBakeGroup, kind: 'group' },
+        { id: 'agent-bridge-status', element: agentBridgeStatusButton, kind: 'group' },
     ];
     let toolbarOverflowOpen = false;
     let toolbarOverflowRaf = null;
@@ -3896,6 +3996,20 @@ export function createLocalEditorBrowserUi(options = {}) {
         syncInputModalOpen();
         assetPreviewCloseButton.focus({ preventScroll: true });
     };
+    const openAssetRenameModal = (asset) => {
+        contextMenu.close();
+        previewedAsset = asset;
+        assetPreviewMode = 'rename';
+        assetPreviewDialog.setAttribute('aria-label', '重命名资产');
+        assetPreviewOpen = true;
+        renderAssetPreviewModal();
+        syncInputModalOpen();
+        setTimeout(() => {
+            const input = assetPreviewBody.querySelector('[data-editor-asset-rename-input]');
+            input?.focus({ preventScroll: true });
+            input?.select();
+        }, 0);
+    };
     const closeAssetPreviewModal = () => {
         if (!assetPreviewOpen)
             return;
@@ -3960,6 +4074,11 @@ export function createLocalEditorBrowserUi(options = {}) {
             assetPreviewModal.style.display = 'flex';
             return;
         }
+        if (assetPreviewMode === 'rename') {
+            renderAssetRenameModal(asset);
+            assetPreviewModal.style.display = 'flex';
+            return;
+        }
         assetPreviewDialog.style.width = 'min(420px,calc(100vw - 64px))';
         assetPreviewBody.style.cssText = [
             'display:flex',
@@ -3980,6 +4099,49 @@ export function createLocalEditorBrowserUi(options = {}) {
         assetPreviewBody.appendChild(LocalEditorPanels.createAssetPreviewElement(doc, asset, 'modal'));
         assetPreviewModal.style.display = 'flex';
     }
+    function renderAssetRenameModal(asset) {
+        assetPreviewDialog.style.width = 'min(420px,calc(100vw - 64px))';
+        assetPreviewTitle.textContent = '重命名 Prefab';
+        assetPreviewMeta.textContent = asset.assetId ?? asset.id;
+        while (assetPreviewBody.firstChild)
+            assetPreviewBody.removeChild(assetPreviewBody.firstChild);
+        assetPreviewBody.style.cssText = [
+            'display:flex',
+            'align-items:stretch',
+            'justify-content:stretch',
+            'min-height:0',
+            'border:1px solid var(--fps-editor-divider)',
+            'border-radius:4px',
+            'background:var(--fps-editor-panel-soft)',
+            'padding:12px',
+        ].join(';');
+        const form = doc.createElement('form');
+        form.dataset.editorAssetRenameForm = 'true';
+        form.style.cssText = 'display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;align-items:center';
+        const input = doc.createElement('input');
+        input.type = 'text';
+        input.dataset.editorAssetRenameInput = 'true';
+        input.value = asset.label;
+        input.maxLength = 80;
+        input.required = true;
+        input.style.cssText = [
+            'height:30px',
+            'min-width:0',
+            'box-sizing:border-box',
+            'border:1px solid var(--fps-editor-border)',
+            'border-radius:3px',
+            'background:var(--fps-editor-field)',
+            'color:var(--fps-editor-text)',
+            'font-size:12px',
+            'padding:0 8px',
+            'outline:none',
+        ].join(';');
+        const submit = LocalEditorShared.createButton(doc, '确认');
+        submit.type = 'submit';
+        form.appendChild(input);
+        form.appendChild(submit);
+        assetPreviewBody.appendChild(form);
+    }
     function renderAssetMaterialEditorModal(asset) {
         const material = asset.material;
         const profile = material.profile ?? {};
@@ -4377,6 +4539,24 @@ export function createLocalEditorBrowserUi(options = {}) {
             return;
         dispatchMaterialEditorFieldChange(input);
     });
+    assetPreviewBody.addEventListener('submit', (event) => {
+        if (assetPreviewMode !== 'rename')
+            return;
+        event.preventDefault();
+        const asset = resolvePreviewedAssetFromState();
+        const form = event.target instanceof HTMLFormElement
+            ? event.target.closest('[data-editor-asset-rename-form]')
+            : null;
+        const input = form?.querySelector('[data-editor-asset-rename-input]');
+        const name = input?.value.trim() ?? '';
+        if (!asset || !name)
+            return;
+        callbacks.onAssetAction?.({
+            ...createAssetBrowserActionInput('asset.rename', asset),
+            value: name,
+        });
+        closeAssetPreviewModal();
+    });
     assetPickerModal.addEventListener('click', (event) => {
         const target = event.target instanceof HTMLElement ? event.target : null;
         if (target?.closest('[data-editor-asset-picker-close]')) {
@@ -4491,6 +4671,18 @@ export function createLocalEditorBrowserUi(options = {}) {
             return;
         }
     }
+    function createCurrentAssetBrowserActionContext() {
+        const stage = currentState?.prefabStage;
+        if (!stage)
+            return undefined;
+        const selectedItem = findLocalEditorPrefabStageStructureItem(stage, stage.selectedItemId);
+        return {
+            targetPrefabAssetId: stage.assetId,
+            ...(selectedItem?.itemType === 'prefab-node' && selectedItem.nodeId
+                ? { parentNodeId: selectedItem.nodeId }
+                : {}),
+        };
+    }
     assetPanel.addEventListener('click', (event) => {
         const target = event.target instanceof HTMLElement ? event.target : null;
         const tabButton = target?.closest('[data-editor-dock-tab]');
@@ -4524,6 +4716,22 @@ export function createLocalEditorBrowserUi(options = {}) {
             return;
         }
     });
+    assetPanel.addEventListener('dblclick', (event) => {
+        const target = event.target instanceof HTMLElement ? event.target : null;
+        const assetButton = target?.closest('[data-editor-asset-id]');
+        const browserAssetId = assetButton?.dataset.editorAssetId;
+        if (!browserAssetId || !currentState)
+            return;
+        const asset = currentState.assets.find(candidate => candidate.id === browserAssetId);
+        const actionId = asset ? resolveAssetBrowserDoubleClickAction(currentState, asset) : null;
+        if (!asset || !actionId)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        suppressAssetBrowserRevealIfVisible(assetButton);
+        callbacks.onSelectAsset?.(browserAssetId);
+        callbacks.onAssetAction?.(createAssetBrowserActionInput(actionId, asset, createCurrentAssetBrowserActionContext()));
+    });
     assetPanel.addEventListener('contextmenu', (event) => {
         const target = event.target instanceof HTMLElement ? event.target : null;
         const assetButton = target?.closest('[data-editor-asset-id]');
@@ -4550,15 +4758,19 @@ export function createLocalEditorBrowserUi(options = {}) {
                     openAssetMaterialEditorModal(asset);
                     return;
                 }
-                if (item.id === 'asset.edit-prefab') {
-                    callbacks.onAssetAction?.(createAssetBrowserActionInput(item.id, asset));
+                if (item.id === 'asset.rename') {
+                    openAssetRenameModal(asset);
+                    return;
+                }
+                if (item.id === 'asset.edit-prefab' || item.id === 'asset.add-to-current-prefab') {
+                    callbacks.onAssetAction?.(createAssetBrowserActionInput(item.id, asset, createCurrentAssetBrowserActionContext()));
                     return;
                 }
                 if (item.id === 'asset.copy-id') {
                     copyTextToClipboard(doc.defaultView, asset.assetId ?? asset.id);
                     return;
                 }
-                callbacks.onAssetAction?.(createAssetBrowserActionInput(item.id, asset));
+                callbacks.onAssetAction?.(createAssetBrowserActionInput(item.id, asset, createCurrentAssetBrowserActionContext()));
             },
         });
     });
@@ -4582,12 +4794,6 @@ export function createLocalEditorBrowserUi(options = {}) {
     });
     workbench.leftDock.addEventListener('click', (event) => {
         const target = event.target instanceof HTMLElement ? event.target : null;
-        const prefabStageItem = target?.closest('[data-editor-prefab-stage-item]');
-        const prefabStageItemId = prefabStageItem?.dataset.editorPrefabStageItem;
-        if (prefabStageItemId) {
-            callbacks.onSelectPrefabStageItem?.(prefabStageItemId);
-            return;
-        }
         const tabButton = target?.closest('[data-editor-left-dock-tab]');
         const tab = tabButton?.dataset.editorLeftDockTab;
         if (tab === 'hierarchy') {
@@ -4596,15 +4802,6 @@ export function createLocalEditorBrowserUi(options = {}) {
                 render(currentState);
         }
     });
-    workbench.leftDock.addEventListener('input', (event) => {
-        const target = event.target instanceof HTMLElement ? event.target : null;
-        const input = target?.closest('[data-editor-prefab-stage-explorer-search]');
-        if (!input)
-            return;
-        prefabStageExplorerFilter = input.value;
-        if (currentState)
-            render(currentState);
-    });
     const hierarchyController = createLocalEditorHierarchyController({
         doc,
         panel: hierarchyPanel,
@@ -4974,11 +5171,6 @@ export function createLocalEditorBrowserUi(options = {}) {
             closeStaticShadowBakePopover();
             return;
         }
-        if (key === 'escape' && currentState?.prefabStage) {
-            event.preventDefault();
-            callbacks.onExitPrefabStage?.();
-            return;
-        }
         const primaryModifier = event.metaKey || event.ctrlKey;
         const handleDocumentShortcut = inputRouter.shouldHandleDocumentShortcut(event);
         const handleGlobalShortcut = inputRouter.shouldHandleGlobalShortcut(event);
@@ -4995,7 +5187,11 @@ export function createLocalEditorBrowserUi(options = {}) {
             setPrefabComparisonPreviewOpen(!prefabComparisonPreviewOpen);
             return;
         }
-        if (handleDocumentShortcut && localTestActionsEnabled && primaryModifier && key === 's') {
+        if (handleDocumentShortcut
+            && localTestActionsEnabled
+            && isPreviewToolEnabled('local-test')
+            && primaryModifier
+            && key === 's') {
             event.preventDefault();
             callbacks.onSaveScene?.();
             return;
@@ -5027,8 +5223,6 @@ export function createLocalEditorBrowserUi(options = {}) {
         if (!currentState.prefabStage && handleGlobalShortcut && hierarchyController.handleEditShortcut(event)) {
             return;
         }
-        if (currentState.prefabStage)
-            return;
         if (!handleGlobalShortcut || event.metaKey || event.ctrlKey || event.altKey)
             return;
         const toolByKey = {
@@ -5040,20 +5234,24 @@ export function createLocalEditorBrowserUi(options = {}) {
         const tool = toolByKey[key];
         if (tool) {
             event.preventDefault();
-            callbacks.onTransformToolChange?.(tool);
+            if (isPreviewToolEnabled(tool))
+                callbacks.onTransformToolChange?.(tool);
             return;
         }
         if (key === 'f') {
             event.preventDefault();
-            callbacks.onFocusSelection?.();
+            if (isPreviewToolEnabled('focus-selection'))
+                callbacks.onFocusSelection?.();
             return;
         }
         if (key === 'escape') {
             event.preventDefault();
-            if (callbacks.onCancelEditorIntent)
-                callbacks.onCancelEditorIntent();
-            else
-                callbacks.onCancelActiveOperation?.();
+            if (isPreviewToolEnabled('cancel-selection')) {
+                if (callbacks.onCancelEditorIntent)
+                    callbacks.onCancelEditorIntent();
+                else
+                    callbacks.onCancelActiveOperation?.();
+            }
         }
     };
     doc.addEventListener('keydown', onKeyDown);
@@ -5070,12 +5268,23 @@ export function createLocalEditorBrowserUi(options = {}) {
             ? operationState.canAlign
             : operationState.canDistribute;
     }
+    function getPreviewToolSupport(tool) {
+        const inPrefabStage = currentState?.mode === 'editor' && !!currentState.prefabStage;
+        return resolveLocalEditorPreviewToolSupport({ inPrefabStage, tool });
+    }
+    function isPreviewToolVisible(tool) {
+        return currentState?.mode === 'editor' && getPreviewToolSupport(tool).support !== 'hidden';
+    }
+    function isPreviewToolEnabled(tool) {
+        return currentState?.mode === 'editor'
+            && currentState.busy !== true
+            && getPreviewToolSupport(tool).support === 'enabled';
+    }
     function applyPrefabStageWorkbenchLayoutOverride(layout = workbenchLayoutController.getLayout()) {
-        const leftWidth = Math.min(Math.max(layout.leftWidth, 220), 420);
-        const rightWidth = Math.min(Math.max(layout.rightWidth, 300), 520);
+        const { leftWidth, rightWidth, bottomEdge, bottomVisible } = resolveLocalEditorPrefabStageWorkbenchLayout(layout, readLocalEditorWorkbenchViewport(doc));
         workbench.leftDock.style.display = 'flex';
         workbench.leftDock.style.width = `${leftWidth}px`;
-        workbench.leftDock.style.bottom = '0';
+        workbench.leftDock.style.bottom = `${bottomEdge}px`;
         workbench.leftDock.style.zIndex = '';
         workbench.leftDock.style.boxShadow = '';
         workbench.rightDock.style.display = 'flex';
@@ -5084,116 +5293,22 @@ export function createLocalEditorBrowserUi(options = {}) {
         workbench.rightDock.style.boxShadow = '';
         workbench.sceneFrame.style.left = `${leftWidth}px`;
         workbench.sceneFrame.style.right = `${rightWidth}px`;
-        workbench.sceneFrame.style.bottom = '0';
-        workbench.bottomDock.style.display = 'none';
-        workbench.bottomResizer.style.display = 'none';
-        workbench.bottomToggle.style.display = 'none';
+        workbench.sceneFrame.style.bottom = `${bottomEdge}px`;
+        if (bottomVisible) {
+            workbench.bottomDock.style.right = `${rightWidth}px`;
+            workbench.bottomResizer.style.right = `${rightWidth}px`;
+        }
         workbench.leftToggle.style.display = 'none';
         workbench.rightToggle.style.display = 'none';
-        workbench.leftResizer.style.bottom = '0';
+        workbench.leftResizer.style.bottom = `${bottomEdge}px`;
         workbench.rightResizer.style.bottom = '0';
     }
-    function renderPrefabStageStructurePanel(stage) {
-        LocalEditorShared.clearElement(hierarchyPanel);
-        hierarchyPanel.dataset.editorPanelId = 'prefab-explorer';
-        hierarchyPanel.appendChild(createPrefabStagePanelHeader('Prefab Explorer', 'hierarchy'));
-        const search = doc.createElement('input');
-        search.type = 'search';
-        search.dataset.editorPrefabStageExplorerSearch = 'true';
-        search.placeholder = 'Filter';
-        search.value = prefabStageExplorerFilter;
-        search.style.cssText = [
-            'width:calc(100% - 16px)',
-            'height:28px',
-            'margin:6px 8px 8px',
-            'padding:0 8px',
-            'border:1px solid var(--fps-editor-border-strong)',
-            'border-radius:0',
-            'background:var(--fps-editor-input-bg)',
-            'color:var(--fps-editor-text)',
-            'font-size:12px',
-            'font-weight:700',
-            'outline:none',
-        ].join(';');
-        hierarchyPanel.appendChild(search);
-        if (stage.importStructureReady === false) {
-            const loading = doc.createElement('div');
-            loading.textContent = 'Loading import structure...';
-            loading.style.cssText = 'padding:0 8px 8px;color:var(--fps-editor-muted);font-size:11px;font-weight:800';
-            hierarchyPanel.appendChild(loading);
-        }
-        const list = doc.createElement('div');
-        list.style.cssText = 'display:flex;flex-direction:column;gap:1px';
-        const visibleItems = filterLocalEditorPrefabStageStructureItems(stage.structureItems, prefabStageExplorerFilter);
-        const renderItem = (item, depth) => {
-            const button = doc.createElement('button');
-            button.type = 'button';
-            button.dataset.editorPrefabStageItem = item.id;
-            const selected = stage.selectedItemId === item.id;
-            const icon = isLocalEditorIconName(item.icon)
-                ? item.icon
-                : item.kind === 'root'
-                    ? 'prefab'
-                    : item.kind === 'source'
-                        ? 'asset'
-                        : item.kind === 'material'
-                            ? 'material-slot'
-                            : item.kind === 'texture'
-                                ? 'asset'
-                                : item.kind === 'animation'
-                                    ? 'execute'
-                                    : item.kind === 'group'
-                                        ? 'group'
-                                        : 'object';
-            button.style.cssText = [
-                'width:100%',
-                'min-height:26px',
-                'display:flex',
-                'align-items:center',
-                'gap:6px',
-                `padding:3px 8px 3px ${8 + depth * 16}px`,
-                `border:1px solid ${selected ? 'var(--fps-editor-accent)' : 'transparent'}`,
-                'border-radius:0',
-                `background:${selected ? 'var(--fps-editor-row-selected)' : 'transparent'}`,
-                `color:${selected ? 'var(--fps-editor-row-selected-text)' : 'var(--fps-editor-text)'}`,
-                'font-size:12px',
-                'font-weight:800',
-                'text-align:left',
-                'cursor:pointer',
-                'overflow:hidden',
-            ].join(';');
-            button.appendChild(createLocalEditorIcon(doc, icon, { size: 14 }));
-            const label = doc.createElement('span');
-            label.textContent = item.label;
-            label.style.cssText = 'min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1';
-            button.appendChild(label);
-            if (item.readonly === true) {
-                const readonlyBadge = doc.createElement('span');
-                readonlyBadge.textContent = 'READONLY';
-                readonlyBadge.style.cssText = [
-                    'flex:0 0 auto',
-                    'padding:1px 4px',
-                    'border-radius:2px',
-                    'background:var(--fps-editor-chip-bg)',
-                    'color:var(--fps-editor-muted-strong)',
-                    'font-size:9px',
-                    'font-weight:900',
-                ].join(';');
-                button.appendChild(readonlyBadge);
-            }
-            list.appendChild(button);
-            for (const child of item.children ?? [])
-                renderItem(child, depth + 1);
+    function readLocalEditorWorkbenchViewport(docRef) {
+        const win = docRef.defaultView;
+        return {
+            width: Math.max(320, win?.innerWidth ?? docRef.documentElement.clientWidth ?? 1280),
+            height: Math.max(320, win?.innerHeight ?? docRef.documentElement.clientHeight ?? 720),
         };
-        for (const item of visibleItems)
-            renderItem(item, 0);
-        if (visibleItems.length === 0) {
-            const empty = doc.createElement('div');
-            empty.textContent = prefabStageExplorerFilter.trim() ? 'No matching items.' : 'No structure available.';
-            empty.style.cssText = 'padding:8px;color:var(--fps-editor-muted);font-size:12px;font-weight:800';
-            list.appendChild(empty);
-        }
-        hierarchyPanel.appendChild(list);
     }
     function renderPrefabStagePropertiesPanel(stage) {
         inspectorPanel.dataset.editorPanelId = 'prefab-properties';
@@ -5382,6 +5497,13 @@ export function createLocalEditorBrowserUi(options = {}) {
         editorStatusButton.style.borderColor = state.statusTone == null || state.statusTone === 'default'
             ? 'var(--fps-editor-border)'
             : statusToneColor;
+        const agentBridgeStatusColor = resolveAgentBridgeStatusToneColor(state.agentBridge);
+        agentBridgeStatusButton.style.display = inEditor ? 'inline-flex' : 'none';
+        agentBridgeStatusButton.style.color = agentBridgeStatusColor;
+        agentBridgeStatusButton.style.borderColor = state.agentBridge?.status === 'disabled'
+            ? 'var(--fps-editor-border)'
+            : agentBridgeStatusColor;
+        setToolbarButtonTooltip(agentBridgeStatusButton, createAgentBridgeStatusTooltip(state.agentBridge));
         renderCoordinateAxesOverlay(coordinateAxesOverlay, inEditor ? state.coordinateAxes ?? null : null);
         renderSceneFrameRateOverlay(sceneFrameRateOverlay, inEditor && !inPrefabStage ? state.sceneFrameStats ?? null : null);
         renderPerformanceMonitorOverlay(performanceMonitorOverlay, inEditor && !inPrefabStage ? state.performanceStats ?? null : null, inEditor && !inPrefabStage && performanceMonitorOpen);
@@ -5443,9 +5565,7 @@ export function createLocalEditorBrowserUi(options = {}) {
         const disabled = state.busy;
         const prefabStage = inEditor ? state.prefabStage ?? null : null;
         const inPrefabStage = !!prefabStage;
-        if (!inPrefabStage || previousState?.prefabStage?.assetId !== prefabStage.assetId) {
-            prefabStageExplorerFilter = '';
-        }
+        const previousInPrefabStage = previousState?.mode === 'editor' && !!previousState.prefabStage;
         if (!inEditor || disabled)
             contextMenu.close();
         hostChrome.style.display = !inEditor && localTestActionsEnabled ? 'flex' : 'none';
@@ -5454,9 +5574,9 @@ export function createLocalEditorBrowserUi(options = {}) {
             button.style.display = 'inline-flex';
             button.disabled = disabled;
         }
-        localTestGroup.style.display = inEditor && !inPrefabStage && localTestActionsEnabled ? 'flex' : 'none';
-        localTestButton.disabled = disabled;
-        if (!inEditor || !localTestActionsEnabled)
+        localTestGroup.style.display = isPreviewToolVisible('local-test') && localTestActionsEnabled ? 'flex' : 'none';
+        localTestButton.disabled = !isPreviewToolEnabled('local-test') || !localTestActionsEnabled;
+        if (!inEditor || !localTestActionsEnabled || localTestGroup.style.display === 'none')
             closeLocalTestMenu();
         if (!inEditor)
             helpOpen = false;
@@ -5478,6 +5598,14 @@ export function createLocalEditorBrowserUi(options = {}) {
         sceneTitle.textContent = createLocalEditorPrefabStageTitle(prefabStage);
         sceneToolOverlay.style.display = inEditor ? 'flex' : 'none';
         prefabStageBackButton.style.display = inPrefabStage ? 'inline-flex' : 'none';
+        if (inPrefabStage && !previousInPrefabStage) {
+            prefabStageMainWorkbenchLayoutSnapshot = workbenchLayoutController.getLayout();
+            workbenchLayoutController.setBottomCollapsed(false);
+        }
+        else if (!inPrefabStage && previousInPrefabStage && prefabStageMainWorkbenchLayoutSnapshot) {
+            workbenchLayoutController.setLayout(prefabStageMainWorkbenchLayoutSnapshot, true);
+            prefabStageMainWorkbenchLayoutSnapshot = null;
+        }
         workbench.leftToggle.style.display = '';
         workbench.rightToggle.style.display = '';
         workbench.bottomToggle.style.display = '';
@@ -5495,34 +5623,40 @@ export function createLocalEditorBrowserUi(options = {}) {
         if (!inEditor)
             closeStaticShadowBakePopover();
         const staticShadowBakeAction = findLocalEditorRenderingAction(state.renderingPanel, STATIC_SHADOW_BAKE_ACTION_ID);
-        const staticShadowBakeVisible = inEditor && !inPrefabStage && !!staticShadowBakeAction;
+        const staticShadowBakeVisible = isPreviewToolVisible('static-shadow-bake') && !!staticShadowBakeAction;
         staticShadowBakeGroup.style.display = staticShadowBakeVisible ? 'flex' : 'none';
-        const staticShadowBakeDisabled = disabled || !staticShadowBakeAction || staticShadowBakeAction.action.disabled === true;
+        const staticShadowBakeSupport = getPreviewToolSupport('static-shadow-bake');
+        const staticShadowBakeDisabled = !isPreviewToolEnabled('static-shadow-bake') || !staticShadowBakeAction || staticShadowBakeAction.action.disabled === true;
         staticShadowBakeButton.disabled = staticShadowBakeDisabled;
         staticShadowBakeButton.style.opacity = staticShadowBakeDisabled ? '0.62' : '1';
         staticShadowBakeButton.style.cursor = staticShadowBakeDisabled ? 'not-allowed' : 'pointer';
         const staticShadowBakeIcon = staticShadowBakeAction?.action.icon;
         setToolbarButtonIcon(doc, staticShadowBakeButton, isLocalEditorIconName(staticShadowBakeIcon) ? staticShadowBakeIcon : 'save');
-        setToolbarButtonTooltip(staticShadowBakeButton, staticShadowBakeAction?.action.tooltip ?? staticShadowBakeAction?.action.label ?? '烘焙静态阴影');
+        setToolbarButtonTooltip(staticShadowBakeButton, staticShadowBakeSupport.support === 'enabled'
+            ? staticShadowBakeAction?.action.tooltip ?? staticShadowBakeAction?.action.label ?? '烘焙静态阴影'
+            : staticShadowBakeSupport.reason);
         LocalEditorShared.applyButtonActiveState(staticShadowBakeButton, !!staticShadowBakeAction?.system?.progress);
         renderStaticShadowBakePopover(state);
         const sceneCameraPreview = state.sceneCameraPreview ?? { enabled: false, available: false };
-        cameraPreviewGroup.style.display = inEditor && !inPrefabStage ? 'flex' : 'none';
-        sceneCameraButton.disabled = disabled || !sceneCameraPreview.available;
+        cameraPreviewGroup.style.display = isPreviewToolVisible('scene-camera-preview') ? 'flex' : 'none';
+        const sceneCameraPreviewSupport = getPreviewToolSupport('scene-camera-preview');
+        sceneCameraButton.disabled = !isPreviewToolEnabled('scene-camera-preview') || !sceneCameraPreview.available;
         const sceneCameraTooltip = sceneCameraPreview.available
             ? '从 Main Camera 查看当前场景'
             : '当前场景没有可预览的 Main Camera';
-        setToolbarButtonTooltip(sceneCameraButton, sceneCameraTooltip);
+        setToolbarButtonTooltip(sceneCameraButton, sceneCameraPreviewSupport.support === 'enabled'
+            ? sceneCameraTooltip
+            : sceneCameraPreviewSupport.reason);
         LocalEditorShared.applyButtonActiveState(sceneCameraButton, sceneCameraPreview.enabled);
         const viewportTools = state.viewportTools ?? null;
-        const viewportControlsDisabled = disabled || sceneCameraPreview.enabled;
+        const viewportControlsDisabled = !isPreviewToolEnabled('viewport-camera') || sceneCameraPreview.enabled;
         const viewportControlsTooltip = sceneCameraPreview.enabled
             ? '当前为 Main Camera 预览，请关闭后再使用视口工具'
             : '';
         const viewportProjectionTooltip = sceneCameraPreview.enabled
             ? '当前为 Main Camera 预览，投影由 Main Camera 决定；关闭预览后可切换编辑视口投影'
             : '';
-        viewportToolsGroup.style.display = inEditor ? 'flex' : 'none';
+        viewportToolsGroup.style.display = isPreviewToolVisible('viewport-camera') ? 'flex' : 'none';
         for (const [preset, button] of viewportPresetButtons) {
             button.disabled = viewportControlsDisabled;
             setToolbarButtonTooltip(button, viewportControlsTooltip || VIEW_PRESET_TOOLTIPS[preset]);
@@ -5538,12 +5672,12 @@ export function createLocalEditorBrowserUi(options = {}) {
         markerVisibilityButton.disabled = disabled;
         setToolbarButtonTooltip(markerVisibilityButton, markersVisible ? '隐藏标记与关系线' : '显示标记与关系线');
         LocalEditorShared.applyButtonActiveState(markerVisibilityButton, markersVisible);
-        overlaySettingsButton.disabled = disabled;
+        overlaySettingsButton.disabled = !isPreviewToolEnabled('spatial-overlay');
         setToolbarButtonTooltip(overlaySettingsButton, '视口信息层设置');
         LocalEditorShared.applyButtonActiveState(overlaySettingsButton, overlaySettingsOpen);
         const overlaySettings = viewportTools?.overlay;
         for (const [key, input] of overlayInputs) {
-            input.disabled = disabled;
+            input.disabled = !isPreviewToolEnabled('spatial-overlay');
             input.checked = overlaySettings?.[key] ?? false;
         }
         measureButton.disabled = viewportControlsDisabled;
@@ -5559,27 +5693,33 @@ export function createLocalEditorBrowserUi(options = {}) {
         if (!inEditor || disabled || viewportToolsGroup.style.display === 'none')
             closeOverlaySettingsPopover();
         const gridState = state.grid ?? { visible: false, available: false };
-        performanceMonitorButton.style.display = inPrefabStage ? 'none' : 'inline-flex';
-        performanceMonitorButton.disabled = disabled || inPrefabStage;
-        setToolbarButtonTooltip(performanceMonitorButton, performanceMonitorOpen ? '隐藏性能监控' : '显示性能监控');
+        performanceMonitorButton.style.display = isPreviewToolVisible('performance-monitor') ? 'inline-flex' : 'none';
+        performanceMonitorButton.disabled = !isPreviewToolEnabled('performance-monitor');
+        const performanceMonitorSupport = getPreviewToolSupport('performance-monitor');
+        setToolbarButtonTooltip(performanceMonitorButton, performanceMonitorSupport.support === 'enabled'
+            ? performanceMonitorOpen ? '隐藏性能监控' : '显示性能监控'
+            : performanceMonitorSupport.reason);
         LocalEditorShared.applyButtonActiveState(performanceMonitorButton, performanceMonitorOpen);
-        prefabComparisonPreviewButton.style.display = inPrefabStage ? 'inline-flex' : 'none';
-        prefabComparisonPreviewButton.disabled = disabled || !inPrefabStage;
-        setToolbarButtonTooltip(prefabComparisonPreviewButton, prefabComparisonPreviewOpen
-            ? '隐藏对比预览 (Shift+P)'
-            : '显示对比预览 (Shift+P)');
+        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 = inEditor && !inPrefabStage ? 'flex' : 'none';
-        spaceGroup.style.display = inEditor && !inPrefabStage ? 'flex' : 'none';
+        toolGroup.style.display = isPreviewToolVisible('select') ? 'flex' : 'none';
+        spaceGroup.style.display = isPreviewToolVisible('transform-space') ? 'flex' : 'none';
         for (const [tool, button] of toolButtons) {
-            button.disabled = disabled;
+            button.disabled = !isPreviewToolEnabled(tool);
             LocalEditorShared.applyButtonActiveState(button, transformTool?.activeTool === tool);
         }
         for (const [space, button] of Object.entries(spaceButtons)) {
-            button.disabled = disabled;
+            button.disabled = !isPreviewToolEnabled('transform-space');
             LocalEditorShared.applyButtonActiveState(button, transformTool?.activeSpace === space);
         }
         sceneHelpButton.disabled = disabled;
@@ -5591,38 +5731,38 @@ export function createLocalEditorBrowserUi(options = {}) {
             canDistribute: false,
         };
         const operationSettings = transformOperations.settings;
-        snapGroup.style.display = inEditor && !inPrefabStage ? 'flex' : 'none';
-        snapButton.disabled = disabled;
-        snapEnabledInput.disabled = disabled;
+        snapGroup.style.display = isPreviewToolVisible('snap') ? 'flex' : 'none';
+        snapButton.disabled = !isPreviewToolEnabled('snap');
+        snapEnabledInput.disabled = !isPreviewToolEnabled('snap');
         snapEnabledInput.checked = operationSettings.snap.enabled;
         LocalEditorShared.applyButtonActiveState(snapButton, operationSettings.snap.enabled || snapSettingsOpen);
         setToolbarButtonTooltip(snapButton, `吸附设置 · 位移 ${formatSnapStepInputValue(operationSettings.snap, 'move')} · 旋转 ${formatSnapStepInputValue(operationSettings.snap, 'rotate')}° · 缩放 ${formatSnapStepInputValue(operationSettings.snap, 'scale')}`);
         for (const [kind, input] of snapStepInputs) {
-            input.disabled = disabled;
+            input.disabled = !isPreviewToolEnabled('snap');
             if (doc.activeElement !== input)
                 input.value = formatSnapStepInputValue(operationSettings.snap, kind);
         }
         if (!inEditor || disabled || snapGroup.style.display === 'none')
             closeSnapSettingsPopover();
-        placementGroup.style.display = inEditor && !inPrefabStage ? 'flex' : 'none';
-        placementButton.disabled = disabled;
+        placementGroup.style.display = isPreviewToolVisible('placement') ? 'flex' : 'none';
+        placementButton.disabled = !isPreviewToolEnabled('placement');
         setToolbarButtonIcon(doc, placementButton, PLACEMENT_MODE_ICONS[operationSettings.placementMode]);
         setToolbarButtonTooltip(placementButton, `放置模式 · ${PLACEMENT_MODE_DESCRIPTIONS[operationSettings.placementMode]}`);
         LocalEditorShared.applyButtonActiveState(placementButton, operationSettings.placementMode !== 'off' || placementSettingsOpen);
         for (const [mode, button] of Object.entries(placementButtons)) {
-            button.disabled = disabled;
+            button.disabled = !isPreviewToolEnabled('placement');
             LocalEditorShared.applyButtonActiveState(button, operationSettings.placementMode === mode);
         }
         if (!inEditor || disabled || placementGroup.style.display === 'none')
             closePlacementSettingsPopover();
-        actionGroup.style.display = inEditor && !inPrefabStage ? 'flex' : 'none';
+        actionGroup.style.display = isPreviewToolVisible('transform-actions') ? 'flex' : 'none';
         const hasTransformAction = transformOperations.canAlign || transformOperations.canDistribute;
-        transformActionButton.disabled = disabled || !hasTransformAction;
+        transformActionButton.disabled = !isPreviewToolEnabled('transform-actions') || !hasTransformAction;
         setToolbarButtonTooltip(transformActionButton, hasTransformAction ? '对齐与分布' : '选择至少 2 个对象后可用');
         LocalEditorShared.applyButtonActiveState(transformActionButton, transformActionOpen);
         for (const [action, button] of transformActionButtons) {
             const enabled = isTransformActionEnabled(action, transformOperations);
-            button.disabled = disabled || !enabled;
+            button.disabled = !isPreviewToolEnabled('transform-actions') || !enabled;
             button.style.opacity = button.disabled ? '0.45' : '1';
             button.style.cursor = button.disabled ? 'not-allowed' : 'pointer';
         }
@@ -5645,12 +5785,32 @@ export function createLocalEditorBrowserUi(options = {}) {
                 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;
             renderingPanel.style.display = rightDockVisibility.renderingDisplay;
-            renderPrefabStageStructurePanel(prefabStage);
+            hierarchyController.render(state);
             renderPrefabStagePropertiesPanel(prefabStage);
+            LocalEditorPanels.renderWorkbenchBottomDockPanel(doc, assetPanel, state, activeBottomTab, panelRegistry.getPanels('bottom'), assetBrowserTab);
+            if (activeBottomTab === 'assets' && !assetBrowserTabChanged && !bottomDockTabChanged) {
+                assetBrowserViewportReveal.restoreScrollSnapshot(assetBrowserScrollSnapshot);
+            }
+            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;
+            lastRenderedSelectedAssetId = state.selectedAssetId ?? null;
             restoreLocalEditorEditableFocus(doc, focusSnapshot);
             return;
         }