@cccarv82/freya 3.0.0 → 3.1.0

package/cli/web-ui.css

@@ -1279,134 +1279,6 @@ textarea:focus {
   background: rgba(0, 0, 0, .18);
 }
 
-/* ── Image Lightbox Modal ── */
-.img-lightbox {
-  display: none;
-  position: fixed;
-  inset: 0;
-  z-index: 10000;
-  background: rgba(0, 0, 0, 0.85);
-  backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
-  justify-content: center;
-  align-items: center;
-  cursor: zoom-out;
-  animation: lbFadeIn 0.15s ease;
-}
-
-.img-lightbox.active {
-  display: flex;
-}
-
-@keyframes lbFadeIn {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
-
-.img-lightbox img {
-  max-width: 92vw;
-  max-height: 88vh;
-  border-radius: 10px;
-  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.5);
-  object-fit: contain;
-  cursor: default;
-  animation: lbZoomIn 0.2s ease;
-}
-
-@keyframes lbZoomIn {
-  from { transform: scale(0.9); opacity: 0; }
-  to { transform: scale(1); opacity: 1; }
-}
-
-.img-lightbox-close {
-  position: absolute;
-  top: 16px;
-  right: 20px;
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  background: rgba(255, 255, 255, 0.12);
-  border: 1px solid rgba(255, 255, 255, 0.2);
-  color: #fff;
-  font-size: 20px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: background 0.15s;
-}
-
-.img-lightbox-close:hover {
-  background: rgba(255, 255, 255, 0.25);
-}
-
-.img-lightbox-name {
-  position: absolute;
-  bottom: 16px;
-  left: 50%;
-  transform: translateX(-50%);
-  color: rgba(255, 255, 255, 0.7);
-  font-size: 12px;
-  background: rgba(0, 0, 0, 0.4);
-  padding: 4px 14px;
-  border-radius: 20px;
-  max-width: 80vw;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/* ── Paste Preview Strip ── */
-.paste-thumb {
-  position: relative;
-  display: inline-block;
-}
-
-.paste-thumb-remove {
-  position: absolute;
-  top: -6px;
-  right: -6px;
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  background: var(--danger, #ef4444);
-  color: #fff;
-  border: none;
-  font-size: 12px;
-  line-height: 18px;
-  text-align: center;
-  cursor: pointer;
-  padding: 0;
-  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
-}
-
-.paste-thumb-remove:hover {
-  background: #dc2626;
-  transform: scale(1.1);
-}
-
-/* ── Bubble Attachments (images in chat) ── */
-.bubble-attachments {
-  margin-top: 8px;
-  display: flex;
-  gap: 6px;
-  flex-wrap: wrap;
-}
-
-.bubble-img {
-  max-height: 120px;
-  max-width: 200px;
-  border-radius: 8px;
-  border: 1px solid var(--border);
-  cursor: pointer;
-  transition: transform 0.15s ease;
-}
-
-.bubble-img:hover {
-  transform: scale(1.05);
-  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
-}
-
 .chatComposer {
   display: none;
 }
@@ -1741,10 +1613,6 @@ textarea:focus {
   font-size: 11px;
 }
 
-* {
-  border-radius: 0 !important;
-}
-
 /* ── Kanban Board ── */
 .kanban-board {
   display: grid;

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();

package/cli/web.js

@@ -1192,14 +1192,9 @@ function buildHtml(safeDefault, appVersion) {
               </div>
 
               <!-- Textarea -->
-              <textarea id="inboxText" aria-label="Entrada de texto para processar ou perguntar" placeholder="Cole updates, decisões, blockers... ou faça uma pergunta à Freya.&#10;&#10;▸ Salvar & Processar → extrai tarefas e blockers do texto&#10;▸ Perguntar → consulta o histórico via busca semântica (RAG)&#10;▸ Ctrl+V com imagem → anexa screenshot ao contexto" style="resize:none; min-height: 200px; flex: 1; border-radius: 0; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid var(--border); padding: 14px 16px; font-size: 13px; line-height: 1.6;"
+              <textarea id="inboxText" aria-label="Entrada de texto para processar ou perguntar" placeholder="Cole updates, decisões, blockers... ou faça uma pergunta à Freya.&#10;&#10;▸ Salvar & Processar → extrai tarefas e blockers do texto&#10;▸ Perguntar → consulta o histórico via busca semântica (RAG)" style="resize:none; min-height: 200px; flex: 1; border-radius: 0; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid var(--border); padding: 14px 16px; font-size: 13px; line-height: 1.6;"
                 onkeydown="if((event.metaKey||event.ctrlKey)&&event.key==='Enter'){event.preventDefault();window.saveAndPlan();}"></textarea>
 
-              <!-- Image paste preview strip -->
-              <div id="pastePreview" style="display:none; padding: 8px 14px; border-bottom: 1px solid var(--border); background: rgba(0,0,0,0.05); flex-shrink:0;">
-                <div style="display:flex; align-items:center; gap:8px; flex-wrap:wrap;" id="pastePreviewInner"></div>
-              </div>
-
               <!-- Actions bar -->
               <div style="padding: 10px 14px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; flex-shrink:0;">
                 <div style="display:flex; gap:8px; flex-wrap:wrap;">
@@ -1351,13 +1346,6 @@ function buildHtml(safeDefault, appVersion) {
     </div>
   </div>
 
-  <!-- Image lightbox modal -->
-  <div id="imgLightbox" class="img-lightbox" onclick="window.closeLightbox(event)">
-    <button class="img-lightbox-close" onclick="window.closeLightbox(event)" title="Fechar (Esc)">&times;</button>
-    <img id="imgLightboxImg" src="" alt="preview" onclick="event.stopPropagation()" />
-    <div id="imgLightboxName" class="img-lightbox-name"></div>
-  </div>
-
   <script>
     window.__FREYA_DEFAULT_DIR = "${safeDefault}";
   </script>
@@ -2408,26 +2396,25 @@ async function cmdWeb({ port, dir, open, dev }) {
         return;
       }
 
-      // Serve attachment images (pasted screenshots)
+      // Serve attachment images from workspace data/attachments/
       if (req.method === 'GET' && req.url.startsWith('/attachments/')) {
-        const relPath = decodeURIComponent(req.url.replace('/attachments/', ''));
+        const fname = decodeURIComponent(req.url.slice('/attachments/'.length)).replace(/[\/\\]/g, '');
         const requestedDir = dir || './freya';
-        const wsDir = path.resolve(process.cwd(), requestedDir);
-        const filePath = path.join(wsDir, 'data', 'attachments', relPath);
-        // Security: ensure path stays within data/attachments
-        if (!filePath.startsWith(path.join(wsDir, 'data', 'attachments'))) {
-          res.writeHead(403); res.end(); return;
-        }
-        if (exists(filePath)) {
-          const ext = path.extname(filePath).toLowerCase();
-          const mimeMap = { '.png': 'image/png', '.jpg': 'image/jpeg', '.jpeg': 'image/jpeg', '.gif': 'image/gif', '.webp': 'image/webp', '.bmp': 'image/bmp' };
-          const mime = mimeMap[ext] || 'application/octet-stream';
-          const data = fs.readFileSync(filePath);
-          res.writeHead(200, { 'Content-Type': mime, 'Cache-Control': 'public, max-age=86400' });
-          res.end(data);
+        let wsDir;
+        try { wsDir = normalizeWorkspaceDir(requestedDir); } catch { wsDir = path.resolve(process.cwd(), requestedDir); }
+        const filePath = path.join(wsDir, 'data', 'attachments', fname);
+        if (!exists(filePath)) {
+          res.writeHead(404, { 'Content-Type': 'text/plain' });
+          res.end('Not found');
           return;
         }
-        res.writeHead(404); res.end(); return;
+        const ext = path.extname(fname).toLowerCase();
+        const mimeMap = { '.png': 'image/png', '.jpg': 'image/jpeg', '.jpeg': 'image/jpeg', '.gif': 'image/gif', '.webp': 'image/webp', '.bmp': 'image/bmp', '.svg': 'image/svg+xml' };
+        const mime = mimeMap[ext] || 'application/octet-stream';
+        const data = fs.readFileSync(filePath);
+        res.writeHead(200, { 'Content-Type': mime, 'Cache-Control': 'max-age=86400' });
+        res.end(data);
+        return;
       }
 
       if (req.url.startsWith('/api/')) {
@@ -3240,30 +3227,9 @@ async function cmdWeb({ port, dir, open, dev }) {
           }
         }
 
-        // ── Upload attachment (image paste) ──────────────────────────
-        if (req.url === '/api/attachments/upload') {
-          const data = String(payload.data || '').trim();
-          const fname = String(payload.filename || '').trim();
-          if (!data || !fname) return safeJson(res, 400, { error: 'Missing data or filename' });
-
-          const d = isoDate();
-          const attDir = path.join(workspaceDir, 'data', 'attachments', d);
-          ensureDir(attDir);
-
-          // data is base64 (may have data:image/... prefix)
-          const base64 = data.replace(/^data:image\/[^;]+;base64,/, '');
-          const buf = Buffer.from(base64, 'base64');
-          const filePath = path.join(attDir, fname);
-          fs.writeFileSync(filePath, buf);
-
-          const relPath = `data/attachments/${d}/${fname}`;
-          return safeJson(res, 200, { ok: true, path: relPath });
-        }
-
         if (req.url === '/api/inbox/add') {
           const text = String(payload.text || '').trim();
-          const attachments = Array.isArray(payload.attachments) ? payload.attachments : [];
-          if (!text && !attachments.length) return safeJson(res, 400, { error: 'Missing text' });
+          if (!text) return safeJson(res, 400, { error: 'Missing text' });
 
           const d = isoDate();
           const file = path.join(workspaceDir, 'logs', 'daily', `${d}.md`);
@@ -3277,13 +3243,8 @@ async function cmdWeb({ port, dir, open, dev }) {
           const linksText = linkInfo && linkInfo.linksText ? linkInfo.linksText : '';
           const slugs = linkInfo && Array.isArray(linkInfo.slugs) ? linkInfo.slugs : [];
 
-          // Build attachment markdown references
-          let attachBlock = '';
-          if (attachments.length) {
-            attachBlock = '\n\n**Anexos:**\n' + attachments.map(a => `![${a.name || 'screenshot'}](${a.path})`).join('\n');
-          }
-
-          const block = `\n\n## [${hh}:${mm}] Raw Input\n${text}${linksText}${attachBlock}\n`;
+          const imgRef = payload.imagePath ? `\n![anexo](../${payload.imagePath})` : '';
+          const block = `\n\n## [${hh}:${mm}] Raw Input\n${text}${imgRef}${linksText}\n`;
           fs.appendFileSync(file, block, 'utf8');
 
           if (slugs.length) {
@@ -3342,16 +3303,7 @@ async function cmdWeb({ port, dir, open, dev }) {
             ]
           };
 
-          // Build image references if attachments were provided
-          const attachments = Array.isArray(payload.attachments) ? payload.attachments : [];
-          let imageContext = '';
-          if (attachments.length) {
-            imageContext = '\n\nIMAGENS ANEXADAS (use @caminho para analisar):\n' +
-              attachments.map(a => `- @${path.join(workspaceDir, a.path)} (${a.name})`).join('\n') + '\n' +
-              'Analise as imagens anexadas e inclua as informações visuais no plano.\n';
-          }
-
-          const prompt = `Você é o planner do sistema F.R.E.Y.A.\n\nContexto: vamos receber um input bruto do usuário e propor ações estruturadas.\nRegras: siga os arquivos de regras abaixo.\nSaída: retorne APENAS JSON válido no formato: ${JSON.stringify(schema)}\n\nRestrições:\n- NÃO use code fences (\`\`\`)\n- NÃO inclua texto extra antes/depois do JSON\n- NÃO use quebras de linha dentro de strings (transforme em uma frase única)\n\nREGRAS:${rulesText}${imageContext}\n\nINPUT DO USUÁRIO:\n${text}\n`;
+          const prompt = `Você é o planner do sistema F.R.E.Y.A.\n\nContexto: vamos receber um input bruto do usuário e propor ações estruturadas.\nRegras: siga os arquivos de regras abaixo.\nSaída: retorne APENAS JSON válido no formato: ${JSON.stringify(schema)}\n\nRestrições:\n- NÃO use code fences (\`\`\`)\n- NÃO inclua texto extra antes/depois do JSON\n- NÃO use quebras de linha dentro de strings (transforme em uma frase única)\n\nREGRAS:${rulesText}\n\nINPUT DO USUÁRIO:\n${text}\n`;
 
           // Prefer COPILOT_CMD if provided, otherwise try 'copilot'
           const cmd = process.env.COPILOT_CMD || 'copilot';
@@ -3361,7 +3313,7 @@ async function cmdWeb({ port, dir, open, dev }) {
           // BUG-48: pass FREYA_WORKSPACE_DIR so the Copilot subprocess uses correct DB
           const agentEnv = { FREYA_WORKSPACE_DIR: workspaceDir };
           try {
-            const r = await run(cmd, ['-s', '--no-color', '--stream', 'off', '-p', prompt, '--allow-all-tools', '--add-dir', workspaceDir], workspaceDir, agentEnv);
+            const r = await run(cmd, ['-s', '--no-color', '--stream', 'off', '-p', prompt, '--allow-all-tools'], workspaceDir, agentEnv);
             const out = (r.stdout + r.stderr).trim();
             if (r.code !== 0) {
               return safeJson(res, 200, {
@@ -3707,9 +3659,25 @@ async function cmdWeb({ port, dir, open, dev }) {
           return safeJson(res, r.code === 0 ? 200 : 400, r.code === 0 ? { ok: true, output: out } : { error: out || 'index rebuild failed', output: out });
         }
 
+        // Upload attachment (base64 image from clipboard paste)
+        if (req.url === '/api/attachments/upload') {
+          const base64 = String(payload.data || '').trim();
+          const mimeType = String(payload.mimeType || 'image/png').trim();
+          if (!base64) return safeJson(res, 400, { error: 'Missing data' });
+          const ext = mimeType === 'image/jpeg' ? '.jpg' : mimeType === 'image/gif' ? '.gif' : mimeType === 'image/webp' ? '.webp' : '.png';
+          const fname = 'paste-' + Date.now() + ext;
+          const attachDir = path.join(workspaceDir, 'data', 'attachments');
+          if (!exists(attachDir)) fs.mkdirSync(attachDir, { recursive: true });
+          const filePath = path.join(attachDir, fname);
+          const buf = Buffer.from(base64, 'base64');
+          fs.writeFileSync(filePath, buf);
+          return safeJson(res, 200, { ok: true, filename: fname, url: '/attachments/' + fname });
+        }
+
         if (req.url === '/api/chat/ask') {
           const sessionId = String(payload.sessionId || '').trim();
           const query = String(payload.query || '').trim();
+          const imagePath = payload.imagePath ? String(payload.imagePath).trim() : null;
           if (!query) return safeJson(res, 400, { error: 'Missing query' });
 
           const workspaceRulesBase = path.join(workspaceDir, '.agent', 'rules', 'freya');
@@ -3742,27 +3710,23 @@ async function cmdWeb({ port, dir, open, dev }) {
             console.error('[oracle] RAG search failed (embedder/sharp unavailable), continuing without context:', ragErr.message);
           }
 
-          // Build image references if attachments were provided
-          const askAttachments = Array.isArray(payload.attachments) ? payload.attachments : [];
-          let askImageContext = '';
-          const askHasImages = askAttachments.length > 0;
-          if (askHasImages) {
-            askImageContext = '\n\nIMAGENS ANEXADAS (use @caminho para analisar):\n' +
-              askAttachments.map(a => `- @${path.join(workspaceDir, a.path)} (${a.name})`).join('\n') + '\n' +
-              'Analise as imagens anexadas e use-as como contexto para responder à consulta.\n';
-          }
-
-          const prompt = `Você é o agente Oracle do sistema F.R.E.Y.A.\n\nSiga estritamente os arquivos de regras abaixo.\nResponda de forma analítica e consultiva.\n${ragContext}${askImageContext}\n\nREGRAS:${rulesText}\n\nCONSULTA DO USUÁRIO:\n${query}\n`;
+          const prompt = `Você é o agente Oracle do sistema F.R.E.Y.A.\n\nSiga estritamente os arquivos de regras abaixo.\nResponda de forma analítica e consultiva.\n${ragContext}\n\nREGRAS:${rulesText}\n\nCONSULTA DO USUÁRIO:\n${query}\n`;
 
           const cmd = process.env.COPILOT_CMD || 'copilot';
 
           // BUG-48: pass FREYA_WORKSPACE_DIR so the Copilot subprocess uses correct DB
           const oracleEnv = { FREYA_WORKSPACE_DIR: workspaceDir };
           try {
-            // Add --add-dir when images are attached so Copilot can access them
-            const oracleArgs = ['-s', '--no-color', '--stream', 'off', '-p', prompt];
-            if (askHasImages) { oracleArgs.push('--allow-all-tools', '--add-dir', workspaceDir); }
-            const r = await run(cmd, oracleArgs, workspaceDir, oracleEnv);
+            // Build copilot args; add image if user pasted a screenshot
+            const copilotArgs = ['-s', '--no-color', '--stream', 'off'];
+            if (imagePath) {
+              const absImg = path.isAbsolute(imagePath) ? imagePath : path.join(workspaceDir, imagePath);
+              if (exists(absImg)) {
+                copilotArgs.push('--add-image', absImg);
+              }
+            }
+            copilotArgs.push('-p', prompt);
+            const r = await run(cmd, copilotArgs, workspaceDir, oracleEnv);
             const out = (r.stdout + r.stderr).trim();
             if (r.code !== 0) {
               return safeJson(res, 200, { ok: false, answer: 'Falha na busca do agente Oracle:\n' + (out || 'Exit code != 0'), sessionId });
@@ -3893,7 +3857,8 @@ async function cmdWeb({ port, dir, open, dev }) {
 
           const rawTasks = dl.db.prepare(query).all(...params);
           const tasks = rawTasks.map(t => {
-            const meta = t.metadata ? JSON.parse(t.metadata) : {};
+            let meta = {};
+            try { meta = t.metadata ? JSON.parse(t.metadata) : {}; } catch (_) {}
             return {
               id: t.id,
               description: t.description,
@@ -4091,7 +4056,8 @@ async function cmdWeb({ port, dir, open, dev }) {
 
           const rawBlockers = dl.db.prepare(query).all(...params);
           const blockers = rawBlockers.map(b => {
-            const meta = b.metadata ? JSON.parse(b.metadata) : {};
+            let meta = {};
+            try { meta = b.metadata ? JSON.parse(b.metadata) : {}; } catch (_) {}
             return {
               id: b.id,
               title: b.title,
@@ -4671,13 +4637,6 @@ function buildKanbanHtml(safeDefault, appVersion) {
     </div>
   </div>
 
-  <!-- Image lightbox modal -->
-  <div id="imgLightbox" class="img-lightbox" onclick="window.closeLightbox(event)">
-    <button class="img-lightbox-close" onclick="window.closeLightbox(event)" title="Fechar (Esc)">&times;</button>
-    <img id="imgLightboxImg" src="" alt="preview" onclick="event.stopPropagation()" />
-    <div id="imgLightboxName" class="img-lightbox-name"></div>
-  </div>
-
   <script>
     window.__FREYA_DEFAULT_DIR = "${safeDefault}";
   </script>

package/package.json

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