pennyrouter 0.3.48 → 0.3.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pennyrouter",
-  "version": "0.3.48",
+  "version": "0.3.50",
   "description": "Install and manage PennyRouter local coding-agent integrations.",
   "homepage": "https://pennyrouter.com",
   "bugs": {

package/src/launch.js

@@ -1542,6 +1542,26 @@ export async function runPennyClaudeStats(args, profile) {
   return result.code ?? 1;
 }
 
+/** Stop a Penny Compare server already listening on `port`; any other listener is left alone. */
+async function stopRunningPennyCompare(port) {
+  if (process.platform === "win32") return;
+  const listeners = spawnSync("lsof", ["-nP", `-iTCP:${port}`, "-sTCP:LISTEN", "-t"], { encoding: "utf8" });
+  const pids = (listeners.stdout || "").split("\n").map(Number).filter((pid) => pid > 0 && pid !== process.pid);
+  for (const pid of pids) {
+    const command = spawnSync("ps", ["-o", "command=", "-p", String(pid)], { encoding: "utf8" }).stdout || "";
+    if (!/web-demo[\\/]server\.mjs/.test(command)) {
+      throw new Error(`Port ${port} is in use by another program (pid ${pid}). Stop it or pass --port=<other>.`);
+    }
+    console.log(`Stopping the existing Penny Compare session (pid ${pid}).`);
+    process.kill(pid, "SIGTERM");
+    for (let waited = 0; waited < 3000; waited += 100) {
+      try { process.kill(pid, 0); } catch { break; }
+      await new Promise((done) => setTimeout(done, 100));
+    }
+    try { process.kill(pid, 0); process.kill(pid, "SIGKILL"); } catch {}
+  }
+}
+
 /** Launch the separately installed Penny Compare app from the `penny` command. */
 async function runPennyCompare(args) {
   const compareDir = pennyCompareDir();
@@ -1551,6 +1571,8 @@ async function runPennyCompare(args) {
   } catch {
     throw new Error("Penny Compare is not installed. Run `npx pennyrouter compare` first.");
   }
+  const portArg = args.find((arg) => /^--port=\d+$/.test(arg));
+  await stopRunningPennyCompare(Number(portArg?.slice("--port=".length) ?? 8789));
   const child = spawn(process.execPath, [executable, "--compare", ...args], {
     cwd: process.cwd(), env: process.env, stdio: "inherit",
   });

package/standalone/web-demo/compare.html

@@ -85,7 +85,7 @@
     .meter .field.read strong { color: var(--accent); }
     .meter .field.write strong { color: var(--warn); }
     .meter .field.in strong, .meter .field.out strong { color: #75ec45; }
-    .meter .field.main, .meter .field.side { color: #77777e; }
+    .meter .field.side, .meter .field.side strong { color: #77777e; font-weight: 400; }
     .meter .wait { display: none; color: #77777e; }
     .meter.waiting .wait { display: block; }
     .meter.waiting .field { display: none; }
@@ -804,7 +804,7 @@
       : value >= 1_000 ? `${(value / 1_000).toFixed(1)}k` : String(value);
     // Cents alone would round a cheap side call to $0.00.
     const dollars = (value) => `$${value.toLocaleString('en-US',
-      { minimumFractionDigits: value < 1 ? 4 : 2, maximumFractionDigits: value < 1 ? 4 : 2 })}`;
+      { minimumFractionDigits: value < 1 ? 3 : 2, maximumFractionDigits: value < 1 ? 3 : 2 })}`;
     const reducedMotion = matchMedia('(prefers-reduced-motion: reduce)');
     const meters = {};
     const buildMeter = (side) => {
@@ -817,13 +817,12 @@
       root.append(model);
       const amounts = {};
       // Token rows count the main thread only. Background calls Claude Code makes outside the
-      // transcript (auto-mode reviewer, titles) show only as `side` cost; the last row is main + side.
-      for (const [key, label] of [['read', 'read'], ['write', 'write'], ['in', 'in'], ['out', 'out'],
-        ['total', 'total'], ['main', 'main'], ['side', 'side'], ['cost', 'total']]) {
-        const field = document.createElement('span'); field.className = `field ${key}`;
+      // transcript (auto-mode reviewer, titles) show only as `side` cost; `cost` is main + side.
+      for (const label of ['read', 'write', 'in', 'out', 'total', 'side', 'cost']) {
+        const field = document.createElement('span'); field.className = `field ${label}`;
         field.append(document.createTextNode(`${label} `));
-        amounts[key] = document.createElement('strong');
-        field.append(amounts[key]);
+        amounts[label] = document.createElement('strong');
+        field.append(amounts[label]);
         root.append(field);
       }
       // Zeros would read as a measurement; the pane has simply not seen a turn yet.
@@ -865,7 +864,6 @@
         fresh_input: main.fresh_input, output: main.output };
       meter.cost = totals.cost;
       const side = snapshot.side_calls;
-      meter.amounts.main.textContent = dollars(main.cost);
       meter.amounts.side.textContent = dollars(side?.cost || 0);
       meter.root.classList.add('has-data');
       meter.root.classList.toggle('waiting', !totals.total);