# Sub-Agent 4: Admin Onboarding Wizard

## Objective
Convert 6 Pencil onboarding files into a multi-step wizard flow.

## Tech Stack
Same Admin conventions — inherit `AdminBase`, use `@layout AdminLayout`, `admin.css`.

## Design Files (Input)
Read from `pencil-design/src/pages/tPOS/admin/`:
1. `onboarding-business.pen` → Step 1: Business info
2. `onboarding-store.pen` → Step 2: Store setup
3. `onboarding-products.pen` → Step 3: Product catalog
4. `onboarding-staff.pen` → Step 4: Staff setup
5. `onboarding-device.pen` → Step 5: Device pairing
6. `onboarding-ready.pen` → Step 6: Ready to go!

## Route Definitions
```
@page "/admin/onboarding"        → OnboardingWizard.razor (all steps)
@page "/admin/onboarding/{Step}" → Same component, step parameter
```

## Implementation Notes
- Create a SINGLE `OnboardingWizard.razor` with step navigation
- Use MudStepper or custom stepper component
- Each step renders content based on `{Step}` parameter
- Include progress indicator, back/next buttons
- Final step: celebration + redirect to `/admin`

## Output
- `Pages/Admin/Onboarding/OnboardingWizard.razor`
- `Components/Admin/OnboardingStep.razor` (reusable step wrapper)
- Locale keys: Admin_Onboarding_*
- Wire up the route from the admin layout's sidebar
