From d30ddc24f259ddb5e809f97a5e88bc485b63c152 Mon Sep 17 00:00:00 2001 From: Nathan Flurry Date: Tue, 27 Jan 2026 20:42:45 -0800 Subject: [PATCH] fix: remove copy icon, reduce padding, reposition badges in dropdown --- frontend/packages/inspector/index.html | 11 +- .../src/components/SessionSidebar.tsx | 6 +- .../src/components/chat/ChatPanel.tsx | 6 +- .../src/components/debug/EventsTab.tsx | 3 +- .../tests/agent-flows/agent_multi_turn.rs | 61 --------- .../sandbox-agent/tests/sessions/mod.rs | 1 + .../tests/sessions/multi_turn.rs | 128 ++++++++++++++++++ ...sert_session_snapshot@multi_turn_mock.snap | 98 ++++++++++++++ 8 files changed, 246 insertions(+), 68 deletions(-) create mode 100644 server/packages/sandbox-agent/tests/sessions/multi_turn.rs create mode 100644 server/packages/sandbox-agent/tests/sessions/snapshots/sessions__sessions__multi_turn__assert_session_snapshot@multi_turn_mock.snap 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"}