# Low-Fi Wireframes - QRIS Soundbox Platform v1

## 1. Admin Dashboard Overview
```text
+------------------------------------------------------------------------------------------------+
| Sidebar | Topbar: Search | Date | Alerts | Profile                                             |
|---------+--------------------------------------------------------------------------------------|
| Overview| KPI: Merchant | Device Online | Tx Today | Success Rate | Pending Settlement       |
| Merchant|--------------------------------------------------------------------------------------|
| Outlet  | Tx Trend Chart                     | Device Health Chart                               |
| Device  |------------------------------------+---------------------------------------------------|
| Tx      | Pending Onboarding Table           | Alerts / Incident Rail                            |
| Ledger  |--------------------------------------------------------------------------------------|
| Settle  | Latest Transactions Table                                                         |
| Recon   |--------------------------------------------------------------------------------------|
| Audit   | Failed Notifications Table                                                       |
+------------------------------------------------------------------------------------------------+
```

## 2. Merchant Detail
```text
+------------------------------------------------------------------------------------------------+
| Header: Merchant Name | Status | Fee Profile | Settlement Status | Actions                         |
|------------------------------------------------------------------------------------------------|
| Summary Cards: GMV | Tx Count | Active Outlet | Active Device | Pending Settlement              |
|------------------------------------------------------------------------------------------------|
| Tabs: Profile | Outlets | Terminals | Devices | Transactions | Settlements | Audit              |
|------------------------------------------------------------------------------------------------|
| Content Area                                                                                |
+------------------------------------------------------------------------------------------------+
```

## 3. Device Detail
```text
+------------------------------------------------------------------------------------------------+
| Header: Device ID | Vendor/Model | Online Status | Last Seen | Actions                          |
|------------------------------------------------------------------------------------------------|
| Cards: Merchant Binding | Firmware | Comm Mode | Capability Profile | Heartbeat Health             |
|------------------------------------------------------------------------------------------------|
| Tabs: Overview | Heartbeat | Config | Commands | Notifications | Binding History                |
|------------------------------------------------------------------------------------------------|
| Content Area                                                                                |
+------------------------------------------------------------------------------------------------+
```

## 4. Transaction Detail
```text
+------------------------------------------------------------------------------------------------+
| Header: Tx ID | Amount | Status | Merchant | Device | Partner Ref                                |
|------------------------------------------------------------------------------------------------|
| Timeline: Created -> QR Generated -> Paid -> Notified -> Settled                              |
|------------------------------------------------------------------------------------------------|
| Left: Summary / Callback Payload / Partner Response                                            |
| Right: Ledger Impact / Notification Delivery / Device Ack                                      |
+------------------------------------------------------------------------------------------------+
```

## 5. Settlement Batch List
```text
+------------------------------------------------------------------------------------------------+
| Filters: Period | Status | Merchant | Export                                                  |
|------------------------------------------------------------------------------------------------|
| Table: Batch ID | Period | Merchant Count | Gross | Fee | Net | Status | Action               |
+------------------------------------------------------------------------------------------------+
```

## 6. Merchant Portal Dashboard
```text
+------------------------------------------------------------------------------------------------+
| Sidebar | Topbar: Date | Profile                                                            |
|---------+--------------------------------------------------------------------------------------|
| Home    | KPI: Tx Today | Settlement Pending | Active Devices | Success Rate                |
| Tx      |--------------------------------------------------------------------------------------|
| Settle  | Recent Transactions Table                                                           |
| Device  |--------------------------------------------------------------------------------------|
| Outlet  | Recent Settlements Table                                                            |
| Profile |--------------------------------------------------------------------------------------|
| Support | Device Status Mini Panel                                                            |
+------------------------------------------------------------------------------------------------+
```

## 7. Dynamic Device UI
```text
+-------------------------------------------+
| Merchant Name                             |
|-------------------------------------------|
| Input Nominal                             |
| [ 50.000 ]                                |
|                                           |
| [Buat QR]                                 |
|-------------------------------------------|
| Status / hint text                        |
+-------------------------------------------+
```

```text
+-------------------------------------------+
| Merchant Name                             |
|-------------------------------------------|
|              [ QR IMAGE ]                 |
|                                           |
| Nominal: Rp50.000                         |
| Expired in: 04:12                         |
|                                           |
| Menunggu pembayaran...                    |
+-------------------------------------------+
```

```text
+-------------------------------------------+
| Pembayaran diterima                       |
|                                           |
| Rp50.000                                  |
|                                           |
| Referensi: TX-20260523-001               |
|                                           |
| Terima kasih                              |
+-------------------------------------------+
```