# Sub-Agent 2A: Admin Finance + Inventory

## Objective
Convert 8 Pencil design files into Blazor Server pages for Finance and Inventory 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/`:

### Inventory (4 files)
1. `inventory-dashboard.pen` → `Pages/Admin/Inventory/InventoryDashboard.razor`
2. `purchase-orders.pen` → `Pages/Admin/Inventory/PurchaseOrders.razor`
3. `stock-transfer.pen` → `Pages/Admin/Inventory/StockTransfer.razor`
4. `supplier-management.pen` → `Pages/Admin/Inventory/SupplierManagement.razor`

### Finance (4 files)
5. `financial-overview.pen` → `Pages/Admin/Finance/FinancialOverview.razor`
6. `revenue-analytics.pen` → `Pages/Admin/Finance/RevenueAnalytics.razor`
7. `expense-management.pen` → `Pages/Admin/Finance/ExpenseManagement.razor`
8. `tax-configuration.pen` → `Pages/Admin/Finance/TaxConfiguration.razor`

## Route Definitions
```
@page "/admin/inventory"           → InventoryDashboard
@page "/admin/inventory/orders"    → PurchaseOrders
@page "/admin/inventory/transfers" → StockTransfer
@page "/admin/inventory/suppliers" → SupplierManagement
@page "/admin/finance"             → FinancialOverview
@page "/admin/finance/revenue"     → RevenueAnalytics
@page "/admin/finance/expenses"    → ExpenseManagement
@page "/admin/finance/tax"         → TaxConfiguration
```

## Pattern Reference & .pen Reading
Same as Agent 1A/1B.

## Output Files
- 8 `.razor` files
- Update locale files with Admin_Inventory_* and Admin_Finance_* keys
- New CSS classes in `admin.css` if needed

---

# Sub-Agent 2B: Admin Customer + System

## Objective
Convert 7 Pencil design files into Blazor Server pages.

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

### Customer (3 files)
1. `customer-database.pen` → `Pages/Admin/Customers/CustomerDatabase.razor`
2. `customer-feedback.pen` → `Pages/Admin/Customers/CustomerFeedback.razor`
3. `loyalty-program.pen` → `Pages/Admin/Customers/LoyaltyProgram.razor`

### System (4 files)
4. `device-management.pen` → `Pages/Admin/System/DeviceManagement.razor`
5. `integration-hub.pen` → `Pages/Admin/System/IntegrationHub.razor`
6. `notification-center.pen` → `Pages/Admin/System/NotificationCenter.razor`
7. `audit-log.pen` → `Pages/Admin/System/AuditLog.razor`

## Route Definitions
```
@page "/admin/customers"           → CustomerDatabase
@page "/admin/customers/feedback"  → CustomerFeedback
@page "/admin/loyalty"             → LoyaltyProgram
@page "/admin/devices"             → DeviceManagement
@page "/admin/integrations"        → IntegrationHub
@page "/admin/notifications"       → NotificationCenter
@page "/admin/audit"               → AuditLog
```

---

# Sub-Agent 2C: POS Screens + Payment

## Objective
Convert 33 Pencil design files into Blazor Server pages for POS module.

## Tech Stack
- Inherit from `PosBase` at `Pages/Pos/PosBase.cs`
- Use `@layout PosLayout` (at `Layout/PosLayout.razor`)
- Styling: `pos.css` tokens with BEM `.pos-{component}--{variant}`
- All other conventions same as Admin agents

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

### Screens (22 files)
`screens/login.pen`, `screens/quick-sale.pen`, `screens/settings.pen`,
`screens/shift-management.pen`, `screens/clock-in-out.pen`,
`screens/device-setup.pen`, `screens/offline-mode.pen`,
`screens/password-reset.pen`, `screens/pin-entry.pen`,
`screens/pending-orders.pen`, `screens/promo-active.pen`,
`screens/staff-list.pen`, `screens/staff-schedule.pen`,
`screens/stock-count.pen`, `screens/theme-customization.pen`,
`screens/training-mode.pen`, `screens/accessibility.pen`,
`screens/backup-restore.pen`, `screens/biometric-setup.pen`,
`screens/cash-drawer.pen`, `screens/commission-setup.pen`,
`screens/customer-group.pen`

### Payment (11 files)
`payment/method-select.pen`, `payment/cash.pen`, `payment/card.pen`,
`payment/qr.pen`, `payment/bank-transfer.pen`, `payment/gift-card.pen`,
`payment/partial-payment.pen`, `payment/tip-entry.pen`,
`payment/payment-pending.pen`, `payment/receipt.pen`, `payment/success.pen`

## Route Definitions
POS screens: `/pos/{screen-name}` (e.g., `/pos/quick-sale`, `/pos/settings`)
Payment: `/pos/payment/{method}` (e.g., `/pos/payment/cash`, `/pos/payment/card`)

## Output
- 22 POS screen `.razor` files in `Pages/Pos/`
- 11 Payment `.razor` files in `Pages/Pos/Payment/`
- Shared POS components in `Components/Pos/` if reusable patterns emerge
- Locale keys: Pos_*, Pos_Payment_*
