status — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited status (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
Status banner with optional sub-steps — typically used to show tool / agent progress inside a streaming response (similar to "Searching the web…" / "Reading file…" patterns). Reads theme.status from ChatContext (or falls back to default).
import { MessageStatus, MessageStatusItem, StatusIcon } from 'reachat';
import type { MessageStatusState, MessageStatusStep } from 'reachat';type MessageStatusState = 'loading' | 'complete' | 'error';
interface MessageStatusStep {
id: string;
text: string;
status?: MessageStatusState; // default 'loading'
}| Prop | Type | Default | Description |
|---|---|---|---|
text | string | — | Main status text (required) |
status | MessageStatusState | 'loading' | Drives the icon and text color |
steps | MessageStatusStep[] | — | Optional ordered sub-steps |
icon | ReactNode | derived | Custom icon — overrides the default StatusIcon |
className | string | — | Class for the container |
children | ReactNode | — | Override the entire body (Radix Slot) |
Animations: enter / exit fade + 10px slide via Framer Motion.
<MessageStatus
status="loading"
text="Searching the web"
steps={[
{ id: '1', text: 'Querying index', status: 'complete' },
{ id: '2', text: 'Reading top results', status: 'loading' },
{ id: '3', text: 'Drafting summary' }
]}
/>When the run completes:
<MessageStatus
status="complete"
text="Found 12 results"
steps={steps.map(s => ({ ...s, status: 'complete' }))}
/>Renders one row of steps — used internally by MessageStatus. Exposed for custom layouts.
| Prop | Type | Default | Description |
|---|---|---|---|
step | MessageStatusStep | — | The step to render |
Status-aware icon. Renders different SVGs for loading (spinner), complete (check), error (cross).
| Prop | Type | Default | Description |
|---|---|---|---|
state | MessageStatusState | — | Which icon to render |
className | string | — | Outer class (e.g. for size) |
colorClassName | string | — | Color classes (typically theme.status.icon[state]) |
theme.status.{base, header}
theme.status.icon.{base, loading, complete, error}
theme.status.text.{base, loading, complete, error}
theme.status.steps.base
theme.status.steps.step.{base, icon, text, loading, complete, error}~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.