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

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

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>

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>

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}>