; return

; } // ─── Componente principale ───────────────────────────────────────────────────── const DeployPanel = memo(function DeployPanel({ onClose }: DeployPanelProps) { const cfg = getRepoConfig(); const owner = cfg.owner || "Baida98"; const repo = cfg.repo || "AI"; const [runs, setRuns] = useState([]); const [loading, setLoading] = useState(false); const [triggering, setTriggering] = useState(false); const [error, setError] = useState(null); const [success, setSuccess] = useState(null); const [lastLoad, setLastLoad] = useState(0); const pollRef = useRef | null>(null); const statusTimerRef = useRef | null>(null); const repairTaskSentRef = useRef(null); // GAP-2: evita task duplicati per lo stesso run // ── Stato target ───────────────────────────────────────────────────────────── const [deployStatus, setDeployStatus] = useState(null); const [statusLoading, setStatusLoading] = useState(false); // ── Auto-repair ─────────────────────────────────────────────────────────────── const [autoRunning, setAutoRunning] = useState(false); const [autoResult, setAutoResult] = useState(null); const [autoActions, setAutoActions] = useState([]); // ── Carica stato target ─────────────────────────────────────────────────────── const loadDeployStatus = useCallback(async () => { setStatusLoading(true); const res = await backendFetch("/api/deploy/status"); if (res) setDeployStatus(res); setStatusLoading(false); }, []); // ── Carica workflow runs ────────────────────────────────────────────────────── const loadRuns = useCallback(async (silent = false) => { if (!getGHToken()) return; if (!silent) setLoading(true); try { const r = await ghGetWorkflowRuns(owner, repo, "cloudflare-deploy.yml", 8); setRuns(r); setLastLoad(Date.now()); } catch (e) { if (!silent) setError((e as Error).message); } finally { if (!silent) setLoading(false); } }, [owner, repo]); // ── Boot ────────────────────────────────────────────────────────────────────── useEffect(() => { void loadRuns(); void loadDeployStatus(); statusTimerRef.current = setInterval(() => void loadDeployStatus(), STATUS_REFRESH_MS); return () => { if (pollRef.current) clearInterval(pollRef.current); if (statusTimerRef.current) clearInterval(statusTimerRef.current); }; // eslint-disable-next-line react-hooks/exhaustive-deps }, []); // latestRun dichiarato qui per essere disponibile nel useEffect GAP-2 const latestRun = runs[0] ?? null; // ── GAP-2: auto-task quando deploy fallisce — chiude il loop di autonomia ────── useEffect(() => { if (!latestRun) return; const isFailed = latestRun.status !== 'queued' && latestRun.status !== 'in_progress' && latestRun.conclusion === 'failure'; if (!isFailed) return; if (repairTaskSentRef.current === String(latestRun.id)) return; // già inviato repairTaskSentRef.current = String(latestRun.id); useTaskStore.getState().startTask( `🔧 Deploy #${latestRun.id} fallito su GitHub Actions. Analizza i log CF Pages con cf_pages_status, individua gli errori TypeScript/build, applica i fix nei file coinvolti, fai git_push e monitora con deploy_and_verify. Logs: ${latestRun.html_url}` ); }, [latestRun]); // ── Polling auto durante run attivo ────────────────────────────────────────── useEffect(() => { const hasActive = runs.some(r => r.status === "queued" || r.status === "in_progress"); if (hasActive) { if (!pollRef.current) pollRef.current = setInterval(() => void loadRuns(true), POLL_MS); } else { if (pollRef.current) { clearInterval(pollRef.current); pollRef.current = null; } } }, [runs, loadRuns]); // ── Auto-riparazione ────────────────────────────────────────────────────────── const runAutoRepair = useCallback(async () => { setAutoRunning(true); setAutoResult(null); setAutoActions(["⏳ Diagnosi in corso…"]); setError(null); setSuccess(null); const result = await backendFetch("/api/deploy/auto", { method: "POST", body: JSON.stringify({ targets: ["cloudflare", "railway", "huggingface"], dry_run: false }), }); if (result) { setAutoResult(result); setAutoActions(result.actions); if (result.ok) setSuccess(`Auto-riparazione completata: ${result.message} (${result.elapsed}s)`); else setError(`Alcuni target non risolti: ${result.broken.join(", ")}`); // Aggiorna lo stato target dopo la riparazione setTimeout(() => void loadDeployStatus(), 3_000); } else { setAutoActions(["❌ Backend non raggiungibile — verifica Railway"]); setError("Backend non raggiungibile. Assicurati che Railway sia attivo."); } setAutoRunning(false); }, [loadDeployStatus]); // ── Trigger deploy manuale ──────────────────────────────────────────────────── const triggerDeploy = useCallback(async () => { if (!getGHToken()) { setError("Configura il GitHub token (Impostazioni → GitHub)."); return; } setTriggering(true); setError(null); setSuccess(null); setAutoResult(null); try { const ok = await ghTriggerWorkflow(owner, repo, "cloudflare-deploy.yml", "main"); if (ok) { setSuccess("Deploy avviato! Polling ogni 6s…"); setTimeout(() => void loadRuns(), 3_000); } else setError("Workflow dispatch fallito. Verifica i permessi del token (scope: workflow)."); } catch (e) { setError(`Errore: ${(e as Error).message}`); } finally { setTriggering(false); } }, [owner, repo, loadRuns]); const triggerSmokeTest = useCallback(async () => { if (!getGHToken()) { setError("Configura il GitHub token."); return; } setTriggering(true); setError(null); try { await ghTriggerWorkflow(owner, repo, "smoke-test.yml", "main"); setSuccess("Smoke test avviato su GitHub Actions."); } catch (e) { setError(`Errore: ${(e as Error).message}`); } finally { setTriggering(false); } }, [owner, repo]); // ── Dati derivati ───────────────────────────────────────────────────────────── const isActive = latestRun && (latestRun.status === "queued" || latestRun.status === "in_progress"); const t = deployStatus?.targets; const checkedAgo = deployStatus ? timeAgo(deployStatus.checked_at) : null; const anyBroken = t ? (!t.cloudflare.ok || !t.railway.ok || !t.huggingface.ok) : false; const allGreen = t ? (t.cloudflare.ok && t.railway.ok && t.huggingface.ok) : false; return (