# Akefin Mobile — UI Kit

A pixel-faithful recreation of the **Akefin mobile app** (iOS-focused; Android renders identically with platform chrome substitutions). For the on-the-go review case.

## Screens

1. **Review queue** — compact stack of staged transactions, swipeable. Tap to review.
2. **Transaction detail** — full-screen card with payee, amount, AI suggestion, account picker, ledger preview, **Approve / Override / Skip**.
3. **Account picker** — sheet with fuzzy search + MRU + hierarchical browse.
4. **Import status** — recent runs and totals.
5. **Ledger** — per-entity account balances summary.

## Files

| File | Purpose |
|---|---|
| `index.html` | Live prototype — three iPhone frames side-by-side showing the main screens |
| `MobileApp.jsx` | Stateful navigation between screens |
| `MobileScreens.jsx` | All five screens (Queue, Detail, Picker, Import, Ledger) |
| `MobileAtoms.jsx` | Mobile-tuned chips/badges (slightly larger touch targets) |
| `ios-frame.jsx` | Starter iOS device frame |

## Caveats

Recreated from the brief. Iterate.