+
+ );
}
diff --git a/src/app/dashboard/creatividades/page.tsx b/src/app/dashboard/creatividades/page.tsx
new file mode 100644
index 0000000..70db5ab
--- /dev/null
+++ b/src/app/dashboard/creatividades/page.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+import { createClient } from '@/lib/supabase/server';
+import { redirect } from 'next/navigation';
+import { resolveActiveTenant } from '@/lib/tenant-context';
+import ClientCreativesView from '@/components/ClientCreativesView';
+
+export const dynamic = 'force-dynamic';
+
+export default async function CreatividadesPage() {
+ const supabase = await createClient();
+ const {
+ data: { user },
+ } = await supabase.auth.getUser();
+
+ if (!user) redirect('/login');
+
+ const ctx = await resolveActiveTenant(user);
+
+ return
+
+
+
+
+ {mode === 'ads' ?
+ {/* Cabecera */}
+
+
+ )}
+
+ {/* MODAL: SUBIR IMAGEN FINAL */}
+ {uploadModalCreative ? (
+
+
+
+ {/* Selector de Pestañas Principales */}
+
+
+
+
+
+
+ + Creatividades · {clientName} +
+ ++ Gestión integral de relevo con Claude (WF3), detector de fatiga (WF2) y publicación en Meta (WF4). +
+
+
+
+
+
+ r.status === 'pendiente' || r.status === 'en_proceso').length} activas)` },
+ ]}
+ onChange={(v) => setActiveTab(v as any)}
+ />
+
+
+ {error ? (
+
+ {error}
+
+ ) : null}
+
+ {/* 1. VISTA KANBAN */}
+ {activeTab === 'kanban' && (
+
+
+ )}
+
+ {/* 2. PANEL DE FATIGA Y REGLAS */}
+ {activeTab === 'fatiga' && (
+
+ {KANBAN_COLUMNS.map((col) => {
+ const items = kanbanGroups[col.id] || [];
+ return (
+
+
+ {/* Encabezado Columna */}
+
+ );
+ })}
+
+
+
+ {/* Lista de Tarjetas */}
+
+
+
+
+ {items.length}
+
+ + {col.label} +
+
+ {items.length === 0 ? (
+
+
+ Sin piezas
+
+ ) : (
+ items.map((c) => (
+
+ {/* Miniatura / Media */}
+
+ ))
+ )}
+
+ {c.asset_url || c.thumbnail_url ? (
+ 
+ ) : (
+
+
+ {/* Info Titular y Copy */}
+
+
+ )}
+
+ {/* Badge asset_final */}
+
+ {c.asset_final ? (
+
+
+
+ {/* Badge Formato */}
+
+
+ {c.format || 'estatico'}
+
+
+
+
+
+ {/* Meta: Ángulo & Campaña */}
+ + {c.headline || c.hook || 'Sin titular'} +
+ {c.primary_text ? ( ++ {c.primary_text} +
+ ) : null} +
+ {c.angle ? (
+
+ {c.angle}
+
+ ) : null}
+ {c.campaign_name ? (
+
+ {c.campaign_name}
+
+ ) : null}
+
+
+ {/* Métricas si existen */}
+ {c.metrics ? (
+
+
+ ) : null}
+
+ {/* Botonera de Acciones de la Tarjeta */}
+
+ CTR
+ {c.metrics.ctr}%
+
+
+ Frec.
+ {c.metrics.frequency}
+
+
+ Gasto
+ {c.metrics.spend}€
+
+
+
+
+ {/* Botón Subir Imagen Final */}
+
+
+ {/* Botón Enviar al Cliente (solo si está en borrador o pendiente) */}
+ {col.id === 'borrador' ? (
+
+ ) : null}
+
+ {/* Botón Pedir Relevo si está fatigada o rechazada */}
+ {col.id === 'fatigada' || col.id === 'rechazada' ? (
+
+ ) : null}
+
+
+ {/* Selector rápido para mover de columna */}
+
+
+
+
+
+
+ {/* Formulario de Reglas */}
+
+ )}
+
+ {/* 3. COLA DE CLAUDE (GENERATION REQUESTS) */}
+ {activeTab === 'cola_claude' && (
+
+
+
+
+
+ {/* Listado de Creatividades Fatigadas */}
+
+
+
+
+
+ {rules ? (
+
+ ) : (
+
+
+ + WF2 evalúa a las 07:15 cada creatividad activa contra estos umbrales para marcar fatiga automáticamente. +
+Cargando reglas...
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+ {kanbanGroups['fatigada']?.length || 0} fatigadas
+
+
+
+ + Creatividades que alcanzaron los umbrales de saturación y requieren reemplazo. +
+
+ {(!kanbanGroups['fatigada'] || kanbanGroups['fatigada'].length === 0) ? (
+
+
+
+ ))
+ )}
+
+
+
+
+
+ {c.asset_url || c.thumbnail_url ? (
+
+ ) : (
+
+
+
+ {c.headline || c.hook || c.id}
+{c.campaign_name || 'Campaña Meta'} · {c.format}
+ {c.metrics ? ( +
+ Frec: {c.metrics.frequency}
+ •
+ CTR: {c.metrics.ctr}%
+ •
+ Gasto: {c.metrics.spend}€
+
+ ) : null}
+
+
+
+
+
+
+
+
+
+
+ + Peticiones procesadas por Claude Opus 5-5 y Freepik Mystic a 4:5. +
+
+
+
+
+
+ | Fecha | +Motivo | +Formato / Variantes | +Estado | +Coste estimado | +Detalle | +
|---|---|---|---|---|---|
| + Sin peticiones registradas + | +|||||
| + {new Date(r.requested_at).toLocaleString('es-ES', { dateStyle: 'short', timeStyle: 'short' })} + | ++ + {r.reason} + + | ++ {r.brief?.format || 'estatico'} · {r.brief?.variants_requested || 3} variantes + | +
+ {r.status === 'completada' ? (
+
+ |
+ + {r.cost_estimate ? ( + + {r.cost_estimate.tokens || 0} tokens · {r.cost_estimate.image_generations || 0} imgs + + ) : ( + '—' + )} + | ++ {r.brief?.notes || r.id} + | +
+
+ ) : null}
+
+ {/* MODAL: PEDIR RELEVO / NUEVA PETICIÓN */}
+ {(newRequestModal || reliefModalCreative) ? (
+
+
+
+
+
+ Subir Imagen Final Compuesta
+ +
+ Esta imagen debe incluir el diseño final terminado (con texto y logotipo según la plantilla). Al guardarla, se marcará asset_final = true y se habilitará el botón para enviar al cliente.
+
+
+
+
+
+ setUploadFile(e.target.files?.[0] || null)}
+ className="w-full text-xs text-gray-500 file:mr-2 file:py-2 file:px-3 file:rounded-lg file:border-0 file:text-xs file:font-semibold file:bg-brand-50 file:text-brand-700 hover:file:bg-brand-100"
+ />
+
+
+
+
+ o bien
+
+
+
+
+
+ setUploadUrl(e.target.value)}
+ className="w-full rounded-lg border border-gray-300 p-2 text-xs focus:border-brand-500"
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {reliefModalCreative ? (
+
+
+
+
+ Creatividad base a relevar:
+ {reliefModalCreative.headline || reliefModalCreative.id}
+
+ ) : null}
+
+
+
+
+
+
+
+
+
+ setVariantsCount(Number(e.target.value))}
+ className="w-full rounded-lg border border-gray-300 p-2 focus:border-brand-500"
+ />
+
+
+
+
+