# E-Commerce Operations Desk

<Card title="Today's Performance" subtitle="Real-time metrics">
<Columns>
<Stat label="Orders Placed Today" value="247" change="+12% vs yesterday" tone="success" icon="shopping-cart" />
<Stat label="Revenue Today" value="$18,420" change="+8% vs yesterday" tone="info" icon="currency-usd" />
<Stat label="Average Order Value" value="$74.57" change="-2% vs last week" tone="neutral" icon="calculator" />
<Stat label="Refund Rate This Month" value="3.2%" change="-0.4pp vs last month" tone="success" icon="arrow-down" />
</Columns>
</Card>

<Card title="Filters & Search">
<Columns>
<Select label="Filter by Status" placeholder="All statuses" options="All | Pending | Processing | Shipped | Delivered | Cancelled | Refunded" name="status-filter" />
<Input label="Search Customer" placeholder="Search by customer name or email" type="search" name="customer-search" hint="Type to filter orders in real-time" />
</Columns>
</Card>

<Card title="Recent Orders" subtitle="Click Fulfill to mark an order as fulfilled">
| Order ID | Customer | Total | Status | Actions |
|---|---|---|---|---|
| #ORD-2024-001247 | Sarah Mitchell | $142.50 | Processing | <Button variant="primary" size="small">Fulfill</Button> |
| #ORD-2024-001246 | James Chen | $89.99 | Pending | <Button variant="secondary" size="small">Fulfill</Button> |
| #ORD-2024-001245 | Maria Rodriguez | $215.00 | Shipped | <Badge tone="info">Shipped</Badge> |
| #ORD-2024-001244 | David Park | $56.75 | Delivered | <Badge tone="success">Delivered</Badge> |
| #ORD-2024-001243 | Lisa Thompson | $198.25 | Processing | <Button variant="primary" size="small">Fulfill</Button> |
| #ORD-2024-001242 | Robert Kim | $34.99 | Cancelled | <Badge tone="danger">Cancelled</Badge> |
| #ORD-2024-001241 | Amanda Foster | $267.80 | Processing | <Button variant="primary" size="small">Fulfill</Button> |
| #ORD-2024-001240 | Kevin Walsh | $112.45 | Refunded | <Badge tone="warning">Refunded</Badge> |
| #ORD-2024-001239 | Nicole Brown | $78.60 | Shipped | <Badge tone="info">Shipped</Badge> |
| #ORD-2024-001238 | Thomas Anderson | $154.30 | Pending | <Button variant="secondary" size="small">Fulfill</Button> |
</Card>

<Card title="Order Volume — Past 4 Weeks" subtitle="Weekly order count trend">
<Chart type="bar" x="Week" y="Orders">
| Week | Orders |
|---|---|
| Week 1 (Oct 28 – Nov 3) | 1,240 |
| Week 2 (Nov 4 – Nov 10) | 1,480 |
| Week 3 (Nov 11 – Nov 17) | 1,620 |
| Week 4 (Nov 18 – Nov 24) | 1,730 |
</Chart>
</Card>

<Card title="Refund Rate Detail" subtitle="Monthly refund breakdown">
<Columns>
<Stat label="Total Orders This Month" value="6,070" tone="neutral" icon="list-numbers" />
<Stat label="Refunded Orders" value="194" tone="warning" icon="arrow-return-left" />
<Stat label="Refund Amount" value="$14,820" tone="danger" icon="currency-usd" />
<Stat label="Avg Refund Value" value="$76.39" tone="info" icon="calculator" />
</Columns>
</Card>

<FollowUps>
- Show me orders needing attention (pending > 24h)
- Export today's orders to CSV
- View customer lifetime value for top buyers
- Set up low-inventory alerts for bestsellers
</FollowUps>