feat: add CLI with login, gui, start, status, and help commands

Command-line interface with five commands:
- login: interactive API key verification and secure storage
- gui: full terminal dashboard with live metrics
- start: headless daemon mode with console logging
- status: display connection state and config paths
- help: usage guide with environment variables

Auto-detection: GUI if TTY, headless otherwise when no command
is specified. Graceful shutdown on SIGINT/SIGTERM.

Removed deprecated GUI server and telemetry files from v0.1.0.

README.md

@@ -1,63 +1,181 @@
-# Mona Agent
+# mona-agent — Cloud-Brained AI Agent for Your Device
 
-A lightweight, OpenClaw-style device agent with a **cloud brain**.
+<p align="center">
+  <strong>Open-source device agent. Free forever. MIT licensed.</strong>
+</p>
 
-- 🔑 Requires an **agent.mona.expert** API key — nothing else.
-- 🚫 **No LLM provider keys stored locally.** All reasoning, thinking, and planning happen online at `agent.mona.expert`.
-- 📡 Streams **device monitoring, agent steps, and tokens** live to `agent.mona.expert`.
-- 🖥️ Clean local **GUI dashboard**.
-- ⚡ One-line install.
+<p align="center">
+  <a href="https://github.com/MONAEXPERT/agent/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="License: MIT"></a>
+  <a href="https://nodejs.org"><img src="https://img.shields.io/badge/node-%3E%3D20-brightgreen.svg" alt="Node.js"></a>
+  <img src="https://img.shields.io/badge/dependencies-1-lightgrey" alt="1 dependency">
+  <img src="https://img.shields.io/badge/platform-macOS%20%7C%20Linux%20%7C%20WSL2-informational" alt="Platforms">
+</p>
 
-## Install
+---
+
+## What is this?
+
+**mona-agent** is a headless daemon that runs on any device. It connects to a control plane, receives commands, executes local tools, and streams results back.
+
+No LLM provider keys (OpenAI, Anthropic, Google, etc.) are stored on your device. Reasoning happens in the cloud — the device is a smart terminal.
+
+```
+  Your Device                           Control Plane (SaaS or self-hosted)
+  +-------------------+                +----------------------------+
+  |  mona-agent       |--- WSS ------+ |  Dashboard / Website        |
+  |                   |               |  Auth / User Management     |
+  |  * Terminal GUI   |<-- commands -- |  API Key Vault (AES-256)   |
+  |  * Local tools    |-- telemetry -+ |  LLM Proxy (5 providers)   |
+  |  * File sandbox   |-- tokens ----+ |  Agent Orchestration       |
+  |  * Shell guard    |-- metrics ---+ |  Audit Log                 |
+  |                   |               |                            |
+  |  <- NO API KEYS ->|               |  <-- YOUR KEYS STAY HERE --> |
+  +-------------------+               +----------------------------+
+```
+
+## Quick Start
 
 ```bash
+# Install
 curl -fsSL https://agent.mona.expert/install.sh | bash
+
+# Login to your control plane
+mona-agent login       # paste your API key
+
+# Run
+mona-agent gui         # terminal dashboard with live metrics
+mona-agent start       # headless daemon (no UI)
 ```
 
-Then:
+## Terminal Dashboard
 
-```bash
-mona-agent login          # paste your agent.mona.expert API key
-mona-agent run "check disk usage and summarize"
+Built-in TUI — zero extra dependencies. Pure ANSI escape codes.
+
+```
++-- mona-agent v1.0.0 ------------------------- * connected ---+
+| +-- System -------------------+ +-- Activity ---------------+ |
+| | Host     MacBook-Pro        | | 22:54 * Connected         | |
+| | OS       darwin arm64       | | 22:55 > Task: "sys info"  | |
+| | CPUs     10 cores           | | 22:55 ~ Thinking...       | |
+| | Mem      [####    ] 62%     | | 22:56 + Done (142 tok)    | |
+| +-- Task ---------------------+ |                           | |
+| | + Idle                      | |                           | |
+| +-----------------------------+ +---------------------------+ |
+| q quit &middot; c clear &middot; arrows scroll                 |
++----------------------------------------------------------------+
 ```
 
-Launch the GUI:
+## Tools
+
+The agent ships with four sandboxed tool modules:
+
+| Tool | Capabilities | Security |
+|------|-------------|----------|
+| `sysinfo` | OS, CPU, memory, load, network, uptime | Read-only |
+| `shell` | Command execution | Allowlist + blocked patterns |
+| `files` | Read/write/list/delete/stat | Path sandboxed |
+| `net` | HTTP fetch/check, connectivity | HTTP(S)-only |
+
+### Shell Security
+
+By default only safe commands are allowed. Extend via environment:
 
 ```bash
-npm run gui               # → http://localhost:4319
+MONA_ALLOW_CMDS="df,uptime,uname,git,npm,docker" mona-agent start
 ```
 
-## How it works
+Destructive patterns (`rm -rf /`, `mkfs`, fork bombs) are always blocked.
+
+## Commands
 
 ```
- ┌────────────┐    prompts + steps     ┌───────────────────────┐
- │  Your      │ ─────────────────────▶ │  agent.mona.expert     │
- │  device    │   streamed reasoning   │  (LLM brain, keys,     │
- │  (this app)│ ◀───────────────────── │   policy, memory)      │
- └────────────┘                        └───────────────────────┘
-        │  device metrics + agent steps (WebSocket)  ▲
-        └────────────────────────────────────────────┘
+mona-agent gui       Terminal dashboard with live metrics
+mona-agent start     Headless daemon — no UI, log to stderr
+mona-agent login     Save your control-plane API key
+mona-agent status    Show login state and config paths
+mona-agent help      Show all commands and environment vars
 ```
 
-- **`src/config.js`** — stores only your `agent.mona.expert` API key (`~/.mona-agent/credentials.json`, chmod 600).
-- **`src/cloud.js`** — sends messages to the cloud brain and streams reasoning back.
-- **`src/telemetry.js`** — WebSocket stream of device metrics + agent steps to the domain.
-- **`src/agent.js`** — the local run loop (remote reasoning, local execution + telemetry).
-- **`src/gui/`** — the dashboard.
+Without arguments, auto-detects: GUI if terminal, headless otherwise.
 
-## Commands
+## Environment Variables
+
+| Variable | Default | Purpose |
+|----------|---------|---------|
+| `MONA_CLOUD` | `https://agent.mona.expert` | Control plane URL |
+| `MONA_CLOUD_WS` | Auto-derived | WebSocket URL override |
+| `MONA_ALLOW_CMDS` | `df,uptime,uname,...` | Shell command allowlist |
+| `MONA_SHELL_UNSAFE` | — | Set to `1` for unrestricted shell |
+| `MONA_WORKSPACE` | `~/.mona-agent/workspace` | File tool sandbox directory |
+
+## Project Structure
+
+```
+agent/
++-- bin/mona-agent.js         CLI entry point
++-- src/
+|   +-- agent.js              Agent daemon (reasoning loop)
+|   +-- cloud.js              Cloud API client (SSE streaming)
+|   +-- config.js             Configuration & credential management
+|   +-- control.js            WebSocket control channel (reconnect, metrics)
+|   +-- log.js                Structured event-driven logger
+|   +-- tui.js                Terminal dashboard (pure ANSI)
+|   +-- tools/
+|       +-- index.js          Tool registry & dispatcher
+|       +-- sysinfo.js        System information
+|       +-- shell.js          Sandboxed shell execution
+|       +-- files.js          File system operations
+|       +-- net.js            Network operations
++-- test/
+|   +-- agent.test.mjs        14 unit tests
++-- install.sh                One-line install script
++-- README.md
++-- LICENSE
++-- package.json
+```
+
+## Architecture
+
+**Cloud-brained**: Reasoning happens on the control plane where API keys live. The device executes tools and streams results. The device never touches LLM provider credentials.
+
+- **Commands** (`run`, `tool`, `ping`) flow: control plane -> cloud -> device
+- **Telemetry** (`metrics`, `steps`, `tokens`, `results`) flow: device -> cloud -> control plane
+- **API keys** never leave the control plane
 
-| Command | Description |
-|---|---|
-| `mona-agent login` | Save your API key |
-| `mona-agent status` | Show login state |
-| `mona-agent run "<task>"` | Run a task (reasoning in the cloud) |
-| `npm run gui` | Start the GUI at `http://localhost:4319` |
+The device stores **only** the control-plane API key in `~/.mona-agent/credentials.json` (mode `0600`).
 
-## Privacy
+## Open Source & SaaS
 
-The only secret on your device is the `agent.mona.expert` API key. Model provider keys, prompts policy, and long-term memory live server-side.
+| What | Where | Price |
+|------|-------|-------|
+| **Device agent** | This repo — install, modify, fork | Free & open source (MIT) |
+| **Control plane** | Self-host or SaaS at [agent.mona.expert](https://agent.mona.expert) | Free tier available |
+
+The agent is MIT. Use it with any control plane. The cloud platform at agent.mona.expert provides the managed experience with premium plans for teams.
+
+## Development
+
+```bash
+git clone https://github.com/MONAEXPERT/agent.git
+cd agent
+npm install
+npm test               # 14 tests, all passing
+```
 
 ## License
 
-MIT
+MIT — free forever.
+
+---
+
+<p align="center">
+  <sub>
+    mona-agent &middot; <a href="https://agent.mona.expert">agent.mona.expert</a> &middot;
+    <a href="https://github.com/MONAEXPERT/agent">GitHub</a> &middot;
+    <a href="https://github.com/MONAEXPERT/agent/issues">Issues</a>
+  </sub>
+</p>
+
+<p align="center">
+  <sub>Open-source device agent. No LLM keys on your device. Ever.</sub>
+</p>

bin/mona-agent.js

@@ -1,68 +1,182 @@
 #!/usr/bin/env node
+// ── mona-agent CLI ────────────────────────────────────────────────
+// Commands:
+//   gui     Terminal dashboard (default when TTY)
+//   start   Headless daemon
+//   login   Save API key
+//   status  Show connection info
+//   help    Show usage
+
 import { createInterface } from 'node:readline/promises';
 import { stdin, stdout } from 'node:process';
-import { loadCreds, saveCreds, requireKey, CRED_PATH } from '../src/config.js';
+import { loadCreds, saveCreds, requireCreds, CLOUD, DEFAULTS, PATHS } from '../src/config.js';
 import { verifyKey } from '../src/cloud.js';
-import { Agent } from '../src/agent.js';
+import { AgentDaemon } from '../src/agent.js';
+import { Dashboard } from '../src/tui.js';
+import { log } from '../src/log.js';
 
-const [cmd, ...rest] = process.argv.slice(2);
+const [cmd] = process.argv.slice(2);
 
+// ── login ─────────────────────────────────────────────────────────
 async function login() {
   const rl = createInterface({ input: stdin, output: stdout });
   const existing = loadCreds();
-  if (existing?.apiKey) console.log('An API key is already saved. This will replace it.');
-  const apiKey = (await rl.question('agent.mona.expert API key: ')).trim();
+
+  console.log(`\n  ${BOLD}mona-agent login${RESET}\n`);
+
+  if (existing?.apiKey) {
+    console.log(`  ${DIM}An API key is already saved. This will replace it.${RESET}\n`);
+  }
+
+  const apiKey = (await rl.question('  agent.mona.expert API key: ')).trim();
   rl.close();
-  if (!apiKey) { console.error('No key entered.'); process.exit(1); }
-  process.stdout.write('Verifying with cloud... ');
+
+  if (!apiKey) {
+    console.error('\n  No key entered.\n');
+    process.exit(1);
+  }
+
+  process.stdout.write(`\n  Verifying with ${CLOUD.base}... `);
+
   try {
     const info = await verifyKey(apiKey);
     const path = saveCreds({ apiKey, agentId: info.agentId });
-    console.log('OK');
-    console.log(`Linked agent: ${info.agentId || '(pending)'}`);
-    console.log(`Saved to ${path} (chmod 600, no LLM keys stored).`);
+
+    console.log(`${GREEN}OK${RESET}`);
+    console.log(`\n  ${DIM}Agent:${RESET}  ${info.agentId || '(pending)'}`);
+    console.log(`  ${DIM}Saved:${RESET}  ${path}`);
+    console.log(`  ${DIM}Cloud:${RESET}  ${CLOUD.base}`);
+    console.log(`\n  Start the daemon:\n`);
+    console.log(`    ${CYAN}mona-agent gui${RESET}     ${DIM}# terminal dashboard${RESET}`);
+    console.log(`    ${CYAN}mona-agent start${RESET}   ${DIM}# headless daemon${RESET}`);
+    console.log();
   } catch (e) {
-    console.error('FAILED\n' + e.message);
+    console.log(`${RED}FAILED${RESET}`);
+    console.error(`\n  ${e.message}\n`);
     process.exit(1);
   }
 }
 
-async function run() {
-  const creds = requireKey();
-  const task = rest.join(' ');
-  if (!task) { console.error('Usage: mona-agent run "<task>"'); process.exit(1); }
-  const agent = new Agent(creds);
-  process.stdout.write('\n');
-  await agent.run(task, (t) => process.stdout.write(t));
-  process.stdout.write('\n');
-  agent.close();
+// ── gui (terminal dashboard) ──────────────────────────────────────
+async function gui() {
+  const creds = requireCreds();
+  log.quiet(true); // Suppress console output; TUI handles display
+
+  const daemon = new AgentDaemon(creds);
+  const dashboard = new Dashboard(daemon);
+
+  const stop = () => {
+    dashboard.stop();
+    daemon.close();
+    process.exit(0);
+  };
+
+  process.on('SIGINT', stop);
+  process.on('SIGTERM', stop);
+
+  daemon.start();
+  dashboard.start();
 }
 
+// ── start (headless) ──────────────────────────────────────────────
+async function start() {
+  const creds = requireCreds();
+
+  console.log(`\n  ${BOLD}${CYAN}mona-agent${RESET} ${DIM}v${DEFAULTS.version}${RESET}`);
+  console.log(`  ${DIM}Headless daemon — controlled from ${CLOUD.base}${RESET}\n`);
+
+  const daemon = new AgentDaemon(creds);
+
+  const stop = () => {
+    console.log(`\n  ${DIM}Shutting down...${RESET}\n`);
+    daemon.close();
+    process.exit(0);
+  };
+
+  process.on('SIGINT', stop);
+  process.on('SIGTERM', stop);
+
+  daemon.start();
+
+  // Keep process alive; all work is driven by inbound commands.
+  setInterval(() => {}, 1 << 30);
+}
+
+// ── status ────────────────────────────────────────────────────────
 function status() {
   const c = loadCreds();
-  if (!c) { console.log('Not logged in. Run: mona-agent login'); return; }
-  console.log(`Logged in. agentId=${c.agentId || '(pending)'} cred=${CRED_PATH}`);
+  console.log(`\n  ${BOLD}mona-agent status${RESET}\n`);
+
+  if (!c?.apiKey) {
+    console.log(`  ${RED}Not logged in.${RESET} Run: ${CYAN}mona-agent login${RESET}\n`);
+    return;
+  }
+
+  console.log(`  ${DIM}Agent:${RESET}   ${c.agentId || '(pending)'}`);
+  console.log(`  ${DIM}Cloud:${RESET}   ${CLOUD.base}`);
+  console.log(`  ${DIM}Creds:${RESET}   ${PATHS.creds}`);
+  console.log(`  ${DIM}Config:${RESET}  ${PATHS.dir}`);
+  console.log();
 }
 
+// ── help ──────────────────────────────────────────────────────────
 function help() {
-  console.log(`mona-agent — cloud-brained device agent
+  console.log(`
+  ${BOLD}mona-agent${RESET} ${DIM}v${DEFAULTS.version}${RESET}
+  Cloud-brained device agent. No local LLM keys.
+
+  ${BOLD}USAGE${RESET}
 
-Usage:
-  mona-agent login            Save your agent.mona.expert API key
-  mona-agent status           Show login status
-  mona-agent run "<task>"     Run a task (reasoning happens in the cloud)
-  mona-agent gui              Start the local GUI (npm run gui)
+    mona-agent ${CYAN}<command>${RESET}
 
-No LLM provider keys are stored locally. All reasoning runs on agent.mona.expert.`);
+  ${BOLD}COMMANDS${RESET}
+
+    ${CYAN}gui${RESET}       Terminal dashboard with live metrics   ${DIM}(default)${RESET}
+    ${CYAN}start${RESET}     Headless daemon (no UI)
+    ${CYAN}login${RESET}     Save your agent.mona.expert API key
+    ${CYAN}status${RESET}    Show login and connection info
+    ${CYAN}help${RESET}      Show this help
+
+  ${BOLD}ENVIRONMENT${RESET}
+
+    MONA_CLOUD        Cloud base URL     ${DIM}(default: ${CLOUD.base})${RESET}
+    MONA_CLOUD_WS     WebSocket URL      ${DIM}(auto-derived from MONA_CLOUD)${RESET}
+    MONA_ALLOW_CMDS   Shell allowlist    ${DIM}(comma-separated command names)${RESET}
+    MONA_SHELL_UNSAFE Allow all shell    ${DIM}(set to 1 — NOT recommended)${RESET}
+    MONA_WORKSPACE    File tool sandbox  ${DIM}(default: ~/.mona-agent/workspace)${RESET}
+
+  ${BOLD}QUICK START${RESET}
+
+    ${DIM}$${RESET} mona-agent login       ${DIM}# paste your API key${RESET}
+    ${DIM}$${RESET} mona-agent gui         ${DIM}# terminal dashboard${RESET}
+
+  All reasoning runs on ${BOLD}${CLOUD.base}${RESET}. No LLM keys stored locally.
+`);
 }
 
+// ── ANSI constants ────────────────────────────────────────────────
+const BOLD  = '\x1b[1m';
+const DIM   = '\x1b[2m';
+const RESET = '\x1b[0m';
+const CYAN  = '\x1b[36m';
+const GREEN = '\x1b[32m';
+const RED   = '\x1b[31m';
+
+// ── Dispatch ──────────────────────────────────────────────────────
 switch (cmd) {
-  case 'login': await login(); break;
-  case 'status': status(); break;
-  case 'run': await run(); break;
+  case 'login':               await login(); break;
+  case 'gui':                 await gui(); break;
+  case 'start':               await start(); break;
+  case 'status':              status(); break;
   case undefined:
-  case 'help':
-  case '-h':
-  case '--help': help(); break;
-  default: console.error(`Unknown command: ${cmd}`); help(); process.exit(1);
+    // Default: GUI if TTY, headless otherwise
+    if (process.stdout.isTTY) await gui();
+    else                      await start();
+    break;
+  case 'help': case '-h': case '--help':
+    help();
+    break;
+  default:
+    console.error(`\n  Unknown command: ${cmd}\n  Run ${CYAN}mona-agent help${RESET} for usage.\n`);
+    process.exit(1);
 }

install.sh

@@ -1,39 +1,66 @@
 #!/usr/bin/env bash
-# Easy install for Mona Agent.
-# Usage:  curl -fsSL https://agent.mona.expert/install.sh | bash
+# ── mona-agent installer ──────────────────────────────────────────
+# Usage: curl -fsSL https://agent.mona.expert/install.sh | bash
 set -euo pipefail
 
-REPO="${MONA_REPO:-https://github.com/mona-expert/mona-agent.git}"
+REPO="${MONA_REPO:-https://github.com/MONAEXPERT/mona-agent.git}"
 DIR="${MONA_DIR:-$HOME/.mona-agent-app}"
+BOLD='\033[1m'
+DIM='\033[2m'
+CYAN='\033[36m'
+GREEN='\033[32m'
+RED='\033[31m'
+RESET='\033[0m'
 
-echo "→ Mona Agent installer"
+echo ""
+echo -e "  ${BOLD}${CYAN}mona-agent${RESET} installer"
+echo ""
+
+# ── Check prerequisites ──────────────────────────────────────────
+command -v node >/dev/null 2>&1 || {
+  echo -e "  ${RED}✗${RESET} Node.js 20+ required. Install from https://nodejs.org"
+  exit 1
+}
 
-command -v node >/dev/null 2>&1 || { echo "Node.js 18+ required. Install from https://nodejs.org"; exit 1; }
 NODE_MAJOR=$(node -p "process.versions.node.split('.')[0]")
-[ "$NODE_MAJOR" -ge 18 ] || { echo "Node 18+ required (found $(node -v))"; exit 1; }
+if [ "$NODE_MAJOR" -lt 20 ]; then
+  echo -e "  ${RED}✗${RESET} Node.js 20+ required (found $(node -v))"
+  exit 1
+fi
 
+echo -e "  ${GREEN}✓${RESET} Node.js $(node -v)"
+
+# ── Clone or update ──────────────────────────────────────────────
 if [ -d "$DIR/.git" ]; then
-  echo "→ Updating existing install in $DIR"
-  git -C "$DIR" pull --ff-only
+  echo -e "  ${DIM}→ Updating existing install in $DIR${RESET}"
+  git -C "$DIR" pull --ff-only --quiet
 else
-  echo "→ Cloning into $DIR"
-  git clone --depth 1 "$REPO" "$DIR"
+  echo -e "  ${DIM}→ Cloning into $DIR${RESET}"
+  git clone --depth 1 --quiet "$REPO" "$DIR"
 fi
 
 cd "$DIR"
-echo "→ Installing dependencies"
-npm install --omit=dev --silent
 
-# Link the CLI globally if possible.
-if npm link >/dev/null 2>&1; then
-  echo "→ Linked 'mona-agent' command globally"
+# ── Install dependencies ────────────────────────────────────────
+echo -e "  ${DIM}→ Installing dependencies${RESET}"
+npm install --omit=dev --silent 2>/dev/null
+
+# ── Link CLI globally ───────────────────────────────────────────
+if npm link --silent 2>/dev/null; then
+  echo -e "  ${GREEN}✓${RESET} Linked ${BOLD}mona-agent${RESET} command globally"
 else
-  echo "→ Could not link globally; run via: node $DIR/bin/mona-agent.js"
+  echo -e "  ${DIM}→ Could not link globally; run via: node $DIR/bin/mona-agent.js${RESET}"
 fi
 
-echo
-echo "✓ Installed."
-echo "  1) Log in:      mona-agent login"
-echo "  2) Launch GUI:  cd $DIR && npm run gui   → http://localhost:4319"
-echo
-echo "No LLM keys are stored locally. All reasoning runs on agent.mona.expert."
+echo ""
+echo -e "  ${GREEN}✓${RESET} Installed."
+echo ""
+echo -e "  ${BOLD}Quick start:${RESET}"
+echo ""
+echo -e "    ${CYAN}mona-agent login${RESET}     ${DIM}# connect to your control plane${RESET}"
+echo -e "    ${CYAN}mona-agent gui${RESET}       ${DIM}# terminal dashboard${RESET}"
+echo -e "    ${CYAN}mona-agent start${RESET}     ${DIM}# headless daemon${RESET}"
+echo ""
+echo -e "  Free & open source (MIT). No LLM keys on your device."
+echo -e "  SaaS control plane at ${BOLD}agent.mona.expert${RESET} (free tier available)."
+echo ""

src/gui/index.html

@@ -1,146 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-<meta charset="utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1" />
-<title>Mona Agent</title>
-<style>
-  :root {
-    --bg: #0b0d12; --panel: #141821; --line: #232a37;
-    --text: #e6e9ef; --muted: #8b94a7; --accent: #6ea8fe; --ok: #46d39a; --warn: #ffcc66;
-  }
-  * { box-sizing: border-box; }
-  body {
-    margin: 0; font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-    background: var(--bg); color: var(--text); height: 100vh; display: grid;
-    grid-template-rows: auto 1fr;
-  }
-  header {
-    display: flex; align-items: center; gap: 12px; padding: 14px 20px;
-    border-bottom: 1px solid var(--line); background: linear-gradient(180deg,#11151d,#0b0d12);
-  }
-  header .logo { width: 28px; height: 28px; border-radius: 8px;
-    background: radial-gradient(circle at 30% 30%, #6ea8fe, #3a6ff0); }
-  header h1 { font-size: 15px; margin: 0; letter-spacing: .3px; }
-  header .status { margin-left: auto; font-size: 12px; color: var(--muted); }
-  header .dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--warn); margin-right:6px;}
-  header .dot.on { background: var(--ok); }
-  main { display: grid; grid-template-columns: 1.3fr 1fr; gap: 16px; padding: 16px; overflow: hidden; }
-  .panel { background: var(--panel); border: 1px solid var(--line); border-radius: 14px;
-    display: flex; flex-direction: column; overflow: hidden; }
-  .panel h2 { font-size: 12px; text-transform: uppercase; letter-spacing: .6px; color: var(--muted);
-    margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--line); }
-  .panel .body { padding: 14px 16px; overflow: auto; flex: 1; }
-  .left { display: grid; grid-template-rows: auto 1fr; gap: 16px; }
-  .metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
-  .metric { background:#0f131b; border:1px solid var(--line); border-radius:10px; padding:12px; }
-  .metric .k { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing:.5px;}
-  .metric .v { font-size: 20px; font-weight: 600; margin-top: 4px; }
-  .metric .v small { font-size: 12px; color: var(--muted); font-weight: 400; }
-  .steps .item { padding: 8px 0; border-bottom: 1px dashed var(--line); }
-  .steps .item:last-child { border-bottom: none; }
-  .steps .name { color: var(--accent); font-weight: 600; }
-  .steps .t { color: var(--muted); font-size: 11px; float: right; }
-  #output { white-space: pre-wrap; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-    font-size: 13px; }
-  .runbar { display: flex; gap: 10px; padding: 14px 16px; border-top: 1px solid var(--line); }
-  .runbar input { flex: 1; background:#0f131b; border:1px solid var(--line); color: var(--text);
-    border-radius: 10px; padding: 10px 12px; font-size: 14px; outline: none; }
-  .runbar input:focus { border-color: var(--accent); }
-  .runbar button { background: var(--accent); color:#06101f; border:none; border-radius:10px;
-    padding: 0 18px; font-weight: 600; cursor: pointer; }
-  .runbar button:disabled { opacity:.5; cursor: default; }
-  .cloud-note { font-size: 11px; color: var(--muted); padding: 0 16px 12px; }
-</style>
-</head>
-<body>
-  <header>
-    <div class="logo"></div>
-    <h1>Mona Agent</h1>
-    <div class="status"><span class="dot" id="dot"></span><span id="statusText">connecting…</span></div>
-  </header>
-  <main>
-    <div class="left">
-      <div class="panel">
-        <h2>Device Monitoring</h2>
-        <div class="body metrics">
-          <div class="metric"><div class="k">CPU load (1m)</div><div class="v" id="m-cpu">—</div></div>
-          <div class="metric"><div class="k">Memory used</div><div class="v" id="m-mem">—</div></div>
-          <div class="metric"><div class="k">Uptime</div><div class="v" id="m-up">—</div></div>
-          <div class="metric"><div class="k">Platform</div><div class="v" id="m-plat">—</div></div>
-          <div class="metric"><div class="k">Cores</div><div class="v" id="m-cores">—</div></div>
-          <div class="metric"><div class="k">Streaming</div><div class="v" id="m-stream" style="color:var(--ok)">live</div></div>
-        </div>
-      </div>
-      <div class="panel">
-        <h2>Agent Output</h2>
-        <div class="body"><div id="output">Ready. Type a task below.</div></div>
-        <div class="runbar">
-          <input id="task" placeholder="Ask the agent to do something…" />
-          <button id="run">Run</button>
-        </div>
-        <div class="cloud-note">🔒 Reasoning runs on agent.mona.expert · no LLM keys stored on this device</div>
-      </div>
-    </div>
-    <div class="panel">
-      <h2>Live Steps &amp; Telemetry → agent.mona.expert</h2>
-      <div class="body steps" id="steps"></div>
-    </div>
-  </main>
-<script>
-const $ = s => document.querySelector(s);
-const fmtBytes = b => (b/1073741824).toFixed(1) + ' GB';
-const fmtUp = s => { const h=Math.floor(s/3600), m=Math.floor(s%3600/60); return h+'h '+m+'m'; };
-
-let ws;
-function connect() {
-  ws = new WebSocket(`ws://${location.host}`);
-  ws.onopen = () => { $('#dot').classList.add('on'); $('#statusText').textContent = 'connected'; };
-  ws.onclose = () => { $('#dot').classList.remove('on'); $('#statusText').textContent = 'reconnecting…'; setTimeout(connect, 2000); };
-  ws.onmessage = (ev) => {
-    const msg = JSON.parse(ev.data);
-    if (msg.type === 'device.metrics') {
-      const d = msg.data;
-      $('#m-cpu').innerHTML = d.cpuLoad[0].toFixed(2);
-      const used = d.mem.total - d.mem.free;
-      $('#m-mem').innerHTML = fmtBytes(used) + ' <small>/ ' + fmtBytes(d.mem.total) + '</small>';
-      $('#m-up').textContent = fmtUp(d.uptime);
-      $('#m-plat').textContent = d.platform + ' ' + d.arch;
-      $('#m-cores').textContent = d.cpus;
-    } else if (msg.type === 'agent.step') {
-      addStep(msg.data.name, JSON.stringify(msg.data.detail || {}));
-    } else if (msg.type === 'agent.log') {
-      addStep(msg.data.level, msg.data.message);
-    } else if (msg.type === 'token') {
-      if ($('#output').dataset.fresh !== '1') { $('#output').textContent=''; $('#output').dataset.fresh='1'; }
-      $('#output').textContent += msg.data;
-    } else if (msg.type === 'done') {
-      $('#run').disabled = false; $('#output').dataset.fresh='0';
-      addStep('done', 'task complete');
-    } else if (msg.type === 'error') {
-      addStep('error', msg.data);
-    }
-  };
-}
-function addStep(name, detail) {
-  const el = document.createElement('div');
-  el.className = 'item';
-  el.innerHTML = `<span class="t">${new Date().toLocaleTimeString()}</span><span class="name">${name}</span><div>${detail||''}</div>`;
-  $('#steps').prepend(el);
-}
-function run() {
-  const task = $('#task').value.trim();
-  if (!task || !ws || ws.readyState !== 1) return;
-  $('#run').disabled = true;
-  $('#output').textContent = '';
-  $('#output').dataset.fresh = '0';
-  addStep('run', task);
-  ws.send(JSON.stringify({ type: 'run', task }));
-  $('#task').value = '';
-}
-$('#run').onclick = run;
-$('#task').addEventListener('keydown', e => { if (e.key === 'Enter') run(); });
-connect();
-</script>
-</body>
-</html>

src/gui/server.js

@@ -1,61 +0,0 @@
-// Local GUI server. Serves the dashboard and bridges browser <-> agent + cloud.
-import http from 'node:http';
-import { readFileSync } from 'node:fs';
-import { fileURLToPath } from 'node:url';
-import { dirname, join } from 'node:path';
-import { WebSocketServer } from 'ws';
-import { loadCreds } from '../config.js';
-import { Agent } from '../agent.js';
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const PORT = process.env.PORT || 4319;
-
-const html = readFileSync(join(__dirname, 'index.html'), 'utf8');
-
-const server = http.createServer((req, res) => {
-  if (req.url === '/' || req.url === '/index.html') {
-    res.writeHead(200, { 'content-type': 'text/html' });
-    res.end(html);
-  } else if (req.url === '/api/status') {
-    const c = loadCreds();
-    res.writeHead(200, { 'content-type': 'application/json' });
-    res.end(JSON.stringify({ loggedIn: !!c?.apiKey, agentId: c?.agentId || null }));
-  } else {
-    res.writeHead(404); res.end('not found');
-  }
-});
-
-const wss = new WebSocketServer({ server });
-wss.on('connection', (client) => {
-  const creds = loadCreds();
-  if (!creds?.apiKey) {
-    client.send(JSON.stringify({ type: 'error', data: 'Not logged in. Run: mona-agent login' }));
-    return;
-  }
-  const agent = new Agent(creds);
-  // Mirror telemetry to the browser dashboard.
-  const origSend = agent.telemetry.send.bind(agent.telemetry);
-  agent.telemetry.send = (type, data) => {
-    origSend(type, data);
-    if (client.readyState === 1) client.send(JSON.stringify({ type, data, ts: Date.now() }));
-  };
-
-  client.on('message', async (raw) => {
-    try {
-      const msg = JSON.parse(raw.toString());
-      if (msg.type === 'run' && msg.task) {
-        await agent.run(msg.task, (delta) =>
-          client.readyState === 1 && client.send(JSON.stringify({ type: 'token', data: delta })));
-        client.readyState === 1 && client.send(JSON.stringify({ type: 'done' }));
-      }
-    } catch (e) {
-      client.readyState === 1 && client.send(JSON.stringify({ type: 'error', data: e.message }));
-    }
-  });
-
-  client.on('close', () => agent.close());
-});
-
-server.listen(PORT, () => {
-  console.log(`\n  Mona Agent GUI  →  http://localhost:${PORT}\n`);
-});

src/telemetry.js

@@ -1,67 +0,0 @@
-// Streams device monitoring + agent steps to agent.mona.expert over a WebSocket.
-import { WebSocket } from 'ws';
-import os from 'node:os';
-import { CLOUD } from './config.js';
-
-export class TelemetryStream {
-  constructor(apiKey, agentId) {
-    this.apiKey = apiKey;
-    this.agentId = agentId;
-    this.ws = null;
-    this.queue = [];
-    this.timer = null;
-  }
-
-  connect() {
-    this.ws = new WebSocket(CLOUD.ws, {
-      headers: { authorization: `Bearer ${this.apiKey}` },
-    });
-    this.ws.on('open', () => {
-      this.send('hello', { agentId: this.agentId, host: os.hostname() });
-      this.flush();
-      this.startDeviceMonitor();
-    });
-    this.ws.on('close', () => {
-      clearInterval(this.timer);
-      setTimeout(() => this.connect(), 3000); // auto-reconnect
-    });
-    this.ws.on('error', () => {});
-    return this;
-  }
-
-  send(type, data) {
-    const msg = JSON.stringify({ type, ts: Date.now(), agentId: this.agentId, data });
-    if (this.ws && this.ws.readyState === WebSocket.OPEN) this.ws.send(msg);
-    else this.queue.push(msg);
-  }
-
-  flush() {
-    while (this.queue.length && this.ws?.readyState === WebSocket.OPEN) {
-      this.ws.send(this.queue.shift());
-    }
-  }
-
-  // Emit agent lifecycle steps.
-  step(name, detail) { this.send('agent.step', { name, detail }); }
-  log(level, message) { this.send('agent.log', { level, message }); }
-
-  // Periodic device monitoring snapshot.
-  startDeviceMonitor() {
-    this.timer = setInterval(() => {
-      const load = os.loadavg();
-      this.send('device.metrics', {
-        cpuLoad: load,
-        mem: { total: os.totalmem(), free: os.freemem() },
-        uptime: os.uptime(),
-        platform: os.platform(),
-        arch: os.arch(),
-        cpus: os.cpus().length,
-      });
-    }, 5000);
-  }
-
-  close() {
-    clearInterval(this.timer);
-    this.ws?.close();
-  }
-}