<!-- source-hash: 3b10940f9d91c7107c1ed331709d076d -->
Displays an AI processing status badge with optional confidence scoring, rendering a sparkles icon alongside state-aware labels and color theming for idle, loading, success, and error states.

## Key Components

- **`AIStatus`** — Union type: `'idle' | 'loading' | 'success' | 'error'`
- **`AIStatusIndicatorProps`** — Props interface accepting `status`, `confidence` (0–100), `message`, `showConfidence`, and `className`
- **`statusConfig`** — Internal map of per-state colors, backgrounds, and default labels
- **`AIStatusIndicator`** — Main exported component; animates the sparkles icon on `loading`, applies confidence-based color classes on `success`, and renders a bordered confidence badge when `showConfidence` is true

## Usage Example

```typescript
import { AIStatusIndicator } from './AIStatusIndicator'

// Loading state
<AIStatusIndicator status="loading" />

// Success with confidence score
<AIStatusIndicator
  status="success"
  confidence={87}
  showConfidence={true}
/>

// Success with custom message and no confidence badge
<AIStatusIndicator
  status="success"
  confidence={52}
  message="Analysis complete"
  showConfidence={false}
/>

// Error with custom message
<AIStatusIndicator
  status="error"
  message="Enrichment failed"
  className="mt-2"
/>
```

## Notes

- Confidence badge (bordered pill) only renders when `status === 'success'` and `showConfidence` is `true`
- Color classes for icon and label defer to `getConfidenceTextClass` on success, otherwise fall back to `statusConfig[status].color`
- The sparkles icon pulses via `animate-pulse` during `loading`
- Styling relies on ODS design tokens (e.g., `text-ods-flamingo-cyan`, `bg-ods-success/10`) and the shared `cn` utility

## Source

[`AIStatusIndicator.tsx` on GitHub](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/AIStatusIndicator.tsx)