Add seller performance dashboard charts

src/analytics/dashboard.ts

@@ -1,5 +1,6 @@
 import type { DashboardAnalytics, DateRange, OrderData } from '../types';
 import { filterOrdersByDateRange, getBaseProductName, getOrderItemRevenue } from './orders';
+import { formatDisplayName, removeTrailingSellerId } from '../displayFormatters';
 
 const COLORS = [
   '#10b981', '#3b82f6', '#8b5cf6', '#f43f5e', '#f97316',
@@ -32,12 +33,16 @@ export interface DashboardMetrics {
   averageOrderValue: number;
   salesByProduct: ChartProductMetric[];
   revenueByProduct: ChartProductMetric[];
+  revenueBySeller: ChartProductMetric[];
+  ordersBySeller: ChartProductMetric[];
 }
 
 export const applyDashboardColors = (metrics: DashboardAnalytics): DashboardMetrics => {
   const displayProducts = Array.from(new Set([
     ...metrics.salesByProduct.map(product => product.name),
-    ...metrics.revenueByProduct.map(product => product.name)
+    ...metrics.revenueByProduct.map(product => product.name),
+    ...(metrics.revenueBySeller || []).map(seller => seller.name),
+    ...(metrics.ordersBySeller || []).map(seller => seller.name)
   ])).sort();
   const productColors = displayProducts.reduce<Record<string, string>>((colors, name) => {
     colors[name] = getProductColor(name);
@@ -55,6 +60,16 @@ export const applyDashboardColors = (metrics: DashboardAnalytics): DashboardMetr
     revenueByProduct: metrics.revenueByProduct.map(product => ({
       ...product,
       fill: productColors[product.name]
+    })),
+    revenueBySeller: (metrics.revenueBySeller || []).map(seller => ({
+      ...seller,
+      name: formatDisplayName(removeTrailingSellerId(seller.name)),
+      fill: productColors[seller.name]
+    })),
+    ordersBySeller: (metrics.ordersBySeller || []).map(seller => ({
+      ...seller,
+      name: formatDisplayName(removeTrailingSellerId(seller.name)),
+      fill: productColors[seller.name]
     }))
   };
 };
@@ -66,20 +81,35 @@ export const buildDashboardMetrics = (ordersData: OrderData[], dateRange: DateRa
   const productSalesMap: Record<string, number> = {};
   const productRevenueMap: Record<string, number> = {};
   const productNameIdMap: Record<string, string> = {};
+  const sellerRevenueMap: Record<string, number> = {};
+  const sellerOrderKeysMap: Record<string, Set<string>> = {};
+  const sellerIdMap: Record<string, string> = {};
 
   filteredData.forEach(order => {
     const itemRevenue = getOrderItemRevenue(order);
     const productName = getBaseProductName(order.Descricao_Produto);
+    const sellerName = formatDisplayName(removeTrailingSellerId(order.nome_vendedor || ''));
+    const sellerId = order.id_vendedor || sellerName;
+    const orderKey = order.ID_Pedido || `${order.Nome_Cliente}_${order.Data_Pedido}_${order.Valor_Pedido}`;
 
     revenue += itemRevenue;
     totalItems += order.Quantidade;
     productNameIdMap[productName] = order.ID_Produto;
     productSalesMap[productName] = (productSalesMap[productName] || 0) + order.Quantidade;
     productRevenueMap[productName] = (productRevenueMap[productName] || 0) + itemRevenue;
+
+    if (sellerName) {
+      sellerIdMap[sellerName] = sellerId;
+      sellerRevenueMap[sellerName] = (sellerRevenueMap[sellerName] || 0) + itemRevenue;
+      if (!sellerOrderKeysMap[sellerName]) sellerOrderKeysMap[sellerName] = new Set();
+      sellerOrderKeysMap[sellerName].add(orderKey);
+    }
   });
 
   const topSalesNames = Object.keys(productSalesMap).sort((a, b) => productSalesMap[b] - productSalesMap[a]).slice(0, 10);
   const topRevenueNames = Object.keys(productRevenueMap).sort((a, b) => productRevenueMap[b] - productRevenueMap[a]).slice(0, 10);
+  const topSellerRevenueNames = Object.keys(sellerRevenueMap).sort((a, b) => sellerRevenueMap[b] - sellerRevenueMap[a]).slice(0, 10);
+  const topSellerOrderNames = Object.keys(sellerOrderKeysMap).sort((a, b) => sellerOrderKeysMap[b].size - sellerOrderKeysMap[a].size).slice(0, 10);
   const displayProducts = Array.from(new Set([...topSalesNames, ...topRevenueNames])).sort();
   const productColors = displayProducts.reduce<Record<string, string>>((colors, name) => {
     colors[name] = getProductColor(name);
@@ -100,11 +130,27 @@ export const buildDashboardMetrics = (ordersData: OrderData[], dateRange: DateRa
     fill: productColors[name]
   }));
 
+  const revenueBySeller = topSellerRevenueNames.map(name => ({
+    name,
+    id: sellerIdMap[name],
+    value: sellerRevenueMap[name],
+    fill: getProductColor(name)
+  }));
+
+  const ordersBySeller = topSellerOrderNames.map(name => ({
+    name,
+    id: sellerIdMap[name],
+    value: sellerOrderKeysMap[name].size,
+    fill: getProductColor(name)
+  }));
+
   return {
     totalRevenue: revenue,
     totalOrders: totalItems,
     averageOrderValue: revenue / (filteredData.length || 1),
     salesByProduct,
-    revenueByProduct
+    revenueByProduct,
+    revenueBySeller,
+    ordersBySeller
   };
 };