@cccarv82/freya 1.0.14 → 1.0.16

package/cli/web-ui.js

@@ -0,0 +1,573 @@
+/* FREYA web UI script (served as static asset)
+   Keep this file plain JS to avoid escaping issues in inline template literals.
+*/
+
+(function () {
+  const $ = (id) => document.getElementById(id);
+  const state = { lastReportPath: null, lastText: '', reports: [], selectedReport: null, lastPlan: '', lastApplied: null };
+
+  function applyTheme(theme) {
+    document.documentElement.setAttribute('data-theme', theme);
+    localStorage.setItem('freya.theme', theme);
+    const t = $('themeToggle');
+    if (t) t.textContent = theme === 'dark' ? 'Light' : 'Dark';
+  }
+
+  function toggleTheme() {
+    const t = localStorage.getItem('freya.theme') || 'light';
+    applyTheme(t === 'dark' ? 'light' : 'dark');
+  }
+
+  function setPill(kind, text) {
+    const dot = $('dot');
+    if (!dot) return;
+    dot.classList.remove('ok', 'err');
+    if (kind === 'ok') dot.classList.add('ok');
+    if (kind === 'err') dot.classList.add('err');
+    const pill = $('pill');
+    if (pill) pill.textContent = text;
+    const status = $('status');
+    if (status) status.textContent = text;
+  }
+
+  function escapeHtml(str) {
+    return String(str)
+      .replace(/&/g, '&')
+      .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 NL = String.fromCharCode(10);
+    const BT = String.fromCharCode(96);
+    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) + NL;
+        continue;
+      }
+
+      const h = line.match(/^(#{1,3})[ \t]+(.*)$/);
+      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(/^[ \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>');
+        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 || '';
+    const el = $('reportPreview');
+    if (el) el.innerHTML = renderMarkdown(state.lastText);
+  }
+
+  function clearOut() {
+    state.lastText = '';
+    const el = $('reportPreview');
+    if (el) el.innerHTML = '';
+    setPill('ok', 'idle');
+  }
+
+  async function copyOut() {
+    try {
+      await navigator.clipboard.writeText(state.lastText || '');
+      setPill('ok', 'copied');
+      setTimeout(() => setPill('ok', 'idle'), 800);
+    } catch (e) {
+      setPill('err', 'copy failed');
+    }
+  }
+
+  async function copyPath() {
+    try {
+      if (!state.selectedReport) {
+        setPill('err', 'no report');
+        return;
+      }
+      const r = await api('/api/reports/resolve', { dir: dirOrDefault(), relPath: state.selectedReport.relPath });
+      await navigator.clipboard.writeText(r.fullPath || '');
+      setPill('ok', 'path copied');
+      setTimeout(() => setPill('ok', 'idle'), 800);
+    } catch {
+      setPill('err', 'copy path failed');
+    }
+  }
+
+  async function openSelected() {
+    try {
+      if (!state.selectedReport) {
+        setPill('err', 'no report');
+        return;
+      }
+      setPill('run', 'opening…');
+      await api('/api/reports/open', { dir: dirOrDefault(), relPath: state.selectedReport.relPath });
+      setPill('ok', 'opened');
+      setTimeout(() => setPill('ok', 'idle'), 800);
+    } catch {
+      setPill('err', 'open failed');
+    }
+  }
+
+  function downloadSelected() {
+    try {
+      if (!state.selectedReport || !state.lastText) {
+        setPill('err', 'no report');
+        return;
+      }
+      const blob = new Blob([state.lastText], { type: 'text/markdown;charset=utf-8' });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = state.selectedReport.name || 'report.md';
+      document.body.appendChild(a);
+      a.click();
+      a.remove();
+      setTimeout(() => URL.revokeObjectURL(url), 1000);
+      setPill('ok', 'downloaded');
+      setTimeout(() => setPill('ok', 'idle'), 800);
+    } catch {
+      setPill('err', 'download failed');
+    }
+  }
+
+  function setLast(p) {
+    state.lastReportPath = p;
+    const el = $('last');
+    if (el) el.textContent = p ? ('Last report: ' + p) : '';
+  }
+
+  function saveLocal() {
+    localStorage.setItem('freya.dir', $('dir').value);
+  }
+
+  function loadLocal() {
+    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');
+  }
+
+  async function api(p, body) {
+    const res = await fetch(p, {
+      method: body ? 'POST' : 'GET',
+      headers: body ? { 'Content-Type': 'application/json' } : {},
+      body: body ? JSON.stringify(body) : undefined
+    });
+    const json = await res.json();
+    if (!res.ok) throw new Error(json.error || 'Request failed');
+    return json;
+  }
+
+  function dirOrDefault() {
+    const d = $('dir').value.trim();
+    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();
+      if (!state.selectedReport && state.reports && state.reports[0]) {
+        await selectReport(state.reports[0]);
+      }
+    } catch (e) {
+      // ignore
+    }
+  }
+
+  async function pickDir() {
+    try {
+      setPill('run', 'picker…');
+      const r = await api('/api/pick-dir', {});
+      if (r && r.dir) {
+        $('dir').value = r.dir;
+        $('sidePath').textContent = r.dir;
+      }
+      saveLocal();
+      setPill('ok', 'ready');
+    } catch (e) {
+      setPill('err', 'picker failed');
+      setOut(String(e && e.message ? e.message : e));
+    }
+  }
+
+  async function doInit() {
+    try {
+      saveLocal();
+      $('sidePath').textContent = dirOrDefault();
+      setPill('run', 'init…');
+      setOut('');
+      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');
+      setOut(String(e && e.message ? e.message : e));
+    }
+  }
+
+  async function doUpdate() {
+    try {
+      saveLocal();
+      $('sidePath').textContent = dirOrDefault();
+      setPill('run', 'update…');
+      setOut('');
+      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');
+      setOut(String(e && e.message ? e.message : e));
+    }
+  }
+
+  async function doHealth() {
+    try {
+      saveLocal();
+      $('sidePath').textContent = dirOrDefault();
+      setPill('run', 'health…');
+      setOut('');
+      const r = await api('/api/health', { dir: dirOrDefault() });
+      setOut(r.output);
+      setLast(null);
+      setPill('ok', 'health ok');
+    } catch (e) {
+      setPill('err', 'health failed');
+      setOut(String(e && e.message ? e.message : e));
+    }
+  }
+
+  async function doMigrate() {
+    try {
+      saveLocal();
+      $('sidePath').textContent = dirOrDefault();
+      setPill('run', 'migrate…');
+      setOut('');
+      const r = await api('/api/migrate', { dir: dirOrDefault() });
+      setOut(r.output);
+      setLast(null);
+      setPill('ok', 'migrate ok');
+    } catch (e) {
+      setPill('err', 'migrate failed');
+      setOut(String(e && e.message ? e.message : e));
+    }
+  }
+
+  async function runReport(name) {
+    try {
+      saveLocal();
+      $('sidePath').textContent = dirOrDefault();
+      setPill('run', name + '…');
+      setOut('');
+      const r = await api('/api/report', { dir: dirOrDefault(), script: name });
+      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');
+      setOut(String(e && e.message ? e.message : e));
+    }
+  }
+
+  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();
+      if (!state.lastText) throw new Error('Gere um relatório primeiro.');
+      const webhookUrl = target === 'discord' ? $('discord').value.trim() : $('teams').value.trim();
+      if (!webhookUrl) throw new Error('Configure o webhook antes.');
+      setPill('run', 'publish…');
+      await api('/api/publish', { webhookUrl, text: state.lastText, mode: 'chunks' });
+      setPill('ok', 'published');
+    } catch (e) {
+      setPill('err', 'publish failed');
+      setOut(String(e && e.message ? e.message : e));
+    }
+  }
+
+  async function saveInbox() {
+    try {
+      const ta = $('inboxText');
+      if (!ta) return;
+      const text = (ta.value || '').trim();
+      if (!text) {
+        setPill('err', 'empty');
+        return;
+      }
+      setPill('run', 'saving…');
+      await api('/api/inbox/add', { dir: dirOrDefault(), text });
+      ta.value = '';
+      setPill('ok', 'saved');
+      setTimeout(() => setPill('ok', 'idle'), 800);
+    } catch (e) {
+      setPill('err', 'save failed');
+    }
+  }
+
+  async function saveAndPlan() {
+    try {
+      const ta = $('inboxText');
+      if (!ta) return;
+      const text = (ta.value || '').trim();
+      if (!text) {
+        setPill('err', 'empty');
+        return;
+      }
+
+      setPill('run', 'saving…');
+      await api('/api/inbox/add', { dir: dirOrDefault(), text });
+
+      setPill('run', 'planning…');
+      const r = await api('/api/agents/plan', { dir: dirOrDefault(), text });
+
+      state.lastPlan = r.plan || '';
+
+      // Show plan output in Preview panel
+      setOut('## Agent Plan (draft)\n\n' + (r.plan || ''));
+      ta.value = '';
+
+      setPill('ok', 'planned');
+      setTimeout(() => setPill('ok', 'idle'), 800);
+    } catch (e) {
+      setPill('err', 'plan failed');
+    }
+  }
+
+  async function runSuggestedReports() {
+    try {
+      const suggested = state.lastApplied && Array.isArray(state.lastApplied.reportsSuggested)
+        ? state.lastApplied.reportsSuggested
+        : [];
+      if (!suggested.length) {
+        setPill('err', 'no suggestions');
+        return;
+      }
+
+      // Dedup + allowlist
+      const allow = new Set(['daily', 'status', 'sm-weekly', 'blockers']);
+      const uniq = Array.from(new Set(suggested.map((s) => String(s).trim()))).filter((s) => allow.has(s));
+      if (!uniq.length) {
+        setPill('err', 'no valid');
+        return;
+      }
+
+      setPill('run', 'running…');
+      let out = '## Ran suggested reports\n\n';
+      for (const name of uniq) {
+        const r = await api('/api/report', { dir: dirOrDefault(), script: name === 'status' ? 'status' : name });
+        out += `### ${name}\n` + (r.reportPath ? `- file: ${r.reportPath}\n` : '') + '\n';
+      }
+
+      setOut(out);
+      await refreshReports();
+      setPill('ok', 'done');
+      setTimeout(() => setPill('ok', 'idle'), 800);
+    } catch (e) {
+      setPill('err', 'run failed');
+    }
+  }
+
+  async function applyPlan() {
+    try {
+      if (!state.lastPlan) {
+        setPill('err', 'no plan');
+        return;
+      }
+      setPill('run', 'applying…');
+      const r = await api('/api/agents/apply', { dir: dirOrDefault(), plan: state.lastPlan });
+      state.lastApplied = r.applied || null;
+      const summary = r.applied || {};
+
+      let msg = '## Apply result\n\n' + JSON.stringify(summary, null, 2);
+      if (summary && Array.isArray(summary.reportsSuggested) && summary.reportsSuggested.length) {
+        msg += '\n\n## Suggested reports\n- ' + summary.reportsSuggested.join('\n- ');
+        msg += '\n\nUse: **Run suggested reports** (sidebar)';
+      }
+
+      setOut(msg);
+      setPill('ok', 'applied');
+      setTimeout(() => setPill('ok', 'idle'), 800);
+    } catch (e) {
+      setPill('err', 'apply failed');
+    }
+  }
+
+  // init
+  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');
+
+  // Expose handlers for inline onclick
+  window.doInit = doInit;
+  window.doUpdate = doUpdate;
+  window.doHealth = doHealth;
+  window.doMigrate = doMigrate;
+  window.pickDir = pickDir;
+  window.runReport = runReport;
+  window.publish = publish;
+  window.saveSettings = saveSettings;
+  window.refreshReports = refreshReports;
+  window.renderReportsList = renderReportsList;
+  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.applyPlan = applyPlan;
+  window.runSuggestedReports = runSuggestedReports;
+})();