// js/components/pages/Insights.jsx // Analytics e insights de vendas/estoque/clientes // Extraído de index.html em Fase 6 (2026-04-29): L5282-L6280 // Deps runtime: fmt, today, saleFinalTotal, itemNet, nid, VendedorMetaBar, Marcas, Pagar, Receber (function() { 'use strict'; const {useState, useMemo} = React; // [REFACTOR Wave 1 PR1 — 2026-05-14] STitle + KCard extraídos pra widgets/insights/. // [v224.73 + v224.55] vars+check MOVED to component body (preventivo · regra_validacao_helpers_runtime) function Insights({sales,products,clients,quotes,payables,receivables,metas,allUsers,gastos}){ // [v224.73 FIX 2026-05-30] vars+check em render time (15 refs) const STitle = window.ZNX?.widgets?.STitle; const KCard = window.ZNX?.widgets?.KCard; const HBar = window.ZNX?.widgets?.HBar; const BarChart12 = window.ZNX?.widgets?.insights?.BarChart12; const GeralPanel = window.ZNX?.widgets?.insights?.GeralPanel; const OperacionalPanel = window.ZNX?.widgets?.insights?.OperacionalPanel; const FinanceiroPanel = window.ZNX?.widgets?.insights?.FinanceiroPanel; const IAPanel = window.ZNX?.widgets?.insights?.IAPanel; const insightsCalcs = window.ZNX?.insights?.calcs; const insightsProducts = window.ZNX?.insights?.products; const insightsClients = window.ZNX?.insights?.clients; const insightsVendors = window.ZNX?.insights?.vendors; const insightsFinanceiro = window.ZNX?.insights?.financeiro; const insightsOperacional = window.ZNX?.insights?.operacional; const insightsIA = window.ZNX?.insights?.ia; if (!STitle || !KCard || !HBar || !BarChart12 || !GeralPanel || !OperacionalPanel || !FinanceiroPanel || !IAPanel || !insightsCalcs || !insightsProducts || !insightsClients || !insightsVendors || !insightsFinanceiro || !insightsOperacional || !insightsIA) { const _msg = `[Insights v224.73] widgets/bundles faltando: STitle=${!!STitle}, KCard=${!!KCard}, HBar=${!!HBar}, BarChart12=${!!BarChart12}, GeralPanel=${!!GeralPanel}, OperacionalPanel=${!!OperacionalPanel}, FinanceiroPanel=${!!FinanceiroPanel}, IAPanel=${!!IAPanel}, insightsCalcs=${!!insightsCalcs}, insightsProducts=${!!insightsProducts}, insightsClients=${!!insightsClients}, insightsVendors=${!!insightsVendors}, insightsFinanceiro=${!!insightsFinanceiro}, insightsOperacional=${!!insightsOperacional}, insightsIA=${!!insightsIA}`; console.error(_msg); window.Sentry?.captureMessage?.(_msg, 'error'); } // [Bug #642 fase 2 20260518] `gastos` prop adicionado — feeds createMonthlyData com fonte real // de despesas (alinhado Bug #619). Sem gastos → fallback BRUTO (back-compat). const[tab,setTab]=useState('geral'); const[insFilterVendedor,setInsFilterVendedor]=useState(''); const[insFilterMarca,setInsFilterMarca]=useState(''); const[insFilterStatus,setInsFilterStatus]=useState(''); const now=new Date(); const todayStr=today(); const cm=`${now.getFullYear()}-${String(now.getMonth()+1).padStart(2,'0')}`; // ── 12-month trend ── // [Wave 6 KIMI 2026-05-16] 40 cálculos extraídos pra lib/insights/*.js + BarChart12 widget. // [Bug #642 fase 2 20260518] Passa gastos pra factory — curM/lastM agora têm lucroLiquido+margemLiquida const monthlyData = useMemo(() => insightsCalcs.createMonthlyData(sales, products, clients, gastos), [sales, products, clients, gastos]); const curM=monthlyData[11]; const lastM=monthlyData[10]; const growth=lastM.revenue>0?(curM.revenue-lastM.revenue)/lastM.revenue*100:0; // [Bug #642 fase 2] profGrowth agora usa lucroLiquido (consistência cross-page com Bug #619 Relatorio). // Fallback profit (BRUTO) se lucroLiquido undefined (back-compat segurança). const profGrowth=lastM.lucroLiquido>0?(curM.lucroLiquido-lastM.lucroLiquido)/lastM.lucroLiquido*100:0; // ── Products (5 cálculos → lib/insights/products.js) ── const topProducts = useMemo(() => insightsProducts.createTopProducts(sales, products), [sales, products]); const brandData = useMemo(() => insightsProducts.createBrandData(sales, products), [sales, products]); const brandGrowth = useMemo(() => insightsProducts.createBrandGrowth(sales, products), [sales, products, now]); const prodMomentum = useMemo(() => insightsProducts.createProdMomentum(sales, products), [sales, products]); const promoSuggestions = useMemo(() => insightsProducts.createPromoSuggestions(sales, products), [sales, products]); // ── Client LTV (linchpin cadeia) ── const clientLTV = useMemo(() => insightsClients.createClientLTV(sales, clients, todayStr), [sales, clients, todayStr]); // ── Vendors (5 cálculos → lib/insights/vendors.js) ── const vendorStats = useMemo(() => insightsVendors.createVendorStats(sales, quotes, allUsers, metas, cm), [sales, quotes, allUsers, metas, cm]); const vendorDeepStats = useMemo(() => insightsVendors.createVendorDeepStats(sales, clients, products, allUsers, cm, monthlyData), [sales, clients, products, allUsers, cm, monthlyData, now]); // ── Core (stock + funnel + aging + pareto) ── const stockHealth = useMemo(() => insightsCalcs.createStockHealth(sales, products), [sales, products]); const qFunnel = useMemo(() => insightsCalcs.createQFunnel(quotes), [quotes]); const recAging = useMemo(() => insightsCalcs.createRecAging(receivables, payables), [receivables, payables]); const paretoData = useMemo(() => insightsCalcs.createParetoData(clientLTV), [clientLTV]); // ── BarChart12 widget extraído pra widgets/insights/BarChart12.jsx (ref via window) ── // ═══════════════════════════════════════════════════════════════════ // [PACOTE COMPLETO v112] Datasets novos // ═══════════════════════════════════════════════════════════════════ // ── A1: Funil completo de orçamento → venda ── const funnelExtended = useMemo(() => insightsCalcs.createFunnelExtended(quotes), [quotes]); // ── A3: Top categorias de produto ── const topCategorias = useMemo(() => insightsCalcs.createTopCategorias(sales, products), [sales, products]); // ── B1: Análise RFM (deps clientLTV) ── const rfmMatrix = useMemo(() => insightsClients.createRfmMatrix(clientLTV, todayStr), [clientLTV, todayStr]); // ── B2: Cohort de retenção ── const cohortRetention = useMemo(() => insightsCalcs.createCohortRetention(clients, sales), [clients, sales]); // ── B3: Cross-sell ── const crossSell = useMemo(() => insightsCalcs.createCrossSell(sales, products), [sales, products]); // ── B5: Distribuição de LTV (deps clientLTV) ── const ltvDistribution = useMemo(() => insightsClients.createLtvDistribution(clientLTV), [clientLTV]); // ══════════════════════════════════════════════════════════════ // [v120 INS2 — ESTRATÉGICO] Aba Clientes CRM (cadeia clientsEnriched) // ══════════════════════════════════════════════════════════════ const clientsEnriched = useMemo(() => insightsClients.createClientsEnriched(clientLTV, clients, sales, products, receivables), [clientLTV, clients, sales, products, receivables]); const concentracao = useMemo(() => insightsClients.createConcentracao(clientLTV), [clientLTV]); const freqDistribution = useMemo(() => insightsClients.createFreqDistribution(clientsEnriched), [clientsEnriched]); const segmentStats = useMemo(() => insightsClients.createSegmentStats(clientsEnriched), [clientsEnriched]); const channelStats = useMemo(() => insightsClients.createChannelStats(clientsEnriched), [clientsEnriched]); const rfmSegments = useMemo(() => insightsClients.createRfmSegments(clientsEnriched), [clientsEnriched]); const inadimplentes = useMemo(() => insightsClients.createInadimplentes(clientsEnriched), [clientsEnriched]); // ── C3/C4/C5: Vendedoras analytics ── const tempoFechamentoVendedoras = useMemo(() => insightsVendors.createTempoFechamentoVendedoras(quotes), [quotes]); const descontosVendedoras = useMemo(() => insightsVendors.createDescontosVendedoras(sales), [sales]); const retencaoVendedoras = useMemo(() => insightsVendors.createRetencaoVendedoras(sales, allUsers), [sales, allUsers]); // ── D1/D3/D4: Financeiro analytics ── const cashFlowProjetado = useMemo(() => insightsFinanceiro.createCashFlowProjetado(receivables, payables, todayStr), [receivables, payables, todayStr]); const margemPorCategoria = useMemo(() => insightsFinanceiro.createMargemPorCategoria(sales, products), [sales, products]); const roiPorMarca = useMemo(() => insightsFinanceiro.createRoiPorMarca(sales, products, todayStr), [sales, products, todayStr]); // ── E2: Cancelamentos com motivo ── const cancelamentos = useMemo(() => insightsFinanceiro.createCancelamentos(quotes, sales), [quotes, sales]); // ── E3/E4: Operacional analytics ── const tempoMedioRetirada = useMemo(() => insightsOperacional.createTempoMedioRetirada(sales), [sales]); const padroesHorario = useMemo(() => insightsOperacional.createPadroesHorario(sales), [sales]); // ── F1/F2/F3/F4: IA Insights ── const previsaoProximoMes = useMemo(() => insightsIA.createPrevisaoProximoMes(monthlyData), [monthlyData]); const alertasIA = useMemo(() => insightsIA.createAlertasIA(monthlyData, brandGrowth, clientLTV, stockHealth), [monthlyData, brandGrowth, clientLTV, stockHealth]); const anomalias = useMemo(() => insightsIA.createAnomalias(quotes, sales, allUsers, todayStr), [quotes, sales, allUsers, todayStr]); const recomendacoes = useMemo(() => insightsIA.createRecomendacoes(clientLTV, brandGrowth, todayStr), [clientLTV, brandGrowth, todayStr]); // [REWRITE v112 2026-05-08] Pacote completo Insights: // - Removidas abas vazias (Produtos + Marcas — viviam só placeholder "foi movido") // - 2 abas novas: 🎯 Operacional + 🤖 IA Insights const TABS=[ {id:'geral',label:'Visão Geral',icon:'📊'}, {id:'clientes',label:'Clientes',icon:'👥'}, {id:'vendedores',label:'Vendedores',icon:'👔'}, {id:'financeiro',label:'Estoque & Financeiro',icon:'💰'}, {id:'operacional',label:'Operacional',icon:'🎯'}, {id:'ia',label:'IA Insights',icon:'🤖'}, ]; return(
✦ Insights
Inteligência completa da operação — atualizado em tempo real
{/* Tab nav */}
{TABS.map(t=>( ))}
{/* ══ VISÃO GERAL ══ */} {/* [Wave 5 KIMI 2026-05-15] tab='geral' extraído para GeralPanel.jsx (BarChart12 helper interno L289 passado como prop) */} {tab==='geral'&&( )} {/* ══ CLIENTES ══ */} {tab==='clientes'&&(
c.daysSince<=30).length} color='#16A34A' sub={`${clientLTV.length>0?(clientLTV.filter(c=>c.daysSince<=30).length/clientLTV.length*100).toFixed(0):0}% da base`}/> c.daysSince>30&&c.daysSince<=90).length} color='#EA580C'/> c.daysSince>90).length} color='#DC2626'/>
{clientLTV.slice(0,15).map((c,i)=>( ))}
{clientLTV.filter(c=>c.daysSince>30&&c.daysSince<=90).length===0 ?
✓ Todos os clientes estão ativos!
:
{clientLTV.filter(c=>c.daysSince>30&&c.daysSince<=90).map(c=>( ))}
ClienteInativo háLTVTicket méd.
{c.name} {c.daysSince}d {fmt(c.total)} {fmt(c.avgTicket)}
}
{clientLTV.filter(c=>c.daysSince>90).length===0 ?
✓ Nenhum inativo!
:
{clientLTV.filter(c=>c.daysSince>90).map(c=>( ))}
ClienteDiasLTV Total
{c.name} {c.daysSince}d {fmt(c.total)}
}
last?'#2196f3':'#2196f344'} labelColor="#2196f3"/>
Base total: {clients.length} clientes +{curM.newClients} este mês
{/* [NOVO v112] B2 Cohort de retenção + B5 Distribuição LTV */}
{cohortRetention.map(c=>( ))}
Mês aquisição Novos Voltou em 30d Voltou em 60d Voltou em 90d
{c.label} {c.total} =50?'#16A34A22':c.d30>=20?'#2563EB22':'#F3F4F6',color:c.d30>=50?'#15803D':c.d30>=20?'#1D4ED8':'#9CA3AF',fontWeight:700}}>{c.d30.toFixed(0)}% =60?'#16A34A22':c.d60>=30?'#2563EB22':'#F3F4F6',color:c.d60>=60?'#15803D':c.d60>=30?'#1D4ED8':'#9CA3AF',fontWeight:700}}>{c.d60.toFixed(0)}% =70?'#16A34A22':c.d90>=40?'#2563EB22':'#F3F4F6',color:c.d90>=70?'#15803D':c.d90>=40?'#1D4ED8':'#9CA3AF',fontWeight:700}}>{c.d90.toFixed(0)}%
💡 Quanto maior o % de retenção, melhor é a fidelização. Meta saudável: 30%+ em 30d, 50%+ em 90d.
{[ {label:'< R$ 500',val:ltvDistribution.low,color:'#9CA3AF'}, {label:'R$ 500–2k',val:ltvDistribution.mid,color:'#2563EB'}, {label:'R$ 2k–5k',val:ltvDistribution.high,color:'#7C3AED'}, {label:'R$ 5k+',val:ltvDistribution.top,color:'#B89840'} ].map(({label,val,color})=>{ const total=clientLTV.length; const pct=total>0?(val/total)*100:0; return(
{label} {val} ({pct.toFixed(0)}%)
); })}
{/* [v120 INS2] B2 — Concentração de risco + Ticket médio */}
=30?'#FEE2E2':'#F8FAFB',borderRadius:8,borderLeft:'4px solid '+(concentracao.top1Pct>=30?'#DC2626':concentracao.top1Pct>=20?'#EA580C':'#16A34A')}}>
Top 1 cliente
=30?'#DC2626':'#1B2A4A',marginTop:2}}>{concentracao.top1Pct.toFixed(1)}%
{concentracao.top1Name} · {fmt(concentracao.top1Val)}
Top 5 clientes
{concentracao.top5Pct.toFixed(1)}%
do faturamento
Top 10 clientes
{concentracao.top10Pct.toFixed(1)}%
do faturamento
Ticket médio
{fmt(concentracao.avgTicket)}
geral por pedido
{concentracao.top1Pct>=30 && (
🚨 Risco alto de dependência: {concentracao.top1Name} concentra {concentracao.top1Pct.toFixed(0)}% do faturamento. Se este cliente sair, impacto severo. Diversificar.
)}
{/* [v120 INS2] B3 — Frequência de compra */}
0?freqDistribution.avgFreq.toFixed(0)+' dias':'—'}`}/>
{[ {label:'Muito frequente',sub:'≤15d',val:freqDistribution.muitoFreq,color:'#15803D'}, {label:'Frequente',sub:'16–45d',val:freqDistribution.freq,color:'#2563EB'}, {label:'Ocasional',sub:'46–90d',val:freqDistribution.ocas,color:'#7C3AED'}, {label:'Raro',sub:'90d+',val:freqDistribution.raro,color:'#EA580C'}, {label:'Compra única',sub:'1 pedido',val:freqDistribution.unico,color:'#9CA3AF'} ].map((b,i)=>(
{b.label}
{b.sub}
{b.val}
))}
{/* [v120 INS2] B4+B5 — Stats por segmento e canal */}
{segmentStats.length===0?
Sem dados
:( {segmentStats.map(s=>( ))}
SegmentoClientesReceitaLTV méd.
{s.seg} {s.count} {fmt(s.totalRev)} {fmt(s.avgLTV)}
)}
{channelStats.length===0?
Sem dados
:( {channelStats.map(s=>( ))}
CanalClientesReceitaLTV méd.
{s.ch} {s.count} {fmt(s.totalRev)} {fmt(s.avgLTV)}
)}
{/* [v120 INS2] M1 — Segmentação RFM */}
{[ {key:'Champions',ico:'🏆',color:'#15803D',desc:'Compram muito, recente, alto valor — premiar/fidelizar'}, {key:'Loyal',ico:'💎',color:'#2563EB',desc:'Constantes — ofertas exclusivas pra manter'}, {key:'Potential Loyalist',ico:'⭐',color:'#7C3AED',desc:'Recentes, alto valor — converter em loyal'}, {key:'New Customer',ico:'🌱',color:'#16A34A',desc:'Recém-chegados — onboarding ativo'}, {key:'Promising',ico:'✨',color:'#0891B2',desc:'Compraram pouco mas recentemente — incentivo'}, {key:'Need Attention',ico:'⚠️',color:'#EA580C',desc:'Atividade média caindo — alerta'}, {key:'At Risk',ico:'🚨',color:'#DC2626',desc:'Eram bons clientes, sumiram — campanha de retenção URGENTE'}, {key:'Hibernating',ico:'😴',color:'#9CA3AF',desc:'Sumidos há tempo — reativação ou aceitar perda'}, {key:'Lost',ico:'💀',color:'#374151',desc:'Provavelmente perdidos — esforço baixo'} ].map(seg=>{ const arr = rfmSegments[seg.key]||[]; const totalRev = arr.reduce((a,c)=>a+c.total,0); return(
{seg.ico} {seg.key}
{arr.length}
{seg.desc}
Receita: {fmt(totalRev)}
); })}
{/* [v120 INS2] M2 — Inadimplência */}
a+c.inadValor,0))}`}/> {inadimplentes.length===0?
✅ Nenhum cliente inadimplente!
:(
{inadimplentes.slice(0,30).map(c=>( ))}
ClienteSegmentoVencidoAtraso máx.LTV
{c.name} {c.segment} {fmt(c.inadValor)} 60?'#DC2626':'#EA580C',fontWeight:700}}>{c.inadDiasMax}d {fmt(c.total)}
)}
{/* [v120 INS2] M3+M4+M5 — Tabela master de clientes (top 30) com tudo */}
{clientsEnriched.slice(0,30).map(c=>{ const scoreColor = c.score>=75?'#15803D':c.score>=50?'#B89840':c.score>=25?'#EA580C':'#DC2626'; return( ); })}
Cliente Segmento LTV Pedidos Frequência Marca preferida Vendedora Score
{c.name} {c.inadimplente&&INAD} {c.segment} {fmt(c.total)} {c.orders} {c.diasEntrePedidos?Math.round(c.diasEntrePedidos)+'d':'—'} {c.topMarcas[0]?.name||'—'} {c.vendedoraDominante?(c.vendedoraDominante.nome+(c.vendedoraDominante.pct>=70?' 🔒':'')):'—'} {c.score}
💡 Score = recência (40) + frequência (25) + valor (20) + pagamento em dia (15). 🔒 = vendedora detém ≥70% do relacionamento.
)} {/* ══ MARCAS (legacy, oculto pela condição acima) ══ */} {/* ══ VENDEDORES ══ */} {tab==='vendedores'&&(
{/* ── Awards ── */}
b.newClients-a.newClients)[0]?.name||'—'} sub={`${[...vendorDeepStats].sort((a,b)=>b.newClients-a.newClients)[0]?.newClients||0} novos em 30d`} color='#2196f3'/> b.ticketGrowth-a.ticketGrowth)[0]?.name||'—'} sub={`+${Math.max(0,[...vendorDeepStats].sort((a,b)=>b.ticketGrowth-a.ticketGrowth)[0]?.ticketGrowth||0).toFixed(0)}% vs mês ant.`} color='#16A34A'/> b.clientGrowth-a.clientGrowth)[0]?.name||'—'} sub={`+${Math.max(0,[...vendorDeepStats].sort((a,b)=>b.clientGrowth-a.clientGrowth)[0]?.clientGrowth||0).toFixed(0)}% clientes`} color='#9c27b0'/>
{/* ── Vendor Cards (Revenue + Meta) ── */}
{vendorStats.map((v,i)=>{ const deep=vendorDeepStats.find(d=>d.name===v.name)||{}; const bc=v.pct>=100?'#16A34A':v.pct>=70?'#2563EB':v.pct>=40?'#EA580C':'#DC2626'; const VCOLS=['#2563EB','#2196f3','#16A34A','#EA580C','#9c27b0','#DC2626']; const vcol=VCOLS[i%VCOLS.length]; return(
{/* Header */}
{i===0?'🏆 ':''}{v.name}
{v.salesCount} vendas · {v.quotesTotal} orç. este mês
{fmt(v.revenue)}
all-time: {fmt(v.totalAllTime)}
{/* Meta bar */} {v.meta>0&&(
Meta {fmt(v.meta)} {v.pct.toFixed(1)}%
)} {/* KPI grid */}
{[ {label:'Ticket mês',val:v.avgTicket>0?fmt(v.avgTicket):'—',color:'#374151',trend:deep.ticketGrowth}, {label:'Conv. ORC',val:v.convRate.toFixed(0)+'%',color:v.convRate>50?'#16A34A':v.convRate>25?'#2563EB':'#DC2626'}, {label:'Clientes/mês',val:deep.cmClients||0,color:'#9CA3AF',trend:deep.clientGrowth}, ].map(({label,val,color,trend})=>(
{label}
{val}
{trend!==undefined&&
=0?'#16A34A':'#DC2626',marginTop:1}}>{trend>=0?'↑':'↓'}{Math.abs(trend).toFixed(0)}%
}
))}
{/* New vs losing */}
NOVOS CLIENTES
{deep.newClients||0}
nos últimos 30d
0?'#FEF2F2':'#F9FAFB',border:`1px solid ${deep.losingClients>0?'#DC262622':'#1A1A1A'}`,borderRadius:6,padding:'7px 10px',textAlign:'center'}}>
SAINDO
0?'#DC2626':'#16A34A'}}>{deep.losingClients||0}
sem comprar 30d
{/* Losing client names */} {deep.losingNames?.length>0&&(
⚠ Clientes em risco
{deep.losingNames.map(n=>(
• {n}
))} {deep.losingClients>deep.losingNames.length&&
+{deep.losingClients-deep.losingNames.length} outros...
}
)} {/* Sparklines: Ticket + Clientes */}
{[ {label:'Ticket médio — 6m',data:deep.ticketTrend||[],color:vcol}, {label:'Clientes únicos — 6m',data:deep.clientTrend||[],color:'#2196f3'}, ].map(({label,data,color})=>{ const mx=Math.max(1,...data); return(
{label}
{(data.length>0?data:[0,0,0,0,0,0]).map((v,i)=>{ const h=mx>0?Math.max(8,Math.round(v/mx*100)):8; const isLast=i===data.length-1; return(
); })}
); })}
); })} {vendorStats.length===0&&
Nenhum vendedor cadastrado.
}
{/* ── Rankings ── */}
{/* Mais clientes novos */}
{[...vendorDeepStats].sort((a,b)=>b.newClients-a.newClients).map((v,i)=>(
{i===0?'🥇 ':i===1?'🥈 ':i===2?'🥉 ':''}{v.name} {v.newClients}
))}
{/* Crescimento de ticket */}
{[...vendorDeepStats].sort((a,b)=>b.ticketGrowth-a.ticketGrowth).map((v,i)=>(
{v.name} =0?'#16A34A':'#DC2626'}}>{v.ticketGrowth>=0?'+':''}{v.ticketGrowth.toFixed(0)}%
{v.pmTicket>0?fmt(v.pmTicket):'—'} → {v.cmTicket>0?fmt(v.cmTicket):'—'}
))}
{/* Clientes crescendo */}
{[...vendorDeepStats].sort((a,b)=>b.clientGrowth-a.clientGrowth).map((v,i)=>(
{v.name} =0?'#16A34A':'#DC2626'}}>{v.clientGrowth>=0?'+':''}{v.clientGrowth.toFixed(0)}%
{v.pmClients} cli. → {v.cmClients} cli.
))}
{/* Perdendo clientes */}
{[...vendorDeepStats].sort((a,b)=>b.losingClients-a.losingClients).map((v,i)=>(
0&&i===0?'#FEF2F2':'transparent',borderRadius:6,border:v.losingClients>0&&i===0?'1px solid #FECACA':'none'}}> {v.name} 2?'#DC2626':v.losingClients>0?'#EA580C':'#16A34A'}}>{v.losingClients===0?'✓ 0':v.losingClients}
))}
{/* ── Faturamento trend ── */}
{vendorStats.map((v,vi)=>{ const VCOLS=['#2563EB','#2196f3','#16A34A','#EA580C','#9c27b0','#DC2626']; const col=VCOLS[vi%VCOLS.length]; const last6=monthlyData.slice(6); const vals=last6.map(m=>sales.filter(s=>s.sellerName===v.name&&s.date?.startsWith(m.key)&&isFaturada(s)).reduce((a,s)=>a+saleFinalTotal(s),0)); const mx=Math.max(1,...vals); return(
{v.name}
{vals.map((rev,i)=>{ const h=mx>0?Math.max(4,Math.round(rev/mx*100)):4; const isLast=i===vals.length-1; return(
{last6[i]?.label}
); })}
{fmt(vals[vals.length-1])}
); })} {vendorStats.length===0&&
Nenhum vendedor cadastrado.
}
{/* [NOVO v112] C3+C4+C5: Tempo fechamento + Descontos + Retenção por vendedora */}
{tempoFechamentoVendedoras.length===0?
Sem dados ainda — exige conversões com timestamps
: tempoFechamentoVendedoras.slice(0,8).map((v,i)=>(
{i+1}. {v.nome}
{v.qtd} conversões
{v.media<1?Math.round(v.media*24)+'h':v.media.toFixed(1)+'d'}
)) }
💡 Mais rápido = melhor. Top 3 em verde.
{descontosVendedoras.length===0?
Sem dados
: descontosVendedoras.slice(0,8).map(v=>{ const corPct=v.pctVendasComDesc>=50?'#DC2626':v.pctVendasComDesc>=25?'#EA580C':'#16A34A'; return(
{v.nome} {v.pctVendasComDesc.toFixed(0)}%
{v.vendasComDesc}/{v.vendas} vendas {v.descMedio>0&&• Média desconto: {v.descMedio.toFixed(0)}%}
); }) }
💡 % alta = pode estar dependendo de desconto pra vender.
{retencaoVendedoras.length===0?
Vendedoras precisam de 3+ clientes pra entrar no ranking
: retencaoVendedoras.slice(0,8).map((v,i)=>{ const corT=v.taxa>=40?'#16A34A':v.taxa>=20?'#2563EB':'#EA580C'; return(
{i+1}. {v.nome} {v.taxa.toFixed(0)}%
{v.recorrentes}/{v.clientes} clientes voltaram
); }) }
💡 Top retenção = melhor relacionamento.
)} {/* ══ ESTOQUE & FINANCEIRO ══ */} {/* [Wave 5 KIMI 2026-05-15] tab='financeiro' extraído para FinanceiroPanel.jsx */} {tab==='financeiro'&&( )} {/* ══ NOVA ABA: 🎯 OPERACIONAL ══ */} {/* [Wave 5 KIMI 2026-05-15] tab='operacional' extraído para OperacionalPanel.jsx */} {tab==='operacional'&&( )} {/* ══ NOVA ABA: 🤖 IA INSIGHTS ══ */} {/* [Wave 5 KIMI 2026-05-15] tab='ia' extraído para IAPanel.jsx */} {tab==='ia'&&( )}
); } window.ZNX = window.ZNX || {}; window.ZNX.components = window.ZNX.components || {}; window.ZNX.components.Insights = Insights; window.Insights = Insights; window.ZNX.refactor_phase_6_loaded = window.ZNX.refactor_phase_6_loaded || {}; window.ZNX.refactor_phase_6_loaded.Insights = true; })();