F-148 — Architect

Feature

Admin: sales dashboard and channel views.

Background

F-146 implementó ReportingService (summary + sales endpoints). F-147 creó la shell admin (filters, KPI grid, dataAvailability). F-148 presenta los datos reales en un dashboard con tendencias, desglose por canal y ranking de tiendas/terminales.

Objetivo

Dashboard /reporting/dashboard con:
- Tendencias de ventas (bar chart por día/semana)
- Desglose por canal (ecommerce vs POS vs admin)
- Top tiendas por ventas
- Top terminales POS
Reusar: DateRangePicker de F-147, reporting-client.ts

Diseño

Tendencias (bar chart SVG)

Fetch /api/reporting/sales?groupBy=day&pageSize=90 (últimos 90 días)
Render barras SVG con altura proporcional al grossSalesCents
Tooltip on hover (día + importe)
Período configurable (7d / 30d / 90d)

Desglose por canal

Fetch con groupBy=channel
Mostrar 3 cards: ecommerce / POS / admin
Cada una con: importe total, % del total, número de pedidos

Top tiendas

Fetch con groupBy=store&pageSize=10
Tabla: tienda, pedidos, importe, % del total
Solo se muestra si el usuario tiene acceso a múltiples tiendas

Top terminales

Fetch con groupBy=terminal&pageSize=10
Tabla: terminal, tienda, pedidos, importe

Acceptance Criteria

AC1: Dashboard muestra tendencias con barra SVG. AC2: Desglose por canal muestra ecommerce/POS/admin con %. AC3: Top tiendas con tabla ordenada por importe. AC4: Filtros de rango de fechas y canal (reutiliza DateRangePicker de F-147). AC5: Estados loading/empty/error explícitos. AC6: tsc 0, verify.sh verde.

1.6 KiB Raw Blame History