pokegent 2.0.2 → 2.0.3

package/dist/index.js

@@ -3398,10 +3398,10 @@ Expecting one of '${allowedValues.join("', '")}'`);
    * @param {string} [path]
    * @return {(string|null|Command)}
    */
-  executableDir(path5) {
-    if (path5 === void 0)
+  executableDir(path7) {
+    if (path7 === void 0)
       return this._executableDir;
-    this._executableDir = path5;
+    this._executableDir = path7;
     return this;
   }
   /**
@@ -7721,12 +7721,12 @@ var PathBase = class {
   /**
    * Get the Path object referenced by the string path, resolved from this Path
    */
-  resolve(path5) {
-    if (!path5) {
+  resolve(path7) {
+    if (!path7) {
       return this;
     }
-    const rootPath = this.getRootString(path5);
-    const dir = path5.substring(rootPath.length);
+    const rootPath = this.getRootString(path7);
+    const dir = path7.substring(rootPath.length);
     const dirParts = dir.split(this.splitSep);
     const result = rootPath ? this.getRoot(rootPath).#resolveParts(dirParts) : this.#resolveParts(dirParts);
     return result;
@@ -8478,8 +8478,8 @@ var PathWin32 = class _PathWin32 extends PathBase {
   /**
    * @internal
    */
-  getRootString(path5) {
-    return win32.parse(path5).root;
+  getRootString(path7) {
+    return win32.parse(path7).root;
   }
   /**
    * @internal
@@ -8525,8 +8525,8 @@ var PathPosix = class _PathPosix extends PathBase {
   /**
    * @internal
    */
-  getRootString(path5) {
-    return path5.startsWith("/") ? "/" : "";
+  getRootString(path7) {
+    return path7.startsWith("/") ? "/" : "";
   }
   /**
    * @internal
@@ -8575,8 +8575,8 @@ var PathScurryBase = class {
    *
    * @internal
    */
-  constructor(cwd = process.cwd(), pathImpl, sep2, { nocase, childrenCacheSize = 16 * 1024, fs: fs7 = defaultFS } = {}) {
-    this.#fs = fsFromOption(fs7);
+  constructor(cwd = process.cwd(), pathImpl, sep2, { nocase, childrenCacheSize = 16 * 1024, fs: fs8 = defaultFS } = {}) {
+    this.#fs = fsFromOption(fs8);
     if (cwd instanceof URL || cwd.startsWith("file://")) {
       cwd = fileURLToPath(cwd);
     }
@@ -8615,11 +8615,11 @@ var PathScurryBase = class {
   /**
    * Get the depth of a provided path, string, or the cwd
    */
-  depth(path5 = this.cwd) {
-    if (typeof path5 === "string") {
-      path5 = this.cwd.resolve(path5);
+  depth(path7 = this.cwd) {
+    if (typeof path7 === "string") {
+      path7 = this.cwd.resolve(path7);
     }
-    return path5.depth();
+    return path7.depth();
   }
   /**
    * Return the cache of child entries.  Exposed so subclasses can create
@@ -9106,9 +9106,9 @@ var PathScurryBase = class {
     process3();
     return results;
   }
-  chdir(path5 = this.cwd) {
+  chdir(path7 = this.cwd) {
     const oldCwd = this.cwd;
-    this.cwd = typeof path5 === "string" ? this.cwd.resolve(path5) : path5;
+    this.cwd = typeof path7 === "string" ? this.cwd.resolve(path7) : path7;
     this.cwd[setAsCwd](oldCwd);
   }
 };
@@ -9134,8 +9134,8 @@ var PathScurryWin32 = class extends PathScurryBase {
   /**
    * @internal
    */
-  newRoot(fs7) {
-    return new PathWin32(this.rootPath, IFDIR, void 0, this.roots, this.nocase, this.childrenCache(), { fs: fs7 });
+  newRoot(fs8) {
+    return new PathWin32(this.rootPath, IFDIR, void 0, this.roots, this.nocase, this.childrenCache(), { fs: fs8 });
   }
   /**
    * Return true if the provided path string is an absolute path
@@ -9163,8 +9163,8 @@ var PathScurryPosix = class extends PathScurryBase {
   /**
    * @internal
    */
-  newRoot(fs7) {
-    return new PathPosix(this.rootPath, IFDIR, void 0, this.roots, this.nocase, this.childrenCache(), { fs: fs7 });
+  newRoot(fs8) {
+    return new PathPosix(this.rootPath, IFDIR, void 0, this.roots, this.nocase, this.childrenCache(), { fs: fs8 });
   }
   /**
    * Return true if the provided path string is an absolute path
@@ -9464,8 +9464,8 @@ var MatchRecord = class {
   }
   // match, absolute, ifdir
   entries() {
-    return [...this.store.entries()].map(([path5, n]) => [
-      path5,
+    return [...this.store.entries()].map(([path7, n]) => [
+      path7,
       !!(n & 2),
       !!(n & 1)
     ]);
@@ -9670,9 +9670,9 @@ var GlobUtil = class {
   signal;
   maxDepth;
   includeChildMatches;
-  constructor(patterns, path5, opts) {
+  constructor(patterns, path7, opts) {
     this.patterns = patterns;
-    this.path = path5;
+    this.path = path7;
     this.opts = opts;
     this.#sep = !opts.posix && opts.platform === "win32" ? "\\" : "/";
     this.includeChildMatches = opts.includeChildMatches !== false;
@@ -9691,11 +9691,11 @@ var GlobUtil = class {
       });
     }
   }
-  #ignored(path5) {
-    return this.seen.has(path5) || !!this.#ignore?.ignored?.(path5);
+  #ignored(path7) {
+    return this.seen.has(path7) || !!this.#ignore?.ignored?.(path7);
   }
-  #childrenIgnored(path5) {
-    return !!this.#ignore?.childrenIgnored?.(path5);
+  #childrenIgnored(path7) {
+    return !!this.#ignore?.childrenIgnored?.(path7);
   }
   // backpressure mechanism
   pause() {
@@ -9910,8 +9910,8 @@ var GlobUtil = class {
 };
 var GlobWalker = class extends GlobUtil {
   matches = /* @__PURE__ */ new Set();
-  constructor(patterns, path5, opts) {
-    super(patterns, path5, opts);
+  constructor(patterns, path7, opts) {
+    super(patterns, path7, opts);
   }
   matchEmit(e) {
     this.matches.add(e);
@@ -9948,8 +9948,8 @@ var GlobWalker = class extends GlobUtil {
 };
 var GlobStream = class extends GlobUtil {
   results;
-  constructor(patterns, path5, opts) {
-    super(patterns, path5, opts);
+  constructor(patterns, path7, opts) {
+    super(patterns, path7, opts);
     this.results = new Minipass({
       signal: this.signal,
       objectMode: true
@@ -10245,26 +10245,26 @@ glob.glob = glob;
 // src/constants.ts
 import os from "os";
 var home = os.homedir();
-var APP_TITLE = "\u25D3 Pok\xE9gent";
+var APP_TITLE = "Agentic";
 var VERSION = "2.0.0";
 var REFRESH_INTERVAL = 2e3;
 var CLI_SIGNATURES = {
-  "Mewtwo": { process: ["claude", "claude-code"], config: ["~/.claude", "~/.claude.json", "~/.config/claude"], icon: "\u{1F52E}", pokemonId: 150 },
-  "Venusaur": { process: ["codex", "openai-codex"], config: ["~/.codex", "~/.config/codex"], icon: "\u{1F343}", pokemonId: 3 },
-  "Blastoise": { process: ["copilot", "github-copilot"], config: ["~/.copilot", "~/.config/github-copilot"], icon: "\u{1F422}", pokemonId: 9 },
-  "Pikachu": { process: ["gemini", "gemini-cli"], config: ["~/.gemini", "~/.config/gemini"], icon: "\u26A1", pokemonId: 25 },
-  "Eevee": { process: ["cursor"], config: ["~/.cursor", "~/.cursor-server"], icon: "\u{1F98A}", pokemonId: 133 },
-  "Charizard": { process: ["amp", "amp-cli"], config: ["~/.amp", "~/.config/amp"], icon: "\u{1F525}", pokemonId: 6 },
-  "Charmander": { process: ["cline"], config: ["~/.cline", "~/.vscode/extensions/saoudrizwan.claude-dev-*"], icon: "\u{1F98E}", pokemonId: 4 },
-  "Gengar": { process: ["roo", "roo-code"], config: ["~/.roo", "~/.roo-code"], icon: "\u{1F47B}", pokemonId: 94 },
-  "Snorlax": { process: ["kilo", "kilo-code"], config: ["~/.kilo", "~/.kilo-code"], icon: "\u{1F43B}", pokemonId: 143 },
-  "Zubat": { process: ["kiro"], config: ["~/.kiro", "~/.config/kiro"], icon: "\u{1F987}", pokemonId: 41 },
-  "Jigglypuff": { process: ["crush"], config: ["~/.crush"], icon: "\u{1F388}", pokemonId: 39 },
-  "Ditto": { process: ["opencode"], config: ["~/.opencode", "~/.config/opencode"], icon: "\u{1F36E}", pokemonId: 132 },
-  "Machamp": { process: ["factory", "factory-droid"], config: ["~/.factory-droid"], icon: "\u{1F4AA}", pokemonId: 68 },
-  "Rayquaza": { process: ["antigravity", "ag-cli"], config: ["~/.antigravity"], icon: "\u{1F409}", pokemonId: 384 },
-  "Lapras": { process: ["kimi", "kimi-cli"], config: ["~/.kimi", "~/.config/kimi"], icon: "\u26F5", pokemonId: 131 },
-  "Dragonite": { process: ["qwen", "qwen-code"], config: ["~/.qwen", "~/.config/qwen"], icon: "\u{1F409}", pokemonId: 149 }
+  "claude-code": { process: ["claude", "claude-code"], config: ["~/.claude", "~/.claude.json", "~/.config/claude"], icon: "\u{1F52E}", pokemonId: 150, pokemonSlug: "mewtwo", pokemonName: "Mewtwo" },
+  "codex": { process: ["codex", "openai-codex"], config: ["~/.codex", "~/.config/codex"], icon: "\u{1F343}", pokemonId: 3, pokemonSlug: "venusaur", pokemonName: "Venusaur" },
+  "copilot": { process: ["copilot", "github-copilot"], config: ["~/.copilot", "~/.config/github-copilot"], icon: "\u{1F422}", pokemonId: 9, pokemonSlug: "blastoise", pokemonName: "Blastoise" },
+  "gemini-cli": { process: ["gemini", "gemini-cli"], config: ["~/.gemini", "~/.config/gemini"], icon: "\u26A1", pokemonId: 25, pokemonSlug: "pikachu", pokemonName: "Pikachu" },
+  "cursor": { process: ["cursor"], config: ["~/.cursor", "~/.cursor-server"], icon: "\u{1F98A}", pokemonId: 133, pokemonSlug: "eevee", pokemonName: "Eevee" },
+  "amp": { process: ["amp", "amp-cli"], config: ["~/.amp", "~/.config/amp"], icon: "\u{1F525}", pokemonId: 6, pokemonSlug: "charizard", pokemonName: "Charizard" },
+  "cline": { process: ["cline"], config: ["~/.cline", "~/.vscode/extensions/saoudrizwan.claude-dev-*"], icon: "\u{1F98E}", pokemonId: 4, pokemonSlug: "charmander", pokemonName: "Charmander" },
+  "roo-code": { process: ["roo", "roo-code"], config: ["~/.roo", "~/.roo-code"], icon: "\u{1F47B}", pokemonId: 94, pokemonSlug: "gengar", pokemonName: "Gengar" },
+  "kilo-code": { process: ["kilo", "kilo-code"], config: ["~/.kilo", "~/.kilo-code"], icon: "\u{1F43B}", pokemonId: 143, pokemonSlug: "snorlax", pokemonName: "Snorlax" },
+  "kiro": { process: ["kiro"], config: ["~/.kiro", "~/.config/kiro"], icon: "\u{1F987}", pokemonId: 41, pokemonSlug: "zubat", pokemonName: "Zubat" },
+  "crush": { process: ["crush"], config: ["~/.crush"], icon: "\u{1F388}", pokemonId: 39, pokemonSlug: "jigglypuff", pokemonName: "Jigglypuff" },
+  "opencode": { process: ["opencode"], config: ["~/.opencode", "~/.config/opencode"], icon: "\u{1F36E}", pokemonId: 132, pokemonSlug: "ditto", pokemonName: "Ditto" },
+  "factory": { process: ["factory", "factory-droid"], config: ["~/.factory-droid"], icon: "\u{1F4AA}", pokemonId: 68, pokemonSlug: "machamp", pokemonName: "Machamp" },
+  "antigravity": { process: ["antigravity", "ag-cli"], config: ["~/.antigravity"], icon: "\u{1F409}", pokemonId: 384, pokemonSlug: "rayquaza", pokemonName: "Rayquaza" },
+  "kimi": { process: ["kimi", "kimi-cli"], config: ["~/.kimi", "~/.config/kimi"], icon: "\u26F5", pokemonId: 131, pokemonSlug: "lapras", pokemonName: "Lapras" },
+  "qwen": { process: ["qwen", "qwen-code"], config: ["~/.qwen", "~/.config/qwen"], icon: "\u{1F409}", pokemonId: 149, pokemonSlug: "dragonite", pokemonName: "Dragonite" }
 };
 var MCP_SCAN_PATHS = [
   { path: "~/.claude/mcpServers.json", source: "Claude" },
@@ -10350,7 +10350,7 @@ async function scanClis() {
         }
       }
     }
-    results.push({ name, icon: sig.icon, state, pid, cpuPct, memMb, uptimeS, pokemonId: sig.pokemonId });
+    results.push({ name, icon: sig.icon, state, pid, cpuPct, memMb, uptimeS, pokemonId: sig.pokemonId, pokemonSlug: sig.pokemonSlug, pokemonName: sig.pokemonName });
   }
   return results;
 }
@@ -10627,10 +10627,10 @@ async function walkForMtime(dir, callback) {
 }
 async function getEnvIntegrity() {
   let score2 = 1;
-  const { execSync: execSync2 } = await import("child_process");
+  const { execSync } = await import("child_process");
   for (const cmd of ENV_CHECKS) {
     try {
-      execSync2(`which ${cmd}`, { stdio: "ignore" });
+      execSync(`which ${cmd}`, { stdio: "ignore" });
     } catch {
       score2 -= 0.15;
     }
@@ -10698,20 +10698,20 @@ function getBadges(clis, mcp, models, burn) {
   const running = clis.filter((c) => c.state === "RUNNING").length;
   const providerCount = getProviderCount(models);
   if (mcp.length >= 10)
-    badges.push("\u{1F3C6} Pok\xE9dex Master");
+    badges.push("\u{1F3C6} MCP Master");
   if (running >= 3)
-    badges.push("\u{1F984} Legendary Trainer");
+    badges.push("\u{1F984} Power Orchestrator");
   if (providerCount >= 3)
-    badges.push("\u{1F9EC} Hybrid Evolution");
+    badges.push("\u{1F9EC} Hybrid System");
   if (burn.tokenVelocity >= 1e4)
-    badges.push("\u{1F525} Blast Burn");
+    badges.push("\u{1F525} High Throughput");
   if (burn.sessionCount >= 100)
-    badges.push("\u{1F48E} Elite Four");
+    badges.push("\u{1F48E} Session Veteran");
   if (agentsPct(clis) > 50 && mcpPct(mcp) > 50 && modelsPct(models) > 50 && burnPct(burn) > 50) {
-    badges.push("\u26A1 Thunder Shock");
+    badges.push("\u26A1 Peak Synergy");
   }
   if (models.length >= 5)
-    badges.push("\u{1F310} Safari Zone Master");
+    badges.push("\u{1F310} Model Collector");
   return badges;
 }
 function agentsPct(clis) {
@@ -10731,23 +10731,19 @@ function burnPct(burn) {
 }
 function rarityLabel(score2) {
   if (score2 >= 900)
-    return "\u{1F31F} MYTHICAL CHAMPION \u2014 Top 1%";
+    return "\u{1F31F} ELITE ARCHITECT \u2014 Top 1%";
   if (score2 >= 750)
-    return "\u{1F48E} SHINY LEGENDARY \u2014 Top 5%";
+    return "\u{1F48E} EXPERT SYSTEM \u2014 Top 5%";
   if (score2 >= 600)
-    return "\u{1F947} POK\xC9MON MASTER \u2014 Top 15%";
+    return "\u{1F947} ADVANCED SYSTEM \u2014 Top 15%";
   if (score2 >= 400)
-    return "\u{1F948} GYM LEADER \u2014 Top 35%";
+    return "\u{1F948} SYSTEM ADMINISTRATOR \u2014 Top 35%";
   if (score2 >= 200)
-    return "\u{1F949} ELITE TRAINER \u2014 Top 60%";
-  return "\u{1F331} BEGINNER TRAINER \u2014 everyone starts here";
+    return "\u{1F949} SYSTEM OPERATOR \u2014 Top 60%";
+  return "\u{1F331} SYSTEM INITIALIZED \u2014 everyone starts here";
 }
 
 // src/card.ts
-function bar(pct, width = 20, filled = "\u2588", empty = "\u2591") {
-  const filledN = Math.floor(pct / 100 * width);
-  return filled.repeat(filledN) + empty.repeat(width - filledN);
-}
 function fmtTokens(n) {
   if (n >= 1e6)
     return `${(n / 1e6).toFixed(1)}M`;
@@ -10755,500 +10751,540 @@ function fmtTokens(n) {
     return `${(n / 1e3).toFixed(1)}K`;
   return String(n);
 }
-function renderTerminal(clis, mcp, models, burn, scoreResult) {
-  const running = clis.filter((c) => c.state === "RUNNING");
-  const idle = clis.filter((c) => c.state === "IDLE" || c.state === "DETECTED");
-  const agentLines = [];
-  for (const c of [...running, ...idle].slice(0, 6)) {
-    if (c.state === "RUNNING") {
-      agentLines.push(`  ${c.icon} ${c.name.padEnd(18)} \u25CF ${c.cpuPct.toFixed(1).padStart(5)}% CPU`);
-    } else {
-      agentLines.push(`  ${c.icon} ${c.name.padEnd(18)} \u25CB ${c.state.toLowerCase()}`);
-    }
-  }
-  const remaining = clis.length - agentLines.length;
-  if (remaining > 0)
-    agentLines.push(`     \u2026 +${remaining} more`);
-  const modelLines = [];
-  for (const m of models.slice(0, 5)) {
-    const b = bar(m.percentage, 10);
-    modelLines.push(`  ${m.name.padEnd(18)} ${b} ${m.percentage.toFixed(1).padStart(5)}%`);
-  }
-  const mcpLines = [];
-  const sortedMcp = [...mcp].sort((a, b) => b.toolCount - a.toolCount);
-  for (const t of sortedMcp.slice(0, 5)) {
-    const tc = t.toolCount ? `[${t.toolCount}]` : "";
-    mcpLines.push(`  \u25C6 ${t.name.padEnd(16)} ${tc}`);
-  }
-  const mcpRemaining = mcp.length - 5;
-  if (mcpRemaining > 0)
-    mcpLines.push(`     \u2026 +${mcpRemaining} more`);
-  const burnLines = [
-    `  PP Tokens ${fmtTokens(burn.totalTokens)}`,
-    `  Cost ($)  $${burn.estimatedCostUsd.toFixed(2)}/mo`,
-    `  PP/min    ${fmtTokens(burn.tokenVelocity)}/min`,
-    `  Battles   ${burn.sessionCount}`,
-    `  HP (Intg) ${bar(burn.envIntegrity * 100, 10)} ${Math.round(burn.envIntegrity * 100)}%`
-  ];
-  const badgeLines = scoreResult.badges.length > 0 ? scoreResult.badges.map((b) => `  ${b}`) : ["  (none yet)"];
-  const rarity = rarityLabel(scoreResult.total);
-  const w = 58;
-  const lines = [
-    `\u250C${"\u2500".repeat(w)}\u2510`,
-    `\u2502  \u25D3 Pok\xE9gent${" ".repeat(w - 20)}${String(scoreResult.total).padStart(4)} pts \u2502`,
-    `\u2502${"\u2501".repeat(w)}\u2502`,
-    `\u2502${" ".repeat(w)}\u2502`
-  ];
-  const leftHeader = `\u{1F392} POK\xC9MON TEAM (${running.length} run)`.padEnd(28);
-  const rightHeader = `\u{1F4CA} SPECIES MOVEPOOL`.padEnd(24);
-  lines.push(`\u2502  ${leftHeader}  ${rightHeader}\u2502`);
-  const maxRows = Math.max(agentLines.length, modelLines.length, 1);
-  for (let i = 0; i < maxRows; i++) {
-    const left = (agentLines[i] ?? "").padEnd(28);
-    const right = modelLines[i] ?? "";
-    lines.push(`\u2502  ${left}  ${right.padEnd(24)}\u2502`);
-  }
-  lines.push(`\u2502${" ".repeat(w)}\u2502`);
-  const totalTools = mcp.reduce((sum, t) => sum + t.toolCount, 0);
-  const leftHeader2 = `\u{1F392} TMs & HMs (${mcp.length})`.padEnd(26);
-  const rightHeader2 = `\u{1F50B} PP BURN (${totalTools} moves)`.padEnd(24);
-  lines.push(`\u2502  ${leftHeader2}  ${rightHeader2}\u2502`);
-  const maxRows2 = Math.max(mcpLines.length, burnLines.length, 1);
-  for (let i = 0; i < maxRows2; i++) {
-    const left = (mcpLines[i] ?? "").padEnd(26);
-    const right = burnLines[i] ?? "";
-    lines.push(`\u2502  ${left}  ${right.padEnd(24)}\u2502`);
-  }
-  lines.push(`\u2502${" ".repeat(w)}\u2502`);
-  const leftHeader3 = `\u{1F3C6} RARITY`.padEnd(26);
-  const rightHeader3 = `\u{1F3C5} BADGES`.padEnd(24);
-  lines.push(`\u2502  ${leftHeader3}  ${rightHeader3}\u2502`);
-  lines.push(`\u2502  ${rarity.padEnd(26)}  ${badgeLines[0].padEnd(24)}\u2502`);
-  for (const bl of badgeLines.slice(1)) {
-    lines.push(`\u2502  ${" ".repeat(26)}  ${bl.padEnd(24)}\u2502`);
-  }
-  lines.push(`\u2502${" ".repeat(w)}\u2502`);
-  lines.push(`\u2502${"\u2501".repeat(w)}\u2502`);
-  lines.push(`\u2502  pokegent \xB7 npx \xB7 privacy-first (zero network)${" ".repeat(10)}\u2502`);
-  lines.push(`\u2514${"\u2500".repeat(w)}\u2518`);
-  return lines.join("\n");
-}
-
-// src/markdown.ts
-function renderMarkdown(clis, mcp, models, burn, scoreResult) {
-  const running = clis.filter((c) => c.state === "RUNNING");
-  const rarity = rarityLabel(scoreResult.total);
-  const lines = [
-    "```",
-    "\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510",
-    `\u2502  \u25D3 Pok\xE9gent                                     ${String(scoreResult.total).padStart(4)} pts \u2502`,
-    "\u2502\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2502",
-    "\u2502                                                          \u2502"
-  ];
-  const leftHeader = `\u{1F392} POK\xC9MON TEAM (${running.length} run)`.padEnd(26);
-  const rightHeader = `\u{1F4CA} SPECIES MOVEPOOL`.padEnd(23);
-  lines.push(`\u2502  ${leftHeader}  \u2502  ${rightHeader}  \u2502`);
-  const agentLines = [];
-  for (const c of clis.slice(0, 6)) {
-    if (c.state === "RUNNING") {
-      agentLines.push(`${c.icon} ${c.name.padEnd(12)} \u25CF run`);
-    } else if (c.state === "IDLE" || c.state === "DETECTED") {
-      agentLines.push(`${c.icon} ${c.name.padEnd(12)} \u25CB ${c.state.toLowerCase().slice(0, 4)}`);
-    } else {
-      agentLines.push(`${c.icon} ${c.name.padEnd(12)} \u25CB abs`);
-    }
-  }
-  const modelLines = [];
-  for (const m of models.slice(0, 5)) {
-    const b = bar(m.percentage, 5);
-    modelLines.push(`${m.name.slice(0, 11).padEnd(11)} ${b} ${m.percentage.toFixed(0).padStart(3)}%`);
-  }
-  const maxRows = Math.max(agentLines.length, modelLines.length);
-  for (let i = 0; i < maxRows; i++) {
-    const leftPart = (agentLines[i] ?? "").padEnd(26);
-    const rightPart = (modelLines[i] ?? "").padEnd(23);
-    lines.push(`\u2502  ${leftPart}  \u2502  ${rightPart}  \u2502`);
-  }
-  lines.push("\u2502                                                          \u2502");
-  const totalTools = mcp.reduce((sum, t) => sum + t.toolCount, 0);
-  const leftHeader2 = `\u{1F392} TMs & HMs (${mcp.length})`.padEnd(26);
-  const rightHeader2 = `\u{1F50B} PP BURN (${totalTools} moves)`.padEnd(23);
-  lines.push(`\u2502  ${leftHeader2}  \u2502  ${rightHeader2}  \u2502`);
-  const mcpLines = [];
-  const sortedMcp = [...mcp].sort((a, b) => b.toolCount - a.toolCount);
-  for (const t of sortedMcp.slice(0, 5)) {
-    const tc = t.toolCount ? `[${t.toolCount}]` : "";
-    mcpLines.push(`\u25C6 ${t.name.slice(0, 15).padEnd(15)} ${tc}`);
-  }
-  const burnLines = [
-    `PP Tokens   ${fmtTokens(burn.totalTokens)}`,
-    `Cost ($)    $${burn.estimatedCostUsd.toFixed(2)}/mo`,
-    `PP/min      ${fmtTokens(burn.tokenVelocity)}/min`,
-    `Battles     ${burn.sessionCount}`
-  ];
-  const maxRows2 = Math.max(mcpLines.length, burnLines.length);
-  for (let i = 0; i < maxRows2; i++) {
-    const leftPart = (mcpLines[i] ?? "").padEnd(26);
-    const rightPart = (burnLines[i] ?? "").padEnd(23);
-    lines.push(`\u2502  ${leftPart}  \u2502  ${rightPart}  \u2502`);
-  }
-  lines.push("\u2502                                                          \u2502");
-  if (scoreResult.badges.length > 0) {
-    lines.push(`\u2502  \u{1F3C6} ${scoreResult.badges.slice(0, 3).join(", ").padEnd(53)} \u2502`);
-    if (scoreResult.badges.length > 3) {
-      lines.push(`\u2502     ${scoreResult.badges.slice(3).join(", ").padEnd(53)} \u2502`);
-    }
-  } else {
-    lines.push(`\u2502  \u{1F3C6} (collect badges by training more Pok\xE9mon)${" ".repeat(13)} \u2502`);
-  }
-  lines.push("\u2502                                                          \u2502");
-  lines.push(`\u2502  ${rarity.padEnd(55)} \u2502`);
-  lines.push("\u2502\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2502");
-  lines.push("\u2502  " + "pokegent \xB7 npx pokegent \xB7 github.com/shafiqimtiaz".padEnd(55) + " \u2502");
-  lines.push("\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518");
-  lines.push("```");
-  return lines.join("\n");
-}
 
 // src/html.ts
 function renderHtml(clis, mcp, models, burn, scoreResult) {
-  const running = clis.filter((c) => c.state === "RUNNING");
-  const idle = clis.filter((c) => c.state === "IDLE" || c.state === "DETECTED");
+  const clisDetected = clis.filter((c) => c.state !== "ABSENT");
+  const running = clisDetected.filter((c) => c.state === "RUNNING");
+  const idle = clisDetected.filter((c) => c.state === "IDLE" || c.state === "DETECTED");
   const rarity = rarityLabel(scoreResult.total);
-  const totalTools = mcp.reduce((sum, t) => sum + t.toolCount, 0);
   const sortedMcp = [...mcp].sort((a, b) => b.toolCount - a.toolCount);
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Pok\xE9gent \u2014 ${scoreResult.total} pts</title>
-  <meta property="og:title" content="Pok\xE9gent \u2014 ${scoreResult.total} pts">
-  <meta property="og:description" content="${running.length} active Pok\xE9mon, ${mcp.length} TMs/HMs loaded. ${rarity}">
+  <title>Agentic \u2014 ${scoreResult.total} PTS</title>
+  <meta property="og:title" content="Agentic \u2014 ${scoreResult.total} PTS">
+  <meta property="og:description" content="${running.length} active agents, ${mcp.length} MCP servers loaded. ${rarity}">
   <meta property="og:type" content="website">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap" rel="stylesheet">
   <style>
+    :root {
+      /* Retro \u2014 Color tokens */
+      --black: #000000;
+      --white: #ffffff;
+      --gray-50: #f9fafb;
+      --gray-200: #e2e8f0;
+      --gray-400: #687282;
+      --gray-500: #475565;
+      --gray-900: #111827;
+      --peach: #ffd1ba;
+      --peach-300: #ffb38f;
+      --peach-100: #fff0e8;
+
+      --color-text-primary: var(--gray-500);
+      --color-text-tertiary: var(--gray-900);
+      --color-text-inverse: var(--gray-400);
+      --color-text-on-base: var(--white);
+
+      --color-surface-base: var(--black);
+      --color-surface-muted: var(--white);
+      --color-surface-raised: var(--gray-50);
+      --color-surface-strong: var(--peach);
+
+      --color-border: var(--black);
+      --color-border-subtle: rgba(0,0,0,0.12);
+      --color-focus-ring: var(--gray-900);
+
+      /* Typography */
+      --font-sans: 'Geist', system-ui, -apple-system, sans-serif;
+      --font-mono: 'Geist Mono', ui-monospace, monospace;
+
+      --text-caption: 14px;
+      --text-body-sm: 16px;
+      --text-body-md: 18px;
+      --text-subheading: 20px;
+      --text-heading: 24px;
+
+      --lh-caption: 24px;
+      --lh-body-sm: 24px;
+      --lh-body-md: 24px;
+      --lh-subheading: 24px;
+      --lh-heading: 32px;
+
+      --weight-regular: 400;
+      --weight-medium: 500;
+      --weight-semibold: 600;
+      --weight-bold: 700;
+
+      --tracking-tight: -0.02em;
+      --tracking-normal: 0em;
+      --tracking-wide: 0.04em;
+
+      /* Spacing */
+      --space-1: 4px;
+      --space-2: 8px;
+      --space-3: 12px;
+      --space-4: 16px;
+      --space-5: 20px;
+      --space-6: 24px;
+      --space-7: 32px;
+      --space-8: 40px;
+
+      /* Shape */
+      --radius-xs: 4px;
+      --radius-sm: 6px;
+      --border-width: 2px;
+
+      /* Elevation */
+      --shadow-1: -6px 6px 0 0 #000;
+    }
+
     * { margin: 0; padding: 0; box-sizing: border-box; }
+
     body {
-      background-color: #F8F9FA;
-      color: #111111;
-      font-family: "Press Start 2P", "Courier New", monospace;
+      margin: 0;
+      font: var(--weight-regular) var(--text-body-sm)/var(--lh-body-sm) var(--font-sans);
+      color: var(--color-text-primary);
+      background: var(--color-surface-muted);
+      -webkit-font-smoothing: antialiased;
+      text-rendering: optimizeLegibility;
       min-height: 100vh;
       display: flex;
       align-items: center;
       justify-content: center;
-      padding: 2rem;
-    }
-    .gameboy-frame {
-      background: #FFFFFF;
-      border: 4px solid #0F1012;
-      box-shadow: 4px 4px 0px #0F1012;
-      border-radius: 0px;
-      padding: 2rem;
-      max-width: 800px;
+      padding: var(--space-8) var(--space-4);
+    }
+
+    .retro-card {
+      max-width: 860px;
       width: 100%;
-      position: relative;
+      background: var(--white);
+      border: var(--border-width) solid var(--color-border);
+      border-radius: var(--radius-sm);
+      box-shadow: var(--shadow-1);
+      padding: var(--space-6);
+      display: flex;
+      flex-direction: column;
+      gap: var(--space-6);
     }
-    .header {
+
+    .card-header {
       display: flex;
       justify-content: space-between;
       align-items: center;
-      margin-bottom: 1.5rem;
-      padding-bottom: 1rem;
-      border-bottom: 4px dashed #0F1012;
+      border-bottom: var(--border-width) solid var(--color-border);
+      padding-bottom: var(--space-4);
+    }
+
+    .brand {
+      display: flex;
+      align-items: center;
+      gap: var(--space-3);
+    }
+
+    .logo-glyph {
+      width: 32px;
+      height: 32px;
+      display: grid;
+      place-items: center;
+      background: var(--color-surface-strong);
+      border: var(--border-width) solid var(--color-border);
+      border-radius: var(--radius-sm);
+      font: var(--weight-bold) 18px/1 var(--font-mono);
+      color: var(--color-text-tertiary);
+    }
+
+    .logo-word {
+      font: var(--weight-bold) var(--text-heading)/1 var(--font-sans);
+      letter-spacing: var(--tracking-tight);
+      color: var(--color-text-tertiary);
+    }
+
+    .score-badge {
+      display: flex;
+      align-items: center;
+      border: var(--border-width) solid var(--color-border);
+      border-radius: var(--radius-xs);
+      overflow: hidden;
     }
-    .header h1 {
-      font-size: 1.1rem;
-      color: #FF0000; /* Pokeball Red */
+
+    .score-label {
+      font: var(--weight-bold) 11px/1 var(--font-mono);
+      color: var(--color-text-on-base);
+      background: var(--color-surface-base);
+      padding: 6px var(--space-3);
       text-transform: uppercase;
+      letter-spacing: var(--tracking-wide);
+    }
+
+    .score-value {
+      font: var(--weight-bold) var(--text-caption)/1 var(--font-mono);
+      color: var(--color-text-tertiary);
+      padding: 6px var(--space-3);
+      background: var(--white);
+    }
+
+    .rarity-banner {
+      background: var(--color-surface-strong);
+      border: var(--border-width) solid var(--color-border);
+      border-radius: var(--radius-sm);
+      padding: var(--space-3) var(--space-4);
       display: flex;
       align-items: center;
-      gap: 0.5rem;
-    }
-    .score {
-      font-size: 1.1rem;
-      color: #3B4CCA; /* GameFreak Blue */
-      font-weight: bold;
-    }
-    .rarity {
-      background: #FFDE00; /* Pikachu Yellow */
-      border: 4px solid #0F1012;
-      box-shadow: 4px 4px 0px #0F1012;
-      padding: 0.75rem;
-      text-align: center;
-      margin-bottom: 2rem;
-      font-size: 0.7rem;
+      justify-content: center;
+      gap: var(--space-2);
+      font: var(--weight-bold) var(--text-body-sm)/1 var(--font-mono);
+      color: var(--color-text-tertiary);
       text-transform: uppercase;
-      font-weight: bold;
+      letter-spacing: var(--tracking-wide);
     }
+
+    .rarity-banner svg {
+      width: 18px;
+      height: 18px;
+    }
+
     .grid {
       display: grid;
       grid-template-columns: 1fr 1fr;
-      gap: 1.5rem;
-      margin-bottom: 1.5rem;
+      gap: var(--space-6);
     }
+
     @media (max-width: 768px) {
       .grid {
         grid-template-columns: 1fr;
       }
     }
+
     .section {
-      background: #FFFFFF;
-      border: 4px solid #0F1012;
-      box-shadow: 4px 4px 0px #0F1012;
-      padding: 1.25rem;
+      background: var(--color-surface-raised);
+      border: var(--border-width) solid var(--color-border);
+      border-radius: var(--radius-sm);
+      padding: var(--space-5);
+      display: flex;
+      flex-direction: column;
+      gap: var(--space-4);
     }
+
     .section h2 {
-      font-size: 0.65rem;
-      color: #111111;
-      margin-bottom: 1.25rem;
+      font: var(--weight-semibold) var(--text-caption)/1 var(--font-mono);
+      color: var(--color-text-tertiary);
       text-transform: uppercase;
-      border-bottom: 4px solid #0F1012;
-      padding-bottom: 0.5rem;
-      line-height: 1.4;
+      letter-spacing: var(--tracking-wide);
+      border-bottom: var(--border-width) solid var(--color-border);
+      padding-bottom: var(--space-3);
+      display: flex;
+      align-items: center;
+      gap: var(--space-2);
     }
+
+    .section h2 svg {
+      width: 16px;
+      height: 16px;
+      color: var(--color-text-tertiary);
+    }
+
     .item {
       display: flex;
       align-items: center;
-      gap: 0.75rem;
-      padding: 0.4rem 0;
-      font-family: "Courier New", monospace;
-      font-size: 0.95rem;
-      font-weight: bold;
-      text-transform: uppercase;
-      border-bottom: 2px dashed #EEEEEE;
+      gap: var(--space-3);
+      padding: var(--space-2) 0;
+      border-bottom: 1.5px dashed var(--color-border-subtle);
     }
-    .sprite-container {
-      position: relative;
-      width: 40px;
-      height: 40px;
-      background: #F8F9FA;
-      border: 2px solid #0F1012;
+
+    .item:last-of-type {
+      border-bottom: none;
+    }
+
+    .icon-container {
+      width: 44px;
+      height: 44px;
+      background: var(--white);
+      border: var(--border-width) solid var(--color-border);
+      border-radius: var(--radius-xs);
       display: flex;
       align-items: center;
       justify-content: center;
       flex-shrink: 0;
+      font-size: 1.4rem;
+    }
+
+    .item .name {
+      flex: 1;
+      font: var(--weight-semibold) var(--text-caption)/1.4 var(--font-mono);
+      color: var(--color-text-tertiary);
+    }
+
+    .item .state {
+      font: var(--weight-bold) 11px/1 var(--font-mono);
+      padding: 4px var(--space-2);
+      border: var(--border-width) solid var(--color-border);
+      border-radius: var(--radius-xs);
+      text-transform: uppercase;
+      background: var(--white);
+    }
+
+    .item .state.running {
+      background: var(--color-surface-strong);
+      color: var(--color-text-tertiary);
     }
-    .pokemon-sprite {
-      position: absolute;
-      z-index: 2;
-      image-rendering: pixelated;
+
+    .item .state.idle {
+      background: var(--peach-100);
+      color: var(--color-text-tertiary);
     }
-    .pokemon-sprite.absent {
-      filter: grayscale(1) brightness(0.25) opacity(0.3);
+
+    .item .state.detected {
+      background: var(--white);
+      color: var(--color-text-primary);
+    }
+
+    .item .state.absent {
+      background: var(--white);
+      color: var(--color-text-inverse);
+      border-color: var(--color-border-subtle);
     }
-    .pokemon-sprite.detected, .pokemon-sprite.idle {
-      filter: grayscale(0.8) brightness(0.5) opacity(0.7);
+
+    .more-trigger {
+      cursor: pointer;
+      transition: background 100ms ease;
     }
-    .fallback-icon {
-      font-size: 1.2rem;
-      z-index: 1;
+
+    .more-trigger:hover {
+      background: var(--peach-100);
     }
-    .item .name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-    .item .state { font-size: 0.7rem; padding: 2px 6px; border: 2px solid #0F1012; background: #E2E8F0; }
-    .item .state.running { background: #8B956D; color: #000000; } /* DMG Screen Green Style */
-    .item .state.idle { background: #FFDE00; color: #000000; }
-    .item .state.detected { background: #E2E8F0; color: #555555; }
-    .item .state.absent { background: #FFFFFF; color: #CCCCCC; border-color: #E2E8F0; }
 
-    /* HP Style Progress Bar */
+    /* HP Progress Bar */
     .hp-container {
       display: flex;
       align-items: center;
-      gap: 0.5rem;
+      gap: var(--space-2);
       width: 100%;
     }
+
     .hp-label {
-      font-size: 0.65rem;
-      font-family: "Press Start 2P", monospace;
-      font-weight: bold;
-      flex-shrink: 0;
+      font: var(--weight-bold) 11px/1 var(--font-sans);
+      color: var(--color-text-tertiary);
+      border: 1.5px solid var(--color-border);
+      border-radius: var(--radius-xs);
+      padding: 1px var(--space-1);
+      background: var(--color-surface-strong);
+      text-transform: uppercase;
     }
+
     .bar-container {
       flex: 1;
       height: 12px;
-      background: #FFFFFF;
-      border: 2px solid #0F1012;
-      padding: 1px;
+      background: var(--white);
+      border: var(--border-width) solid var(--color-border);
+      border-radius: var(--radius-xs);
+      overflow: hidden;
+      position: relative;
     }
+
     .bar-fill {
       height: 100%;
-      background: #4CAF50;
-      transition: width 0.3s linear;
+      background: #34d399;
+      border-right: var(--border-width) solid var(--color-border);
     }
+
     .bar-fill.warning {
-      background: #FFC107;
+      background: #fbbf24;
     }
+
     .bar-fill.critical {
-      background: #F44336;
+      background: #f87171;
+    }
+
+    .hp-percent {
+      font: var(--weight-bold) 12px/1 var(--font-mono);
+      color: var(--color-text-tertiary);
+      min-width: 32px;
+      text-align: right;
     }
 
     .metric {
       display: flex;
       justify-content: space-between;
-      padding: 0.4rem 0;
-      font-family: "Courier New", monospace;
-      font-size: 0.95rem;
-      font-weight: bold;
+      align-items: center;
+      padding: var(--space-2) 0;
+      border-bottom: 1.5px dashed var(--color-border-subtle);
+      font: var(--weight-semibold) var(--text-caption)/1.4 var(--font-mono);
+    }
+
+    .metric .label {
+      color: var(--color-text-primary);
       text-transform: uppercase;
-      border-bottom: 2px dashed #EEEEEE;
     }
-    .metric .label { color: #555555; }
-    .metric .value { color: #111111; }
+
+    .metric .value {
+      color: var(--color-text-tertiary);
+    }
 
     .badges {
       display: flex;
       flex-wrap: wrap;
-      gap: 0.75rem;
-      margin-top: 1.5rem;
-      margin-bottom: 1.5rem;
+      gap: var(--space-2);
     }
+
     .badge {
-      background: #FFFFFF;
-      border: 3px solid #0F1012;
-      padding: 0.5rem 0.75rem;
-      font-size: 0.55rem;
-      font-weight: bold;
+      font: var(--weight-semibold) 11px/1 var(--font-mono);
+      color: var(--color-text-tertiary);
+      background: var(--color-surface-strong);
+      border: var(--border-width) solid var(--color-border);
+      border-radius: var(--radius-xs);
+      padding: var(--space-2) var(--space-3);
       text-transform: uppercase;
-      box-shadow: 2px 2px 0px #0F1012;
-      font-family: "Press Start 2P", monospace;
+      letter-spacing: var(--tracking-wide);
     }
 
-    /* Dialogue box */
     .dialogue-box {
-      background: #0F1012;
-      border: 4px solid #FFFFFF;
-      outline: 4px solid #0F1012;
-      padding: 1.25rem;
-      color: #F8F9FA;
-      font-family: "Press Start 2P", monospace;
-      font-size: 0.6rem;
-      line-height: 1.8;
-      margin-top: 1rem;
-      word-break: break-word;
+      background: var(--color-surface-base);
+      color: var(--color-text-on-base);
+      border: var(--border-width) solid var(--color-border);
+      border-radius: var(--radius-sm);
+      padding: var(--space-4) var(--space-5);
+      font: var(--weight-medium) var(--text-caption)/1.5 var(--font-mono);
+      text-align: center;
     }
+
     .dialogue-box a {
-      color: #FFDE00;
-      text-decoration: none;
-    }
-    .dialogue-box a:hover {
+      color: var(--color-surface-strong);
       text-decoration: underline;
+      font-weight: var(--weight-bold);
     }
   </style>
 </head>
 <body>
-  <div class="gameboy-frame">
-    <div class="header">
-      <h1>\u25D3 Pok\xE9gent</h1>
-      <div class="score">${scoreResult.total} PTS</div>
+  <div class="retro-card">
+    <div class="card-header">
+      <div class="brand">
+        <span class="logo-glyph">A</span>
+        <span class="logo-word">Agentic</span>
+      </div>
+      <div class="score-badge">
+        <span class="score-label">SCORE</span>
+        <span class="score-value">${scoreResult.total} PTS</span>
+      </div>
+    </div>
+
+    <div class="rarity-banner">
+      <i data-lucide="award"></i>
+      <span>${rarity}</span>
     </div>
-    <div class="rarity">${rarity}</div>
+
     <div class="grid">
+      <!-- Section: Agents -->
       <div class="section">
-        <h2>\u{1F392} POK\xC9MON TEAM (${running.length} RUN)</h2>
-        ${[...running, ...idle].slice(0, 6).map((c) => {
-    const spriteUrl = c.pokemonId ? `https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/showdown/${c.pokemonId}.gif` : "";
-    const imgHtml = spriteUrl ? `<img class="pokemon-sprite ${c.state.toLowerCase()}" src="${spriteUrl}" alt="${c.name}" width="36" height="36" onload="this.nextElementSibling.style.display='none'" onerror="this.style.display='none'" />` : "";
+        <h2><i data-lucide="terminal"></i> AGENTS (${running.length} active)</h2>
+        ${[...running, ...idle].map((c, idx) => {
+    const isHidden = idx >= 6;
     return `
-            <div class="item">
-              <div class="sprite-container">
-                ${imgHtml}
-                <span class="icon fallback-icon">${c.icon}</span>
+            <div class="item ${isHidden ? "hidden-agent" : ""}" ${isHidden ? 'style="display: none;"' : ""}>
+              <div class="icon-container">
+                <span class="icon">${c.icon}</span>
               </div>
               <span class="name">${c.name}</span>
               <span class="state ${c.state.toLowerCase()}">${c.state === "RUNNING" ? `${c.cpuPct.toFixed(1)}% CPU` : c.state.toLowerCase()}</span>
             </div>
           `;
   }).join("")}
-        ${clis.length > 6 ? `<div class="item" style="color:#555555; padding-left: 0.5rem; font-family:'Courier New', monospace;">\u2026 +${clis.length - 6} MORE</div>` : ""}
+        ${clisDetected.length > 6 ? `
+          <div class="item more-trigger" onclick="document.querySelectorAll('.hidden-agent').forEach(el => el.style.display = 'flex'); this.style.display = 'none';">
+            <span class="name" style="color: var(--color-text-inverse)">\u2026 +${clisDetected.length - 6} MORE</span>
+            <span class="state" style="border-color: var(--color-border-subtle); color: var(--color-text-inverse)">Expand</span>
+          </div>
+        ` : ""}
       </div>
+
+      <!-- Section: Models -->
       <div class="section">
-        <h2>\u{1F4CA} SPECIES MOVEPOOL</h2>
+        <h2><i data-lucide="database"></i> AI MODELS</h2>
         ${models.slice(0, 5).map((m) => {
     const barClass = m.percentage > 50 ? "" : m.percentage > 20 ? "warning" : "critical";
     return `
-            <div class="item" style="flex-direction:column; align-items:flex-start; gap: 0.25rem;">
-              <span class="name" style="font-size:0.85rem">${m.name}</span>
+            <div class="item" style="flex-direction:column; align-items:flex-start; gap: var(--space-2);">
+              <span class="name" style="font-size: var(--text-caption);">${m.name}</span>
               <div class="hp-container">
-                <span class="hp-label">HP</span>
+                <span class="hp-label" style="background: var(--color-surface-base); color: var(--white); border-color: var(--color-surface-base);">HP</span>
                 <div class="bar-container">
                   <div class="bar-fill ${barClass}" style="width:${m.percentage}%"></div>
                 </div>
-                <span style="font-family:'Courier New', monospace; font-size:0.8rem; min-width:35px; text-align:right">${m.percentage.toFixed(0)}%</span>
+                <span class="hp-percent">${m.percentage.toFixed(0)}%</span>
               </div>
             </div>
           `;
   }).join("")}
       </div>
+
+      <!-- Section: MCP Servers -->
       <div class="section">
-        <h2>\u{1F392} TMs & HMs (${mcp.length} ITEMS)</h2>
-        ${sortedMcp.slice(0, 5).map((t) => `
-          <div class="item">
-            <span class="name" style="color:#111111">\u25C6 ${t.name}</span>
-            <span style="color:#555555;font-size:0.8rem">[${t.toolCount} MOVES]</span>
+        <h2><i data-lucide="cpu"></i> MCP SERVERS \xB7 Skills (${mcp.length})</h2>
+        ${sortedMcp.map((t, idx) => {
+    const isHidden = idx >= 5;
+    return `
+            <div class="item ${isHidden ? "hidden-mcp" : ""}" ${isHidden ? 'style="display: none;"' : ""}>
+              <span class="name" style="color: var(--color-text-tertiary)">\u25C6 ${t.name}</span>
+              <span class="state" style="border-color: var(--color-border-subtle); color: var(--color-text-primary); font-size: 10px;">[${t.toolCount} SKILLS]</span>
+            </div>
+          `;
+  }).join("")}
+        ${mcp.length > 5 ? `
+          <div class="item more-trigger" onclick="document.querySelectorAll('.hidden-mcp').forEach(el => el.style.display = 'flex'); this.style.display = 'none';">
+            <span class="name" style="color: var(--color-text-inverse)">\u2026 +${mcp.length - 5} MORE</span>
+            <span class="state" style="border-color: var(--color-border-subtle); color: var(--color-text-inverse)">Expand</span>
           </div>
-        `).join("")}
-        ${mcp.length > 5 ? `<div class="item" style="color:#555555; padding-left: 0.5rem; font-family:'Courier New', monospace;">\u2026 +${mcp.length - 5} MORE</div>` : ""}
+        ` : ""}
       </div>
+
+      <!-- Section: Token Burn -->
       <div class="section">
-        <h2>\u{1F50B} PP BURN</h2>
-        <div class="metric"><span class="label">PP Tokens</span><span class="value">${fmtTokens(burn.totalTokens)}</span></div>
+        <h2><i data-lucide="zap"></i> SYSTEM METRICS</h2>
+        <div class="metric"><span class="label">Tokens</span><span class="value">${fmtTokens(burn.totalTokens)}</span></div>
         <div class="metric"><span class="label">Cost ($)</span><span class="value">$${burn.estimatedCostUsd.toFixed(2)}/mo</span></div>
-        <div class="metric"><span class="label">PP Velocity</span><span class="value">${fmtTokens(burn.tokenVelocity)}/min</span></div>
-        <div class="metric"><span class="label">Battles</span><span class="value">${burn.sessionCount}</span></div>
+        <div class="metric"><span class="label">Token Rate</span><span class="value">${fmtTokens(burn.tokenVelocity)}/min</span></div>
+        <div class="metric"><span class="label">Sessions</span><span class="value">${burn.sessionCount}</span></div>
         
-        <div class="item" style="flex-direction:column; align-items:flex-start; gap: 0.25rem; border-bottom: none;">
-          <span class="label" style="font-size:0.8rem; color:#555555;">HP INTEGRITY</span>
-          <div class="hp-container">
-            <span class="hp-label">HP</span>
+        <div class="item" style="flex-direction:column; align-items:flex-start; gap: var(--space-2); border-bottom: none; padding-bottom: 0;">
+          <span class="label" style="font: var(--weight-bold) 11px/1 var(--font-mono); color: var(--color-text-inverse); text-transform: uppercase;">System Integrity</span>
+          <div class="hp-container" style="margin-top: var(--space-1);">
+            <span class="hp-label" style="background: var(--color-surface-base); color: var(--white); border-color: var(--color-surface-base);">HP</span>
             <div class="bar-container">
               <div class="bar-fill ${burn.envIntegrity >= 0.8 ? "" : burn.envIntegrity >= 0.5 ? "warning" : "critical"}" style="width:${burn.envIntegrity * 100}%"></div>
             </div>
-            <span style="font-family:'Courier New', monospace; font-size:0.8rem; min-width:35px; text-align:right">${Math.round(burn.envIntegrity * 100)}%</span>
+            <span class="hp-percent">${Math.round(burn.envIntegrity * 100)}%</span>
           </div>
         </div>
       </div>
     </div>
+
+    <!-- Badges -->
     <div class="badges">
       ${scoreResult.badges.map((b) => `<span class="badge">${b}</span>`).join("")}
     </div>
+
+    <!-- Dialogue Box / Footer -->
     <div class="dialogue-box">
-      GENERATED BY <a href="https://github.com/shafiqimtiaz/pokegent">POK\xC9GENT</a>.<br>
+      GENERATED BY <a href="https://github.com/shafiqimtiaz/pokegent" target="_blank" rel="noopener noreferrer">AGENTIC</a>.<br>
       NPX POKEGENT \xB7 PRIVACY-FIRST LOCAL SCAN.
     </div>
   </div>
-</body>
-</html>`;
-}
 
-// src/clipboard.ts
-import { execSync } from "child_process";
-import os2 from "os";
-function copyToClipboard(text) {
-  const platform = os2.platform();
-  try {
-    if (platform === "darwin") {
-      execSync("pbcopy", { input: Buffer.from(text) });
-      return true;
-    } else if (platform === "linux") {
-      for (const cmd of ["xsel --clipboard --input", "xclip -selection clipboard", "wl-copy"]) {
-        try {
-          execSync(cmd, { input: Buffer.from(text) });
-          return true;
-        } catch {
-        }
+  <!-- Lucide Icons CDN -->
+  <script src="https://unpkg.com/lucide@0.460.0/dist/umd/lucide.min.js"></script>
+  <script>
+    document.addEventListener('DOMContentLoaded', () => {
+      if (window.lucide) {
+        lucide.createIcons({ attrs: { 'stroke-width': 2 } });
       }
-      return false;
-    } else if (platform === "win32") {
-      execSync("clip", { input: Buffer.from(text) });
-      return true;
-    }
-    return false;
-  } catch {
-    return false;
-  }
+    });
+  </script>
+</body>
+</html>`;
 }
 
 // src/demo.ts
@@ -11273,7 +11309,7 @@ function mockClis() {
   ];
   return Object.entries(CLI_SIGNATURES).map(([name, sig], i) => {
     const [state, pid, cpuPct, memMb, uptimeS] = states[i % states.length];
-    return { name, icon: sig.icon, state, pid, cpuPct, memMb, uptimeS, pokemonId: sig.pokemonId };
+    return { name, icon: sig.icon, state, pid, cpuPct, memMb, uptimeS, pokemonId: sig.pokemonId, pokemonSlug: sig.pokemonSlug, pokemonName: sig.pokemonName };
   });
 }
 function mockMcp() {
@@ -11333,6 +11369,9 @@ function mockBurn2() {
 // src/cli.tsx
 import { useState, useEffect, useCallback, useRef } from "react";
 import { Box, Text, useApp, useInput } from "ink";
+import fs6 from "fs";
+import path5 from "path";
+import os2 from "os";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Dashboard({ demo }) {
   const { exit } = useApp();
@@ -11392,16 +11431,18 @@ function Dashboard({ demo }) {
     if (input === "r")
       runScan();
     if (input === "s" && scoreResult && burn) {
-      const md = renderMarkdown(clis, mcp, models, burn, scoreResult);
-      const copied = copyToClipboard(md);
-      setLastMessage(copied ? "\u2713 Card copied to clipboard!" : "Clipboard unavailable");
-      setTimeout(() => setLastMessage(""), 3e3);
-    }
-    if (input === "h" && scoreResult && burn) {
       const html = renderHtml(clis, mcp, models, burn, scoreResult);
-      const copied = copyToClipboard(html);
-      setLastMessage(copied ? "\u2713 HTML card copied to clipboard!" : "Clipboard unavailable");
-      setTimeout(() => setLastMessage(""), 3e3);
+      const ts = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-");
+      const baseName = `pokegent-${ts}`;
+      const desktopDir = path5.join(os2.homedir(), "Desktop");
+      const htmlPath = path5.join(desktopDir, `${baseName}.html`);
+      try {
+        fs6.writeFileSync(htmlPath, html);
+        setLastMessage(`\u2713 HTML saved \u2192 ~/Desktop/${baseName}.html`);
+      } catch {
+        setLastMessage("\u2717 Failed to write HTML to Desktop");
+      }
+      setTimeout(() => setLastMessage(""), 4e3);
     }
   });
   if (clis.length === 0) {
@@ -11430,7 +11471,8 @@ function Dashboard({ demo }) {
       ] })
     ] });
   }
-  const running = clis.filter((c) => c.state === "RUNNING");
+  const clisDetected = clis.filter((c) => c.state !== "ABSENT");
+  const running = clisDetected.filter((c) => c.state === "RUNNING");
   const totalTools = mcp.reduce((sum, t) => sum + t.toolCount, 0);
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, children: [
     /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", marginBottom: 1, children: [
@@ -11451,11 +11493,11 @@ function Dashboard({ demo }) {
       /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: "50%", children: [
         /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
           /* @__PURE__ */ jsxs(Text, { bold: true, color: "blue", children: [
-            "\u{1F392} POK\xC9MON TEAM (",
+            "\u{1F392} AGENTS (",
             running.length,
-            " running)"
+            " active)"
           ] }),
-          clis.slice(0, 8).map((c, i) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { children: [
+          clisDetected.slice(0, 8).map((c, i) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { children: [
             c.icon,
             " ",
             c.name.padEnd(20),
@@ -11466,19 +11508,19 @@ function Dashboard({ demo }) {
               "% CPU"
             ] }) : c.state === "IDLE" ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: "\u25CB idle" }) : c.state === "DETECTED" ? /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u25CB detected" }) : /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u25CB absent" })
           ] }) }, i)),
-          clis.length > 8 && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+          clisDetected.length > 8 && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
             "   \u2026 +",
-            clis.length - 8,
+            clisDetected.length - 8,
             " more"
           ] })
         ] }),
         /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
           /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", children: [
-            "\u{1F392} TMs & HMs (MCP) (",
+            "\u{1F392} MCP SERVERS \xB7 Skills (",
             mcp.length,
-            " items, ",
+            " servers, ",
             totalTools,
-            " moves)"
+            " skills)"
           ] }),
           [...mcp].sort((a, b) => b.toolCount - a.toolCount).slice(0, 6).map((t, i) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { children: [
             "\u25C6 ",
@@ -11490,14 +11532,14 @@ function Dashboard({ demo }) {
       ] }),
       /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: "50%", children: [
         /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-          /* @__PURE__ */ jsx(Text, { bold: true, color: "magenta", children: "\u{1F4CA} SPECIES MOVEPOOL" }),
+          /* @__PURE__ */ jsx(Text, { bold: true, color: "magenta", children: "\u{1F4CA} MODELS \xB7 Active List" }),
           models.slice(0, 6).map((m, i) => {
             const filled = Math.floor(m.percentage / 100 * 10);
-            const bar2 = "\u2588".repeat(filled) + "\u2591".repeat(10 - filled);
+            const bar = "\u2588".repeat(filled) + "\u2591".repeat(10 - filled);
             return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { children: [
               m.name.padEnd(18),
               " ",
-              bar2,
+              bar,
               " ",
               m.percentage.toFixed(1).padStart(5),
               "%"
@@ -11505,9 +11547,9 @@ function Dashboard({ demo }) {
           })
         ] }),
         burn && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx(Text, { bold: true, color: "red", children: "\u{1F50B} PP BURN" }),
+          /* @__PURE__ */ jsx(Text, { bold: true, color: "red", children: "\u{1F50B} SYSTEM METRICS" }),
           /* @__PURE__ */ jsxs(Text, { children: [
-            "  PP (Tokens)   ",
+            "  Tokens        ",
             burn.totalTokens >= 1e6 ? `${(burn.totalTokens / 1e6).toFixed(1)}M` : `${(burn.totalTokens / 1e3).toFixed(1)}K`
           ] }),
           /* @__PURE__ */ jsxs(Text, { children: [
@@ -11516,16 +11558,16 @@ function Dashboard({ demo }) {
             "/mo"
           ] }),
           /* @__PURE__ */ jsxs(Text, { children: [
-            "  PP Velocity   ",
+            "  Token Rate    ",
             burn.tokenVelocity >= 1e3 ? `${(burn.tokenVelocity / 1e3).toFixed(1)}K` : burn.tokenVelocity,
             "/min"
           ] }),
           /* @__PURE__ */ jsxs(Text, { children: [
-            "  Battles       ",
+            "  Sessions      ",
             burn.sessionCount
           ] }),
           /* @__PURE__ */ jsxs(Text, { children: [
-            "  HP Integrity  ",
+            "  Integrity     ",
             burn.envIntegrity >= 0.8 ? "\u{1F7E2}" : burn.envIntegrity >= 0.5 ? "\u{1F7E1}" : "\u{1F534}",
             " ",
             Math.round(burn.envIntegrity * 100),
@@ -11549,18 +11591,20 @@ function Dashboard({ demo }) {
         "s \u2502 ",
         (/* @__PURE__ */ new Date()).toLocaleTimeString()
       ] }),
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: "q quit \u2502 r refresh \u2502 s share \u2502 h html" })
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "q quit \u2502 r refresh \u2502 s share" })
     ] }),
     lastMessage && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: lastMessage }) })
   ] });
 }
 
 // src/index.ts
-import fs6 from "fs/promises";
+import fs7 from "fs/promises";
+import path6 from "path";
+import os3 from "os";
 var program2 = new Command();
 program2.name("pokegent").description("Terminal dashboard that shows your Pok\xE9mon AI coding ecosystem").version(VERSION);
-program2.option("--demo", "Run with mock data").option("--share", "Generate shareable card and copy to clipboard").option("--html", "Generate HTML card file").option("--json", "Export raw data as JSON").action(async (opts) => {
-  if (opts.share || opts.html || opts.json) {
+program2.option("--demo", "Run with mock data").option("--share", "Generate HTML card on ~/Desktop").option("--json", "Export raw data as JSON").action(async (opts) => {
+  if (opts.share || opts.json) {
     await runOneShot(opts);
   } else {
     const { waitUntilExit } = render(React2.createElement(Dashboard, { demo: opts.demo ?? false }));
@@ -11587,17 +11631,12 @@ async function runOneShot(opts) {
     console.log(JSON.stringify({ clis, mcp, models, burn, score: scoreResult }, null, 2));
     return;
   }
-  if (opts.html) {
-    const html = renderHtml(clis, mcp, models, burn, scoreResult);
-    const outPath = "pokegent.html";
-    await fs6.writeFile(outPath, html);
-    console.log(`\u2713 HTML card written to ${outPath}`);
-    return;
-  }
-  const terminalCard = renderTerminal(clis, mcp, models, burn, scoreResult);
-  console.log(terminalCard);
-  const mdCard = renderMarkdown(clis, mcp, models, burn, scoreResult);
-  const copied = copyToClipboard(mdCard);
-  console.log(copied ? "\n\u2713 Markdown card copied to clipboard!" : "\n(clipboard unavailable \u2014 card printed above)");
+  const html = renderHtml(clis, mcp, models, burn, scoreResult);
+  const ts = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-");
+  const baseName = `pokegent-${ts}`;
+  const desktopDir = path6.join(os3.homedir(), "Desktop");
+  const htmlPath = path6.join(desktopDir, `${baseName}.html`);
+  await fs7.writeFile(htmlPath, html);
+  console.log(`\u2713 HTML saved \u2192 ${htmlPath}`);
 }
 program2.parse();