From 15b17223c279ac263dbf71b08450b3921ba66f16 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Thu, 2 Apr 2026 23:25:29 +0200
Subject: [PATCH] Update ViewportPanel component for quad layout and active
 badge display

---
 src/viewport-three/ViewportPanel.tsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/viewport-three/ViewportPanel.tsx b/src/viewport-three/ViewportPanel.tsx
index cb79c25e..6da68093 100644
--- a/src/viewport-three/ViewportPanel.tsx
+++ b/src/viewport-three/ViewportPanel.tsx
@@ -77,18 +77,18 @@ export function ViewportPanel({
       onFocusCapture={() => onActivatePanel(panelId)}
     >
       <div className="viewport-panel__header">
-        <div className="viewport-panel__meta">
-          <div className="viewport-panel__title-row">
-            <div className="viewport-panel__title">{getViewportPanelLabel(panelId)}</div>
-            {isActive ? <div className="viewport-panel__active-badge">Active</div> : null}
-          </div>
-          {layoutMode === "quad" ? null : (
-            <div className="viewport-panel__subtitle">
-              {getViewportViewModeLabel(panelState.viewMode)} / {getViewportDisplayModeLabel(panelState.displayMode)}
+        {layoutMode === "quad" ? (
+          <div className="viewport-panel__meta">
+            <div className="viewport-panel__title-row">
+              <div className="viewport-panel__title">{getViewportPanelLabel(panelId)}</div>
+              {isActive ? (
+                <div className="viewport-panel__active-badge" data-testid="viewport-active-panel">
+                  {getViewportPanelLabel(panelId)} Active
+                </div>
+              ) : null}
             </div>
-          )}
-        </div>
-
+          </div>
+        ) : null}
         <div className="viewport-panel__controls">
           <div className="viewport-panel__control-group" role="group" aria-label={`${getViewportPanelLabel(panelId)} view mode`}>
             {VIEWPORT_VIEW_MODES.map((viewMode) => (