diff --git a/CLAUDE.md b/CLAUDE.md
index d2086efa..fb29c31c 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -54,6 +54,7 @@ npm install && npm run dev
- `GET /api/spending/*` - Summary, monthly, categories, transactions
## Common Issues
+0. Always document non-obvious logic changes with comments
1. Use unique keys in v-for (not `index`) - use `sku`, `month`, etc.
2. Validate dates before `.getMonth()` calls
3. Update Pydantic models when changing JSON data structure
diff --git a/client/src/App.vue b/client/src/App.vue
index c2da05a5..19511597 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -22,8 +22,11 @@
| {{ t('orders.table.orderNumber') }} | +{{ t('restocking.items') }} | +{{ t('restocking.status') }} | +{{ t('restocking.orderDate') }} | +{{ t('restocking.expectedDelivery') }} | +{{ t('restocking.leadTime') }} | +{{ t('restocking.totalValue') }} | +
|---|---|---|---|---|---|---|
| {{ order.order_number }} | +{{ order.items.length }} {{ t('common.items') }} | ++ + {{ t(`status.${order.status.toLowerCase()}`) }} + + | +{{ formatDate(order.order_date) }} | +{{ formatDate(order.expected_delivery) }} | +{{ calculateLeadTime(order.order_date, order.expected_delivery) }} {{ t('restocking.days') }} | +{{ currencySymbol }}{{ order.total_value.toLocaleString() }} | +
View quarterly performance metrics and monthly trends
+{{ t('reports.description') }}
| Quarter | -Total Orders | -Total Revenue | -Avg Order Value | -Fulfillment Rate | +{{ t('reports.quarter') }} | +{{ t('reports.totalOrders') }} | +{{ t('reports.totalRevenue') }} | +{{ t('reports.avgOrderValue') }} | +{{ t('reports.fulfillmentRate') }} |
|---|---|---|---|---|---|---|---|---|---|
| {{ q.quarter }} | {{ q.total_orders }} | -${{ formatNumber(q.total_revenue) }} | -${{ formatNumber(q.avg_order_value) }} | +{{ currencySymbol }}{{ formatNumber(q.total_revenue) }} | +{{ currencySymbol }}{{ formatNumber(q.avg_order_value) }} |
{{ q.fulfillment_rate }}%
@@ -44,16 +44,16 @@
-
Monthly Revenue Trend+{{ t('reports.monthlyRevenueTrend') }} |