archbyte 0.3.5 → 0.4.0

package/dist/cli/ui.js

@@ -111,13 +111,12 @@ export function select(prompt, options) {
                 cleanup();
                 resolve(selected);
             }
-            else if (data === "\x03") {
-                // Ctrl+C only — clean exit
+            else if (data === "\x03" || data === "q") {
+                // Ctrl+C or q — clean exit
                 cleanup();
                 process.stdout.write("\n");
                 process.exit(0);
             }
-            // All other keys (including q, arrows, etc.) are ignored
         };
         function cleanup() {
             stdin.removeListener("data", onData);
@@ -202,8 +201,8 @@ export function confirm(prompt) {
                 process.stdout.write("n\n");
                 resolve(false);
             }
-            else if (data === "\x03") {
-                // Ctrl+C only
+            else if (data === "\x03" || data === "q") {
+                // Ctrl+C or q — clean exit
                 process.stdout.write("\n");
                 process.exit(0);
             }
@@ -216,3 +215,58 @@ export function confirm(prompt) {
         stdin.on("data", onData);
     });
 }
+/**
+ * Text input prompt. Returns the entered string.
+ * Non-TTY fallback: returns empty string.
+ *
+ * @param mask - If true, replaces each character with * (for passwords).
+ */
+export function textInput(prompt, opts) {
+    if (!process.stdout.isTTY) {
+        console.log(`  ${prompt}: `);
+        return Promise.resolve("");
+    }
+    return new Promise((resolve) => {
+        process.stdout.write(`  ${prompt}: `);
+        const stdin = process.stdin;
+        const wasRaw = stdin.isRaw;
+        stdin.setRawMode(true);
+        stdin.resume();
+        stdin.setEncoding("utf8");
+        let value = "";
+        const onData = (data) => {
+            if (data === "\r" || data === "\n") {
+                // Enter — submit
+                stdin.removeListener("data", onData);
+                stdin.setRawMode(wasRaw ?? false);
+                stdin.pause();
+                process.stdout.write("\n");
+                resolve(value);
+            }
+            else if (data === "\x03") {
+                // Ctrl+C
+                stdin.removeListener("data", onData);
+                stdin.setRawMode(wasRaw ?? false);
+                stdin.pause();
+                process.stdout.write("\n");
+                process.exit(0);
+            }
+            else if (data === "\x7f" || data === "\b") {
+                // Backspace
+                if (value.length > 0) {
+                    value = value.slice(0, -1);
+                    process.stdout.write("\b \b");
+                }
+            }
+            else if (data.startsWith("\x1b")) {
+                // Ignore escape sequences
+            }
+            else if (data >= " ") {
+                // Printable character
+                value += data;
+                process.stdout.write(opts?.mask ? "*" : data);
+            }
+        };
+        stdin.on("data", onData);
+    });
+}

package/dist/server/src/index.js

@@ -379,12 +379,21 @@ function createHttpServer() {
             }
             const params = new URL(url, `http://localhost:${config.port}`).searchParams;
             const format = params.get("format") || "mermaid";
-            const supported = ["mermaid", "markdown", "json", "plantuml", "dot"];
+            const supported = ["mermaid", "markdown", "json", "plantuml", "dot", "html"];
             if (!supported.includes(format)) {
                 res.writeHead(400, { "Content-Type": "application/json" });
                 res.end(JSON.stringify({ error: `Unknown format: ${format}. Supported: ${supported.join(", ")}` }));
                 return;
             }
+            // HTML export requires Pro tier
+            if (format === "html") {
+                const license = loadLicenseInfo();
+                if (license.tier !== "premium") {
+                    res.writeHead(403, { "Content-Type": "application/json" });
+                    res.end(JSON.stringify({ error: "HTML export requires a Pro subscription." }));
+                    return;
+                }
+            }
             const realNodes = arch.nodes;
             const nodeMap = new Map();
             for (const nd of realNodes)
@@ -515,6 +524,43 @@ function createHttpServer() {
                     ext = "json";
                     break;
                 }
+                case "html": {
+                    // Build self-contained interactive HTML file
+                    const uiAssetsDir = path.join(UI_DIST, "assets");
+                    if (!existsSync(uiAssetsDir)) {
+                        res.writeHead(500, { "Content-Type": "application/json" });
+                        res.end(JSON.stringify({ error: "UI build not found. Run: npm run build:ui" }));
+                        return;
+                    }
+                    const { readdirSync } = await import("fs");
+                    const uiAssetFiles = readdirSync(uiAssetsDir);
+                    let cssInline = "";
+                    for (const f of uiAssetFiles.filter((f) => f.endsWith(".css"))) {
+                        cssInline += readFileSync(path.join(uiAssetsDir, f), "utf-8") + "\n";
+                    }
+                    let jsInline = "";
+                    for (const f of uiAssetFiles.filter((f) => f.endsWith(".js"))) {
+                        jsInline += readFileSync(path.join(uiAssetsDir, f), "utf-8") + "\n";
+                    }
+                    content = `<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${config.name} - ArchByte Architecture</title>
+  <style>${cssInline}</style>
+</head>
+<body>
+  <script>try{if(localStorage.getItem('archbyte-theme')==='light')document.documentElement.setAttribute('data-theme','light')}catch(e){}</script>
+  <div id="root"></div>
+  <script>window.__ARCHBYTE_DATA__ = ${JSON.stringify(arch)};</script>
+  <script type="module">${jsInline}</script>
+</body>
+</html>`;
+                    contentType = "text/html";
+                    ext = "html";
+                    break;
+                }
                 default: { // markdown
                     const lines = [`# Architecture — ${config.name}`, "", `> Generated by ArchByte on ${new Date().toISOString().slice(0, 10)}`, ""];
                     lines.push("## Summary", "");
@@ -1343,7 +1389,15 @@ function loadLicenseInfo() {
         const credPath = path.join(home, ".archbyte", "credentials.json");
         if (!existsSync(credPath))
             return defaults;
-        const creds = JSON.parse(readFileSync(credPath, "utf-8"));
+        const raw = JSON.parse(readFileSync(credPath, "utf-8"));
+        // Multi-account format (version 2): extract active account
+        let creds;
+        if (raw?.version === 2 && raw.accounts && typeof raw.active === "string") {
+            creds = raw.accounts[raw.active] ?? {};
+        }
+        else {
+            creds = raw;
+        }
         if (!creds.token)
             return defaults;
         // Check expiry

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "archbyte",
-  "version": "0.3.5",
+  "version": "0.4.0",
   "description": "ArchByte - See what agents build. As they build it.",
   "type": "module",
   "bin": {
@@ -45,6 +45,9 @@
     "openai": "^6.19.0",
     "zod": "^4.3.6"
   },
+  "optionalDependencies": {
+    "@anthropic-ai/claude-agent-sdk": "^0.1.77"
+  },
   "devDependencies": {
     "@types/js-yaml": "^4.0.9",
     "@types/node": "^20.0.0",