diff --git a/frontend/packages/inspector/index.html b/frontend/packages/inspector/index.html
index a7bb27e..83e52f5 100644
--- a/frontend/packages/inspector/index.html
+++ b/frontend/packages/inspector/index.html
@@ -477,13 +477,14 @@
border: 1px solid transparent;
color: var(--text);
text-align: left;
- padding: 6px 8px;
+ padding: 6px;
border-radius: 6px;
font-size: 12px;
cursor: pointer;
transition: all var(--transition);
display: flex;
align-items: center;
+ justify-content: space-between;
gap: 8px;
}
@@ -496,6 +497,13 @@
color: rgba(255, 255, 255, 0.6);
}
+ .agent-option-left {
+ display: flex;
+ flex-direction: column;
+ gap: 2px;
+ min-width: 0;
+ }
+
.agent-option-name {
white-space: nowrap;
}
@@ -509,6 +517,7 @@
.agent-badge.installed {
color: var(--muted);
+ flex-shrink: 0;
}
.agent-badge.version {
diff --git a/frontend/packages/inspector/src/components/SessionSidebar.tsx b/frontend/packages/inspector/src/components/SessionSidebar.tsx
index 42f2640..913b7c7 100644
--- a/frontend/packages/inspector/src/components/SessionSidebar.tsx
+++ b/frontend/packages/inspector/src/components/SessionSidebar.tsx
@@ -81,9 +81,11 @@ const SessionSidebar = ({
setShowMenu(false);
}}
>
- {agentLabels[agent.id] ?? agent.id}
+
+ {agentLabels[agent.id] ?? agent.id}
+ {agent.version && v{agent.version}}
+
{agent.installed && Installed}
- {agent.version && v{agent.version}}
))}
diff --git a/frontend/packages/inspector/src/components/chat/ChatPanel.tsx b/frontend/packages/inspector/src/components/chat/ChatPanel.tsx
index 2586f63..44345b8 100644
--- a/frontend/packages/inspector/src/components/chat/ChatPanel.tsx
+++ b/frontend/packages/inspector/src/components/chat/ChatPanel.tsx
@@ -201,9 +201,11 @@ const ChatPanel = ({
setShowAgentMenu(false);
}}
>
- {agentLabels[agent.id] ?? agent.id}
+
+ {agentLabels[agent.id] ?? agent.id}
+ {agent.version && v{agent.version}}
+
{agent.installed && Installed}
- {agent.version && v{agent.version}}
))}
diff --git a/frontend/packages/inspector/src/components/debug/EventsTab.tsx b/frontend/packages/inspector/src/components/debug/EventsTab.tsx
index 9c8b0c8..6b4e6e7 100644
--- a/frontend/packages/inspector/src/components/debug/EventsTab.tsx
+++ b/frontend/packages/inspector/src/components/debug/EventsTab.tsx
@@ -1,4 +1,4 @@
-import { ChevronDown, ChevronRight, Copy, Check } from "lucide-react";
+import { ChevronDown, ChevronRight } from "lucide-react";
import { useEffect, useState } from "react";
import type { UniversalEvent } from "sandbox-agent";
import { formatJson, formatTime } from "../../utils/format";
@@ -52,7 +52,6 @@ const EventsTab = ({
disabled={events.length === 0}
title="Copy all events as JSON"
>
- {copied ? : }
{copied ? "Copied" : "Copy"}