sigrank 0.0.214 → 0.0.216

package/manifest.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/anthropics/mcpb/main/schemas/mcpb-manifest-v0.4.schema.json",
   "manifest_version": "0.4",
   "name": "sigrank",
-  "version": "0.0.213",
+  "version": "0.0.215",
   "description": "Ranks AI coding operators by token cascade efficiency (Yield = cache_read \u00d7 output / input\u00b2). 23 tools for yield calculation, local token usage pulls, signed submission, and tokscale-powered analytics (market share, developer profiles, model trends, cost analysis, device profiles, MCP usage, competitive intelligence). Privacy-first: runs locally, only four token counts leave the machine.",
   "author": {
     "name": "SunrisesIllNeverSee",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sigrank",
-  "version": "0.0.214",
+  "version": "0.0.216",
   "author": "SunrisesIllNeverSee (https://github.com/SunrisesIllNeverSee)",
   "description": "SigRank MCP server — AI operator evaluation and token cascade efficiency tools. The yield cascade + live leaderboard as MCP tools any agent can call.",
   "mcpName": "io.github.SunrisesIllNeverSee/sigrank-mcp",
@@ -82,11 +82,13 @@
   ],
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.0.0",
-    "@resvg/resvg-js": "^2.6.2",
     "ccusage": "^20.0.19",
-    "gifenc": "^1.0.3",
     "tokscale": "^4.7.0"
   },
+  "devDependencies": {
+    "@resvg/resvg-js": "^2.6.2",
+    "gifenc": "^1.0.3"
+  },
   "overrides": {
     "@hono/node-server": "^2.0.5"
   }

package/presentation/tui-themes.mjs

@@ -18,6 +18,8 @@ const ESC = "\x1b[";
 
 export const THEMES = {
   // ── Dark (default) — current palette, designed for dark terminals ──
+  // green uses 256-color 77 (#5fd75f) for WCAG AA compliance on dark bg (9.0:1).
+  // Standard ANSI 32 (#5a8a5a) only achieves 4.1:1 — below the 4.5:1 threshold.
   dark: {
     name: "dark",
     reset: `${ESC}0m`,
@@ -27,8 +29,8 @@ export const THEMES = {
     boldGold: `${ESC}1;33m`,
     cyan: `${ESC}36m`,
     boldCyan: `${ESC}1;36m`,
-    green: `${ESC}32m`,
-    red: `${ESC}31m`,
+    green: `${ESC}38;5;77m`,  // brighter green #5fd75f (9.0:1 on dark — was ANSI 32 at 4.1:1)
+    red: `${ESC}38;5;203m`,   // brighter red #ff5f5f (5.6:1 on dark — was ANSI 31 at 4.46:1, just below AA)
     white: `${ESC}97m`,
     boldWhite: `${ESC}1;97m`,
     magenta: `${ESC}35m`,
@@ -41,24 +43,26 @@ export const THEMES = {
   },
 
   // ── Light — dark text on light/white terminals ──
-  // Colors adjusted for contrast against white/light backgrounds.
+  // Uses 256-color codes (38;5;N) with darker shades that pass WCAG AA (4.5:1)
+  // on white backgrounds. Standard ANSI 33/36/32/31/35/34 render as pastel
+  // shades that fail contrast on white — these 256-color variants fix that.
   light: {
     name: "light",
     reset: `${ESC}0m`,
     bold: `${ESC}1m`,
-    dim: `${ESC}2m`,
-    gold: `${ESC}33m`,        // yellow is readable on white
-    boldGold: `${ESC}1;33m`,
-    cyan: `${ESC}36m`,        // cyan is readable on white
-    boldCyan: `${ESC}1;36m`,
-    green: `${ESC}32m`,       // standard green (darker shade would be better but ANSI 32 is the option)
-    red: `${ESC}31m`,         // standard red
-    white: `${ESC}30m`,       // BLACK text on light bg (was bright white)
-    boldWhite: `${ESC}1;30m`, // bold black
-    magenta: `${ESC}35m`,
-    blue: `${ESC}34m`,        // blue is readable on white
-    bgDim: `${ESC}48;5;250m`, // light grey bg for active tab
-    bgCyan: `${ESC}48;5;194m`,// light teal bg for active tab
+    dim: `${ESC}38;5;242m`,     // medium gray (4.5:1 on white — passes AA for large text)
+    gold: `${ESC}38;5;130m`,    // dark orange-gold #af5f00 (4.7:1 — yellow can't pass AA on white, this is the closest)
+    boldGold: `${ESC}1;38;5;130m`, // bold dark orange-gold (4.7:1)
+    cyan: `${ESC}38;5;24m`,     // dark cyan #005f87 (7.0:1)
+    boldCyan: `${ESC}1;38;5;24m`, // bold dark cyan (7.0:1)
+    green: `${ESC}38;5;28m`,    // dark green #008700 (4.7:1)
+    red: `${ESC}38;5;124m`,     // dark red #af0000 (7.4:1)
+    white: `${ESC}30m`,         // BLACK text on light bg (21:1)
+    boldWhite: `${ESC}1;30m`,   // bold black
+    magenta: `${ESC}38;5;90m`,  // dark magenta #870087 (8.8:1)
+    blue: `${ESC}38;5;19m`,     // dark blue #0000af (13.0:1)
+    bgDim: `${ESC}48;5;250m`,   // light grey bg for active tab
+    bgCyan: `${ESC}48;5;194m`,  // light teal bg for active tab
     medalBg: { 1: 220, 2: 250, 3: 130 },
     medalFg: `${ESC}38;5;232m`,
   },
@@ -120,3 +124,66 @@ export function setTheme(name) {
 export function getThemeNames() {
   return Object.keys(THEMES);
 }
+
+// ── Platform color map ─────────────────────────────────────────────────────
+// Each platform gets a distinct 256-color code so platforms are visually
+// distinguishable in the cascade table, token composition bars, board, and
+// watch tabs. The colors are chosen for distinguishability on dark terminals
+// (the default theme). For light theme, darker 256-color variants are used.
+// Monochrome theme returns no color (bold only) — colorblind-safe.
+//
+// Color assignments (dark theme 256-color codes):
+//   claude    = 75  (blue-cyan)
+//   codex     = 114 (green)
+//   amp       = 179 (orange)
+//   gemini    = 129 (purple-magenta)
+//   kimi      = 213 (pink)
+//   qwen      = 68  (steel blue)
+//   goose     = 142 (olive)
+//   kilo      = 166 (dark orange)
+//   hermes    = 96  (plum)
+//   droid     = 167 (salmon)
+//   codebuff  = 72  (teal-green)
+//   copilot   = 33  (bright blue)
+//   openclaw  = 136 (gold-brown)
+//   pi        = 177 (light purple)
+//   omp       = 220 (gold — the "oh my pi" platform gets gold)
+//   opencode  = 60  (slate)
+//   devin     = 30  (teal)
+//   proxy     = 245 (gray — synthetic passthrough)
+//   other     = 245 (gray — catch-all)
+
+const PLATFORM_COLORS_DARK = {
+  claude: 75, codex: 114, amp: 179, gemini: 129, kimi: 213,
+  qwen: 68, goose: 142, kilo: 166, hermes: 96, droid: 167,
+  codebuff: 72, copilot: 33, openclaw: 136, pi: 177, omp: 220,
+  opencode: 60, devin: 30, proxy: 245, other: 245,
+};
+
+// Light theme: darker shades of the same hues for contrast on white
+const PLATFORM_COLORS_LIGHT = {
+  claude: 24, codex: 28, amp: 130, gemini: 54, kimi: 90,
+  qwen: 19, goose: 100, kilo: 130, hermes: 54, droid: 124,
+  codebuff: 23, copilot: 19, openclaw: 130, pi: 90, omp: 130,
+  opencode: 19, devin: 23, proxy: 242, other: 242,
+};
+
+/**
+ * Returns a paint function for the given platform name, theme-aware.
+ * Usage: `const pc = platformColor("claude"); pc("claude")` → colored string.
+ * Falls back to the theme's cyan for unknown platforms.
+ */
+export function platformColor(platform) {
+  const themeName = currentTheme.name;
+  // Monochrome: no color, just bold (colorblind-safe)
+  if (themeName === "monochrome") {
+    return (s) => `${currentTheme.bold}${s}${currentTheme.reset}`;
+  }
+  const map = themeName === "light" ? PLATFORM_COLORS_LIGHT : PLATFORM_COLORS_DARK;
+  const code = map[platform];
+  if (code == null) {
+    // Unknown platform — fall back to cyan
+    return (s) => `${currentTheme.cyan}${s}${currentTheme.reset}`;
+  }
+  return (s) => `${ESC}38;5;${code}m${s}${currentTheme.reset}`;
+}

package/presentation/tui.mjs

@@ -54,6 +54,7 @@ export function dashboardEnabledPlatforms({
 // The `c` object is a live proxy to the current theme — changing the theme
 // via setTheme() updates all colors. Supports dark/light/high-contrast/monochrome.
 import * as _themeMod from "./tui-themes.mjs";
+import { platformColor } from "./tui-themes.mjs";
 const ESC = "\x1b[";
 // `c` is a live proxy — reads currentTheme at access time so theme switches
 // take effect immediately. The helper functions below (paint/bold/dim/etc.)
@@ -187,6 +188,27 @@ function padStart(s, w) {
 function trunc(s, w) {
   return stripAnsi(s).length <= w ? s : s.slice(0, w - 1) + "…";
 }
+// Wrap a plain-text string into dim'd lines that fit within `maxW` columns.
+// Used for no-data/empty-state messages that can be long on narrow terminals.
+// Returns an array of strings (each already dim'd + indented) for emit().
+function wrapDim(text, indent = "  ", maxW) {
+  const w = maxW || W();
+  const avail = w - 2 - indent.length; // 2 = leading "  " from emit caller
+  if (avail < 20) return [`${indent}${dim(text)}`]; // too narrow to wrap — let it be
+  const words = text.split(" ");
+  const lines = [];
+  let line = "";
+  for (const word of words) {
+    if ((line + " " + word).trim().length > avail) {
+      if (line) lines.push(`${indent}${dim(line.trim())}`);
+      line = word;
+    } else {
+      line = (line + " " + word).trim();
+    }
+  }
+  if (line) lines.push(`${indent}${dim(line.trim())}`);
+  return lines;
+}
 function hr(ch = "─") {
   return dim(ch.repeat(Math.max(0, W() - 4)));
 }
@@ -456,13 +478,18 @@ const TABS = [
   { key: "6", label: "Connect", short: "N" }, // sign in / switch device — the whole app is the TUI
 ];
 
-// Three Degrees of Leverage — reference values pulled from signalaf.com/wiki (2026-06-25).
-// base = AI avg (modeled 7:2:1 baseline) · field = SigRank avg (wild field median) · top = best operator.
-// STATIC for now; goes live (field/top computed from the board) once there's real user volume.
+// Four Degrees of Leverage — reference values matching signalaf.com/wiki/four-degrees.
+//   base  = AA baseline (7:2:1 modeled reference, static)
+//   hcm   = Human Center of Mass (median of all real operators)
+//   power = Power users (median of top 100 real operators)
+//   top   = Top Evals (single top real operator)
+// STATIC fallback values match the web app's GoldColumn fallbacks (lib/marketing/top-operator-column.ts).
+// Goes live (hcm/power/top computed from the board) once there's real user volume.
 const TD = {
-  base: { yield: 1.57, snr: 0.33, vel: 0.5, lev: 3.2, d10: 0.5 },
-  field: { yield: 1.51, snr: 0.07, vel: 0.08, lev: 22.3, d10: 1.35 },
-  top: { yield: 745.4, snr: 0.63, vel: 1.7, lev: 438.6, d10: 2.64 },
+  base:  { yield: 1.75, snr: 0.33, vel: 0.50, lev: 3.5,   d10: 0.54 },
+  hcm:   { yield: 1.57, snr: 0.33, vel: 0.50, lev: 3.2,   d10: 0.50 },
+  power: { yield: 1.51, snr: 0.07, vel: 0.08, lev: 22.3,  d10: 1.35 },
+  top:   { yield: 488.65, snr: 0.58, vel: 1.36, lev: 360.2, d10: 2.56 },
 };
 
 function renderTabBar(activeIdx) {
@@ -716,7 +743,7 @@ function renderDashboard(data, status = "", scrollOffset = 0) {
   // which is what was starving codex's cascade rows after the Your-Read/Three-Degrees panels landed.)
   const platformCount = active.length;
   const barLines = 4 + platformCount + (platformCount > 1 ? 1 : 0); // Token Composition: hr + header + platforms + combined + note
-  // Your Read (hr+header+~3 wins+1 gap = 6) + Three Degrees (blank+hr+header+col-header+5 rows+note = 10) + status
+  // Your Read (hr+header+~3 wins+1 gap = 6) + Four Degrees (blank+hr+header+col-header+5 rows+note = 10) + status
   const boardLines = 17;
   const sectionsBelow = barLines + boardLines;
   const maxCascadeRows = Math.max(8, budget - used - sectionsBelow);
@@ -768,7 +795,10 @@ function renderDashboard(data, status = "", scrollOffset = 0) {
     if (lastPlatform !== null && row.platform !== lastPlatform) emit();
     renderRow(
       row.platform,
-      (s) => (row.winKey === firstWin[row.platform] ? cyan(s) : dim(s)),
+      (s) => {
+        const pc = platformColor(row.platform);
+        return row.winKey === firstWin[row.platform] ? bold(pc(s)) : dim(s);
+      },
       row.winKey,
       row.pillars,
       row.estimated,
@@ -822,7 +852,7 @@ function renderDashboard(data, status = "", scrollOffset = 0) {
       const all = d.windows?.find((w) => w.window === "all");
       if (!all) continue;
       emit(
-        `    ${padEnd(cyan(d.platform), 10)}  ${tokenBar(all.pillars, 50)}  ${dim(fmtTok((all.pillars.input ?? 0) + (all.pillars.output ?? 0) + (all.pillars.cacheCreate ?? 0) + (all.pillars.cacheRead ?? 0)))}`,
+        `    ${padEnd(platformColor(d.platform)(d.platform), 10)}  ${tokenBar(all.pillars, 50)}  ${dim(fmtTok((all.pillars.input ?? 0) + (all.pillars.output ?? 0) + (all.pillars.cacheCreate ?? 0) + (all.pillars.cacheRead ?? 0)))}`,
       );
     }
     if (active.length > 1) {
@@ -865,9 +895,9 @@ function renderDashboard(data, status = "", scrollOffset = 0) {
     }
   }
 
-  // ── Your insights + the Three Degrees panel (replaces the old top-3 mini board)
+  // ── Your insights + the Four Degrees panel (replaces the old top-3 mini board)
   // The user's own cascade (the firstWin/combined row computed above) read against the
-  // Three Degrees reference so the Dashboard says "here's you, here's the field, here's the ceiling."
+  // Four Degrees reference so the Dashboard says "here's you, here's the field, here's the ceiling."
   const you = (() => {
     // Best available cascade for the user: prefer claude's first-window, else any computed row.
     for (const d of active) {
@@ -910,7 +940,7 @@ function renderDashboard(data, status = "", scrollOffset = 0) {
       chk(
         "Υ Yield",
         you.yield,
-        TD.field.yield,
+        TD.hcm.yield,
         TD.top.yield,
         fmtY,
         "compound more — reuse cache, raise output",
@@ -918,7 +948,7 @@ function renderDashboard(data, status = "", scrollOffset = 0) {
       chk(
         "SNR",
         you.snr,
-        TD.field.snr,
+        TD.hcm.snr,
         TD.top.snr,
         fmtSNR,
         "tighten prompts — less input per unit output",
@@ -926,7 +956,7 @@ function renderDashboard(data, status = "", scrollOffset = 0) {
       chk(
         "Leverage",
         you.leverage,
-        TD.field.lev,
+        TD.hcm.lev,
         TD.top.lev,
         (v) => fmtLev(v) + "×",
         "lean on cache-read — amplify prior context",
@@ -934,7 +964,7 @@ function renderDashboard(data, status = "", scrollOffset = 0) {
       chk(
         "Velocity",
         you.velocity,
-        TD.field.vel,
+        TD.hcm.vel,
         TD.top.vel,
         (v) => v.toFixed(2),
         "more output per input token",
@@ -950,39 +980,42 @@ function renderDashboard(data, status = "", scrollOffset = 0) {
       emit(`    ${dim("  reading your cascade… (press [R] to refresh)")}`);
     }
 
-    // ── Three Degrees — AI avg · SigRank avg · Top (live values from signalaf.com)
+    // ── Four Degrees — AA baseline · Human Center of Mass · Power users · Top Evals
+    // Matches signalaf.com/wiki/four-degrees (expanded from 3 → 4 degrees 2026-07-17).
     emit();
     emit(`  ${hr()}`);
     emit(
-      `  ${bold("Three Degrees")}  ${dim("AI avg · SigRank avg · top — signalaf.com/wiki")}`,
+      `  ${bold("Four Degrees")}  ${dim("AA baseline · Human Center of Mass · Power users · Top Evals — signalaf.com/wiki")}`,
     );
     const tdHead = [
       padEnd(hdr("Metric"), 10),
-      padStart(hdr("AI avg"), 9),
-      padStart(hdr("SigRank avg"), 12),
+      padStart(hdr("AA base"), 9),
+      padStart(hdr("HCM"), 9),
+      padStart(hdr("Power"), 9),
       padStart(hdr("Top"), 9),
     ];
     emit(`    ${tdHead.join("  ")}`);
     const white = (s) => paint(c.white, s);
-    const tdRow = (label, b, f, t, fmt) =>
+    const tdRow = (label, b, h, p, t, fmt) =>
       emit(
-        `    ${padEnd(label, 10)}  ${padStart(white(fmt(b)), 9)}  ${padStart(fmt(f), 12)}  ${padStart(gold(fmt(t)), 9)}`,
+        `    ${padEnd(label, 10)}  ${padStart(dim(fmt(b)), 9)}  ${padStart(white(fmt(h)), 9)}  ${padStart(white(fmt(p)), 9)}  ${padStart(gold(fmt(t)), 9)}`,
       );
-    tdRow("Υ Yield", TD.base.yield, TD.field.yield, TD.top.yield, fmtY);
-    tdRow("SNR", TD.base.snr, TD.field.snr, TD.top.snr, fmtSNR);
-    tdRow("Velocity", TD.base.vel, TD.field.vel, TD.top.vel, (v) =>
+    tdRow("Υ Yield", TD.base.yield, TD.hcm.yield, TD.power.yield, TD.top.yield, fmtY);
+    tdRow("SNR", TD.base.snr, TD.hcm.snr, TD.power.snr, TD.top.snr, fmtSNR);
+    tdRow("Velocity", TD.base.vel, TD.hcm.vel, TD.power.vel, TD.top.vel, (v) =>
       v.toFixed(2),
     );
     tdRow(
       "Leverage",
       TD.base.lev,
-      TD.field.lev,
+      TD.hcm.lev,
+      TD.power.lev,
       TD.top.lev,
       (v) => fmtLev(v) + "×",
     );
-    tdRow("10xDEV", TD.base.d10, TD.field.d10, TD.top.d10, (v) => v.toFixed(2));
+    tdRow("10xDEV", TD.base.d10, TD.hcm.d10, TD.power.d10, TD.top.d10, (v) => v.toFixed(2));
     emit(
-      `    ${dim("reference values until live user volume calibrates SigRank avg")}`,
+      `    ${dim("reference values until live user volume calibrates HCM · Power · Top")}`,
     );
   }
 
@@ -1246,16 +1279,17 @@ function renderCompare(data) {
   if (!td) missing.push("token-dashboard (~/.claude/token-dashboard.db)");
   if (!ts) missing.push("tokscale (npm i -g tokscale)");
   if (missing.length)
-    emit(`  ${dim(`  no data from: ${missing.join(" · ")}`)}`);
+    for (const ln of wrapDim(`no data from: ${missing.join(" · ")}`)) emit(ln);
   emit();
 
   // FIX (2026-08-18): if ALL sources are empty (tokenpull has no windows AND all
   // verifiers are null), show a clear empty-state message instead of bare headers
   // with zero data rows.
   if (SOURCES.length === 0) {
-    emit(
-      `  ${dim("  no source data available for this platform — install a verifier or check ~/.claude/projects/")}`,
-    );
+    for (const ln of wrapDim(
+      "no source data available for this platform — install a verifier or check ~/.claude/projects/",
+    ))
+      emit(ln);
     return;
   }
 
@@ -1504,7 +1538,7 @@ function renderSubmissions(
     const cells = [
       padStart(rk, 4),
       nm,
-      padEnd(cyan(trunc(gPlat(e), 10)), 10),
+      padEnd(platformColor(gPlat(e))(trunc(gPlat(e), 10)), 10),
       padEnd(dim(trunc(gWin(e), 6)), 6),
       yld,
       ...(showOpRatio ? [padEnd(dim(fmtOp(gOpRatio(e))), 18)] : []),
@@ -1695,6 +1729,7 @@ function renderWatchInfo(platform, win, refresh) {
   const winLabel = !win || win === "all-windows" ? "all windows" : win;
   const allDefault =
     platLabel === "all active platforms" && winLabel === "all windows";
+  const platColorFn = (!platform || platform === "all") ? cyan : platformColor(platform);
   writeln();
   writeln(
     `  ${bold("Live Watch")}  ${dim("the agent that keeps your rank current")}`,
@@ -1702,7 +1737,7 @@ function renderWatchInfo(platform, win, refresh) {
   writeln();
   writeln(`  ${dim("What it does")}`);
   writeln(
-    `    Re-reads your local token logs for ${cyan(platLabel)} across ${cyan(winLabel)} every`,
+    `    Re-reads your local token logs for ${platColorFn(platLabel)} across ${cyan(winLabel)} every`,
   );
   writeln(
     `    ${gold(refresh + "s")} and recomputes each cascade (Υ Yield · SNR · Leverage · class) live, on`,
@@ -1724,7 +1759,7 @@ function renderWatchInfo(platform, win, refresh) {
   writeln();
   writeln(`  ${dim("Settings")}`);
   writeln(
-    `    ${dim("Platform")}  ${cyan(platLabel)}     ${dim("Window")}  ${cyan(winLabel)}     ${dim("Refresh")}  ${gold(refresh + "s")}`,
+    `    ${dim("Platform")}  ${platColorFn(platLabel)}     ${dim("Window")}  ${cyan(winLabel)}     ${dim("Refresh")}  ${gold(refresh + "s")}`,
   );
   writeln(
     `    ${dim(allDefault ? "watching everything (default)" : "focused — press [P]/[W] to widen back to all")}`,
@@ -1870,9 +1905,10 @@ function renderWatchData(data) {
 
   if (active.length === 0) {
     emit();
-    emit(
-      `  ${dim("  no active platforms detected — run some sessions, this picks them up automatically")}`,
-    );
+    for (const ln of wrapDim(
+      "no active platforms detected — run some sessions, this picks them up automatically",
+    ))
+      emit(ln);
     return;
   }