diff --git a/src/app/App.tsx b/src/app/App.tsx index 02019327..1dc214b4 100644 --- a/src/app/App.tsx +++ b/src/app/App.tsx @@ -730,7 +730,11 @@ function formatAdvancedRenderingToneMappingLabel(mode: AdvancedRenderingToneMapp export function App({ store, initialStatusMessage }: AppProps) { const editorState = useEditorStoreState(store); const brushList = Object.values(editorState.document.brushes); - const viewMode = editorState.viewportViewMode; + const layoutMode = editorState.viewportLayoutMode; + const activePanelId = editorState.activeViewportPanelId; + const activePanelState = editorState.viewportPanels[activePanelId]; + const activePanelLabel = getViewportPanelLabel(activePanelId); + const activePanelDisplaySummary = `${getViewportViewModeLabel(activePanelState.viewMode)} / ${getViewportDisplayModeLabel(activePanelState.displayMode)}`; const entityList = getEntityInstances(editorState.document.entities); const entityDisplayList = getSortedEntityDisplayLabels(editorState.document.entities, editorState.document.assets); const primaryPlayerStart = getPrimaryPlayerStartEntity(editorState.document.entities); @@ -875,8 +879,9 @@ export function App({ store, initialStatusMessage }: AppProps) { const [loadedModelAssets, setLoadedModelAssets] = useState>({}); const [loadedImageAssets, setLoadedImageAssets] = useState>({}); const [loadedAudioAssets, setLoadedAudioAssets] = useState>({}); - const [focusRequest, setFocusRequest] = useState<{ id: number; selection: EditorSelection }>({ + const [focusRequest, setFocusRequest] = useState<{ id: number; selection: EditorSelection; panelId: ViewportPanelId }>({ id: 0, + panelId: "topLeft", selection: { kind: "none" }