Agent activity
Searching the workspace
Scanning files and relevant context.
18 files scanned
00:00
Mugen Agent Pulse
A semantic animated status surface for search, work, connection, composition, and completion states, powered by a lightweight canvas orb rather than a generic spinner.
Dependencies
Interaction Types
Express meaningful active states instead of ambiguous loading
Canvas orb animation pauses offscreen and respects reduced motion
Settle naturally into a completion state
How to use
import { MugenAgentPulse } from "@/components/mugen-agent-pulse";
export default function Demo() {
return <MugenAgentPulse state="searching" label="Searching the workspace" />;
}Component Props
| Prop | Type | Default | Description |
|---|---|---|---|
| state | MugenAgentPulseState | "working" | Active, paused, complete, error, or cancelled state |
| label | string | state-specific label | Primary status copy |
| detail | string | state-specific detail | Supporting status copy |
| meta | string | — | Optional contextual metadata |
| elapsed | string | — | Truthful elapsed-time label |
| progress | number | — | Determinate progress from 0 to 100 |
| variant | "compact" | "panel" | "compact" | Surface density and layout |
| onAction | () => void | — | Optional pause, retry, or cancel callback |
| actionLabel | string | "Cancel task" | Label of the action button |