@krmxd/onegpt 0.1.0 → 0.1.5-beta

package/README.md

@@ -11,6 +11,20 @@ npm i -g @krmxd/onegpt
 ogpt
 ```
 
+## Troubleshooting
+
+**`ModuleNotFoundError: No module named 'ogpt'` from a path like
+`.../usr/bin/ogpt`** - that is the *Python* build's launcher, not this
+package. An old pip install is shadowing `ogpt`. Fix:
+
+```bash
+pip uninstall ogpt && rm -f $PREFIX/bin/ogpt
+npm i -g @krmxd/onegpt@latest --force
+```
+
+If `ogpt` is still grabbed by something else, the Node build is also
+installed as **`ogpt-node`** (same app, unshadowable name).
+
 ## Requirements
 
 - Node.js >= 18
@@ -20,6 +34,13 @@ ogpt
 
 - 24 built-in tools: read/write/edit files, run Python & Node code,
   install packages (pip/npm), call HTTP APIs, git, web search & fetch
+- **Self-installing**: missing packages - including **Ollama** itself if the
+  device doesn't have it - install quietly behind a single
+  `Installing packages...` line; never raw installer logs
+  (`OGPT_NO_AUTO_INSTALL=1` disables)
+- **Smart Project Mode**: "build me a portfolio website" → it plans, writes
+  complete HTML/CSS/JS (never stubs), verifies the files exist and only then
+  reports done - lazy one-file answers get auto-corrected
 - Permission prompts only for genuinely risky actions (shell, installs,
   git commit) - everything else just works
 - Token dashboard with live tok/s charts at `http://127.0.0.1:8756` (`/dash`)

package/bin/ogpt.js

@@ -8,14 +8,13 @@ if (maj < 18) {
   process.exit(1);
 }
 
-let CLI, getConfig;
+let CLI, getConfig, VERSION_FULL;
 try {
-  ({ CLI } = require("../src/cli"));
+  ({ CLI, VERSION_FULL } = require("../src/cli"));
   ({ getConfig } = require("../src/config"));
 } catch (e) {
   console.error(`OGPT failed to start: ${e.message}`);
-  if (e.code === "MODULE_NOT_FOUND") {
-    console.error(`
+  if (e.code === "MODULE_NOT_FOUND") {    console.error(`
 The installation looks broken or out of date. Fix it with:
 
   npm cache clean --force
@@ -33,6 +32,10 @@ Or run straight from the repo without installing:
   process.exit(1);
 }
 
+// Silent dependency self-heal + Ollama install - all hidden behind a single
+// 'Installing packages...' line; no-op when everything is already present.
+try { require("../src/bootstrap").ensureBoot(); } catch {}
+
 async function main() {
   const args = process.argv.slice(2);
   const cfg = getConfig();
@@ -57,7 +60,7 @@ async function main() {
       const name = args[++i];
       cfg.set("active_model", cfg.resolveModel(name));
     } else if (args[i] === "--version" || args[i] === "-v") {
-      console.log("ogpt v1.1.0 (by KareemXD)");
+      console.log(`ogpt v${VERSION_FULL} (by KareemXD)`);
       process.exit(0);
     } else if (args[i] === "--help") {
       console.log(`Usage: ogpt [options] [prompt]

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@krmxd/onegpt",
-  "version": "0.1.0",
+  "version": "0.1.5-beta",
   "description": "OGPT - AI coding assistant for the terminal with a built-in local engine",
   "main": "src/index.js",
   "bin": {
-    "ogpt": "bin/ogpt.js"
+    "ogpt": "bin/ogpt.js",
+    "ogpt-node": "bin/ogpt.js"
   },
   "scripts": {
     "start": "node bin/ogpt.js",

package/src/agent.js

@@ -104,7 +104,9 @@ const TOOL_GUIDANCE = (
 const TASK_RE = new RegExp(
   "\\b(create|make|build|write|add|generate|scaffold|implement|fix|update)\\b" +
   "[^\\n]{0,120}?\\b(file|files|folder|folders|directory|dir|script|module|" +
-  "app|component|config|readme|tests?)\\b", "i");
+  "app|component|config|readme|tests?|website|web\\s?site|web\\s?app(?:lication)?|" +
+  "landing(?:\\s?page)?|portfolio|blog|dashboard|homepage|page|site|game|" +
+  "calculator|quiz|\\bbot\\b|\\bapi\\b|server|tool|cli|program|project)\\b", "i");
 const QUESTION_RE = new RegExp(
   "^\\s*(how|what|why|when|where|which|who|whom|can you (?:tell|explain)|" +
   "explain|describe|list|is|are|does|do)\\b", "i");
@@ -185,13 +187,62 @@ function stalledHalfway(reply, userInput, doneOutputs) {
   if (!t || t.length > 160 || t.includes("```")) return false;
   if (!ANNOUNCE_RE.test(t)) return false;
   const bits = (doneOutputs || []).join(" ").toLowerCase();
-  return namedFiles(userInput).some((n) => {
+  let expected = namedFiles(userInput);
+  // A web-build brief demands the standard trio - hold the model to what
+  // PROJECT MODE promised ("make me a portfolio" => all three files).
+  if (projectBrief(userInput) === PROJECT_WEB_BRIEF) {
+    const have = new Set(expected.map((n) => n.toLowerCase()));
+    for (const f of ["index.html", "styles.css", "script.js"]) {
+      if (!have.has(f)) expected = expected.concat([f]);
+    }
+  }
+  return expected.some((n) => {
     const base = path.basename(n).toLowerCase();
     if (base && bits.includes(base)) return false;
     return !artifactExists(n);
   });
 }
 
+const PROJECT_VERB_RE = /\b(?:build|create|make|write|start|scaffold|develop|design|code)\b/i;
+const PROJECT_WEB_NOUN_RE = /\b(?:web\s?site|web\s?app(?:lication)?|landing(?:\s?page)?|portfolio|blog|dashboard|homepage|front[\s-]?end|game|calculator|to-?do\s?(?:list|app)|quiz)\b/i;
+const PROJECT_CODE_NOUN_RE = /\b(?:project|application|\bapp\b|\bcli\b|\btool\b|script\b|\bbot\b|\bapi\b|server|program|package|library|automation)\b/i;
+
+const PROJECT_WEB_BRIEF = `
+
+### PROJECT MODE - WEB BUILD
+The user asked you to build a web project. Deliver a COMPLETE working site:
+1. PLAN first - list every file you will create (2-4 lines max).
+2. Create ALL of these in a project folder: index.html, styles.css, script.js.
+3. Quality bar (mandatory):
+   - index.html: semantic HTML5 with viewport meta, linking styles.css and script.js
+   - styles.css: modern design - custom properties, flexbox/grid layout, responsive media queries, hover/focus states (aim for 80+ lines)
+   - script.js: real interactivity wired to actual element ids from your HTML (aim for 40+ lines)
+4. Zero placeholders ("TODO", "content here", "..."). Every button and link does something real.
+5. VERIFY each file exists (read_file/list_files), then summarize how to open it.
+Do NOT say done until every file from your plan exists on disk.`;
+
+const PROJECT_CODE_BRIEF = `
+
+### PROJECT MODE - BUILD
+The user asked you to build something. Process:
+1. PLAN first - list the files you will create.
+2. Write every file completely with real working code - no TODO placeholders.
+3. Include a README.md with run instructions.
+4. TEST your work: run the code (run_python/run_node/terminal) and fix any errors before finishing.
+5. Summarize what you built and how to run it.
+Do NOT say done until the code runs without errors.`;
+
+// Extra system-prompt guidance when the request is 'build me a ...'.
+function projectBrief(userInput) {
+  const text = userInput || "";
+  if (!PROJECT_VERB_RE.test(text)) return "";
+  // Questions ABOUT building are not build orders ("how do I make a game?").
+  if (/^\s*(?:how|what|why|when|where|which|who|can\s+you\s+(?:tell|explain)|explain|describe)\b/i.test(text)) return "";
+  if (PROJECT_WEB_NOUN_RE.test(text)) return PROJECT_WEB_BRIEF;
+  if (PROJECT_CODE_NOUN_RE.test(text)) return PROJECT_CODE_BRIEF;
+  return "";
+}
+
 function expandHome(p) {
   return String(p).replace(/^~(?=$|\/)/, os.homedir());
 }
@@ -226,15 +277,73 @@ function callSig(calls) {
 
 // Catch tool calls the model printed as bare JSON text instead of using the
 // native tool_calls channel (very common with tiny models).
+// Salvage a malformed tool-call blob. Tiny local models constantly emit
+// invalid JSON - most often unescaped quotes inside string values
+// ("content": "<div class="hero">") - which strict parsing rejects and the
+// call silently becomes chat noise. Field-wise extraction does not care.
+function repairToolJson(raw) {
+  const nameM = raw.match(/"name"\s*:\s*"([A-Za-z_][\w]*)"/);
+  if (!nameM) return null;
+  const argIdx = raw.indexOf('"arguments"');
+  if (argIdx === -1) return null;
+  let body = raw.slice(argIdx + '"arguments"'.length);
+  const braceAt = body.indexOf("{");
+  if (braceAt !== -1 && !body.slice(0, braceAt).includes(":")) body = body.slice(braceAt + 1);
+
+  const keyRe = /"([A-Za-z_]\w*)"\s*:\s*/g;
+  const marks = [];
+  let m;
+  while ((m = keyRe.exec(body)) !== null) marks.push({ key: m[1], vs: m.index + m[0].length });
+  const args = {};
+  for (let i = 0; i < marks.length; i++) {
+    const k = marks[i];
+    if (k.key === "arguments") continue;      // the wrapper key itself
+    const next = marks.find((x, j) => j > i && x.key !== "arguments");
+    let v;
+    if (next) {
+      // Value runs until just before the next key's opening quote.
+      const nq = body.lastIndexOf('"', Math.max(0, next.vs - next.key.length - 2));
+      v = body.slice(k.vs, nq > k.vs ? nq : undefined);
+      v = v.replace(/\s*$/, "").replace(/,\s*$/, "");
+      if (v.startsWith('"')) v = v.slice(1);
+      if (v.endsWith('"')) v = v.slice(0, -1);
+    } else {
+      // Last value: everything up to the closing brace(s) of the blob.
+      v = body.slice(k.vs).replace(/\s*\}\s*\}\s*$/, "").replace(/\s*\}\s*$/, "");
+      if (v.endsWith(",")) v = v.slice(0, -1);
+      if (v.startsWith('"')) v = v.slice(1);
+      if (v.endsWith('"')) v = v.slice(0, -1);
+    }
+    if (v.startsWith("[") && v.endsWith("]")) {
+      try { args[k.key] = JSON.parse(v); continue; }
+      catch {}
+      args[k.key] = v.slice(1, -1).split(",").map((s) => s.trim().replace(/^["']|["']$/g, "")).filter(Boolean);
+      continue;
+    }
+    args[k.key] = v;
+  }
+  if (!Object.keys(args).length) return null;
+  return {
+    id: `tc_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`,
+    name: nameM[1],
+    arguments: args,
+  };
+}
+
 function extractJsonTools(text) {
   const calls = [];
   const spans = [];
   if (!text || text.indexOf('"arguments"') === -1) return { clean: text || "", calls };
+  // Fenced blobs (```json ... ```) - strip the fence markers so the objects
+  // inside become scannable. Python's scanner does this natively.
+  const src = text.includes("```")
+    ? text.replace(/```[a-zA-Z]*\n?/g, "\n")
+    : text;
   let i = 0;
-  while ((i = text.indexOf("{", i)) !== -1 && calls.length < 8) {
+  while ((i = src.indexOf("{", i)) !== -1 && calls.length < 8) {
     let depth = 0, inStr = false, esc = false;
-    for (let j = i; j < text.length && j < i + 20000; j++) {
-      const c = text[j];
+    for (let j = i; j < src.length && j < i + 20000; j++) {
+      const c = src[j];
       if (inStr) {
         if (esc) esc = false;
         else if (c === "\\") esc = true;
@@ -247,7 +356,7 @@ function extractJsonTools(text) {
         depth--;
         if (depth === 0) {
           try {
-            const obj = JSON.parse(text.slice(i, j + 1));
+            const obj = JSON.parse(src.slice(i, j + 1));
             if (obj && typeof obj.name === "string"
                 && obj.arguments && typeof obj.arguments === "object"
                 && !Array.isArray(obj.arguments)) {
@@ -266,13 +375,17 @@ function extractJsonTools(text) {
     }
     i++;
   }
+  if (!calls.length && /"name"\s*:/.test(src) && text.includes('"arguments"')) {
+    const rep = repairToolJson(src);
+    if (rep) return { clean: "", calls: [rep] };
+  }
   let clean = "";
   let pos = 0;
   for (const [s, e] of spans) {
-    clean += text.slice(pos, s);
+    clean += src.slice(pos, s);
     pos = e;
   }
-  clean += text.slice(pos);
+  clean += src.slice(pos);
   return { clean, calls };
 }
 
@@ -365,11 +478,13 @@ class Agent {
     this.lastRun = {};
   }
 
-  _systemPrompt() {
+  _systemPrompt(userInput) {
     // The base prompt may contain an {ogpt_model} placeholder that is replaced
     // with the active model's oGPT display name (e.g. oGPT-1a). The identity
     // block is always appended so the assistant never exposes the underlying
-    // engine, even if an older prompt is set in the user's config.
+    // engine, even if an older prompt is set in the user's config. When the
+    // request looks like a build-a-project task, a PROJECT MODE brief is
+    // appended for this turn only.
     const base =
       this.cfg.get("agent.system_prompt", "") ||
       "You are OGPT, an expert AI coding assistant running as {ogpt_model}.";
@@ -382,6 +497,7 @@ class Agent {
       base.split("{ogpt_model}").join(name)
       + IDENTITY_BLOCK.split("{name}").join(name)
       + TOOL_GUIDANCE.split("{cwd}").join(cwd)
+      + projectBrief(userInput)
     );
   }
 
@@ -444,7 +560,7 @@ class Agent {
       const model = this.cfg.activeModel();
       const resp = await this.provider.chat(this.history, model, {
         tools: this.tools.definitions(),
-        system: this._systemPrompt(),
+        system: this._systemPrompt(userInput),
         temperature: this.temperature,
         maxTokens: this.maxTokens,
       });
@@ -560,11 +676,12 @@ class Agent {
       const contentParts = [];
       const toolCalls = [];
       let usage = { prompt: 0, completion: 0, total: 0 };
+      let jsonHold = false;
 
       try {
         for await (const chunk of this.provider.stream(this.history, model, {
           tools: this.tools.definitions(),
-          system: this._systemPrompt(),
+          system: this._systemPrompt(userInput),
           temperature: this.temperature,
           maxTokens: this.maxTokens,
         })) {
@@ -573,7 +690,14 @@ class Agent {
             if (!ttft) ttft = Date.now() - tStart;
             nTokens++;
             sawText = true;
-            yield chunk.text;
+            // A tool-call blob typed as plain text must not scroll into the
+            // chat as garbage - hold it back; the executor prints chips.
+            const acc = contentParts.join("");
+            if (!jsonHold && ((/^\s*\{/.test(acc) && acc.includes('"name"'))
+                || (/^\s*```/.test(acc) && (acc.includes('"name"') || acc.includes('"arguments"'))))) {
+              jsonHold = true;
+            }
+            if (!jsonHold) yield chunk.text;
           } else if (chunk.type === "tool") {
             toolCalls.push(chunk);
           } else if (chunk.type === "usage") {
@@ -760,4 +884,4 @@ class Agent {
   }
 }
 
-module.exports = { Agent };
+module.exports = { Agent, extractJsonTools, repairToolJson };

package/src/bootstrap.js

@@ -0,0 +1,102 @@
+"use strict";
+
+// Boot-time dependency self-healing (parity with the Python build).
+//
+// - PACKAGES: runtime npm deps (empty today -> instant no-op). List entries
+//   as [require-name, npm-name] and first launch installs them quietly.
+// - Ollama: if the local-engine binary is missing, the official installer
+//   runs hidden. Never touched when already present.
+//
+// The user only ever sees one line: 'Installing packages...'.
+// Set OGPT_NO_AUTO_INSTALL=1 to disable (CI, tests, offline devices).
+
+const { spawnSync } = require("child_process");
+const fs = require("fs");
+const path = require("path");
+
+const PACKAGES = [];
+
+function missingPackages() {
+  return PACKAGES.filter(([req]) => {
+    try { require.resolve(req); return false; } catch { return true; }
+  });
+}
+
+function haveOllama() {
+  if (spawnSync("ollama", ["--version"],
+      { stdio: "ignore", timeout: 15000 }).status === 0) return true;
+  // same-process PATH additions (fresh install) + common locations
+  for (const dir of ["/usr/local/bin", "/usr/bin", "/opt/homebrew/bin",
+    path.join(process.env.HOME || "", ".local/bin")]) {
+    try {
+      if (dir && fs.existsSync(path.join(dir, "ollama"))) {
+        process.env.PATH = dir + path.delimiter + process.env.PATH;
+        return true;
+      }
+    } catch {}
+  }
+  if (process.platform === "win32") {
+    for (const dir of ["C:\\Program Files\\Ollama",
+      path.join(process.env.LOCALAPPDATA || "", "Programs", "Ollama")]) {
+      try { if (dir && fs.existsSync(path.join(dir, "ollama.exe"))) return true; }
+      catch {}
+    }
+  }
+  return false;
+}
+
+function npmInstall(pkgs, cwd, timeout = 600000) {
+  try {
+    const r = spawnSync("npm", ["install", "--no-fund", "--no-audit",
+      "--silent", ...pkgs],
+      { cwd: cwd ? path.resolve(cwd) : undefined, stdio: "ignore", timeout });
+    return !r.error && r.status === 0;
+  } catch { return false; }
+}
+
+function installOllama(timeout = 1200000) {
+  if (process.platform === "win32") {
+    try {
+      spawnSync("winget", ["install", "--silent",
+        "--accept-package-agreements", "--accept-source-agreements",
+        "Ollama.Ollama"], { stdio: "ignore", timeout, shell: true });
+    } catch {}
+    return haveOllama();
+  }
+  const has = (c) => {
+    try { return spawnSync(c, ["--version"], { stdio: "ignore" }).status === 0; }
+    catch { return false; }
+  };
+  let script = null;
+  if (has("curl")) script = "curl -fsSL https://ollama.com/install.sh | sh";
+  else if (has("wget")) script = "wget -qO- https://ollama.com/install.sh | sh";
+  if (!script) return false;
+  try {
+    spawnSync("sh", ["-c", script], { stdio: "ignore", timeout });
+  } catch {}
+  return haveOllama();
+}
+
+function ensureBoot() {
+  if (process.env.OGPT_NO_AUTO_INSTALL) return [];
+  const need = missingPackages();
+  const wantOllama = !haveOllama();
+  if (!need.length && !wantOllama) return [];
+  console.log("Installing packages...");
+  if (need.length) npmInstall(need.map(([, pkg]) => pkg));
+  if (wantOllama) installOllama();
+  return missingPackages().map(([, pkg]) => pkg);
+}
+
+// Back-compat shim (deps-only, no Ollama check).
+function ensurePackages() {
+  if (process.env.OGPT_NO_AUTO_INSTALL) return [];
+  const need = missingPackages();
+  if (!need.length) return [];
+  console.log("Installing packages...");
+  npmInstall(need.map(([, pkg]) => pkg));
+  return missingPackages().map(([, pkg]) => pkg);
+}
+
+module.exports = { ensureBoot, ensurePackages, installOllama, haveOllama,
+  npmInstall, PACKAGES };

package/src/cli.js

@@ -12,7 +12,9 @@ const Platform = require("./platform");
 const catalog = require("./catalog");
 const web = require("./web");
 
-const VERSION = "1.1.0";
+const VERSION = "0.1.5-beta";
+const VERSION_TAG = "devices-all";
+const VERSION_FULL = `${VERSION}(${VERSION_TAG})`;
 
 class Command {
   constructor(name, handler, description, usage, category, ai, aliases) {
@@ -144,14 +146,14 @@ class CLI {
       const lines = [""];
       for (const l of art) lines.push(`${B}${C}${center(l)}${R}`);
       lines.push("");
-      lines.push(`${B}${W}${center(`AI coding assistant by KareemXD · v${VERSION}`)}${R}`);
+      lines.push(`${B}${W}${center(`AI coding assistant by KareemXD · v${VERSION_FULL}`)}${R}`);
       lines.push(`${B}${C}${center(`Active model: ${model} · ${Platform.ramGB()}GB RAM · tier ${tier}`)}${R}`);
       lines.push(`${D}${center("Type /help for commands · /quit to exit")}${R}`);
       lines.push("", "");
       const vpad = Math.max(0, Math.floor((rows - lines.length) / 2) - 1);
       process.stdout.write("\n".repeat(vpad) + lines.join("\n") + "\n\n");
     } else {
-      const out = [...art, "", center(`OGPT v${VERSION} · model: ${model} · ${Platform.ramGB()}GB RAM · tier ${tier}`), center("Type /help for commands, /quit to exit"), ""];
+      const out = [...art, "", center(`OGPT v${VERSION_FULL} · model: ${model} · ${Platform.ramGB()}GB RAM · tier ${tier}`), center("Type /help for commands, /quit to exit"), ""];
       process.stdout.write(out.join("\n") + "\n");
     }
   }
@@ -1154,4 +1156,4 @@ function formatSize(bytes) {
   return bytes + " B";
 }
 
-module.exports = { CLI };
+module.exports = { CLI, VERSION, VERSION_TAG, VERSION_FULL };

package/src/static.js

@@ -1,2 +1,2 @@
 // Single-file token dashboard UI - identical to the Python build.
-module.exports = "<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>OGPT \u00b7 Token Dashboard</title>\n<script src=\"https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js\"></script>\n<style>\n:root{\n  --bg:#0d0f14; --panel:#141822; --panel2:#181d2a; --line:#232a3a;\n  --text:#e8ecf4; --dim:#8b93a7; --mag:#e34fd0; --cyan:#39c6e3;\n  --green:#3ddc84; --red:#ff5c69; --amber:#ffc857; --radius:14px;\n  --mono:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,monospace;\n}\n*{box-sizing:border-box}\nbody{margin:0;background:\n  radial-gradient(1200px 500px at 80% -10%, #1a1030 0%, transparent 60%),\n  radial-gradient(900px 400px at -10% 110%, #06202b 0%, transparent 55%),\n  var(--bg);\n  color:var(--text);font:15px/1.5 -apple-system,\"Segoe UI\",Roboto,sans-serif;}\n.wrap{max-width:1180px;margin:0 auto;padding:18px 20px 40px}\n\n/* topbar */\n.topbar{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line)}\n.logo{font-weight:800;font-size:19px;letter-spacing:.3px;color:var(--mag)}\n.logo .dot{color:var(--cyan)}\n.chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;\n      padding:4px 12px;font-size:12.5px;color:var(--dim)}\n.chip b{color:var(--text)}\n.live{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--green)}\n.live i{width:9px;height:9px;border-radius:50%;background:var(--green);\n        box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:pulse 1.6s infinite}\n@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}\n\n/* cards */\n.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}\n.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}\n.card .k{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}\n.card .v{font-family:var(--mono);font-size:24px;font-weight:700;margin-top:4px}\n.card .s{font-size:11.5px;color:var(--dim);margin-top:2px}\n.v.mag{color:var(--mag)} .v.cyan{color:var(--cyan)} .v.green{color:var(--green)} .v.amber{color:var(--amber)}\n\n/* panels & charts */\n.grid2{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:12px}\n.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}\n.panel h3{margin:0 0 10px;font-size:13px;color:var(--dim);text-transform:uppercase;letter-spacing:.07em}\ncanvas{width:100%!important;height:240px!important}\n\n/* main columns */\n.main{display:grid;grid-template-columns:1fr 380px;gap:12px}\n@media(max-width:900px){.main,.grid2{grid-template-columns:1fr}}\n#feed{height:430px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:6px}\n.msg{border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:10px;\n     background:var(--panel2);padding:10px 12px}\n.msg.user{border-left-color:var(--mag)}\n.msg .who{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--dim);margin-bottom:3px}\n.msg.user .who{color:var(--mag)} .msg.bot .who{color:var(--cyan)}\n.msg .txt{white-space:pre-wrap;word-wrap:break-word;font-size:14px}\n.meta{font-size:11px;color:var(--dim);font-family:var(--mono);margin-top:6px}\n.empty{color:var(--dim);text-align:center;padding:30px 0}\n\n/* chat composer */\n.composer{display:flex;flex-direction:column;gap:8px}\n#chat-in{width:100%;min-height:74px;resize:vertical;background:var(--panel2);color:var(--text);\n         border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit}\n#chat-in:focus{outline:none;border-color:var(--mag)}\n.rowbtn{display:flex;gap:8px;align-items:center}\nbutton.send{background:linear-gradient(135deg,var(--mag),#8a4fe3);border:0;color:#fff;font-weight:700;\n            padding:9px 20px;border-radius:999px;cursor:pointer;font-size:14px}\nbutton.send:disabled{opacity:.45;cursor:not-allowed}\n.hint{font-size:11.5px;color:var(--dim)}\n\n/* bottom tables */\n.bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}\n@media(max-width:900px){.bottom{grid-template-columns:1fr}}\ntable{width:100%;border-collapse:collapse;font-size:13px}\ntd,th{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left}\nth{color:var(--dim);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}\n.tools{display:flex;flex-wrap:wrap;gap:7px}\n.toolchip{background:var(--panel2);border:1px solid var(--line);border-radius:999px;\n          padding:4px 11px;font-size:12px;color:var(--cyan);font-family:var(--mono)}\nfooter{margin-top:22px;color:var(--dim);font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}\nfooter code{font-family:var(--mono);color:var(--cyan)}\n</style>\n</head>\n<body>\n<div class=\"wrap\">\n\n  <div class=\"topbar\">\n    <span class=\"logo\">\u25c6 OGPT<span class=\"dot\"> \u00b7 </span>Token Dashboard</span>\n    <span class=\"chip\" id=\"chip-model\"><b>\u2014</b></span>\n    <span class=\"chip\" id=\"chip-provider\">provider \u2014</span>\n    <span class=\"live\"><i></i> LIVE</span>\n  </div>\n\n  <div class=\"cards\">\n    <div class=\"card\"><div class=\"k\">Total tokens</div><div class=\"v mag\" id=\"c-total\">0</div><div class=\"s\" id=\"c-total-s\">prompt + completion</div></div>\n    <div class=\"card\"><div class=\"k\">Prompt tokens</div><div class=\"v\" id=\"c-prompt\">0</div></div>\n    <div class=\"card\"><div class=\"k\">Completion tokens</div><div class=\"v cyan\" id=\"c-completion\">0</div></div>\n    <div class=\"card\"><div class=\"k\">Avg speed</div><div class=\"v green\" id=\"c-avgtps\">\u2013</div><div class=\"s\">tokens/sec</div></div>\n    <div class=\"card\"><div class=\"k\">Best speed</div><div class=\"v green\" id=\"c-besttps\">\u2013</div></div>\n    <div class=\"card\"><div class=\"k\">Last TTFT</div><div class=\"v amber\" id=\"c-ttft\">\u2013</div><div class=\"s\">time to first token</div></div>\n    <div class=\"card\"><div class=\"k\">Messages</div><div class=\"v\" id=\"c-msgs\">0</div><div class=\"s\" id=\"c-runs\">0 runs tracked</div></div>\n    <div class=\"card\"><div class=\"k\">Uptime</div><div class=\"v\" id=\"c-uptime\">0:00</div><div class=\"s\" id=\"c-session\">no session</div></div>\n  </div>\n\n  <div class=\"grid2\">\n    <div class=\"panel\"><h3>Tokens per run</h3><canvas id=\"ch-runs\"></canvas></div>\n    <div class=\"panel\"><h3>Token split</h3><canvas id=\"ch-split\"></canvas></div>\n  </div>\n\n  <div class=\"main\">\n    <div class=\"panel\"><h3>Conversation</h3><div id=\"feed\"><div class=\"empty\">No messages yet.</div></div></div>\n    <div class=\"panel composer-panel\">\n      <h3>Chat with this agent</h3>\n      <div class=\"composer\">\n        <textarea id=\"chat-in\" placeholder=\"Ask anything\u2026 (shares the same brain as the terminal session)\"></textarea>\n        <div class=\"rowbtn\">\n          <button class=\"send\" id=\"chat-send\">Send \u23ce</button>\n          <span class=\"hint\" id=\"chat-hint\">Streams from the live model.</span>\n        </div>\n        <div class=\"hint\">Enter to send \u00b7 Shift+Enter newline</div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"bottom\">\n    <div class=\"panel\"><h3>Sessions</h3>\n      <table><thead><tr><th>ID</th><th>Title</th><th>Msgs</th><th>Updated</th></tr></thead>\n      <tbody id=\"sess-rows\"><tr><td colspan=\"4\" style=\"color:var(--dim)\">\u2014</td></tr></tbody></table>\n    </div>\n    <div class=\"panel\"><h3>Registered tools (<span id=\"tool-count\">0</span>)</h3>\n      <div class=\"tools\" id=\"tools-list\"><span style=\"color:var(--dim)\">\u2014</span></div>\n    </div>\n  </div>\n\n  <footer>\n    <span>OGPT v1.1.0 \u00b7 dashboard bound to <code>127.0.0.1</code> only</span>\n    <span>polling every 1.5s \u00b7 <code>/api/stats</code></span>\n  </footer>\n</div>\n\n<script>\nconst $=id=>document.getElementById(id);\nconst fmt=n=>Number(n||0).toLocaleString();\nlet runsChart=null, splitChart=null;\nlet lastHistoryKey=\"\", busy=false;\n\nfunction fmtDur(s){s=Math.floor(s||0);const h=Math.floor(s/3600),m=Math.floor(s%3600/60),\n  x=s%60;return (h?h+\":\":\"\")+m+\":\"+String(x).padStart(2,\"0\");}\nfunction setText(id,v){$(id).textContent=v;}\n\nasync function poll(){\n  try{\n    const d=await (await fetch(\"/api/stats\")).json();\n    setText(\"chip-model\",\"\");$(\"chip-model\").innerHTML=\"<b>\"+d.model+\"</b>\";\n    $(\"chip-provider\").textContent=\"provider \"+d.provider+\" \u00b7 \"+d.cwd;\n    setText(\"c-total\",fmt(d.tokens.total));\n    setText(\"c-total-s\",fmt(d.tokens.prompt)+\" prompt + \"+fmt(d.tokens.completion)+\" completion\");\n    setText(\"c-prompt\",fmt(d.tokens.prompt));\n    setText(\"c-completion\",fmt(d.tokens.completion));\n    setText(\"c-avgtps\",d.avg_tps?d.avg_tps.toFixed(1):\"\u2013\");\n    setText(\"c-besttps\",d.best_tps?d.best_tps.toFixed(1):\"\u2013\");\n    const lr=d.last_run||{};\n    setText(\"c-ttft\",(lr.ttft!=null)?lr.ttft.toFixed(2)+\"s\":\"\u2013\");\n    setText(\"c-msgs\",fmt(d.messages));\n    setText(\"c-runs\",fmt(d.runs_count)+\" runs tracked\");\n    setText(\"c-uptime\",fmtDur(d.uptime_s));\n    setText(\"c-session\",d.session?(\"session \"+d.session):\"no session\");\n    updateCharts(d);\n  }catch(e){/* server gone quiet */}\n}\n\nfunction ensureCharts(){\n  if(!window.Chart||runsChart)return;\n  Chart.defaults.color=\"#8b93a7\";Chart.defaults.borderColor=\"#232a3a\";\n  runsChart=new Chart($(\"ch-runs\"),{type:\"line\",\n    data:{labels:[],datasets:[{label:\"tokens\",data:[],borderColor:\"#e34fd0\",\n      backgroundColor:\"rgba(227,79,208,.15)\",fill:true,tension:.35,pointRadius:2}]},\n    options:{animation:false,maintainAspectRatio:false,\n      scales:{y:{beginAtZero:true},x:{ticks:{maxTicksLimit:10}}}}});\n  splitChart=new Chart($(\"ch-split\"),{type:\"doughnut\",\n    data:{labels:[\"prompt\",\"completion\"],\n      datasets:[{data:[0,0],backgroundColor:[\"#39c6e3\",\"#e34fd0\"],borderWidth:0}]},\n    options:{animation:false,maintainAspectRatio:false,cutout:\"62%\",\n      plugins:{legend:{position:\"bottom\"}}}});\n}\nfunction updateCharts(d){\n  ensureCharts();if(!runsChart)return;\n  const rs=d.runs||[];\n  runsChart.data.labels=rs.map(r=>new Date(r.ts*1000).toLocaleTimeString());\n  runsChart.data.datasets[0].data=rs.map(r=>r.tokens);\n  runsChart.update(\"none\");\n  splitChart.data.datasets[0].data=[d.tokens.prompt,d.tokens.completion];\n  splitChart.update(\"none\");\n}\n\nasync function loadHistory(force){\n  try{\n    const msgs=await (await fetch(\"/api/history\")).json();\n    const key=msgs.length+\":\"+((msgs[msgs.length-1]||{}).ts||0);\n    if(!force&&key===lastHistoryKey)return;\n    lastHistoryKey=key;\n    const feed=$(\"feed\");feed.textContent=\"\";\n    if(!msgs.length){feed.innerHTML='<div class=\"empty\">No messages yet.</div>';return;}\n    for(const m of msgs){\n      const div=document.createElement(\"div\");\n      div.className=\"msg \"+(m.role===\"user\"?\"user\":\"bot\");\n      const who=document.createElement(\"div\");who.className=\"who\";\n      who.textContent=m.role===\"user\"?\"\u276f You\":\"\u25cf oGPT\";\n      const txt=document.createElement(\"div\");txt.className=\"txt\";\n      txt.textContent=m.content;\n      div.append(who,txt);\n      if(m.ts){const meta=document.createElement(\"div\");meta.className=\"meta\";\n        meta.textContent=new Date(m.ts*1000).toLocaleString();div.append(meta);}\n      feed.appendChild(div);\n    }\n    feed.scrollTop=feed.scrollHeight;\n  }catch(e){}\n}\n\nfunction addBubble(kind){\n  const div=document.createElement(\"div\");\n  div.className=\"msg \"+kind;\n  const who=document.createElement(\"div\");who.className=\"who\";\n  who.textContent=kind===\"user\"?\"\u276f You\":\"\u25cf oGPT\";\n  const txt=document.createElement(\"div\");txt.className=\"txt\";\n  if(kind!==\"user\"){const m=document.createElement(\"div\");m.className=\"meta\";\n    m.textContent=\"streaming\u2026\";txt.dataset.meta=m;txt.append(m);}\n  div.append(who,txt);$(\"feed\").appendChild(div);\n  $(\"feed\").scrollTop=$(\"feed\").scrollHeight;\n  return txt;\n}\nfunction sendChat(){\n  if(busy)return;\n  const inp=$(\"chat-in\"),msg=inp.value.trim();\n  if(!msg)return;\n  inp.value=\"\";busy=true;$(\"chat-send\").disabled=true;\n  addBubble(\"user\");\n  const bot=addBubble(\"bot\");\n  let acc=\"\";\n  const es=new EventSource(\"/api/chat/stream?msg=\"+encodeURIComponent(msg));\n  es.onmessage=e=>{\n    let d;try{d=JSON.parse(e.data);}catch(_){return;}\n    if(d.t){acc+=d.t;bot.textContent=acc;\n      $(\"feed\").scrollTop=$(\"feed\").scrollHeight;}\n    if(d.error){acc+=\"\\n[error] \"+d.error;bot.textContent=acc;}\n    if(d.done){es.close();\n      const s=d.stats||{};const bits=[];\n      if(s.tokens)bits.push(s.tokens+\" tok\");\n      if(s.tps)bits.push(s.tps+\" tok/s\");\n      bot.dataset.meta&&(bot.querySelector(\".meta\")||{}).remove;\n      const meta=document.createElement(\"div\");meta.className=\"meta\";\n      meta.textContent=bits.length?bits.join(\" \u00b7 \"):\"done\";\n      bot.parentElement.appendChild(meta);\n      busy=false;$(\"chat-send\").disabled=false;loadHistory(true);}\n  };\n  es.onerror=()=>{es.close();busy=false;$(\"chat-send\").disabled=false;};\n}\n$(\"chat-send\").addEventListener(\"click\",sendChat);\n$(\"chat-in\").addEventListener(\"keydown\",ev=>{\n  if(ev.key===\"Enter\"&&!ev.shiftKey){ev.preventDefault();sendChat();}\n});\n\nasync function loadBottom(){\n  try{\n    const rows=await (await fetch(\"/api/sessions\")).json();\n    const tb=$(\"sess-rows\");tb.textContent=\"\";\n    if(!rows.length){tb.innerHTML='<tr><td colspan=\"4\" style=\"color:var(--dim)\">\u2014</td></tr>';return;}\n    for(const s of rows){\n      const tr=document.createElement(\"tr\");\n      [s.id,s.title,s.msgs,new Date((s.updated||0)*1000).toLocaleString()].forEach(v=>{\n        const td=document.createElement(\"td\");td.textContent=v??\"\";tr.appendChild(td);});\n      tb.appendChild(tr);\n    }\n  }catch(e){}\n  try{\n    const names=await (await fetch(\"/api/tools\")).json();\n    $(\"tool-count\").textContent=names.length;\n    const list=$(\"tools-list\");list.textContent=\"\";\n    for(const n of names){const c=document.createElement(\"span\");\n      c.className=\"toolchip\";c.textContent=n;list.appendChild(c);}\n  }catch(e){}\n}\n\npoll();loadHistory();loadBottom();\nsetInterval(poll,1500);\nsetInterval(()=>loadHistory(false),5000);\nsetInterval(loadBottom,20000);\nensureCharts();\n</script>\n</body>\n</html>\n";
+module.exports = "<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>OGPT \u00b7 Token Dashboard</title>\n<script src=\"https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js\"></script>\n<style>\n:root{\n  --bg:#0d0f14; --panel:#141822; --panel2:#181d2a; --line:#232a3a;\n  --text:#e8ecf4; --dim:#8b93a7; --mag:#e34fd0; --cyan:#39c6e3;\n  --green:#3ddc84; --red:#ff5c69; --amber:#ffc857; --radius:14px;\n  --mono:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,monospace;\n}\n*{box-sizing:border-box}\nbody{margin:0;background:\n  radial-gradient(1200px 500px at 80% -10%, #1a1030 0%, transparent 60%),\n  radial-gradient(900px 400px at -10% 110%, #06202b 0%, transparent 55%),\n  var(--bg);\n  color:var(--text);font:15px/1.5 -apple-system,\"Segoe UI\",Roboto,sans-serif;}\n.wrap{max-width:1180px;margin:0 auto;padding:18px 20px 40px}\n\n/* topbar */\n.topbar{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line)}\n.logo{font-weight:800;font-size:19px;letter-spacing:.3px;color:var(--mag)}\n.logo .dot{color:var(--cyan)}\n.chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;\n      padding:4px 12px;font-size:12.5px;color:var(--dim)}\n.chip b{color:var(--text)}\n.live{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--green)}\n.live i{width:9px;height:9px;border-radius:50%;background:var(--green);\n        box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:pulse 1.6s infinite}\n@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}\n\n/* cards */\n.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}\n.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}\n.card .k{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}\n.card .v{font-family:var(--mono);font-size:24px;font-weight:700;margin-top:4px}\n.card .s{font-size:11.5px;color:var(--dim);margin-top:2px}\n.v.mag{color:var(--mag)} .v.cyan{color:var(--cyan)} .v.green{color:var(--green)} .v.amber{color:var(--amber)}\n\n/* panels & charts */\n.grid2{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:12px}\n.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}\n.panel h3{margin:0 0 10px;font-size:13px;color:var(--dim);text-transform:uppercase;letter-spacing:.07em}\ncanvas{width:100%!important;height:240px!important}\n\n/* main columns */\n.main{display:grid;grid-template-columns:1fr 380px;gap:12px}\n@media(max-width:900px){.main,.grid2{grid-template-columns:1fr}}\n#feed{height:430px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:6px}\n.msg{border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:10px;\n     background:var(--panel2);padding:10px 12px}\n.msg.user{border-left-color:var(--mag)}\n.msg .who{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--dim);margin-bottom:3px}\n.msg.user .who{color:var(--mag)} .msg.bot .who{color:var(--cyan)}\n.msg .txt{white-space:pre-wrap;word-wrap:break-word;font-size:14px}\n.meta{font-size:11px;color:var(--dim);font-family:var(--mono);margin-top:6px}\n.empty{color:var(--dim);text-align:center;padding:30px 0}\n\n/* chat composer */\n.composer{display:flex;flex-direction:column;gap:8px}\n#chat-in{width:100%;min-height:74px;resize:vertical;background:var(--panel2);color:var(--text);\n         border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit}\n#chat-in:focus{outline:none;border-color:var(--mag)}\n.rowbtn{display:flex;gap:8px;align-items:center}\nbutton.send{background:linear-gradient(135deg,var(--mag),#8a4fe3);border:0;color:#fff;font-weight:700;\n            padding:9px 20px;border-radius:999px;cursor:pointer;font-size:14px}\nbutton.send:disabled{opacity:.45;cursor:not-allowed}\n.hint{font-size:11.5px;color:var(--dim)}\n\n/* bottom tables */\n.bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}\n@media(max-width:900px){.bottom{grid-template-columns:1fr}}\ntable{width:100%;border-collapse:collapse;font-size:13px}\ntd,th{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left}\nth{color:var(--dim);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}\n.tools{display:flex;flex-wrap:wrap;gap:7px}\n.toolchip{background:var(--panel2);border:1px solid var(--line);border-radius:999px;\n          padding:4px 11px;font-size:12px;color:var(--cyan);font-family:var(--mono)}\nfooter{margin-top:22px;color:var(--dim);font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}\nfooter code{font-family:var(--mono);color:var(--cyan)}\n</style>\n</head>\n<body>\n<div class=\"wrap\">\n\n  <div class=\"topbar\">\n    <span class=\"logo\">\u25c6 OGPT<span class=\"dot\"> \u00b7 </span>Token Dashboard</span>\n    <span class=\"chip\" id=\"chip-model\"><b>\u2014</b></span>\n    <span class=\"chip\" id=\"chip-provider\">provider \u2014</span>\n    <span class=\"live\"><i></i> LIVE</span>\n  </div>\n\n  <div class=\"cards\">\n    <div class=\"card\"><div class=\"k\">Total tokens</div><div class=\"v mag\" id=\"c-total\">0</div><div class=\"s\" id=\"c-total-s\">prompt + completion</div></div>\n    <div class=\"card\"><div class=\"k\">Prompt tokens</div><div class=\"v\" id=\"c-prompt\">0</div></div>\n    <div class=\"card\"><div class=\"k\">Completion tokens</div><div class=\"v cyan\" id=\"c-completion\">0</div></div>\n    <div class=\"card\"><div class=\"k\">Avg speed</div><div class=\"v green\" id=\"c-avgtps\">\u2013</div><div class=\"s\">tokens/sec</div></div>\n    <div class=\"card\"><div class=\"k\">Best speed</div><div class=\"v green\" id=\"c-besttps\">\u2013</div></div>\n    <div class=\"card\"><div class=\"k\">Last TTFT</div><div class=\"v amber\" id=\"c-ttft\">\u2013</div><div class=\"s\">time to first token</div></div>\n    <div class=\"card\"><div class=\"k\">Messages</div><div class=\"v\" id=\"c-msgs\">0</div><div class=\"s\" id=\"c-runs\">0 runs tracked</div></div>\n    <div class=\"card\"><div class=\"k\">Uptime</div><div class=\"v\" id=\"c-uptime\">0:00</div><div class=\"s\" id=\"c-session\">no session</div></div>\n  </div>\n\n  <div class=\"grid2\">\n    <div class=\"panel\"><h3>Tokens per run</h3><canvas id=\"ch-runs\"></canvas></div>\n    <div class=\"panel\"><h3>Token split</h3><canvas id=\"ch-split\"></canvas></div>\n  </div>\n\n  <div class=\"main\">\n    <div class=\"panel\"><h3>Conversation</h3><div id=\"feed\"><div class=\"empty\">No messages yet.</div></div></div>\n    <div class=\"panel composer-panel\">\n      <h3>Chat with this agent</h3>\n      <div class=\"composer\">\n        <textarea id=\"chat-in\" placeholder=\"Ask anything\u2026 (shares the same brain as the terminal session)\"></textarea>\n        <div class=\"rowbtn\">\n          <button class=\"send\" id=\"chat-send\">Send \u23ce</button>\n          <span class=\"hint\" id=\"chat-hint\">Streams from the live model.</span>\n        </div>\n        <div class=\"hint\">Enter to send \u00b7 Shift+Enter newline</div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"bottom\">\n    <div class=\"panel\"><h3>Sessions</h3>\n      <table><thead><tr><th>ID</th><th>Title</th><th>Msgs</th><th>Updated</th></tr></thead>\n      <tbody id=\"sess-rows\"><tr><td colspan=\"4\" style=\"color:var(--dim)\">\u2014</td></tr></tbody></table>\n    </div>\n    <div class=\"panel\"><h3>Registered tools (<span id=\"tool-count\">0</span>)</h3>\n      <div class=\"tools\" id=\"tools-list\"><span style=\"color:var(--dim)\">\u2014</span></div>\n    </div>\n  </div>\n\n  <footer>\n    <span>OGPT v0.1.5-beta(devices-all) \u00b7 dashboard bound to <code>127.0.0.1</code> only</span>\n    <span>polling every 1.5s \u00b7 <code>/api/stats</code></span>\n  </footer>\n</div>\n\n<script>\nconst $=id=>document.getElementById(id);\nconst fmt=n=>Number(n||0).toLocaleString();\nlet runsChart=null, splitChart=null;\nlet lastHistoryKey=\"\", busy=false;\n\nfunction fmtDur(s){s=Math.floor(s||0);const h=Math.floor(s/3600),m=Math.floor(s%3600/60),\n  x=s%60;return (h?h+\":\":\"\")+m+\":\"+String(x).padStart(2,\"0\");}\nfunction setText(id,v){$(id).textContent=v;}\n\nasync function poll(){\n  try{\n    const d=await (await fetch(\"/api/stats\")).json();\n    setText(\"chip-model\",\"\");$(\"chip-model\").innerHTML=\"<b>\"+d.model+\"</b>\";\n    $(\"chip-provider\").textContent=\"provider \"+d.provider+\" \u00b7 \"+d.cwd;\n    setText(\"c-total\",fmt(d.tokens.total));\n    setText(\"c-total-s\",fmt(d.tokens.prompt)+\" prompt + \"+fmt(d.tokens.completion)+\" completion\");\n    setText(\"c-prompt\",fmt(d.tokens.prompt));\n    setText(\"c-completion\",fmt(d.tokens.completion));\n    setText(\"c-avgtps\",d.avg_tps?d.avg_tps.toFixed(1):\"\u2013\");\n    setText(\"c-besttps\",d.best_tps?d.best_tps.toFixed(1):\"\u2013\");\n    const lr=d.last_run||{};\n    setText(\"c-ttft\",(lr.ttft!=null)?lr.ttft.toFixed(2)+\"s\":\"\u2013\");\n    setText(\"c-msgs\",fmt(d.messages));\n    setText(\"c-runs\",fmt(d.runs_count)+\" runs tracked\");\n    setText(\"c-uptime\",fmtDur(d.uptime_s));\n    setText(\"c-session\",d.session?(\"session \"+d.session):\"no session\");\n    updateCharts(d);\n  }catch(e){/* server gone quiet */}\n}\n\nfunction ensureCharts(){\n  if(!window.Chart||runsChart)return;\n  Chart.defaults.color=\"#8b93a7\";Chart.defaults.borderColor=\"#232a3a\";\n  runsChart=new Chart($(\"ch-runs\"),{type:\"line\",\n    data:{labels:[],datasets:[{label:\"tokens\",data:[],borderColor:\"#e34fd0\",\n      backgroundColor:\"rgba(227,79,208,.15)\",fill:true,tension:.35,pointRadius:2}]},\n    options:{animation:false,maintainAspectRatio:false,\n      scales:{y:{beginAtZero:true},x:{ticks:{maxTicksLimit:10}}}}});\n  splitChart=new Chart($(\"ch-split\"),{type:\"doughnut\",\n    data:{labels:[\"prompt\",\"completion\"],\n      datasets:[{data:[0,0],backgroundColor:[\"#39c6e3\",\"#e34fd0\"],borderWidth:0}]},\n    options:{animation:false,maintainAspectRatio:false,cutout:\"62%\",\n      plugins:{legend:{position:\"bottom\"}}}});\n}\nfunction updateCharts(d){\n  ensureCharts();if(!runsChart)return;\n  const rs=d.runs||[];\n  runsChart.data.labels=rs.map(r=>new Date(r.ts*1000).toLocaleTimeString());\n  runsChart.data.datasets[0].data=rs.map(r=>r.tokens);\n  runsChart.update(\"none\");\n  splitChart.data.datasets[0].data=[d.tokens.prompt,d.tokens.completion];\n  splitChart.update(\"none\");\n}\n\nasync function loadHistory(force){\n  try{\n    const msgs=await (await fetch(\"/api/history\")).json();\n    const key=msgs.length+\":\"+((msgs[msgs.length-1]||{}).ts||0);\n    if(!force&&key===lastHistoryKey)return;\n    lastHistoryKey=key;\n    const feed=$(\"feed\");feed.textContent=\"\";\n    if(!msgs.length){feed.innerHTML='<div class=\"empty\">No messages yet.</div>';return;}\n    for(const m of msgs){\n      const div=document.createElement(\"div\");\n      div.className=\"msg \"+(m.role===\"user\"?\"user\":\"bot\");\n      const who=document.createElement(\"div\");who.className=\"who\";\n      who.textContent=m.role===\"user\"?\"\u276f You\":\"\u25cf oGPT\";\n      const txt=document.createElement(\"div\");txt.className=\"txt\";\n      txt.textContent=m.content;\n      div.append(who,txt);\n      if(m.ts){const meta=document.createElement(\"div\");meta.className=\"meta\";\n        meta.textContent=new Date(m.ts*1000).toLocaleString();div.append(meta);}\n      feed.appendChild(div);\n    }\n    feed.scrollTop=feed.scrollHeight;\n  }catch(e){}\n}\n\nfunction addBubble(kind){\n  const div=document.createElement(\"div\");\n  div.className=\"msg \"+kind;\n  const who=document.createElement(\"div\");who.className=\"who\";\n  who.textContent=kind===\"user\"?\"\u276f You\":\"\u25cf oGPT\";\n  const txt=document.createElement(\"div\");txt.className=\"txt\";\n  if(kind!==\"user\"){const m=document.createElement(\"div\");m.className=\"meta\";\n    m.textContent=\"streaming\u2026\";txt.dataset.meta=m;txt.append(m);}\n  div.append(who,txt);$(\"feed\").appendChild(div);\n  $(\"feed\").scrollTop=$(\"feed\").scrollHeight;\n  return txt;\n}\nfunction sendChat(){\n  if(busy)return;\n  const inp=$(\"chat-in\"),msg=inp.value.trim();\n  if(!msg)return;\n  inp.value=\"\";busy=true;$(\"chat-send\").disabled=true;\n  addBubble(\"user\");\n  const bot=addBubble(\"bot\");\n  let acc=\"\";\n  const es=new EventSource(\"/api/chat/stream?msg=\"+encodeURIComponent(msg));\n  es.onmessage=e=>{\n    let d;try{d=JSON.parse(e.data);}catch(_){return;}\n    if(d.t){acc+=d.t;bot.textContent=acc;\n      $(\"feed\").scrollTop=$(\"feed\").scrollHeight;}\n    if(d.error){acc+=\"\\n[error] \"+d.error;bot.textContent=acc;}\n    if(d.done){es.close();\n      const s=d.stats||{};const bits=[];\n      if(s.tokens)bits.push(s.tokens+\" tok\");\n      if(s.tps)bits.push(s.tps+\" tok/s\");\n      bot.dataset.meta&&(bot.querySelector(\".meta\")||{}).remove;\n      const meta=document.createElement(\"div\");meta.className=\"meta\";\n      meta.textContent=bits.length?bits.join(\" \u00b7 \"):\"done\";\n      bot.parentElement.appendChild(meta);\n      busy=false;$(\"chat-send\").disabled=false;loadHistory(true);}\n  };\n  es.onerror=()=>{es.close();busy=false;$(\"chat-send\").disabled=false;};\n}\n$(\"chat-send\").addEventListener(\"click\",sendChat);\n$(\"chat-in\").addEventListener(\"keydown\",ev=>{\n  if(ev.key===\"Enter\"&&!ev.shiftKey){ev.preventDefault();sendChat();}\n});\n\nasync function loadBottom(){\n  try{\n    const rows=await (await fetch(\"/api/sessions\")).json();\n    const tb=$(\"sess-rows\");tb.textContent=\"\";\n    if(!rows.length){tb.innerHTML='<tr><td colspan=\"4\" style=\"color:var(--dim)\">\u2014</td></tr>';return;}\n    for(const s of rows){\n      const tr=document.createElement(\"tr\");\n      [s.id,s.title,s.msgs,new Date((s.updated||0)*1000).toLocaleString()].forEach(v=>{\n        const td=document.createElement(\"td\");td.textContent=v??\"\";tr.appendChild(td);});\n      tb.appendChild(tr);\n    }\n  }catch(e){}\n  try{\n    const names=await (await fetch(\"/api/tools\")).json();\n    $(\"tool-count\").textContent=names.length;\n    const list=$(\"tools-list\");list.textContent=\"\";\n    for(const n of names){const c=document.createElement(\"span\");\n      c.className=\"toolchip\";c.textContent=n;list.appendChild(c);}\n  }catch(e){}\n}\n\npoll();loadHistory();loadBottom();\nsetInterval(poll,1500);\nsetInterval(()=>loadHistory(false),5000);\nsetInterval(loadBottom,20000);\nensureCharts();\n</script>\n</body>\n</html>\n";

package/src/tools.js

@@ -424,6 +424,77 @@ function resolveBin(bin) {
   return bin; // let spawnSync produce its own ENOENT
 }
 
+// ---- silent package auto-heal --------------------------------------------
+// When AI-written code imports something that is not installed, we install
+// it quietly (all installer output hidden) and retry once. The user only
+// ever sees 'Installing packages...' via the short result line.
+
+const PY_ALIASES = {
+  cv2: "opencv-python", PIL: "pillow", bs4: "beautifulsoup4",
+  yaml: "pyyaml", sklearn: "scikit-learn", dotenv: "python-dotenv",
+  Crypto: "pycryptodome", fitz: "PyMuPDF", docx: "python-docx",
+  pptx: "python-pptx",
+};
+
+function pyMissingModules(text) {
+  const names = [];
+  for (const m of String(text || "").matchAll(/No module named '(?:([\w.]+)'|([\w.]+)")/g)) {
+    const root = (m[1] || m[2] || "").split(".")[0];
+    if (root && !names.includes(root)) names.push(root);
+  }
+  return names;
+}
+
+function pipInstallQuiet(mods) {
+  const pkgs = mods.map((m) => PY_ALIASES[m] || m);
+  try {
+    const r = spawnSync(resolveBin("python3") || "python3",
+      ["-m", "pip", "install", "--quiet", "--disable-pip-version-check", ...pkgs],
+      { stdio: "ignore", timeout: 600000 });
+    return !r.error && r.status === 0;
+  } catch { return false; }
+}
+
+function nodeMissingModules(text) {
+  const names = [];
+  for (const m of String(text || "").matchAll(/Cannot find module '([^']+)'/g)) {
+    const spec = m[1];
+    if (!spec || /^([./]|node:|[A-Z]:\\)/.test(spec)) continue; // relative/builtin
+    if (!names.includes(spec)) names.push(spec);
+  }
+  return names;
+}
+
+function npmInstallQuiet(pkgs, cwd) {
+  try {
+    const r = spawnSync(resolveBin("npm") || "npm",
+      ["install", "--no-fund", "--no-audit", "--silent", ...pkgs],
+      { cwd: path.resolve(cwd || "."), stdio: "ignore", timeout: 600000 });
+    return !r.error && r.status === 0;
+  } catch { return false; }
+}
+
+function autoHealNode(result, rerun, cwd) {
+  // NOTE: runInterpreter reports success=true for nonzero exits (the process
+  // spawned fine), so key off the traceback text, not the success flag.
+  const text = (result.output || "") + "\n" + (result.error || "");
+  const failed = !result.success || /\[exit \d+\]/.test(text);
+  if (!failed) return result;
+  const mods = nodeMissingModules(text);
+  if (mods.length && npmInstallQuiet(mods, cwd)) {
+    const r2 = rerun();
+    if (r2.success) r2.output = `Installed ${mods.join(", ")}\n${r2.output}`;
+    return r2;
+  }
+  const pymods = pyMissingModules(text);
+  if (pymods.length && pipInstallQuiet(pymods)) {
+    const r2 = rerun();
+    if (r2.success) r2.output = `Installed ${pymods.join(", ")}\n${r2.output}`;
+    return r2;
+  }
+  return result;
+}
+
 function runInterpreter(bin, argv, cwd, timeout) {
   const r = spawnSync(resolveBin(bin), argv, {
     cwd: path.resolve(cwd || "."), timeout: timeout || 30000,
@@ -659,8 +730,10 @@ const IMPLEMENTATIONS = {
     let content = String(args.content ?? "");
     if (!content.trim()) {
       // An empty .html file gets a professional HTML5 skeleton (page title
-      // from the file name) instead of a blank 0-byte file.
-      if (path.extname(p).toLowerCase() === ".html") {
+      // from the file name) instead of a blank 0-byte file. Empty .css/.js
+      // files get minimal modern starting points.
+      const ext = path.extname(p).toLowerCase();
+      if (ext === ".html") {
         let title = path.basename(p, ".html").replace(/[-_]/g, " ").trim();
         title = title ? title[0].toUpperCase() + title.slice(1) : "Document";
         content =
@@ -669,6 +742,25 @@ const IMPLEMENTATIONS = {
           "  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n" +
           `  <title>${title}</title>\n` +
           "</head>\n<body>\n\n</body>\n</html>\n";
+      } else if (ext === ".css") {
+        content =
+          "/* Styles */\n\n" +
+          ":root {\n" +
+          "  --bg: #0f172a;\n" +
+          "  --fg: #e2e8f0;\n" +
+          "  --accent: #38bdf8;\n" +
+          "}\n\n" +
+          "*,\n*::before,\n*::after {\n" +
+          "  box-sizing: border-box;\n" +
+          "  margin: 0;\n" +
+          "  padding: 0;\n}\n\n" +
+          "body {\n" +
+          "  font-family: system-ui, sans-serif;\n" +
+          "  background: var(--bg);\n" +
+          "  color: var(--fg);\n" +
+          "  line-height: 1.6;\n}\n";
+      } else if (ext === ".js") {
+        content = "// App scripts\n\"use strict\";\n";
       }
     }
     fs.mkdirSync(path.dirname(p), { recursive: true });
@@ -817,7 +909,17 @@ const IMPLEMENTATIONS = {
       return new ToolResult("", `File not found: ${file} (use a path relative to your workspace)`, false);
     }
     const argv = file ? [file] : ["-c", code];
-    return runInterpreter("python3", argv, args.cwd || ".", parseInt(args.timeout || 60, 10) * 1000);
+    let r = runInterpreter("python3", argv, args.cwd || ".", parseInt(args.timeout || 60, 10) * 1000);
+    // Auto-heal: missing python packages get installed silently (the user
+    // only sees 'Installing packages...' via the tool flow) and we retry once.
+    if (!r.success) {
+      const mods = pyMissingModules((r.error || "") + (r.output || ""));
+      if (mods.length && pipInstallQuiet(mods)) {
+        r = runInterpreter("python3", argv, args.cwd || ".", parseInt(args.timeout || 60, 10) * 1000);
+        if (r.success) r.output = `Installed ${mods.join(", ")}\n${r.output}`;
+      }
+    }
+    return r;
   },
 
   run_node(args) {
@@ -837,15 +939,20 @@ const IMPLEMENTATIONS = {
       const tmp = path.join(os.tmpdir(), `ogpt-run-${Date.now()}.mjs`);
       fs.writeFileSync(tmp, code);
       try {
-        return runInterpreter("node", [tmp], args.cwd || ".",
+        let r = runInterpreter("node", [tmp], args.cwd || ".",
           parseInt(args.timeout || 60, 10) * 1000);
+        r = autoHealNode(r, () => runInterpreter("node", [tmp], args.cwd || ".",
+          parseInt(args.timeout || 60, 10) * 1000), args.cwd || ".");
+        return r;
       } finally {
         try { fs.unlinkSync(tmp); } catch {}
       }
     } else {
       argv = ["-e", code];
     }
-    return runInterpreter("node", argv, args.cwd || ".", parseInt(args.timeout || 60, 10) * 1000);
+    let r = runInterpreter("node", argv, args.cwd || ".", parseInt(args.timeout || 60, 10) * 1000);
+    return autoHealNode(r, () => runInterpreter("node", argv, args.cwd || ".",
+      parseInt(args.timeout || 60, 10) * 1000), args.cwd || ".");
   },
 
   install_packages(args) {
@@ -1164,4 +1271,4 @@ class ToolRegistry {
   }
 }
 
-module.exports = { ToolRegistry, ToolDef, ToolResult, TOOLS };
+module.exports = { ToolRegistry, ToolDef, ToolResult, TOOLS, IMPLEMENTATIONS };

package/src/web.js

@@ -111,7 +111,7 @@ function createDashboard(cli) {
         return json(res, 200, {
           ok: true,
           app: "OGPT",
-          version: "1.1.0",
+          version: "0.1.5-beta(devices-all)",
           model: name,
           provider: "Ollama",
           uptime_s: Math.round((Date.now() - STARTED_AT) / 100) / 10,
@@ -140,7 +140,7 @@ function createDashboard(cli) {
         } catch {}
         return json(res, 200, {
           ok: true,
-          version: "1.1.0",
+          version: "0.1.5-beta(devices-all)",
           model: name,
           model_id: name,
           provider: "Ollama",