From 933e76b529f8811b7c789eb09bc1f59fe95c3e91 Mon Sep 17 00:00:00 2001
From: Christian Geier <christian.geier@prokube.ai>
Date: Wed, 4 Mar 2026 17:34:01 +0100
Subject: [PATCH 1/2] feat: make agent name clickable to open agent picker
 (closes #31)

---
 app-prefixable/src/components/session-info.tsx | 9 +++++++--
 app-prefixable/src/pages/session.tsx           | 1 +
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/app-prefixable/src/components/session-info.tsx b/app-prefixable/src/components/session-info.tsx
index 16adcf1..0f1c5a3 100644
--- a/app-prefixable/src/components/session-info.tsx
+++ b/app-prefixable/src/components/session-info.tsx
@@ -9,6 +9,7 @@ interface SessionInfoProps {
   loading: () => boolean
   processing: () => boolean
   onAbort: () => void
+  onAgentClick?: () => void
 }
 
 export function SessionInfo(props: SessionInfoProps) {
@@ -99,12 +100,16 @@ export function SessionInfo(props: SessionInfoProps) {
     <div class="flex items-center gap-3 px-4 py-1.5 text-xs flex-wrap" style={{ color: "var(--text-weak)" }}>
       {/* Agent */}
       <Show when={providers.selectedAgent}>
-        <span class="flex items-center gap-1 shrink-0">
+        <button
+          type="button"
+          class="flex items-center gap-1 shrink-0 hover:opacity-80 cursor-pointer"
+          onClick={() => props.onAgentClick?.()}
+        >
           <span class="opacity-60">Agent:</span>
           <span class="capitalize" style={{ color: "var(--text-base)" }}>
             {providers.selectedAgent}
           </span>
-        </span>
+        </button>
       </Show>
 
       {/* Model */}
diff --git a/app-prefixable/src/pages/session.tsx b/app-prefixable/src/pages/session.tsx
index 6553f91..50f60ae 100644
--- a/app-prefixable/src/pages/session.tsx
+++ b/app-prefixable/src/pages/session.tsx
@@ -1376,6 +1376,7 @@ export function Session() {
                   loading={loading}
                   processing={processing}
                   onAbort={handleAbort}
+                  onAgentClick={() => setShowAgentPicker(true)}
                 />
               </div>
             </form>

From 4ba81362b5677b23de6c462d90b3f93b8b48d857 Mon Sep 17 00:00:00 2001
From: Christian Geier <christian.geier@prokube.ai>
Date: Wed, 4 Mar 2026 17:47:28 +0100
Subject: [PATCH 2/2] fix: make onAgentClick required in SessionInfoProps

---
 app-prefixable/src/components/session-info.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app-prefixable/src/components/session-info.tsx b/app-prefixable/src/components/session-info.tsx
index 0f1c5a3..71e9850 100644
--- a/app-prefixable/src/components/session-info.tsx
+++ b/app-prefixable/src/components/session-info.tsx
@@ -9,7 +9,7 @@ interface SessionInfoProps {
   loading: () => boolean
   processing: () => boolean
   onAbort: () => void
-  onAgentClick?: () => void
+  onAgentClick: () => void
 }
 
 export function SessionInfo(props: SessionInfoProps) {
@@ -103,7 +103,7 @@ export function SessionInfo(props: SessionInfoProps) {
         <button
           type="button"
           class="flex items-center gap-1 shrink-0 hover:opacity-80 cursor-pointer"
-          onClick={() => props.onAgentClick?.()}
+          onClick={() => props.onAgentClick()}
         >
           <span class="opacity-60">Agent:</span>
           <span class="capitalize" style={{ color: "var(--text-base)" }}>