Merge pull request #20 from sujucu70/claude/check-agent-readiness-status-Exnpc
Claude/check agent readiness status exnpc
This commit is contained in:
sujucu70
@@ -1958,18 +1958,18 @@ function SkillClassificationSection({ drilldownData }: { drilldownData: Drilldow
|
||||
{quickWins.length > 0 && (
|
||||
<p className="text-xs" style={{ color: COLORS.dark }}>
|
||||
<span style={{ color: COLORS.primary }}>🎯 Quick Wins:</span>{' '}
|
||||
{quickWins.map(s => s.skill).join(' + ')} tienen >60% volumen en T1+T2
|
||||
{quickWins.map(s => s.skill).join(' + ')} {t('agenticReadiness.roadmapConnection.quickWinsHaveVolume')}
|
||||
</p>
|
||||
)}
|
||||
{alerts.length > 0 && (
|
||||
<p className="text-xs" style={{ color: COLORS.dark }}>
|
||||
<span>⚠️ Atención:</span>{' '}
|
||||
{alerts.map(s => `${s.skill} tiene ${Math.round(s.tierPcts['HUMAN-ONLY'])}% en HUMAN`).join('; ')} → priorizar en Wave 1
|
||||
{alerts.map(s => `${s.skill} ${t('agenticReadiness.roadmapConnection.hasPercentInHuman', { pct: Math.round(s.tierPcts['HUMAN-ONLY']) })}`).join('; ')} {t('agenticReadiness.roadmapConnection.prioritizeInWave1')}
|
||||
</p>
|
||||
)}
|
||||
{quickWins.length === 0 && alerts.length === 0 && (
|
||||
<p className="text-xs" style={{ color: COLORS.medium }}>
|
||||
Distribución equilibrada entre tiers. Revisar colas individuales para priorización.
|
||||
{t('agenticReadiness.roadmapConnection.balancedDistribution')}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
@@ -1979,7 +1979,7 @@ function SkillClassificationSection({ drilldownData }: { drilldownData: Drilldow
|
||||
}
|
||||
|
||||
// Skills Heatmap/Table (fallback cuando no hay drilldownData)
|
||||
function SkillsReadinessTable({ heatmapData }: { heatmapData: HeatmapDataPoint[] }) {
|
||||
function SkillsReadinessTable({ heatmapData, t }: { heatmapData: HeatmapDataPoint[]; t: any }) {
|
||||
const sortedData = [...heatmapData].sort((a, b) => b.automation_readiness - a.automation_readiness);
|
||||
|
||||
const formatVolume = (v: number) => v >= 1000 ? `${Math.round(v / 1000)}K` : v.toString();
|
||||
@@ -2808,7 +2808,7 @@ function HumanOnlyByReasonSection({ drilldownData, redFlagConfigs, t }: { drilld
|
||||
|
||||
{/* Footer */}
|
||||
<div className="px-5 py-3 bg-gray-50 border-t border-gray-200 text-xs text-gray-500">
|
||||
Click en una razón para ver las colas afectadas. Priorizar acciones según volumen impactado.
|
||||
{t('agenticReadiness.table.clickToExpandReason')}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
@@ -2958,11 +2958,11 @@ function PriorityCandidatesSection({ drilldownData, redFlagConfigs, t }: { drill
|
||||
<div className="px-5 py-3 bg-gray-50 border-t border-gray-200">
|
||||
<div className="flex items-center justify-between">
|
||||
<p className="text-xs text-gray-500">
|
||||
<span className="font-medium">{candidateSkills.length}</span> de {drilldownData.length} skills
|
||||
tienen al menos una cola tier AUTOMATE
|
||||
<span className="font-medium">{candidateSkills.length}</span> {t('agenticReadiness.filters.of')} {drilldownData.length} skills
|
||||
{t('agenticReadiness.roadmapConnection.haveAtLeastOne')}
|
||||
</p>
|
||||
<p className="text-xs text-gray-400">
|
||||
Haz clic en un skill para ver las colas individuales con desglose de score
|
||||
{t('agenticReadiness.table.clickToExpand')}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -3486,11 +3486,11 @@ function SkillsToOptimizeSection({ drilldownData }: { drilldownData: DrilldownDa
|
||||
>
|
||||
{showAll ? (
|
||||
<>
|
||||
<ChevronUp className="w-3 h-3" /> Mostrar menos
|
||||
<ChevronUp className="w-3 h-3" /> {t('agenticReadiness.roadmapConnection.showLess')}
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<ChevronDown className="w-3 h-3" /> Ver todos ({skillsToOptimize.length})
|
||||
<ChevronDown className="w-3 h-3" /> {t('agenticReadiness.roadmapConnection.viewAll', { count: skillsToOptimize.length })}
|
||||
</>
|
||||
)}
|
||||
</button>
|
||||
@@ -3501,7 +3501,7 @@ function SkillsToOptimizeSection({ drilldownData }: { drilldownData: DrilldownDa
|
||||
}
|
||||
|
||||
// v3.6: Sección de conexión con Roadmap
|
||||
function RoadmapConnectionSection({ drilldownData }: { drilldownData: DrilldownDataPoint[] }) {
|
||||
function RoadmapConnectionSection({ drilldownData, t }: { drilldownData: DrilldownDataPoint[]; t: any }) {
|
||||
// Extraer todas las colas
|
||||
const allQueues = drilldownData.flatMap(skill =>
|
||||
skill.originalQueues.map(q => ({ ...q, skillName: skill.skill }))
|
||||
@@ -3584,27 +3584,27 @@ function RoadmapConnectionSection({ drilldownData }: { drilldownData: DrilldownD
|
||||
<div className="rounded-lg p-4 border" style={{ backgroundColor: '#f0fdf4', borderColor: '#86efac' }}>
|
||||
<div className="flex items-center gap-2 mb-2">
|
||||
<span className="text-lg">✅</span>
|
||||
<span className="font-bold text-emerald-800">QUICK WINS INMEDIATOS (sin Wave 1)</span>
|
||||
<span className="font-bold text-emerald-800">{t('agenticReadiness.roadmapConnection.quickWinsTitle')}</span>
|
||||
</div>
|
||||
<div className="space-y-1 text-sm text-emerald-700">
|
||||
<p>
|
||||
<strong>{automateQueues.length} colas AUTOMATE</strong> con{' '}
|
||||
<strong>{(automateVolume / 1000).toFixed(0)}K interacciones/mes</strong>
|
||||
<strong>{t('agenticReadiness.roadmapConnection.automateQueues', { count: automateQueues.length })}</strong> {t('agenticReadiness.roadmapConnection.with')}{' '}
|
||||
<strong>{(automateVolume / 1000).toFixed(0)}K {t('agenticReadiness.roadmapConnection.interactionsPerMonth')}</strong>
|
||||
</p>
|
||||
<p
|
||||
className="cursor-help"
|
||||
title={`Cálculo: ${automateVolume.toLocaleString()} int × 12 meses × 70% contención × €2.18/int = €${(annualSavingsAutomate / 1000000).toFixed(1)}M`}
|
||||
title={t('agenticReadiness.roadmapConnection.calculationNote', { volume: automateVolume.toLocaleString(), rate: 70, type: t('agenticReadiness.roadmapConnection.containment'), cpi: '2.18' })}
|
||||
>
|
||||
Ahorro potencial: <strong className="text-emerald-800">€{(annualSavingsAutomate / 1000000).toFixed(1)}M/año</strong>
|
||||
<span className="text-emerald-600 ml-1 text-xs">(70% contención × €2.18/int)</span>
|
||||
{t('agenticReadiness.roadmapConnection.savingsPotential')} <strong className="text-emerald-800">€{(annualSavingsAutomate / 1000000).toFixed(1)}M{t('agenticReadiness.roadmapConnection.perYear')}</strong>
|
||||
<span className="text-emerald-600 ml-1 text-xs">(70% {t('agenticReadiness.roadmapConnection.containment')} × €2.18{t('agenticReadiness.roadmapConnection.perInt')})</span>
|
||||
</p>
|
||||
{skillsWithAutomate.length > 0 && (
|
||||
<p>
|
||||
Skills: <strong>{skillsWithAutomate.join(', ')}</strong>
|
||||
{t('agenticReadiness.roadmapConnection.skills')} <strong>{skillsWithAutomate.join(', ')}</strong>
|
||||
</p>
|
||||
)}
|
||||
<p className="pt-1 text-emerald-600 italic text-xs">
|
||||
→ Alineado con Wave 4 del Roadmap. Pueden implementarse en paralelo a Wave 1.
|
||||
{t('agenticReadiness.roadmapConnection.alignedWithWave4')}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -3616,35 +3616,35 @@ function RoadmapConnectionSection({ drilldownData }: { drilldownData: DrilldownD
|
||||
<div className="flex items-center gap-2 mb-2">
|
||||
<span className="text-lg">🔧</span>
|
||||
<span className="font-bold" style={{ color: COLORS.dark }}>
|
||||
WAVE 1-3: FOUNDATION → ASSIST ({assistQueues.length} colas)
|
||||
{t('agenticReadiness.roadmapConnection.wave13Title', { count: assistQueues.length })}
|
||||
</span>
|
||||
</div>
|
||||
<div className="space-y-1 text-sm" style={{ color: COLORS.dark }}>
|
||||
<p>
|
||||
<strong>{(assistVolume / 1000).toFixed(0)}K interacciones/mes</strong> en tier ASSIST
|
||||
<strong>{(assistVolume / 1000).toFixed(0)}K {t('agenticReadiness.roadmapConnection.interactionsPerMonth')}</strong> {t('agenticReadiness.roadmapConnection.inTierAssist')}
|
||||
</p>
|
||||
{skillsNeedingWave1.length > 0 && (
|
||||
<p>
|
||||
<strong>Foco Wave 1:</strong> Reducir transfer en{' '}
|
||||
<strong>{t('agenticReadiness.roadmapConnection.focusWave1')}</strong> {t('agenticReadiness.roadmapConnection.reduceTransferIn')}{' '}
|
||||
<strong>{skillsNeedingWave1.map(s => s.skill).join(' & ')}</strong>{' '}
|
||||
({Math.round(skillsNeedingWave1[0]?.humanPct || 0)}% HUMAN)
|
||||
</p>
|
||||
)}
|
||||
<p
|
||||
className="cursor-help"
|
||||
title={`Cálculo: ${assistVolume.toLocaleString()} int × 12 meses × 30% deflection × €0.83/int`}
|
||||
title={t('agenticReadiness.roadmapConnection.calculationNote', { volume: assistVolume.toLocaleString(), rate: 30, type: t('agenticReadiness.roadmapConnection.deflection'), cpi: '0.83' })}
|
||||
>
|
||||
<strong>Potencial con Copilot:</strong>{' '}
|
||||
<strong>{t('agenticReadiness.roadmapConnection.potentialWithCopilot')}</strong>{' '}
|
||||
<strong style={{ color: COLORS.primary }}>
|
||||
€{potentialAnnualAssist >= 1000000
|
||||
? `${(potentialAnnualAssist / 1000000).toFixed(1)}M`
|
||||
: `${(potentialAnnualAssist / 1000).toFixed(0)}K`
|
||||
}/año
|
||||
}{t('agenticReadiness.roadmapConnection.perYear')}
|
||||
</strong>
|
||||
<span className="ml-1 text-xs" style={{ color: COLORS.medium }}>(30% deflection × €0.83/int)</span>
|
||||
<span className="ml-1 text-xs" style={{ color: COLORS.medium }}>(30% {t('agenticReadiness.roadmapConnection.deflection')} × €0.83{t('agenticReadiness.roadmapConnection.perInt')})</span>
|
||||
</p>
|
||||
<p className="pt-1 italic text-xs" style={{ color: COLORS.medium }}>
|
||||
→ Requiere Wave 1 (Foundation) para habilitar Copilot en Wave 3
|
||||
{t('agenticReadiness.roadmapConnection.requiresWave1')}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -3745,7 +3745,7 @@ export function AgenticReadinessTab({ data, onTabChange }: AgenticReadinessTabPr
|
||||
</>
|
||||
) : (
|
||||
/* Fallback a tabla por Línea de Negocio si no hay drilldown data */
|
||||
<SkillsReadinessTable heatmapData={data.heatmapData} />
|
||||
<SkillsReadinessTable heatmapData={data.heatmapData} t={t} />
|
||||
)}
|
||||
|
||||
{/* Link al Roadmap */}
|
||||
|
||||
@@ -1103,6 +1103,33 @@
|
||||
"viewRoadmapTab": "View Roadmap tab for detailed plan",
|
||||
"viewRoadmapLink": "View Roadmap tab for detailed plan →"
|
||||
},
|
||||
"roadmapConnection": {
|
||||
"quickWinsTitle": "IMMEDIATE QUICK WINS (without Wave 1)",
|
||||
"automateQueues": "{{count}} AUTOMATE queues",
|
||||
"with": "with",
|
||||
"interactionsPerMonth": "interactions/month",
|
||||
"savingsPotential": "Savings potential:",
|
||||
"perYear": "/year",
|
||||
"containment": "containment",
|
||||
"perInt": "/int",
|
||||
"skills": "Skills:",
|
||||
"alignedWithWave4": "→ Aligned with Roadmap Wave 4. Can be implemented in parallel to Wave 1.",
|
||||
"wave13Title": "WAVE 1-3: FOUNDATION → ASSIST ({{count}} queues)",
|
||||
"inTierAssist": "in tier ASSIST",
|
||||
"focusWave1": "Wave 1 Focus:",
|
||||
"reduceTransferIn": "Reduce transfer in",
|
||||
"potentialWithCopilot": "Potential with Copilot:",
|
||||
"deflection": "deflection",
|
||||
"requiresWave1": "→ Requires Wave 1 (Foundation) to enable Copilot in Wave 3",
|
||||
"calculationNote": "Calculation: {{volume}} int × 12 months × {{rate}}% {{type}} × €{{cpi}}/int",
|
||||
"quickWinsHaveVolume": "have >60% volume in T1+T2",
|
||||
"hasPercentInHuman": "has {{pct}}% in HUMAN",
|
||||
"prioritizeInWave1": "→ prioritize in Wave 1",
|
||||
"balancedDistribution": "Balanced distribution across tiers. Review individual queues for prioritization.",
|
||||
"haveAtLeastOne": "have at least one tier AUTOMATE queue",
|
||||
"showLess": "Show less",
|
||||
"viewAll": "View all ({{count}})"
|
||||
},
|
||||
"factorsExtended": {
|
||||
"volumeMethodology": "Score = normalized log10(Volume). >5000 → 10, <100 → 2",
|
||||
"volumeBenchmark": "Positive ROI requires >500/month",
|
||||
|
||||
@@ -1134,6 +1134,33 @@
|
||||
"viewRoadmapTab": "Ver pestaña Roadmap para plan detallado",
|
||||
"viewRoadmapLink": "Ver pestaña Roadmap para plan detallado →"
|
||||
},
|
||||
"roadmapConnection": {
|
||||
"quickWinsTitle": "QUICK WINS INMEDIATOS (sin Wave 1)",
|
||||
"automateQueues": "{{count}} colas AUTOMATE",
|
||||
"with": "con",
|
||||
"interactionsPerMonth": "interacciones/mes",
|
||||
"savingsPotential": "Ahorro potencial:",
|
||||
"perYear": "/año",
|
||||
"containment": "contención",
|
||||
"perInt": "/int",
|
||||
"skills": "Skills:",
|
||||
"alignedWithWave4": "→ Alineado con Wave 4 del Roadmap. Pueden implementarse en paralelo a Wave 1.",
|
||||
"wave13Title": "WAVE 1-3: FOUNDATION → ASSIST ({{count}} colas)",
|
||||
"inTierAssist": "en tier ASSIST",
|
||||
"focusWave1": "Foco Wave 1:",
|
||||
"reduceTransferIn": "Reducir transfer en",
|
||||
"potentialWithCopilot": "Potencial con Copilot:",
|
||||
"deflection": "deflection",
|
||||
"requiresWave1": "→ Requiere Wave 1 (Foundation) para habilitar Copilot en Wave 3",
|
||||
"calculationNote": "Cálculo: {{volume}} int × 12 meses × {{rate}}% {{type}} × €{{cpi}}/int",
|
||||
"quickWinsHaveVolume": "tienen >60% volumen en T1+T2",
|
||||
"hasPercentInHuman": "tiene {{pct}}% en HUMAN",
|
||||
"prioritizeInWave1": "→ priorizar en Wave 1",
|
||||
"balancedDistribution": "Distribución equilibrada entre tiers. Revisar colas individuales para priorización.",
|
||||
"haveAtLeastOne": "tienen al menos una cola tier AUTOMATE",
|
||||
"showLess": "Mostrar menos",
|
||||
"viewAll": "Ver todos ({{count}})"
|
||||
},
|
||||
"factorsExtended": {
|
||||
"volumeMethodology": "Score = log10(Volumen) normalizado. >5000 → 10, <100 → 2",
|
||||
"volumeBenchmark": "ROI positivo requiere >500/mes",
|
||||
|
||||
Reference in New Issue
Block a user