>skeehn

agent-status

Agent state indicator

AIagent-status.css

Installation

$npx skeehn add agent-status

Preview

idle
thinking
acting
done
error
Analyzing code...

Props

PropTypeDefaultDescription
status'idle' | 'thinking' | 'acting' | 'done' | 'error'Current agent status (required)
labelstringstatus nameOverride label text

Usage

agent-status.tsx
1import { AgentStatus } from '@skeehn/react';23export function AgentHeader() {4  return (5    <div className="flex items-center gap-4">6      <h2>Claude Agent</h2>7      <AgentStatus status="thinking" label="Analyzing code..." />8    </div>9  );10}