# E-commerce Operations Desk

Today's snapshot for your storefront.

<Card title="Today at a glance">
<Columns>
<Stat label="Orders placed today" value="147" change="+12% vs yesterday" icon="shopping-bag" tone="info" />
<Stat label="Revenue today" value="$12,480" change="+8.4% vs yesterday" icon="currency-dollar" tone="success" />
<Stat label="Average order value" value="$84.90" change="-2.1% vs yesterday" icon="chart-line" />
<Stat label="Refund rate this month" value="3.2%" change="0.4 pts below target" icon="arrow-counter-clockwise" tone="warning" />
</Columns>
</Card>

<Card title="Order volume — past four weeks">
<Chart type="bar" x="Week" y="Orders">
| Week | Orders |
|---|---|
| Week 1 | 892 |
| Week 2 | 1,034 |
| Week 3 | 1,118 |
| Week 4 | 1,247 |
</Chart>
</Card>

<Card title="Recent orders" subtitle="Filter by status or search by customer name">
<Tabs>
<Tab title="All orders">
<Input label="Search by customer name" name="search" placeholder="e.g. Sarah Johnson" type="search" />
<Select label="Filter by status" name="status-filter" placeholder="All statuses" options="All statuses | Pending | Paid | Shipped | Fulfilled | Refunded" />
| Order ID | Customer | Total | Status | Action |
|---|---|---|---|---|
| #10482 | Sarah Johnson | $129.00 | Pending | <Button size="small" variant="primary">Mark fulfilled</Button> |
| #10481 | Miguel Alvarez | $54.50 | Paid | <Button size="small" variant="primary">Mark fulfilled</Button> |
| #10480 | Emily Chen | $210.75 | Shipped | <Button size="small" variant="secondary">Mark fulfilled</Button> |
| #10479 | James O'Connor | $89.99 | Pending | <Button size="small" variant="primary">Mark fulfilled</Button> |
| #10478 | Priya Sharma | $45.20 | Refunded | <Badge tone="warning">Refunded</Badge> |
| #10477 | David Kim | $320.00 | Paid | <Button size="small" variant="primary">Mark fulfilled</Button> |
| #10476 | Anna Kowalski | $67.80 | Fulfilled | <Badge tone="success">Fulfilled</Badge> |
</Card>

<Tab title="Pending">
| Order ID | Customer | Total | Status | Action |
|---|---|---|---|---|
| #10482 | Sarah Johnson | $129.00 | Pending | <Button size="small" variant="primary">Mark fulfilled</Button> |
| #10479 | James O'Connor | $89.99 | Pending | <Button size="small" variant="primary">Mark fulfilled</Button> |
| #10474 | Lena Fischer | $152.30 | Pending | <Button size="small" variant="primary">Mark fulfilled</Button> |
</Card>

<Tab title="Paid">
| Order ID | Customer | Total | Status | Action |
|---|---|---|---|---|
| #10481 | Miguel Alvarez | $54.50 | Paid | <Button size="small" variant="primary">Mark fulfilled</Button> |
| #10478 | Priya Sharma | $45.20 | Paid | <Button size="small" variant="primary">Mark fulfilled</Button> |
| #10475 | Tom Becker | $198.40 | Paid | <Button size="small" variant="primary">Mark fulfilled</Button> |
</Card>

<Tab title="Shipped">
| Order ID | Customer | Total | Status | Action |
|---|---|---|---|---|
| #10480 | Emily Chen | $210.75 | Shipped | <Button size="small" variant="secondary">Mark fulfilled</Button> |
| #10473 | Omar Haddad | $76.10 | Shipped | <Button size="small" variant="secondary">Mark fulfilled</Button> |
</Card>

<Tab title="Fulfilled">
| Order ID | Customer | Total | Status |
|---|---|---|---|
| #10476 | Anna Kowalski | $67.80 | <Badge tone="success">Fulfilled</Badge> |
| #10472 | Grace Liu | $112.45 | <Badge tone="success">Fulfilled</Badge> |
</Card>

<Tab title="Refunded">
| Order ID | Customer | Total | Status |
|---|---|---|---|
| #10478 | Priya Sharma | $45.20 | <Badge tone="warning">Refunded</Badge> |
| #10471 | Robert Taylor | $230.00 | <Badge tone="warning">Refunded</Badge> |
</Card>
</Tabs>

<Callout tone="info" title="Fulfillment">
Select **Mark fulfilled** on any order to update its status. Fulfilled orders move to the "Fulfilled" tab automatically.
</Callout>
</Card>

<Card title="Refund rate this month">
<Progress value="3.2" max="5" label="3.2% of orders refunded (target: 4% max)" tone="info" />
<Columns>
<Stat label="Total orders" value="1,247" icon="receipt" />
<Stat label="Refunded orders" value="40" icon="arrow-counter-clockwise" tone="warning" />
</Columns>
</Card>

<FollowUps>
- Show today's orders by hour
- Which products have the highest refund rate?
- Export the recent orders list as CSV
</FollowUps>