@cccarv82/freya 2.8.3 → 2.9.0

package/cli/web-ui.js

@@ -1872,22 +1872,6 @@
       if (isCompanionPage) {
         refreshHealthChecklist();
       }
-      // On Dashboard: reveal the reportPreviewPanel so the user can see the output.
-      // The panel is hidden by default (display:none) and only shown after a report runs.
-      const previewPanel = $('reportPreviewPanel');
-      if (previewPanel) {
-        previewPanel.style.display = '';
-        const titleEl = $('reportPreviewTitle');
-        const labels = {
-          status: 'Relatório Executivo',
-          'sm-weekly': 'SM Weekly Report',
-          blockers: 'Relatório de Bloqueios',
-          daily: 'Daily Summary',
-          report: 'Relatório Semanal'
-        };
-        if (titleEl) titleEl.textContent = labels[name] || 'Relatório Gerado';
-        previewPanel.scrollIntoView({ behavior: 'smooth', block: 'start' });
-      }
       setPill('ok', name + ' ok');
     } catch (e) {
       setPill('err', name + ' failed');
@@ -1895,6 +1879,50 @@
     }
   }
 
+  async function runReportPage(name) {
+    // Disable all generation buttons and show spinner
+    const genBtns = document.querySelectorAll('.reportsGenBar button');
+    const spinner = $('reportsGenStatus');
+    genBtns.forEach(b => { b.disabled = true; });
+    if (spinner) spinner.style.display = '';
+
+    try {
+      saveLocal();
+      const r = await api('/api/report', { dir: dirOrDefault(), script: name });
+
+      // Refresh the full reports list and expand the newest report
+      await refreshReportsPage();
+
+      // Auto-expand the first (newest) report in state.reports
+      if (state.reports && state.reports.length > 0) {
+        const newest = state.reports[0];
+        state.reportExpanded[newest.relPath] = true;
+        // Store the generated text directly so the card shows it immediately
+        if (r.reportText) {
+          state.reportTexts[newest.relPath] = r.reportText;
+        }
+        renderReportsPage();
+        // Scroll to top of reportsGrid so user sees the expanded card
+        const grid = $('reportsGrid');
+        if (grid) grid.scrollIntoView({ behavior: 'smooth', block: 'start' });
+      }
+    } catch (e) {
+      // Show error inline in the gen bar
+      if (spinner) {
+        spinner.style.display = '';
+        spinner.textContent = '❌ ' + (e && e.message ? e.message : 'Erro ao gerar relatório');
+        setTimeout(() => {
+          if (spinner) { spinner.style.display = 'none'; spinner.textContent = '⏳ Gerando...'; }
+        }, 4000);
+      }
+    } finally {
+      genBtns.forEach(b => { b.disabled = false; });
+      if (spinner && !spinner.textContent.startsWith('❌')) {
+        spinner.style.display = 'none';
+      }
+    }
+  }
+
   async function exportObsidian() {
     try {
       setPill('run', 'exporting…');
@@ -2314,6 +2342,7 @@
   window.doMigrate = doMigrate;
   window.pickDir = pickDir;
   window.runReport = runReport;
+  window.runReportPage = runReportPage;
   window.publish = publish;
   window.refreshReports = refreshReports;
   window.refreshToday = refreshToday;

package/cli/web.js

@@ -1257,34 +1257,6 @@ function buildHtml(safeDefault, appVersion) {
               </div>
             </section>
 
-            <section class="utilityGrid" id="dashboardControls" style="display:grid; grid-template-columns: 1fr; gap: 16px; margin-bottom: 24px;">
-              <div class="utilityCard" style="display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px;">
-                <div>
-                  <div class="utilityHead" style="margin-bottom: 4px; color: var(--text);">Relatórios Rápidos</div>
-                  <div class="help" style="margin: 0;">Gere relatórios sintéticos instantaneamente</div>
-                </div>
-                <div style="display:flex; gap: 8px; flex-wrap: wrap;">
-                  <button class="btn" style="min-width: 100px; padding: 6px 12px; font-weight: 500;" type="button" onclick="runReport('status')">Executivo</button>
-                  <button class="btn" style="min-width: 100px; padding: 6px 12px; font-weight: 500;" type="button" onclick="runReport('sm-weekly')">SM Semanal</button>
-                  <button class="btn" style="min-width: 100px; padding: 6px 12px; font-weight: 500; border-color: rgba(239, 68, 68, 0.4); color: #f87171;" type="button" onclick="runReport('blockers')">Bloqueios</button>
-                  <button class="btn" style="min-width: 100px; padding: 6px 12px; font-weight: 500;" type="button" onclick="runReport('daily')">Daily</button>
-                </div>
-              </div>
-            </section>
-
-            <!-- Report Preview Panel — populated by runReport() via setOut() -->
-            <section class="panel" id="reportPreviewPanel" style="display:none; margin-bottom: 16px;">
-              <div class="panelHead" style="background: linear-gradient(90deg, var(--paper2), var(--paper)); border-left: 4px solid var(--accent);">
-                <b style="color: var(--text); font-size: 14px;" id="reportPreviewTitle">Relatório Gerado</b>
-                <div class="stack">
-                  <button class="btn small" type="button" onclick="document.getElementById('reportPreviewPanel').style.display='none'">Fechar</button>
-                </div>
-              </div>
-              <div class="panelBody panelScroll" style="max-height: 520px; overflow-y: auto;">
-                <div id="reportPreview" class="log md" style="font-family: var(--sans); padding: 8px 0;"></div>
-              </div>
-            </section>
-
             <div class="centerHead">
               <div>
                 <h1 style="margin:0">Seu dia em um painel</h1>
@@ -1322,6 +1294,7 @@ function buildHtml(safeDefault, appVersion) {
                   <b>Relatórios Recentes</b>
                   <div class="stack">
                     <button class="btn small" type="button" onclick="refreshReports()">Atualizar</button>
+                    <button class="btn small" type="button" onclick="window.location.href='/reports'">Ver todos →</button>
                   </div>
                 </div>
                 <div class="panelBody panelScroll" style="max-height: 300px;">
@@ -1439,6 +1412,21 @@ function buildReportsHtml(safeDefault, appVersion) {
               </div>
             </section>
 
+            <!-- Report Generation Bar -->
+            <section class="reportsGenBar" style="display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:16px; padding:16px; background:var(--paper2); border-radius:8px; border:1px solid var(--border);">
+              <div style="flex:1; min-width:140px;">
+                <div style="font-size:13px; font-weight:600; color:var(--text); margin-bottom:2px;">Gerar Novo Relatório</div>
+                <div style="font-size:12px; color:var(--muted);">O relatório gerado aparecerá no topo da lista</div>
+              </div>
+              <div style="display:flex; gap:8px; flex-wrap:wrap; align-items:center;">
+                <button class="btn" style="min-width:110px;" type="button" onclick="runReportPage('daily')">📅 Daily</button>
+                <button class="btn" style="min-width:110px;" type="button" onclick="runReportPage('status')">📊 Executivo</button>
+                <button class="btn" style="min-width:110px; border-color:rgba(239,68,68,0.4); color:#f87171;" type="button" onclick="runReportPage('blockers')">🚧 Bloqueios</button>
+                <button class="btn" style="min-width:110px;" type="button" onclick="runReportPage('sm-weekly')">📋 SM Weekly</button>
+                <span id="reportsGenStatus" style="font-size:12px; color:var(--muted); display:none;">⏳ Gerando...</span>
+              </div>
+            </section>
+
             <section class="reportsTools" style="display:flex; gap:12px; align-items:center;">
               <div class="tabs" style="display:flex; gap:8px;" id="reportsTabs">
                  <button class="pill ok" id="tabChrono" onclick="setReportsTab('chrono')">Cronológico</button>
@@ -1829,12 +1817,9 @@ function buildCompanionHtml(safeDefault, appVersion) {
               </div>
             </section>
 
-            <section class="reportsTools" style="display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 12px; margin-bottom: 24px;">
-              <button class="btn" type="button" onclick="runReport('daily')">Gerar Daily</button>
-              <button class="btn" type="button" onclick="runReport('blockers')">Gerar Blockers</button>
-              <button class="btn" type="button" onclick="runReport('status')">Gerar Status</button>
-              <button class="btn" type="button" onclick="runReport('sm-weekly')">Gerar SM Weekly</button>
-            </section>
+            <button class="btn small" type="button" onclick="window.location.href='/reports'" style="margin-bottom: 16px;">
+              📊 Ver / Gerar Relatórios →
+            </button>
 
             <!-- BENTO GRID LAYOUT -->
             <div style="display: grid; grid-template-columns: 1fr 1.5fr; gap: 24px; align-items: start;">
@@ -1914,12 +1899,6 @@ function buildCompanionHtml(safeDefault, appVersion) {
                   </div>
                 </section>
 
-                <section class="panel">
-                  <div class="panelHead"><b>Saída de Relatório</b></div>
-                  <div class="panelBody">
-                    <div id="reportPreview" class="log md" style="font-family: var(--sans);"></div>
-                  </div>
-                </section>
               </div>
 
             </div>

package/package.json

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