leedab 0.1.0

package/dist/dashboard/static/style.css

@@ -0,0 +1,493 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+:root {
+  --bg: #0a0a0b;
+  --surface: #141416;
+  --surface-raised: #18181b;
+  --border: #232328;
+  --border-hover: #333338;
+  --text: #e4e4e7;
+  --text-secondary: #a1a1aa;
+  --text-dim: #71717a;
+  --text-faint: #52525b;
+  --accent: #AE5630;
+  --accent-hover: #c4633a;
+  --accent-soft: rgba(174, 86, 48, 0.08);
+  --accent-medium: rgba(174, 86, 48, 0.15);
+  --success: #22c55e;
+  --warning: #f59e0b;
+  --error: #ef4444;
+  --radius: 12px;
+  --radius-sm: 8px;
+}
+
+[data-theme="light"] {
+  --bg: #f8f8fa;
+  --surface: #ffffff;
+  --surface-raised: #f0f0f3;
+  --border: #d4d4d8;
+  --border-hover: #a1a1aa;
+  --text: #18181b;
+  --text-secondary: #3f3f46;
+  --text-dim: #52525b;
+  --text-faint: #71717a;
+  --accent: #9a4528;
+  --accent-hover: #AE5630;
+  --accent-soft: rgba(174, 86, 48, 0.06);
+  --accent-medium: rgba(174, 86, 48, 0.12);
+  --success: #16a34a;
+  --warning: #d97706;
+  --error: #dc2626;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
+  background: var(--bg);
+  color: var(--text);
+  min-height: 100vh;
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.container {
+  max-width: 720px;
+  margin: 0 auto;
+  padding: 48px 24px;
+}
+
+header {
+  margin-bottom: 48px;
+}
+
+header h1 {
+  font-size: 2rem;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+}
+
+.subtitle {
+  color: var(--text-dim);
+  margin-top: 4px;
+}
+
+/* Sections */
+.section {
+  margin-bottom: 40px;
+}
+
+.section-title {
+  font-size: 1rem;
+  font-weight: 600;
+  margin-bottom: 4px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-secondary);
+  font-size: 0.75rem;
+}
+
+.section-desc {
+  color: var(--text-dim);
+  font-size: 0.875rem;
+  margin-bottom: 16px;
+}
+
+/* Info grid */
+.info-grid {
+  display: flex;
+  gap: 24px;
+  flex-wrap: wrap;
+}
+
+.info-item {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.info-label {
+  font-size: 0.75rem;
+  color: var(--text-faint);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.info-value {
+  font-size: 0.9rem;
+  color: var(--text);
+  font-weight: 500;
+}
+
+.info-value code {
+  background: var(--surface-raised);
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-family: "SF Mono", "Fira Code", monospace;
+  font-size: 0.85rem;
+}
+
+/* Badge */
+.badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 3px 10px;
+  border-radius: 20px;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.badge-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+}
+
+.badge-online {
+  background: rgba(34, 197, 94, 0.1);
+  color: var(--success);
+}
+
+.badge-online .badge-dot {
+  background: var(--success);
+}
+
+.badge-offline {
+  background: rgba(239, 68, 68, 0.1);
+  color: var(--error);
+}
+
+.badge-offline .badge-dot {
+  background: var(--error);
+}
+
+/* Cards */
+.cards {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px;
+}
+
+@media (max-width: 600px) {
+  .cards {
+    grid-template-columns: 1fr;
+  }
+}
+
+.card {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 16px;
+  transition: border-color 0.15s;
+  flex-wrap: wrap;
+}
+
+.card .btn {
+  margin-top: 4px;
+  width: 100%;
+  text-align: center;
+}
+
+.card:hover {
+  border-color: var(--border-hover);
+}
+
+.card.connected {
+  border-color: color-mix(in srgb, var(--success) 40%, transparent);
+}
+
+.card-icon {
+  flex-shrink: 0;
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--accent-soft);
+  border-radius: 12px;
+  color: var(--accent);
+}
+
+.connected .card-icon {
+  background: color-mix(in srgb, var(--success) 10%, transparent);
+  color: var(--success);
+}
+
+.card-body {
+  flex: 1;
+  min-width: 0;
+}
+
+.card-body h3 {
+  font-size: 1rem;
+  font-weight: 600;
+}
+
+.card-body p {
+  color: var(--text-dim);
+  font-size: 0.875rem;
+  margin-top: 2px;
+}
+
+.card-status {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 0.8rem;
+  color: var(--text-dim);
+  margin-top: 6px;
+}
+
+.dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--border);
+  display: inline-block;
+}
+
+.connected .dot {
+  background: var(--success);
+}
+
+/* Buttons */
+.btn {
+  background: var(--accent);
+  color: white;
+  border: none;
+  padding: 8px 20px;
+  border-radius: var(--radius-sm);
+  font-size: 0.875rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.15s;
+  white-space: nowrap;
+  flex-shrink: 0;
+  text-decoration: none;
+}
+
+.btn:hover {
+  background: var(--accent-hover);
+}
+
+.btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.btn-ghost {
+  background: var(--surface-raised);
+  color: var(--text-secondary);
+  border: 1px solid var(--border-hover);
+}
+
+.btn-ghost:hover {
+  background: var(--accent-soft);
+  color: var(--text);
+  border-color: var(--accent);
+}
+
+.btn-connected {
+  background: color-mix(in srgb, var(--success) 15%, transparent);
+  color: var(--success);
+  cursor: default;
+}
+
+.btn-connected:hover {
+  background: color-mix(in srgb, var(--success) 15%, transparent);
+}
+
+.btn-danger {
+  background: transparent;
+  color: var(--error);
+  border: 1px solid color-mix(in srgb, var(--error) 30%, transparent);
+  padding: 4px 12px;
+  font-size: 0.8rem;
+}
+
+.btn-danger:hover {
+  background: color-mix(in srgb, var(--error) 10%, transparent);
+}
+
+/* Form panel */
+.form-panel {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 24px;
+  margin-top: 16px;
+}
+
+.form-panel h3 {
+  font-size: 1rem;
+  font-weight: 600;
+  margin-bottom: 4px;
+}
+
+.form-help {
+  color: var(--text-dim);
+  font-size: 0.85rem;
+  margin-bottom: 16px;
+}
+
+.form-help a {
+  color: var(--accent);
+  text-decoration: none;
+}
+
+.form-panel label {
+  display: block;
+  font-size: 0.85rem;
+  color: var(--text-dim);
+  margin-bottom: 12px;
+}
+
+.form-panel input,
+.form-panel textarea {
+  display: block;
+  width: 100%;
+  margin-top: 4px;
+  padding: 10px 12px;
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  color: var(--text);
+  font-size: 0.9rem;
+  font-family: inherit;
+}
+
+.form-panel input:focus,
+.form-panel textarea:focus {
+  outline: none;
+  border-color: var(--accent);
+}
+
+.form-panel textarea {
+  resize: vertical;
+  min-height: 60px;
+}
+
+.form-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 16px;
+}
+
+/* Vault table */
+.vault-table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 16px;
+}
+
+.vault-table th,
+.vault-table td {
+  text-align: left;
+  padding: 10px 12px;
+  font-size: 0.875rem;
+  border-bottom: 1px solid var(--border);
+}
+
+.vault-table th {
+  color: var(--text-faint);
+  font-weight: 500;
+  font-size: 0.75rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.vault-table td {
+  color: var(--text);
+}
+
+.vault-empty {
+  color: var(--text-dim);
+  font-size: 0.875rem;
+  padding: 24px 0;
+  text-align: center;
+}
+
+/* QR area */
+.qr-area {
+  background: white;
+  border-radius: 8px;
+  padding: 24px;
+  text-align: center;
+  margin: 16px 0;
+  color: #333;
+  min-height: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* Toast */
+.toast {
+  position: fixed;
+  top: 24px;
+  right: 24px;
+  padding: 12px 20px;
+  border-radius: 8px;
+  font-size: 0.875rem;
+  font-weight: 500;
+  z-index: 100;
+  transition: opacity 0.3s, transform 0.3s;
+}
+
+.toast.success {
+  background: color-mix(in srgb, var(--success) 15%, var(--surface));
+  color: var(--success);
+  border: 1px solid color-mix(in srgb, var(--success) 30%, transparent);
+}
+
+.toast.error {
+  background: color-mix(in srgb, var(--error) 15%, var(--surface));
+  color: var(--error);
+  border: 1px solid color-mix(in srgb, var(--error) 30%, transparent);
+}
+
+.hidden {
+  display: none;
+}
+
+/* Theme toggle */
+.theme-toggle {
+  background: var(--surface-raised);
+  border: 1px solid var(--border-hover);
+  border-radius: var(--radius-sm);
+  padding: 6px 10px;
+  cursor: pointer;
+  color: var(--text-secondary);
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+  font-family: inherit;
+  transition: background 0.15s, border-color 0.15s, color 0.15s;
+}
+
+.theme-toggle:hover {
+  background: var(--accent-soft);
+  border-color: var(--accent);
+  color: var(--text);
+}
+
+.theme-toggle svg {
+  width: 16px;
+  height: 16px;
+}
+
+footer {
+  text-align: center;
+  margin-top: 48px;
+  color: var(--text-dim);
+  font-size: 0.8rem;
+}

package/dist/dashboard/static/team.html

@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="icon" type="image/png" href="/favicon.png">
+  <title>LeedAB — Team</title>
+  <link rel="stylesheet" href="/style.css">
+</head>
+<body>
+  <style>
+    .page-header { display:flex; align-items:center; justify-content:space-between; padding:0 20px; height:52px; border-bottom:1px solid var(--border); background:var(--bg); }
+    .page-header-left { display:flex; align-items:center; gap:10px; }
+    .page-header-title { font-size:14px; font-weight:600; letter-spacing:-0.01em; }
+    .page-nav { display:flex; align-items:center; gap:2px; }
+    .page-nav a, .page-nav button { color:var(--text-dim); text-decoration:none; display:flex; align-items:center; gap:5px; padding:6px 12px; border-radius:8px; font-size:13px; font-weight:450; transition:all 0.15s; background:none; border:none; cursor:pointer; font-family:inherit; }
+    .page-nav a:hover, .page-nav button:hover { color:var(--text-secondary); background:var(--surface-raised); }
+    .page-nav .theme-btn { border:1px solid var(--border); padding:5px 8px; }
+  </style>
+
+  <div class="page-header">
+    <div class="page-header-left">
+      <span class="page-header-title">Team</span>
+    </div>
+    <div class="page-nav">
+      <a href="/">
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m22 2-7 20-4-9-9-4 20-7Z"/><path d="M22 2 11 13"/></svg>
+        Chat
+      </a>
+      <a href="/console.html">
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
+        Console
+      </a>
+      <button class="theme-btn" onclick="toggleTheme()" title="Toggle theme">
+        <svg id="theme-icon-sun" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>
+        <svg id="theme-icon-moon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
+      </button>
+    </div>
+  </div>
+
+  <div class="container">
+
+    <main>
+      <div id="toast" class="toast hidden"></div>
+
+      <section class="section">
+        <h2 class="section-title">Members</h2>
+        <div id="team-list"></div>
+      </section>
+
+      <section class="section">
+        <div class="form-panel">
+          <h3>Add member</h3>
+          <label>Name
+            <input type="text" id="member-name" placeholder="e.g. Alice">
+          </label>
+          <label>Email (optional)
+            <input type="email" id="member-email" placeholder="alice@company.com">
+          </label>
+          <label>Role
+            <select id="member-role" style="display:block;width:100%;margin-top:4px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:0.9rem;font-family:inherit">
+              <option value="operator">Operator — can use agent, view logs</option>
+              <option value="admin">Admin — full access</option>
+              <option value="viewer">Viewer — read-only</option>
+            </select>
+          </label>
+          <div class="form-actions">
+            <button class="btn" onclick="addTeamMember()">Add member</button>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <footer>
+      <p>Your files, credentials, and memory stay on this device.</p>
+    </footer>
+  </div>
+
+  <style>
+    .team-table {
+      width: 100%;
+      border-collapse: collapse;
+    }
+    .team-table th,
+    .team-table td {
+      text-align: left;
+      padding: 10px 12px;
+      font-size: 0.875rem;
+      border-bottom: 1px solid var(--border);
+    }
+    .team-table th {
+      color: var(--text-faint);
+      font-weight: 500;
+      font-size: 0.75rem;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+    .role-badge {
+      display: inline-block;
+      padding: 2px 8px;
+      border-radius: 6px;
+      font-size: 11px;
+      font-weight: 500;
+    }
+    .role-admin { background: var(--accent-soft); color: var(--accent); }
+    .role-operator { background: rgba(34, 197, 94, 0.1); color: var(--success); }
+    .role-viewer { background: rgba(113, 113, 122, 0.1); color: var(--text-dim); }
+  </style>
+
+  <script>
+    function initTheme() {
+      const saved = localStorage.getItem("leedab-theme") || "dark";
+      document.documentElement.setAttribute("data-theme", saved);
+      updateThemeIcon(saved);
+    }
+    function toggleTheme() {
+      const current = document.documentElement.getAttribute("data-theme") || "dark";
+      const next = current === "dark" ? "light" : "dark";
+      document.documentElement.setAttribute("data-theme", next);
+      localStorage.setItem("leedab-theme", next);
+      updateThemeIcon(next);
+    }
+    function updateThemeIcon(theme) {
+      const sun = document.getElementById("theme-icon-sun");
+      const moon = document.getElementById("theme-icon-moon");
+      if (sun && moon) {
+        sun.style.display = theme === "dark" ? "block" : "none";
+        moon.style.display = theme === "light" ? "block" : "none";
+      }
+    }
+    initTheme();
+
+    document.addEventListener("DOMContentLoaded", loadTeam);
+
+    async function loadTeam() {
+      const container = document.getElementById("team-list");
+      try {
+        const res = await fetch("/api/team");
+        const team = await res.json();
+
+        if (!team.length) {
+          container.innerHTML = '<div class="vault-empty">No team members yet.</div>';
+          return;
+        }
+
+        container.innerHTML = `
+          <table class="team-table">
+            <thead>
+              <tr><th>Name</th><th>Email</th><th>Role</th><th>Added</th><th></th></tr>
+            </thead>
+            <tbody>
+              ${team.map(m => `
+                <tr>
+                  <td>${esc(m.name)}</td>
+                  <td>${m.email ? esc(m.email) : '<span style="color:var(--text-faint)">-</span>'}</td>
+                  <td><span class="role-badge role-${m.role}">${m.role}</span></td>
+                  <td style="color:var(--text-dim)">${new Date(m.createdAt).toLocaleDateString()}</td>
+                  <td><button class="btn btn-danger" onclick="removeMember('${m.id}')">Remove</button></td>
+                </tr>
+              `).join("")}
+            </tbody>
+          </table>`;
+      } catch {
+        container.innerHTML = '<div class="vault-empty">Could not load team.</div>';
+      }
+    }
+
+    async function addTeamMember() {
+      const name = document.getElementById("member-name").value.trim();
+      const email = document.getElementById("member-email").value.trim();
+      const role = document.getElementById("member-role").value;
+
+      if (!name) {
+        showToast("Name is required", "error");
+        return;
+      }
+
+      try {
+        await fetch("/api/team", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ name, email, role }),
+        });
+        document.getElementById("member-name").value = "";
+        document.getElementById("member-email").value = "";
+        showToast(`Added ${name}`, "success");
+        loadTeam();
+      } catch {
+        showToast("Failed to add member", "error");
+      }
+    }
+
+    async function removeMember(id) {
+      try {
+        await fetch(`/api/team?id=${encodeURIComponent(id)}`, { method: "DELETE" });
+        showToast("Member removed", "success");
+        loadTeam();
+      } catch {
+        showToast("Failed to remove member", "error");
+      }
+    }
+
+    function showToast(message, type) {
+      const toast = document.getElementById("toast");
+      toast.textContent = message;
+      toast.className = `toast ${type}`;
+      setTimeout(() => toast.classList.add("hidden"), 4000);
+    }
+
+    function esc(str) {
+      return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+    }
+  </script>
+</body>
+</html>

package/dist/gateway.d.ts

@@ -0,0 +1,8 @@
+import type { LeedABConfig } from "./config/schema.js";
+/**
+ * Start the LeedAB agent gateway.
+ */
+export declare function startGateway(config: LeedABConfig): Promise<{
+    logPath: string;
+}>;
+export declare function stopGateway(): Promise<void>;