agent-rooms 0.1.5 → 0.1.7

package/dist/dashboard/server.js

@@ -0,0 +1,322 @@
+import { spawn, spawnSync } from "node:child_process";
+import { randomBytes } from "node:crypto";
+import { createServer } from "node:http";
+import { platform } from "node:os";
+import { resolve } from "node:path";
+import { pairPoll, pairStart } from "../api.js";
+import { loadConfig, saveConfig, upsertBinding } from "../config.js";
+import { getAdapter } from "../hosts.js";
+import { ListenerRuntime } from "../listener.js";
+import { installBundledSkill } from "../skill.js";
+import { buildReadiness } from "./readiness.js";
+import { dashboardHtml } from "./ui.js";
+export class DashboardController {
+    apiBaseOverride;
+    runtime;
+    activity = [];
+    pendingPair = null;
+    subscribers = new Set();
+    constructor(apiBaseOverride) {
+        this.apiBaseOverride = apiBaseOverride;
+        this.runtime = new ListenerRuntime({
+            apiBase: apiBaseOverride,
+            onEvent: (event) => this.addActivity(event)
+        });
+    }
+    snapshot() {
+        return {
+            readiness: buildReadiness(this.runtime.snapshot(), this.apiBaseOverride),
+            activity: [...this.activity],
+            pendingPair: this.pendingPair
+        };
+    }
+    subscribe(fn) {
+        this.subscribers.add(fn);
+        return () => this.subscribers.delete(fn);
+    }
+    async close() {
+        await this.runtime.stop();
+    }
+    async action(input) {
+        let message = "Done.";
+        let command;
+        switch (input.action) {
+            case "pair.start": {
+                const apiBase = this.apiBase();
+                const start = await pairStart(apiBase, platform());
+                this.pendingPair = start;
+                openExternal(start.verification_url);
+                message = `Pairing started. Code: ${start.user_code}`;
+                break;
+            }
+            case "pair.poll": {
+                message = await this.pollPair();
+                break;
+            }
+            case "host.installMcp": {
+                const host = this.requireHost(input.host);
+                const spec = host.buildMcpAdd(this.apiBase());
+                command = `${spec.command} ${spec.args.join(" ")}`;
+                const result = runCommand(spec.command, spec.args);
+                message = result.ok || /already (exists|configured|registered)/i.test(result.output)
+                    ? `MCP install command finished for ${host.name}.`
+                    : `MCP install exited ${result.status ?? "?"}: ${result.output || "no output"}`;
+                break;
+            }
+            case "host.installSkill": {
+                const host = this.requireHost(input.host);
+                const result = installBundledSkill(host);
+                message = result.destination ? `${result.message} ${result.destination}` : result.message;
+                break;
+            }
+            case "listener.start": {
+                await this.runtime.start();
+                message = "Listener started.";
+                break;
+            }
+            case "listener.stop": {
+                await this.runtime.stop();
+                message = "Listener stopped.";
+                break;
+            }
+            case "config.binding.save": {
+                message = this.saveBinding(input.payload ?? {});
+                break;
+            }
+            case "open.url": {
+                const url = String(input.payload?.url ?? "");
+                if (!/^https?:\/\//.test(url))
+                    throw new Error("Invalid URL.");
+                openExternal(url);
+                message = `Opened ${url}`;
+                break;
+            }
+            case "manual.command": {
+                command = String(input.payload?.command ?? "");
+                message = "Manual command shown.";
+                break;
+            }
+            default:
+                throw new Error(`Unknown action: ${input.action}`);
+        }
+        this.addActivity({ at: Date.now(), level: "info", message, type: input.action });
+        const snapshot = this.snapshot();
+        this.notify();
+        return { ok: true, message, snapshot, command };
+    }
+    apiBase() {
+        return this.apiBaseOverride || loadConfig().apiBase;
+    }
+    async pollPair() {
+        if (!this.pendingPair) {
+            return "No active pairing request.";
+        }
+        const poll = await pairPoll(this.apiBase(), this.pendingPair.device_code);
+        if ("device_id" in poll) {
+            const config = loadConfig();
+            saveConfig({ ...config, apiBase: this.apiBase(), device: { id: poll.device_id, token: poll.refresh_credential } });
+            this.pendingPair = null;
+            return "Device paired.";
+        }
+        if (poll.status === "expired") {
+            this.pendingPair = null;
+            return "Pairing code expired. Start pairing again.";
+        }
+        return `Still waiting for approval. Code: ${this.pendingPair.user_code}`;
+    }
+    saveBinding(payload) {
+        const agent = requiredString(payload.agent, "agent");
+        const workspace = resolve(requiredString(payload.workspace, "workspace"));
+        const host = normalizeHost(requiredString(payload.host, "host"));
+        if (!getAdapter(host)) {
+            throw new Error(`Unsupported host: ${host}`);
+        }
+        const rooms = parseRooms(requiredString(payload.rooms, "rooms"));
+        if (rooms.length === 0) {
+            throw new Error("At least one room id is required.");
+        }
+        const config = loadConfig();
+        const next = upsertBinding({ ...config, apiBase: this.apiBase() }, { agent, workspace, host, rooms });
+        saveConfig(next);
+        return `Bound ${agent} to ${workspace}.`;
+    }
+    requireHost(host) {
+        const adapter = getAdapter(host ?? "unknown");
+        if (!adapter) {
+            throw new Error(`Unsupported host: ${String(host)}`);
+        }
+        return adapter;
+    }
+    addActivity(event) {
+        this.activity.push(event);
+        if (this.activity.length > 200)
+            this.activity = this.activity.slice(-200);
+        this.notify();
+    }
+    notify() {
+        for (const fn of this.subscribers)
+            fn();
+    }
+}
+export async function serveDashboard(options = {}) {
+    const token = randomBytes(24).toString("base64url");
+    const controller = new DashboardController(options.apiBase);
+    const clients = new Set();
+    const host = options.host || "127.0.0.1";
+    const port = options.port ?? 0;
+    const server = createServer((req, res) => {
+        void routeRequest({ req, res, token, controller, clients });
+    });
+    server.headersTimeout = 60_000;
+    server.requestTimeout = 120_000;
+    controller.subscribe(() => {
+        const data = `data: ${JSON.stringify(controller.snapshot())}\n\n`;
+        for (const client of clients)
+            client.write(data);
+    });
+    await new Promise((resolveListen, reject) => {
+        server.once("error", reject);
+        server.listen(port, host, () => {
+            server.off("error", reject);
+            resolveListen();
+        });
+    });
+    const address = server.address();
+    const actualPort = typeof address === "object" && address ? address.port : port;
+    const url = `http://${host}:${actualPort}/?token=${encodeURIComponent(token)}`;
+    if (options.open !== false) {
+        openExternal(url);
+    }
+    return { server, controller, url, token };
+}
+async function routeRequest(input) {
+    const { req, res, token, controller, clients } = input;
+    const url = new URL(req.url || "/", "http://127.0.0.1");
+    if (!validHost(req)) {
+        sendText(res, 403, "Blocked a request from outside this machine.");
+        return;
+    }
+    if (url.pathname === "/" && req.method === "GET") {
+        if (!authorized(req, url, token))
+            return sendText(res, 403, "Missing or invalid dashboard token.");
+        sendHtml(res, dashboardHtml());
+        return;
+    }
+    if (url.pathname === "/api/readiness" && req.method === "GET") {
+        if (!authorized(req, url, token))
+            return sendJson(res, 403, { error: "Missing or invalid dashboard token." });
+        sendJson(res, 200, controller.snapshot());
+        return;
+    }
+    if (url.pathname === "/api/events" && req.method === "GET") {
+        if (!authorized(req, url, token))
+            return sendText(res, 403, "Missing or invalid dashboard token.");
+        res.writeHead(200, {
+            "content-type": "text/event-stream",
+            "cache-control": "no-cache, no-transform",
+            connection: "keep-alive",
+            "x-accel-buffering": "no"
+        });
+        res.write(`data: ${JSON.stringify(controller.snapshot())}\n\n`);
+        clients.add(res);
+        req.on("close", () => clients.delete(res));
+        return;
+    }
+    if (url.pathname === "/api/actions" && req.method === "POST") {
+        if (!authorized(req, url, token))
+            return sendJson(res, 403, { error: "Missing or invalid dashboard token." });
+        try {
+            const body = await readBody(req);
+            const result = await controller.action(JSON.parse(body || "{}"));
+            sendJson(res, 200, result);
+        }
+        catch (error) {
+            sendJson(res, 400, { error: error.message, snapshot: controller.snapshot() });
+        }
+        return;
+    }
+    sendJson(res, 404, { error: "Not found." });
+}
+function authorized(req, url, token) {
+    return req.headers["x-agent-rooms-token"] === token || url.searchParams.get("token") === token;
+}
+function validHost(req) {
+    const raw = req.headers.host;
+    if (!raw)
+        return false;
+    const host = raw.toLowerCase();
+    return host.startsWith("127.0.0.1:") || host === "127.0.0.1" || host.startsWith("localhost:") || host === "localhost";
+}
+function sendHtml(res, html) {
+    res.writeHead(200, {
+        "content-type": "text/html; charset=utf-8",
+        "cache-control": "no-store"
+    });
+    res.end(html);
+}
+function sendText(res, status, text) {
+    res.writeHead(status, {
+        "content-type": "text/plain; charset=utf-8",
+        "cache-control": "no-store"
+    });
+    res.end(text);
+}
+function sendJson(res, status, body) {
+    res.writeHead(status, {
+        "content-type": "application/json; charset=utf-8",
+        "cache-control": "no-store"
+    });
+    res.end(JSON.stringify(body));
+}
+function readBody(req) {
+    return new Promise((resolveBody, reject) => {
+        let body = "";
+        req.setEncoding("utf8");
+        req.on("data", (chunk) => {
+            body += chunk;
+            if (body.length > 1_000_000) {
+                reject(new Error("Request body too large."));
+                req.destroy();
+            }
+        });
+        req.on("end", () => resolveBody(body));
+        req.on("error", reject);
+    });
+}
+function runCommand(command, args) {
+    const result = spawnSync(command, args, {
+        encoding: "utf8",
+        timeout: 30_000,
+        shell: process.platform === "win32",
+        stdio: "pipe"
+    });
+    return {
+        ok: result.status === 0,
+        status: result.status,
+        output: `${result.stdout ?? ""}${result.stderr ?? ""}`.trim().slice(0, 4000)
+    };
+}
+function openExternal(target) {
+    const child = process.platform === "win32"
+        ? spawn("cmd", ["/c", "start", "", target], { detached: true, stdio: "ignore", windowsHide: true })
+        : process.platform === "darwin"
+            ? spawn("open", [target], { detached: true, stdio: "ignore" })
+            : spawn("xdg-open", [target], { detached: true, stdio: "ignore" });
+    child.unref();
+}
+function requiredString(value, field) {
+    if (typeof value !== "string" || !value.trim()) {
+        throw new Error(`${field} is required.`);
+    }
+    return value.trim();
+}
+function normalizeHost(value) {
+    const host = value.trim().toLowerCase();
+    if (host === "claude")
+        return "claude_code";
+    return host;
+}
+function parseRooms(value) {
+    return value.split(/[,\s]+/).map((item) => item.trim()).filter(Boolean);
+}
+//# sourceMappingURL=server.js.map

package/dist/dashboard/server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.js","sourceRoot":"","sources":["../../src/dashboard/server.ts"],"names":[],"mappings":"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"}

package/dist/dashboard/ui.js

@@ -0,0 +1,270 @@
+export function dashboardHtml() {
+    return String.raw `<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Agent Rooms Control</title>
+  <style>
+    :root {
+      color-scheme: light;
+      --bg: #f6f5f2;
+      --panel: #ffffff;
+      --ink: #181715;
+      --muted: #69645c;
+      --line: #ded8ce;
+      --green: #207a4c;
+      --amber: #9a6417;
+      --red: #a33a32;
+      --blue: #2364a8;
+      --gold: #a97913;
+      --shadow: 0 14px 35px rgba(24, 23, 21, 0.08);
+      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    }
+    * { box-sizing: border-box; }
+    body { margin: 0; background: var(--bg); color: var(--ink); }
+    button, input, select { font: inherit; }
+    .shell { min-height: 100vh; display: grid; grid-template-columns: 250px 1fr; }
+    aside { border-right: 1px solid var(--line); padding: 24px 18px; background: #fbfaf8; }
+    main { padding: 26px; max-width: 1180px; width: 100%; }
+    .brand { font-size: 15px; font-weight: 800; letter-spacing: 0; margin-bottom: 4px; }
+    .sub { color: var(--muted); font-size: 13px; line-height: 1.4; margin-bottom: 22px; }
+    .nav { display: grid; gap: 6px; }
+    .nav button { border: 0; background: transparent; text-align: left; padding: 10px 11px; border-radius: 8px; color: var(--muted); cursor: pointer; }
+    .nav button.active { background: #ece7dd; color: var(--ink); font-weight: 700; }
+    .top { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
+    h1 { font-size: 25px; margin: 0 0 6px; letter-spacing: 0; }
+    .meta { color: var(--muted); font-size: 13px; }
+    .banner { background: var(--panel); border: 1px solid var(--line); border-left: 5px solid var(--blue); box-shadow: var(--shadow); border-radius: 8px; padding: 15px 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
+    .banner.ready { border-left-color: var(--green); }
+    .banner strong { display: block; margin-bottom: 3px; }
+    .grid { display: grid; gap: 16px; }
+    .two { grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); align-items: start; }
+    .panel { background: var(--panel); border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow); }
+    .panel h2 { font-size: 16px; padding: 15px 16px 0; margin: 0; }
+    .step { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 12px; padding: 13px 16px; border-top: 1px solid var(--line); align-items: center; }
+    .step:first-of-type { border-top: 0; }
+    .step.done { color: var(--muted); padding-top: 9px; padding-bottom: 9px; }
+    .step.frontier { background: #f2f7fb; outline: 2px solid rgba(35, 100, 168, .18); outline-offset: -2px; }
+    .dot { width: 14px; height: 14px; border-radius: 50%; margin-top: 3px; background: var(--muted); }
+    .ready .dot { background: var(--green); }
+    .action_needed .dot { background: var(--amber); }
+    .blocked .dot { background: var(--red); }
+    .working .dot { background: var(--blue); animation: pulse 1.2s infinite; }
+    .attention .dot { background: var(--gold); }
+    .absent .dot { background: #a7a29a; }
+    @keyframes pulse { 0%,100% { opacity: .45; } 50% { opacity: 1; } }
+    .label { font-weight: 750; margin-bottom: 3px; }
+    .hint { color: var(--muted); font-size: 13px; line-height: 1.4; }
+    .btn { border: 1px solid #25211b; background: #25211b; color: white; border-radius: 7px; min-height: 36px; padding: 0 12px; cursor: pointer; white-space: nowrap; }
+    .btn.secondary { background: #fff; color: var(--ink); border-color: var(--line); }
+    .btn.gold { background: var(--gold); border-color: var(--gold); }
+    .btn:disabled { opacity: .45; cursor: not-allowed; }
+    .kv { display: grid; gap: 9px; padding: 15px 16px; }
+    .row { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); padding: 11px 16px; }
+    .row:first-child { border-top: 0; }
+    .pill { border: 1px solid var(--line); border-radius: 999px; padding: 3px 8px; font-size: 12px; color: var(--muted); white-space: nowrap; }
+    .pill.ready { color: var(--green); border-color: rgba(32,122,76,.25); background: rgba(32,122,76,.08); }
+    .pill.warn { color: var(--amber); border-color: rgba(154,100,23,.25); background: rgba(154,100,23,.08); }
+    .pill.bad { color: var(--red); border-color: rgba(163,58,50,.25); background: rgba(163,58,50,.08); }
+    .activity { max-height: 460px; overflow: auto; padding: 8px 0; }
+    .event { padding: 10px 16px; border-top: 1px solid var(--line); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; color: #37332d; }
+    .event:first-child { border-top: 0; }
+    .form { display: grid; gap: 12px; padding: 16px; }
+    label { display: grid; gap: 5px; font-size: 13px; color: var(--muted); }
+    input, select { width: 100%; border: 1px solid var(--line); border-radius: 7px; padding: 10px 11px; background: #fff; color: var(--ink); }
+    pre { margin: 0; padding: 14px 16px; overflow: auto; border-top: 1px solid var(--line); font-size: 12px; background: #fbfaf8; }
+    .hidden { display: none !important; }
+    .toast { position: fixed; right: 18px; bottom: 18px; width: min(560px, calc(100vw - 36px)); background: #25211b; color: white; border-radius: 8px; padding: 12px 14px; box-shadow: var(--shadow); font-size: 13px; white-space: pre-wrap; }
+    @media (max-width: 850px) {
+      .shell { grid-template-columns: 1fr; }
+      aside { border-right: 0; border-bottom: 1px solid var(--line); }
+      main { padding: 18px; }
+      .two { grid-template-columns: 1fr; }
+      .top, .banner, .row { flex-direction: column; align-items: stretch; }
+      .step { grid-template-columns: 22px minmax(0, 1fr); }
+      .step .btn { grid-column: 2; justify-self: start; }
+    }
+  </style>
+</head>
+<body>
+  <div id="app"></div>
+  <script>
+    const token = new URLSearchParams(location.search).get("token") || "";
+    let snapshot = null;
+    let active = "home";
+    let toastTimer = null;
+    const app = document.getElementById("app");
+
+    function api(path, options = {}) {
+      return fetch(path, {
+        ...options,
+        headers: { "content-type": "application/json", "x-agent-rooms-token": token, ...(options.headers || {}) }
+      }).then(async (res) => {
+        const text = await res.text();
+        const body = text ? JSON.parse(text) : {};
+        if (!res.ok) throw new Error(body.error || res.statusText);
+        return body;
+      });
+    }
+
+    async function load() {
+      snapshot = await api("/api/readiness");
+      render();
+    }
+
+    async function act(action, payload = {}) {
+      if (action.id === "config.binding.focus") {
+        active = "agents";
+        render();
+        return;
+      }
+      if (action.manual) {
+        showToast(action.command || "Manual step required.");
+        return;
+      }
+      try {
+        const result = await api("/api/actions", { method: "POST", body: JSON.stringify({ action: action.id, host: action.host, payload: { ...(action.payload || {}), ...payload } }) });
+        snapshot = result.snapshot;
+        if (result.command) showToast(result.command);
+        else if (result.message) showToast(result.message);
+        render();
+      } catch (err) {
+        showToast("Action failed: " + err.message);
+      }
+    }
+
+    function statusText(status) {
+      return {
+        ready: "READY",
+        action_needed: "ACTION NEEDED",
+        blocked: "BLOCKED",
+        working: "WORKING",
+        attention: "ATTENTION",
+        absent: "NOT AVAILABLE"
+      }[status] || status;
+    }
+
+    function render() {
+      if (!token) {
+        app.innerHTML = "<main><h1>Blocked</h1><p>Missing dashboard token.</p></main>";
+        return;
+      }
+      const r = snapshot && snapshot.readiness;
+      if (!r) {
+        app.innerHTML = "<main><h1>Agent Rooms Control</h1><p>Loading local state...</p></main>";
+        return;
+      }
+      app.innerHTML = '<div class="shell"><aside>' + nav() + '</aside><main>' + page(r) + '</main></div>' + '<div id="toast" class="toast hidden"></div>';
+      bind();
+    }
+
+    function nav() {
+      return '<div class="brand">Agent Rooms Control</div><div class="sub">Local dashboard on 127.0.0.1. Buttons are driven by detected machine state.</div><div class="nav">' +
+        ["home:Readiness", "agents:Agents", "activity:Activity", "advanced:Advanced"].map((item) => {
+          const [id, label] = item.split(":");
+          return '<button data-tab="' + id + '" class="' + (active === id ? "active" : "") + '">' + label + '</button>';
+        }).join("") + '</div>';
+    }
+
+    function page(r) {
+      if (active === "agents") return agentsPage(r);
+      if (active === "activity") return activityPage();
+      if (active === "advanced") return advancedPage(r);
+      return homePage(r);
+    }
+
+    function header(title, r) {
+      return '<div class="top"><div><h1>' + title + '</h1><div class="meta">API ' + esc(r.apiBase) + ' - config ' + esc(r.configPath) + '</div></div><button class="btn secondary" data-refresh>Re-detect</button></div>';
+    }
+
+    function homePage(r) {
+      const next = r.nextAction;
+      const pair = snapshot.pendingPair
+        ? '<div class="banner"><div><strong>Approve this device: ' + esc(snapshot.pendingPair.user_code) + '</strong><div class="meta">The approval page was opened. After approving it in Agent Rooms, check status here.</div></div><button class="btn" data-action="' + encodeURIComponent(JSON.stringify({ id: "pair.poll", label: "Check approval" })) + '">Check approval</button></div>'
+        : "";
+      const banner = next
+        ? '<div class="banner"><div><strong>Next: ' + esc(next.label) + '</strong><div class="meta">' + esc(next.hint) + '</div></div>' + actionButton(next.action) + '</div>'
+        : '<div class="banner ready"><div><strong>All required steps are ready.</strong><div class="meta">Open Activity to watch wakes and errors.</div></div></div>';
+      return header("Readiness", r) + pair + banner + '<div class="grid two"><section class="panel"><h2>Path</h2>' + r.steps.map(stepHtml).join("") + '</section>' + sideStatus(r) + '</div>';
+    }
+
+    function stepHtml(step) {
+      const cls = "step " + step.status + (snapshot.readiness.nextAction && snapshot.readiness.nextAction.id === step.id ? " frontier" : "") + (step.status === "ready" ? " done" : "");
+      return '<div class="' + cls + '"><div class="dot"></div><div><div class="label">' + esc(step.label) + ' <span class="pill">' + statusText(step.status) + '</span></div><div class="hint">' + esc(step.hint) + '</div></div>' + actionButton(step.action) + '</div>';
+    }
+
+    function sideStatus(r) {
+      return '<section class="panel"><h2>Local Truth</h2>' +
+        '<div class="row"><span>Device</span><span class="pill ' + (r.device.paired ? "ready" : "warn") + '">' + (r.device.paired ? "PAIRED" : "NOT PAIRED") + '</span></div>' +
+        '<div class="row"><span>Listener</span><span class="pill ' + (r.listener.running ? "ready" : "warn") + '">' + (r.listener.running ? "RUNNING" : "STOPPED") + '</span></div>' +
+        Object.values(r.hosts).map((h) => '<div class="row"><span>' + esc(h.label) + '<br><span class="meta">' + esc(h.version || h.detail) + '</span></span><span class="pill ' + (h.detected ? "ready" : "bad") + '">' + (h.detected ? "DETECTED" : "MISSING") + '</span></div>').join("") +
+        '<h2>Diagnose</h2>' + r.diagnostics.map((d) => '<div class="row"><span><strong>' + esc(d.symptom) + '</strong><br><span class="meta">' + esc(d.cause) + '</span></span>' + actionButton(d.action, "secondary") + '</div>').join("") +
+        '</section>';
+    }
+
+    function agentsPage(r) {
+      return header("Agents", r) + '<div class="grid two"><section class="panel"><h2>Bindings</h2>' +
+        (r.agents.length ? r.agents.map((a) => '<div class="row"><span><strong>' + esc(a.agent) + '</strong><br><span class="meta">' + esc(a.host) + ' - ' + esc(a.workspace) + '<br>rooms: ' + esc(a.rooms.join(", ")) + '</span></span><span class="pill ' + (a.workspaceExists ? "ready" : "warn") + '">' + (a.workspaceExists ? "READY" : "PATH MISSING") + '</span></div>').join("") : '<div class="kv meta">No bindings yet.</div>') +
+        '</section><section class="panel"><h2>Add / Replace Binding</h2><form class="form" id="bindingForm">' +
+        '<label>Agent plate<input name="agent" placeholder="BRNL-AGT-XXXXXXXX" required /></label>' +
+        '<label>Room id(s)<input name="rooms" placeholder="room_1, room_2" required /></label>' +
+        '<label>Workspace path<input name="workspace" placeholder="D:\\\\your-project" required /></label>' +
+        '<label>Host<select name="host"><option value="claude_code">Claude Code</option><option value="codex">Codex</option></select></label>' +
+        '<button class="btn" type="submit">Save binding</button></form></section></div>';
+    }
+
+    function activityPage() {
+      const rows = (snapshot.activity || []).slice().reverse().map((e) => '<div class="event">[' + new Date(e.at).toLocaleTimeString() + '] ' + esc(e.level.toUpperCase()) + ' ' + esc(e.message) + '</div>').join("");
+      return header("Activity", snapshot.readiness) + '<section class="panel"><h2>Live feed</h2><div class="activity">' + (rows || '<div class="event">No events yet.</div>') + '</div></section>';
+    }
+
+    function advancedPage(r) {
+      return header("Advanced", r) + '<div class="grid two"><section class="panel"><h2>Commands</h2><pre>' + esc(r.advanced.commands.join("\n")) + '</pre></section><section class="panel"><h2>Raw Config</h2><pre>' + esc(JSON.stringify(r.advanced.rawConfig, null, 2)) + '</pre></section></div>';
+    }
+
+    function actionButton(action, style = "") {
+      if (!action) return "";
+      return '<button class="btn ' + style + '" data-action="' + encodeURIComponent(JSON.stringify(action)) + '">' + esc(action.label) + '</button>';
+    }
+
+    function bind() {
+      document.querySelectorAll("[data-tab]").forEach((btn) => btn.addEventListener("click", () => { active = btn.dataset.tab; render(); }));
+      document.querySelectorAll("[data-refresh]").forEach((btn) => btn.addEventListener("click", load));
+      document.querySelectorAll("[data-action]").forEach((btn) => btn.addEventListener("click", () => act(JSON.parse(decodeURIComponent(btn.dataset.action)))));
+      const form = document.getElementById("bindingForm");
+      if (form) form.addEventListener("submit", (event) => {
+        event.preventDefault();
+        const data = new FormData(form);
+        act({ id: "config.binding.save", label: "Save binding" }, {
+          agent: String(data.get("agent") || ""),
+          rooms: String(data.get("rooms") || ""),
+          workspace: String(data.get("workspace") || ""),
+          host: String(data.get("host") || "claude_code")
+        });
+      });
+    }
+
+    function showToast(message) {
+      const el = document.getElementById("toast");
+      if (!el) return;
+      el.textContent = message;
+      el.classList.remove("hidden");
+      clearTimeout(toastTimer);
+      toastTimer = setTimeout(() => el.classList.add("hidden"), 9000);
+    }
+
+    function esc(value) {
+      return String(value ?? "").replace(/[&<>"']/g, (ch) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }[ch]));
+    }
+
+    window.addEventListener("focus", load);
+    setInterval(load, 10000);
+    const events = new EventSource("/api/events?token=" + encodeURIComponent(token));
+    events.onmessage = (event) => { snapshot = JSON.parse(event.data); render(); };
+    load().catch((err) => { app.innerHTML = "<main><h1>Unable to load</h1><p>" + esc(err.message) + "</p></main>"; });
+  </script>
+</body>
+</html>`;
+}
+//# sourceMappingURL=ui.js.map

package/dist/dashboard/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","sourceRoot":"","sources":["../../src/dashboard/ui.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa;IAC3B,OAAO,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA0QX,CAAC;AACT,CAAC"}