@cccarv82/freya 2.17.2 → 2.18.0

package/cli/web-ui.css

@@ -1279,6 +1279,134 @@ 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;
 }

package/cli/web-ui.js

@@ -20,7 +20,8 @@
     timelineProject: '',
     timelineTag: '',
     chatSessionId: null,
-    chatLoaded: false
+    chatLoaded: false,
+    pastedImages: []   // { file: File, dataUrl: string, name: string }
   };
 
   function applyDarkTheme() {
@@ -503,16 +504,32 @@
     const tag = $('chatModeTag');
     if (tag) { tag.textContent = '🔍 oracle'; tag.style.display = ''; tag.style.color = 'var(--accent)'; tag.style.borderColor = 'var(--accent)'; }
 
-    chatAppend('user', query);
+    // 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 });
+    } else {
+      chatAppend('user', query);
+    }
+    clearPastedImages();
     syncChatThreadVisibility();
-    setPill('run', 'pesquisando…');
+    setPill('run', askAttachments.length ? 'enviando imagem + pesquisando…' : '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 });
+      const r = await api('/api/chat/ask', { dir: dirOrDefault(), sessionId, query, attachments: askAttachments });
       const answer = r && r.answer ? r.answer : 'Não encontrei registro';
 
       const el = $(typingId);
@@ -2346,14 +2363,34 @@
       const tag = $('chatModeTag');
       if (tag) { tag.textContent = '📥 inbox'; tag.style.display = ''; tag.style.color = 'var(--primary)'; tag.style.borderColor = 'var(--primary)'; }
 
-      chatAppend('user', text);
+      // 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 });
+      } else {
+        chatAppend('user', text);
+      }
+      clearPastedImages();
       syncChatThreadVisibility();
 
       setPill('run', 'salvando…');
-      await api('/api/inbox/add', { dir: dirOrDefault(), text });
+      await api('/api/inbox/add', { dir: dirOrDefault(), text, attachments });
 
-      setPill('run', 'processando…');
-      const r = await api('/api/agents/plan', { dir: dirOrDefault(), text });
+      setPill('run', attachments.length ? 'processando texto + imagens…' : 'processando…');
+      const r = await api('/api/agents/plan', { dir: dirOrDefault(), text, attachments });
 
       state.lastPlan = r.plan || '';
 
@@ -2555,8 +2592,149 @@
     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 ── */
@@ -2573,8 +2751,13 @@
       openQuickAdd();
       return;
     }
-    // Escape: Close quick-add modal or blur active element
+    // Escape: Close lightbox → quick-add → blur
     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,9 +1192,14 @@ 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)" 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)&#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;"
                 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;">
@@ -1346,6 +1351,13 @@ 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>
@@ -2396,6 +2408,28 @@ async function cmdWeb({ port, dir, open, dev }) {
         return;
       }
 
+      // Serve attachment images (pasted screenshots)
+      if (req.method === 'GET' && req.url.startsWith('/attachments/')) {
+        const relPath = decodeURIComponent(req.url.replace('/attachments/', ''));
+        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);
+          return;
+        }
+        res.writeHead(404); res.end(); return;
+      }
+
       if (req.url.startsWith('/api/')) {
         const raw = await readBody(req);
         const payload = raw ? JSON.parse(raw) : {};
@@ -3206,9 +3240,30 @@ 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();
-          if (!text) return safeJson(res, 400, { error: 'Missing text' });
+          const attachments = Array.isArray(payload.attachments) ? payload.attachments : [];
+          if (!text && !attachments.length) return safeJson(res, 400, { error: 'Missing text' });
 
           const d = isoDate();
           const file = path.join(workspaceDir, 'logs', 'daily', `${d}.md`);
@@ -3222,7 +3277,13 @@ async function cmdWeb({ port, dir, open, dev }) {
           const linksText = linkInfo && linkInfo.linksText ? linkInfo.linksText : '';
           const slugs = linkInfo && Array.isArray(linkInfo.slugs) ? linkInfo.slugs : [];
 
-          const block = `\n\n## [${hh}:${mm}] Raw Input\n${text}${linksText}\n`;
+          // 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`;
           fs.appendFileSync(file, block, 'utf8');
 
           if (slugs.length) {
@@ -3281,7 +3342,16 @@ async function cmdWeb({ port, dir, open, dev }) {
             ]
           };
 
-          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`;
+          // 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`;
 
           // Prefer COPILOT_CMD if provided, otherwise try 'copilot'
           const cmd = process.env.COPILOT_CMD || 'copilot';
@@ -3291,7 +3361,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'], workspaceDir, agentEnv);
+            const r = await run(cmd, ['-s', '--no-color', '--stream', 'off', '-p', prompt, '--allow-all-tools', '--add-dir', workspaceDir], workspaceDir, agentEnv);
             const out = (r.stdout + r.stderr).trim();
             if (r.code !== 0) {
               return safeJson(res, 200, {
@@ -3672,15 +3742,27 @@ async function cmdWeb({ port, dir, open, dev }) {
             console.error('[oracle] RAG search failed (embedder/sharp unavailable), continuing without context:', ragErr.message);
           }
 
-          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`;
+          // 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 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 {
-            // Removed --allow-all-tools and --add-dir to force reliance on RAG context
-            const r = await run(cmd, ['-s', '--no-color', '--stream', 'off', '-p', prompt], workspaceDir, oracleEnv);
+            // 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);
             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 });
@@ -4589,6 +4671,13 @@ 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": "2.17.2",
+  "version": "2.18.0",
   "description": "Personal AI Assistant with local-first persistence",
   "scripts": {
     "health": "node scripts/validate-data.js && node scripts/validate-structure.js",