From 02c9201bdae9c8656f4fc485e9047d235158edf9 Mon Sep 17 00:00:00 2001
From: Nathan Flurry <git@nathanflurry.com>
Date: Tue, 27 Jan 2026 21:09:23 -0800
Subject: [PATCH] fix: add dropdown spacing, use friendly agent names in
 session list

---
 frontend/packages/inspector/index.html                        | 4 ++--
 frontend/packages/inspector/src/components/SessionSidebar.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/packages/inspector/index.html b/frontend/packages/inspector/index.html
index a527d32..2fd0b9d 100644
--- a/frontend/packages/inspector/index.html
+++ b/frontend/packages/inspector/index.html
@@ -458,7 +458,7 @@
 
       .sidebar-add-menu {
         position: absolute;
-        top: 30px;
+        top: 36px;
         left: 0;
         min-width: 200px;
         background: var(--surface);
@@ -732,7 +732,7 @@
         top: 100%;
         left: 50%;
         transform: translateX(-50%);
-        margin-top: 4px;
+        margin-top: 8px;
         min-width: 200px;
         background: var(--surface);
         border: 1px solid var(--border-2);
diff --git a/frontend/packages/inspector/src/components/SessionSidebar.tsx b/frontend/packages/inspector/src/components/SessionSidebar.tsx
index 913b7c7..4d2a172 100644
--- a/frontend/packages/inspector/src/components/SessionSidebar.tsx
+++ b/frontend/packages/inspector/src/components/SessionSidebar.tsx
@@ -110,7 +110,7 @@ const SessionSidebar = ({
             >
               <div className="session-item-id">{session.sessionId}</div>
               <div className="session-item-meta">
-                <span className="session-item-agent">{session.agent}</span>
+                <span className="session-item-agent">{agentLabels[session.agent] ?? session.agent}</span>
                 <span className="session-item-events">{session.eventCount} events</span>
                 {session.ended && <span className="session-item-ended">ended</span>}
               </div>