perf: creatividades warehouse-first + aviso OAuth Ads Production

Carga métricas desde ad_daily al instante (mode=fast) y enriquece previews en vivo; la UI de Agencia avisa si falta scope Ads o consent Testing.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/AdTrackerClient.tsx

@@ -552,39 +552,70 @@ export default function AdTrackerClient({
     async function load() {
       setCreativesLoading(true);
       setCreativesWarning(null);
+      const platform = tab === 'meta' ? 'meta' : 'google';
+      const baseQs = {
+        since: range.since,
+        until: range.until,
+        platform,
+      };
+
+      let hasFast = false;
+
+      // 1) Warehouse first — instant metrics (source of truth from sync)
       try {
-        const platform = tab === 'meta' ? 'meta' : 'google';
-        const qs = new URLSearchParams({
-          since: range.since,
-          until: range.until,
-          platform,
+        const qs = new URLSearchParams({ ...baseQs, mode: 'fast' });
+        const r = await fetch(`/api/ad-tracker/creatives?${qs}`, {
+          cache: 'no-store',
         });
+        const data = await r.json().catch(() => ({}));
+        if (cancelled) return;
+        if (r.ok) {
+          hasFast = true;
+          setCreatives((data.ads as AdCreativeCard[]) || []);
+          if (
+            data.metaClickSplit &&
+            typeof data.metaClickSplit.clicks === 'number'
+          ) {
+            setMetaClickSplit(data.metaClickSplit);
+          } else if (platform === 'google') {
+            setMetaClickSplit(null);
+          }
+          setCreativesLoading(false);
+        }
+      } catch {
+        /* continue to live */
+      }
+
+      // 2) Live enrich (previews) — never blocks empty UI
+      try {
+        const qs = new URLSearchParams({ ...baseQs, mode: 'live' });
         const r = await fetch(`/api/ad-tracker/creatives?${qs}`, {
           cache: 'no-store',
         });
         const data = await r.json().catch(() => ({}));
         if (cancelled) return;
         if (!r.ok) {
-          setCreatives([]);
-          setMetaClickSplit(null);
-          setCreativesWarning(data.hint || data.error || 'No se pudieron cargar creatividades');
+          if (!hasFast) {
+            setCreativesWarning(
+              data.hint || data.error || 'No se pudieron cargar creatividades'
+            );
+          }
           return;
         }
-        setCreatives((data.ads as AdCreativeCard[]) || []);
+        const liveAds = (data.ads as AdCreativeCard[]) || [];
+        if (liveAds.length) setCreatives(liveAds);
         if (
           data.metaClickSplit &&
           typeof data.metaClickSplit.clicks === 'number'
         ) {
           setMetaClickSplit(data.metaClickSplit);
-        } else if (platform === 'google') {
-          setMetaClickSplit(null);
         }
-        const w = Array.isArray(data.warnings) ? data.warnings.filter(Boolean) : [];
+        const w = Array.isArray(data.warnings)
+          ? data.warnings.filter(Boolean)
+          : [];
         setCreativesWarning(w.length ? w.join(' · ') : null);
       } catch {
-        if (!cancelled) {
-          setCreatives([]);
-          setMetaClickSplit(null);
+        if (!cancelled && !hasFast) {
           setCreativesWarning('Error al cargar creatividades');
         }
       } finally {

src/components/DriveConnectPanel.tsx

@@ -18,6 +18,7 @@ export default function DriveConnectPanel() {
   const [configured, setConfigured] = useState(false);
   const [connected, setConnected] = useState(false);
   const [email, setEmail] = useState<string | null>(null);
+  const [hasAds, setHasAds] = useState(false);
   const [loading, setLoading] = useState(true);
   const [matching, setMatching] = useState(false);
   const [matches, setMatches] = useState<MatchRow[] | null>(null);
@@ -31,6 +32,7 @@ export default function DriveConnectPanel() {
     setConfigured(Boolean(data.configured));
     setConnected(Boolean(data.connected));
     setEmail(data.email || null);
+    setHasAds(Boolean(data.hasAds));
     setLoading(false);
   }
 
@@ -145,12 +147,23 @@ export default function DriveConnectPanel() {
       </div>
 
       {connected ? (
-        <p className="text-xs text-emerald-700">
-          Conectado{email ? ` · ${email}` : ''}
-        </p>
+        <div className="space-y-1">
+          <p className="text-xs text-emerald-700">
+            Conectado{email ? ` · ${email}` : ''}
+            {hasAds ? ' · Ads OK' : ''}
+          </p>
+          {!hasAds ? (
+            <p className="text-xs text-amber-800 bg-amber-50 border border-amber-200 rounded-lg px-3 py-2">
+              Falta el scope de Google Ads. Pulsa{' '}
+              <strong>Reconectar Google</strong> y acepta Ads en el
+              consentimiento (consent screen en Production).
+            </p>
+          ) : null}
+        </div>
       ) : (
         <p className="text-xs text-amber-800">
-          Aún no conectado — pulsa el botón naranja.
+          Aún no conectado — pulsa el botón naranja con marketing@4ventures.es.
+          Los clientes no necesitan hacer login en Google.
         </p>
       )}
       {msg && <p className="text-xs text-gray-600">{msg}</p>}