From f1714a4c2a1946416779d2bbf657756aac8cabc2 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Thu, 2 Apr 2026 23:02:12 +0200
Subject: [PATCH] Add overlay text to ViewportCanvas

---
 src/viewport-three/ViewportCanvas.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/viewport-three/ViewportCanvas.tsx b/src/viewport-three/ViewportCanvas.tsx
index c8a512b7..803c677c 100644
--- a/src/viewport-three/ViewportCanvas.tsx
+++ b/src/viewport-three/ViewportCanvas.tsx
@@ -10,7 +10,7 @@ import { DEFAULT_BOX_BRUSH_CENTER, DEFAULT_BOX_BRUSH_SIZE } from "../document/br
 import type { SceneDocument } from "../document/scene-document";
 import type { WorldSettings } from "../document/world-settings";
 import { createWorldBackgroundStyle } from "../shared-ui/world-background-style";
-import { getViewportPanelLabel, type ViewportDisplayMode, type ViewportPanelId } from "./viewport-layout";
+import { getViewportPanelLabel, type ViewportDisplayMode, type ViewportLayoutMode, type ViewportPanelId } from "./viewport-layout";
 import {
   getViewportViewModeControlHint,
   getViewportViewModeGridPlaneLabel,
@@ -186,6 +186,8 @@ export function ViewportCanvas({
     hostRef.current?.focusSelection(sceneDocument, focusSelection);
   }, [focusRequestId, focusSelection, sceneDocument]);
 
+  const overlayText = getViewportOverlayText(toolMode, viewMode, displayMode, layoutMode);
+
   return (
     <div
       ref={containerRef}
@@ -209,9 +211,7 @@ export function ViewportCanvas({
             {displayMode === "authoring" ? "Authoring" : "Lit"}
           </div>
         </div>
-        {getViewportOverlayText(toolMode, viewMode, displayMode, layoutMode) === null ? null : (
-          <div className="viewport-canvas__overlay-text">{getViewportOverlayText(toolMode, viewMode, displayMode, layoutMode)}</div>
-        )}
+        {overlayText === null ? null : <div className="viewport-canvas__overlay-text">{overlayText}</div>}
         {toolMode !== "box-create" || toolPreview.kind !== "box-create" || toolPreview.center === null ? null : (
           <div className="viewport-canvas__overlay-preview" data-testid={`viewport-snap-preview-${panelId}`}>
             Preview: {formatVec3(toolPreview.center)}