feat: show mock agent hint bubble in empty state

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

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