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

feat: show mock agent hint bubble in empty state

Browse source
This commit is contained in:
Nathan Flurry 2026-01-27 21:32:56 -08:00
parent 02c9201bda
commit 50b5289e47
11 changed files with 186 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/packages/inspector/src/components/agents/CapabilityBadges.tsx
View file

@ -3,6 +3,7 @@ import {
Activity,
AlertTriangle,
Brain,
CircleDot,
Download,
FileDiff,
Gauge,
@ -35,7 +36,8 @@ const badges = [
{ key: "commandExecution", label: "Commands", icon: Terminal },
{ key: "fileChanges", label: "File Changes", icon: FileDiff },
{ key: "mcpTools", label: "MCP", icon: Plug },
{ key: "streamingDeltas", label: "Deltas", icon: Activity }
{ key: "streamingDeltas", label: "Deltas", icon: Activity },
{ key: "itemStarted", label: "Item Start", icon: CircleDot }
] as const;
type BadgeItem = (typeof badges)[number];

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

@ -22,6 +22,7 @@ const ChatPanel = ({
agentsLoading,
agentsError,
messagesEndRef,
agentId,
agentLabel,
agentMode,
permissionMode,
@ -63,6 +64,7 @@ const ChatPanel = ({
agentsLoading: boolean;
agentsError: string | null;
messagesEndRef: React.RefObject<HTMLDivElement>;
agentId: string;
agentLabel: string;
agentMode: string;
permissionMode: string;
@ -230,6 +232,11 @@ const ChatPanel = ({
<Terminal className="empty-state-icon" />
<div className="empty-state-title">Ready to Chat</div>
<p className="empty-state-text">Send a message to start a conversation with the agent.</p>
{agentId === "mock" && (
<div className="mock-agent-hint">
The mock agent simulates agent responses for testing the inspector UI without requiring API credentials. Send <code>help</code> for available commands.
</div>
)}
</div>
) : (
<ChatMessages