From 19f561de52c516d332e43915f7bd0e0f84b84b1a Mon Sep 17 00:00:00 2001
From: Nathan Flurry <git@nathanflurry.com>
Date: Tue, 27 Jan 2026 19:53:37 -0800
Subject: [PATCH] refactor: move agent version from setup row to session header

---
 frontend/packages/inspector/index.html              |  6 ++++++
 .../inspector/src/components/chat/ChatPanel.tsx     |  9 ++++++---
 .../inspector/src/components/chat/ChatSetup.tsx     | 13 -------------
 3 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/frontend/packages/inspector/index.html b/frontend/packages/inspector/index.html
index f71abe1..b4ada94 100644
--- a/frontend/packages/inspector/index.html
+++ b/frontend/packages/inspector/index.html
@@ -623,6 +623,12 @@
         border-radius: 999px;
       }
 
+      .session-agent-version {
+        font-weight: 500;
+        opacity: 0.7;
+        margin-left: 4px;
+      }
+
       .panel-header-right {
         display: flex;
         align-items: center;
diff --git a/frontend/packages/inspector/src/components/chat/ChatPanel.tsx b/frontend/packages/inspector/src/components/chat/ChatPanel.tsx
index d5b9418..e088d58 100644
--- a/frontend/packages/inspector/src/components/chat/ChatPanel.tsx
+++ b/frontend/packages/inspector/src/components/chat/ChatPanel.tsx
@@ -123,7 +123,12 @@ const ChatPanel = ({
           <MessageSquare className="button-icon" />
           <span className="panel-title">{sessionId ? "Session" : "No Session"}</span>
           {sessionId && <span className="session-id-display">{sessionId}</span>}
-          {sessionId && <span className="session-agent-display">{agentLabel}</span>}
+          {sessionId && (
+            <span className="session-agent-display">
+              {agentLabel}
+              {currentAgentVersion && <span className="session-agent-version">v{currentAgentVersion}</span>}
+            </span>
+          )}
         </div>
         <div className="panel-header-right">
           <div className="setup-stream">
@@ -244,13 +249,11 @@ const ChatPanel = ({
       />
 
       <ChatSetup
-        agentLabel={agentLabel}
         agentMode={agentMode}
         permissionMode={permissionMode}
         model={model}
         variant={variant}
         activeModes={activeModes}
-        currentAgentVersion={currentAgentVersion}
         modesLoading={modesLoading}
         modesError={modesError}
         onAgentModeChange={onAgentModeChange}
diff --git a/frontend/packages/inspector/src/components/chat/ChatSetup.tsx b/frontend/packages/inspector/src/components/chat/ChatSetup.tsx
index 0a0eb97..fe50ba4 100644
--- a/frontend/packages/inspector/src/components/chat/ChatSetup.tsx
+++ b/frontend/packages/inspector/src/components/chat/ChatSetup.tsx
@@ -1,13 +1,11 @@
 import type { AgentModeInfo } from "sandbox-agent";
 
 const ChatSetup = ({
-  agentLabel,
   agentMode,
   permissionMode,
   model,
   variant,
   activeModes,
-  currentAgentVersion,
   hasSession,
   modesLoading,
   modesError,
@@ -16,13 +14,11 @@ const ChatSetup = ({
   onModelChange,
   onVariantChange
 }: {
-  agentLabel: string;
   agentMode: string;
   permissionMode: string;
   model: string;
   variant: string;
   activeModes: AgentModeInfo[];
-  currentAgentVersion?: string | null;
   hasSession: boolean;
   modesLoading: boolean;
   modesError: string | null;
@@ -31,9 +27,6 @@ const ChatSetup = ({
   onModelChange: (value: string) => void;
   onVariantChange: (value: string) => void;
 }) => {
-  const agentVersionLabel = currentAgentVersion
-    ? `${agentLabel} v${currentAgentVersion}`
-    : agentLabel;
   return (
     <div className="setup-row">
       <select
@@ -87,12 +80,6 @@ const ChatSetup = ({
         title="Variant"
         disabled={!hasSession}
       />
-
-      {hasSession && (
-        <span className="setup-version" title="Session agent">
-          {agentVersionLabel}
-        </span>
-      )}
     </div>
   );
 };