pi-mega-compact 0.7.9 → 0.8.0

package/extensions/mega-runtime/widget.test.ts

@@ -0,0 +1,185 @@
+/**
+ * widget.test.ts — S31 buildWidgetLines render snapshot matrix.
+ *
+ * buildWidgetLines is a free function (no pi runtime needed), so we drive it
+ * directly with a fake WidgetData across the full matrix:
+ *   6 themes × {full,minimal} × {gameMode on/off} × {cachePct<100, >=100}
+ * and assert the S31 invariants:
+ *  (a) transparent theme → no '\x1b[48;' bg fill on any line
+ *  (b) non-transparent themes → at least one line carries '\x1b[48;'
+ *  (c) minimal mode → exactly one content line (between the two panel bars)
+ *  (d) gameMode off → no 'LVL' + no 'MEGA CACHE'
+ *  (e) megaCacheFlare + gameMode on + cachePct>=100 → 'MEGA CACHE' text present
+ *  (f) every line visibleWidth <= the terminal width passed in
+ *
+ * Uses MEGACOMPACT_STATE_DIR + mkdtemp (G7). No pi runtime.
+ */
+import { describe, it, before, after } from "node:test";
+import assert from "node:assert/strict";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+import { mkdtempSync, rmSync } from "node:fs";
+import { visibleWidth } from "@earendil-works/pi-tui";
+import { buildWidgetLines, type WidgetData } from "./widget.js";
+import { THEME_IDS, DEFAULT_THEME, getTheme } from "../../src/config/themes.js";
+
+/** A minimal but complete WidgetData (all required fields populated). The S31
+ *  game-mode fields are overridden per-case. */
+function baseWd(overrides: Partial<WidgetData> = {}): WidgetData {
+	return {
+		version: "0.0.0-test",
+		tierLabel: "low",
+		triggerLabel: "idle",
+		pctStr: "42%",
+		tokStr: "10k",
+		maxStr: "200k",
+		ctxPct: 0.42,
+		chk: 3,
+		agentStr: "",
+		turnStr: "",
+		dedupStr: "12%",
+		sessIn: 1000,
+		sessKept: 800,
+		sTxt: "20",
+		repoIn: 5000,
+		repoKept: 4000,
+		rTxt: "20",
+		repoChk: 9,
+		repoSess: 2,
+		modelStr: "test-model",
+		sinceCompact: null,
+		embedderName: "Trigram",
+		compStr: "1.2x",
+		driftStatus: "ok",
+		agentsActive: false,
+		fresh: false,
+		ticker: [],
+		lastWhy: undefined,
+		tierTrace: undefined,
+		pulsing: false,
+		...overrides,
+	};
+}
+
+const WIDTH = 120;
+
+function contentLines(lines: string[]): string[] {
+	// Strip the top + bottom panel bars; what's left is the content body.
+	return lines.slice(1, lines.length - 1);
+}
+
+describe("buildWidgetLines (S31)", () => {
+	let dir: string;
+	before(() => {
+		dir = mkdtempSync(join(tmpdir(), "mc-widget-"));
+		process.env.MEGACOMPACT_STATE_DIR = dir;
+	});
+	after(() => {
+		delete process.env.MEGACOMPACT_STATE_DIR;
+		rmSync(dir, { recursive: true, force: true });
+	});
+
+	it("null wd → warm-up panel (3 lines, all width-safe)", () => {
+		const lines = buildWidgetLines(null, WIDTH, 0);
+		assert.equal(lines.length, 3);
+		for (const l of lines) assert.ok(visibleWidth(l) <= WIDTH, "width safe");
+	});
+
+	for (const theme of THEME_IDS) {
+		for (const tuiMode of ["full", "minimal"] as const) {
+			for (const gameMode of [false, true] as const) {
+				for (const cachePct of [42, 150] as const) {
+					const flare = cachePct >= 100;
+					const label = `theme=${theme} tui=${tuiMode} game=${gameMode} cache=${cachePct}`;
+					it(label, () => {
+						const wd = baseWd({
+							theme,
+							tuiMode,
+							gameMode,
+							level: 1,
+							cachePct,
+							megaCacheFlare: flare,
+						});
+						const lines = buildWidgetLines(wd, WIDTH, 0);
+						const body = contentLines(lines);
+						const joined = lines.join("\n");
+
+						// (f) every line width <= terminal (truncateToWidth respected)
+						for (const l of lines) {
+							assert.ok(
+								visibleWidth(l) <= WIDTH,
+								`width safe: ${visibleWidth(l)} > ${WIDTH}`,
+							);
+						}
+
+						// (a) transparent theme → no '\x1b[48;' bg fill anywhere
+						if (theme === DEFAULT_THEME) {
+							assert.ok(
+								!joined.includes("\x1b[48;"),
+								`transparent has no 48; bg fill: ${label}`,
+							);
+						} else {
+							// (b) non-transparent themes → their bg SGR appears on some line.
+							// (Themes may use 3-bit bg like \x1b[40m, not just 48;5; form.)
+							const bgParams = getTheme(theme)!.ansi.bg!;
+							const bgEsc = `\x1b[${bgParams}m`;
+							assert.ok(
+								joined.includes(bgEsc),
+								`themed has bg fill ${bgEsc}: ${label}`,
+							);
+						}
+
+						// (c) minimal mode → exactly one content line
+						if (tuiMode === "minimal") {
+							assert.equal(body.length, 1, `minimal one line: ${label}`);
+						}
+
+						// (d) gameMode off → no LVL + no MEGA CACHE
+						if (!gameMode) {
+							assert.ok(!joined.includes("LVL"), `no LVL when off: ${label}`);
+							assert.ok(
+								!joined.includes("MEGA CACHE"),
+								`no MEGA CACHE when off: ${label}`,
+							);
+						} else {
+							// gameMode on → LVL shown (in full mode header, or minimal line)
+							assert.ok(joined.includes("LVL"), `LVL shown when on: ${label}`);
+						}
+
+						// (e) MEGA CACHE flare text appears only when flare + gameMode on
+						const expectMega = flare && gameMode;
+						const hasMega = joined.includes("MEGA CACHE");
+						assert.equal(
+							hasMega,
+							expectMega,
+							`MEGA CACHE flare: ${label} (got ${hasMega}, want ${expectMega})`,
+						);
+					});
+				}
+			}
+		}
+	}
+});
+
+
+describe("buildWidgetLines achievement flare (S35)", () => {
+  const achBase = (overrides: Partial<WidgetData> = {}): WidgetData => baseWd({
+    theme: DEFAULT_THEME, tuiMode: "full", gameMode: true, level: 1, cachePct: 42, ...overrides,
+  });
+  it("achievementFlare + titles -> renders the unlock toast line", () => {
+    const lines = buildWidgetLines(achBase({ achievementFlare: true, achievementFlareTitles: ["First Compact"] }), WIDTH, 0);
+    assert.ok(lines.some((l) => l.includes("Achievement unlocked: First Compact")), "toast line present");
+  });
+  it("achievementFlare off -> no toast line", () => {
+    const lines = buildWidgetLines(achBase({ achievementFlare: false, achievementFlareTitles: ["First Compact"] }), WIDTH, 0);
+    assert.ok(!lines.some((l) => l.includes("Achievement unlocked")), "no toast when flare off");
+  });
+  it("gameMode off -> no toast even if flare set", () => {
+    const lines = buildWidgetLines(achBase({ gameMode: false, achievementFlare: true, achievementFlareTitles: ["X"] }), WIDTH, 0);
+    assert.ok(!lines.some((l) => l.includes("Achievement unlocked")), "no toast when game off");
+  });
+  it("achievement toast is width-safe", () => {
+    const lines = buildWidgetLines(achBase({ achievementFlare: true, achievementFlareTitles: ["First Compact", "Turn Veteran"] }), 60, 0);
+    for (const l of lines) assert.ok(visibleWidth(l) <= 60, "width safe");
+  });
+});

package/extensions/mega-runtime/widget.ts

@@ -14,6 +14,7 @@
 // off-by-one can trip the strict `> width` guard. (Fix for the
 // `Rendered line N exceeds terminal width (W > W-1)` crash.)
 import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+import { getTheme, DEFAULT_THEME } from "../../src/config/themes.js";
 
 // ── ANSI palette ───────────────────────────────────────────────────────────
 // The pi TUI's Text component preserves ANSI escape codes (see wrapTextWithAnsi),
@@ -43,16 +44,47 @@ const PULSE = ["◐", "◓", "◑", "◒"];
 // real terminal width with a background fill. NOTE: C.reset is a FULL SGR
 // reset, so we re-apply the panel bg after every reset to keep the background
 // continuous under colored text (and under pi's own trailing reset).
-const PANEL_BG = "\x1b[48;5;236m"; // dark slate panel background
-const PANEL_RST = "\x1b[0m" + PANEL_BG; // reset fg but retain panel bg
+/** Default panel background (dark slate). Used when no theme is threaded or
+ *  the theme is transparent (no bg fill). Parametrized per-render via the
+ *  `panelTheme` arg so game-mode themes can restyle the panel background.
+ *  A transparent theme yields `""` so panelLine/panelBar still call
+ *  truncateToWidth (the width guard holds — empty prefix adds zero cells). */
+const DEFAULT_PANEL_BG = "\x1b[48;5;236m"; // dark slate panel background
+
+/** Resolve the panel-background SGR prefix for a theme id. Transparent themes
+ *  (bg=null) and unknown themes yield `""` (no bg fill) — the width guard in
+ *  panelLine/panelBar still applies via truncateToWidth. */
+function panelBgFor(theme: string | undefined): string {
+	if (!theme || theme === DEFAULT_THEME) return "";
+	const t = getTheme(theme);
+	const bg = t?.ansi.bg;
+	return bg ? `\x1b[${bg}m` : "";
+}
+
+/** Resolve a theme ANSI accent/mega/fg SGR prefix (`\x1b[<params>m`) for the
+ *  given role. Falls back to `""` (no SGR) for transparent/unknown themes so
+ *  game-mode text still renders in the default fg without color noise. */
+function themeAnsi(theme: string | undefined, role: "fg" | "accent" | "mega"): string {
+	const t = theme ? getTheme(theme) : undefined;
+	const params = t?.ansi[role];
+	return params ? `\x1b[${params}m` : "";
+}
+
+/** Emit a full SGR reset, OR `""` if `sgr` is empty (transparent theme). Keeps
+ *  the panel bg continuous by NOT clobbering it with a bare reset when the
+ *  accent/mega prefix was a no-op. */
+function sgrReset(sgr: string): string {
+	return sgr ? "\x1b[0m" : "";
+}
 
 // (Visible-width measurement is delegated to pi-tui's `visibleWidth` — imported
 // above — so our width math can never diverge from pi-tui's render-width check.)
 
 /** Wrap a string (with ANSI codes) to fit within `maxWidth` visible chars.
  *  Splits at │ separators or whitespace when possible. */
-function wrapLine(text: string, maxWidth: number): string[] {
+function wrapLine(text: string, maxWidth: number, panelBg: string): string[] {
 	if (maxWidth <= 0) return [text];
+	const panelRst = "\x1b[0m" + panelBg;
 	const result: string[] = [];
 	let current = "";
 	let currentW = 0;
@@ -60,7 +92,7 @@ function wrapLine(text: string, maxWidth: number): string[] {
 	const segments = text.split("│");
 	for (let i = 0; i < segments.length; i++) {
 		const seg = (i > 0 ? "│" : "") + segments[i];
-		const segW = visibleWidth(PANEL_BG + seg.replace(/\x1b\[0m/g, PANEL_RST));
+		const segW = visibleWidth(panelBg + seg.replace(/\x1b\[0m/g, panelRst));
 		if (currentW + segW <= maxWidth || currentW === 0) {
 			current += seg;
 			currentW += segW;
@@ -74,11 +106,12 @@ function wrapLine(text: string, maxWidth: number): string[] {
 	return result;
 }
 
-function panelLine(content: string, width: number): string {
+function panelLine(content: string, width: number, panelBg: string = DEFAULT_PANEL_BG): string {
 	if (width <= 0) return "";
+	const panelRst = "\x1b[0m" + panelBg;
 	// Apply the panel background; swap every inner full-reset for a reset that
 	// re-applies the bg so the fill stays continuous under colored text.
-	const withBg = PANEL_BG + content.replace(/\x1b\[0m/g, PANEL_RST);
+	const withBg = panelBg + content.replace(/\x1b\[0m/g, panelRst);
 	// truncateToWidth(line, width, "", true) returns EXACTLY `width` visible cells
 	// (by pi-tui's measure), ANSI-preserved, space-padded. It hard-clips overflow
 	// — so even a segment wider than `width` (or a width-rule mismatch) can never
@@ -87,12 +120,12 @@ function panelLine(content: string, width: number): string {
 }
 
 /** A full-width hairline bar (top/bottom border of the panel). */
-function panelBar(width: number, ch = "─"): string {
+function panelBar(width: number, ch = "─", panelBg: string = DEFAULT_PANEL_BG): string {
 	// `─` (U+2500) is narrow (1 cell) in both our measure and pi-tui's, so a
 	// `ch.repeat(width)` bar is exactly `width` cells and already passes the
 	// `> width` guard. truncateToWidth is belt-and-suspenders in case `ch` is
 	// ever swapped for a wide/fullwidth character.
-	return truncateToWidth(PANEL_BG + ch.repeat(Math.max(0, width)), width, "", false) + "\x1b[0m";
+	return truncateToWidth(panelBg + ch.repeat(Math.max(0, width)), width, "", false) + "\x1b[0m";
 }
 
 /** Token-count formatter: M at/above 1e6, k at/above 1e3, raw below.
@@ -177,6 +210,27 @@ export interface WidgetData {
 	lastWhy: string | undefined;
 	tierTrace: string | undefined;
 	pulsing: boolean;
+	// ── S31: game-mode theming + display modes + level + MEGA CACHE flare ──
+	/** Game mode on (shows level + MEGA CACHE flare; hides them when off). */
+	gameMode?: boolean;
+	/** Theme id (src/config/themes). Drives the panel bg + accent/mega ANSI. */
+	theme?: string;
+	/** TUI display mode: 'full' (default) = the full stats panel; 'minimal' = a
+	 *  one-line `LVL n | cache NN%` view flanked by panel bars. */
+	tuiMode?: "full" | "minimal";
+	/** Player level (game-mode). Stub = 1 until S33 wires the real scoring. */
+	level?: number;
+	/** Cache hit rate as a percent (0..100+, may exceed 100 → MEGA CACHE). */
+	cachePct?: number;
+	/** MEGA CACHE flare armed (fires at cachePct >= 100 + gameMode on). Adds the
+	 *  ANSI MEGA CACHE banner + the oopsie gag to the header. */
+	megaCacheFlare?: boolean;
+	/** The peak cache % that armed the flare (for the oopsie toast text). */
+	megaCacheFlarePct?: number;
+	levelUpFlare?: boolean;
+	/** S35: achievement-unlock flare -- renders a one-line toast for one cycle. */
+	achievementFlare?: boolean;
+	achievementFlareTitles?: string[];
 }
 
 // ── buildWidgetLines ───────────────────────────────────────────────────────
@@ -191,20 +245,59 @@ export function buildWidgetLines(
 	width: number,
 	activeAgents: number,
 ): string[] {
+	// Resolve the panel background from the threaded theme (transparent → "",
+	// unknown → default dark slate). Computed once per render; threaded into
+	// every panelLine/panelBar/wrapLine so the bg stays continuous and the width
+	// guard (truncateToWidth) still holds for transparent themes.
+	const panelBg = wd?.theme ? panelBgFor(wd.theme) : DEFAULT_PANEL_BG;
 	if (!wd) {
 		return [
-			panelBar(width, "─"),
-			panelLine(" mega-compact: warming up…", width),
-			panelBar(width, "─"),
+			panelBar(width, "─", panelBg),
+			panelLine(" mega-compact: warming up…", width, panelBg),
+			panelBar(width, "─", panelBg),
+		];
+	}
+	// S31: minimal TUI mode — a single content line `LVL n | cache NN%` flanked
+	// by panel bars. Built through the same panelLine/panelBar helpers so the
+	// width guard + theme bg apply identically to the full panel. Level is shown
+	// only when game mode is on (otherwise just the cache %).
+	if (wd.tuiMode === "minimal") {
+		const lvl = wd.gameMode ? wd.level ?? 1 : undefined;
+		const cachePct = wd.cachePct ?? 0;
+		const cacheStr = `${Math.round(cachePct * 10) / 10}%`;
+		const accent = themeAnsi(wd.theme, "accent");
+		const mega = themeAnsi(wd.theme, "mega");
+		const megaFlare =
+			wd.gameMode && wd.megaCacheFlare && cachePct >= 100
+				? ` ${mega}MEGA CACHE${sgrReset(mega)}`
+				: "";
+		const body =
+			lvl != null
+				? `${accent}${wd.gameMode && wd.levelUpFlare ? "\x1b[5m" : ""}LVL ${lvl}${wd.gameMode && wd.levelUpFlare ? "\x1b[0m" : ""}${sgrReset(accent)} ${C.dim}|${C.reset} cache ${cacheStr}${megaFlare}`
+				: `cache ${cacheStr}${megaFlare}`;
+		return [
+			panelBar(width, "─", panelBg),
+			panelLine(` ${body}`, width, panelBg),
+			panelBar(width, "─", panelBg),
 		];
 	}
 	const pulse = wd.pulsing
 		? `${C.cyan}${PULSE[Math.floor(Date.now() / 250) % PULSE.length]}${C.reset} `
 		: "";
 	const sep = ` ${C.dim}│${C.reset} `;
+	// S31: game-mode header prefix — `LVL n` (accent) prepended to content[0],
+	// and a MEGA CACHE flare (mega ansi) + oopsie gag appended when armed. Both
+	// hidden when game mode is off (keeps the legacy panel byte-for-byte).
+	const lvlPrefix = wd.gameMode
+		? `${themeAnsi(wd.theme, "accent")}${wd.gameMode && wd.levelUpFlare ? "\x1b[5m" : ""}LVL ${wd.level ?? 1}${wd.gameMode && wd.levelUpFlare ? "\x1b[0m" : ""}${sgrReset(themeAnsi(wd.theme, "accent"))} `
+		: "";
+	const megaFlareSuffix =
+		wd.gameMode && wd.megaCacheFlare && (wd.cachePct ?? 0) >= 100
+			? `${sep}${themeAnsi(wd.theme, "mega")}MEGA CACHE! (oops, you cached so hard the dedup caught fire)${sgrReset(themeAnsi(wd.theme, "mega"))}`
+			: "";
 	// Build one long content line — let terminal wrap it naturally
 	const content = [
-		`${C.amber}⚡ ${wd.tierLabel}${C.reset} v${C.bold}${wd.version}${C.reset} ${ramp(wd.ctxPct, 20)} ${C.bold}${wd.pctStr}${C.reset} ${wd.tokStr}/${wd.maxStr}`,
+		`${lvlPrefix}${C.amber}⚡ ${wd.tierLabel}${C.reset} v${C.bold}${wd.version}${C.reset} ${ramp(wd.ctxPct, 20)} ${C.bold}${wd.pctStr}${C.reset} ${wd.tokStr}/${wd.maxStr}${megaFlareSuffix}`,
 		wd.triggerLabel,
 		`${C.cyan}${wd.modelStr}${C.reset}`,
 		`${wd.chk} chk${wd.agentStr}${wd.turnStr}`,
@@ -217,10 +310,10 @@ export function buildWidgetLines(
 		`${C.gray}compact${C.reset} ${sinceCompactStr(wd.sinceCompact)}`,
 	].join(sep);
 	// Wrap to terminal width and pad each line
-	const wrapped = wrapLine(content, width - 2); // 2-char indent
+	const wrapped = wrapLine(content, width - 2, panelBg); // 2-char indent
 	const lines: string[] = [
-		panelBar(width, "─"),
-		...wrapped.map((l) => panelLine(l, width)),
+		panelBar(width, "─", panelBg),
+		...wrapped.map((l) => panelLine(l, width, panelBg)),
 	];
 	// L4 — agents block (S27, count + status; per-agent tokens gated on P0)
 	if (wd.agentsActive) {
@@ -228,12 +321,13 @@ export function buildWidgetLines(
 			panelLine(
 				`   ${C.cyan}🤖 ${activeAgents} active${wd.turnStr}${C.reset}`,
 				width,
+				panelBg,
 			),
 		);
 	}
 	// L5 — live ticker / activity (♻ deduped … why, or tier trace, or pulsing)
 	if (wd.tierTrace && wd.fresh) {
-		lines.push(panelLine(`   ${pulse}${wd.tierTrace}`, width));
+		lines.push(panelLine(`   ${pulse}${wd.tierTrace}`, width, panelBg));
 	} else if (wd.ticker.length > 0) {
 		const step = Math.floor(Date.now() / 250);
 		const idx = wd.ticker.length - 1 - (step % wd.ticker.length);
@@ -247,12 +341,19 @@ export function buildWidgetLines(
 			panelLine(
 				`   ${wd.fresh ? C.teal : C.dim}${head}${why}${more}${C.reset}`,
 				width,
+				panelBg,
 			),
 		);
 	} else if (wd.pulsing) {
-		lines.push(panelLine(`   ${pulse}${C.teal}compacting…${C.reset}`, width));
+		lines.push(panelLine(`   ${pulse}${C.teal}compacting…${C.reset}`, width, panelBg));
+	}
+	// S35: achievement-unlock toast (one-line, accent) -- fires for one render cycle.
+	if (wd.gameMode && wd.achievementFlare && wd.achievementFlareTitles?.length) {
+		const accentSgr = themeAnsi(wd.theme, "accent");
+		const titlesStr = wd.achievementFlareTitles.join(", ");
+		lines.push(panelLine(`   ${accentSgr}🏆 Achievement unlocked: ${titlesStr}${sgrReset(accentSgr)}`, width, panelBg));
 	}
 	// bottom border
-	lines.push(panelBar(width, "─"));
+	lines.push(panelBar(width, "─", panelBg));
 	return lines;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-mega-compact",
-  "version": "0.7.9",
+  "version": "0.8.0",
   "description": "Layered, local, vector-backed context compressor for pi — supersede/collapse/cluster compaction with deduped inline recall.",
   "type": "module",
   "license": "BSD-2-Clause",

package/src/config/themes.test.ts

@@ -0,0 +1,116 @@
+/**
+ * themes.test.ts — S30 theme palette source-of-truth tests.
+ * Pi-agnostic: no pi runtime imports.
+ */
+import { describe, it } from "node:test";
+import assert from "node:assert/strict";
+import {
+  THEMES,
+  THEME_IDS,
+  DEFAULT_THEME,
+  getTheme,
+  isValidTheme,
+  nextTheme,
+  themeCssVars,
+  themeDataBlock,
+} from "./themes.js";
+
+describe("themes (S30)", () => {
+  it("defines exactly 6 themes", () => {
+    assert.equal(THEMES.length, 6);
+    assert.equal(THEME_IDS.length, 6);
+  });
+
+  it("has unique ids", () => {
+    assert.equal(new Set(THEME_IDS).size, 6);
+  });
+
+  it("default theme is transparent", () => {
+    assert.equal(DEFAULT_THEME, "transparent");
+    assert.ok(isValidTheme(DEFAULT_THEME));
+  });
+
+  it("includes retro, orange-bold, cyan-neon, amber-mono, grayscale", () => {
+    for (const id of ["retro", "orange-bold", "cyan-neon", "amber-mono", "grayscale"]) {
+      assert.ok(isValidTheme(id), `missing ${id}`);
+    }
+  });
+
+  it("transparent theme has null bg (CSS + ANSI)", () => {
+    const t = getTheme("transparent");
+    assert.ok(t);
+    assert.equal(t!.css.bg, null);
+    assert.equal(t!.ansi.bg, null);
+  });
+
+  it("every non-transparent theme has a non-null bg", () => {
+    for (const t of THEMES) {
+      if (t.id === "transparent") continue;
+      assert.ok(t.css.bg, `${t.id} css.bg`);
+      assert.ok(t.ansi.bg, `${t.id} ansi.bg`);
+    }
+  });
+
+  it("every theme has css + ansi {fg,accent,mega} strings", () => {
+    for (const t of THEMES) {
+      assert.ok(typeof t.css.fg === "string" && t.css.fg.startsWith("#"));
+      assert.ok(typeof t.css.accent === "string");
+      assert.ok(typeof t.css.mega === "string");
+      assert.ok(typeof t.ansi.fg === "string");
+      assert.ok(typeof t.ansi.accent === "string");
+      assert.ok(typeof t.ansi.mega === "string");
+    }
+  });
+
+  it("getTheme returns undefined for unknown id", () => {
+    assert.equal(getTheme("nope"), undefined);
+  });
+
+  it("isValidTheme is false for unknown", () => {
+    assert.equal(isValidTheme("nope"), false);
+  });
+
+  it("nextTheme cycles through all themes and wraps", () => {
+    const seen: string[] = [];
+    let cur = DEFAULT_THEME;
+    for (let i = 0; i < THEME_IDS.length; i++) {
+      cur = nextTheme(cur);
+      seen.push(cur);
+    }
+    // after N steps we've visited every theme once
+    assert.equal(new Set(seen).size, THEME_IDS.length);
+    // wraps: one more step from the last returns to the first
+    const first = nextTheme(THEME_IDS[THEME_IDS.length - 1]!);
+    assert.equal(first, THEME_IDS[0]);
+  });
+
+  it("nextTheme falls back to DEFAULT_THEME for unknown current", () => {
+    assert.equal(nextTheme("garbage"), DEFAULT_THEME);
+  });
+});
+
+describe("themeCssVars / themeDataBlock (S32)", () => {
+  it("themeCssVars emits --bg/--fg/--accent/--mega for a normal theme", () => {
+    const t = getTheme("retro")!;
+    const vars = themeCssVars(t);
+    assert.match(vars, /--bg: #003300;/);
+    assert.match(vars, /--fg: #33ff33;/);
+    assert.match(vars, /--accent: #00ff41;/);
+    assert.match(vars, /--mega: #39ff14;/);
+  });
+
+  it("themeCssVars maps null bg to 'transparent'", () => {
+    const t = getTheme("transparent")!;
+    const vars = themeCssVars(t);
+    assert.match(vars, /--bg: transparent;/);
+    assert.match(vars, /--fg: #c9d1d9;/);
+  });
+
+  it("themeDataBlock wraps vars in a :root[data-theme=\"<id\"] selector", () => {
+    const t = getTheme("cyan-neon")!;
+    const block = themeDataBlock(t);
+    assert.equal(block.startsWith(':root[data-theme="cyan-neon"]{ '), true);
+    assert.equal(block.endsWith(" }"), true);
+    assert.ok(block.includes("--accent: #22d3ee;"));
+  });
+});

package/src/config/themes.ts

@@ -0,0 +1,124 @@
+/**
+ * themes.ts — SINGLE SOURCE OF TRUTH for game-mode visual-effect themes (S30).
+ *
+ * Each theme defines BOTH an HTML/CSS palette (dashboard) AND an ANSI accent
+ * mapping (TUI widget), since the TUI is ANSI and the dashboard is HTML.
+ *
+ * Theme scope (QA1 correction): themes restyle the mega-compact statusbar
+ * widget + the whole dashboard HTML page. We do NOT theme pi's chrome.
+ *
+ * `transparent` (default) semantics: no background fill, colored accents only —
+ * so game-mode stays visible against any terminal background.
+ *
+ * PREVENT-PI-004: pure config, no network. Pi-agnostic: no pi runtime types.
+ */
+
+/** HTML/CSS palette for the dashboard (hex strings, or `null` for "no bg"). */
+export interface ThemeCss {
+  /** Page/cell background hex, or `null` for transparent (no bg fill). */
+  bg: string | null;
+  /** Default foreground (text) hex. */
+  fg: string;
+  /** Accent hex (bars, highlights, level numbers). */
+  accent: string;
+  /** MEGA CACHE highlight hex (fires at cache >= 100%). */
+  mega: string;
+}
+
+/** ANSI accent mapping for the TUI widget (SGR parameter strings, no `\x1b[`).
+ *  `bg` is `null` for transparent themes (no background fill). */
+export interface ThemeAnsi {
+  /** Background SGR params (e.g. "48;5;23"), or `null` for no bg fill. */
+  bg: string | null;
+  /** Foreground SGR params (e.g. "39" for default, "92" for bright green). */
+  fg: string;
+  /** Accent SGR params. */
+  accent: string;
+  /** MEGA CACHE SGR params (fires at cache >= 100%). */
+  mega: string;
+}
+
+/** A complete theme = CSS palette + ANSI mapping + display metadata. */
+export interface Theme {
+  id: string;
+  label: string;
+  css: ThemeCss;
+  ansi: ThemeAnsi;
+}
+
+export const DEFAULT_THEME = "transparent";
+
+export const THEMES: readonly Theme[] = [
+  {
+    id: "transparent",
+    label: "Transparent (accents only)",
+    css: { bg: null, fg: "#c9d1d9", accent: "#3fb950", mega: "#f0883e" },
+    ansi: { bg: null, fg: "39", accent: "32", mega: "33" },
+  },
+  {
+    id: "retro",
+    label: "Retro 8-bit green",
+    css: { bg: "#003300", fg: "#33ff33", accent: "#00ff41", mega: "#39ff14" },
+    ansi: { bg: "40", fg: "92", accent: "92", mega: "1;92" },
+  },
+  {
+    id: "orange-bold",
+    label: "Orange bold",
+    css: { bg: "#1a0f00", fg: "#ff8c00", accent: "#ff6b00", mega: "#ff4500" },
+    ansi: { bg: "48;5;52", fg: "38;5;208", accent: "38;5;208", mega: "1;38;5;202" },
+  },
+  {
+    id: "cyan-neon",
+    label: "Cyan neon",
+    css: { bg: "#001a1a", fg: "#00ffff", accent: "#22d3ee", mega: "#7df9ff" },
+    ansi: { bg: "48;5;23", fg: "38;5;51", accent: "38;5;51", mega: "1;38;5;51" },
+  },
+  {
+    id: "amber-mono",
+    label: "Amber phosphor",
+    css: { bg: "#1a1200", fg: "#ffb000", accent: "#ff8c00", mega: "#ff5500" },
+    ansi: { bg: "48;5;58", fg: "38;5;214", accent: "38;5;214", mega: "1;38;5;208" },
+  },
+  {
+    id: "grayscale",
+    label: "Grayscale minimal",
+    css: { bg: "#161616", fg: "#b0b0b0", accent: "#8b949e", mega: "#e6edf3" },
+    ansi: { bg: "48;5;235", fg: "38;5;249", accent: "38;5;249", mega: "1;38;5;255" },
+  },
+] as const;
+
+/** All valid theme ids, in definition order (used for `theme next` cycling). */
+export const THEME_IDS: readonly string[] = THEMES.map((t) => t.id);
+
+/** Look up a theme by id; returns `undefined` for an unknown id (caller
+ *  validates + falls back to DEFAULT_THEME). */
+export function getTheme(id: string): Theme | undefined {
+  return THEMES.find((t) => t.id === id);
+}
+
+/** True if `id` is a known theme id. */
+export function isValidTheme(id: string): boolean {
+  return THEME_IDS.includes(id);
+}
+
+/** Cycle to the next theme id (wraps at the end). Falls back to DEFAULT_THEME
+ *  if `current` is unknown (defensive — the stored id should always be valid). */
+export function nextTheme(current: string): string {
+  const i = THEME_IDS.indexOf(current);
+  if (i < 0) return DEFAULT_THEME;
+  return THEME_IDS[(i + 1) % THEME_IDS.length]!;
+}
+
+/** CSS variable declarations for a theme's CSS palette. `bg` is `null` for the
+ *  transparent theme → `--bg: transparent` (no page fill, accents only). Pure,
+ *  no pi types. */
+export function themeCssVars(theme: Theme): string {
+  const bg = theme.css.bg ?? "transparent";
+  return `--bg: ${bg}; --fg: ${theme.css.fg}; --accent: ${theme.css.accent}; --mega: ${theme.css.mega};`;
+}
+
+/** A `:root[data-theme="<id>"]` override block carrying the theme's CSS vars,
+ *  for client-side instant theme switching. Pure, no pi types. */
+export function themeDataBlock(theme: Theme): string {
+  return `:root[data-theme="${theme.id}"]{ ${themeCssVars(theme)} }`;
+}