@cccarv82/freya 1.0.5 → 1.0.7

package/cli/index.js

@@ -11,7 +11,7 @@ freya - F.R.E.Y.A. CLI
 
 Usage:
   freya init [dir] [--force] [--here|--in-place] [--force-data] [--force-logs]
-  freya web [--port <n>] [--dir <path>] [--no-open]
+  freya web [--port <n>] [--dir <path>] [--no-open] [--dev]
 
 Defaults:
   - If no [dir] is provided, creates ./freya
@@ -27,6 +27,7 @@ Examples:
 
   freya web
   freya web --dir ./freya --port 3872
+  freya web --dev            # seeds demo data/logs for quick testing
 `;
 }
 
@@ -81,6 +82,7 @@ async function run(argv) {
     const port = Number(kv['--port'] || 3872);
     const dir = kv['--dir'] ? path.resolve(process.cwd(), kv['--dir']) : null;
     const open = !flags.has('--no-open');
+    const dev = flags.has('--dev');
 
     if (!Number.isFinite(port) || port <= 0) {
       process.stderr.write('Invalid --port\n');
@@ -88,7 +90,7 @@ async function run(argv) {
       return;
     }
 
-    await cmdWeb({ port, dir, open });
+    await cmdWeb({ port, dir, open, dev });
     return;
   }
 

package/cli/web.js

@@ -9,6 +9,10 @@ function guessNpmCmd() {
   return process.platform === 'win32' ? 'npm.cmd' : 'npm';
 }
 
+function guessNpxCmd() {
+  return process.platform === 'win32' ? 'npx.cmd' : 'npx';
+}
+
 function guessOpenCmd() {
   // Minimal cross-platform opener without extra deps
   if (process.platform === 'win32') return { cmd: 'cmd', args: ['/c', 'start', ''] };
@@ -17,19 +21,33 @@ function guessOpenCmd() {
 }
 
 function exists(p) {
-  try { fs.accessSync(p); return true; } catch { return false; }
+  try {
+    fs.accessSync(p);
+    return true;
+  } catch {
+    return false;
+  }
 }
 
 function newestFile(dir, prefix) {
   if (!exists(dir)) return null;
-  const files = fs.readdirSync(dir)
+  const files = fs
+    .readdirSync(dir)
     .filter((f) => f.startsWith(prefix) && f.endsWith('.md'))
     .map((f) => ({ f, p: path.join(dir, f) }))
     .filter((x) => {
-      try { return fs.statSync(x.p).isFile(); } catch { return false; }
+      try {
+        return fs.statSync(x.p).isFile();
+      } catch {
+        return false;
+      }
     })
     .sort((a, b) => {
-      try { return fs.statSync(b.p).mtimeMs - fs.statSync(a.p).mtimeMs; } catch { return 0; }
+      try {
+        return fs.statSync(b.p).mtimeMs - fs.statSync(a.p).mtimeMs;
+      } catch {
+        return 0;
+      }
     });
   return files[0]?.p || null;
 }
@@ -55,11 +73,29 @@ function readBody(req) {
 
 function run(cmd, args, cwd) {
   return new Promise((resolve) => {
-    const child = spawn(cmd, args, { cwd, shell: false, env: process.env });
+    let child;
+    try {
+      child = spawn(cmd, args, { cwd, shell: false, env: process.env });
+    } catch (e) {
+      return resolve({ code: 1, stdout: '', stderr: e.message || String(e) });
+    }
+
     let stdout = '';
     let stderr = '';
-    child.stdout.on('data', (d) => { stdout += d.toString(); });
-    child.stderr.on('data', (d) => { stderr += d.toString(); });
+
+    child.stdout && child.stdout.on('data', (d) => {
+      stdout += d.toString();
+    });
+    child.stderr && child.stderr.on('data', (d) => {
+      stderr += d.toString();
+    });
+
+    // Prevent unhandled error event (e.g., ENOENT on Windows when cmd not found)
+    child.on('error', (e) => {
+      stderr += `\n${e.message || String(e)}`;
+      resolve({ code: 1, stdout, stderr });
+    });
+
     child.on('close', (code) => resolve({ code: code ?? 0, stdout, stderr }));
   });
 }
@@ -73,109 +109,652 @@ function openBrowser(url) {
   }
 }
 
+async function pickDirectoryNative() {
+  if (process.platform === 'win32') {
+    // PowerShell FolderBrowserDialog
+    const ps = [
+      '-NoProfile',
+      '-Command',
+      [
+        'Add-Type -AssemblyName System.Windows.Forms;',
+        '$f = New-Object System.Windows.Forms.FolderBrowserDialog;',
+        "$f.Description = 'Select your FREYA workspace folder';",
+        '$f.ShowNewFolderButton = $true;',
+        'if ($f.ShowDialog() -eq [System.Windows.Forms.DialogResult]::OK) { Write-Output $f.SelectedPath }'
+      ].join(' ')
+    ];
+    const r = await run('powershell', ps, process.cwd());
+    if (r.code !== 0) throw new Error((r.stderr || r.stdout || '').trim() || 'Failed to open folder picker');
+    const out = (r.stdout || '').trim();
+    return out || null;
+  }
+
+  if (process.platform === 'darwin') {
+    const r = await run('osascript', ['-e', 'POSIX path of (choose folder with prompt "Select your FREYA workspace folder")'], process.cwd());
+    if (r.code !== 0) throw new Error((r.stderr || r.stdout || '').trim() || 'Failed to open folder picker');
+    const out = (r.stdout || '').trim();
+    return out || null;
+  }
+
+  // Linux: prefer zenity, then kdialog
+  if (exists('/usr/bin/zenity') || exists('/bin/zenity') || exists('/usr/local/bin/zenity')) {
+    const r = await run('zenity', ['--file-selection', '--directory', '--title=Select your FREYA workspace folder'], process.cwd());
+    if (r.code !== 0) return null;
+    return (r.stdout || '').trim() || null;
+  }
+  if (exists('/usr/bin/kdialog') || exists('/bin/kdialog') || exists('/usr/local/bin/kdialog')) {
+    const r = await run('kdialog', ['--getexistingdirectory', '.', 'Select your FREYA workspace folder'], process.cwd());
+    if (r.code !== 0) return null;
+    return (r.stdout || '').trim() || null;
+  }
+
+  return null;
+}
+
 function html() {
+  // Aesthetic: “clean workstation” — light-first UI inspired by modern productivity apps.
   return `<!doctype html>
 <html>
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>FREYA</title>
+  <title>FREYA Web</title>
   <style>
-    body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Helvetica, Arial; margin: 0; background: #0b0f14; color: #e6edf3; }
-    header { padding: 16px 18px; border-bottom: 1px solid #1f2a37; display:flex; gap:12px; align-items:center; }
-    header h1 { font-size: 14px; margin:0; letter-spacing: .08em; text-transform: uppercase; color:#9fb2c7; }
-    .wrap { max-width: 980px; margin: 0 auto; padding: 18px; }
-    .card { border: 1px solid #1f2a37; border-radius: 12px; background: #0f1620; padding: 14px; }
-    .grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
-    @media (min-width: 920px) { .grid { grid-template-columns: 1.2fr .8fr; } }
-    label { font-size: 12px; color:#9fb2c7; display:block; margin-bottom: 6px; }
-    input { width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid #223041; background:#0b1220; color:#e6edf3; }
-    .btns { display:flex; flex-wrap:wrap; gap: 10px; margin-top: 10px; }
-    button { padding: 10px 12px; border-radius: 10px; border: 1px solid #223041; background:#1f6feb; color:white; cursor:pointer; }
-    button.secondary { background: transparent; color:#e6edf3; }
-    button.danger { background: #d73a49; }
-    .row { display:grid; grid-template-columns: 1fr; gap: 10px; }
-    .small { font-size: 12px; color:#9fb2c7; }
-    pre { white-space: pre-wrap; background:#0b1220; border: 1px solid #223041; border-radius: 12px; padding: 12px; overflow:auto; }
-    a { color:#58a6ff; }
+    /*
+      Design goals:
+      - Light theme by default (inspired by your reference screenshots)
+      - Dark mode toggle
+      - App-like layout: sidebar + main surface
+      - Clear onboarding and affordances
+    */
+
+    :root {
+      --radius: 14px;
+      --shadow: 0 18px 55px rgba(16, 24, 40, .10);
+      --shadow2: 0 10px 20px rgba(16, 24, 40, .08);
+      --ring: 0 0 0 4px rgba(59, 130, 246, .18);
+
+      /* Light */
+      --bg: #f6f7fb;
+      --paper: #ffffff;
+      --paper2: #fbfbfd;
+      --line: rgba(16, 24, 40, .10);
+      --line2: rgba(16, 24, 40, .14);
+      --text: #0f172a;
+      --muted: rgba(15, 23, 42, .68);
+      --faint: rgba(15, 23, 42, .50);
+
+      --primary: #2563eb;
+      --primary2: #0ea5e9;
+      --accent: #f97316;
+      --ok: #16a34a;
+      --warn: #f59e0b;
+      --danger: #e11d48;
+
+      --chip: rgba(37, 99, 235, .08);
+      --chip2: rgba(249, 115, 22, .10);
+      --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+      --sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
+    }
+
+    [data-theme="dark"] {
+      --bg: #0b1020;
+      --paper: rgba(255,255,255,.06);
+      --paper2: rgba(255,255,255,.04);
+      --line: rgba(255,255,255,.12);
+      --line2: rgba(255,255,255,.18);
+      --text: #e9f0ff;
+      --muted: rgba(233,240,255,.72);
+      --faint: rgba(233,240,255,.54);
+
+      --primary: #60a5fa;
+      --primary2: #22c55e;
+      --accent: #fb923c;
+      --chip: rgba(96, 165, 250, .14);
+      --chip2: rgba(251, 146, 60, .14);
+
+      --shadow: 0 30px 70px rgba(0,0,0,.55);
+      --shadow2: 0 18px 40px rgba(0,0,0,.35);
+      --ring: 0 0 0 4px rgba(96, 165, 250, .22);
+    }
+
+    * { box-sizing: border-box; }
+    html, body { height: 100%; }
+    body {
+      margin: 0;
+      background:
+        radial-gradient(1200px 800px at 20% -10%, rgba(37,99,235,.12), transparent 55%),
+        radial-gradient(900px 600px at 92% 10%, rgba(249,115,22,.12), transparent 55%),
+        radial-gradient(1100px 700px at 70% 105%, rgba(14,165,233,.10), transparent 55%),
+        var(--bg);
+      color: var(--text);
+      font-family: var(--sans);
+    }
+
+    /* subtle grain */
+    body:before {
+      content: "";
+      position: fixed;
+      inset: 0;
+      pointer-events: none;
+      background-image:
+        radial-gradient(circle at 15% 20%, rgba(255,255,255,.38), transparent 32%),
+        radial-gradient(circle at 80% 10%, rgba(255,255,255,.26), transparent 38%),
+        linear-gradient(transparent 0, transparent 3px, rgba(0,0,0,.02) 4px);
+      background-size: 900px 900px, 900px 900px, 100% 7px;
+      opacity: .08;
+      mix-blend-mode: overlay;
+    }
+
+    .app {
+      max-width: 1260px;
+      margin: 18px auto;
+      padding: 0 18px;
+    }
+
+    .frame {
+      display: grid;
+      grid-template-columns: 280px 1fr;
+      gap: 14px;
+      min-height: calc(100vh - 36px);
+    }
+
+    @media (max-width: 980px) {
+      .frame { grid-template-columns: 1fr; }
+    }
+
+    .sidebar {
+      background: var(--paper);
+      border: 1px solid var(--line);
+      border-radius: var(--radius);
+      box-shadow: var(--shadow2);
+      padding: 14px;
+      position: sticky;
+      top: 18px;
+      height: fit-content;
+    }
+
+    .main {
+      background: var(--paper);
+      border: 1px solid var(--line);
+      border-radius: var(--radius);
+      box-shadow: var(--shadow);
+      overflow: hidden;
+    }
+
+    .topbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14px 16px;
+      border-bottom: 1px solid var(--line);
+      background: linear-gradient(180deg, var(--paper2), var(--paper));
+    }
+
+    .brand {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      font-weight: 800;
+      letter-spacing: .08em;
+      text-transform: uppercase;
+      font-size: 12px;
+      color: var(--muted);
+    }
+
+    .spark {
+      width: 10px;
+      height: 10px;
+      border-radius: 4px;
+      background: linear-gradient(135deg, var(--accent), var(--primary));
+      box-shadow: 0 0 0 6px rgba(249,115,22,.12);
+    }
+
+    .actions {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+
+    .chip {
+      font-family: var(--mono);
+      font-size: 12px;
+      padding: 7px 10px;
+      border-radius: 999px;
+      border: 1px solid var(--line);
+      background: rgba(255,255,255,.55);
+      color: var(--faint);
+    }
+
+    [data-theme="dark"] .chip { background: rgba(0,0,0,.20); }
+
+    .toggle {
+      border: 1px solid var(--line);
+      border-radius: 999px;
+      background: var(--paper2);
+      padding: 7px 10px;
+      cursor: pointer;
+      color: var(--muted);
+      font-weight: 700;
+      font-size: 12px;
+    }
+
+    .section {
+      padding: 16px;
+    }
+
+    h1 {
+      margin: 0;
+      font-size: 22px;
+      letter-spacing: -.02em;
+    }
+
+    .subtitle {
+      margin-top: 6px;
+      color: var(--muted);
+      font-size: 13px;
+      line-height: 1.4;
+      max-width: 860px;
+    }
+
+    .cards {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 12px;
+      margin-top: 14px;
+    }
+
+    @media (max-width: 1100px) { .cards { grid-template-columns: repeat(2, 1fr);} }
+    @media (max-width: 620px) { .cards { grid-template-columns: 1fr;} }
+
+    .card {
+      border: 1px solid var(--line);
+      background: var(--paper2);
+      border-radius: 14px;
+      padding: 12px;
+      display: grid;
+      gap: 6px;
+      cursor: pointer;
+      transition: transform .10s ease, border-color .16s ease, box-shadow .16s ease;
+      box-shadow: 0 1px 0 rgba(16,24,40,.04);
+    }
+
+    .card:hover {
+      transform: translateY(-1px);
+      border-color: var(--line2);
+      box-shadow: 0 10px 22px rgba(16,24,40,.10);
+    }
+
+    .icon {
+      width: 34px;
+      height: 34px;
+      border-radius: 12px;
+      display: grid;
+      place-items: center;
+      background: var(--chip);
+      border: 1px solid var(--line);
+      color: var(--primary);
+      font-weight: 900;
+    }
+
+    .icon.orange { background: var(--chip2); color: var(--accent); }
+
+    .title {
+      font-weight: 800;
+      font-size: 13px;
+    }
+
+    .desc {
+      color: var(--muted);
+      font-size: 12px;
+      line-height: 1.35;
+    }
+
+    .grid2 {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 14px;
+      margin-top: 14px;
+    }
+
+    @media (max-width: 980px) { .grid2 { grid-template-columns: 1fr; } }
+
+    .panel {
+      border: 1px solid var(--line);
+      background: var(--paper);
+      border-radius: 14px;
+      overflow: hidden;
+    }
+
+    .panelHead {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 12px;
+      border-bottom: 1px solid var(--line);
+      background: linear-gradient(180deg, var(--paper2), var(--paper));
+    }
+
+    .panelHead b { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
+
+    .panelBody { padding: 12px; }
+
+    label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 6px; }
+
+    input {
+      width: 100%;
+      padding: 11px 12px;
+      border-radius: 12px;
+      border: 1px solid var(--line);
+      background: rgba(255,255,255,.72);
+      color: var(--text);
+      outline: none;
+    }
+
+    [data-theme="dark"] input { background: rgba(0,0,0,.16); }
+
+    input:focus { box-shadow: var(--ring); border-color: rgba(37,99,235,.35); }
+
+    .row {
+      display: grid;
+      grid-template-columns: 1fr auto;
+      gap: 10px;
+      align-items: center;
+    }
+
+    .btn {
+      border: 1px solid var(--line);
+      border-radius: 12px;
+      background: var(--paper2);
+      color: var(--text);
+      padding: 10px 12px;
+      cursor: pointer;
+      font-weight: 800;
+      font-size: 12px;
+      transition: transform .10s ease, border-color .16s ease, box-shadow .16s ease;
+    }
+
+    .btn:hover { transform: translateY(-1px); border-color: var(--line2); box-shadow: 0 10px 22px rgba(16,24,40,.10); }
+    .btn:active { transform: translateY(0); }
+
+    .btn.primary {
+      background: linear-gradient(135deg, rgba(37,99,235,.14), rgba(14,165,233,.12));
+      border-color: rgba(37,99,235,.22);
+      color: var(--text);
+    }
+
+    .btn.orange {
+      background: linear-gradient(135deg, rgba(249,115,22,.16), rgba(37,99,235,.08));
+      border-color: rgba(249,115,22,.24);
+    }
+
+    .btn.danger {
+      background: rgba(225,29,72,.10);
+      border-color: rgba(225,29,72,.28);
+      color: var(--text);
+    }
+
+    .btn.small { padding: 9px 10px; font-weight: 800; }
+
+    .stack { display: flex; flex-wrap: wrap; gap: 10px; }
+
+    .help {
+      margin-top: 8px;
+      color: var(--faint);
+      font-size: 12px;
+      line-height: 1.35;
+    }
+
+    .log {
+      border: 1px solid var(--line);
+      background: rgba(255,255,255,.65);
+      border-radius: 14px;
+      padding: 12px;
+      font-family: var(--mono);
+      font-size: 12px;
+      line-height: 1.35;
+      white-space: pre-wrap;
+      max-height: 420px;
+      overflow: auto;
+      color: rgba(15,23,42,.92);
+    }
+
+    [data-theme="dark"] .log { background: rgba(0,0,0,.20); color: rgba(233,240,255,.84); }
+
+    .statusRow { display:flex; align-items:center; justify-content: space-between; gap: 10px; }
+
+    .pill {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 7px 10px;
+      border-radius: 999px;
+      border: 1px solid var(--line);
+      background: rgba(255,255,255,.55);
+      font-size: 12px;
+      color: var(--muted);
+      font-family: var(--mono);
+    }
+
+    [data-theme="dark"] .pill { background: rgba(0,0,0,.18); }
+
+    .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--warn); box-shadow: 0 0 0 5px rgba(245,158,11,.15); }
+    .dot.ok { background: var(--ok); box-shadow: 0 0 0 5px rgba(22,163,74,.12); }
+    .dot.err { background: var(--danger); box-shadow: 0 0 0 5px rgba(225,29,72,.14); }
+
+    .small {
+      font-size: 12px;
+      color: var(--faint);
+      font-family: var(--mono);
+    }
+
+    .sidebar h3 {
+      margin: 0;
+      font-size: 12px;
+      letter-spacing: .10em;
+      text-transform: uppercase;
+      color: var(--muted);
+    }
+
+    .sideBlock { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--line); }
+
+    .sidePath {
+      margin-top: 8px;
+      border: 1px solid var(--line);
+      background: var(--paper2);
+      border-radius: 12px;
+      padding: 10px;
+      font-family: var(--mono);
+      font-size: 12px;
+      color: var(--muted);
+      word-break: break-word;
+    }
+
+    .sideBtn { width: 100%; margin-top: 8px; }
+
+    .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); }
+
   </style>
 </head>
 <body>
-  <header>
-    <h1>FREYA • Local-first Status Assistant</h1>
-    <span class="small" id="status"></span>
-  </header>
-  <div class="wrap">
-    <div class="grid">
-      <div class="card">
-        <div class="row">
-          <div>
-            <label>Workspace dir</label>
-            <input id="dir" placeholder="/path/to/freya (or ./freya)" />
-            <div class="small">Dica: a workspace é a pasta que contém <code>data/</code>, <code>logs/</code>, <code>scripts/</code>.</div>
-          </div>
-          <div class="btns">
-            <button onclick="doInit()">Init (preserva data/logs)</button>
-            <button class="secondary" onclick="doUpdate()">Update (init --here)</button>
-            <button class="secondary" onclick="doHealth()">Health</button>
-            <button class="secondary" onclick="doMigrate()">Migrate</button>
-          </div>
+  <div class="app">
+    <div class="frame">
+
+      <aside class="sidebar">
+        <div style="display:flex; align-items:center; justify-content: space-between; gap:10px;">
+          <h3>FREYA</h3>
+          <span class="pill"><span class="dot" id="dot"></span><span id="pill">idle</span></span>
         </div>
 
-        <hr style="border:0;border-top:1px solid #1f2a37;margin:14px 0" />
+        <div class="sideBlock">
+          <h3>Workspace</h3>
+          <div class="sidePath" id="sidePath">./freya</div>
+          <button class="btn sideBtn" onclick="pickDir()">Select workspace…</button>
+          <button class="btn primary sideBtn" onclick="doInit()">Init workspace</button>
+          <button class="btn sideBtn" onclick="doUpdate()">Update (preserve data/logs)</button>
+          <button class="btn sideBtn" onclick="doHealth()">Health</button>
+          <button class="btn sideBtn" onclick="doMigrate()">Migrate</button>
+          <div class="help">Dica: se você já tem uma workspace antiga, use <b>Update</b>. Por padrão, <b>data/</b> e <b>logs/</b> não são sobrescritos.</div>
+        </div>
 
-        <div class="btns">
-          <button onclick="runReport('status')">Generate Executive Report</button>
-          <button onclick="runReport('sm-weekly')">Generate SM Weekly</button>
-          <button onclick="runReport('blockers')">Generate Blockers</button>
-          <button onclick="runReport('daily')">Generate Daily</button>
+        <div class="sideBlock">
+          <h3>Publish</h3>
+          <button class="btn sideBtn" onclick="publish('discord')">Publish → Discord</button>
+          <button class="btn sideBtn" onclick="publish('teams')">Publish → Teams</button>
+          <div class="help">Configure os webhooks no painel principal. O publish envia o último relatório gerado.</div>
         </div>
 
-        <div style="margin-top:12px">
-          <label>Output</label>
-          <pre id="out"></pre>
-          <div class="small" id="last"></div>
+        <div class="sideBlock">
+          <h3>Atalhos</h3>
+          <div class="help"><span class="k">--dev</span> cria dados de exemplo para testar rápido.</div>
+          <div class="help"><span class="k">--port</span> muda a porta (default 3872).</div>
         </div>
-      </div>
+      </aside>
 
-      <div class="card">
-        <div class="row">
-          <div>
-            <label>Discord Webhook URL (optional)</label>
-            <input id="discord" placeholder="https://discord.com/api/webhooks/..." />
-          </div>
-          <div>
-            <label>Teams Webhook URL (optional)</label>
-            <input id="teams" placeholder="https://..." />
+      <main class="main">
+        <div class="topbar">
+          <div class="brand"><span class="spark"></span> Local-first status assistant</div>
+          <div class="actions">
+            <span class="chip" id="chipPort">127.0.0.1:3872</span>
+            <button class="toggle" id="themeToggle" onclick="toggleTheme()">Theme</button>
           </div>
-          <div class="btns">
-            <button class="secondary" onclick="publish('discord')">Publish last → Discord</button>
-            <button class="secondary" onclick="publish('teams')">Publish last → Teams</button>
+        </div>
+
+        <div class="section">
+          <h1>Morning, how can I help?</h1>
+          <div class="subtitle">Selecione uma workspace e gere relatórios (Executive / SM / Blockers / Daily). Você pode publicar no Discord/Teams com 1 clique.</div>
+
+          <div class="cards">
+            <div class="card" onclick="runReport('status')">
+              <div class="icon">E</div>
+              <div class="title">Executive report</div>
+              <div class="desc">Status pronto para stakeholders (entregas, projetos, blockers).</div>
+            </div>
+            <div class="card" onclick="runReport('sm-weekly')">
+              <div class="icon">S</div>
+              <div class="title">SM weekly</div>
+              <div class="desc">Resumo, wins, riscos e foco da próxima semana.</div>
+            </div>
+            <div class="card" onclick="runReport('blockers')">
+              <div class="icon orange">B</div>
+              <div class="title">Blockers</div>
+              <div class="desc">Lista priorizada por severidade + idade (pra destravar rápido).</div>
+            </div>
+            <div class="card" onclick="runReport('daily')">
+              <div class="icon">D</div>
+              <div class="title">Daily</div>
+              <div class="desc">Ontem / Hoje / Bloqueios — pronto pra standup.</div>
+            </div>
           </div>
-          <div class="small">
-            Publica o último relatório gerado (cache local). Limite: ~1800 chars (pra evitar limites de webhook).
+
+          <div class="grid2">
+            <div class="panel">
+              <div class="panelHead"><b>Workspace & publish settings</b><span class="small" id="last"></span></div>
+              <div class="panelBody">
+                <label>Workspace dir</label>
+                <div class="row">
+                  <input id="dir" placeholder="./freya" />
+                  <button class="btn small" onclick="pickDir()">Browse</button>
+                </div>
+                <div class="help">Escolha a pasta que contém <code>data/</code>, <code>logs/</code> e <code>scripts/</code>.</div>
+
+                <div style="height:12px"></div>
+
+                <div class="stack">
+                  <button class="btn primary" onclick="doInit()">Init</button>
+                  <button class="btn" onclick="doUpdate()">Update</button>
+                  <button class="btn" onclick="doHealth()">Health</button>
+                  <button class="btn" onclick="doMigrate()">Migrate</button>
+                </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 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>
+                </div>
+              </div>
+            </div>
+
+            <div class="panel">
+              <div class="panelHead">
+                <b>Output</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>
+            </div>
+
           </div>
         </div>
-      </div>
+
+      </main>
 
     </div>
   </div>
 
 <script>
   const $ = (id) => document.getElementById(id);
-  const state = {
-    lastReportPath: null,
-    lastText: ''
-  };
+  const state = { lastReportPath: null, lastText: '' };
+
+  function applyTheme(theme) {
+    document.documentElement.setAttribute('data-theme', theme);
+    localStorage.setItem('freya.theme', theme);
+    $('themeToggle').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');
+    dot.classList.remove('ok','err');
+    if (kind === 'ok') dot.classList.add('ok');
+    if (kind === 'err') dot.classList.add('err');
+    $('pill').textContent = text;
+    $('status') && ($('status').textContent = text);
+  }
 
   function setOut(text) {
-    state.lastText = text;
+    state.lastText = text || '';
     $('out').textContent = text || '';
   }
 
-  function setLast(path) {
-    state.lastReportPath = path;
-    $('last').textContent = path ? ('Last report: ' + path) : '';
+  function clearOut() {
+    setOut('');
+    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');
+    }
+  }
+
+  function setLast(p) {
+    state.lastReportPath = p;
+    $('last').textContent = p ? ('Last report: ' + p) : '';
   }
 
   function saveLocal() {
@@ -185,13 +764,14 @@ function html() {
   }
 
   function loadLocal() {
-    $('dir').value = localStorage.getItem('freya.dir') || '';
+    $('dir').value = localStorage.getItem('freya.dir') || './freya';
     $('discord').value = localStorage.getItem('freya.discord') || '';
     $('teams').value = localStorage.getItem('freya.teams') || '';
+    $('sidePath').textContent = $('dir').value || './freya';
   }
 
-  async function api(path, body) {
-    const res = await fetch(path, {
+  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
@@ -206,63 +786,210 @@ function html() {
     return d || './freya';
   }
 
+  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() {
-    saveLocal();
-    setOut('Running init...');
-    const r = await api('/api/init', { dir: dirOrDefault() });
-    setOut(r.output);
-    setLast(null);
+    try {
+      saveLocal();
+      $('sidePath').textContent = dirOrDefault();
+      setPill('run','init…');
+      setOut('');
+      const r = await api('/api/init', { dir: dirOrDefault() });
+      setOut(r.output);
+      setLast(null);
+      setPill('ok','init ok');
+    } catch (e) {
+      setPill('err','init failed');
+      setOut(String(e && e.message ? e.message : e));
+    }
   }
 
   async function doUpdate() {
-    saveLocal();
-    setOut('Running update...');
-    const r = await api('/api/update', { dir: dirOrDefault() });
-    setOut(r.output);
-    setLast(null);
+    try {
+      saveLocal();
+      $('sidePath').textContent = dirOrDefault();
+      setPill('run','update…');
+      setOut('');
+      const r = await api('/api/update', { dir: dirOrDefault() });
+      setOut(r.output);
+      setLast(null);
+      setPill('ok','update ok');
+    } catch (e) {
+      setPill('err','update failed');
+      setOut(String(e && e.message ? e.message : e));
+    }
   }
 
   async function doHealth() {
-    saveLocal();
-    setOut('Running health...');
-    const r = await api('/api/health', { dir: dirOrDefault() });
-    setOut(r.output);
-    setLast(null);
+    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() {
-    saveLocal();
-    setOut('Running migrate...');
-    const r = await api('/api/migrate', { dir: dirOrDefault() });
-    setOut(r.output);
-    setLast(null);
+    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) {
-    saveLocal();
-    setOut('Running ' + name + '...');
-    const r = await api('/api/report', { dir: dirOrDefault(), script: name });
-    setOut(r.output);
-    setLast(r.reportPath || null);
+    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;
+      setPill('ok', name + ' ok');
+    } catch (e) {
+      setPill('err', name + ' failed');
+      setOut(String(e && e.message ? e.message : e));
+    }
   }
 
   async function publish(target) {
-    saveLocal();
-    if (!state.lastText) throw new Error('No cached output. Generate a report first.');
-    const webhookUrl = target === 'discord' ? $('discord').value.trim() : $('teams').value.trim();
-    setOut('Publishing to ' + target + '...');
-    const r = await api('/api/publish', { webhookUrl, text: state.lastText });
-    setOut('Published.');
+    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 });
+      setPill('ok','published');
+    } catch (e) {
+      setPill('err','publish failed');
+      setOut(String(e && e.message ? e.message : e));
+    }
   }
 
+  // init
+  applyTheme(localStorage.getItem('freya.theme') || 'light');
+  $('chipPort').textContent = location.host;
   loadLocal();
-  $('status').textContent = 'ready';
+  setPill('ok','idle');
 </script>
 </body>
 </html>`;
 }
 
-async function cmdWeb({ port, dir, open }) {
+function ensureDir(p) {
+  fs.mkdirSync(p, { recursive: true });
+}
+
+function isoDate(d = new Date()) {
+  return d.toISOString().slice(0, 10);
+}
+
+function isoNow() {
+  return new Date().toISOString();
+}
+
+function seedDevWorkspace(workspaceDir) {
+  // Only create if missing; never overwrite user content.
+  ensureDir(path.join(workspaceDir, 'data', 'tasks'));
+  ensureDir(path.join(workspaceDir, 'data', 'career'));
+  ensureDir(path.join(workspaceDir, 'data', 'blockers'));
+  ensureDir(path.join(workspaceDir, 'data', 'Clients', 'acme', 'rocket'));
+  ensureDir(path.join(workspaceDir, 'logs', 'daily'));
+
+  const taskLog = path.join(workspaceDir, 'data', 'tasks', 'task-log.json');
+  if (!exists(taskLog)) {
+    fs.writeFileSync(taskLog, JSON.stringify({
+      schemaVersion: 1,
+      tasks: [
+        { id: 't-demo-1', description: 'Preparar update executivo', category: 'DO_NOW', status: 'PENDING', createdAt: isoNow(), priority: 'high' },
+        { id: 't-demo-2', description: 'Revisar PR de integração Teams', category: 'SCHEDULE', status: 'PENDING', createdAt: isoNow(), priority: 'medium' },
+        { id: 't-demo-3', description: 'Rodar retro e registrar aprendizados', category: 'DO_NOW', status: 'COMPLETED', createdAt: isoNow(), completedAt: isoNow(), priority: 'low' }
+      ]
+    }, null, 2) + '\n', 'utf8');
+  }
+
+  const careerLog = path.join(workspaceDir, 'data', 'career', 'career-log.json');
+  if (!exists(careerLog)) {
+    fs.writeFileSync(careerLog, JSON.stringify({
+      schemaVersion: 1,
+      entries: [
+        { id: 'c-demo-1', date: isoDate(), type: 'Achievement', description: 'Publicou o CLI @cccarv82/freya com init/web', tags: ['shipping', 'tooling'], source: 'dev-seed' },
+        { id: 'c-demo-2', date: isoDate(), type: 'Feedback', description: 'Feedback: UX do painel web está “muito promissor”', tags: ['product'], source: 'dev-seed' }
+      ]
+    }, null, 2) + '\n', 'utf8');
+  }
+
+  const blockerLog = path.join(workspaceDir, 'data', 'blockers', 'blocker-log.json');
+  if (!exists(blockerLog)) {
+    fs.writeFileSync(blockerLog, JSON.stringify({
+      schemaVersion: 1,
+      blockers: [
+        { id: 'b-demo-1', title: 'Webhook do Teams falhando em ambientes com 2FA', description: 'Ajustar token / payload', createdAt: isoNow(), status: 'OPEN', severity: 'HIGH', nextAction: 'Validar payload e limites' },
+        { id: 'b-demo-2', title: 'Definir template de status report por cliente', description: 'Padronizar headings', createdAt: isoNow(), status: 'MITIGATING', severity: 'MEDIUM' }
+      ]
+    }, null, 2) + '\n', 'utf8');
+  }
+
+  const projectStatus = path.join(workspaceDir, 'data', 'Clients', 'acme', 'rocket', 'status.json');
+  if (!exists(projectStatus)) {
+    fs.writeFileSync(projectStatus, JSON.stringify({
+      schemaVersion: 1,
+      client: 'Acme',
+      project: 'Rocket',
+      currentStatus: 'Green — progressing as planned',
+      lastUpdated: isoNow(),
+      active: true,
+      history: [
+        { date: isoNow(), type: 'Status', content: 'Launched stage 1', source: 'dev-seed' },
+        { date: isoNow(), type: 'Risk', content: 'Potential delay on vendor dependency', source: 'dev-seed' }
+      ]
+    }, null, 2) + '\n', 'utf8');
+  }
+
+  const dailyLog = path.join(workspaceDir, 'logs', 'daily', `${isoDate()}.md`);
+  if (!exists(dailyLog)) {
+    fs.writeFileSync(dailyLog, `# Daily Log ${isoDate()}\n\n## [09:15] Raw Input\nReunião com a Acme. Tudo verde, mas preciso alinhar com fornecedor.\n\n## [16:40] Raw Input\nTerminei o relatório SM e publiquei no Discord.\n`, 'utf8');
+  }
+
+  return {
+    seeded: true,
+    paths: { taskLog, careerLog, blockerLog, projectStatus, dailyLog }
+  };
+}
+
+async function cmdWeb({ port, dir, open, dev }) {
   const host = '127.0.0.1';
 
   const server = http.createServer(async (req, res) => {
@@ -282,16 +1009,21 @@ async function cmdWeb({ port, dir, open }) {
 
         const workspaceDir = path.resolve(process.cwd(), payload.dir || dir || './freya');
 
+        if (req.url === '/api/pick-dir') {
+          const picked = await pickDirectoryNative();
+          return safeJson(res, 200, { dir: picked });
+        }
+
         if (req.url === '/api/init') {
           const pkg = '@cccarv82/freya';
-          const r = await run('npx', [pkg, 'init', workspaceDir], process.cwd());
+          const r = await run(guessNpxCmd(), [pkg, 'init', workspaceDir], process.cwd());
           return safeJson(res, r.code === 0 ? 200 : 400, { output: (r.stdout + r.stderr).trim() });
         }
 
         if (req.url === '/api/update') {
           const pkg = '@cccarv82/freya';
           fs.mkdirSync(workspaceDir, { recursive: true });
-          const r = await run('npx', [pkg, 'init', '--here'], workspaceDir);
+          const r = await run(guessNpxCmd(), [pkg, 'init', '--here'], workspaceDir);
           return safeJson(res, r.code === 0 ? 200 : 400, { output: (r.stdout + r.stderr).trim() });
         }
 
@@ -323,8 +1055,12 @@ async function cmdWeb({ port, dir, open }) {
           };
           const prefix = prefixMap[script] || null;
           const reportPath = prefix ? newestFile(reportsDir, prefix) : null;
+          const reportText = reportPath && exists(reportPath) ? fs.readFileSync(reportPath, 'utf8') : null;
+
+          // Prefer showing the actual report content when available.
+          const output = reportText ? reportText : out;
 
-          return safeJson(res, r.code === 0 ? 200 : 400, { output: out, reportPath });
+          return safeJson(res, r.code === 0 ? 200 : 400, { output, reportPath, reportText });
         }
 
         if (req.url === '/api/publish') {
@@ -348,7 +1084,8 @@ async function cmdWeb({ port, dir, open }) {
             }
           };
 
-          const req2 = require(u.protocol === 'https:' ? 'https' : 'http').request(options, (r2) => {
+          const proto = u.protocol === 'https:' ? require('https') : require('http');
+          const req2 = proto.request(options, (r2) => {
             const chunks = [];
             r2.on('data', (c) => chunks.push(c));
             r2.on('end', () => {
@@ -374,6 +1111,18 @@ async function cmdWeb({ port, dir, open }) {
   await new Promise((resolve) => server.listen(port, host, resolve));
 
   const url = `http://${host}:${port}/`;
+
+  // Optional dev seed (safe: only creates files if missing)
+  if (dev) {
+    const target = dir ? path.resolve(process.cwd(), dir) : path.join(process.cwd(), 'freya');
+    try {
+      seedDevWorkspace(target);
+      process.stdout.write(`Dev seed: created demo files in ${target}\n`);
+    } catch (e) {
+      process.stdout.write(`Dev seed failed: ${e.message || String(e)}\n`);
+    }
+  }
+
   process.stdout.write(`FREYA web running at ${url}\n`);
   if (open) openBrowser(url);
 }

package/package.json

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