@cccarv82/freya 2.2.0 → 2.3.0

package/cli/web-ui.js

@@ -698,6 +698,87 @@
     }
   }
 
+  function renderTimeline() {
+    const el = $('timelineGrid');
+    if (!el) return;
+    const filter = String(($('timelineFilter') && $('timelineFilter').value) || '').toLowerCase();
+    const items = Array.isArray(state.timeline) ? state.timeline : [];
+    const filtered = items.filter((i) => {
+      const hay = [i.kind, i.title, i.content, (i.tags || []).join(' ')].join(' ').toLowerCase();
+      return !filter || hay.includes(filter);
+    });
+    el.innerHTML = '';
+    for (const it of filtered) {
+      const card = document.createElement('div');
+      card.className = 'reportCard';
+      card.innerHTML = '<div class="reportHead">'
+        + '<div><div class="reportTitle">' + escapeHtml(it.title || 'Evento') + '</div>'
+        + '<div class="reportMeta">' + escapeHtml(it.date || '') + ' · ' + escapeHtml(it.kind || '') + '</div></div>'
+        + '</div>'
+        + '<div class="help" style="margin-top:8px">' + escapeHtml(it.content || '') + '</div>';
+      el.appendChild(card);
+    }
+    if (!filtered.length) {
+      const empty = document.createElement('div');
+      empty.className = 'help';
+      empty.textContent = 'Nenhum evento encontrado.';
+      el.appendChild(empty);
+    }
+  }
+
+  async function refreshTimeline() {
+    try {
+      const r = await api('/api/timeline', { dir: dirOrDefault() });
+      state.timeline = r.items || [];
+      renderTimeline();
+    } catch (e) {
+      const el = $('timelineGrid');
+      if (el) el.textContent = 'Falha ao carregar timeline.';
+    }
+  }
+
+  async function refreshIncidents() {
+    try {
+      const r = await api('/api/incidents', { dir: dirOrDefault() });
+      const el = $('incidentsBox');
+      if (el) {
+        const md = r.markdown || '';
+        el.innerHTML = md ? renderMarkdown(md) : '<div class="help">Nenhum incidente registrado.</div>';
+      }
+    } catch {
+      const el = $('incidentsBox');
+      if (el) el.textContent = 'Falha ao carregar incidentes.';
+    }
+  }
+
+  async function refreshHeatmap() {
+    try {
+      const r = await api('/api/tasks/heatmap', { dir: dirOrDefault() });
+      const el = $('heatmapGrid');
+      if (!el) return;
+      el.innerHTML = '';
+      const items = r.items || [];
+      for (const it of items) {
+        const row = document.createElement('div');
+        row.className = 'rep';
+        row.innerHTML = '<div style="display:flex; justify-content:space-between; gap:10px; align-items:center">'
+          + '<div style="min-width:0"><div style="font-weight:800">' + escapeHtml(it.slug || 'unassigned') + '</div>'
+          + '<div class="help" style="margin-top:4px">Total: ' + escapeHtml(String(it.total)) + ' · Pendentes: ' + escapeHtml(String(it.pending)) + ' · Concluidas: ' + escapeHtml(String(it.completed)) + '</div></div>'
+          + '</div>';
+        el.appendChild(row);
+      }
+      if (!items.length) {
+        const empty = document.createElement('div');
+        empty.className = 'help';
+        empty.textContent = 'Sem dados de tasks.';
+        el.appendChild(empty);
+      }
+    } catch {
+      const el = $('heatmapGrid');
+      if (el) el.textContent = 'Falha ao carregar heatmap.';
+    }
+  }
+
   async function refreshReportsPage() {
     try {
       setPill('run', 'carregando…');
@@ -723,6 +804,7 @@
     const dash = $('railDashboard');
     const rep = $('railReports');
     const proj = $('railProjects');
+    const tl = $('railTimeline');
     const health = $('railCompanion');
     if (dash) {
       dash.onclick = () => {
@@ -747,6 +829,12 @@
         if (!isProjects) window.location.href = '/projects';
       };
     }
+    if (tl) {
+      tl.onclick = () => {
+        const isTimeline = document.body && document.body.dataset && document.body.dataset.page === 'timeline';
+        if (!isTimeline) window.location.href = '/timeline';
+      };
+    }
     if (health) {
       health.onclick = () => {
         const isHealth = document.body && document.body.dataset && document.body.dataset.page === 'companion';
@@ -1364,6 +1452,7 @@
 
   const isReportsPage = document.body && document.body.dataset && document.body.dataset.page === 'reports';
   const isProjectsPage = document.body && document.body.dataset && document.body.dataset.page === 'projects';
+  const isTimelinePage = document.body && document.body.dataset && document.body.dataset.page === 'timeline';
   const isCompanionPage = document.body && document.body.dataset && document.body.dataset.page === 'companion';
 
   // Load persisted settings from the workspace + bootstrap (auto-init + auto-health)
@@ -1397,8 +1486,15 @@
       return;
     }
 
+    if (isTimelinePage) {
+      await refreshTimeline();
+      return;
+    }
+
     if (isCompanionPage) {
       await refreshHealthChecklist();
+      await refreshIncidents();
+      await refreshHeatmap();
       return;
     }
 
@@ -1441,6 +1537,9 @@
   window.renderReportsPage = renderReportsPage;
   window.refreshReportsPage = refreshReportsPage;
   window.refreshProjects = refreshProjects;
+  window.refreshTimeline = refreshTimeline;
+  window.refreshIncidents = refreshIncidents;
+  window.refreshHeatmap = refreshHeatmap;
   window.refreshBlockersInsights = refreshBlockersInsights;
   window.refreshHealthChecklist = refreshHealthChecklist;
   window.copyOut = copyOut;

package/cli/web.js

@@ -877,6 +877,11 @@ function reportsHtml(defaultDir) {
   return buildReportsHtml(safeDefault, APP_VERSION);
 }
 
+function projectsHtml(defaultDir) {
+  const safeDefault = String(defaultDir || './freya').replace(/\\/g, '\\\\').replace(/"/g, '\\"');
+  return buildProjectsHtml(safeDefault, APP_VERSION);
+}
+
 function companionHtml(defaultDir) {
   const safeDefault = String(defaultDir || './freya').replace(/\\/g, '\\\\').replace(/"/g, '\\"');
   return buildCompanionHtml(safeDefault, APP_VERSION);
@@ -906,6 +911,7 @@ function buildHtml(safeDefault, appVersion) {
             <button class="railBtn" id="railReports" type="button" title="Relatórios">R</button>
             <button class="railBtn" id="railCompanion" type="button" title="Companion">C</button>
                       <button class="railBtn" id="railProjects" type="button" title="Projects">P</button>
+                      <button class="railBtn" id="railTimeline" type="button" title="Timeline">T</button>
           </div>
           <div class="railBottom">
             <div class="railStatus" id="railStatus" title="status"></div>
@@ -1157,6 +1163,7 @@ function buildReportsHtml(safeDefault, appVersion) {
             <button class="railBtn active" id="railReports" type="button" title="Relatórios">R</button>
             <button class="railBtn" id="railCompanion" type="button" title="Companion">C</button>
                       <button class="railBtn" id="railProjects" type="button" title="Projects">P</button>
+                      <button class="railBtn" id="railTimeline" type="button" title="Timeline">T</button>
           </div>
           <div class="railBottom">
             <div class="railStatus" id="railStatus" title="status"></div>
@@ -1235,6 +1242,7 @@ function buildProjectsHtml(safeDefault, appVersion) {
             <button class="railBtn" id="railReports" type="button" title="Relatorios">R</button>
             <button class="railBtn" id="railCompanion" type="button" title="Companion">C</button>
             <button class="railBtn active" id="railProjects" type="button" title="Projects">P</button>
+                      <button class="railBtn" id="railTimeline" type="button" title="Timeline">T</button>
           </div>
           <div class="railBottom">
             <div class="railStatus" id="railStatus" title="status"></div>
@@ -1289,6 +1297,85 @@ function buildProjectsHtml(safeDefault, appVersion) {
 </html>`;
 }
 
+function buildTimelineHtml(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>Timeline</title>
+  <link rel=\"stylesheet\" href=\"/app.css\" />
+</head>
+<body data-page=\"timeline\">
+  <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\" id=\"railReports\" type=\"button\" title=\"Relatorios\">R</button>
+            <button class=\"railBtn\" id=\"railCompanion\" type=\"button\" title=\"Companion\">C</button>
+            <button class=\"railBtn\" id=\"railProjects\" type=\"button\" title=\"Projects\">P</button>
+            <button class=\"railBtn active\" id=\"railTimeline\" type=\"button\" title=\"Timeline\">T</button>
+          </div>
+          <div class=\"railBottom\">
+            <div class=\"railStatus\" id=\"railStatus\" title=\"status\"></div>
+          </div>
+        </aside>
+
+        <main class=\"center reportsPage\" id=\"timelinePage\">
+          <div class=\"topbar\">
+            <div class=\"brandLine\">
+              <span class=\"spark\"></span>
+              <div class=\"brandStack\">
+                <div class=\"brand\">FREYA</div>
+                <div class=\"brandSub\">Timeline</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\">Timeline</div>
+                <div class=\"reportsSubtitle\">Eventos do dia a dia, status e tarefas em ordem cronologica.</div>
+              </div>
+              <div class=\"reportsActions\">
+                <button class=\"btn small\" type=\"button\" onclick=\"refreshTimeline()\">Atualizar</button>
+              </div>
+            </section>
+
+            <section class=\"reportsTools\">
+              <input id=\"timelineFilter\" placeholder=\"filtrar (tag, projeto, tipo)\" oninput=\"renderTimeline()\" />
+            </section>
+
+            <section class=\"reportsGrid\" id=\"timelineGrid\"></section>
+          </div>
+        </main>
+
+      </div>
+    </div>
+  </div>
+
+  <script>
+    window.__FREYA_DEFAULT_DIR = \"${safeDefault}\";
+  </script>
+  <script src=\"/app.js\"></script>
+</body>
+</html>`;
+}
+
 function buildCompanionHtml(safeDefault, appVersion) {
   const safeVersion = escapeHtml(appVersion || 'unknown');
   return `<!doctype html>
@@ -1313,6 +1400,7 @@ function buildCompanionHtml(safeDefault, appVersion) {
             <button class="railBtn" id="railReports" type="button" title="Relatórios">R</button>
             <button class="railBtn active" id="railCompanion" type="button" title="Companion">C</button>
                       <button class="railBtn" id="railProjects" type="button" title="Projects">P</button>
+                      <button class="railBtn" id="railTimeline" type="button" title="Timeline">T</button>
           </div>
           <div class="railBottom">
             <div class="railStatus" id="railStatus" title="status"></div>
@@ -1355,6 +1443,20 @@ function buildCompanionHtml(safeDefault, appVersion) {
 
             <section class="reportsGrid" id="healthChecklist"></section>
 
+            <section class="panel" style="margin-top:16px">
+              <div class="panelHead"><b>Incident Radar</b></div>
+              <div class="panelBody">
+                <div id="incidentsBox" class="log md" style="font-family: var(--sans);"></div>
+              </div>
+            </section>
+
+            <section class="panel" style="margin-top:16px">
+              <div class="panelHead"><b>Task Heatmap</b></div>
+              <div class="panelBody">
+                <div id="heatmapGrid"></div>
+              </div>
+            </section>
+
             <section class="panel" style="margin-top:16px">
               <div class="panelHead"><b>Saida</b></div>
               <div class="panelBody">
@@ -1705,6 +1807,14 @@ async function cmdWeb({ port, dir, open, dev }) {
         return;
       }
 
+      if (req.method === 'GET' && req.url === '/timeline') {
+        try { res.__freyaDebug.workspaceDir = normalizeWorkspaceDir(dir || './freya'); } catch {}
+        const body = timelineHtml(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' });
@@ -1824,6 +1934,79 @@ async function cmdWeb({ port, dir, open, dev }) {
           return safeJson(res, 200, { ok: true, projects: items });
         }
 
+if (req.url === '/api/timeline') {
+          const items = [];
+          const dailyDir = path.join(workspaceDir, 'logs', 'daily');
+          if (exists(dailyDir)) {
+            const files = fs.readdirSync(dailyDir).filter((f) => /^\d{4}-\d{2}-\d{2}\.md$/.test(f));
+            for (const f of files) {
+              const date = f.replace('.md', '');
+              const full = path.join(dailyDir, f);
+              const body = fs.readFileSync(full, 'utf8');
+              items.push({ kind: 'daily', date, title: `Daily ${date}`, content: body.slice(0, 500) });
+            }
+          }
+          const base = path.join(workspaceDir, 'data', 'Clients');
+          if (exists(base)) {
+            const stack = [base];
+            while (stack.length) {
+              const dirp = stack.pop();
+              const entries = fs.readdirSync(dirp, { withFileTypes: true });
+              for (const ent of entries) {
+                const full = path.join(dirp, ent.name);
+                if (ent.isDirectory()) stack.push(full);
+                else if (ent.isFile() && ent.name === 'status.json') {
+                  const doc = readJsonOrNull(full) || {};
+                  const slug = path.relative(base, path.dirname(full)).replace(/\\/g, '/');
+                  const hist = Array.isArray(doc.history) ? doc.history : [];
+                  for (const h of hist) {
+                    items.push({
+                      kind: 'status',
+                      date: h.date || '',
+                      title: `${doc.project || slug} (${h.type || 'Status'})`,
+                      content: h.content || '',
+                      tags: h.tags || [],
+                      slug
+                    });
+                  }
+                }
+              }
+            }
+          }
+          const taskFile = path.join(workspaceDir, 'data', 'tasks', 'task-log.json');
+          const taskDoc = readJsonOrNull(taskFile) || { tasks: [] };
+          const tasks = Array.isArray(taskDoc.tasks) ? taskDoc.tasks : [];
+          for (const t of tasks) {
+            if (t.createdAt) items.push({ kind: 'task', date: String(t.createdAt).slice(0, 10), title: `Task criada: ${t.description || t.id}`, content: t.projectSlug || '' });
+            if (t.completedAt) items.push({ kind: 'task', date: String(t.completedAt).slice(0, 10), title: `Task concluida: ${t.description || t.id}`, content: t.projectSlug || '' });
+          }
+          items.sort((a, b) => String(b.date || '').localeCompare(String(a.date || '')));
+          return safeJson(res, 200, { ok: true, items });
+        }
+
+        if (req.url === '/api/incidents') {
+          const p = path.join(workspaceDir, 'docs', 'reports', 'fidelizacao-incident-index.md');
+          if (!exists(p)) return safeJson(res, 200, { ok: true, markdown: '' });
+          const md = fs.readFileSync(p, 'utf8');
+          return safeJson(res, 200, { ok: true, markdown: md });
+        }
+
+        if (req.url === '/api/tasks/heatmap') {
+          const file = path.join(workspaceDir, 'data', 'tasks', 'task-log.json');
+          const doc = readJsonOrNull(file) || { tasks: [] };
+          const tasks = Array.isArray(doc.tasks) ? doc.tasks : [];
+          const map = {};
+          for (const t of tasks) {
+            const slug = t.projectSlug || 'unassigned';
+            if (!map[slug]) map[slug] = { total: 0, pending: 0, completed: 0 };
+            map[slug].total++;
+            if (t.status === 'COMPLETED') map[slug].completed++; else map[slug].pending++;
+          }
+          const items = Object.entries(map).map(([slug, v]) => ({ slug, ...v }));
+          items.sort((a, b) => b.total - a.total);
+          return safeJson(res, 200, { ok: true, items });
+        }
+
 if (req.url === '/api/reports/list') {
           const reports = listReports(workspaceDir);
           return safeJson(res, 200, { reports });
@@ -1887,6 +2070,26 @@ if (req.url === '/api/reports/list') {
           return safeJson(res, 200, { ok: true, relPath: rel });
         }
 
+        function autoLinkNotes(textInput) {
+          try {
+            const projectsDir = path.join(workspaceDir, 'docs', 'projects');
+            if (!exists(projectsDir)) return '';
+            const files = fs.readdirSync(projectsDir).filter((f) => f.endsWith('.md'));
+            const links = [];
+            for (const f of files) {
+              const name = f.replace('.md', '');
+              const slug = name.toLowerCase();
+              if (textInput.toLowerCase().includes(slug)) links.push(`[[${name}]]`);
+            }
+            if (!links.length) return '';
+            return `
+
+Links: ${links.join(' ')}`;
+          } catch {
+            return '';
+          }
+        }
+
         if (req.url === '/api/inbox/add') {
           const text = String(payload.text || '').trim();
           if (!text) return safeJson(res, 400, { error: 'Missing text' });
@@ -2562,7 +2765,30 @@ if (req.url === '/api/reports/list') {
           return safeJson(res, 200, { ok: true, items, stats: { pendingTasks, openBlockers, reportsToday, reportsTotal: reports.length } });
         }
 
-        if (req.url === '/api/blockers/summary') {
+        if (req.url === '/api/incidents') {
+          const p = path.join(workspaceDir, 'docs', 'reports', 'fidelizacao-incident-index.md');
+          if (!exists(p)) return safeJson(res, 200, { ok: true, markdown: '' });
+          const md = fs.readFileSync(p, 'utf8');
+          return safeJson(res, 200, { ok: true, markdown: md });
+        }
+
+        if (req.url === '/api/tasks/heatmap') {
+          const file = path.join(workspaceDir, 'data', 'tasks', 'task-log.json');
+          const doc = readJsonOrNull(file) || { tasks: [] };
+          const tasks = Array.isArray(doc.tasks) ? doc.tasks : [];
+          const map = {};
+          for (const t of tasks) {
+            const slug = t.projectSlug || 'unassigned';
+            if (!map[slug]) map[slug] = { total: 0, pending: 0, completed: 0 };
+            map[slug].total++;
+            if (t.status === 'COMPLETED') map[slug].completed++; else map[slug].pending++;
+          }
+          const items = Object.entries(map).map(([slug, v]) => ({ slug, ...v }));
+          items.sort((a, b) => b.total - a.total);
+          return safeJson(res, 200, { ok: true, items });
+        }
+
+if (req.url === '/api/blockers/summary') {
           const file = path.join(workspaceDir, 'data', 'blockers', 'blocker-log.json');
           const doc = readJsonOrNull(file) || { schemaVersion: 1, blockers: [] };
           const blockers = Array.isArray(doc.blockers) ? doc.blockers : [];

package/package.json

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