harivansh-afk/sandbox-agent
1
0
Fork 0
mirror of https://github.com/harivansh-afk/sandbox-agent.git synced 2026-04-16 12:03:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: remove copy icon, reduce padding, reposition badges in dropdown

Browse source
This commit is contained in:
Nathan Flurry 2026-01-27 20:42:45 -08:00
parent d85f55a75b
commit d30ddc24f2
8 changed files with 246 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

11
frontend/packages/inspector/index.html
View file

@ -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 {

6
frontend/packages/inspector/src/components/SessionSidebar.tsx
View file

@ -81,9 +81,11 @@ const SessionSidebar = ({
setShowMenu(false);
}}
>
<span className="agent-option-name">{agentLabels[agent.id] ?? agent.id}</span>
<div className="agent-option-left">
<span className="agent-option-name">{agentLabels[agent.id] ?? agent.id}</span>
{agent.version && <span className="agent-badge version">v{agent.version}</span>}
</div>
{agent.installed && <span className="agent-badge installed">Installed</span>}
{agent.version && <span className="agent-badge version">v{agent.version}</span>}
</button>
))}
</div>

6
frontend/packages/inspector/src/components/chat/ChatPanel.tsx
View file

@ -201,9 +201,11 @@ const ChatPanel = ({
setShowAgentMenu(false);
}}
>
<span className="agent-option-name">{agentLabels[agent.id] ?? agent.id}</span>
<div className="agent-option-left">
<span className="agent-option-name">{agentLabels[agent.id] ?? agent.id}</span>
{agent.version && <span className="agent-badge version">v{agent.version}</span>}
</div>
{agent.installed && <span className="agent-badge installed">Installed</span>}
{agent.version && <span className="agent-badge version">v{agent.version}</span>}
</button>
))}
</div>

3
frontend/packages/inspector/src/components/debug/EventsTab.tsx
View file

@ -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 ? <Check size={14} /> : <Copy size={14} />}
{copied ? "Copied" : "Copy"}
</button>
<button className="button ghost small" onClick={onClear}>