diff --git a/frontend/components/tabs/AgenticReadinessTab.tsx b/frontend/components/tabs/AgenticReadinessTab.tsx index 9a20a01..85a7ef1 100644 --- a/frontend/components/tabs/AgenticReadinessTab.tsx +++ b/frontend/components/tabs/AgenticReadinessTab.tsx @@ -2163,7 +2163,7 @@ function ExpandableSkillRow({ {dataPoint.originalQueues.map((queue, queueIdx) => { const queueMonthlySavings = queue.annualCost ? Math.round(queue.annualCost * 0.35 / 12) : 0; const tierStyle = getTierStyle(queue.tier); - const redFlags = detectRedFlags(queue); + const redFlags = detectRedFlags(queue, redFlagConfigs); return ( = {}; allHumanOnlyQueues.forEach(queue => { - const flags = detectRedFlags(queue); + const flags = detectRedFlags(queue, redFlagConfigs); // Determinar razón principal (prioridad: cv_high > transfer_high > volume_low > valid_low) let reason = 'Sin Red Flags específicos'; let reasonId = 'no_flags'; @@ -2579,7 +2579,7 @@ function HumanOnlyByReasonSection({ drilldownData }: { drilldownData: DrilldownD // Convertir a array y ordenar por volumen const reasonGroups = Object.entries(queuesByReason) .map(([reasonId, queues]) => { - const flagConfig = RED_FLAG_CONFIGS.find(c => c.id === reasonId); + const flagConfig = redFlagConfigs.find(c => c.id === reasonId); return { reasonId, reason: flagConfig?.label || 'Sin Red Flags específicos', @@ -2719,7 +2719,7 @@ function HumanOnlyByReasonSection({ drilldownData }: { drilldownData: DrilldownD {group.queues.slice(0, 20).map((queue) => { - const flags = detectRedFlags(queue); + const flags = detectRedFlags(queue, redFlagConfigs); return ( @@ -2947,7 +2947,7 @@ function HumanOnlyRedFlagsSection({ drilldownData }: { drilldownData: DrilldownD // Colas con red flags (la mayoría de HUMAN-ONLY tendrán red flags por definición) const queuesWithFlags = humanOnlyQueues.map(q => ({ queue: q, - flags: detectRedFlags(q) + flags: detectRedFlags(q, redFlagConfigs) })).filter(qf => qf.flags.length > 0); // Ordenar por volumen (mayor primero para priorizar) @@ -2970,7 +2970,7 @@ function HumanOnlyRedFlagsSection({ drilldownData }: { drilldownData: DrilldownD const pctCosteRedFlags = costeAnualTotal > 0 ? (costeAnualRedFlags / costeAnualTotal) * 100 : 0; // Estadísticas detalladas por tipo de red flag - const flagStats = RED_FLAG_CONFIGS.map(config => { + const flagStats = redFlagConfigs.map(config => { const matchingQueues = queuesWithFlags.filter(qf => qf.flags.some(f => f.config.id === config.id) ); @@ -3625,6 +3625,9 @@ function RoadmapConnectionSection({ drilldownData }: { drilldownData: DrilldownD } export function AgenticReadinessTab({ data, onTabChange }: AgenticReadinessTabProps) { + const { t } = useTranslation(); + const redFlagConfigs = getRedFlagConfigs(t); + // Debug: Log drilldown data status console.log('🔍 AgenticReadinessTab - drilldownData:', { exists: !!data.drilldownData,