@cccarv82/freya 2.3.9 → 2.3.11

package/cli/web-ui.js

@@ -139,14 +139,14 @@
         state.chatSessionId = fromLocal;
         return state.chatSessionId;
       }
-    } catch {}
+    } catch { }
 
     const id = (typeof crypto !== 'undefined' && crypto.randomUUID)
       ? crypto.randomUUID()
       : ('sess-' + Date.now() + '-' + Math.random().toString(16).slice(2, 8));
 
     state.chatSessionId = id;
-    try { localStorage.setItem('freya.chatSessionId', id); } catch {}
+    try { localStorage.setItem('freya.chatSessionId', id); } catch { }
     return id;
   }
 
@@ -197,7 +197,7 @@
     // keep newest in view
     try {
       thread.scrollTop = thread.scrollHeight;
-    } catch {}
+    } catch { }
   }
 
   async function loadChatHistory() {
@@ -230,7 +230,7 @@
           bubble.appendChild(body);
           thread.appendChild(bubble);
         }
-        try { thread.scrollTop = thread.scrollHeight; } catch {}
+        try { thread.scrollTop = thread.scrollHeight; } catch { }
       }
     } catch {
       // ignore
@@ -285,7 +285,7 @@
       el.innerHTML = renderMarkdown(state.lastText);
     } catch (e) {
       // Fallback: never hide the error/output if markdown rendering breaks
-      try { console.error('renderMarkdown failed:', e); } catch {}
+      try { console.error('renderMarkdown failed:', e); } catch { }
       el.textContent = state.lastText;
     }
   }
@@ -367,9 +367,9 @@
 
   function saveLocal() {
     localStorage.setItem('freya.dir', $('dir').value);
-    try { localStorage.setItem('freya.autoApply', state.autoApply ? '1' : '0'); } catch {}
-    try { localStorage.setItem('freya.autoRunReports', state.autoRunReports ? '1' : '0'); } catch {}
-    try { localStorage.setItem('freya.prettyPublish', state.prettyPublish ? '1' : '0'); } catch {}
+    try { localStorage.setItem('freya.autoApply', state.autoApply ? '1' : '0'); } catch { }
+    try { localStorage.setItem('freya.autoRunReports', state.autoRunReports ? '1' : '0'); } catch { }
+    try { localStorage.setItem('freya.prettyPublish', state.prettyPublish ? '1' : '0'); } catch { }
   }
 
   function loadLocal() {
@@ -388,7 +388,7 @@
       if (v3 !== null) state.prettyPublish = v3 === '1';
       const cb3 = $('prettyPublish');
       if (cb3) cb3.checked = !!state.prettyPublish;
-    } catch {}
+    } catch { }
 
     const def = (window.__FREYA_DEFAULT_DIR && window.__FREYA_DEFAULT_DIR !== '__FREYA_DEFAULT_DIR__')
       ? window.__FREYA_DEFAULT_DIR
@@ -655,7 +655,8 @@
         };
       }
 
-      grid.appendChild(card);    }
+      grid.appendChild(card);
+    }
   }
 
   function renderProjects() {
@@ -664,7 +665,7 @@
     const filter = String(($('projectsFilter') && $('projectsFilter').value) || '').toLowerCase();
     const items = Array.isArray(state.projects) ? state.projects : [];
     const filtered = items.filter((p) => {
-      const hay = [p.client, p.program, p.stream, p.project, p.slug, (p.tags||[]).join(' ')].join(' ').toLowerCase();
+      const hay = [p.client, p.program, p.stream, p.project, p.slug, (p.tags || []).join(' ')].join(' ').toLowerCase();
       return !filter || hay.includes(filter);
     });
     el.innerHTML = '';
@@ -847,9 +848,9 @@
           const c = cards[idx];
           const card = document.createElement('div');
           card.className = 'reportCard';
-          const dateLine = c.body.find((b)=> b.toLowerCase().includes('data'));
-          const impactLine = c.body.find((b)=> b.toLowerCase().includes('descricao') || b.toLowerCase().includes('impacto'));
-          const statusLine = c.body.find((b)=> /^status\s*:/i.test(b));
+          const dateLine = c.body.find((b) => b.toLowerCase().includes('data'));
+          const impactLine = c.body.find((b) => b.toLowerCase().includes('descricao') || b.toLowerCase().includes('impacto'));
+          const statusLine = c.body.find((b) => /^status\s*:/i.test(b));
           const statusRaw = statusLine ? statusLine.split(':').slice(1).join(':').trim().toLowerCase() : '';
           let statusKey = '';
           if (['open', 'aberto', 'aberta'].includes(statusRaw)) statusKey = 'open';
@@ -859,7 +860,7 @@
           card.innerHTML = '<div class="reportTitle">' + escapeHtml(c.title) + '</div>'
             + (dateLine ? ('<div class="reportMeta">' + escapeHtml(dateLine) + '</div>') : '')
             + (impactLine ? ('<div class="help" style="margin-top:4px">' + escapeHtml(impactLine) + '</div>') : '')
-            + c.body.filter((b)=> b!==dateLine && b!==impactLine && b!==statusLine).map((b) => '<div class="help" style="margin-top:4px">' + escapeHtml(b) + '</div>').join('');
+            + c.body.filter((b) => b !== dateLine && b !== impactLine && b !== statusLine).map((b) => '<div class="help" style="margin-top:4px">' + escapeHtml(b) + '</div>').join('');
 
           if (statusKey) {
             const actions = document.createElement('div');
@@ -913,7 +914,7 @@
       el.innerHTML = '';
       let items = r.items || [];
       const sort = state.heatmapSort || 'pending';
-      items = items.slice().sort((a,b)=> (b[sort]||0) - (a[sort]||0));
+      items = items.slice().sort((a, b) => (b[sort] || 0) - (a[sort] || 0));
       for (const it of items) {
         const row = document.createElement('div');
         row.className = 'rep';
@@ -1001,6 +1002,12 @@
         if (!isTimeline) window.location.href = '/timeline';
       };
     }
+    if ($('railGraph')) {
+      $('railGraph').onclick = () => {
+        const isGraph = document.body && document.body.dataset && document.body.dataset.page === 'graph';
+        if (!isGraph) window.location.href = '/graph';
+      };
+    }
     if (health) {
       health.onclick = () => {
         const isHealth = document.body && document.body.dataset && document.body.dataset.page === 'companion';
@@ -1172,7 +1179,7 @@
       if (r && r.dir) {
         $('dir').value = r.dir;
         const sp = $('sidePath');
-      if (sp) sp.textContent = r.dir;
+        if (sp) sp.textContent = r.dir;
       }
       saveLocal();
       setPill('ok', 'ready');
@@ -1194,7 +1201,7 @@
       setLast(null);
       await refreshReports({ selectLatest: true });
       // Auto health after init
-      try { await doHealth(); } catch {}
+      try { await doHealth(); } catch { }
       setPill('ok', 'init ok');
     } catch (e) {
       setPill('err', 'init failed');
@@ -1215,7 +1222,7 @@
       setLast(null);
       await refreshReports({ selectLatest: true });
       // Auto health after update
-      try { await doHealth(); } catch {}
+      try { await doHealth(); } catch { }
       setPill('ok', 'update ok');
     } catch (e) {
       setPill('err', 'update failed');
@@ -1303,11 +1310,11 @@
     }
   }
 
-  async function refreshRiskSummary() {
-    const el = $('riskSummary');
-    if (el) el.innerHTML = '<div class="help">Carregando riscos...</div>';
+  async function refreshRiskRadar() {
+    const el = $('riskRadarBox');
+    if (el) el.innerHTML = '<div class="help">Calculando riscos...</div>';
     try {
-      const r = await api('/api/risk/summary', { dir: dirOrDefault() });
+      const r = await api('/api/companion/risk-radar', { dir: dirOrDefault() });
       if (!el) return;
       if (r && r.needsInit) {
         el.innerHTML = '<div class="help">Workspace não inicializado.</div>';
@@ -1315,23 +1322,74 @@
       }
       const items = Array.isArray(r.items) ? r.items : [];
       if (!items.length) {
-        el.innerHTML = '<div class="help">Sem riscos relevantes.</div>';
+        el.innerHTML = '<div class="help">Radar livre de riscos críticos ou moderados no momento.</div>';
         return;
       }
       const rows = items.map((it) => {
-        const age = (it.oldestBlockerDays != null) ? `${it.oldestBlockerDays}d` : 'n/a';
+        const pillClass = it.severity === 'high' ? 'warn' : 'info';
+        const pillLabel = it.severity === 'high' ? 'Alto Risco' : 'Atenção';
         return `<div class=\"rep\">`
           + `<div style=\"display:flex; justify-content:space-between; gap:10px; align-items:center\">`
           + `<div style=\"min-width:0\"><div style=\"font-weight:800\">${escapeHtml(it.slug || '')}</div>`
-          + `<div class=\"help\" style=\"margin-top:4px\">Pendentes: ${escapeHtml(String(it.pendingTasks || 0))} · Blockers 7d+: ${escapeHtml(String(it.oldBlockers || 0))} · Mais antigo: ${escapeHtml(age)}</div>`
+          + `<div class=\"help\" style=\"margin-top:4px\">${escapeHtml(it.message || '')}</div>`
           + `</div>`
-          + `<div class=\"pill warn\">risco</div>`
+          + `<div class=\"pill ${pillClass}\">${pillLabel}</div>`
           + `</div>`
           + `</div>`;
       }).join('');
       el.innerHTML = rows;
     } catch {
-      if (el) el.innerHTML = '<div class="help">Falha ao carregar riscos.</div>';
+      if (el) el.innerHTML = '<div class="help">Falha ao carregar o Radar de Risco.</div>';
+    }
+  }
+
+  async function refreshGraph() {
+    try {
+      if (!window.vis) return; // vis.js not loaded yet
+      const el = $('networkGraph');
+      if (!el) return;
+
+      const r = await api('/api/graph/data', { dir: dirOrDefault() });
+      if (!r || !r.nodes) return;
+
+      const nodes = new vis.DataSet(r.nodes);
+      const edges = new vis.DataSet(r.edges);
+
+      const data = { nodes, edges };
+      const options = {
+        nodes: {
+          shape: 'dot',
+          size: 16,
+          font: { color: 'var(--fg)', face: 'var(--sans)' },
+          borderWidth: 2
+        },
+        edges: {
+          color: { color: 'var(--border)', highlight: 'var(--brand)' },
+          width: 1,
+          smooth: { type: 'continuous' }
+        },
+        groups: {
+          project: { color: { background: 'var(--bg2)', border: 'var(--brand)' } },
+          task: { color: { background: 'var(--bg2)', border: 'var(--info)' }, size: 10 },
+          blocker: { color: { background: 'var(--warn-bg)', border: 'var(--warn)' }, size: 14, shape: 'triangle' },
+          tag: { color: { background: 'var(--bg2)', border: 'var(--border)' }, size: 8, font: { size: 10 } },
+          unassigned: { color: { background: 'var(--bg2)', border: 'var(--border)' }, size: 10 }
+        },
+        physics: {
+          forceAtlas2Based: { gravitationalConstant: -26, centralGravity: 0.005, springLength: 230, springConstant: 0.18 },
+          maxVelocity: 146,
+          solver: 'forceAtlas2Based',
+          timestep: 0.35,
+          stabilization: { iterations: 150 }
+        }
+      };
+
+      if (state.networkInstance) {
+        state.networkInstance.destroy();
+      }
+      state.networkInstance = new vis.Network(el, data, options);
+    } catch (e) {
+      console.error('Failed to load graph data', e);
     }
   }
 
@@ -1577,19 +1635,19 @@
   function togglePrettyPublish() {
     const cb = $('prettyPublish');
     state.prettyPublish = cb ? !!cb.checked : true;
-    try { localStorage.setItem('freya.prettyPublish', state.prettyPublish ? '1' : '0'); } catch {}
+    try { localStorage.setItem('freya.prettyPublish', state.prettyPublish ? '1' : '0'); } catch { }
   }
 
   function toggleAutoRunReports() {
     const cb = $('autoRunReports');
     state.autoRunReports = cb ? !!cb.checked : false;
-    try { localStorage.setItem('freya.autoRunReports', state.autoRunReports ? '1' : '0'); } catch {}
+    try { localStorage.setItem('freya.autoRunReports', state.autoRunReports ? '1' : '0'); } catch { }
   }
 
   function toggleAutoApply() {
     const cb = $('autoApply');
     state.autoApply = cb ? !!cb.checked : true;
-    try { localStorage.setItem('freya.autoApply', state.autoApply ? '1' : '0'); } catch {}
+    try { localStorage.setItem('freya.autoApply', state.autoApply ? '1' : '0'); } catch { }
   }
 
   async function saveAndPlan() {
@@ -1699,8 +1757,8 @@
       chatAppend('assistant', msg, { markdown: true });
 
       // After apply, refresh panels so the UI reflects the new state (tasks/blockers/reports)
-      try { await refreshToday(); } catch {}
-      try { await refreshReports({ selectLatest: true }); } catch {}
+      try { await refreshToday(); } catch { }
+      try { await refreshReports({ selectLatest: true }); } catch { }
 
       setPill('ok', 'applied');
       setTimeout(() => setPill('ok', 'pronto'), 800);
@@ -1725,15 +1783,16 @@
       const open = localStorage.getItem('freya.devDrawer') === '1';
       if (open) d.open = true;
       d.addEventListener('toggle', () => {
-        try { localStorage.setItem('freya.devDrawer', d.open ? '1' : '0'); } catch {}
+        try { localStorage.setItem('freya.devDrawer', d.open ? '1' : '0'); } catch { }
       });
     }
-  } catch {}
+  } catch { }
 
   const isReportsPage = document.body && document.body.dataset && document.body.dataset.page === 'reports';
   const isProjectsPage = document.body && document.body.dataset && document.body.dataset.page === 'projects';
   const isTimelinePage = document.body && document.body.dataset && document.body.dataset.page === 'timeline';
   const isCompanionPage = document.body && document.body.dataset && document.body.dataset.page === 'companion';
+  const isGraphPage = document.body && document.body.dataset && document.body.dataset.page === 'graph';
 
   // Load persisted settings from the workspace + bootstrap (auto-init + auto-health)
   (async () => {
@@ -1771,12 +1830,17 @@
       return;
     }
 
+    if (isGraphPage) {
+      await refreshGraph();
+      return;
+    }
+
     if (isCompanionPage) {
       await refreshHealthChecklist();
       await refreshQualityScore();
       await refreshExecutiveSummary();
       await refreshAnomalies();
-      await refreshRiskSummary();
+      await refreshRiskRadar();
       await refreshIncidents();
       await refreshHeatmap();
       return;
@@ -1822,6 +1886,7 @@
   window.refreshReportsPage = refreshReportsPage;
   window.refreshProjects = refreshProjects;
   window.refreshTimeline = refreshTimeline;
+  window.refreshGraph = refreshGraph;
   window.refreshIncidents = refreshIncidents;
   window.refreshHeatmap = refreshHeatmap;
   window.setHeatmapSort = setHeatmapSort;
@@ -1831,7 +1896,7 @@
   window.refreshQualityScore = refreshQualityScore;
   window.refreshExecutiveSummary = refreshExecutiveSummary;
   window.refreshAnomalies = refreshAnomalies;
-  window.refreshRiskSummary = refreshRiskSummary;
+  window.refreshRiskRadar = refreshRiskRadar;
   window.copyOut = copyOut;
   window.copyPath = copyPath;
   window.openSelected = openSelected;