@cccarv82/freya 2.11.0 → 2.13.0

package/cli/web-ui.css

@@ -569,10 +569,11 @@ body {
 .promptShell {
   display: flex;
   justify-content: center;
+  width: 100%;
 }
 
 .promptBar {
-  width: min(720px, 100%);
+  width: min(960px, 100%);
   background: var(--paper);
   backdrop-filter: blur(16px);
   -webkit-backdrop-filter: blur(16px);

package/cli/web-ui.js

@@ -237,6 +237,7 @@
           thread.appendChild(bubble);
         }
         try { thread.scrollTop = thread.scrollHeight; } catch { }
+        syncChatThreadVisibility();
       }
     } catch {
       // ignore
@@ -330,6 +331,16 @@
     }
   }
 
+  // Show/hide the chat thread area based on whether it has content
+  function syncChatThreadVisibility() {
+    const thread = $('chatThread');
+    if (!thread) return;
+    const hasContent = thread.children.length > 0;
+    thread.style.padding = hasContent ? '12px' : '0';
+    thread.style.maxHeight = hasContent ? '280px' : '0';
+    thread.style.borderTop = hasContent ? '1px solid var(--border)' : 'none';
+  }
+
   // Unified input → Oracle (RAG): reads from the main inboxText textarea
   async function askFreyaFromInput() {
     const ta = $('inboxText');
@@ -342,11 +353,12 @@
 
     if (ta) ta.value = '';
 
-    // Update mode tag
+    // Show mode tag
     const tag = $('chatModeTag');
-    if (tag) { tag.textContent = 'oracle'; tag.style.color = 'var(--accent)'; tag.style.borderColor = 'var(--accent)'; }
+    if (tag) { tag.textContent = '🔍 oracle'; tag.style.display = ''; tag.style.color = 'var(--accent)'; tag.style.borderColor = 'var(--accent)'; }
 
     chatAppend('user', query);
+    syncChatThreadVisibility();
     setPill('run', 'pesquisando…');
 
     const typingId = 'typing-' + Date.now();
@@ -362,12 +374,13 @@
 
       chatAppend('assistant', answer, { markdown: true });
       setPill('ok', 'pronto');
-      if (tag) setTimeout(() => { tag.textContent = 'oracle'; tag.style.color = ''; tag.style.borderColor = ''; }, 2000);
+      if (tag) setTimeout(() => { tag.style.display = 'none'; }, 3000);
     } catch (e) {
       const el = $(typingId);
       if (el) el.remove();
       setPill('err', 'falhou');
       chatAppend('assistant', '❌ ' + String(e && e.message ? e.message : e));
+      if (tag) setTimeout(() => { tag.style.display = 'none'; }, 3000);
     }
   }
 
@@ -2223,11 +2236,12 @@
         return;
       }
 
-      // Update mode tag
+      // Show mode tag
       const tag = $('chatModeTag');
-      if (tag) { tag.textContent = 'inbox'; tag.style.color = 'var(--primary)'; tag.style.borderColor = 'var(--primary)'; }
+      if (tag) { tag.textContent = '📥 inbox'; tag.style.display = ''; tag.style.color = 'var(--primary)'; tag.style.borderColor = 'var(--primary)'; }
 
       chatAppend('user', text);
+      syncChatThreadVisibility();
 
       setPill('run', 'salvando…');
       await api('/api/inbox/add', { dir: dirOrDefault(), text });
@@ -2263,7 +2277,7 @@
       }
 
       const tag2 = $('chatModeTag');
-      if (tag2) setTimeout(() => { tag2.textContent = 'oracle'; tag2.style.color = ''; tag2.style.borderColor = ''; }, 1500);
+      if (tag2) setTimeout(() => { tag2.style.display = 'none'; }, 2000);
       setTimeout(() => setPill('ok', 'pronto'), 1200);
     } catch (e) {
       setPill('err', 'falhou');

package/cli/web.js

@@ -1207,36 +1207,38 @@ function buildHtml(safeDefault, appVersion) {
           </div>
 
           <div class="centerBody">
-            <!-- Unified Input + Chat Panel -->
-            <section style="margin-bottom: 24px; display: grid; grid-template-columns: 1fr 1.6fr; gap: 16px; height: 420px; max-height: 480px;">
-
-              <!-- Left: Unified Input -->
-              <div class="promptBar" style="width: 100%; border-radius: 20px; height: 100%; display: flex; flex-direction: column; overflow: hidden;">
-                <div class="promptMeta" style="flex-shrink:0;">
-                  <div class="promptTitle" style="display: flex; align-items: center; gap: 8px;">
-                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: var(--primary)"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg>
-                    <span>Freya Input</span>
-                  </div>
+            <!-- Unified Input Panel -->
+            <div class="promptShell">
+            <div class="promptBar" style="border-radius: 16px; display: flex; flex-direction: column; overflow: hidden;">
+              <!-- Header -->
+              <div class="promptMeta" style="flex-shrink:0;">
+                <div class="promptTitle" style="display: flex; align-items: center; gap: 8px;">
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: var(--primary)"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg>
+                  <span>Freya Input</span>
+                </div>
+                <div style="display:flex; align-items:center; gap:8px;">
+                  <span id="chatModeTag" style="font-size:11px; padding:2px 8px; border-radius:10px; background:var(--bg2); color:var(--muted); border:1px solid var(--border); display:none;"></span>
                   <div id="status" class="small">pronto</div>
                 </div>
+              </div>
 
-                <textarea id="inboxText" placeholder="Cole updates, decisões, blockers... ou faça uma pergunta à Freya.&#10;&#10;▸ Salvar & Processar → extrai tarefas e blockers&#10;▸ Perguntar → consulta o histórico (RAG)" style="resize:none; flex: 1; min-height: 0; 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>
+              <!-- Textarea -->
+              <textarea id="inboxText" 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: 160px; 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>
 
-                <!-- Primary actions -->
-                <div style="padding: 10px 14px 6px; display: flex; gap: 8px; flex-wrap: wrap; flex-shrink:0;">
-                  <button class="btn primary small" type="button" onclick="saveAndPlan()" style="flex:1; min-width: 120px;" title="Ctrl+Enter">
+              <!-- 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;">
+                  <button class="btn primary small" type="button" onclick="saveAndPlan()" title="Ctrl+Enter">
                     <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="display:inline;vertical-align:-2px;margin-right:5px"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg>
-                    Salvar & Processar
+                    Salvar &amp; Processar
                   </button>
-                  <button class="btn small" type="button" onclick="window.askFreyaFromInput()" style="flex:1; min-width: 90px;" title="Consulta semântica ao histórico">
+                  <button class="btn small" type="button" onclick="window.askFreyaFromInput()" title="Consulta semântica ao histórico">
                     <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:inline;vertical-align:-2px;margin-right:5px"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
                     Perguntar
                   </button>
                 </div>
-
-                <!-- Toggles + secondary -->
-                <div style="padding: 0 14px 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; flex-shrink:0;">
+                <div style="display:flex; align-items:center; gap:10px; flex-wrap:wrap;">
                   <div class="promptToggles" style="margin:0;">
                     <label class="toggleRow" title="Aplica o plano automaticamente após processar">
                       <input id="autoApply" type="checkbox" checked style="width:auto; margin: 0;" onchange="toggleAutoApply()" />
@@ -1254,25 +1256,15 @@ function buildHtml(safeDefault, appVersion) {
                 </div>
               </div>
 
-              <!-- Right: Unified Chat Thread (Oracle responses + Plan outputs) -->
-              <div class="panel" style="height: 100%; display: flex; flex-direction: column;">
-                <div class="panelHead" style="flex-shrink:0;">
-                  <b style="display: flex; align-items: center; gap: 8px; font-size:13px;">
-                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:var(--accent)"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
-                    Conversa com a Freya
-                  </b>
-                  <div class="stack">
-                    <span id="chatModeTag" style="font-size:11px; padding:2px 8px; border-radius:10px; background:var(--bg2); color:var(--muted); border:1px solid var(--border);">oracle</span>
-                  </div>
-                </div>
-                <div id="chatThread" style="flex:1; overflow-y:auto; overflow-x:hidden; padding:12px; display:flex; flex-direction:column; gap:8px; min-height:0;"></div>
-              </div>
-            </section>
+              <!-- Chat thread: responses appear here after actions -->
+              <div id="chatThread" style="max-height: 280px; overflow-y:auto; overflow-x:hidden; padding:0 12px; display:flex; flex-direction:column; gap:8px; border-top: 1px solid var(--border);"></div>
+            </div>
+            </div>
 
             <div class="centerHead">
               <div>
                 <h1 style="margin:0">Seu dia em um painel</h1>
-                <div class="subtitle">Use o campo acima para capturar updates (<b>Salvar &amp; Processar</b>) ou consultar o histórico (<b>Perguntar</b>). As respostas aparecem no chat ao lado.</div>
+                <div class="subtitle">Use o campo acima para capturar updates do dia (<b>Salvar &amp; Processar</b>) ou consultar o histórico (<b>Perguntar</b>). As respostas aparecem logo abaixo do input.</div>
               </div>
               <div class="statusLine">
                 <span class="small" id="last"></span>

package/package.json

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

package/scripts/generate-executive-report.js

@@ -40,8 +40,13 @@ function getDateRange(period) {
     return { start, end };
 }
 
+// Use local date parts (not UTC) to stay consistent with getDailyLogs / daily_logs.date
 function formatDate(date) {
-    return toIsoDate(date);
+    const d = date instanceof Date ? date : new Date(date);
+    const yyyy = d.getFullYear();
+    const mm = String(d.getMonth() + 1).padStart(2, '0');
+    const dd = String(d.getDate()).padStart(2, '0');
+    return `${yyyy}-${mm}-${dd}`;
 }
 
 function ensureDir(dir) {