@gonrocca/zero-pi 0.1.55 → 0.1.56

package/README.md

@@ -86,6 +86,7 @@ into `/forge` for you.
 | **Windows tree-kill** | Aborting a turn kills the whole process tree — no orphaned `claude`. |
 | **Skill auto-learning** | Distills reusable skills from substantial tasks and surfaces them later. |
 | **`zero-sdd` theme** | A dark, high-contrast pi theme tuned for SDD work. |
+| **`zero-sunset` theme** | A warm sunset variant — gold/coral/magenta accents over warm-dark panels, with one cool tone kept for syntax legibility. Activate with `/theme zero-sunset`. |
 
 ## ⌨️ Commands
 

package/extensions/zero-banner.ts

@@ -1,8 +1,9 @@
 // zero-pi — static ZERO SDD startup banner.
 //
 // Renders the ZERO wordmark ONCE, at extension load, as an "ANSI Shadow" 3D
-// block in ceroclawd.com violet — deep-violet faces, a lit top edge, dark
-// shadow strokes and a cast shadow for depth.
+// block in a sunset gradient — gold at the lit top edge melting down through
+// coral and magenta to a ceroclawd-violet base, with dark shadow strokes and
+// a cast shadow for depth.
 //
 // It writes a single block to stdout before pi's UI takes over. There is
 // deliberately NO setHeader and NO animation timer: an animated header that
@@ -29,14 +30,23 @@ const FONT: Record<string, string[]> = {
   " ": ["    ", "    ", "    ", "    ", "    ", "    "],
 };
 
-// ceroclawd.com palette — violet, glow and darkness.
-const VIOLET_DEEP: RGB = [124, 58, 237];
-const LAVENDER: RGB = [205, 188, 255];
-const PEAK: RGB = [248, 244, 255];
-const SHADOW: RGB = [38, 24, 66];
-const INK: RGB = [20, 13, 34];
-const VIOLET: RGB = [167, 139, 250];
-const MUTED: RGB = [120, 110, 150];
+// Sunset palette — a warm sky gradient (gold → peach → coral → rose → magenta
+// → violet) for the letter faces, plus glow, shadow and darkness. The violet
+// base keeps the ZERO wordmark ending on the ceroclawd brand colour.
+const SKY: RGB[] = [
+  [255, 214, 130], // gold
+  [255, 168, 99], //  peach
+  [255, 124, 92], //  coral
+  [255, 92, 122], //  rose
+  [214, 74, 140], //  magenta
+  [142, 59, 158], //  violet
+];
+const PEAK: RGB = [255, 244, 224];
+const SHADOW: RGB = [46, 22, 54];
+const INK: RGB = [22, 12, 30];
+const CORAL: RGB = [255, 124, 92];
+const PEACH: RGB = [255, 168, 99];
+const MUTED: RGB = [150, 120, 130];
 
 const ANSI_RE = /\x1b\[[0-9;]*m/g;
 
@@ -57,6 +67,14 @@ function mix(a: RGB, b: RGB, t: number): RGB {
   ];
 }
 
+/** Sample a multi-stop colour ramp at t∈[0,1] — the sunset sky, top to base. */
+function ramp(stops: RGB[], t: number): RGB {
+  const k = Math.max(0, Math.min(1, t));
+  const seg = k * (stops.length - 1);
+  const i = Math.min(stops.length - 2, Math.floor(seg));
+  return mix(stops[i], stops[i + 1], seg - i);
+}
+
 /** Printable width of a string, ignoring ANSI colour escapes. */
 export function visibleWidth(text: string): number {
   return text.replace(ANSI_RE, "").length;
@@ -76,17 +94,17 @@ function matrixFor(text: string): { rows: string[]; width: number } {
   return { rows, width: rows[0]?.length ?? 0 };
 }
 
-/** Front-face colour: violet vertical gradient with a lit top edge. */
+/** Front-face colour: sunset vertical gradient with a lit top edge. */
 function faceColor(row: number, topEdge: boolean): RGB {
-  const vt = Math.pow(row / (ROWS - 1), 0.85);
-  const base = mix(LAVENDER, VIOLET_DEEP, vt);
-  return topEdge ? mix(base, PEAK, 0.5) : base;
+  const vt = Math.pow(row / (ROWS - 1), 0.82);
+  const base = ramp(SKY, vt);
+  return topEdge ? mix(base, PEAK, 0.55) : base;
 }
 
 /** Extrusion side: a darker, shaded version of the face it belongs to. */
 function sideColor(row: number): RGB {
-  const vt = Math.pow(row / (ROWS - 1), 0.85);
-  return mix(mix(LAVENDER, VIOLET_DEEP, vt), SHADOW, 0.66);
+  const vt = Math.pow(row / (ROWS - 1), 0.82);
+  return mix(ramp(SKY, vt), SHADOW, 0.62);
 }
 
 function renderLogo(width: number): string[] {
@@ -114,13 +132,13 @@ function renderLogo(width: number): string[] {
   return lines;
 }
 
-/** A thin violet rule, brightest in the middle. */
+/** A thin sunset rule, brightest in the middle. */
 function ornament(width: number): string {
   const length = Math.min(46, Math.max(22, Math.floor(width * 0.5)));
   let line = "";
   for (let i = 0; i < length; i++) {
     const t = i / Math.max(1, length - 1);
-    line += fg(mix(VIOLET_DEEP, VIOLET, Math.sin(t * Math.PI)), "─");
+    line += fg(mix(CORAL, PEACH, Math.sin(t * Math.PI)), "─");
   }
   return center(line, width);
 }
@@ -136,9 +154,9 @@ function ornament(width: number): string {
  */
 export function bannerBlock(width: number): string[] {
   if (width < 64) {
-    return [center(fg(VIOLET, "ZERO SDD"), width), center(fg(MUTED, "pi.dev · spec-driven work"), width)];
+    return [center(fg(PEACH, "ZERO SDD"), width), center(fg(MUTED, "pi.dev · spec-driven work"), width)];
   }
-  const tag = fg(VIOLET, "ZERO SDD") + fg(MUTED, "   explore → plan → build → veredicto");
+  const tag = fg(PEACH, "ZERO SDD") + fg(MUTED, "   explore → plan → build → veredicto");
   return [ornament(width), ...renderLogo(width), center(tag, width), ornament(width)];
 }
 

package/extensions/zero-statusline.ts

@@ -4,8 +4,8 @@
 //
 //   claude-opus-4-7 · tok ↑12.3K ↓4.1K · diff +50/-12 · ctx 45% · master · www.ceroclawd.com
 //
-// Themed: model violet, tokens cyan/blue, diff mint/rose, ctx mint→amber→rose
-// by load, branch steel, brand amber. Pure 24-bit ANSI, no runtime deps.
+// Themed (sunset): model coral, tokens gold/peach, diff mint/rose, ctx
+// mint→amber→rose by load, branch steel, brand orchid. Pure 24-bit ANSI.
 //
 // Refreshes on `session_start`, `model_select`, `message_update`
 // (accumulates tokens), and `tool_execution_end` (re-reads git, since tools
@@ -17,17 +17,18 @@ import { promisify } from "node:util";
 
 const execAsync = promisify(exec);
 
-// ─── Color palette (matches the zero-sdd theme `vars`) ─────────────────────
+// ─── Color palette (matches the zero-sunset theme `vars`) ─────────────────────
 
 type RGB = [number, number, number];
-const VIOLET: RGB = [175, 138, 255];
-const CYAN: RGB = [80, 210, 255];
-const BLUE: RGB = [116, 151, 255];
-const MINT: RGB = [79, 221, 171];
-const AMBER: RGB = [238, 190, 92];
-const ROSE: RGB = [255, 106, 122];
-const STEEL: RGB = [143, 152, 168];
-const DIM: RGB = [95, 104, 120];
+const CORAL: RGB = [255, 124, 92]; //  model
+const GOLD: RGB = [255, 214, 130]; //  tokens in
+const PEACH: RGB = [255, 168, 99]; //  tokens out
+const ORCHID: RGB = [176, 106, 179]; // brand
+const MINT: RGB = [79, 221, 171]; //   diff added / ctx ok    (semantic)
+const AMBER: RGB = [238, 190, 92]; //  ctx mid                (semantic)
+const ROSE: RGB = [255, 106, 122]; //  diff removed / ctx hot (semantic)
+const STEEL: RGB = [176, 152, 142]; // branch (warm gray)
+const DIM: RGB = [120, 104, 98]; //    labels / separators (warm gray)
 
 function fg([r, g, b]: RGB, text: string): string {
   return `\x1b[38;2;${r};${g};${b}m${text}\x1b[0m`;
@@ -78,11 +79,11 @@ const SEP = fg(DIM, " · ");
 export function composeStatusline(p: StatuslineParts): string {
   const parts: string[] = [];
 
-  if (p.model) parts.push(fg(VIOLET, p.model));
+  if (p.model) parts.push(fg(CORAL, p.model));
 
   if (p.tokensIn != null || p.tokensOut != null) {
-    const inS = fg(CYAN, `↑${formatTokenCount(p.tokensIn ?? 0)}`);
-    const outS = fg(BLUE, `↓${formatTokenCount(p.tokensOut ?? 0)}`);
+    const inS = fg(GOLD, `↑${formatTokenCount(p.tokensIn ?? 0)}`);
+    const outS = fg(PEACH, `↓${formatTokenCount(p.tokensOut ?? 0)}`);
     parts.push(`${fg(DIM, "tok")} ${inS} ${outS}`);
   }
 
@@ -98,7 +99,7 @@ export function composeStatusline(p: StatuslineParts): string {
 
   if (p.branch) parts.push(fg(STEEL, p.branch));
 
-  if (p.brand) parts.push(fg(VIOLET, p.brand));
+  if (p.brand) parts.push(fg(ORCHID, p.brand));
 
   return parts.join(SEP);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gonrocca/zero-pi",
-  "version": "0.1.55",
+  "version": "0.1.56",
   "description": "zero-pi — an installable layer for pi (pi.dev): the zero spec-driven development workflow (explore → plan → build → veredicto) with per-phase model autotune and token-efficient batched builds. Adds capability to pi without modifying pi.",
   "type": "module",
   "keywords": [

package/themes/zero-sunset.json

@@ -0,0 +1,79 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "zero-sunset",
+  "vars": {
+    "gold": "#ffd682",
+    "peach": "#ffa863",
+    "coral": "#ff7c5c",
+    "rose": "#ff5c7a",
+    "magenta": "#d64a8c",
+    "orchid": "#b06ab3",
+    "sky": "#6db8e6",
+    "mint": "#5fd6a0",
+    "amber": "#eebe5c",
+    "steel": "#b0978f",
+    "dimSteel": "#7d6a64",
+    "panel": "#1c1117",
+    "selected": "#3a2230",
+    "okPanel": "#152318",
+    "errPanel": "#2e1518"
+  },
+  "colors": {
+    "accent": "coral",
+    "border": "orchid",
+    "borderAccent": "gold",
+    "borderMuted": "dimSteel",
+    "success": "mint",
+    "error": "rose",
+    "warning": "amber",
+    "muted": "steel",
+    "dim": "dimSteel",
+    "text": "",
+    "thinkingText": "steel",
+    "selectedBg": "selected",
+    "userMessageBg": "panel",
+    "userMessageText": "coral",
+    "customMessageBg": "panel",
+    "customMessageText": "",
+    "customMessageLabel": "gold",
+    "toolPendingBg": "panel",
+    "toolSuccessBg": "okPanel",
+    "toolErrorBg": "errPanel",
+    "toolTitle": "peach",
+    "toolOutput": "steel",
+    "mdHeading": "gold",
+    "mdLink": "peach",
+    "mdLinkUrl": "dimSteel",
+    "mdCode": "mint",
+    "mdCodeBlock": "mint",
+    "mdCodeBlockBorder": "orchid",
+    "mdQuote": "steel",
+    "mdQuoteBorder": "dimSteel",
+    "mdHr": "dimSteel",
+    "mdListBullet": "gold",
+    "toolDiffAdded": "mint",
+    "toolDiffRemoved": "rose",
+    "toolDiffContext": "steel",
+    "syntaxComment": "dimSteel",
+    "syntaxKeyword": "magenta",
+    "syntaxFunction": "peach",
+    "syntaxVariable": "gold",
+    "syntaxString": "mint",
+    "syntaxNumber": "rose",
+    "syntaxType": "sky",
+    "syntaxOperator": "coral",
+    "syntaxPunctuation": "steel",
+    "thinkingOff": "dimSteel",
+    "thinkingMinimal": "steel",
+    "thinkingLow": "sky",
+    "thinkingMedium": "peach",
+    "thinkingHigh": "coral",
+    "thinkingXhigh": "rose",
+    "bashMode": "gold"
+  },
+  "export": {
+    "pageBg": "#160e13",
+    "cardBg": "#1c1117",
+    "infoBg": "#241620"
+  }
+}