Status bar component showing the current agent and streaming state.

Renders a horizontal bar with a status indicator, agent name, and optional description or status message. The background color adapts to the active agent’s color scheme.

The status indicator (colored dot) pulses with animation during streaming (green) and shows the agent’s brand color when idle. A “typing…” label appears next to the agent name during streaming activity.

Useful for headers or footers in chat interfaces to provide persistent visibility of the active agent and its current state.

Example

<AgentStatusBar
  activeAgent={{ id: 'code', name: 'Code Assistant', description: 'Helps with programming' }}
  isStreaming={isStreaming}
/>

function AgentStatusBar(props: AgentStatusBarProps): React.ReactElement

Parameters

props