@cccarv82/freya 2.13.1 → 2.13.3

package/cli/web-ui.css

@@ -134,6 +134,7 @@ body {
 .shell {
   display: grid;
   grid-template-columns: 72px minmax(520px, 1fr);
+  grid-template-rows: 1fr;
   height: 100vh;
   min-height: 0;
 }
@@ -360,6 +361,7 @@ body {
   display: flex;
   flex-direction: column;
   min-height: 0;
+  overflow: hidden;
   padding: 8px 0 18px;
 }
 
@@ -588,6 +590,7 @@ body {
   display: flex;
   flex-direction: column;
   gap: 18px;
+  flex: 1;
 }
 
 .promptShell {

package/cli/web-ui.js

@@ -162,6 +162,116 @@
     return html;
   }
 
+  function formatPlanForDisplay(rawPlan) {
+    var text = String(rawPlan || '');
+    if (!text) return null;
+
+    // --- Strategy 1: try full JSON parse (works when copilot output is complete) ---
+    try {
+      var start = text.indexOf('{');
+      if (start !== -1) {
+        var depth = 0, inStr = false, esc = false, jsonStr = null;
+        for (var i = start; i < text.length; i++) {
+          var ch = text[i];
+          if (esc) { esc = false; continue; }
+          if (ch === '\\') { esc = true; continue; }
+          if (ch === '"') { inStr = !inStr; continue; }
+          if (inStr) continue;
+          if (ch === '{') depth++;
+          if (ch === '}') { depth--; if (depth === 0) { jsonStr = text.slice(start, i + 1); break; } }
+        }
+        if (jsonStr) {
+          var plan = JSON.parse(jsonStr);
+          var actions = Array.isArray(plan.actions) ? plan.actions : [];
+          if (actions.length > 0) {
+            return formatActions(actions);
+          }
+        }
+      }
+    } catch (e) { /* fall through to regex strategy */ }
+
+    // --- 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(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(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(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) {
+      num++;
+      lines.push(num + '. \u{1F4CA} **Sugerir relatorio:** ' + m[1]);
+    }
+
+    return lines.length > 0 ? lines.join('\n') : null;
+  }
+
+  function formatActions(actions) {
+    var icons = {
+      appenddailylog: '\u{1F4DD}', createtask: '\u2705',
+      createblocker: '\u{1F6A7}', suggestreport: '\u{1F4CA}',
+      oraclequery: '\u{1F50D}'
+    };
+
+    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 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 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 num + '. ' + icon + ' **Registrar blocker:** ' + title + sev;
+      }
+      if (type === 'suggestreport') {
+        return num + '. ' + icon + ' **Sugerir relatorio:** ' + String(a.name || a.reportType || '');
+      }
+      if (type === 'oraclequery') {
+        return num + '. ' + icon + ' **Consultar oracle:** ' + String(a.query || '').slice(0, 120);
+      }
+      return num + '. \u2022 **' + String(a.type || 'acao') + '**';
+    });
+
+    return lines.join('\n');
+  }
+
   function ensureChatSession() {
     if (state.chatSessionId) return state.chatSessionId;
     try {
@@ -1507,29 +1617,63 @@
         + (t.category ? ' · <span style="font-family:var(--mono);">' + escapeHtml(t.category) + '</span>' : '')
         + '</div>'
         + '</div></div>'
-        + '<div style="display:flex; gap:6px; flex-shrink:0;">'
+        + '<div class="task-actions" style="display:flex; gap:6px; flex-shrink:0; align-items:center;">'
         + '<button class="btn small complete-btn" type="button" style="padding:3px 10px; font-size:11px;" title="Marcar como concluída">✓ Concluir</button>'
         + '<button class="btn small edit-btn" type="button" style="padding:3px 8px; font-size:11px;">✎</button>'
         + '</div>';
       row.querySelector('.edit-btn').onclick = () => editTask(t);
-      row.querySelector('.complete-btn').onclick = async () => {
-        const btn = row.querySelector('.complete-btn');
-        btn.disabled = true;
-        btn.textContent = '…';
-        try {
-          setPill('run', 'concluindo…');
-          await api('/api/tasks/complete', { dir: dirOrDefault(), id: t.id });
-          row.style.opacity = '0.4';
-          row.style.pointerEvents = 'none';
-          await refreshToday();
-          setPill('ok', 'concluída');
-          setTimeout(() => setPill('ok', 'pronto'), 800);
-        } catch (e) {
-          btn.disabled = false;
-          btn.textContent = '✓ Concluir';
-          setPill('err', 'falhou');
-        }
+
+      var attachCompleteHandler = function() {
+        var cBtn = row.querySelector('.complete-btn');
+        if (!cBtn) return;
+        cBtn.onclick = function() {
+          var actionsDiv = row.querySelector('.task-actions');
+          actionsDiv.innerHTML =
+            '<input type="text" class="comment-input" placeholder="Comentario (opcional)" '
+            + 'style="font-size:11px; padding:3px 8px; background:var(--bg); border:1px solid var(--border); '
+            + 'color:var(--text); width:180px; outline:none; font-family:var(--mono);" />'
+            + '<button class="btn small confirm-btn" type="button" style="padding:3px 10px; font-size:11px; '
+            + 'background:var(--accent); color:#000; font-weight:700;">Confirmar</button>'
+            + '<button class="btn small cancel-btn" type="button" style="padding:3px 8px; font-size:11px; '
+            + 'color:var(--muted);">\u2715</button>';
+
+          var input = actionsDiv.querySelector('.comment-input');
+          input.focus();
+
+          var doComplete = async function() {
+            var comment = input.value.trim();
+            actionsDiv.querySelector('.confirm-btn').disabled = true;
+            actionsDiv.querySelector('.confirm-btn').textContent = '\u2026';
+            try {
+              setPill('run', 'concluindo\u2026');
+              var body = { dir: dirOrDefault(), id: t.id };
+              if (comment) body.comment = comment;
+              await api('/api/tasks/complete', body);
+              row.style.opacity = '0.4';
+              row.style.pointerEvents = 'none';
+              await refreshToday();
+              setPill('ok', 'conclu\u00edda');
+              setTimeout(function() { setPill('ok', 'pronto'); }, 800);
+            } catch (e) {
+              actionsDiv.querySelector('.confirm-btn').disabled = false;
+              actionsDiv.querySelector('.confirm-btn').textContent = 'Confirmar';
+              setPill('err', 'falhou');
+            }
+          };
+
+          actionsDiv.querySelector('.confirm-btn').onclick = doComplete;
+          input.onkeydown = function(e) { if (e.key === 'Enter') doComplete(); };
+          actionsDiv.querySelector('.cancel-btn').onclick = function() {
+            actionsDiv.innerHTML =
+              '<button class="btn small complete-btn" type="button" style="padding:3px 10px; font-size:11px;" '
+              + 'title="Marcar como conclu\u00edda">\u2713 Concluir</button>'
+              + '<button class="btn small edit-btn" type="button" style="padding:3px 8px; font-size:11px;">\u270E</button>';
+            actionsDiv.querySelector('.edit-btn').onclick = function() { editTask(t); };
+            attachCompleteHandler();
+          };
+        };
       };
+      attachCompleteHandler();
       return row;
     };
 
@@ -2328,7 +2472,8 @@
 
       // Show plan output in Preview panel
       const header = r.ok === false ? '## Agent Plan (planner unavailable)\n\n' : '## Agent Plan (draft)\n\n';
-      const planOut = header + (r.plan || '');
+      const formatted = r.ok !== false ? formatPlanForDisplay(r.plan) : null;
+      const planOut = header + (formatted || r.plan || '');
       setOut(planOut);
       chatAppend('assistant', planOut, { markdown: true });
       ta.value = '';

package/cli/web.js

@@ -3620,7 +3620,8 @@ async function cmdWeb({ port, dir, open, dev }) {
               completedAt: t.completed_at,
               projectSlug: t.project_slug,
               priority: meta.priority,
-              streamSlug: meta.streamSlug
+              streamSlug: meta.streamSlug,
+              comments: Array.isArray(meta.comments) ? meta.comments : []
             };
           });
 
@@ -3631,10 +3632,24 @@ async function cmdWeb({ port, dir, open, dev }) {
           const id = String(payload.id || '').trim();
           if (!id) return safeJson(res, 400, { error: 'Missing id' });
 
+          const comment = typeof payload.comment === 'string' ? payload.comment.trim() : '';
           const now = new Date().toISOString();
-          const info = dl.db.prepare(`UPDATE tasks SET status = 'COMPLETED', completed_at = ? WHERE id = ?`).run(now, id);
 
-          if (info.changes === 0) return safeJson(res, 404, { error: 'Task not found' });
+          if (comment) {
+            const row = dl.db.prepare('SELECT metadata FROM tasks WHERE id = ?').get(id);
+            if (!row) return safeJson(res, 404, { error: 'Task not found' });
+            let meta = {};
+            try { meta = row.metadata ? JSON.parse(row.metadata) : {}; } catch (_) { meta = {}; }
+            if (!Array.isArray(meta.comments)) meta.comments = [];
+            meta.comments.push({ text: comment, createdAt: now });
+            const info = dl.db.prepare(`UPDATE tasks SET status = 'COMPLETED', completed_at = ?, metadata = ? WHERE id = ?`)
+              .run(now, JSON.stringify(meta), id);
+            if (info.changes === 0) return safeJson(res, 404, { error: 'Task not found' });
+          } else {
+            const info = dl.db.prepare(`UPDATE tasks SET status = 'COMPLETED', completed_at = ? WHERE id = ?`).run(now, id);
+            if (info.changes === 0) return safeJson(res, 404, { error: 'Task not found' });
+          }
+
           return safeJson(res, 200, { ok: true, task: { id, status: 'COMPLETED', completedAt: now } });
         }
 

package/package.json

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