@cccarv82/freya 1.0.57 → 1.0.59

package/cli/web-ui.css

@@ -155,19 +155,6 @@ body {
   color: var(--muted);
 }
 
-.statusPill {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px 10px;
-  border: 1px solid var(--line);
-  border-radius: 999px;
-  background: var(--paper2);
-  font-family: var(--mono);
-  font-size: 12px;
-  color: var(--muted);
-}
-
 .dot { width: 10px; height: 10px; border-radius: 6px; background: rgba(148,163,184,.6); }
 .dot.ok { background: rgba(16,185,129,.85); }
 .dot.err { background: rgba(239,68,68,.85); }
@@ -300,6 +287,74 @@ body {
   color: var(--muted);
   margin-bottom: 10px;
 }
+
+.reportsHeader {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 12px;
+}
+
+.reportsTitle { font-size: 18px; font-weight: 700; }
+.reportsSubtitle { font-size: 12px; color: var(--faint); margin-top: 4px; }
+.reportsActions { display: flex; gap: 10px; }
+
+.reportsTools { margin-bottom: 12px; }
+.reportsTools input { width: 100%; }
+
+.reportsGrid {
+  display: grid;
+  gap: 14px;
+}
+
+.reportCard {
+  border: 1px solid var(--line);
+  border-radius: 16px;
+  padding: 14px;
+  background: var(--paper);
+  box-shadow: var(--shadow2);
+  display: grid;
+  gap: 12px;
+}
+
+.reportHead {
+  display: flex;
+  justify-content: space-between;
+  gap: 14px;
+  cursor: pointer;
+}
+
+.reportName { font-weight: 700; }
+.reportMeta { font-size: 12px; color: var(--faint); margin-top: 4px; display: flex; align-items: center; gap: 10px; }
+.reportMetaText { display: inline-block; }
+.reportHeadActions { display: flex; gap: 8px; align-items: center; }
+
+.iconBtn {
+  border: 1px solid var(--line);
+  background: rgba(0,0,0,.25);
+  color: var(--muted);
+  border-radius: 10px;
+  padding: 2px 8px;
+  cursor: pointer;
+  font-size: 12px;
+}
+
+.reportBody { display: none; gap: 10px; }
+.reportCard.expanded .reportBody { display: grid; }
+
+.reportPreview {
+  border: 1px solid var(--line);
+  border-radius: 12px;
+  padding: 12px;
+  background: rgba(0,0,0,.18);
+  min-height: 120px;
+  outline: none;
+}
+
+.reportRaw { display: none; width: 100%; overflow: hidden; resize: none; }
+.reportCard.raw .reportPreview { display: none; }
+.reportCard.raw .reportRaw { display: block; }
 .centerHead { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; margin-bottom: 14px; }
 .statusLine { display:flex; align-items:center; justify-content:flex-end; gap: 12px; }
 

package/cli/web-ui.js

@@ -8,6 +8,9 @@
     lastReportPath: null,
     lastText: '',
     reports: [],
+    reportTexts: {},
+    reportModes: {},
+    reportExpanded: {},
     selectedReport: null,
     lastPlan: '',
     lastApplied: null,
@@ -18,16 +21,8 @@
     chatLoaded: false
   };
 
-  function applyTheme(theme) {
-    document.documentElement.setAttribute('data-theme', theme);
-    localStorage.setItem('freya.theme', theme);
-    const t = $('themeToggle');
-    if (t) t.textContent = theme === 'dark' ? 'Claro' : 'Escuro';
-  }
-
-  function toggleTheme() {
-    const t = localStorage.getItem('freya.theme') || 'dark';
-    applyTheme(t === 'dark' ? 'light' : 'dark');
+  function applyDarkTheme() {
+    document.documentElement.setAttribute('data-theme', 'dark');
   }
 
   function setPill(kind, text) {
@@ -68,6 +63,20 @@
       if (inList) { html += '</ul>'; inList = false; }
     };
 
+    const inlineFormat = (text) => {
+      const esc = escapeHtml(text || '');
+      const codes = [];
+      let out = esc.replace(inlineCodeRe, (_, c) => {
+        const idx = codes.length;
+        codes.push(c);
+        return `@@CODE${idx}@@`;
+      });
+      out = out.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>');
+      out = out.replace(/\*([^*]+)\*/g, '<em>$1</em>');
+      out = out.replace(/@@CODE(\d+)@@/g, (_, i) => `<code class="md-inline">${codes[Number(i)]}</code>`);
+      return out;
+    };
+
     for (const line of lines) {
       if (line.trim().startsWith(FENCE)) {
         if (!inCode) {
@@ -90,14 +99,14 @@
       if (h) {
         closeList();
         const lvl = h[1].length;
-        html += '<h' + lvl + ' class="md-h' + lvl + '">' + escapeHtml(h[2]) + '</h' + lvl + '>';
+        html += '<h' + lvl + ' class="md-h' + lvl + '">' + inlineFormat(h[2]) + '</h' + lvl + '>';
         continue;
       }
 
       const li = line.match(/^[ \t]*[-*][ \t]+(.*)$/);
       if (li) {
         if (!inList) { html += '<ul class="md-ul">'; inList = true; }
-        const content = escapeHtml(li[1]).replace(inlineCodeRe, '<code class="md-inline">$1</code>');
+        const content = inlineFormat(li[1]);
         html += '<li>' + content + '</li>';
         continue;
       }
@@ -109,7 +118,7 @@
       }
 
       closeList();
-      const p = escapeHtml(line).replace(inlineCodeRe, '<code class="md-inline">$1</code>');
+      const p = inlineFormat(line);
       html += '<p class="md-p">' + p + '</p>';
     }
 
@@ -380,9 +389,13 @@
     const def = (window.__FREYA_DEFAULT_DIR && window.__FREYA_DEFAULT_DIR !== '__FREYA_DEFAULT_DIR__')
       ? window.__FREYA_DEFAULT_DIR
       : (localStorage.getItem('freya.dir') || './freya');
-    $('dir').value = def;
-    $('sidePath').textContent = def || './freya';
-    localStorage.setItem('freya.dir', $('dir').value || './freya');
+    const dirEl = $('dir');
+    if (dirEl) {
+      dirEl.value = def;
+      localStorage.setItem('freya.dir', dirEl.value || './freya');
+    }
+    const side = $('sidePath');
+    if (side) side.textContent = def || './freya';
   }
 
   async function api(p, body) {
@@ -411,8 +424,9 @@
   }
 
   function dirOrDefault() {
-    const d = $('dir').value.trim();
-    return d || './freya';
+    const dEl = $('dir');
+    const d = dEl ? dEl.value.trim() : '';
+    return d || (localStorage.getItem('freya.dir') || './freya');
   }
 
   function fmtWhen(ms) {
@@ -494,6 +508,172 @@
     }
   }
 
+  function autoGrowTextarea(el) {
+    if (!el) return;
+    el.style.height = 'auto';
+    el.style.height = el.scrollHeight + 'px';
+  }
+
+  function downloadReportPdf(item) {
+    const text = state.reportTexts[item.relPath] || '';
+    const html = `<!doctype html><html><head><meta charset="utf-8" /><title>${escapeHtml(item.name)}</title><style>body{font-family:Arial, sans-serif; padding:32px; color:#111;} h1,h2,h3{margin:16px 0 8px;} pre{background:#f5f5f5; padding:12px; border-radius:8px;}</style></head><body>${renderMarkdown(text)}</body></html>`;
+    const win = window.open('', '_blank');
+    if (!win) return;
+    win.document.write(html);
+    win.document.close();
+    win.focus();
+    win.print();
+  }
+
+  function renderReportsPage() {
+    const grid = $('reportsGrid');
+    if (!grid) return;
+    const q = ($('reportsFilter') ? $('reportsFilter').value : '').trim().toLowerCase();
+    const list = (state.reports || []).filter((it) => {
+      if (!q) return true;
+      return (it.name + ' ' + it.kind).toLowerCase().includes(q);
+    });
+
+    grid.innerHTML = '';
+    for (const item of list) {
+      const card = document.createElement('div');
+      const mode = state.reportModes[item.relPath] || 'preview';
+      const expanded = state.reportExpanded && state.reportExpanded[item.relPath];
+      card.className = 'reportCard' + (mode === 'raw' ? ' raw' : '') + (expanded ? ' expanded' : '');
+
+      const meta = fmtWhen(item.mtimeMs);
+      card.innerHTML =
+        '<div class="reportHead" data-action="expand">'
+        + '<div>'
+        + '<div class="reportName">' + escapeHtml(item.name) + '</div>'
+        + '<div class="reportMeta">'
+        + '<span class="reportMetaText">' + escapeHtml(item.relPath) + ' • ' + escapeHtml(meta) + '</span>'
+        + '<button class="iconBtn" data-action="pdf" title="Baixar PDF">⬇</button>'
+        + '</div>'
+        + '</div>'
+        + '<div class="reportHeadActions">'
+        + '<button class="btn small" data-action="toggle">' + (mode === 'raw' ? 'Preview' : 'Markdown') + '</button>'
+        + '<button class="btn small primary" data-action="save">Salvar</button>'
+        + '</div>'
+        + '</div>'
+        + '<div class="reportBody">'
+        + '<div class="reportPreview" contenteditable="true"></div>'
+        + '<textarea class="reportRaw" rows="6"></textarea>'
+        + '</div>';
+
+      const text = state.reportTexts[item.relPath] || '';
+      const preview = card.querySelector('.reportPreview');
+      if (preview) preview.innerHTML = renderMarkdown(text || '');
+      const raw = card.querySelector('.reportRaw');
+      if (raw) {
+        raw.value = text;
+        autoGrowTextarea(raw);
+        raw.addEventListener('input', () => {
+          state.reportTexts[item.relPath] = raw.value;
+          autoGrowTextarea(raw);
+        });
+      }
+
+      if (preview) {
+        preview.addEventListener('input', () => {
+          const val = preview.innerText || '';
+          state.reportTexts[item.relPath] = val;
+          if (raw) {
+            raw.value = val;
+            autoGrowTextarea(raw);
+          }
+        });
+      }
+
+      const toggleBtn = card.querySelector('[data-action="toggle"]');
+      if (toggleBtn) {
+        toggleBtn.onclick = () => {
+          state.reportModes[item.relPath] = (state.reportModes[item.relPath] === 'raw') ? 'preview' : 'raw';
+          renderReportsPage();
+        };
+      }
+
+      const saveBtn = card.querySelector('[data-action="save"]');
+      if (saveBtn) {
+        saveBtn.onclick = async () => {
+          try {
+            const content = (raw && typeof raw.value === 'string') ? raw.value : (state.reportTexts[item.relPath] || '');
+            setPill('run', 'salvando…');
+            await api('/api/reports/write', { dir: dirOrDefault(), relPath: item.relPath, text: content });
+            state.reportTexts[item.relPath] = content;
+            setPill('ok', 'salvo');
+            setTimeout(() => setPill('ok', 'pronto'), 800);
+            renderReportsPage();
+          } catch (e) {
+            setPill('err', 'falhou');
+          }
+        };
+      }
+
+      const pdfBtn = card.querySelector('[data-action="pdf"]');
+      if (pdfBtn) {
+        pdfBtn.onclick = (ev) => {
+          ev.stopPropagation();
+          downloadReportPdf(item);
+        };
+      }
+
+      const head = card.querySelector('[data-action="expand"]');
+      if (head) {
+        head.onclick = () => {
+          state.reportExpanded = state.reportExpanded || {};
+          state.reportExpanded[item.relPath] = !state.reportExpanded[item.relPath];
+          renderReportsPage();
+        };
+      }
+
+      grid.appendChild(card);
+    }
+  }
+
+  async function refreshReportsPage() {
+    try {
+      setPill('run', 'carregando…');
+      const r = await api('/api/reports/list', { dir: dirOrDefault() });
+      state.reports = (r.reports || []);
+      state.reportTexts = {};
+      await Promise.all(state.reports.map(async (item) => {
+        try {
+          const rr = await api('/api/reports/read', { dir: dirOrDefault(), relPath: item.relPath });
+          state.reportTexts[item.relPath] = rr.text || '';
+        } catch {
+          state.reportTexts[item.relPath] = '';
+        }
+      }));
+      renderReportsPage();
+      setPill('ok', 'pronto');
+    } catch (e) {
+      setPill('err', 'falhou');
+    }
+  }
+
+  function wireRailNav() {
+    const dash = $('railDashboard');
+    const rep = $('railReports');
+    if (dash) {
+      dash.onclick = () => {
+        const isReports = document.body && document.body.dataset && document.body.dataset.page === 'reports';
+        if (isReports) {
+          window.location.href = '/';
+          return;
+        }
+        const c = document.querySelector('.centerBody');
+        if (c) c.scrollTo({ top: 0, behavior: 'smooth' });
+      };
+    }
+    if (rep) {
+      rep.onclick = () => {
+        const isReports = document.body && document.body.dataset && document.body.dataset.page === 'reports';
+        if (!isReports) window.location.href = '/reports';
+      };
+    }
+  }
+
   async function editTask(t) {
     try {
       const currentSlug = t.projectSlug ? String(t.projectSlug) : '';
@@ -990,10 +1170,11 @@
   }
 
   // init
-  applyTheme('dark');
-  try { localStorage.setItem('freya.theme', 'dark'); } catch (err) {}
-  $('chipPort').textContent = location.host;
+  applyDarkTheme();
+  const chipPort = $('chipPort');
+  if (chipPort) chipPort.textContent = location.host;
   loadLocal();
+  wireRailNav();
 
   // Developer drawer (persist open/close)
   try {
@@ -1007,23 +1188,34 @@
     }
   } catch {}
 
+  const isReportsPage = document.body && document.body.dataset && document.body.dataset.page === 'reports';
+
   // Load persisted settings from the workspace + bootstrap (auto-init + auto-health)
   (async () => {
     let defaults = null;
     try {
       defaults = await api('/api/defaults', { dir: dirOrDefault() });
       if (defaults && defaults.workspaceDir) {
-        $('dir').value = defaults.workspaceDir;
-        $('sidePath').textContent = defaults.workspaceDir;
+        const dirEl = $('dir');
+        if (dirEl) dirEl.value = defaults.workspaceDir;
+        const side = $('sidePath');
+        if (side) side.textContent = defaults.workspaceDir;
       }
       if (defaults && defaults.settings) {
-        $('discord').value = defaults.settings.discordWebhookUrl || '';
-        $('teams').value = defaults.settings.teamsWebhookUrl || '';
+        const discord = $('discord');
+        const teams = $('teams');
+        if (discord) discord.value = defaults.settings.discordWebhookUrl || '';
+        if (teams) teams.value = defaults.settings.teamsWebhookUrl || '';
       }
     } catch (e) {
       // ignore
     }
 
+    if (isReportsPage) {
+      await refreshReportsPage();
+      return;
+    }
+
     // If workspace isn't initialized yet, auto-init (reduces clicks)
     try {
       if (defaults && defaults.workspaceOk === false) {
@@ -1060,12 +1252,13 @@
   window.exportObsidian = exportObsidian;
   window.rebuildIndex = rebuildIndex;
   window.renderReportsList = renderReportsList;
+  window.renderReportsPage = renderReportsPage;
+  window.refreshReportsPage = refreshReportsPage;
   window.copyOut = copyOut;
   window.copyPath = copyPath;
   window.openSelected = openSelected;
   window.downloadSelected = downloadSelected;
   window.clearOut = clearOut;
-  window.toggleTheme = toggleTheme;
   window.saveInbox = saveInbox;
   window.saveAndPlan = saveAndPlan;
   window.toggleAutoApply = toggleAutoApply;

package/cli/web.js

@@ -881,6 +881,11 @@ function html(defaultDir) {
   return buildHtml(safeDefault, APP_VERSION);
 }
 
+function reportsHtml(defaultDir) {
+  const safeDefault = String(defaultDir || './freya').replace(/\\/g, '\\\\').replace(/"/g, '\\"');
+  return buildReportsHtml(safeDefault, APP_VERSION);
+}
+
 function buildHtml(safeDefault, appVersion) {
   const safeVersion = escapeHtml(appVersion || 'unknown');
   return `<!doctype html>
@@ -901,11 +906,8 @@ function buildHtml(safeDefault, appVersion) {
             <div class="railLogo">F</div>
           </div>
           <div class="railNav">
-            <button class="railBtn active" type="button" title="Dashboard" onclick="window.scrollTo({ top: 0, behavior: 'smooth' })">D</button>
-            <button class="railBtn" type="button" title="Relatórios" onclick="document.getElementById('reportsSection')?.scrollIntoView({ behavior: 'smooth' })">R</button>
-            <button class="railBtn" type="button" title="Relatórios (atalho 2)">R</button>
-            <button class="railBtn" type="button" title="Preview">P</button>
-            <button class="railBtn" type="button" title="Conversa">C</button>
+            <button class="railBtn active" id="railDashboard" type="button" title="Dashboard">D</button>
+            <button class="railBtn" id="railReports" type="button" title="Relatórios">R</button>
           </div>
           <div class="railBottom">
             <div class="railStatus" id="railStatus" title="status"></div>
@@ -920,7 +922,6 @@ function buildHtml(safeDefault, appVersion) {
                 <div class="brand">FREYA</div>
                 <div class="brandSub">Assistente de status local-first</div>
               </div>
-              <div class="statusPill"><span class="dot" id="dot"></span><span id="pill">pronto</span></div>
             </div>
             <div class="topActions">
               <span class="chip" id="chipVersion">v${safeVersion}</span>
@@ -1130,6 +1131,82 @@ function buildHtml(safeDefault, appVersion) {
 </html>`;
 }
 
+function buildReportsHtml(safeDefault, appVersion) {
+  const safeVersion = escapeHtml(appVersion || 'unknown');
+  return `<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>FREYA Reports</title>
+  <link rel="stylesheet" href="/app.css" />
+</head>
+<body data-page="reports">
+  <div class="app">
+    <div class="frame">
+      <div class="shell">
+
+        <aside class="rail">
+          <div class="railTop">
+            <div class="railLogo">F</div>
+          </div>
+          <div class="railNav">
+            <button class="railBtn" id="railDashboard" type="button" title="Dashboard">D</button>
+            <button class="railBtn active" id="railReports" type="button" title="Relatórios">R</button>
+          </div>
+          <div class="railBottom">
+            <div class="railStatus" id="railStatus" title="status"></div>
+          </div>
+        </aside>
+
+        <main class="center reportsPage" id="reportsPage">
+          <div class="topbar">
+            <div class="brandLine">
+              <span class="spark"></span>
+              <div class="brandStack">
+                <div class="brand">FREYA</div>
+                <div class="brandSub">Relatórios</div>
+              </div>
+            </div>
+            <div class="topActions">
+              <span class="chip" id="chipVersion">v${safeVersion}</span>
+              <span class="chip" id="chipPort">127.0.0.1:3872</span>
+            </div>
+          </div>
+
+          <div class="centerBody">
+            <input id="dir" type="hidden" />
+
+            <section class="reportsHeader">
+              <div>
+                <div class="reportsTitle">Relatórios</div>
+                <div class="reportsSubtitle">Edite e refine seus relatórios com preview em Markdown.</div>
+              </div>
+              <div class="reportsActions">
+                <button class="btn small" type="button" onclick="refreshReportsPage()">Atualizar</button>
+              </div>
+            </section>
+
+            <section class="reportsTools">
+              <input id="reportsFilter" placeholder="filtrar (ex: daily, executive, 2026-01-29)" oninput="renderReportsPage()" />
+            </section>
+
+            <section class="reportsGrid" id="reportsGrid"></section>
+          </div>
+        </main>
+
+      </div>
+    </div>
+  </div>
+
+  <script>
+    window.__FREYA_DEFAULT_DIR = "${safeDefault}";
+  </script>
+  <script src="/app.js"></script>
+</body>
+</html>`;
+}
+
 function ensureDir(p) {
   fs.mkdirSync(p, { recursive: true });
 }
@@ -1316,6 +1393,14 @@ async function cmdWeb({ port, dir, open, dev }) {
         return;
       }
 
+      if (req.method === 'GET' && req.url === '/reports') {
+        try { res.__freyaDebug.workspaceDir = normalizeWorkspaceDir(dir || './freya'); } catch {}
+        const body = reportsHtml(dir || './freya');
+        res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8', 'Cache-Control': 'no-store' });
+        res.end(body);
+        return;
+      }
+
       if (req.method === 'GET' && req.url === '/app.css') {
         const css = fs.readFileSync(path.join(__dirname, 'web-ui.css'), 'utf8');
         res.writeHead(200, { 'Content-Type': 'text/css; charset=utf-8', 'Cache-Control': 'no-store' });
@@ -1412,6 +1497,23 @@ async function cmdWeb({ port, dir, open, dev }) {
           return safeJson(res, 200, { relPath: rel, fullPath: full });
         }
 
+        if (req.url === '/api/reports/write') {
+          const rel = payload.relPath;
+          const text = payload.text;
+          if (!rel) return safeJson(res, 400, { error: 'Missing relPath' });
+          if (typeof text !== 'string') return safeJson(res, 400, { error: 'Missing text' });
+          const reportsDir = path.join(workspaceDir, 'docs', 'reports');
+          const full = path.join(workspaceDir, rel);
+          const safeReportsDir = path.resolve(reportsDir);
+          const safeFull = path.resolve(full);
+          if (!safeFull.startsWith(safeReportsDir + path.sep)) {
+            return safeJson(res, 400, { error: 'Invalid report path' });
+          }
+          if (!exists(safeFull)) return safeJson(res, 404, { error: 'Report not found' });
+          fs.writeFileSync(safeFull, text, 'utf8');
+          return safeJson(res, 200, { ok: true, relPath: rel });
+        }
+
         if (req.url === '/api/inbox/add') {
           const text = String(payload.text || '').trim();
           if (!text) return safeJson(res, 400, { error: 'Missing text' });

package/package.json

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