@cccarv82/freya 3.3.1 → 3.4.0

package/cli/web-ui.css

@@ -1803,43 +1803,56 @@ body:not([data-page="kanban"]) .kanban-col-body {
   min-width: 180px;
 }
 
-/* Kanban blockers strip */
-.kanban-blockers-list {
+/* Blocker Kanban Board */
+.blocker-kanban-board {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 12px;
+  min-height: 120px;
+}
+
+@media (max-width: 900px) {
+  .blocker-kanban-board { grid-template-columns: 1fr; }
+}
+
+.blocker-kanban-col {
   display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
+  flex-direction: column;
+  background: var(--bg);
+  border: 1px solid var(--line2);
+  min-height: 80px;
 }
 
-.kanban-blocker-card {
+.blocker-kanban-col-body {
+  flex: 1;
+  padding: 8px;
   display: flex;
-  align-items: center;
+  flex-direction: column;
   gap: 8px;
-  padding: 8px 12px;
-  background: rgba(239, 68, 68, 0.04);
-  border: 1px solid rgba(239, 68, 68, 0.15);
-  border-left: 3px solid #ef4444;
-  flex: 1 1 300px;
-  max-width: 500px;
+  overflow-y: auto;
+  max-height: 300px;
+  min-height: 50px;
+  transition: background 0.15s;
 }
 
-.kanban-blocker-sev {
-  font-size: 9px;
-  font-weight: 800;
-  letter-spacing: 0.5px;
-  padding: 2px 6px;
-  border: 1px solid;
-  flex-shrink: 0;
+.blocker-kanban-col-body.drag-over {
+  background: rgba(239, 68, 68, 0.06);
 }
 
-.kanban-blocker-title {
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--text);
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+/* Blocker column header colors */
+.kanban-col-head.blocker-open { border-bottom-color: #ef4444; }
+.kanban-col-head.blocker-open .kanban-col-title { color: #ef4444; }
+.kanban-col-head.blocker-open .kanban-col-count { background: #ef444422; color: #ef4444; }
+.kanban-col-head.blocker-mitigating { border-bottom-color: #f59e0b; }
+.kanban-col-head.blocker-mitigating .kanban-col-title { color: #f59e0b; }
+.kanban-col-head.blocker-mitigating .kanban-col-count { background: #f59e0b22; color: #f59e0b; }
+.kanban-col-head.blocker-resolved { border-bottom-color: #22c55e; }
+.kanban-col-head.blocker-resolved .kanban-col-title { color: #22c55e; }
+.kanban-col-head.blocker-resolved .kanban-col-count { background: #22c55e22; color: #22c55e; }
+
+/* Blocker card in kanban (reuses .kanban-card) */
+.kanban-card.blocker-card {
+  border-left: 3px solid #ef4444;
 }
 
 /* ── Quick-Add Modal ── */

package/cli/web-ui.js

@@ -3232,7 +3232,7 @@
         // Drag events
         if (cat !== 'COMPLETED') {
           card.addEventListener('dragstart', function(e) {
-            e.dataTransfer.setData('text/plain', t.id);
+            e.dataTransfer.setData('text/task-id', t.id);
             e.dataTransfer.effectAllowed = 'move';
             card.classList.add('dragging');
           });
@@ -3252,34 +3252,10 @@
             };
           }
 
-          // Edit button - inline edit via prompt
+          // Edit button - open full edit modal
           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 currentDueBR = t.dueDate ? fmtDateBR(t.dueDate) : '';
-              var newDueBR = prompt('Due date (dd/mm/aaaa):', currentDueBR);
-              if (newDueBR === null) return;
-              // Convert dd/mm/aaaa back to YYYY-MM-DD for API
-              var newDue = '';
-              if (newDueBR && newDueBR.indexOf('/') > -1) {
-                var dp = newDueBR.split('/');
-                if (dp.length === 3) newDue = dp[2] + '-' + dp[1] + '-' + dp[0];
-              } else {
-                newDue = newDueBR; // fallback: accept YYYY-MM-DD too
-              }
-              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'); }
-            };
+            editBtn.onclick = function() { openTaskEdit(t); };
           }
         }
 
@@ -3299,7 +3275,7 @@
         el.addEventListener('drop', async function(e) {
           e.preventDefault();
           el.classList.remove('drag-over');
-          var taskId = e.dataTransfer.getData('text/plain');
+          var taskId = e.dataTransfer.getData('text/task-id');
           if (!taskId) return;
           try {
             await api('/api/tasks/update', {
@@ -3316,33 +3292,229 @@
 
   function renderKanbanBlockers() {
     var wrap = $('kanbanBlockers');
-    var list = $('kanbanBlockersList');
-    if (!wrap || !list) return;
+    if (!wrap) return;
 
     var sel = $('kanbanFilterProject');
     var filter = sel ? sel.value : '';
-    var blockers = _kanbanData.blockers;
+    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 = '';
 
+    // Sort into columns
+    var cols = { OPEN: [], MITIGATING: [], RESOLVED: [] };
     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>' : '');
-      card.style.cursor = 'pointer';
-      card.addEventListener('click', function() { showDetailPanel(b, 'blocker'); });
-      list.appendChild(card);
+      if (cols[b.status]) cols[b.status].push(b);
+    });
+
+    var idMap = { OPEN: 'colBlockerOpen', MITIGATING: 'colBlockerMitigating', RESOLVED: 'colBlockerResolved' };
+    var countMap = { OPEN: 'countBlockerOpen', MITIGATING: 'countBlockerMitigating', RESOLVED: 'countBlockerResolved' };
+
+    ['OPEN', 'MITIGATING', 'RESOLVED'].forEach(function(status) {
+      var el = $(idMap[status]);
+      var countEl = $(countMap[status]);
+      if (!el) return;
+      el.innerHTML = '';
+      if (countEl) countEl.textContent = cols[status].length;
+
+      cols[status].forEach(function(b) {
+        var card = document.createElement('div');
+        card.className = 'kanban-card blocker-card';
+        card.setAttribute('data-blocker-id', b.id);
+        if (status !== 'RESOLVED') card.draggable = true;
+
+        var color = sevColor(b.severity);
+        var html = '<div class="kanban-card-header">'
+          + '<span class="kanban-priority-dot" style="background:' + color + ';" title="' + escapeHtml(b.severity) + '"></span>'
+          + '<span class="kanban-card-desc">' + escapeHtml(b.title || '') + '</span>'
+          + '</div>';
+        html += '<div class="kanban-card-meta">';
+        if (b.projectSlug) html += '<span class="kanban-tag">' + escapeHtml(b.projectSlug) + '</span>';
+        if (b.owner) html += '<span class="kanban-tag" style="background:var(--chip);">' + escapeHtml(b.owner) + '</span>';
+        html += '</div>';
+        if (status !== 'RESOLVED') {
+          html += '<div class="kanban-card-actions">'
+            + '<button class="edit-btn" title="Editar">'
+            + '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>'
+            + '</button></div>';
+        }
+        card.innerHTML = html;
+
+        // Click → detail panel (only if not dragging)
+        var _bDragged = false;
+        card.addEventListener('mousedown', function() { _bDragged = false; });
+        card.addEventListener('mousemove', function() { _bDragged = true; });
+        card.addEventListener('click', function(e) {
+          if (_bDragged) return;
+          if (e.target.closest('.kanban-card-actions')) return;
+          showDetailPanel(b, 'blocker');
+        });
+
+        // Drag events
+        if (status !== 'RESOLVED') {
+          card.addEventListener('dragstart', function(e) {
+            e.dataTransfer.setData('text/blocker-id', b.id);
+            e.dataTransfer.effectAllowed = 'move';
+            card.classList.add('dragging');
+          });
+          card.addEventListener('dragend', function() {
+            card.classList.remove('dragging');
+          });
+        }
+
+        // Edit button
+        var editBtn = card.querySelector('.edit-btn');
+        if (editBtn) {
+          editBtn.onclick = function(e) { e.stopPropagation(); openBlockerEdit(b); };
+        }
+
+        el.appendChild(card);
+      });
+
+      // Drop zone
+      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 blockerId = e.dataTransfer.getData('text/blocker-id');
+        if (!blockerId) return;
+        try {
+          await api('/api/blockers/update', {
+            dir: dirOrDefault(), id: blockerId,
+            patch: { status: status }
+          });
+          showToast('ok', 'Blocker → ' + status);
+          await loadKanban();
+        } catch { showToast('err', 'Falhou'); }
+      });
     });
   }
 
+  // === Task Edit Modal ===
+  function openTaskEdit(t) {
+    var overlay = $('taskEditOverlay');
+    if (!overlay) return;
+    $('teTaskId').value = t.id;
+    $('teDesc').value = t.description || '';
+    $('teCat').value = t.category || 'DO_NOW';
+    $('tePriority').value = t.priority || '';
+    $('teSlug').value = t.projectSlug || '';
+    $('teDue').value = t.dueDate ? fmtDateBR(t.dueDate) : '';
+    var stream = $('teStream');
+    if (stream) stream.value = t.streamSlug || '';
+    overlay.style.display = 'flex';
+    // Wire date picker sync
+    var picker = $('teDuePicker');
+    var txt = $('teDue');
+    if (picker && txt) {
+      picker.onchange = function() {
+        if (!picker.value) return;
+        var p = picker.value.split('-');
+        if (p.length === 3) txt.value = p[2] + '/' + p[1] + '/' + p[0];
+      };
+    }
+    $('teDesc').focus();
+  }
+
+  function closeTaskEdit() {
+    var overlay = $('taskEditOverlay');
+    if (overlay) overlay.style.display = 'none';
+  }
+
+  async function submitTaskEdit() {
+    var id = $('teTaskId').value;
+    if (!id) return;
+    var desc = ($('teDesc').value || '').trim();
+    var cat = $('teCat').value;
+    var priority = $('tePriority').value;
+    var slug = ($('teSlug').value || '').trim();
+    var dueBR = ($('teDue').value || '').trim();
+    var stream = ($('teStream') ? $('teStream').value : '').trim();
+
+    // Convert dd/mm/aaaa → YYYY-MM-DD
+    var due = null;
+    if (dueBR && dueBR.indexOf('/') > -1) {
+      var dp = dueBR.split('/');
+      if (dp.length === 3) due = dp[2] + '-' + dp[1] + '-' + dp[0];
+    } else if (dueBR) {
+      due = dueBR;
+    }
+
+    try {
+      await api('/api/tasks/update', {
+        dir: dirOrDefault(), id: id,
+        patch: { description: desc, category: cat, priority: priority, projectSlug: slug, dueDate: due, streamSlug: stream }
+      });
+      closeTaskEdit();
+      showToast('ok', 'Task atualizada');
+      await loadKanban();
+    } catch { showToast('err', 'Falhou'); }
+  }
+
+  // === Blocker Edit Modal ===
+  function openBlockerEdit(b) {
+    var overlay = $('blockerEditOverlay');
+    if (!overlay) return;
+    $('beBlockerId').value = b.id;
+    $('beTitle').value = b.title || '';
+    $('beSeverity').value = b.severity || 'MEDIUM';
+    $('beStatus').value = b.status || 'OPEN';
+    $('beSlug').value = b.projectSlug || '';
+    $('beOwner').value = b.owner || '';
+    $('beNextAction').value = b.nextAction || '';
+    overlay.style.display = 'flex';
+    $('beTitle').focus();
+  }
+
+  function closeBlockerEdit() {
+    var overlay = $('blockerEditOverlay');
+    if (overlay) overlay.style.display = 'none';
+  }
+
+  async function submitBlockerEdit() {
+    var id = $('beBlockerId').value;
+    if (!id) return;
+    var title = ($('beTitle').value || '').trim();
+    var severity = $('beSeverity').value;
+    var status = $('beStatus').value;
+    var slug = ($('beSlug').value || '').trim();
+    var owner = ($('beOwner').value || '').trim();
+    var nextAction = ($('beNextAction').value || '').trim();
+
+    try {
+      await api('/api/blockers/update', {
+        dir: dirOrDefault(), id: id,
+        patch: { title: title, severity: severity, status: status, projectSlug: slug, owner: owner, nextAction: nextAction }
+      });
+      closeBlockerEdit();
+      showToast('ok', 'Blocker atualizado');
+      await loadKanban();
+    } catch { showToast('err', 'Falhou'); }
+  }
+
+  // Close modals on Escape
+  document.addEventListener('keydown', function(e) {
+    if (e.key === 'Escape') {
+      if ($('taskEditOverlay') && $('taskEditOverlay').style.display !== 'none') closeTaskEdit();
+      if ($('blockerEditOverlay') && $('blockerEditOverlay').style.display !== 'none') closeBlockerEdit();
+    }
+  });
+
   window.loadKanban = loadKanban;
   window.filterKanban = filterKanban;
   window.loadDelta = loadDelta;
+  window.openTaskEdit = openTaskEdit;
+  window.closeTaskEdit = closeTaskEdit;
+  window.submitTaskEdit = submitTaskEdit;
+  window.openBlockerEdit = openBlockerEdit;
+  window.closeBlockerEdit = closeBlockerEdit;
+  window.submitBlockerEdit = submitBlockerEdit;
 })();

package/cli/web.js

@@ -1110,6 +1110,79 @@ function buildDocsHtml(safeDefault, appVersion) {
     </div>
   </div>
 
+  <!-- Task Edit Modal -->
+  <div id="taskEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Task</span>
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="teTaskId" />
+      <textarea id="teDesc" class="qa-input" placeholder="Descri\u00e7\u00e3o da task..." rows="3"></textarea>
+      <div class="qa-row">
+        <select id="teCat" class="qa-select">
+          <option value="DO_NOW">DO_NOW</option>
+          <option value="SCHEDULE">SCHEDULE</option>
+          <option value="DELEGATE">DELEGATE</option>
+        </select>
+        <select id="tePriority" class="qa-select">
+          <option value="">Prioridade</option>
+          <option value="critical">Cr\u00edtica</option>
+          <option value="high">Alta</option>
+          <option value="medium">M\u00e9dia</option>
+          <option value="low">Baixa</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="teSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <div class="qa-date-wrap">
+          <input id="teDue" type="text" class="qa-input qa-date-text" placeholder="dd/mm/aaaa" maxlength="10" />
+          <input id="teDuePicker" type="date" class="qa-date-hidden" tabindex="-1" />
+          <button type="button" class="qa-date-btn" onclick="var p=document.getElementById('teDuePicker'); p.showPicker ? p.showPicker() : p.click();" title="Abrir calendario">&#128197;</button>
+        </div>
+      </div>
+      <div class="qa-row">
+        <input id="teStream" class="qa-input" placeholder="Stream / frente (opcional)" style="flex:1;" />
+      </div>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitTaskEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
+  <!-- Blocker Edit Modal -->
+  <div id="blockerEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Blocker</span>
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="beBlockerId" />
+      <textarea id="beTitle" class="qa-input" placeholder="T\u00edtulo do blocker..." rows="2"></textarea>
+      <div class="qa-row">
+        <select id="beSeverity" class="qa-select">
+          <option value="CRITICAL">Critical</option>
+          <option value="HIGH">High</option>
+          <option value="MEDIUM">Medium</option>
+          <option value="LOW">Low</option>
+        </select>
+        <select id="beStatus" class="qa-select">
+          <option value="OPEN">Open</option>
+          <option value="MITIGATING">Mitigating</option>
+          <option value="RESOLVED">Resolved</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="beSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <input id="beOwner" class="qa-input" placeholder="Respons\u00e1vel" style="flex:1;" />
+      </div>
+      <textarea id="beNextAction" class="qa-input" placeholder="Pr\u00f3xima a\u00e7\u00e3o..." rows="2"></textarea>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitBlockerEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
   <script>
     window.__FREYA_DEFAULT_DIR = "${safeDefault}";
   </script>
@@ -1289,13 +1362,35 @@ function buildHtml(safeDefault, appVersion) {
               </div>
             </div>
 
-            <!-- Blockers strip below kanban -->
+            <!-- Blocker Kanban Board -->
             <div id="kanbanBlockers" style="margin-top:20px; display:none;">
               <div style="font-size:13px; font-weight:700; color:var(--text); margin-bottom:8px; display:flex; align-items:center; gap:6px;">
                 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
-                Blockers Ativos
+                Blockers
+              </div>
+              <div id="blockerKanbanBoard" class="blocker-kanban-board">
+                <div class="blocker-kanban-col" data-blocker-status="OPEN">
+                  <div class="kanban-col-head blocker-open">
+                    <span class="kanban-col-title">OPEN</span>
+                    <span class="kanban-col-count" id="countBlockerOpen">0</span>
+                  </div>
+                  <div class="blocker-kanban-col-body" id="colBlockerOpen"></div>
+                </div>
+                <div class="blocker-kanban-col" data-blocker-status="MITIGATING">
+                  <div class="kanban-col-head blocker-mitigating">
+                    <span class="kanban-col-title">MITIGATING</span>
+                    <span class="kanban-col-count" id="countBlockerMitigating">0</span>
+                  </div>
+                  <div class="blocker-kanban-col-body" id="colBlockerMitigating"></div>
+                </div>
+                <div class="blocker-kanban-col" data-blocker-status="RESOLVED">
+                  <div class="kanban-col-head blocker-resolved">
+                    <span class="kanban-col-title">RESOLVED (7d)</span>
+                    <span class="kanban-col-count" id="countBlockerResolved">0</span>
+                  </div>
+                  <div class="blocker-kanban-col-body" id="colBlockerResolved"></div>
+                </div>
               </div>
-              <div id="kanbanBlockersList" class="kanban-blockers-list"></div>
             </div>
 
             <!-- Insights de bloqueios -->
@@ -1353,6 +1448,79 @@ function buildHtml(safeDefault, appVersion) {
     </div>
   </div>
 
+  <!-- Task Edit Modal -->
+  <div id="taskEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Task</span>
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="teTaskId" />
+      <textarea id="teDesc" class="qa-input" placeholder="Descri\u00e7\u00e3o da task..." rows="3"></textarea>
+      <div class="qa-row">
+        <select id="teCat" class="qa-select">
+          <option value="DO_NOW">DO_NOW</option>
+          <option value="SCHEDULE">SCHEDULE</option>
+          <option value="DELEGATE">DELEGATE</option>
+        </select>
+        <select id="tePriority" class="qa-select">
+          <option value="">Prioridade</option>
+          <option value="critical">Cr\u00edtica</option>
+          <option value="high">Alta</option>
+          <option value="medium">M\u00e9dia</option>
+          <option value="low">Baixa</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="teSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <div class="qa-date-wrap">
+          <input id="teDue" type="text" class="qa-input qa-date-text" placeholder="dd/mm/aaaa" maxlength="10" />
+          <input id="teDuePicker" type="date" class="qa-date-hidden" tabindex="-1" />
+          <button type="button" class="qa-date-btn" onclick="var p=document.getElementById('teDuePicker'); p.showPicker ? p.showPicker() : p.click();" title="Abrir calendario">&#128197;</button>
+        </div>
+      </div>
+      <div class="qa-row">
+        <input id="teStream" class="qa-input" placeholder="Stream / frente (opcional)" style="flex:1;" />
+      </div>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitTaskEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
+  <!-- Blocker Edit Modal -->
+  <div id="blockerEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Blocker</span>
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="beBlockerId" />
+      <textarea id="beTitle" class="qa-input" placeholder="T\u00edtulo do blocker..." rows="2"></textarea>
+      <div class="qa-row">
+        <select id="beSeverity" class="qa-select">
+          <option value="CRITICAL">Critical</option>
+          <option value="HIGH">High</option>
+          <option value="MEDIUM">Medium</option>
+          <option value="LOW">Low</option>
+        </select>
+        <select id="beStatus" class="qa-select">
+          <option value="OPEN">Open</option>
+          <option value="MITIGATING">Mitigating</option>
+          <option value="RESOLVED">Resolved</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="beSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <input id="beOwner" class="qa-input" placeholder="Respons\u00e1vel" style="flex:1;" />
+      </div>
+      <textarea id="beNextAction" class="qa-input" placeholder="Pr\u00f3xima a\u00e7\u00e3o..." rows="2"></textarea>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitBlockerEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
   <script>
     window.__FREYA_DEFAULT_DIR = "${safeDefault}";
   </script>
@@ -1469,6 +1637,79 @@ function buildReportsHtml(safeDefault, appVersion) {
     </div>
   </div>
 
+  <!-- Task Edit Modal -->
+  <div id="taskEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Task</span>
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="teTaskId" />
+      <textarea id="teDesc" class="qa-input" placeholder="Descri\u00e7\u00e3o da task..." rows="3"></textarea>
+      <div class="qa-row">
+        <select id="teCat" class="qa-select">
+          <option value="DO_NOW">DO_NOW</option>
+          <option value="SCHEDULE">SCHEDULE</option>
+          <option value="DELEGATE">DELEGATE</option>
+        </select>
+        <select id="tePriority" class="qa-select">
+          <option value="">Prioridade</option>
+          <option value="critical">Cr\u00edtica</option>
+          <option value="high">Alta</option>
+          <option value="medium">M\u00e9dia</option>
+          <option value="low">Baixa</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="teSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <div class="qa-date-wrap">
+          <input id="teDue" type="text" class="qa-input qa-date-text" placeholder="dd/mm/aaaa" maxlength="10" />
+          <input id="teDuePicker" type="date" class="qa-date-hidden" tabindex="-1" />
+          <button type="button" class="qa-date-btn" onclick="var p=document.getElementById('teDuePicker'); p.showPicker ? p.showPicker() : p.click();" title="Abrir calendario">&#128197;</button>
+        </div>
+      </div>
+      <div class="qa-row">
+        <input id="teStream" class="qa-input" placeholder="Stream / frente (opcional)" style="flex:1;" />
+      </div>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitTaskEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
+  <!-- Blocker Edit Modal -->
+  <div id="blockerEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Blocker</span>
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="beBlockerId" />
+      <textarea id="beTitle" class="qa-input" placeholder="T\u00edtulo do blocker..." rows="2"></textarea>
+      <div class="qa-row">
+        <select id="beSeverity" class="qa-select">
+          <option value="CRITICAL">Critical</option>
+          <option value="HIGH">High</option>
+          <option value="MEDIUM">Medium</option>
+          <option value="LOW">Low</option>
+        </select>
+        <select id="beStatus" class="qa-select">
+          <option value="OPEN">Open</option>
+          <option value="MITIGATING">Mitigating</option>
+          <option value="RESOLVED">Resolved</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="beSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <input id="beOwner" class="qa-input" placeholder="Respons\u00e1vel" style="flex:1;" />
+      </div>
+      <textarea id="beNextAction" class="qa-input" placeholder="Pr\u00f3xima a\u00e7\u00e3o..." rows="2"></textarea>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitBlockerEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
   <script>
     window.__FREYA_DEFAULT_DIR = "${safeDefault}";
   </script>
@@ -1565,6 +1806,79 @@ function buildProjectsHtml(safeDefault, appVersion) {
     </div>
   </div>
 
+  <!-- Task Edit Modal -->
+  <div id="taskEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Task</span>
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="teTaskId" />
+      <textarea id="teDesc" class="qa-input" placeholder="Descri\u00e7\u00e3o da task..." rows="3"></textarea>
+      <div class="qa-row">
+        <select id="teCat" class="qa-select">
+          <option value="DO_NOW">DO_NOW</option>
+          <option value="SCHEDULE">SCHEDULE</option>
+          <option value="DELEGATE">DELEGATE</option>
+        </select>
+        <select id="tePriority" class="qa-select">
+          <option value="">Prioridade</option>
+          <option value="critical">Cr\u00edtica</option>
+          <option value="high">Alta</option>
+          <option value="medium">M\u00e9dia</option>
+          <option value="low">Baixa</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="teSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <div class="qa-date-wrap">
+          <input id="teDue" type="text" class="qa-input qa-date-text" placeholder="dd/mm/aaaa" maxlength="10" />
+          <input id="teDuePicker" type="date" class="qa-date-hidden" tabindex="-1" />
+          <button type="button" class="qa-date-btn" onclick="var p=document.getElementById('teDuePicker'); p.showPicker ? p.showPicker() : p.click();" title="Abrir calendario">&#128197;</button>
+        </div>
+      </div>
+      <div class="qa-row">
+        <input id="teStream" class="qa-input" placeholder="Stream / frente (opcional)" style="flex:1;" />
+      </div>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitTaskEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
+  <!-- Blocker Edit Modal -->
+  <div id="blockerEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Blocker</span>
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="beBlockerId" />
+      <textarea id="beTitle" class="qa-input" placeholder="T\u00edtulo do blocker..." rows="2"></textarea>
+      <div class="qa-row">
+        <select id="beSeverity" class="qa-select">
+          <option value="CRITICAL">Critical</option>
+          <option value="HIGH">High</option>
+          <option value="MEDIUM">Medium</option>
+          <option value="LOW">Low</option>
+        </select>
+        <select id="beStatus" class="qa-select">
+          <option value="OPEN">Open</option>
+          <option value="MITIGATING">Mitigating</option>
+          <option value="RESOLVED">Resolved</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="beSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <input id="beOwner" class="qa-input" placeholder="Respons\u00e1vel" style="flex:1;" />
+      </div>
+      <textarea id="beNextAction" class="qa-input" placeholder="Pr\u00f3xima a\u00e7\u00e3o..." rows="2"></textarea>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitBlockerEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
   <script>
     window.__FREYA_DEFAULT_DIR = "${safeDefault}";
   </script>
@@ -1771,6 +2085,79 @@ function buildGraphHtml(safeDefault, appVersion) {
     </div>
   </div>
 
+  <!-- Task Edit Modal -->
+  <div id="taskEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Task</span>
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="teTaskId" />
+      <textarea id="teDesc" class="qa-input" placeholder="Descri\u00e7\u00e3o da task..." rows="3"></textarea>
+      <div class="qa-row">
+        <select id="teCat" class="qa-select">
+          <option value="DO_NOW">DO_NOW</option>
+          <option value="SCHEDULE">SCHEDULE</option>
+          <option value="DELEGATE">DELEGATE</option>
+        </select>
+        <select id="tePriority" class="qa-select">
+          <option value="">Prioridade</option>
+          <option value="critical">Cr\u00edtica</option>
+          <option value="high">Alta</option>
+          <option value="medium">M\u00e9dia</option>
+          <option value="low">Baixa</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="teSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <div class="qa-date-wrap">
+          <input id="teDue" type="text" class="qa-input qa-date-text" placeholder="dd/mm/aaaa" maxlength="10" />
+          <input id="teDuePicker" type="date" class="qa-date-hidden" tabindex="-1" />
+          <button type="button" class="qa-date-btn" onclick="var p=document.getElementById('teDuePicker'); p.showPicker ? p.showPicker() : p.click();" title="Abrir calendario">&#128197;</button>
+        </div>
+      </div>
+      <div class="qa-row">
+        <input id="teStream" class="qa-input" placeholder="Stream / frente (opcional)" style="flex:1;" />
+      </div>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitTaskEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
+  <!-- Blocker Edit Modal -->
+  <div id="blockerEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Blocker</span>
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="beBlockerId" />
+      <textarea id="beTitle" class="qa-input" placeholder="T\u00edtulo do blocker..." rows="2"></textarea>
+      <div class="qa-row">
+        <select id="beSeverity" class="qa-select">
+          <option value="CRITICAL">Critical</option>
+          <option value="HIGH">High</option>
+          <option value="MEDIUM">Medium</option>
+          <option value="LOW">Low</option>
+        </select>
+        <select id="beStatus" class="qa-select">
+          <option value="OPEN">Open</option>
+          <option value="MITIGATING">Mitigating</option>
+          <option value="RESOLVED">Resolved</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="beSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <input id="beOwner" class="qa-input" placeholder="Respons\u00e1vel" style="flex:1;" />
+      </div>
+      <textarea id="beNextAction" class="qa-input" placeholder="Pr\u00f3xima a\u00e7\u00e3o..." rows="2"></textarea>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitBlockerEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
   <script>
     window.__FREYA_DEFAULT_DIR = "${safeDefault}";
   </script>
@@ -1907,6 +2294,79 @@ function buildCompanionHtml(safeDefault, appVersion) {
     </div>
   </div>
 
+  <!-- Task Edit Modal -->
+  <div id="taskEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Task</span>
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="teTaskId" />
+      <textarea id="teDesc" class="qa-input" placeholder="Descri\u00e7\u00e3o da task..." rows="3"></textarea>
+      <div class="qa-row">
+        <select id="teCat" class="qa-select">
+          <option value="DO_NOW">DO_NOW</option>
+          <option value="SCHEDULE">SCHEDULE</option>
+          <option value="DELEGATE">DELEGATE</option>
+        </select>
+        <select id="tePriority" class="qa-select">
+          <option value="">Prioridade</option>
+          <option value="critical">Cr\u00edtica</option>
+          <option value="high">Alta</option>
+          <option value="medium">M\u00e9dia</option>
+          <option value="low">Baixa</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="teSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <div class="qa-date-wrap">
+          <input id="teDue" type="text" class="qa-input qa-date-text" placeholder="dd/mm/aaaa" maxlength="10" />
+          <input id="teDuePicker" type="date" class="qa-date-hidden" tabindex="-1" />
+          <button type="button" class="qa-date-btn" onclick="var p=document.getElementById('teDuePicker'); p.showPicker ? p.showPicker() : p.click();" title="Abrir calendario">&#128197;</button>
+        </div>
+      </div>
+      <div class="qa-row">
+        <input id="teStream" class="qa-input" placeholder="Stream / frente (opcional)" style="flex:1;" />
+      </div>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitTaskEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
+  <!-- Blocker Edit Modal -->
+  <div id="blockerEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Blocker</span>
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="beBlockerId" />
+      <textarea id="beTitle" class="qa-input" placeholder="T\u00edtulo do blocker..." rows="2"></textarea>
+      <div class="qa-row">
+        <select id="beSeverity" class="qa-select">
+          <option value="CRITICAL">Critical</option>
+          <option value="HIGH">High</option>
+          <option value="MEDIUM">Medium</option>
+          <option value="LOW">Low</option>
+        </select>
+        <select id="beStatus" class="qa-select">
+          <option value="OPEN">Open</option>
+          <option value="MITIGATING">Mitigating</option>
+          <option value="RESOLVED">Resolved</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="beSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <input id="beOwner" class="qa-input" placeholder="Respons\u00e1vel" style="flex:1;" />
+      </div>
+      <textarea id="beNextAction" class="qa-input" placeholder="Pr\u00f3xima a\u00e7\u00e3o..." rows="2"></textarea>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitBlockerEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
   <script>
     window.__FREYA_DEFAULT_DIR = "${safeDefault}";
   </script>
@@ -4080,11 +4540,14 @@ async function cmdWeb({ port, dir, open, dev }) {
             queryUpdates.push('description = ?');
             params.push(patch.description.trim());
           }
-          if (typeof patch.priority === 'string') {
+          // Handle all metadata fields in one read-modify-write
+          const hasMetaPatch = typeof patch.priority === 'string' || typeof patch.streamSlug === 'string';
+          if (hasMetaPatch) {
             const row = dl.db.prepare('SELECT metadata FROM tasks WHERE id = ?').get(id);
             let meta = {};
             try { meta = row && row.metadata ? JSON.parse(row.metadata) : {}; } catch { meta = {}; }
-            meta.priority = patch.priority.trim().toLowerCase();
+            if (typeof patch.priority === 'string') meta.priority = patch.priority.trim().toLowerCase() || undefined;
+            if (typeof patch.streamSlug === 'string') meta.streamSlug = patch.streamSlug.trim() || undefined;
             queryUpdates.push('metadata = ?');
             params.push(JSON.stringify(meta));
           }
@@ -4343,12 +4806,15 @@ async function cmdWeb({ port, dir, open, dev }) {
             };
           });
 
+          const sevenDaysAgo = new Date(Date.now() - 7 * 86400000).toISOString();
           const openBlockers = dl.db.prepare(`
             SELECT * FROM blockers WHERE status IN ('OPEN', 'MITIGATING')
+              OR (status = 'RESOLVED' AND resolved_at >= ?)
             ORDER BY
+              CASE status WHEN 'OPEN' THEN 0 WHEN 'MITIGATING' THEN 1 WHEN 'RESOLVED' THEN 2 ELSE 9 END ASC,
               CASE severity WHEN 'CRITICAL' THEN 0 WHEN 'HIGH' THEN 1 WHEN 'MEDIUM' THEN 2 WHEN 'LOW' THEN 3 ELSE 9 END ASC,
               created_at ASC
-          `).all().map(b => {
+          `).all(sevenDaysAgo).map(b => {
             let meta = {};
             try { meta = b.metadata ? JSON.parse(b.metadata) : {}; } catch { meta = {}; }
             return {
@@ -4605,6 +5071,79 @@ function buildSettingsHtml(safeDefault, appVersion) {
     </div>
   </div>
 
+  <!-- Task Edit Modal -->
+  <div id="taskEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Task</span>
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="teTaskId" />
+      <textarea id="teDesc" class="qa-input" placeholder="Descri\u00e7\u00e3o da task..." rows="3"></textarea>
+      <div class="qa-row">
+        <select id="teCat" class="qa-select">
+          <option value="DO_NOW">DO_NOW</option>
+          <option value="SCHEDULE">SCHEDULE</option>
+          <option value="DELEGATE">DELEGATE</option>
+        </select>
+        <select id="tePriority" class="qa-select">
+          <option value="">Prioridade</option>
+          <option value="critical">Cr\u00edtica</option>
+          <option value="high">Alta</option>
+          <option value="medium">M\u00e9dia</option>
+          <option value="low">Baixa</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="teSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <div class="qa-date-wrap">
+          <input id="teDue" type="text" class="qa-input qa-date-text" placeholder="dd/mm/aaaa" maxlength="10" />
+          <input id="teDuePicker" type="date" class="qa-date-hidden" tabindex="-1" />
+          <button type="button" class="qa-date-btn" onclick="var p=document.getElementById('teDuePicker'); p.showPicker ? p.showPicker() : p.click();" title="Abrir calendario">&#128197;</button>
+        </div>
+      </div>
+      <div class="qa-row">
+        <input id="teStream" class="qa-input" placeholder="Stream / frente (opcional)" style="flex:1;" />
+      </div>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitTaskEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
+  <!-- Blocker Edit Modal -->
+  <div id="blockerEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Blocker</span>
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="beBlockerId" />
+      <textarea id="beTitle" class="qa-input" placeholder="T\u00edtulo do blocker..." rows="2"></textarea>
+      <div class="qa-row">
+        <select id="beSeverity" class="qa-select">
+          <option value="CRITICAL">Critical</option>
+          <option value="HIGH">High</option>
+          <option value="MEDIUM">Medium</option>
+          <option value="LOW">Low</option>
+        </select>
+        <select id="beStatus" class="qa-select">
+          <option value="OPEN">Open</option>
+          <option value="MITIGATING">Mitigating</option>
+          <option value="RESOLVED">Resolved</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="beSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <input id="beOwner" class="qa-input" placeholder="Respons\u00e1vel" style="flex:1;" />
+      </div>
+      <textarea id="beNextAction" class="qa-input" placeholder="Pr\u00f3xima a\u00e7\u00e3o..." rows="2"></textarea>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitBlockerEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
   <script>
     window.__FREYA_DEFAULT_DIR = "${safeDefault}";
   </script>
@@ -4728,13 +5267,35 @@ function buildKanbanHtml(safeDefault, appVersion) {
               </div>
             </div>
 
-            <!-- Blockers strip below kanban -->
+            <!-- Blocker Kanban Board -->
             <div id="kanbanBlockers" style="margin-top:20px; display:none;">
               <div style="font-size:13px; font-weight:700; color:var(--text); margin-bottom:8px; display:flex; align-items:center; gap:6px;">
                 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
-                Blockers Ativos
+                Blockers
+              </div>
+              <div id="blockerKanbanBoard" class="blocker-kanban-board">
+                <div class="blocker-kanban-col" data-blocker-status="OPEN">
+                  <div class="kanban-col-head blocker-open">
+                    <span class="kanban-col-title">OPEN</span>
+                    <span class="kanban-col-count" id="countBlockerOpen">0</span>
+                  </div>
+                  <div class="blocker-kanban-col-body" id="colBlockerOpen"></div>
+                </div>
+                <div class="blocker-kanban-col" data-blocker-status="MITIGATING">
+                  <div class="kanban-col-head blocker-mitigating">
+                    <span class="kanban-col-title">MITIGATING</span>
+                    <span class="kanban-col-count" id="countBlockerMitigating">0</span>
+                  </div>
+                  <div class="blocker-kanban-col-body" id="colBlockerMitigating"></div>
+                </div>
+                <div class="blocker-kanban-col" data-blocker-status="RESOLVED">
+                  <div class="kanban-col-head blocker-resolved">
+                    <span class="kanban-col-title">RESOLVED (7d)</span>
+                    <span class="kanban-col-count" id="countBlockerResolved">0</span>
+                  </div>
+                  <div class="blocker-kanban-col-body" id="colBlockerResolved"></div>
+                </div>
               </div>
-              <div id="kanbanBlockersList" class="kanban-blockers-list"></div>
             </div>
           </div>
         </main>
@@ -4779,6 +5340,79 @@ function buildKanbanHtml(safeDefault, appVersion) {
     </div>
   </div>
 
+  <!-- Task Edit Modal -->
+  <div id="taskEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Task</span>
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="teTaskId" />
+      <textarea id="teDesc" class="qa-input" placeholder="Descri\u00e7\u00e3o da task..." rows="3"></textarea>
+      <div class="qa-row">
+        <select id="teCat" class="qa-select">
+          <option value="DO_NOW">DO_NOW</option>
+          <option value="SCHEDULE">SCHEDULE</option>
+          <option value="DELEGATE">DELEGATE</option>
+        </select>
+        <select id="tePriority" class="qa-select">
+          <option value="">Prioridade</option>
+          <option value="critical">Cr\u00edtica</option>
+          <option value="high">Alta</option>
+          <option value="medium">M\u00e9dia</option>
+          <option value="low">Baixa</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="teSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <div class="qa-date-wrap">
+          <input id="teDue" type="text" class="qa-input qa-date-text" placeholder="dd/mm/aaaa" maxlength="10" />
+          <input id="teDuePicker" type="date" class="qa-date-hidden" tabindex="-1" />
+          <button type="button" class="qa-date-btn" onclick="var p=document.getElementById('teDuePicker'); p.showPicker ? p.showPicker() : p.click();" title="Abrir calendario">&#128197;</button>
+        </div>
+      </div>
+      <div class="qa-row">
+        <input id="teStream" class="qa-input" placeholder="Stream / frente (opcional)" style="flex:1;" />
+      </div>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeTaskEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitTaskEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
+  <!-- Blocker Edit Modal -->
+  <div id="blockerEditOverlay" class="qa-overlay" style="display:none;">
+    <div class="qa-modal" style="width:520px;">
+      <div class="qa-header">
+        <span style="font-weight:700; font-size:14px;">Editar Blocker</span>
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()" style="padding:2px 8px;">&times;</button>
+      </div>
+      <input type="hidden" id="beBlockerId" />
+      <textarea id="beTitle" class="qa-input" placeholder="T\u00edtulo do blocker..." rows="2"></textarea>
+      <div class="qa-row">
+        <select id="beSeverity" class="qa-select">
+          <option value="CRITICAL">Critical</option>
+          <option value="HIGH">High</option>
+          <option value="MEDIUM">Medium</option>
+          <option value="LOW">Low</option>
+        </select>
+        <select id="beStatus" class="qa-select">
+          <option value="OPEN">Open</option>
+          <option value="MITIGATING">Mitigating</option>
+          <option value="RESOLVED">Resolved</option>
+        </select>
+      </div>
+      <div class="qa-row">
+        <input id="beSlug" class="qa-input" placeholder="Projeto (slug)" style="flex:1;" />
+        <input id="beOwner" class="qa-input" placeholder="Respons\u00e1vel" style="flex:1;" />
+      </div>
+      <textarea id="beNextAction" class="qa-input" placeholder="Pr\u00f3xima a\u00e7\u00e3o..." rows="2"></textarea>
+      <div class="qa-row" style="justify-content:flex-end;">
+        <button class="btn small" type="button" onclick="window.closeBlockerEdit()">Cancelar</button>
+        <button class="btn primary small" type="button" onclick="window.submitBlockerEdit()">Salvar</button>
+      </div>
+    </div>
+  </div>
   <script>
     window.__FREYA_DEFAULT_DIR = "${safeDefault}";
   </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cccarv82/freya",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "description": "Personal AI Assistant with local-first persistence",
   "scripts": {
     "health": "node scripts/validate-data.js && node scripts/validate-structure.js",