# Sub-Agent 1B: Admin Staff + Products

## Objective
Convert 11 Pencil design files into Blazor Server pages for Staff and Products modules.

## Tech Stack
Same as Agent 1A — Blazor Server, MudBlazor, admin.css tokens, Lucide icons, IStringLocalizer.
- Inherit from `AdminBase`, use `@layout AdminLayout`

## Design Files (Input)
Read from `pencil-design/src/pages/tPOS/admin/`:

### Staff (6 files)
1. `staff-directory.pen` → `Pages/Admin/Staff/StaffDirectory.razor`
2. `staff-create.pen` → `Pages/Admin/Staff/StaffCreate.razor`
3. `staff-schedule.pen` → `Pages/Admin/Staff/StaffSchedule.razor`
4. `attendance-dashboard.pen` → `Pages/Admin/Staff/AttendanceDashboard.razor`
5. `payroll-commission.pen` → `Pages/Admin/Staff/PayrollCommission.razor`
6. `role-permissions.pen` → `Pages/Admin/Staff/RolePermissions.razor`

### Products (5 files)
7. `product-catalog.pen` → `Pages/Admin/Products/ProductCatalog.razor`
8. `product-create.pen` → `Pages/Admin/Products/ProductCreate.razor`
9. `menu-builder.pen` → `Pages/Admin/Products/MenuBuilder.razor`
10. `modifier-groups.pen` → `Pages/Admin/Products/ModifierGroups.razor`
11. `pricing-rules.pen` → `Pages/Admin/Products/PricingRules.razor`

## Route Definitions
```
@page "/admin/staff"                → StaffDirectory
@page "/admin/staff/create"         → StaffCreate
@page "/admin/staff/schedule"       → StaffSchedule
@page "/admin/staff/attendance"     → AttendanceDashboard
@page "/admin/staff/payroll"        → PayrollCommission
@page "/admin/roles"                → RolePermissions
@page "/admin/products"             → ProductCatalog
@page "/admin/products/create"      → ProductCreate
@page "/admin/menu"                 → MenuBuilder
@page "/admin/products/modifiers"   → ModifierGroups
@page "/admin/products/pricing"     → PricingRules
```

## Pattern Reference
Same as Agent 1A — see `Pages/Auth/LoginCustomer.razor` for pattern.

## How to Read .pen Files
Same as Agent 1A — JSON with frames, text, icon_font, variables.

## Output Files
- 11 `.razor` files in respective folders
- Update locale files with Admin_Staff_* and Admin_Products_* keys
- Any new CSS classes added to `admin.css`
