tokengolf 0.3.0 → 0.4.0

package/src/components/StartRun.js

@@ -6,30 +6,36 @@ import { getModelClass, getEffortLevel, getModelBudgets, FLOORS } from '../lib/s
 
 const MODEL_OPTIONS = [
   { label: '⚔️  Sonnet  — Balanced. The default run.  [Normal]', value: 'claude-sonnet-4-6' },
-  { label: '🏹 Haiku   — Glass cannon. Hard mode.     [Hard]',   value: 'claude-haiku-4-5-20251001' },
-  { label: '🧙 Opus    — Powerful but expensive.      [Easy]',   value: 'claude-opus-4-6' },
+  { label: '🏹 Haiku   — Glass cannon. Hard mode.     [Hard]', value: 'claude-haiku-4-5-20251001' },
+  { label: '⚜️  Paladin — Opus plans, Sonnet executes. [Calculated]', value: 'opusplan' },
+  { label: '🧙 Opus    — Powerful but expensive.      [Easy]', value: 'claude-opus-4-6' },
 ];
 
 const EFFORT_OPTIONS_BASE = [
   { label: '⚖️  Medium — Balanced (Anthropic recommended for Sonnet)', value: 'medium' },
-  { label: '🪶 Low    — Fewest tokens, fastest, cheapest',             value: 'low'    },
-  { label: '🔥 High   — Most thorough, costs more',                    value: 'high'   },
+  { label: '🪶 Low    — Fewest tokens, fastest, cheapest', value: 'low' },
+  { label: '🔥 High   — Most thorough, costs more', value: 'high' },
 ];
 const EFFORT_OPTIONS_OPUS = [
   ...EFFORT_OPTIONS_BASE,
-  { label: '💥 Max    — Absolute max, no token constraints (Opus only)', value: 'max'  },
+  { label: '💥 Max    — Absolute max, no token constraints (Opus only)', value: 'max' },
 ];
 const getEffortOptions = (model) =>
-  model.toLowerCase().includes('opus') ? EFFORT_OPTIONS_OPUS : EFFORT_OPTIONS_BASE;
+  model.toLowerCase().includes('opus') && !model.toLowerCase().includes('opusplan')
+    ? EFFORT_OPTIONS_OPUS
+    : EFFORT_OPTIONS_BASE;
 
 function getBudgetOptions(model) {
   const b = getModelBudgets(model);
   return [
-    { label: `💎 Diamond  — $${b.diamond.toFixed(2)}   surgical micro-task`, value: String(b.diamond) },
-    { label: `🥇 Gold     — $${b.gold.toFixed(2)}   focused small task`,    value: String(b.gold)    },
-    { label: `🥈 Silver   — $${b.silver.toFixed(2)}   medium task`,          value: String(b.silver)  },
-    { label: `🥉 Bronze   — $${b.bronze.toFixed(2)}  heavy / complex`,       value: String(b.bronze)  },
-    { label: `✏️  Custom   — set your own`,                                   value: 'custom'          },
+    {
+      label: `💎 Diamond  — $${b.diamond.toFixed(2)}   surgical micro-task`,
+      value: String(b.diamond),
+    },
+    { label: `🥇 Gold     — $${b.gold.toFixed(2)}   focused small task`, value: String(b.gold) },
+    { label: `🥈 Silver   — $${b.silver.toFixed(2)}   medium task`, value: String(b.silver) },
+    { label: `🥉 Bronze   — $${b.bronze.toFixed(2)}  heavy / complex`, value: String(b.bronze) },
+    { label: `✏️  Custom   — set your own`, value: 'custom' },
   ];
 }
 
@@ -47,66 +53,121 @@ export function StartRun() {
   return (
     <Box flexDirection="column" gap={1} paddingX={1} paddingY={1}>
       <Box gap={2}>
-        <Text bold color="yellow">⛳ TokenGolf</Text>
+        <Text bold color="yellow">
+          ⛳ TokenGolf
+        </Text>
         <Text color="gray">New Run</Text>
       </Box>
 
-      <Box flexDirection="column" gap={1} borderStyle="single" borderColor="gray" paddingX={1} paddingY={1}>
-
+      <Box
+        flexDirection="column"
+        gap={1}
+        borderStyle="single"
+        borderColor="gray"
+        paddingX={1}
+        paddingY={1}
+      >
         {/* Quest */}
         <Box gap={2} alignItems="flex-start">
-          <Text color={step === 'quest' ? 'cyan' : 'gray'}>📋 Quest    </Text>
-          {step === 'quest'
-            ? <TextInput placeholder="What are you shipping?" onSubmit={v => { if (v.trim()) { setQuest(v.trim()); setStep('model'); } }} />
-            : <Text color="white">{quest}</Text>}
+          <Text color={step === 'quest' ? 'cyan' : 'gray'}>📋 Quest </Text>
+          {step === 'quest' ? (
+            <TextInput
+              placeholder="What are you shipping?"
+              onSubmit={(v) => {
+                if (v.trim()) {
+                  setQuest(v.trim());
+                  setStep('model');
+                }
+              }}
+            />
+          ) : (
+            <Text color="white">{quest}</Text>
+          )}
         </Box>
 
         {/* Model */}
         {step !== 'quest' && (
           <Box flexDirection="column" gap={0}>
             <Box gap={2}>
-              <Text color={step === 'model' ? 'cyan' : 'gray'}>🎮 Class    </Text>
-              {step !== 'model' && <Text color="white">{mc?.emoji} {mc?.name} [{mc?.difficulty}]</Text>}
+              <Text color={step === 'model' ? 'cyan' : 'gray'}>🎮 Class </Text>
+              {step !== 'model' && (
+                <Text color="white">
+                  {mc?.emoji} {mc?.name} [{mc?.difficulty}]
+                </Text>
+              )}
             </Box>
-            {step === 'model' && <Select options={MODEL_OPTIONS} onChange={v => {
-              setModel(v);
-              if (v.toLowerCase().includes('haiku')) { setEffort(null); setStep('budget'); }
-              else setStep('effort');
-            }} />}
+            {step === 'model' && (
+              <Select
+                options={MODEL_OPTIONS}
+                onChange={(v) => {
+                  setModel(v);
+                  if (v.toLowerCase().includes('haiku')) {
+                    setEffort(null);
+                    setStep('budget');
+                  } else setStep('effort');
+                }}
+              />
+            )}
           </Box>
         )}
 
         {/* Effort */}
-        {(step === 'effort' || step === 'budget' || step === 'custom' || step === 'confirm') && effort !== null && (
-          <Box flexDirection="column" gap={0}>
-            <Box gap={2}>
-              <Text color={step === 'effort' ? 'cyan' : 'gray'}>⚡ Effort   </Text>
-              {step !== 'effort' && effort && <Text color="white">{getEffortLevel(effort)?.emoji} {getEffortLevel(effort)?.label}</Text>}
+        {(step === 'effort' || step === 'budget' || step === 'custom' || step === 'confirm') &&
+          effort !== null && (
+            <Box flexDirection="column" gap={0}>
+              <Box gap={2}>
+                <Text color={step === 'effort' ? 'cyan' : 'gray'}>⚡ Effort </Text>
+                {step !== 'effort' && effort && (
+                  <Text color="white">
+                    {getEffortLevel(effort)?.emoji} {getEffortLevel(effort)?.label}
+                  </Text>
+                )}
+              </Box>
+              {step === 'effort' && (
+                <Select
+                  options={getEffortOptions(model)}
+                  onChange={(v) => {
+                    setEffort(v);
+                    setStep('budget');
+                  }}
+                />
+              )}
             </Box>
-            {step === 'effort' && (
-              <Select options={getEffortOptions(model)} onChange={v => { setEffort(v); setStep('budget'); }} />
-            )}
-          </Box>
-        )}
+          )}
 
         {/* Budget */}
         {(step === 'budget' || step === 'custom' || step === 'confirm') && (
           <Box flexDirection="column" gap={0}>
             <Box gap={2}>
-              <Text color={step === 'budget' || step === 'custom' ? 'cyan' : 'gray'}>💰 Budget   </Text>
+              <Text color={step === 'budget' || step === 'custom' ? 'cyan' : 'gray'}>
+                💰 Budget{' '}
+              </Text>
               {step === 'confirm' && <Text color="green">${budget.toFixed(2)}</Text>}
             </Box>
             {step === 'budget' && (
-              <Select options={getBudgetOptions(model)} onChange={v => {
-                if (v === 'custom') { setStep('custom'); }
-                else { setBudgetVal(v); setStep('confirm'); }
-              }} />
+              <Select
+                options={getBudgetOptions(model)}
+                onChange={(v) => {
+                  if (v === 'custom') {
+                    setStep('custom');
+                  } else {
+                    setBudgetVal(v);
+                    setStep('confirm');
+                  }
+                }}
+              />
             )}
             {step === 'custom' && (
-              <TextInput placeholder="Enter amount e.g. 0.50" onSubmit={v => {
-                const n = parseFloat(v);
-                if (!isNaN(n) && n > 0) { setBudgetVal(String(n)); setStep('confirm'); }
-              }} />
+              <TextInput
+                placeholder="Enter amount e.g. 0.50"
+                onSubmit={(v) => {
+                  const n = parseFloat(v);
+                  if (!isNaN(n) && n > 0) {
+                    setBudgetVal(String(n));
+                    setStep('confirm');
+                  }
+                }}
+              />
             )}
           </Box>
         )}
@@ -114,26 +175,63 @@ export function StartRun() {
         {/* Confirm */}
         {step === 'confirm' && (
           <Box flexDirection="column" gap={1} marginTop={1}>
-            <Box borderStyle="round" borderColor="yellow" paddingX={1} paddingY={1} flexDirection="column">
-              <Text bold color="yellow">Ready?</Text>
-              <Text color="gray">Quest   <Text color="white">{quest}</Text></Text>
-              <Text color="gray">Model   <Text color="white">{mc?.emoji} {mc?.name} [{mc?.difficulty}]</Text></Text>
-              {effort && <Text color="gray">Effort  <Text color="white">{getEffortLevel(effort)?.emoji} {getEffortLevel(effort)?.label}</Text></Text>}
-              <Text color="gray">Budget  <Text color="green">${budget.toFixed(2)}</Text></Text>
+            <Box
+              borderStyle="round"
+              borderColor="yellow"
+              paddingX={1}
+              paddingY={1}
+              flexDirection="column"
+            >
+              <Text bold color="yellow">
+                Ready?
+              </Text>
+              <Text color="gray">
+                Quest <Text color="white">{quest}</Text>
+              </Text>
+              <Text color="gray">
+                Model{' '}
+                <Text color="white">
+                  {mc?.emoji} {mc?.name} [{mc?.difficulty}]
+                </Text>
+              </Text>
+              {effort && (
+                <Text color="gray">
+                  Effort{' '}
+                  <Text color="white">
+                    {getEffortLevel(effort)?.emoji} {getEffortLevel(effort)?.label}
+                  </Text>
+                </Text>
+              )}
+              <Text color="gray">
+                Budget <Text color="green">${budget.toFixed(2)}</Text>
+              </Text>
             </Box>
             <Box gap={1}>
               <Text color="gray">Confirm? </Text>
               <ConfirmInput
                 onConfirm={() => {
                   setCurrentRun({
-                    quest, model, budget, effort,
+                    id: `run_${Date.now()}`,
+                    quest,
+                    model,
+                    budget,
+                    effort,
                     spent: 0,
                     status: 'active',
+                    mode: 'roguelike',
                     floor: 1,
                     totalFloors: FLOORS.length,
                     promptCount: 0,
                     totalToolCalls: 0,
                     toolCalls: {},
+                    failedToolCalls: 0,
+                    subagentSpawns: 0,
+                    turnCount: 0,
+                    thinkingInvocations: 0,
+                    thinkingTokens: 0,
+                    fainted: false,
+                    sessionCount: 1,
+                    compactionEvents: [],
                     startedAt: new Date().toISOString(),
                   });
                   exit();
@@ -146,10 +244,15 @@ export function StartRun() {
       </Box>
 
       {step !== 'confirm' && (
-        <Text color="gray" dimColor>Use ↑↓ to navigate, Enter to select</Text>
+        <Text color="gray" dimColor>
+          Use ↑↓ to navigate, Enter to select
+        </Text>
       )}
       {step === 'confirm' && (
-        <Text color="gray" dimColor>After confirming, work normally in Claude Code. Run `tokengolf win` or `tokengolf bust` when done.</Text>
+        <Text color="gray" dimColor>
+          After confirming, work normally in Claude Code. Run `tokengolf win` or `tokengolf bust`
+          when done.
+        </Text>
       )}
     </Box>
   );

package/src/components/StatsView.js

@@ -5,14 +5,20 @@ import { getTier, getModelClass, getBudgetPct, formatCost } from '../lib/score.j
 export function StatsView({ stats }) {
   const { exit } = useApp();
 
-  useInput((input) => { if (input === 'q') exit(); });
+  useInput((input) => {
+    if (input === 'q') exit();
+  });
 
   if (stats.total === 0) {
     return (
       <Box paddingX={1} paddingY={1} flexDirection="column" gap={1}>
-        <Text bold color="yellow">⛳ TokenGolf Stats</Text>
+        <Text bold color="yellow">
+          ⛳ TokenGolf Stats
+        </Text>
         <Text color="gray">No completed runs yet.</Text>
-        <Text color="gray">Start one: <Text color="cyan">tokengolf start</Text></Text>
+        <Text color="gray">
+          Start one: <Text color="cyan">tokengolf start</Text>
+        </Text>
       </Box>
     );
   }
@@ -20,73 +26,110 @@ export function StatsView({ stats }) {
   return (
     <Box flexDirection="column" paddingX={1} paddingY={1} gap={1}>
       <Box gap={2}>
-        <Text bold color="yellow">⛳ TokenGolf</Text>
+        <Text bold color="yellow">
+          ⛳ TokenGolf
+        </Text>
         <Text color="gray">Career Stats</Text>
       </Box>
 
       {/* Top line */}
       <Box borderStyle="single" borderColor="gray" paddingX={1} paddingY={1} gap={4}>
         <Box flexDirection="column">
-          <Text color="gray" dimColor>RUNS</Text>
-          <Text bold color="white">{stats.total}</Text>
+          <Text color="gray" dimColor>
+            RUNS
+          </Text>
+          <Text bold color="white">
+            {stats.total}
+          </Text>
         </Box>
         <Box flexDirection="column">
-          <Text color="gray" dimColor>WINS</Text>
-          <Text bold color="green">{stats.wins}</Text>
+          <Text color="gray" dimColor>
+            WINS
+          </Text>
+          <Text bold color="green">
+            {stats.wins}
+          </Text>
         </Box>
         <Box flexDirection="column">
-          <Text color="gray" dimColor>DEATHS</Text>
-          <Text bold color="red">{stats.deaths}</Text>
+          <Text color="gray" dimColor>
+            DEATHS
+          </Text>
+          <Text bold color="red">
+            {stats.deaths}
+          </Text>
         </Box>
         <Box flexDirection="column">
-          <Text color="gray" dimColor>WIN RATE</Text>
+          <Text color="gray" dimColor>
+            WIN RATE
+          </Text>
           <Text bold color={stats.winRate >= 70 ? 'green' : stats.winRate >= 40 ? 'yellow' : 'red'}>
             {stats.winRate}%
           </Text>
         </Box>
         <Box flexDirection="column">
-          <Text color="gray" dimColor>AVG SPEND</Text>
-          <Text bold color="cyan">{formatCost(stats.avgSpend)}</Text>
+          <Text color="gray" dimColor>
+            AVG SPEND
+          </Text>
+          <Text bold color="cyan">
+            {formatCost(stats.avgSpend)}
+          </Text>
         </Box>
       </Box>
 
       {/* Personal best */}
-      {stats.bestRun && (() => {
-        const bestTier = getTier(stats.bestRun.spent);
-        const bestMc = getModelClass(stats.bestRun.model);
-        return (
-          <Box flexDirection="column" gap={0}>
-            <Text color="yellow">🏆 Personal Best</Text>
-            <Box borderStyle="round" borderColor="yellow" paddingX={1} paddingY={1} flexDirection="column">
-              <Text color="white">{stats.bestRun.quest}</Text>
-              <Box gap={3} marginTop={1}>
-                <Text color="green">{formatCost(stats.bestRun.spent)}</Text>
-                <Text color="gray">of ${stats.bestRun.budget?.toFixed(2)}</Text>
-                <Text>{bestMc.emoji}</Text>
-                <Text color={bestTier.color}>{bestTier.emoji} {bestTier.label}</Text>
+      {stats.bestRun &&
+        (() => {
+          const bestTier = getTier(stats.bestRun.spent);
+          const bestMc = getModelClass(stats.bestRun.model);
+          return (
+            <Box flexDirection="column" gap={0}>
+              <Text color="yellow">🏆 Personal Best</Text>
+              <Box
+                borderStyle="round"
+                borderColor="yellow"
+                paddingX={1}
+                paddingY={1}
+                flexDirection="column"
+              >
+                <Text color="white">{stats.bestRun.quest}</Text>
+                <Box gap={3} marginTop={1}>
+                  <Text color="green">{formatCost(stats.bestRun.spent)}</Text>
+                  {stats.bestRun.budget ? (
+                    <Text color="gray">of ${stats.bestRun.budget.toFixed(2)}</Text>
+                  ) : null}
+                  <Text>{bestMc.emoji}</Text>
+                  <Text color={bestTier.color}>
+                    {bestTier.emoji} {bestTier.label}
+                  </Text>
+                </Box>
               </Box>
             </Box>
-          </Box>
-        );
-      })()}
+          );
+        })()}
 
       {/* Recent runs */}
       <Box flexDirection="column" gap={0}>
-        <Text color="gray" dimColor>Recent runs:</Text>
+        <Text color="gray" dimColor>
+          Recent runs:
+        </Text>
         {stats.recentRuns.slice(0, 8).map((run, i) => {
           const won = run.status === 'won';
           const tier = getTier(run.spent);
           const mc = getModelClass(run.model);
-          const pct = getBudgetPct(run.spent, run.budget);
+          const pct = run.budget ? getBudgetPct(run.spent, run.budget) : null;
           return (
             <Box key={i} gap={2}>
               <Text color={won ? 'green' : 'red'}>{won ? '✓' : '✗'}</Text>
-              <Text color="white">{(run.quest || '').slice(0, 34).padEnd(34)}</Text>
+              <Text color="white">{(run.quest || 'Flow').slice(0, 34).padEnd(34)}</Text>
               <Text color={won ? 'green' : 'red'}>{formatCost(run.spent)}</Text>
-              <Text color="gray">/{formatCost(run.budget)}</Text>
+              {run.budget ? <Text color="gray">/{formatCost(run.budget)}</Text> : null}
               <Text>{mc.emoji}</Text>
               <Text color={tier.color}>{tier.emoji}</Text>
-              <Text color="gray" dimColor>{pct}%</Text>
+              {pct !== null && (
+                <Text color="gray" dimColor>
+                  {pct}%
+                </Text>
+              )}
             </Box>
           );
         })}
@@ -95,18 +138,27 @@ export function StatsView({ stats }) {
       {/* Achievements */}
       {stats.achievements.length > 0 && (
         <Box flexDirection="column" gap={0}>
-          <Text color="gray" dimColor>Recent achievements:</Text>
+          <Text color="gray" dimColor>
+            Recent achievements:
+          </Text>
           <Box flexWrap="wrap" gap={1}>
             {stats.achievements.slice(0, 12).map((a, i) => (
               <Box key={i} borderStyle="single" borderColor="gray" paddingX={1}>
-                <Text>{a.emoji} <Text color="gray" dimColor>{a.label}</Text></Text>
+                <Text>
+                  {a.emoji}{' '}
+                  <Text color="gray" dimColor>
+                    {a.label}
+                  </Text>
+                </Text>
               </Box>
             ))}
           </Box>
         </Box>
       )}
 
-      <Text color="gray" dimColor>q to exit</Text>
+      <Text color="gray" dimColor>
+        q to exit
+      </Text>
     </Box>
   );
 }