From 04e74f5fb4650879d58775929bd5f1d88de19727 Mon Sep 17 00:00:00 2001
From: Carlos Narro <carlos@relabtive.com>
Date: Sun, 31 May 2026 16:21:28 +0200
Subject: [PATCH] =?UTF-8?q?Add=20secci=C3=B3n=20de=20preferencias=20detect?=
 =?UTF-8?q?adas=20en=20el=20detalle=20del=20lead?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mvp/b2c/src/app/panel/[id]/page.tsx | 44 +++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/mvp/b2c/src/app/panel/[id]/page.tsx b/mvp/b2c/src/app/panel/[id]/page.tsx
index f82915e..3be62f1 100644
--- a/mvp/b2c/src/app/panel/[id]/page.tsx
+++ b/mvp/b2c/src/app/panel/[id]/page.tsx
@@ -35,6 +35,7 @@ export default async function LeadDetailPage({ params }: { params: Promise<{ id:
 
   const snapshot = lead.desgloseSnapshot as { result: BudgetResult } | null;
   const desglose = snapshot?.result ?? null;
+  const prefs = lead.preferencesSnapshot as import('@/lib/voice/preferences').AbstractedPreferences | null;
   const yaEnviado = lead.pipelineStage === 'whatsapp_entregado';
 
   return (
@@ -128,6 +129,49 @@ export default async function LeadDetailPage({ params }: { params: Promise<{ id:
           )}
         </Section>
 
+        {/* Preferencias detectadas */}
+        <Section title="Preferencias detectadas">
+          {prefs ? (
+            <div className="flex flex-col gap-3 text-sm">
+              <p className="text-gray-700">{prefs.resumen}</p>
+              {prefs.estiloRender.length > 0 && (
+                <div className="flex flex-wrap gap-2">
+                  {prefs.estiloRender.map((e) => (
+                    <span key={e} className="px-2 py-0.5 rounded-full bg-gray-100 text-gray-700 text-xs">
+                      {e}
+                    </span>
+                  ))}
+                </div>
+              )}
+              {prefs.elementos.length > 0 && (
+                <ul className="flex flex-col gap-1">
+                  {prefs.elementos.map((el) => (
+                    <li key={el.key} className="flex justify-between">
+                      <span className="text-gray-600">{el.label}</span>
+                      <span className="text-black font-medium">{formatEuros(el.importe)}</span>
+                    </li>
+                  ))}
+                </ul>
+              )}
+              {prefs.ajustes.length > 0 && (
+                <ul className="text-xs text-gray-500 flex flex-col gap-1">
+                  {prefs.ajustes.map((a, i) => (
+                    <li key={i}>
+                      <span className="font-medium text-gray-700">{a.label}</span> — {a.motivo}
+                    </li>
+                  ))}
+                </ul>
+              )}
+              <div className="text-xs text-gray-400">
+                Confianza de la extracción: {prefs.confianza}
+                {prefs.camposFaltantes.length > 0 && ` · faltan: ${prefs.camposFaltantes.join(', ')}`}
+              </div>
+            </div>
+          ) : (
+            <p className="text-sm text-gray-400">Sin preferencias procesadas aún.</p>
+          )}
+        </Section>
+
         {/* 2. Transcripción */}
         <Section title="Transcripción de la llamada">
           {lead.transcripcion ? (