Update templates/code_new.html

templates/code_new.html

@@ -986,6 +986,9 @@ function showView(viewId) {
   if (viewId === "diagnostics") startDiagPoller();
   else stopDiagPoller();
 
+  // Cargar historial desde DB al entrar
+  if (viewId === "history") loadHistoryFromDB();
+
   // Actualizar nav activo
   const BOTTOM_LINKS = ["diagnostics", "logs"];
   Object.entries(NAV_ITEMS).forEach(([key, id]) => {
@@ -1177,6 +1180,60 @@ const AGENT_ICONS = {
   image_agent:  { icon: "image",          color: "text-primary" },
 };
 
+
+// ═══════════════════════════════════════════════════════════
+// HISTORY — carga desde DB al entrar a la vista
+// ═══════════════════════════════════════════════════════════
+async function loadHistoryFromDB() {
+  try {
+    const res  = await fetch("/api/history");
+    const data = await res.json();
+    if (data.error) throw new Error(data.error);
+
+    // Convertir formato DB → formato interno missionHistory
+    const dbMissions = (data.missions || []).map((m, i) => {
+      const agents = (m.results || []).map(r => r.agent).filter(Boolean);
+      const agentResponses = [];
+
+      // Respuesta del manager desde plan
+      const managerReasoning = m.plan?.reasoning || m.plan?.raw || null;
+      if (managerReasoning) {
+        agentResponses.push({ agent: "manager", text: managerReasoning });
+      }
+
+      // Respuestas de agentes especializados
+      (m.results || []).forEach(r => {
+        if (r.response) agentResponses.push({ agent: r.agent, text: r.response });
+      });
+
+      const success  = (m.results || []).every(r => r.success !== false);
+      const fileUrl  = m.doc_file ? `/docs/${m.doc_file}` : null;
+      const fileType = (m.results || []).find(r => r.file_type)?.file_type || null;
+      const ts       = m.ended_at ? new Date(m.ended_at) : new Date(m.started_at);
+
+      return {
+        mId:            `MC-${String(m.id).padStart(4, "0")}`,
+        task:           m.task,
+        ts,
+        agents,
+        success,
+        fileUrl,
+        fileType,
+        agentResponses,
+      };
+    });
+
+    // Reemplazar historial en memoria con datos de la DB
+    missionHistory = dbMissions;
+    updateHistoryStats();
+    renderHistoryTable();
+    console.log(`[History] ${dbMissions.length} misiones cargadas desde DB`);
+
+  } catch(e) {
+    console.error("[History] error cargando desde DB:", e);
+  }
+}
+
 function recordMission(task, managerData, missionData) {
   const ts  = new Date();
   const mId = "MC-" + String(missionHistory.length + 1).padStart(4, "0");