@cccarv82/freya 1.0.11 → 1.0.12

package/cli/web.js

@@ -59,6 +59,67 @@ function newestFile(dir, prefix) {
   return files[0]?.p || null;
 }
 
+function settingsPath(workspaceDir) {
+  return path.join(workspaceDir, 'data', 'settings', 'settings.json');
+}
+
+function readSettings(workspaceDir) {
+  const p = settingsPath(workspaceDir);
+  try {
+    if (!exists(p)) return { discordWebhookUrl: '', teamsWebhookUrl: '' };
+    const json = JSON.parse(fs.readFileSync(p, 'utf8'));
+    return {
+      discordWebhookUrl: json.discordWebhookUrl || '',
+      teamsWebhookUrl: json.teamsWebhookUrl || ''
+    };
+  } catch {
+    return { discordWebhookUrl: '', teamsWebhookUrl: '' };
+  }
+}
+
+function writeSettings(workspaceDir, settings) {
+  const p = settingsPath(workspaceDir);
+  ensureDir(path.dirname(p));
+  const out = {
+    schemaVersion: 1,
+    updatedAt: new Date().toISOString(),
+    discordWebhookUrl: settings.discordWebhookUrl || '',
+    teamsWebhookUrl: settings.teamsWebhookUrl || ''
+  };
+  fs.writeFileSync(p, JSON.stringify(out, null, 2) + '\n', 'utf8');
+  return out;
+}
+
+function listReports(workspaceDir) {
+  const dir = path.join(workspaceDir, 'docs', 'reports');
+  if (!exists(dir)) return [];
+
+  const files = fs.readdirSync(dir)
+    .filter((f) => f.endsWith('.md'))
+    .map((name) => {
+      const full = path.join(dir, name);
+      const st = fs.statSync(full);
+      return { name, full, mtimeMs: st.mtimeMs, size: st.size };
+    })
+    .sort((a, b) => b.mtimeMs - a.mtimeMs);
+
+  function kind(name) {
+    if (name.startsWith('executive-')) return 'executive';
+    if (name.startsWith('sm-weekly-')) return 'sm-weekly';
+    if (name.startsWith('blockers-')) return 'blockers';
+    if (name.startsWith('daily-')) return 'daily';
+    return 'other';
+  }
+
+  return files.map((f) => ({
+    kind: kind(f.name),
+    name: f.name,
+    relPath: path.relative(workspaceDir, f.full).replace(/\\/g, '/'),
+    mtimeMs: f.mtimeMs,
+    size: f.size
+  }));
+}
+
 function safeJson(res, code, obj) {
   const body = JSON.stringify(obj);
   res.writeHead(code, {
@@ -607,6 +668,32 @@ function html(defaultDir) {
 
     .sideBtn { width: 100%; margin-top: 8px; }
 
+    .rep {
+      width: 100%;
+      text-align: left;
+      border: 1px solid var(--line);
+      border-radius: 12px;
+      background: var(--paper2);
+      padding: 10px 12px;
+      cursor: pointer;
+      font-family: var(--mono);
+      font-size: 12px;
+      color: var(--muted);
+    }
+    .rep:hover { border-color: var(--line2); box-shadow: 0 10px 22px rgba(16,24,40,.10); }
+    .repActive { border-color: rgba(59,130,246,.55); box-shadow: 0 0 0 4px rgba(59,130,246,.12); }
+
+    .md-h1{ font-size: 20px; margin: 10px 0 6px; }
+    .md-h2{ font-size: 16px; margin: 10px 0 6px; }
+    .md-h3{ font-size: 14px; margin: 10px 0 6px; }
+    .md-p{ margin: 6px 0; color: var(--muted); line-height: 1.5; }
+    .md-ul{ margin: 6px 0 6px 18px; color: var(--muted); }
+    .md-inline{ font-family: var(--mono); font-size: 12px; padding: 2px 6px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.55); }
+    [data-theme="dark"] .md-inline{ background: rgba(0,0,0,.18); }
+    .md-code{ background: rgba(0,0,0,.05); border: 1px solid var(--line); border-radius: 14px; padding: 12px; overflow:auto; }
+    [data-theme="dark"] .md-code{ background: rgba(0,0,0,.22); }
+    .md-sp{ height: 10px; }
+
     .k { display: inline-block; padding: 2px 6px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.65); font-family: var(--mono); font-size: 12px; color: var(--muted); }
     [data-theme="dark"] .k { background: rgba(0,0,0,.18); }
 
@@ -689,35 +776,52 @@ function html(defaultDir) {
 
                 <div style="height:12px"></div>
 
-                <div style="height:16px"></div>
-
                 <label>Discord webhook URL</label>
                 <input id="discord" placeholder="https://discord.com/api/webhooks/..." />
                 <div style="height:10px"></div>
 
                 <label>Teams webhook URL</label>
                 <input id="teams" placeholder="https://..." />
-                <div class="help">O publish usa incoming webhooks. (Depois a gente evolui para anexos/chunks.)</div>
+                <div class="help">Os webhooks ficam salvos na workspace em <code>data/settings/settings.json</code>.</div>
 
                 <div style="height:10px"></div>
                 <div class="stack">
-                  <button class="btn" onclick="publish('discord')">Publish last → Discord</button>
-                  <button class="btn" onclick="publish('teams')">Publish last → Teams</button>
+                  <button class="btn" onclick="saveSettings()">Save settings</button>
+                  <button class="btn" onclick="publish('discord')">Publish selected → Discord</button>
+                  <button class="btn" onclick="publish('teams')">Publish selected → Teams</button>
                 </div>
+
+                <div style="height:14px"></div>
+
+                <div class="help"><b>Dica:</b> clique em um relatório em <i>Reports</i> para ver o preview e habilitar publish/copy.</div>
               </div>
             </div>
 
             <div class="panel">
               <div class="panelHead">
-                <b>Output</b>
+                <b>Reports</b>
+                <div class="stack">
+                  <button class="btn small" onclick="refreshReports()">Refresh</button>
+                </div>
+              </div>
+              <div class="panelBody">
+                <input id="reportsFilter" placeholder="filter (ex: daily, executive, 2026-01-29)" style="width:100%; margin-bottom:10px" oninput="renderReportsList()" />
+                <div id="reportsList" style="display:grid; gap:8px"></div>
+                <div class="help">Últimos relatórios em <code>docs/reports</code>. Clique para abrir preview.</div>
+              </div>
+            </div>
+
+            <div class="panel">
+              <div class="panelHead">
+                <b>Preview</b>
                 <div class="stack">
                   <button class="btn small" onclick="copyOut()">Copy</button>
                   <button class="btn small" onclick="clearOut()">Clear</button>
                 </div>
               </div>
               <div class="panelBody">
-                <div class="log" id="out"></div>
-                <div class="help">Dica: quando um report gera arquivo, mostramos o conteúdo real do report aqui (melhor que stdout).</div>
+                <div id="reportPreview" class="log md" style="font-family: var(--sans);"></div>
+                <div class="help">O preview renderiza Markdown básico (headers, listas, code). O botão Copy copia o conteúdo completo.</div>
               </div>
             </div>
 
@@ -732,7 +836,7 @@ function html(defaultDir) {
 <script>
   window.__FREYA_DEFAULT_DIR = "${safeDefault}";
   const $ = (id) => document.getElementById(id);
-  const state = { lastReportPath: null, lastText: '' };
+  const state = { lastReportPath: null, lastText: '', reports: [], selectedReport: null };
 
   function applyTheme(theme) {
     document.documentElement.setAttribute('data-theme', theme);
@@ -754,13 +858,89 @@ function html(defaultDir) {
     $('status') && ($('status').textContent = text);
   }
 
+  function escapeHtml(str) {
+    return String(str)
+      .replace(/&/g, '&amp;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/\"/g, '&quot;')
+      .replace(/'/g, '&#39;');
+  }
+
+  function renderMarkdown(md) {
+    const lines = String(md || '').split(/\r?\n/);
+    let html = '';
+    let inCode = false;
+    let inList = false;
+
+    const BT = String.fromCharCode(96); // backtick
+    const FENCE = BT + BT + BT;
+    const inlineCodeRe = /\x60([^\x60]+)\x60/g;
+
+    const closeList = () => {
+      if (inList) { html += '</ul>'; inList = false; }
+    };
+
+    for (const line of lines) {
+      if (line.trim().startsWith(FENCE)) {
+        if (!inCode) {
+          closeList();
+          inCode = true;
+          html += '<pre class="md-code"><code>';
+        } else {
+          inCode = false;
+          html += '</code></pre>';
+        }
+        continue;
+      }
+
+      if (inCode) {
+        html += escapeHtml(line) + '\n';
+        continue;
+      }
+
+      const h = line.match(/^(#{1,3})\s+(.*)$/);
+      if (h) {
+        closeList();
+        const lvl = h[1].length;
+        html += '<h' + lvl + ' class="md-h' + lvl + '">' + escapeHtml(h[2]) + '</h' + lvl + '>';
+        continue;
+      }
+
+      const li = line.match(/^\s*[-*]\s+(.*)$/);
+      if (li) {
+        if (!inList) { html += '<ul class="md-ul">'; inList = true; }
+        const content = escapeHtml(li[1]).replace(inlineCodeRe, '<code class="md-inline">$1</code>');
+        html += '<li>' + content + '</li>';
+        continue;
+      }
+
+      if (line.trim() === '') {
+        closeList();
+        html += '<div class="md-sp"></div>';
+        continue;
+      }
+
+      closeList();
+      const p = escapeHtml(line).replace(inlineCodeRe, '<code class="md-inline">$1</code>');
+      html += '<p class="md-p">' + p + '</p>';
+    }
+
+    closeList();
+    if (inCode) html += '</code></pre>';
+    return html;
+  }
+
   function setOut(text) {
     state.lastText = text || '';
-    $('out').textContent = text || '';
+    const el = $('reportPreview');
+    if (el) el.innerHTML = renderMarkdown(state.lastText);
   }
 
   function clearOut() {
-    setOut('');
+    state.lastText = '';
+    const el = $('reportPreview');
+    if (el) el.innerHTML = '';
     setPill('ok', 'idle');
   }
 
@@ -781,14 +961,10 @@ function html(defaultDir) {
 
   function saveLocal() {
     localStorage.setItem('freya.dir', $('dir').value);
-    localStorage.setItem('freya.discord', $('discord').value);
-    localStorage.setItem('freya.teams', $('teams').value);
   }
 
   function loadLocal() {
     $('dir').value = (window.__FREYA_DEFAULT_DIR && window.__FREYA_DEFAULT_DIR !== '__FREYA_DEFAULT_DIR__') ? window.__FREYA_DEFAULT_DIR : (localStorage.getItem('freya.dir') || './freya');
-    $('discord').value = localStorage.getItem('freya.discord') || '';
-    $('teams').value = localStorage.getItem('freya.teams') || '';
     $('sidePath').textContent = $('dir').value || './freya';
     // Always persist the current run's default dir to avoid stale values
     localStorage.setItem('freya.dir', $('dir').value || './freya');
@@ -810,6 +986,78 @@ function html(defaultDir) {
     return d || './freya';
   }
 
+  function fmtWhen(ms) {
+    try {
+      const d = new Date(ms);
+      const yy = String(d.getFullYear());
+      const mm = String(d.getMonth() + 1).padStart(2, '0');
+      const dd = String(d.getDate()).padStart(2, '0');
+      const hh = String(d.getHours()).padStart(2, '0');
+      const mi = String(d.getMinutes()).padStart(2, '0');
+      return yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mi;
+    } catch {
+      return '';
+    }
+  }
+
+  async function selectReport(item) {
+    const rr = await api('/api/reports/read', { dir: dirOrDefault(), relPath: item.relPath });
+    state.selectedReport = item;
+    setLast(item.name);
+    setOut(rr.text || '');
+    renderReportsList();
+  }
+
+  function renderReportsList() {
+    const list = $('reportsList');
+    if (!list) return;
+    const q = ($('reportsFilter') ? $('reportsFilter').value : '').trim().toLowerCase();
+    const filtered = (state.reports || []).filter((it) => {
+      if (!q) return true;
+      return (it.name + ' ' + it.kind).toLowerCase().includes(q);
+    });
+
+    list.innerHTML = '';
+    for (const item of filtered) {
+      const btn = document.createElement('button');
+      btn.className = 'rep' + (state.selectedReport && state.selectedReport.relPath === item.relPath ? ' repActive' : '');
+      btn.type = 'button';
+      const meta = fmtWhen(item.mtimeMs);
+      btn.innerHTML =
+        '<div style="display:flex; gap:10px; align-items:center; justify-content:space-between">'
+        + '<div style="min-width:0">'
+        + '<div><span style="font-weight:800">' + escapeHtml(item.kind) + '</span> <span style="opacity:.7">—</span> ' + escapeHtml(item.name) + '</div>'
+        + '<div style="opacity:.65; font-size:11px; margin-top:4px">' + escapeHtml(item.relPath) + '</div>'
+        + '</div>'
+        + '<div style="opacity:.7; font-size:11px; white-space:nowrap">' + escapeHtml(meta) + '</div>'
+        + '</div>';
+
+      btn.onclick = async () => {
+        try {
+          await selectReport(item);
+        } catch (e) {
+          setPill('err', 'open failed');
+        }
+      };
+      list.appendChild(btn);
+    }
+  }
+
+  async function refreshReports() {
+    try {
+      const r = await api('/api/reports/list', { dir: dirOrDefault() });
+      state.reports = (r.reports || []).slice(0, 50);
+      renderReportsList();
+
+      // Auto-select latest if nothing selected yet
+      if (!state.selectedReport && state.reports && state.reports[0]) {
+        await selectReport(state.reports[0]);
+      }
+    } catch (e) {
+      // ignore
+    }
+  }
+
   async function pickDir() {
     try {
       setPill('run','picker…');
@@ -835,6 +1083,7 @@ function html(defaultDir) {
       const r = await api('/api/init', { dir: dirOrDefault() });
       setOut(r.output);
       setLast(null);
+      await refreshReports();
       setPill('ok','init ok');
     } catch (e) {
       setPill('err','init failed');
@@ -851,6 +1100,7 @@ function html(defaultDir) {
       const r = await api('/api/update', { dir: dirOrDefault() });
       setOut(r.output);
       setLast(null);
+      await refreshReports();
       setPill('ok','update ok');
     } catch (e) {
       setPill('err','update failed');
@@ -900,6 +1150,7 @@ function html(defaultDir) {
       setOut(r.output);
       setLast(r.reportPath || null);
       if (r.reportText) state.lastText = r.reportText;
+      await refreshReports();
       setPill('ok', name + ' ok');
     } catch (e) {
       setPill('err', name + ' failed');
@@ -907,6 +1158,24 @@ function html(defaultDir) {
     }
   }
 
+  async function saveSettings() {
+    try {
+      saveLocal();
+      setPill('run','saving…');
+      await api('/api/settings/save', {
+        dir: dirOrDefault(),
+        settings: {
+          discordWebhookUrl: $('discord').value.trim(),
+          teamsWebhookUrl: $('teams').value.trim()
+        }
+      });
+      setPill('ok','saved');
+      setTimeout(() => setPill('ok','idle'), 800);
+    } catch (e) {
+      setPill('err','save failed');
+    }
+  }
+
   async function publish(target) {
     try {
       saveLocal();
@@ -926,6 +1195,25 @@ function html(defaultDir) {
   applyTheme(localStorage.getItem('freya.theme') || 'light');
   $('chipPort').textContent = location.host;
   loadLocal();
+
+  // Load persisted settings from the workspace
+  (async () => {
+    try {
+      const r = await api('/api/defaults', { dir: dirOrDefault() });
+      if (r && r.workspaceDir) {
+        $('dir').value = r.workspaceDir;
+        $('sidePath').textContent = r.workspaceDir;
+      }
+      if (r && r.settings) {
+        $('discord').value = r.settings.discordWebhookUrl || '';
+        $('teams').value = r.settings.teamsWebhookUrl || '';
+      }
+    } catch (e) {
+      // ignore
+    }
+    refreshReports();
+  })();
+
   setPill('ok','idle');
 </script>
 </body>
@@ -1127,6 +1415,32 @@ async function cmdWeb({ port, dir, open, dev }) {
           return safeJson(res, 200, { dir: picked });
         }
 
+        if (req.url === '/api/defaults') {
+          const settings = readSettings(workspaceDir);
+          const reports = listReports(workspaceDir).slice(0, 20);
+          return safeJson(res, 200, { workspaceDir, settings, reports });
+        }
+
+        if (req.url === '/api/settings/save') {
+          const incoming = payload.settings || {};
+          const saved = writeSettings(workspaceDir, incoming);
+          return safeJson(res, 200, { ok: true, settings: { discordWebhookUrl: saved.discordWebhookUrl, teamsWebhookUrl: saved.teamsWebhookUrl } });
+        }
+
+        if (req.url === '/api/reports/list') {
+          const reports = listReports(workspaceDir);
+          return safeJson(res, 200, { reports });
+        }
+
+        if (req.url === '/api/reports/read') {
+          const rel = payload.relPath;
+          if (!rel) return safeJson(res, 400, { error: 'Missing relPath' });
+          const full = path.join(workspaceDir, rel);
+          if (!exists(full)) return safeJson(res, 404, { error: 'Report not found' });
+          const text = fs.readFileSync(full, 'utf8');
+          return safeJson(res, 200, { relPath: rel, text });
+        }
+
         if (req.url === '/api/init') {
           const pkg = '@cccarv82/freya';
           const r = await run(guessNpxCmd(), [guessNpxYesFlag(), pkg, 'init', workspaceDir], process.cwd());

package/package.json

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