@cccarv82/freya 2.20.0 → 3.1.0

package/cli/web-ui.js

@@ -21,7 +21,7 @@
     timelineTag: '',
     chatSessionId: null,
     chatLoaded: false,
-    pastedImages: []   // { file: File, dataUrl: string, name: string }
+    pendingImage: null  // { filename, url, mimeType } from clipboard paste
   };
 
   function applyDarkTheme() {
@@ -196,11 +196,12 @@
     var num = 0;
 
     // Match append_daily_log / appenddailylog actions
-    var logRe = /"type"\s*:\s*"append_?daily_?log"\s*,\s*"text"\s*:\s*"([^"]{1,2000})/gi;
+    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++;
-      lines.push(num + '. \u{1F4DD} **Registrar no log:** ' + m[1]);
+      var t = m[1].slice(0, 140);
+      lines.push(num + '. \u{1F4DD} **Registrar no log:** ' + t + (m[1].length > 140 ? '...' : ''));
     }
 
     // Match create_task actions
@@ -246,8 +247,8 @@
       var num = i + 1;
 
       if (type === 'appenddailylog') {
-        var t = String(a.text || '');
-        return num + '. ' + icon + ' **Registrar no log:** ' + t;
+        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);
@@ -503,32 +504,32 @@
     const tag = $('chatModeTag');
     if (tag) { tag.textContent = '🔍 oracle'; tag.style.display = ''; tag.style.color = 'var(--accent)'; tag.style.borderColor = 'var(--accent)'; }
 
-    // Upload pasted images if any (for visual context in log)
-    var askAttachments = [];
-    if (state.pastedImages.length > 0) {
-      askAttachments = await uploadPastedImages();
-    }
-    if (askAttachments.length) {
-      var askHtml = escapeHtml(query).replace(/\n/g, '<br>');
-      askHtml += '<div class="bubble-attachments">';
-      for (var ai = 0; ai < askAttachments.length; ai++) {
-        askHtml += '<img src="/attachments/' + askAttachments[ai].path.replace('data/attachments/', '') + '" class="bubble-img" alt="' + escapeHtml(askAttachments[ai].name) + '" />';
-      }
-      askHtml += '</div>';
-      chatAppend('user', askHtml, { html: true });
+    // Include pasted image if present
+    var pendingImg = state.pendingImage;
+    if (pendingImg) {
+      chatAppend('user', escapeHtml(query) + '<br><img src="' + pendingImg.url + '" style="max-height:80px;border-radius:4px;margin-top:6px;cursor:pointer;" onclick="openLightbox(\'' + pendingImg.url + '\')" />', { html: true });
     } else {
       chatAppend('user', query);
     }
-    clearPastedImages();
     syncChatThreadVisibility();
-    setPill('run', askAttachments.length ? 'enviando imagem + pesquisando…' : 'pesquisando…');
+
+    // Clear image preview
+    var preview = document.getElementById('pastePreview');
+    if (preview) preview.remove();
+
+    setPill('run', 'pesquisando…');
 
     const typingId = 'typing-' + Date.now();
     chatAppend('assistant', '<div class="typing-indicator"><span></span><span></span><span></span></div>', { id: typingId, html: true });
 
     try {
       const sessionId = ensureChatSession();
-      const r = await api('/api/chat/ask', { dir: dirOrDefault(), sessionId, query, attachments: askAttachments });
+      var askPayload = { dir: dirOrDefault(), sessionId, query };
+      if (pendingImg) {
+        askPayload.imagePath = 'data/attachments/' + pendingImg.filename;
+      }
+      state.pendingImage = null;
+      const r = await api('/api/chat/ask', askPayload);
       const answer = r && r.answer ? r.answer : 'Não encontrei registro';
 
       const el = $(typingId);
@@ -2362,42 +2363,36 @@
       const tag = $('chatModeTag');
       if (tag) { tag.textContent = '📥 inbox'; tag.style.display = ''; tag.style.color = 'var(--primary)'; tag.style.borderColor = 'var(--primary)'; }
 
-      // Upload pasted images if any
-      var attachments = [];
-      var hasImages = state.pastedImages.length > 0;
-      if (hasImages) {
-        setPill('run', 'enviando imagens…');
-        attachments = await uploadPastedImages();
-      }
-
-      // Show user message with image thumbnails
-      var userHtml = escapeHtml(text).replace(/\n/g, '<br>');
-      if (attachments.length) {
-        userHtml += '<div class="bubble-attachments">';
-        for (var ai = 0; ai < attachments.length; ai++) {
-          userHtml += '<img src="/attachments/' + attachments[ai].path.replace('data/attachments/', '') + '" class="bubble-img" alt="' + escapeHtml(attachments[ai].name) + '" />';
-        }
-        userHtml += '</div>';
-        chatAppend('user', userHtml, { html: true });
+      // Include pasted image if present
+      var pendingImg = state.pendingImage;
+      if (pendingImg) {
+        chatAppend('user', escapeHtml(text) + '<br><img src="' + pendingImg.url + '" style="max-height:80px;border-radius:4px;margin-top:6px;cursor:pointer;" onclick="openLightbox(\'' + pendingImg.url + '\')" />', { html: true });
       } else {
         chatAppend('user', text);
       }
-      clearPastedImages();
       syncChatThreadVisibility();
 
-      // Typing indicator while processing
-      var saveTypingId = 'typing-save-' + Date.now();
-      chatAppend('assistant', '<div class="typing-indicator"><span></span><span></span><span></span></div>', { id: saveTypingId, html: true });
+      // Clear image preview
+      var preview = document.getElementById('pastePreview');
+      if (preview) preview.remove();
+
+      // Show typing indicator while processing
+      var typingId = 'typing-' + Date.now();
+      var typingHtml = '<div class="typing-indicator"><span></span><span></span><span></span></div>';
+      chatAppend('assistant', typingHtml, { id: typingId, html: true });
 
       setPill('run', 'salvando…');
-      await api('/api/inbox/add', { dir: dirOrDefault(), text, attachments });
+      var inboxPayload = { dir: dirOrDefault(), text };
+      if (pendingImg) inboxPayload.imagePath = 'data/attachments/' + pendingImg.filename;
+      state.pendingImage = null;
+      await api('/api/inbox/add', inboxPayload);
 
-      setPill('run', attachments.length ? 'processando texto + imagens…' : 'processando…');
-      const r = await api('/api/agents/plan', { dir: dirOrDefault(), text, attachments });
+      setPill('run', 'processando…');
+      const r = await api('/api/agents/plan', { dir: dirOrDefault(), text });
 
       // Remove typing indicator
-      var typEl = $(saveTypingId);
-      if (typEl) typEl.remove();
+      var typingEl = $(typingId);
+      if (typingEl) typingEl.remove();
 
       state.lastPlan = r.plan || '';
 
@@ -2416,12 +2411,8 @@
       }
 
       if (state.autoApply) {
-        var applyTypingId = 'typing-apply-' + Date.now();
-        chatAppend('assistant', '<div class="typing-indicator"><span></span><span></span><span></span></div>', { id: applyTypingId, html: true });
-        setPill('run', 'aplicando…');
+        setPill('run', 'applying…');
         await applyPlan();
-        var applyEl = $(applyTypingId);
-        if (applyEl) applyEl.remove();
         const a = state.lastApplied || {};
         setPill('ok', `applied(${a.tasks || 0}t, ${a.blockers || 0}b)`);
         if (state.autoRunReports) {
@@ -2485,23 +2476,31 @@
       state.lastApplied = r.applied || null;
       const summary = r.applied || {};
 
-      // Build human-friendly summary instead of raw JSON
+      // Build natural language summary instead of raw JSON
       var parts = [];
-      var tasks = Number(summary.tasks || 0);
-      var blockers = Number(summary.blockers || 0);
-      var skippedT = Number(summary.tasksSkipped || 0);
-      var skippedB = Number(summary.blockersSkipped || 0);
+      var tc = (summary.tasks || 0), bc = (summary.blockers || 0);
+      var ts = (summary.tasksSkipped || 0), bs = (summary.blockersSkipped || 0);
+      if (tc > 0) parts.push('**' + tc + ' tarefa' + (tc > 1 ? 's' : '') + '** registrada' + (tc > 1 ? 's' : ''));
+      if (bc > 0) parts.push('**' + bc + ' blocker' + (bc > 1 ? 's' : '') + '** registrado' + (bc > 1 ? 's' : ''));
+      if (ts > 0) parts.push(ts + ' tarefa' + (ts > 1 ? 's' : '') + ' já existente' + (ts > 1 ? 's' : '') + ' (ignorada' + (ts > 1 ? 's' : '') + ')');
+      if (bs > 0) parts.push(bs + ' blocker' + (bs > 1 ? 's' : '') + ' já existente' + (bs > 1 ? 's' : '') + ' (ignorado' + (bs > 1 ? 's' : '') + ')');
+      if (summary.mode) parts.push('Modo: **' + summary.mode + '**');
 
-      if (tasks > 0) parts.push('✅ **' + tasks + ' tarefa' + (tasks > 1 ? 's' : '') + '** criada' + (tasks > 1 ? 's' : ''));
-      if (blockers > 0) parts.push('🚧 **' + blockers + ' blocker' + (blockers > 1 ? 's' : '') + '** registrado' + (blockers > 1 ? 's' : ''));
-      if (skippedT > 0) parts.push('⏭️ ' + skippedT + ' tarefa' + (skippedT > 1 ? 's' : '') + ' já existente' + (skippedT > 1 ? 's' : ''));
-      if (skippedB > 0) parts.push('⏭️ ' + skippedB + ' blocker' + (skippedB > 1 ? 's' : '') + ' já existente' + (skippedB > 1 ? 's' : ''));
-      if (tasks === 0 && blockers === 0) parts.push('📝 Informação registrada no log diário');
+      var oq = summary.oracleQueries;
+      if (oq && Array.isArray(oq) && oq.length > 0) {
+        parts.push(oq.length + ' consulta' + (oq.length > 1 ? 's' : '') + ' realizada' + (oq.length > 1 ? 's' : '') + ' no histórico');
+      }
 
-      let msg = parts.join('\n');
+      let msg = '## Resultado\n\n';
+      if (parts.length > 0) {
+        msg += parts.join(' · ') + '\n';
+      } else if (tc === 0 && bc === 0) {
+        msg += 'Contexto registrado no log diário. Nenhuma tarefa ou blocker identificado.\n';
+      }
 
       if (summary && Array.isArray(summary.reportsSuggested) && summary.reportsSuggested.length) {
-        msg += '\n\n📊 **Relatórios sugeridos:** ' + summary.reportsSuggested.join(', ');
+        msg += '\n**Relatórios sugeridos:** ' + summary.reportsSuggested.join(', ');
+        msg += '\n\nUse: **Rodar relatórios sugeridos** (barra lateral)';
       }
 
       setOut(msg);
@@ -2527,6 +2526,98 @@
   loadLocal();
   wireRailNav();
 
+  // ── Image paste (Ctrl+V) support ──
+  (function setupImagePaste() {
+    var ta = $('inboxText');
+    if (!ta) return;
+
+    ta.addEventListener('paste', async function(e) {
+      var items = e.clipboardData && e.clipboardData.items;
+      if (!items) return;
+      for (var i = 0; i < items.length; i++) {
+        if (items[i].type.indexOf('image') !== -1) {
+          e.preventDefault();
+          var file = items[i].getAsFile();
+          if (!file) return;
+          var reader = new FileReader();
+          reader.onload = async function(ev) {
+            var base64 = ev.target.result.split(',')[1];
+            var mimeType = file.type || 'image/png';
+            try {
+              var r = await api('/api/attachments/upload', { dir: dirOrDefault(), data: base64, mimeType: mimeType });
+              if (r && r.ok) {
+                state.pendingImage = { filename: r.filename, url: r.url, mimeType: mimeType };
+                showImagePreview(r.url, r.filename);
+              }
+            } catch (err) {
+              console.error('Image upload failed:', err);
+            }
+          };
+          reader.readAsDataURL(file);
+          break;
+        }
+      }
+    });
+  })();
+
+  function showImagePreview(url, filename) {
+    var existing = document.getElementById('pastePreview');
+    if (existing) existing.remove();
+    var ta = $('inboxText');
+    if (!ta) return;
+    var container = document.createElement('div');
+    container.id = 'pastePreview';
+    container.style.cssText = 'display:flex; align-items:center; gap:8px; padding:6px 10px; background:var(--surface); border:1px solid var(--border); border-radius:6px; margin-top:6px;';
+    var img = document.createElement('img');
+    img.src = url;
+    img.style.cssText = 'max-height:48px; max-width:80px; border-radius:4px; cursor:pointer;';
+    img.onclick = function() { openLightbox(url); };
+    var label = document.createElement('span');
+    label.textContent = '📎 ' + filename;
+    label.style.cssText = 'font-size:12px; color:var(--muted); flex:1;';
+    var removeBtn = document.createElement('button');
+    removeBtn.textContent = '✕';
+    removeBtn.style.cssText = 'background:none; border:none; color:var(--muted); cursor:pointer; font-size:14px;';
+    removeBtn.onclick = function() { container.remove(); state.pendingImage = null; };
+    container.appendChild(img);
+    container.appendChild(label);
+    container.appendChild(removeBtn);
+    ta.parentElement.insertBefore(container, ta.nextSibling);
+  }
+
+  // ── Image lightbox modal ──
+  function openLightbox(url) {
+    var existing = document.getElementById('freyaLightbox');
+    if (existing) existing.remove();
+    var overlay = document.createElement('div');
+    overlay.id = 'freyaLightbox';
+    overlay.style.cssText = 'position:fixed; inset:0; background:rgba(0,0,0,0.85); display:flex; align-items:center; justify-content:center; z-index:99999; cursor:pointer;';
+    overlay.onclick = function(e) { if (e.target === overlay) overlay.remove(); };
+    var img = document.createElement('img');
+    img.src = url;
+    img.style.cssText = 'max-width:90vw; max-height:90vh; border-radius:8px; box-shadow:0 8px 40px rgba(0,0,0,0.6);';
+    var closeBtn = document.createElement('button');
+    closeBtn.textContent = '✕';
+    closeBtn.style.cssText = 'position:absolute; top:20px; right:20px; background:rgba(255,255,255,0.15); border:none; color:white; font-size:24px; width:40px; height:40px; border-radius:50%; cursor:pointer;';
+    closeBtn.onclick = function() { overlay.remove(); };
+    overlay.appendChild(img);
+    overlay.appendChild(closeBtn);
+    document.body.appendChild(overlay);
+    // ESC to close
+    function onEsc(e) { if (e.key === 'Escape') { overlay.remove(); document.removeEventListener('keydown', onEsc); } }
+    document.addEventListener('keydown', onEsc);
+  }
+  window.openLightbox = openLightbox;
+
+  // Make all chat images clickable for lightbox (delegate)
+  document.addEventListener('click', function(e) {
+    var img = e.target;
+    if (img.tagName === 'IMG' && img.closest && img.closest('#chatThread')) {
+      e.preventDefault();
+      openLightbox(img.src);
+    }
+  });
+
   // Developer drawer (persist open/close)
   try {
     const d = $('devDrawer');
@@ -2616,149 +2707,8 @@
     refreshToday();
     reloadSlugRules();
     loadChatHistory();
-    initPasteHandler();
-
-    // Click on chat images → open lightbox
-    var thread = $('chatThread');
-    if (thread) {
-      thread.addEventListener('click', function(e) {
-        if (e.target && e.target.classList && e.target.classList.contains('bubble-img')) {
-          openLightbox(e.target.src, e.target.alt || 'Anexo');
-        }
-      });
-    }
   })();
 
-  // ── Image Paste Handler ──────────────────────────────────────
-  function initPasteHandler() {
-    var ta = $('inboxText');
-    if (!ta) return;
-
-    ta.addEventListener('paste', function(e) {
-      var items = e.clipboardData && e.clipboardData.items;
-      if (!items) return;
-
-      for (var i = 0; i < items.length; i++) {
-        if (items[i].type.indexOf('image/') === 0) {
-          e.preventDefault();
-          var file = items[i].getAsFile();
-          if (!file) continue;
-
-          var reader = new FileReader();
-          reader.onload = function(ev) {
-            var ext = file.type.split('/')[1] || 'png';
-            if (ext === 'jpeg') ext = 'jpg';
-            var ts = Date.now();
-            var name = 'paste-' + ts + '.' + ext;
-            state.pastedImages.push({ file: file, dataUrl: ev.target.result, name: name });
-            renderPastePreview();
-          };
-          reader.readAsDataURL(file);
-          break; // handle one image per paste
-        }
-      }
-    });
-  }
-
-  function renderPastePreview() {
-    var strip = $('pastePreview');
-    var inner = $('pastePreviewInner');
-    if (!strip || !inner) return;
-
-    if (!state.pastedImages.length) {
-      strip.style.display = 'none';
-      inner.innerHTML = '';
-      return;
-    }
-
-    strip.style.display = 'block';
-    inner.innerHTML = '';
-
-    for (var i = 0; i < state.pastedImages.length; i++) {
-      (function(idx) {
-        var img = state.pastedImages[idx];
-        var wrap = document.createElement('div');
-        wrap.className = 'paste-thumb';
-
-        var thumb = document.createElement('img');
-        thumb.src = img.dataUrl;
-        thumb.alt = img.name;
-        thumb.style.cssText = 'max-height:60px; max-width:100px; border-radius:6px; border:1px solid var(--border); cursor:pointer;';
-        thumb.title = img.name;
-        thumb.onclick = function() {
-          openLightbox(img.dataUrl, img.name);
-        };
-
-        var removeBtn = document.createElement('button');
-        removeBtn.className = 'paste-thumb-remove';
-        removeBtn.innerHTML = '&times;';
-        removeBtn.title = 'Remover';
-        removeBtn.onclick = function() {
-          state.pastedImages.splice(idx, 1);
-          renderPastePreview();
-        };
-
-        wrap.appendChild(thumb);
-        wrap.appendChild(removeBtn);
-        inner.appendChild(wrap);
-      })(i);
-    }
-
-    // label
-    var label = document.createElement('span');
-    label.style.cssText = 'font-size:11px; color:var(--faint); margin-left:4px;';
-    label.textContent = state.pastedImages.length + ' imagem(ns) anexada(s)';
-    inner.appendChild(label);
-  }
-
-  // Upload pasted images and return array of { name, path }
-  async function uploadPastedImages() {
-    var results = [];
-    for (var i = 0; i < state.pastedImages.length; i++) {
-      var img = state.pastedImages[i];
-      try {
-        var r = await api('/api/attachments/upload', {
-          dir: dirOrDefault(),
-          data: img.dataUrl,
-          filename: img.name
-        });
-        if (r && r.ok) {
-          results.push({ name: img.name, path: r.path });
-        }
-      } catch(err) {
-        // best-effort, skip failed uploads
-      }
-    }
-    return results;
-  }
-
-  function clearPastedImages() {
-    state.pastedImages = [];
-    renderPastePreview();
-  }
-
-  // ── Image Lightbox ──────────────────────────────────────────
-  function openLightbox(src, name) {
-    var lb = $('imgLightbox');
-    var img = $('imgLightboxImg');
-    var label = $('imgLightboxName');
-    if (!lb || !img) return;
-    img.src = src;
-    if (label) label.textContent = name || '';
-    lb.classList.add('active');
-  }
-
-  function closeLightbox(e) {
-    if (e) e.stopPropagation();
-    var lb = $('imgLightbox');
-    if (lb) lb.classList.remove('active');
-    var img = $('imgLightboxImg');
-    if (img) img.src = '';
-  }
-
-  window.openLightbox = openLightbox;
-  window.closeLightbox = closeLightbox;
-
   setPill('ok', 'pronto');
 
   /* ── Global Keyboard Shortcuts ── */
@@ -2775,13 +2725,8 @@
       openQuickAdd();
       return;
     }
-    // Escape: Close lightbox → quick-add → blur
+    // Escape: Close quick-add modal or blur active element
     if (e.key === 'Escape') {
-      const lb = $('imgLightbox');
-      if (lb && lb.classList.contains('active')) {
-        closeLightbox();
-        return;
-      }
       const overlay = $('quickAddOverlay');
       if (overlay && overlay.style.display !== 'none') {
         closeQuickAdd();