From 08a9ecb099681dd06625f2f0fe8cf5a6745a98d6 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 8 Feb 2026 10:18:18 +0000
Subject: [PATCH] fix: translate remaining Spanish text in RoadmapTab

Fixed untranslated text in:
- Dual Strategy explanation paragraph (used dangerouslySetInnerHTML for HTML content)
- Priority queues table headers (Top Queues, Queue, Vol/month, Red Flags, Potential)

Added translation keys:
- roadmap.dualStrategy.explanation (EN/ES)
- Using existing roadmap.table.* keys for headers

Build verified successfully

https://claude.ai/code/session_03272424-c661-4002-a75e-2f81579fdd6e
---
 frontend/components/tabs/RoadmapTab.tsx | 30 ++++++++++++-------------
 frontend/locales/en.json                |  3 +++
 frontend/locales/es.json                |  3 +++
 3 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/frontend/components/tabs/RoadmapTab.tsx b/frontend/components/tabs/RoadmapTab.tsx
index 13fddd6..ef52cd0 100644
--- a/frontend/components/tabs/RoadmapTab.tsx
+++ b/frontend/components/tabs/RoadmapTab.tsx
@@ -1071,19 +1071,19 @@ function WaveCard({
             <div className="bg-gray-100 px-3 py-2 border-b border-gray-200">
               <p className="text-xs font-semibold text-gray-700 flex items-center gap-1">
                 <Target className="w-3.5 h-3.5 text-blue-500" />
-                Top Colas por Volumen × Impacto
+                {t('roadmap.table.topQueuesByVolumeImpact')}
               </p>
             </div>
             <div className="overflow-x-auto">
               <table className="w-full text-[10px]">
                 <thead className="bg-gray-50">
                   <tr>
-                    <th className="text-left py-1.5 px-2 font-medium text-gray-500">Cola</th>
-                    <th className="text-right py-1.5 px-2 font-medium text-gray-500">Vol/mes</th>
-                    <th className="text-right py-1.5 px-2 font-medium text-gray-500">Score</th>
-                    <th className="text-center py-1.5 px-2 font-medium text-gray-500">Tier</th>
-                    <th className="text-left py-1.5 px-2 font-medium text-gray-500">Red Flags</th>
-                    <th className="text-right py-1.5 px-2 font-medium text-gray-500">Potencial</th>
+                    <th className="text-left py-1.5 px-2 font-medium text-gray-500">{t('roadmap.table.queue')}</th>
+                    <th className="text-right py-1.5 px-2 font-medium text-gray-500">{t('roadmap.table.volPerMonth')}</th>
+                    <th className="text-right py-1.5 px-2 font-medium text-gray-500">{t('roadmap.table.score')}</th>
+                    <th className="text-center py-1.5 px-2 font-medium text-gray-500">{t('roadmap.table.tier')}</th>
+                    <th className="text-left py-1.5 px-2 font-medium text-gray-500">{t('roadmap.table.redFlags')}</th>
+                    <th className="text-right py-1.5 px-2 font-medium text-gray-500">{t('roadmap.table.potential')}</th>
                   </tr>
                 </thead>
                 <tbody>
@@ -2580,15 +2580,13 @@ export function RoadmapTab({ data }: RoadmapTabProps) {
                 <div className="p-4 space-y-4">
                   {/* ENFOQUE DUAL: Párrafo explicativo */}
                   {recType === 'DUAL' && (
-                    <p className="text-sm text-gray-600 leading-relaxed">
-                      La Estrategia Dual consiste en ejecutar dos líneas de trabajo en paralelo:
-                      <strong className="text-gray-800"> Quick Win</strong> automatiza inmediatamente las {pilotQueues.length} colas
-                      ya preparadas (Tier AUTOMATE, {Math.round(totalVolume > 0 ? (tierVolumes.AUTOMATE / totalVolume) * 100 : 0)}% del volumen), generando retorno desde el primer mes;
-                      mientras que <strong className="text-gray-800">Foundation</strong> prepara el {Math.round(assistPct + augmentPct)}%
-                      restante del volumen (Tiers ASSIST y AUGMENT) estandarizando procesos y reduciendo variabilidad para habilitar
-                      automatización futura. Este enfoque maximiza el time-to-value: Quick Win financia la transformación y genera
-                      confianza organizacional, mientras Foundation amplía progresivamente el alcance de la automatización.
-                    </p>
+                    <p className="text-sm text-gray-600 leading-relaxed" dangerouslySetInnerHTML={{
+                      __html: t('roadmap.dualStrategy.explanation', {
+                        count: pilotQueues.length,
+                        pct: Math.round(totalVolume > 0 ? (tierVolumes.AUTOMATE / totalVolume) * 100 : 0),
+                        remaining: Math.round(assistPct + augmentPct)
+                      })
+                    }} />
                   )}
 
                   {/* FOUNDATION PRIMERO */}
diff --git a/frontend/locales/en.json b/frontend/locales/en.json
index b2809c5..db2e277 100644
--- a/frontend/locales/en.json
+++ b/frontend/locales/en.json
@@ -819,6 +819,9 @@
       "executeWave12": "Execute Wave 1-2 sequentially",
       "executeWave12Rationale": "Mixed operation: {{automate}} Tier 1 queues, {{assist}} Tier 2, {{augment}} Tier 3, {{human}} Tier 4.",
       "executeWave12NextStep": "Start with FOUNDATION to eliminate red flags, followed by AUGMENT to raise scores. Initial investment: {{amount}}."
+    },
+    "dualStrategy": {
+      "explanation": "The Dual Strategy consists of executing two parallel work streams: <strong>Quick Win</strong> immediately automates the {{count}} ready queues (Tier AUTOMATE, {{pct}}% of volume), generating returns from the first month; while <strong>Foundation</strong> prepares the remaining {{remaining}}% of volume (Tiers ASSIST and AUGMENT) by standardizing processes and reducing variability to enable future automation. This approach maximizes time-to-value: Quick Win finances the transformation and generates organizational confidence, while Foundation progressively expands the scope of automation."
     }
   },
   "opportunities": {
diff --git a/frontend/locales/es.json b/frontend/locales/es.json
index ea61f0e..b33112e 100644
--- a/frontend/locales/es.json
+++ b/frontend/locales/es.json
@@ -819,6 +819,9 @@
       "executeWave12": "Ejecutar Wave 1-2 secuencialmente",
       "executeWave12Rationale": "Operación mixta: {{automate}} colas Tier 1, {{assist}} Tier 2, {{augment}} Tier 3, {{human}} Tier 4.",
       "executeWave12NextStep": "Comenzar con FOUNDATION para eliminar red flags, seguido de AUGMENT para elevar scores. Inversión inicial: {{amount}}."
+    },
+    "dualStrategy": {
+      "explanation": "La Estrategia Dual consiste en ejecutar dos líneas de trabajo en paralelo: <strong>Quick Win</strong> automatiza inmediatamente las {{count}} colas ya preparadas (Tier AUTOMATE, {{pct}}% del volumen), generando retorno desde el primer mes; mientras que <strong>Foundation</strong> prepara el {{remaining}}% restante del volumen (Tiers ASSIST y AUGMENT) estandarizando procesos y reduciendo variabilidad para habilitar automatización futura. Este enfoque maximiza el time-to-value: Quick Win financia la transformación y genera confianza organizacional, mientras Foundation amplía progresivamente el alcance de la automatización."
     }
   },
   "opportunities": {