tokengolf 0.4.2 → 0.5.0

package/dist/cli.js

@@ -575,28 +575,28 @@ var init_score = __esm({
         name: "Haiku",
         label: "Rogue",
         emoji: "\u{1F3F9}",
-        difficulty: "Hard",
+        difficulty: "Nightmare",
         color: "red"
       },
       sonnet: {
         name: "Sonnet",
         label: "Fighter",
         emoji: "\u2694\uFE0F",
-        difficulty: "Normal",
+        difficulty: "Standard",
         color: "cyan"
       },
       opusplan: {
         name: "Paladin",
         label: "Paladin",
         emoji: "\u269C\uFE0F",
-        difficulty: "Calculated",
+        difficulty: "Tactical",
         color: "yellow"
       },
       opus: {
         name: "Opus",
         label: "Warlock",
         emoji: "\u{1F9D9}",
-        difficulty: "Easy",
+        difficulty: "Casual",
         color: "magenta"
       }
     };
@@ -610,6 +610,24 @@ var init_score = __esm({
   }
 });
 
+// src/lib/ui.js
+var ACCENT_BORDER, ACCENT_PADDING;
+var init_ui = __esm({
+  "src/lib/ui.js"() {
+    ACCENT_BORDER = {
+      topLeft: " ",
+      top: " ",
+      topRight: " ",
+      left: "\u2588\u2588",
+      right: " ",
+      bottomLeft: " ",
+      bottom: " ",
+      bottomRight: " "
+    };
+    ACCENT_PADDING = 3;
+  }
+});
+
 // src/components/ActiveRun.js
 import React2, { useState as useState2, useEffect } from "react";
 import { Box as Box2, Text as Text2, useApp as useApp2, useInput } from "ink";
@@ -637,9 +655,12 @@ function ActiveRun({ run: initialRun }) {
   return /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", gap: 1, paddingX: 1, paddingY: 1 }, /* @__PURE__ */ React2.createElement(Box2, { gap: 2 }, /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "yellow" }, "\u26F3 TokenGolf"), /* @__PURE__ */ React2.createElement(Text2, { color: "gray" }, "Active Run"), /* @__PURE__ */ React2.createElement(Text2, { color: "gray", dimColor: true }, formatElapsed(run.startedAt))), /* @__PURE__ */ React2.createElement(
     Box2,
     {
-      borderStyle: "round",
+      borderStyle: ACCENT_BORDER,
       borderColor: "yellow",
-      paddingX: 1,
+      borderRight: false,
+      borderTop: false,
+      borderBottom: false,
+      paddingLeft: ACCENT_PADDING,
       paddingY: 1,
       flexDirection: "column",
       gap: 1
@@ -664,13 +685,14 @@ function ActiveRun({ run: initialRun }) {
       ));
     })),
     /* @__PURE__ */ React2.createElement(Box2, { gap: 3, marginTop: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: "gray" }, "Prompts ", /* @__PURE__ */ React2.createElement(Text2, { color: "white" }, run.promptCount || 0)), /* @__PURE__ */ React2.createElement(Text2, { color: "gray" }, "Tools ", /* @__PURE__ */ React2.createElement(Text2, { color: "white" }, run.totalToolCalls || 0))),
-    pct >= 80 && pct < 100 && /* @__PURE__ */ React2.createElement(Box2, { borderStyle: "single", borderColor: "red", paddingX: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: "red", bold: true }, "\u26A0\uFE0F BUDGET WARNING \u2014 ", formatCost(run.budget - run.spent), " left"))
+    pct >= 80 && pct < 100 && /* @__PURE__ */ React2.createElement(Box2, { paddingLeft: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: "red", bold: true }, "\u26A0\uFE0F BUDGET WARNING \u2014 ", formatCost(run.budget - run.spent), " left"))
   ), /* @__PURE__ */ React2.createElement(Text2, { color: "gray", dimColor: true }, "tokengolf win [--spent 0.18] \xB7 tokengolf bust \xB7 q to close"));
 }
 var init_ActiveRun = __esm({
   "src/components/ActiveRun.js"() {
     init_state();
     init_score();
+    init_ui();
   }
 });
 
@@ -697,9 +719,12 @@ function ScoreCard({ run }) {
   return /* @__PURE__ */ React3.createElement(Box3, { flexDirection: "column", paddingX: 1, paddingY: 1, gap: 1 }, /* @__PURE__ */ React3.createElement(
     Box3,
     {
-      borderStyle: "double",
+      borderStyle: ACCENT_BORDER,
       borderColor: won ? "yellow" : "red",
-      paddingX: 2,
+      borderRight: false,
+      borderTop: false,
+      borderBottom: false,
+      paddingLeft: ACCENT_PADDING,
       paddingY: 1,
       flexDirection: "column",
       gap: 1
@@ -720,23 +745,13 @@ function ScoreCard({ run }) {
       return /* @__PURE__ */ React3.createElement(Text3, { key: model, color: "gray" }, short, " ", /* @__PURE__ */ React3.createElement(Text3, { color: "white" }, pctOfTotal, "%"), " ", /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, formatCost(cost)));
     }))),
     run.toolCalls && Object.keys(run.toolCalls).length > 0 && /* @__PURE__ */ React3.createElement(Box3, { flexDirection: "column", gap: 0, marginTop: 1 }, /* @__PURE__ */ React3.createElement(Text3, { color: "gray", dimColor: true }, "Tool calls:"), /* @__PURE__ */ React3.createElement(Box3, { gap: 2, flexWrap: "wrap" }, Object.entries(run.toolCalls).map(([tool, count]) => /* @__PURE__ */ React3.createElement(Text3, { key: tool, color: "gray" }, /* @__PURE__ */ React3.createElement(Text3, { color: "white" }, tool), " \xD7", count)))),
-    !won && run.budget && /* @__PURE__ */ React3.createElement(
-      Box3,
-      {
-        borderStyle: "single",
-        borderColor: "red",
-        paddingX: 1,
-        marginTop: 1,
-        flexDirection: "column"
-      },
-      /* @__PURE__ */ React3.createElement(Text3, { color: "red", bold: true }, "Cause of death: Budget exceeded by ", formatCost(run.spent - run.budget)),
-      /* @__PURE__ */ React3.createElement(Text3, { color: "gray", dimColor: true }, "Tip: Use Read with line ranges instead of full file reads.")
-    )
+    !won && run.budget && /* @__PURE__ */ React3.createElement(Box3, { marginTop: 1, flexDirection: "column", paddingLeft: 1 }, /* @__PURE__ */ React3.createElement(Text3, { color: "red", bold: true }, "Cause of death: Budget exceeded by ", formatCost(run.spent - run.budget)), /* @__PURE__ */ React3.createElement(Text3, { color: "gray", dimColor: true }, "Tip: Use Read with line ranges instead of full file reads."))
   ), /* @__PURE__ */ React3.createElement(Box3, { gap: 2 }, /* @__PURE__ */ React3.createElement(Text3, { color: "gray", dimColor: true }, "tokengolf start \u2014 run again"), /* @__PURE__ */ React3.createElement(Text3, { color: "gray", dimColor: true }, "\xB7"), /* @__PURE__ */ React3.createElement(Text3, { color: "gray", dimColor: true }, "tokengolf stats \u2014 career stats"), /* @__PURE__ */ React3.createElement(Text3, { color: "gray", dimColor: true }, "\xB7"), /* @__PURE__ */ React3.createElement(Text3, { color: "gray", dimColor: true }, "q to exit")));
 }
 var init_ScoreCard = __esm({
   "src/components/ScoreCard.js"() {
     init_score();
+    init_ui();
   }
 });
 
@@ -751,15 +766,44 @@ function StatsView({ stats }) {
   if (stats.total === 0) {
     return /* @__PURE__ */ React4.createElement(Box4, { paddingX: 1, paddingY: 1, flexDirection: "column", gap: 1 }, /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "yellow" }, "\u26F3 TokenGolf Stats"), /* @__PURE__ */ React4.createElement(Text4, { color: "gray" }, "No completed runs yet."), /* @__PURE__ */ React4.createElement(Text4, { color: "gray" }, "Start one: ", /* @__PURE__ */ React4.createElement(Text4, { color: "cyan" }, "tokengolf start")));
   }
-  return /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column", paddingX: 1, paddingY: 1, gap: 1 }, /* @__PURE__ */ React4.createElement(Box4, { gap: 2 }, /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "yellow" }, "\u26F3 TokenGolf"), /* @__PURE__ */ React4.createElement(Text4, { color: "gray" }, "Career Stats")), /* @__PURE__ */ React4.createElement(Box4, { borderStyle: "single", borderColor: "gray", paddingX: 1, paddingY: 1, gap: 4 }, /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, "RUNS"), /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "white" }, stats.total)), /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, "WINS"), /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "green" }, stats.wins)), /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, "DEATHS"), /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "red" }, stats.deaths)), /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, "WIN RATE"), /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: stats.winRate >= 70 ? "green" : stats.winRate >= 40 ? "yellow" : "red" }, stats.winRate, "%")), /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, "AVG SPEND"), /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "cyan" }, formatCost(stats.avgSpend)))), stats.bestRun && (() => {
+  return /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column", paddingX: 1, paddingY: 1, gap: 1 }, /* @__PURE__ */ React4.createElement(Box4, { gap: 2 }, /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "yellow" }, "\u26F3 TokenGolf"), /* @__PURE__ */ React4.createElement(Text4, { color: "gray" }, "Career Stats")), /* @__PURE__ */ React4.createElement(
+    Box4,
+    {
+      borderStyle: ACCENT_BORDER,
+      borderColor: "gray",
+      borderRight: false,
+      borderTop: false,
+      borderBottom: false,
+      paddingLeft: ACCENT_PADDING,
+      paddingY: 1,
+      gap: 4
+    },
+    /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, "RUNS"), /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "white" }, stats.total)),
+    /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, "WINS"), /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "green" }, stats.wins)),
+    /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, "DEATHS"), /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "red" }, stats.deaths)),
+    /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, "WIN RATE"), /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: stats.winRate >= 70 ? "green" : stats.winRate >= 40 ? "yellow" : "red" }, stats.winRate, "%")),
+    /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, "AVG SPEND"), /* @__PURE__ */ React4.createElement(Text4, { bold: true, color: "cyan" }, formatCost(stats.avgSpend)))
+  ), stats.bestRun && (() => {
     const bestTier = getTier(stats.bestRun.spent);
     const bestMc = getModelClass(stats.bestRun.model);
     return /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column", gap: 0 }, /* @__PURE__ */ React4.createElement(Text4, { color: "yellow" }, "\u{1F3C6} Personal Best"), /* @__PURE__ */ React4.createElement(
       Box4,
       {
-        borderStyle: "round",
+        borderStyle: {
+          topLeft: " ",
+          top: " ",
+          topRight: " ",
+          left: "\u2588\u2588",
+          right: " ",
+          bottomLeft: " ",
+          bottom: " ",
+          bottomRight: " "
+        },
         borderColor: "yellow",
-        paddingX: 1,
+        borderRight: false,
+        borderTop: false,
+        borderBottom: false,
+        paddingLeft: ACCENT_PADDING,
         paddingY: 1,
         flexDirection: "column"
       },
@@ -772,11 +816,12 @@ function StatsView({ stats }) {
     const mc = getModelClass(run.model);
     const pct = run.budget ? getBudgetPct(run.spent, run.budget) : null;
     return /* @__PURE__ */ React4.createElement(Box4, { key: i, gap: 2 }, /* @__PURE__ */ React4.createElement(Text4, { color: won ? "green" : "red" }, won ? "\u2713" : "\u2717"), /* @__PURE__ */ React4.createElement(Text4, { color: "white" }, (run.quest || "Flow").slice(0, 34).padEnd(34)), /* @__PURE__ */ React4.createElement(Text4, { color: won ? "green" : "red" }, formatCost(run.spent)), run.budget ? /* @__PURE__ */ React4.createElement(Text4, { color: "gray" }, "/", formatCost(run.budget)) : null, /* @__PURE__ */ React4.createElement(Text4, null, mc.emoji), /* @__PURE__ */ React4.createElement(Text4, { color: tier.color }, tier.emoji), pct !== null && /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, pct, "%"));
-  })), stats.achievements.length > 0 && /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column", gap: 0 }, /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, "Recent achievements:"), /* @__PURE__ */ React4.createElement(Box4, { flexWrap: "wrap", gap: 1 }, stats.achievements.slice(0, 12).map((a, i) => /* @__PURE__ */ React4.createElement(Box4, { key: i, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React4.createElement(Text4, null, a.emoji, " ", /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, a.label)))))), /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, "q to exit"));
+  })), stats.achievements.length > 0 && /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column", gap: 0 }, /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, "Recent achievements:"), /* @__PURE__ */ React4.createElement(Box4, { flexWrap: "wrap", columnGap: 2 }, stats.achievements.slice(0, 12).map((a, i) => /* @__PURE__ */ React4.createElement(Text4, { key: i }, a.emoji, " ", /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, a.label))))), /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true }, "q to exit"));
 }
 var init_StatsView = __esm({
   "src/components/StatsView.js"() {
     init_score();
+    init_ui();
   }
 });
 
@@ -2020,14 +2065,18 @@ function autoDetectCost(run) {
 // src/components/StartRun.js
 init_state();
 init_score();
+init_ui();
 import React, { useState } from "react";
 import { Box, Text, useApp } from "ink";
 import { TextInput, Select, ConfirmInput } from "@inkjs/ui";
 var MODEL_OPTIONS = [
-  { label: "\u2694\uFE0F  Sonnet  \u2014 Balanced. The default run.  [Normal]", value: "claude-sonnet-4-6" },
-  { label: "\u{1F3F9} Haiku   \u2014 Glass cannon. Hard mode.     [Hard]", value: "claude-haiku-4-5-20251001" },
-  { label: "\u269C\uFE0F  Paladin \u2014 Opus plans, Sonnet executes. [Calculated]", value: "opusplan" },
-  { label: "\u{1F9D9} Opus    \u2014 Powerful but expensive.      [Easy]", value: "claude-opus-4-6" }
+  { label: "\u2694\uFE0F  Sonnet  \u2014 Balanced. The default run.  [Standard]", value: "claude-sonnet-4-6" },
+  {
+    label: "\u{1F3F9} Haiku   \u2014 Glass cannon. Hard mode.     [Nightmare]",
+    value: "claude-haiku-4-5-20251001"
+  },
+  { label: "\u269C\uFE0F  Paladin \u2014 Opus plans, Sonnet executes. [Tactical]", value: "opusplan" },
+  { label: "\u{1F9D9} Opus    \u2014 Powerful but expensive.      [Casual]", value: "claude-opus-4-6" }
 ];
 var EFFORT_OPTIONS_BASE = [
   { label: "\u2696\uFE0F  Medium \u2014 Balanced (Anthropic recommended for Sonnet)", value: "medium" },
@@ -2066,9 +2115,12 @@ function StartRun() {
     {
       flexDirection: "column",
       gap: 1,
-      borderStyle: "single",
+      borderStyle: ACCENT_BORDER,
       borderColor: "gray",
-      paddingX: 1,
+      borderRight: false,
+      borderTop: false,
+      borderBottom: false,
+      paddingLeft: ACCENT_PADDING,
       paddingY: 1
     },
     /* @__PURE__ */ React.createElement(Box, { gap: 2, alignItems: "flex-start" }, /* @__PURE__ */ React.createElement(Text, { color: step === "quest" ? "cyan" : "gray" }, "\u{1F4CB} Quest "), step === "quest" ? /* @__PURE__ */ React.createElement(
@@ -2135,9 +2187,21 @@ function StartRun() {
     step === "confirm" && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 }, /* @__PURE__ */ React.createElement(
       Box,
       {
-        borderStyle: "round",
+        borderStyle: {
+          topLeft: " ",
+          top: " ",
+          topRight: " ",
+          left: "\u2588\u2588",
+          right: " ",
+          bottomLeft: " ",
+          bottom: " ",
+          bottomRight: " "
+        },
         borderColor: "yellow",
-        paddingX: 1,
+        borderRight: false,
+        borderTop: false,
+        borderBottom: false,
+        paddingLeft: ACCENT_PADDING,
         paddingY: 1,
         flexDirection: "column"
       },

package/docs/assets/banner.svg

@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="300" viewBox="0 0 1200 300">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#1a1812"/>
+      <stop offset="100%" stop-color="#23211a"/>
+    </linearGradient>
+    <linearGradient id="gold" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0%" stop-color="#d4a840"/>
+      <stop offset="100%" stop-color="#e8c060"/>
+    </linearGradient>
+    <linearGradient id="rule" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0%" stop-color="#3d3828" stop-opacity="0"/>
+      <stop offset="15%" stop-color="#3d3828"/>
+      <stop offset="85%" stop-color="#3d3828"/>
+      <stop offset="100%" stop-color="#3d3828" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="300" fill="url(#bg)"/>
+
+  <!-- Top decorative rule -->
+  <rect x="100" y="40" width="1000" height="1" fill="url(#rule)"/>
+
+  <!-- Flag icon -->
+  <text x="600" y="115" text-anchor="middle" font-size="52" fill="#d4a840" opacity="0.9">&#9971;</text>
+
+  <!-- Title -->
+  <text x="600" y="175" text-anchor="middle" font-family="Georgia, 'Times New Roman', serif" font-size="64" font-weight="bold" letter-spacing="6">
+    <tspan fill="url(#gold)">Token</tspan><tspan fill="#e8dcc4">Golf</tspan>
+  </text>
+
+  <!-- Tagline -->
+  <text x="600" y="215" text-anchor="middle" font-family="Georgia, 'Times New Roman', serif" font-size="20" font-style="italic" fill="#9a9180" letter-spacing="1">
+    Every token matters.
+  </text>
+
+  <!-- Bottom decorative rule -->
+  <rect x="100" y="248" width="1000" height="1" fill="url(#rule)"/>
+
+  <!-- Subtle tagline detail -->
+  <text x="600" y="278" text-anchor="middle" font-family="Georgia, 'Times New Roman', serif" font-size="13" fill="#3d3828" letter-spacing="3">
+    4 classes &#183; 60+ achievements &#183; 9 hooks
+  </text>
+</svg>