@cccarv82/freya 2.13.1 → 2.13.2

package/cli/web-ui.css

@@ -588,6 +588,7 @@ body {
   display: flex;
   flex-direction: column;
   gap: 18px;
+  flex: 1;
 }
 
 .promptShell {

package/cli/web-ui.js

@@ -162,6 +162,70 @@
     return html;
   }
 
+  function formatPlanForDisplay(rawPlan) {
+    try {
+      const text = String(rawPlan || '');
+      const start = text.indexOf('{');
+      if (start === -1) return null;
+      let depth = 0, inStr = false, esc = false, jsonStr = null;
+      for (let i = start; i < text.length; i++) {
+        const 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) return null;
+      const plan = JSON.parse(jsonStr);
+      const actions = Array.isArray(plan.actions) ? plan.actions : [];
+      if (actions.length === 0) return null;
+
+      const icons = {
+        append_daily_log: '\u{1F4DD}', appenddailylog: '\u{1F4DD}',
+        create_task: '\u2705', createtask: '\u2705',
+        create_blocker: '\u{1F6A7}', createblocker: '\u{1F6A7}',
+        suggest_report: '\u{1F4CA}', suggestreport: '\u{1F4CA}',
+        oracle_query: '\u{1F50D}', oraclequery: '\u{1F50D}'
+      };
+
+      const lines = actions.map(function(a, i) {
+        var type = String(a.type || '').trim().toLowerCase().replace(/_/g, '');
+        var icon = icons[type] || icons[String(a.type || '').trim()] || '\u2022';
+        var num = i + 1;
+        var typeNorm = type.replace(/_/g, '');
+
+        if (typeNorm === 'appenddailylog') {
+          var t = String(a.text || '').slice(0, 140);
+          return num + '. ' + icon + ' **Registrar no log:** ' + t + (String(a.text || '').length > 140 ? '...' : '');
+        }
+        if (typeNorm === '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 (typeNorm === '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 (typeNorm === 'suggestreport') {
+          return num + '. ' + icon + ' **Sugerir relatorio:** ' + String(a.name || a.reportType || '');
+        }
+        if (typeNorm === 'oraclequery') {
+          return num + '. ' + icon + ' **Consultar oracle:** ' + String(a.query || '').slice(0, 120);
+        }
+        return num + '. \u2022 **' + String(a.type || 'acao') + ':** ' + JSON.stringify(a).slice(0, 100);
+      });
+
+      return lines.join('\n');
+    } catch (e) {
+      return null;
+    }
+  }
+
   function ensureChatSession() {
     if (state.chatSessionId) return state.chatSessionId;
     try {
@@ -1507,29 +1571,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 +2426,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.2",
   "description": "Personal AI Assistant with local-first persistence",
   "scripts": {
     "health": "node scripts/validate-data.js && node scripts/validate-structure.js",