@cccarv82/freya 2.14.0 → 2.15.0

package/cli/web-ui.js

@@ -139,10 +139,9 @@
       }
 
       const li = line.match(/^[ \t]*[-*][ \t]+(.*)$/);
-      const oli = !li ? line.match(/^[ \t]*\d+\.[ \t]+(.*)$/) : null;
-      if (li || oli) {
+      if (li) {
         if (!inList) { html += '<ul class="md-ul">'; inList = true; }
-        const content = inlineFormat((li || oli)[1]);
+        const content = inlineFormat(li[1]);
         html += '<li>' + content + '</li>';
         continue;
       }
@@ -193,37 +192,42 @@
 
     // --- Strategy 2: regex fallback for truncated/malformed JSON ---
     var lines = [];
+    var num = 0;
 
     // Match append_daily_log / appenddailylog actions
     var logRe = /"type"\s*:\s*"append_?daily_?log"\s*,\s*"text"\s*:\s*"([^"]{1,300})/gi;
     var m;
     while ((m = logRe.exec(text)) !== null) {
+      num++;
       var t = m[1].slice(0, 140);
-      lines.push('- \u{1F4DD} **Registrar no log:** ' + t + (m[1].length > 140 ? '...' : ''));
+      lines.push(num + '. \u{1F4DD} **Registrar no log:** ' + t + (m[1].length > 140 ? '...' : ''));
     }
 
     // Match create_task actions
     var taskRe = /"type"\s*:\s*"create_?task"\s*,\s*"description"\s*:\s*"([^"]{1,200})/gi;
     while ((m = taskRe.exec(text)) !== null) {
+      num++;
       var desc = m[1].slice(0, 120);
       var priMatch = text.slice(m.index, m.index + 400).match(/"priority"\s*:\s*"(\w+)"/i);
       var pri = priMatch ? ' (prioridade: **' + priMatch[1].toUpperCase() + '**)' : '';
-      lines.push('- \u2705 **Criar tarefa:** ' + desc + pri);
+      lines.push(num + '. \u2705 **Criar tarefa:** ' + desc + pri);
     }
 
     // Match create_blocker actions
     var blockerRe = /"type"\s*:\s*"create_?blocker"\s*,\s*"title"\s*:\s*"([^"]{1,200})/gi;
     while ((m = blockerRe.exec(text)) !== null) {
+      num++;
       var title = m[1].slice(0, 120);
       var sevMatch = text.slice(m.index, m.index + 400).match(/"severity"\s*:\s*"(\w+)"/i);
       var sev = sevMatch ? ' (severidade: **' + sevMatch[1].toUpperCase() + '**)' : '';
-      lines.push('- \u{1F6A7} **Registrar blocker:** ' + title + sev);
+      lines.push(num + '. \u{1F6A7} **Registrar blocker:** ' + title + sev);
     }
 
     // Match suggest_report actions
     var repRe = /"type"\s*:\s*"suggest_?report"\s*,\s*"name"\s*:\s*"([^"]+)"/gi;
     while ((m = repRe.exec(text)) !== null) {
-      lines.push('- \u{1F4CA} **Sugerir relatorio:** ' + m[1]);
+      num++;
+      lines.push(num + '. \u{1F4CA} **Sugerir relatorio:** ' + m[1]);
     }
 
     return lines.length > 0 ? lines.join('\n') : null;
@@ -236,32 +240,33 @@
       oraclequery: '\u{1F50D}'
     };
 
-    var lines = actions.map(function(a) {
+    var lines = actions.map(function(a, i) {
       var type = String(a.type || '').trim().toLowerCase().replace(/_/g, '');
       var icon = icons[type] || '\u2022';
+      var num = i + 1;
 
       if (type === 'appenddailylog') {
         var t = String(a.text || '').slice(0, 140);
-        return '- ' + icon + ' **Registrar no log:** ' + t + (String(a.text || '').length > 140 ? '...' : '');
+        return num + '. ' + icon + ' **Registrar no log:** ' + t + (String(a.text || '').length > 140 ? '...' : '');
       }
       if (type === 'createtask') {
         var desc = String(a.description || '').slice(0, 120);
         var pri = a.priority ? ' (prioridade: **' + String(a.priority).toUpperCase() + '**)' : '';
         var cat = a.category ? ' [' + a.category + ']' : '';
-        return '- ' + icon + ' **Criar tarefa:** ' + desc + pri + cat;
+        return num + '. ' + icon + ' **Criar tarefa:** ' + desc + pri + cat;
       }
       if (type === 'createblocker') {
         var title = String(a.title || a.description || '').slice(0, 120);
         var sev = a.severity ? ' (severidade: **' + String(a.severity).toUpperCase() + '**)' : '';
-        return '- ' + icon + ' **Registrar blocker:** ' + title + sev;
+        return num + '. ' + icon + ' **Registrar blocker:** ' + title + sev;
       }
       if (type === 'suggestreport') {
-        return '- ' + icon + ' **Sugerir relatorio:** ' + String(a.name || a.reportType || '');
+        return num + '. ' + icon + ' **Sugerir relatorio:** ' + String(a.name || a.reportType || '');
       }
       if (type === 'oraclequery') {
-        return '- ' + icon + ' **Consultar oracle:** ' + String(a.query || '').slice(0, 120);
+        return num + '. ' + icon + ' **Consultar oracle:** ' + String(a.query || '').slice(0, 120);
       }
-      return '- \u2022 **' + String(a.type || 'acao') + '**';
+      return num + '. \u2022 **' + String(a.type || 'acao') + '**';
     });
 
     return lines.join('\n');
@@ -336,6 +341,11 @@
       persistChatItem({ ts: Date.now(), role, markdown: !!opts.markdown, text: raw });
     }
 
+    // show the thread now that it has content
+    thread.style.display = 'flex';
+    thread.style.padding = '12px';
+    thread.style.borderTop = '1px solid var(--border)';
+
     // keep newest in view
     try {
       thread.scrollTop = thread.scrollHeight;
@@ -472,8 +482,8 @@
     const thread = $('chatThread');
     if (!thread) return;
     const hasContent = thread.children.length > 0;
+    thread.style.display = hasContent ? 'flex' : 'none';
     thread.style.padding = hasContent ? '12px' : '0';
-    thread.style.maxHeight = hasContent ? '280px' : '0';
     thread.style.borderTop = hasContent ? '1px solid var(--border)' : 'none';
   }
 
@@ -1426,6 +1436,7 @@
     const health = $('railCompanion');
     const graph = $('railGraph');
     const docs = $('railDocs');
+    const kanban = $('railKanban');
 
     const curPage = (document.body && document.body.dataset) ? document.body.dataset.page : null;
     const isDashboard = !curPage || curPage === 'dashboard';
@@ -1455,6 +1466,11 @@
         if (curPage !== 'companion') window.location.href = '/companion';
       };
     }
+    if (kanban) {
+      kanban.onclick = () => {
+        if (curPage !== 'kanban') window.location.href = '/kanban';
+      };
+    }
     if (tl) {
       tl.onclick = () => {
         if (curPage !== 'timeline') window.location.href = '/timeline';
@@ -2130,172 +2146,179 @@
     }
   }
 
+  // New Companion Dashboard functions
   async function refreshCompanionDash() {
+    const filter = document.querySelector('.companionTabs .tab.active')?.dataset?.filter || 'all';
     try {
-      setPill('run', 'carregando dashboard...');
-      const [pRes, sRes, aRes] = await Promise.all([
+      const [prj, brk, alts] = await Promise.all([
         api('/api/companion/projects-summary', { dir: dirOrDefault() }),
         api('/api/companion/streams-breakdown', { dir: dirOrDefault() }),
         api('/api/companion/alerts', { dir: dirOrDefault() })
       ]);
-      if (!pRes || !pRes.ok || !sRes || !sRes.ok || !aRes || !aRes.ok) {
-        setPill('err', 'Falha ao carregar dashboard');
-        return;
+
+      const projects = (prj && prj.projects) || [];
+      const breakdown = (brk && brk.breakdown) || [];
+      const alerts = (alts && alts.alerts) || [];
+
+      // Show/hide sections based on filter
+      $('consolidatedViewBox').style.display = filter === 'all' ? 'block' : 'none';
+      $('projectCardsBox').style.display = filter === 'all' ? 'block' : 'none';
+      $('streamBreakdownBox').style.display = filter === 'all' ? 'block' : 'none';
+      $('alertsViewBox').style.display = filter === 'alerts' || filter === 'risk' ? 'block' : 'none';
+
+      if (filter === 'all' || filter === 'risk') {
+        renderConsolidatedView(projects);
+        renderProjectCards(projects, filter === 'risk');
+        renderStreamBreakdown(breakdown, filter === 'risk');
       }
-      renderConsolidatedView(pRes.projects || []);
-      renderProjectCards(pRes.projects || []);
-      renderStreamBreakdown(sRes.items || []);
-      renderAlerts(aRes.alerts || []);
-      setPill('ok', 'dashboard pronto');
+
+      if (filter === 'alerts' || filter === 'risk') {
+        renderAlerts(alerts, filter === 'risk');
+      }
+
+      setPill('ok', 'dashboard atualizado');
     } catch (e) {
-      setPill('err', 'Erro ao carregar dashboard');
+      setPill('err', 'falha ao carregar dashboard');
       console.error('refreshCompanionDash error:', e);
     }
   }
 
   function renderConsolidatedView(projects) {
-    const consolidated = $('companionConsolidated');
-    if (!consolidated) return;
-    let totalCompleted = 0, totalPending = 0, totalCritical = 0;
-    for (const p of projects) {
-      totalCompleted += p.completedTasks || 0;
-      totalPending += p.pendingTasks || 0;
-      totalCritical += (p.blockersBySeverity && p.blockersBySeverity.CRITICAL) || 0;
-    }
-    const avgVelocity = projects.length > 0 ? (projects.reduce((s, p) => s + (p.velocityThisWeek || 0), 0) / projects.length).toFixed(1) : '0';
-    const staleProjects = projects.filter(p => p.status === 'IDLE').length;
-    consolidated.innerHTML = `
-      <div class="kpiCard">
-        <div style="font-size:11px; color:var(--textSecondary); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:4px;">Concluídas</div>
-        <div style="font-size:20px; font-weight:700;">✅ ${totalCompleted}</div>
-      </div>
-      <div class="kpiCard">
-        <div style="font-size:11px; color:var(--textSecondary); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:4px;">Pendentes</div>
-        <div style="font-size:20px; font-weight:700;">⏳ ${totalPending}</div>
-      </div>
-      <div class="kpiCard">
-        <div style="font-size:11px; color:var(--textSecondary); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:4px;">CRITICAL</div>
-        <div style="font-size:20px; font-weight:700; color:#ef4444;">🚧 ${totalCritical}</div>
-      </div>
+    const box = $('consolidatedView');
+    if (!box) return;
+
+    const totalCompleted = projects.reduce((sum, p) => sum + p.completedTasks, 0);
+    const totalPending = projects.reduce((sum, p) => sum + p.pendingTasks, 0);
+    const totalCritical = projects.reduce((sum, p) => sum + (p.blockersBySeverity?.CRITICAL || 0), 0);
+    const totalPendingTasks = projects.reduce((sum, p) => sum + p.pendingTasks, 0);
+    const overallCompletion = projects.reduce((sum, p) => sum + p.completionRate, 0) / Math.max(projects.length, 1);
+
+    const kpis = [
+      { icon: '✅', label: 'Concluídas', value: totalCompleted, unit: 'semana' },
+      { icon: '⏳', label: 'Pendentes', value: totalPending, unit: 'lembretes' },
+      { icon: '🚧', label: 'CRITICAL', value: totalCritical, unit: 'bloqueios' },
+      { icon: '📋', label: 'Taxa Conclusão', value: Math.round(overallCompletion), unit: '%' }
+    ];
+
+    box.innerHTML = kpis.map(kpi => `
       <div class="kpiCard">
-        <div style="font-size:11px; color:var(--textSecondary); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:4px;">Velocity</div>
-        <div style="font-size:20px; font-weight:700;">📈 ${avgVelocity}/dia</div>
+        <div style="font-size: 24px; margin-bottom: 4px;">${kpi.icon}</div>
+        <div style="font-size: 28px; font-weight: 700; color: var(--accent);">${kpi.value}</div>
+        <div style="font-size: 11px; color: var(--textMuted); margin-top: 4px;">${kpi.label}</div>
+        <div style="font-size: 10px; color: var(--textMuted);">${kpi.unit}</div>
       </div>
-    `;
+    `).join('');
   }
 
-  function renderProjectCards(projects) {
-    const grid = $('companionProjects');
-    if (!grid) return;
-    const cards = projects.map(p => {
-      const progressPct = p.totalTasks > 0 ? Math.round((p.completedTasks / p.totalTasks) * 100) : 0;
-      const statusColor = p.status === 'ON_TRACK' ? '#10b981' : p.status === 'AT_RISK' ? '#ff9900' : '#666';
-      const statusLabel = p.status === 'ON_TRACK' ? 'Em dia' : p.status === 'AT_RISK' ? 'Em risco' : 'Inativo';
+  function renderProjectCards(projects, onlyRisk = false) {
+    const box = $('projectCardsGrid');
+    if (!box) return;
+
+    let filtered = projects;
+    if (onlyRisk) {
+      filtered = projects.filter(p => p.status === 'AT_RISK' || p.status === 'IDLE');
+    }
+
+    if (filtered.length === 0) {
+      box.innerHTML = '<div class="help">Nenhum projeto para exibir.</div>';
+      return;
+    }
+
+    box.innerHTML = filtered.map(p => {
+      const statusColor = p.status === 'IDLE' ? '#666' : p.status === 'AT_RISK' ? '#ff9900' : '#4ade80';
+      const statusText = p.status === 'IDLE' ? 'Inativo' : p.status === 'AT_RISK' ? 'Risco' : 'OK';
       return `
-        <div class="projectCard" style="border-left-color:${statusColor};">
-          <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:10px;">
-            <div>
-              <div style="font-weight:700; font-size:14px;">${escapeHtml(p.name)}</div>
-              <div style="font-size:11px; color:var(--textSecondary); margin-top:2px;">${statusLabel}</div>
-            </div>
-            <span class="pill" style="background:${statusColor}22; border-color:${statusColor}55; color:${statusColor};">${progressPct}%</span>
-          </div>
-          <div style="display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:10px; padding:8px; background:var(--bg); border-radius:0;">
-            <div style="text-align:center;">
-              <div style="font-size:10px; color:var(--textSecondary);">Concluídas</div>
-              <div style="font-size:14px; font-weight:700;">✓ ${p.completedTasks}/${p.totalTasks}</div>
-            </div>
-            <div style="text-align:center;">
-              <div style="font-size:10px; color:var(--textSecondary);">Blockers</div>
-              <div style="font-size:14px; font-weight:700;">🚧 ${p.blockersCount}</div>
-            </div>
+        <div class="projectCard" style="border-left-color: ${statusColor}; cursor: pointer;" onclick="window.location.href='/dashboard?project=${encodeURIComponent(p.slug)}'">
+          <div style="display: flex; justify-content: space-between; align-items: start; margin-bottom: 8px;">
+            <div style="font-weight: 700; font-size: 13px;">${escapeHtml(p.name)}</div>
+            <span class="pill" style="font-size: 9px; padding: 2px 6px;">${statusText}</span>
           </div>
-          <div style="font-size:10px; color:var(--textSecondary);">
-            <div>📈 Velocity: ${p.velocityThisWeek.toFixed(1)}/dia</div>
-            <div style="margin-top:2px;">⏱️ Última: ${escapeHtml(p.lastUpdateAgo)}</div>
+          <div style="display: flex; gap: 12px; margin-bottom: 8px; font-size: 11px;">
+            <div>✓ ${p.completedTasks}/${p.totalTasks}</div>
+            <div>🚧 ${p.openBlockers}</div>
           </div>
+          <div style="font-size: 10px; color: var(--textMuted);">Atualizado: ${p.lastUpdateAgo}</div>
         </div>
       `;
     }).join('');
-    grid.innerHTML = cards || '<div class="help">Nenhum projeto cadastrado.</div>';
   }
 
-  function renderStreamBreakdown(data) {
-    const el = $('streamBreakdown');
-    if (!el) return;
+  function renderStreamBreakdown(breakdown, onlyRisk = false) {
+    const box = $('streamBreakdown');
+    if (!box) return;
+
+    if (breakdown.length === 0) {
+      box.innerHTML = '<div class="help">Nenhum stream para exibir.</div>';
+      return;
+    }
+
     let html = '';
-    for (const proj of data) {
-      html += `<div style="margin-bottom:16px;">
-        <div style="font-weight:700; margin-bottom:8px; color:var(--accent);">${escapeHtml(proj.projectName)}</div>`;
-      for (const stream of proj.streams) {
-        const pct = stream.totalTasks > 0 ? Math.round((stream.completedTasks / stream.totalTasks) * 100) : 0;
-        const blockersLabel = stream.blockersCount > 0 ? `🚧 ${stream.blockersCount} ${stream.blockersHighestSeverity || ''}` : '✓';
-        html += `<div class="streamItem">
-          <div style="display:flex; justify-content:space-between; align-items:center;">
-            <div>
-              <div style="font-size:12px;">${escapeHtml(stream.streamName)}</div>
-              <div style="font-size:10px; color:var(--textSecondary); margin-top:2px;">✓ ${stream.completedTasks}/${stream.totalTasks} (${pct}%) | ${blockersLabel}</div>
+    for (const proj of breakdown) {
+      let streams = proj.streams;
+      if (onlyRisk) {
+        streams = streams.filter(s => s.blockersCount > 0);
+      }
+
+      if (streams.length === 0) continue;
+
+      html += `<div style="margin-bottom: 12px;">
+        <div style="font-weight: 700; font-size: 12px; margin-bottom: 4px; color: var(--accent);">${escapeHtml(proj.projectName)}</div>`;
+
+      for (const s of streams) {
+        const hasBlockers = s.blockersCount > 0;
+        html += `
+          <div class="streamItem" style="background: ${hasBlockers ? 'rgba(239,68,68,0.05)' : 'transparent'};">
+            <div style="display: flex; justify-content: space-between; align-items: center;">
+              <div style="font-size: 11px;">${escapeHtml(s.streamName)}</div>
+              <div style="font-size: 10px; color: var(--textMuted);">✓ ${s.completedTasks}/${s.totalTasks}</div>
             </div>
+            ${hasBlockers ? `<div style="font-size: 10px; margin-top: 4px; color: #ef4444;">🚧 ${s.blockersCount} bloqueio(s)</div>` : ''}
           </div>
-        </div>`;
+        `;
       }
-      html += `</div>`;
+
+      html += '</div>';
     }
-    el.innerHTML = html || '<div class="help">Nenhuma frente cadastrada.</div>';
+
+    box.innerHTML = html || '<div class="help">Nenhum stream para exibir.</div>';
   }
 
-  function renderAlerts(alerts) {
-    const alertsZone = $('companionAlerts');
-    const alertsList = $('alertsList');
-    if (!alertsList) return;
-    if (!alerts || alerts.length === 0) {
-      alertsList.innerHTML = '<div class="help">✓ Nenhum alerta no momento!</div>';
-      if (alertsZone) alertsZone.style.display = 'none';
+  function renderAlerts(alerts, onlyHighSeverity = false) {
+    const box = $('alertsView');
+    if (!box) return;
+
+    let filtered = alerts;
+    if (onlyHighSeverity) {
+      filtered = alerts.filter(a => a.severity === 'CRITICAL' || a.severity === 'HIGH');
+    }
+
+    if (filtered.length === 0) {
+      box.innerHTML = '<div class="help">Nenhum alerta para exibir.</div>';
       return;
     }
-    const items = alerts.map(a => {
-      const sevColor = a.severity === 'CRITICAL' ? '#ef4444' : a.severity === 'HIGH' ? '#ff9900' : '#eab308';
-      const sevLabel = a.severity === 'CRITICAL' ? '🔴 CRÍTICO' : a.severity === 'HIGH' ? '🟠 ALTO' : '🟡 MÉDIO';
-      return `<div class="alertItem" style="border-left-color:${sevColor}; background:${sevColor}11;">
-        <div style="display:flex; justify-content:space-between; gap:10px; align-items:start;">
-          <div style="min-width:0; flex:1;">
-            <div style="font-weight:700; color:${sevColor};">${sevLabel}</div>
-            <div style="font-size:12px; margin-top:4px;">${escapeHtml(a.message)}</div>
-            ${a.projectSlug ? `<div style="font-size:10px; color:var(--textSecondary); margin-top:4px;">Projeto: ${escapeHtml(a.projectSlug)}</div>` : ''}
+
+    box.innerHTML = filtered.slice(0, 20).map(a => {
+      const severityColor = a.severity === 'CRITICAL' ? '#ef4444' : a.severity === 'HIGH' ? '#ff9900' : '#facc15';
+      return `
+        <div class="alertItem" style="border-left-color: ${severityColor};">
+          <div style="display: flex; justify-content: space-between; align-items: center; font-size: 11px;">
+            <span style="font-weight: 700; color: ${severityColor};">${a.severity}</span>
+            <span style="color: var(--textMuted);">${a.type}</span>
           </div>
+          <div style="font-size: 11px; margin-top: 4px;">${escapeHtml(a.message)}</div>
         </div>
-      </div>`;
+      `;
     }).join('');
-    alertsList.innerHTML = items;
-    if (alertsZone) alertsZone.style.display = 'block';
-  }
-
-  function filterCompanionView(filter) {
-    const tabs = document.querySelectorAll('.companionTabs .tab');
-    tabs.forEach(t => t.classList.remove('active'));
-    document.querySelector(`.companionTabs .tab[data-filter="${filter}"]`)?.classList.add('active');
-    const consolidated = $('companionConsolidated');
-    const projects = $('companionProjects');
-    const streams = $('streamBreakdown').parentElement.parentElement;
-    const alerts = $('companionAlerts');
-    if (filter === 'all') {
-      if (consolidated) consolidated.style.display = 'grid';
-      if (projects) projects.style.display = 'grid';
-      if (streams) streams.style.display = 'block';
-      if (alerts) alerts.style.display = 'none';
-    } else if (filter === 'alerts') {
-      if (consolidated) consolidated.style.display = 'none';
-      if (projects) projects.style.display = 'none';
-      if (streams) streams.style.display = 'none';
-      if (alerts) alerts.style.display = 'block';
-    } else if (filter === 'risk') {
-      if (consolidated) consolidated.style.display = 'grid';
-      if (projects) projects.style.display = 'grid';
-      if (streams) streams.style.display = 'block';
-      if (alerts) alerts.style.display = 'none';
-    }
   }
 
+  window.filterCompanionView = function(filter) {
+    document.querySelectorAll('.companionTabs .tab').forEach(tab => {
+      tab.classList.remove('active');
+    });
+    document.querySelector(`[data-filter="${filter}"]`).classList.add('active');
+    refreshCompanionDash();
+  };
+
   async function doHealth() {
     try {
       saveLocal();
@@ -2757,6 +2780,7 @@
   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';
+  const isKanbanPage = document.body && document.body.dataset && document.body.dataset.page === 'kanban';
 
   // Load persisted settings from the workspace + bootstrap (auto-init + auto-health)
   (async () => {
@@ -2803,13 +2827,12 @@
     }
 
     if (isCompanionPage) {
-      await refreshHealthChecklist();
-      await refreshQualityScore();
-      await refreshExecutiveSummary();
-      await refreshAnomalies();
-      await refreshRiskRadar();
-      await refreshIncidents();
-      await refreshHeatmap();
+      await refreshCompanionDash();
+      return;
+    }
+
+    if (isKanbanPage) {
+      await loadKanban();
       return;
     }
 
@@ -2841,16 +2864,20 @@
       if (typeof saveAndPlan === 'function') saveAndPlan();
       return;
     }
-    // Ctrl/Cmd+K: Focus search/input on current page
+    // Ctrl/Cmd+K: Open quick-add modal
     if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
       e.preventDefault();
-      const target = $('inboxText') || $('reportsFilter') || $('projectsFilter') || $('timelineFilter');
-      if (target) target.focus();
+      openQuickAdd();
       return;
     }
-    // Escape: Blur active element
-    if (e.key === 'Escape' && document.activeElement) {
-      document.activeElement.blur();
+    // Escape: Close quick-add modal or blur active element
+    if (e.key === 'Escape') {
+      const overlay = $('quickAddOverlay');
+      if (overlay && overlay.style.display !== 'none') {
+        closeQuickAdd();
+        return;
+      }
+      if (document.activeElement) document.activeElement.blur();
     }
   });
 
@@ -2890,7 +2917,6 @@
   window.refreshAnomalies = refreshAnomalies;
   window.refreshRiskRadar = refreshRiskRadar;
   window.refreshCompanionDash = refreshCompanionDash;
-  window.filterCompanionView = filterCompanionView;
   window.copyOut = copyOut;
   window.copyPath = copyPath;
   window.openSelected = openSelected;
@@ -2907,4 +2933,282 @@
   window.askFreya = askFreya;
   window.askFreyaInline = askFreyaInline;
   window.askFreyaFromInput = askFreyaFromInput;
+
+  /* ── Quick-Add Modal ── */
+  function openQuickAdd() {
+    const overlay = $('quickAddOverlay');
+    if (!overlay) return;
+    overlay.style.display = 'flex';
+    const desc = $('qaDesc');
+    if (desc) { desc.value = ''; desc.focus(); }
+    var cat = $('qaCat'); if (cat) cat.value = 'DO_NOW';
+    var pri = $('qaPriority'); if (pri) pri.value = '';
+    var slug = $('qaSlug'); if (slug) slug.value = '';
+    var due = $('qaDue'); if (due) due.value = '';
+  }
+
+  function closeQuickAdd() {
+    var overlay = $('quickAddOverlay');
+    if (overlay) overlay.style.display = 'none';
+  }
+
+  async function submitQuickAdd() {
+    var desc = $('qaDesc');
+    var text = desc ? desc.value.trim() : '';
+    if (!text) { showToast('err', 'Descricao obrigatoria'); return; }
+
+    var cat = $('qaCat'); var catVal = cat ? cat.value : 'DO_NOW';
+    var pri = $('qaPriority'); var priVal = pri ? pri.value : '';
+    var slug = $('qaSlug'); var slugVal = slug ? slug.value.trim() : '';
+    var due = $('qaDue'); var dueVal = due ? due.value : '';
+
+    var body = { dir: dirOrDefault(), description: text, category: catVal };
+    if (priVal) body.priority = priVal;
+    if (slugVal) body.projectSlug = slugVal;
+    if (dueVal) body.dueDate = dueVal;
+
+    try {
+      await api('/api/tasks/create', body);
+      closeQuickAdd();
+      showToast('ok', 'Task criada');
+      if (isKanbanPage) await loadKanban();
+      else await refreshToday();
+    } catch (e) {
+      showToast('err', 'Erro ao criar task');
+    }
+  }
+
+  window.openQuickAdd = openQuickAdd;
+  window.closeQuickAdd = closeQuickAdd;
+  window.submitQuickAdd = submitQuickAdd;
+
+  /* ── Delta Banner ── */
+  async function loadDelta() {
+    var el = $('kanbanDelta') || $('deltaBanner');
+    if (!el) return;
+    try {
+      var res = await api('/api/summary/delta', { dir: dirOrDefault() });
+      if (!res || !res.delta) { el.style.display = 'none'; return; }
+      var d = res.delta;
+      var parts = [];
+      if (d.completedTasks > 0) parts.push(d.completedTasks + ' concluida(s)');
+      if (d.resolvedBlockers > 0) parts.push(d.resolvedBlockers + ' blocker(s) resolvido(s)');
+      if (d.newTasks > 0) parts.push(d.newTasks + ' nova(s)');
+      if (d.newBlockers > 0) parts.push(d.newBlockers + ' novo(s) blocker(s)');
+      if (d.overdueTasks > 0) parts.push(d.overdueTasks + ' atrasada(s)');
+      if (parts.length === 0) { el.style.display = 'none'; return; }
+      el.style.display = 'flex';
+      el.className = 'delta-banner';
+      el.innerHTML = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"/></svg>'
+        + '<span>Ultimas 24h: ' + escapeHtml(parts.join(' \u00b7 ')) + '</span>';
+    } catch { el.style.display = 'none'; }
+  }
+
+  /* ── Kanban Board ── */
+  var _kanbanData = { tasks: [], blockers: [] };
+
+  async function loadKanban() {
+    try {
+      var res = await api('/api/tasks/kanban', { dir: dirOrDefault() });
+      if (!res || !res.ok) return;
+      _kanbanData.tasks = res.tasks || [];
+      _kanbanData.blockers = res.blockers || [];
+      populateKanbanProjects();
+      renderKanban();
+      renderKanbanBlockers();
+      loadDelta();
+    } catch (e) {
+      showToast('err', 'Erro ao carregar kanban');
+    }
+  }
+
+  function populateKanbanProjects() {
+    var sel = $('kanbanFilterProject');
+    if (!sel) return;
+    var slugs = new Set();
+    _kanbanData.tasks.forEach(function(t) { if (t.projectSlug) slugs.add(t.projectSlug); });
+    _kanbanData.blockers.forEach(function(b) { if (b.projectSlug) slugs.add(b.projectSlug); });
+    var current = sel.value;
+    sel.innerHTML = '<option value="">Todos os projetos</option>';
+    Array.from(slugs).sort().forEach(function(s) {
+      var opt = document.createElement('option');
+      opt.value = s; opt.textContent = s;
+      sel.appendChild(opt);
+    });
+    sel.value = current;
+  }
+
+  function filterKanban() { renderKanban(); renderKanbanBlockers(); }
+
+  function getFilteredTasks() {
+    var sel = $('kanbanFilterProject');
+    var filter = sel ? sel.value : '';
+    if (!filter) return _kanbanData.tasks;
+    return _kanbanData.tasks.filter(function(t) { return t.projectSlug === filter; });
+  }
+
+  function renderKanban() {
+    var tasks = getFilteredTasks();
+    var today = new Date().toISOString().slice(0, 10);
+    var sevenAgo = new Date(Date.now() - 7 * 86400000).toISOString();
+
+    var cols = {
+      DO_NOW: [], SCHEDULE: [], DELEGATE: [], COMPLETED: []
+    };
+
+    tasks.forEach(function(t) {
+      if (t.status === 'COMPLETED') {
+        if (t.completedAt && t.completedAt >= sevenAgo) cols.COMPLETED.push(t);
+      } else if (t.status === 'PENDING' && cols[t.category]) {
+        cols[t.category].push(t);
+      }
+    });
+
+    var idMap = { DO_NOW: 'colDoNow', SCHEDULE: 'colSchedule', DELEGATE: 'colDelegate', COMPLETED: 'colDone' };
+    var countMap = { DO_NOW: 'countDoNow', SCHEDULE: 'countSchedule', DELEGATE: 'countDelegate', COMPLETED: 'countDone' };
+
+    Object.keys(cols).forEach(function(cat) {
+      var el = $(idMap[cat]);
+      var countEl = $(countMap[cat]);
+      if (countEl) countEl.textContent = cols[cat].length;
+      if (!el) return;
+      el.innerHTML = '';
+
+      cols[cat].forEach(function(t) {
+        var card = document.createElement('div');
+        card.className = 'kanban-card';
+        card.draggable = (cat !== 'COMPLETED');
+        card.dataset.taskId = t.id;
+        card.dataset.category = cat;
+
+        var pc = priColor(t.priority);
+        var isOverdue = t.dueDate && t.dueDate < today && t.status === 'PENDING';
+
+        var html = '<div class="kanban-card-header">'
+          + '<span class="kanban-pri-dot" style="background:' + pc.dot + ';" title="' + escapeHtml(pc.label) + '"></span>'
+          + '<span class="kanban-card-desc">' + escapeHtml(t.description || '') + '</span>'
+          + '</div>';
+
+        var meta = [];
+        if (t.projectSlug) meta.push('<span class="kanban-tag">' + escapeHtml(t.projectSlug) + '</span>');
+        if (t.dueDate) {
+          var dueCls = isOverdue ? 'kanban-due overdue' : 'kanban-due';
+          meta.push('<span class="' + dueCls + '">' + escapeHtml(t.dueDate) + '</span>');
+        }
+        if (meta.length) html += '<div class="kanban-card-meta">' + meta.join('') + '</div>';
+
+        if (cat !== 'COMPLETED') {
+          html += '<div class="kanban-card-actions">'
+            + '<button class="kanban-action-btn complete-btn" title="Concluir">\u2713</button>'
+            + '<button class="kanban-action-btn edit-btn" title="Editar">\u270E</button>'
+            + '</div>';
+        }
+
+        card.innerHTML = html;
+
+        // Drag events
+        if (cat !== 'COMPLETED') {
+          card.addEventListener('dragstart', function(e) {
+            e.dataTransfer.setData('text/plain', t.id);
+            e.dataTransfer.effectAllowed = 'move';
+            card.classList.add('dragging');
+          });
+          card.addEventListener('dragend', function() {
+            card.classList.remove('dragging');
+          });
+
+          // Complete button
+          var completeBtn = card.querySelector('.complete-btn');
+          if (completeBtn) {
+            completeBtn.onclick = async function() {
+              try {
+                await api('/api/tasks/complete', { dir: dirOrDefault(), id: t.id });
+                showToast('ok', 'Concluida');
+                await loadKanban();
+              } catch { showToast('err', 'Falhou'); }
+            };
+          }
+
+          // Edit button - inline edit via prompt
+          var editBtn = card.querySelector('.edit-btn');
+          if (editBtn) {
+            editBtn.onclick = async function() {
+              var newCat = prompt('Categoria (DO_NOW|SCHEDULE|DELEGATE):', cat);
+              if (!newCat) return;
+              var newSlug = prompt('Projeto (slug):', t.projectSlug || '');
+              if (newSlug === null) return;
+              var newDue = prompt('Due date (YYYY-MM-DD):', t.dueDate || '');
+              if (newDue === null) return;
+              try {
+                await api('/api/tasks/update', {
+                  dir: dirOrDefault(), id: t.id,
+                  patch: { category: newCat, projectSlug: newSlug, dueDate: newDue || null }
+                });
+                showToast('ok', 'Atualizada');
+                await loadKanban();
+              } catch { showToast('err', 'Falhou'); }
+            };
+          }
+        }
+
+        el.appendChild(card);
+      });
+
+      // Drop zone
+      if (cat !== 'COMPLETED') {
+        el.addEventListener('dragover', function(e) {
+          e.preventDefault();
+          e.dataTransfer.dropEffect = 'move';
+          el.classList.add('drag-over');
+        });
+        el.addEventListener('dragleave', function() {
+          el.classList.remove('drag-over');
+        });
+        el.addEventListener('drop', async function(e) {
+          e.preventDefault();
+          el.classList.remove('drag-over');
+          var taskId = e.dataTransfer.getData('text/plain');
+          if (!taskId) return;
+          try {
+            await api('/api/tasks/update', {
+              dir: dirOrDefault(), id: taskId,
+              patch: { category: cat }
+            });
+            showToast('ok', 'Movida para ' + cat);
+            await loadKanban();
+          } catch { showToast('err', 'Falhou'); }
+        });
+      }
+    });
+  }
+
+  function renderKanbanBlockers() {
+    var wrap = $('kanbanBlockers');
+    var list = $('kanbanBlockersList');
+    if (!wrap || !list) return;
+
+    var sel = $('kanbanFilterProject');
+    var filter = sel ? sel.value : '';
+    var blockers = _kanbanData.blockers;
+    if (filter) blockers = blockers.filter(function(b) { return b.projectSlug === filter; });
+
+    if (blockers.length === 0) { wrap.style.display = 'none'; return; }
+    wrap.style.display = 'block';
+    list.innerHTML = '';
+
+    blockers.forEach(function(b) {
+      var card = document.createElement('div');
+      card.className = 'kanban-blocker-card';
+      var color = sevColor(b.severity);
+      card.innerHTML = '<span class="kanban-blocker-sev" style="background:' + color + '22; color:' + color + '; border-color:' + color + '44;">' + escapeHtml(b.severity || 'BLOCKER') + '</span>'
+        + '<span class="kanban-blocker-title">' + escapeHtml(b.title || '') + '</span>'
+        + (b.projectSlug ? '<span class="kanban-tag">' + escapeHtml(b.projectSlug) + '</span>' : '')
+        + (b.owner ? '<span class="kanban-owner">' + escapeHtml(b.owner) + '</span>' : '');
+      list.appendChild(card);
+    });
+  }
+
+  window.loadKanban = loadKanban;
+  window.filterKanban = filterKanban;
+  window.loadDelta = loadDelta;
 })();