claude-cup 0.4.1 → 0.7.0

package/src/statusline.js

@@ -1,71 +1,71 @@
-// `claude-cup statusline`: one-line meter for Claude Code's statusline.
-// Claude Code (>= 2.1.80) pipes session JSON to the statusline command on
-// stdin, including rate_limits for Pro/Max accounts. We parse it and print
-// a single line. No network calls - this runs on every statusline refresh.
-//
-// Glyph language matches Claude Code itself: the ✻ spark, █░ meter,
-// dim · separators. No emoji (renders everywhere, including conhost).
-
-const CLAY = '\x1b[38;2;217;119;87m';
-const EMBER = '\x1b[38;2;198;97;63m';
-const BOLD = '\x1b[1m';
-const DIM = '\x1b[2m';
-const RESET = '\x1b[0m';
-const SPARK = '\u273b'; // ✻
-
-// All known fields are percentages (used_percentage 42 = 42%, utilization 1 = 1%).
-function pctOf(bucket) {
-  if (!bucket || typeof bucket !== 'object') return null;
-  const v = bucket.used_percentage ?? bucket.utilization ?? bucket.percent;
-  if (typeof v !== 'number' || !Number.isFinite(v)) return null;
-  return Math.max(0, Math.min(100, v));
-}
-
-function countdown(resetsAt) {
-  if (!resetsAt) return null;
-  const ms = Date.parse(resetsAt) - Date.now();
-  if (!Number.isFinite(ms) || ms <= 0) return null;
-  const h = Math.floor(ms / 3600000);
-  const m = Math.floor((ms % 3600000) / 60000);
-  return h > 0 ? `${h}h${m}m` : `${m}m`;
-}
-
-/** Pure formatter (exported for tests). Returns the statusline string. */
-export function formatStatusline(input) {
-  const rl = input?.rate_limits || {};
-  const five = pctOf(rl.five_hour);
-  const seven = pctOf(rl.seven_day);
-
-  if (five === null && seven === null) {
-    return `${CLAY}${SPARK}${RESET} ${DIM}claude-cup${RESET}`;
-  }
-
-  const parts = [];
-  if (five !== null) {
-    const slots = 8;
-    const filled = Math.round((five / 100) * slots);
-    const color = five > 85 ? EMBER : CLAY;
-    const bar =
-      `${color}${'\u2588'.repeat(filled)}${RESET}` + `${DIM}${'\u2591'.repeat(slots - filled)}${RESET}`;
-    parts.push(`${color}${SPARK}${RESET} ${bar} ${BOLD}${Math.round(five)}%${RESET}`);
-    const reset = countdown(rl.five_hour?.resets_at);
-    if (reset) parts.push(`${DIM}\u21bb ${reset}${RESET}`);
-  }
-  if (seven !== null) {
-    const sevenStr = seven > 85 ? `${EMBER}${Math.round(seven)}%${RESET}` : `${Math.round(seven)}%`;
-    parts.push(`${DIM}7d${RESET} ${sevenStr}`);
-  }
-  return parts.join(` ${DIM}\u00b7${RESET} `);
-}
-
-export async function runStatusline() {
-  let raw = '';
-  for await (const chunk of process.stdin) raw += chunk;
-  let input = null;
-  try {
-    input = JSON.parse(raw);
-  } catch {
-    /* no/bad input: print the idle form */
-  }
-  process.stdout.write(formatStatusline(input) + '\n');
-}
+// `claude-cup statusline`: one-line meter for Claude Code's statusline.
+// Claude Code (>= 2.1.80) pipes session JSON to the statusline command on
+// stdin, including rate_limits for Pro/Max accounts. We parse it and print
+// a single line. No network calls - this runs on every statusline refresh.
+//
+// Glyph language matches Claude Code itself: the ✻ spark, █░ meter,
+// dim · separators. No emoji (renders everywhere, including conhost).
+
+const CLAY = '\x1b[38;2;217;119;87m';
+const EMBER = '\x1b[38;2;198;97;63m';
+const BOLD = '\x1b[1m';
+const DIM = '\x1b[2m';
+const RESET = '\x1b[0m';
+const SPARK = '\u273b'; // ✻
+
+// All known fields are percentages (used_percentage 42 = 42%, utilization 1 = 1%).
+function pctOf(bucket) {
+  if (!bucket || typeof bucket !== 'object') return null;
+  const v = bucket.used_percentage ?? bucket.utilization ?? bucket.percent;
+  if (typeof v !== 'number' || !Number.isFinite(v)) return null;
+  return Math.max(0, Math.min(100, v));
+}
+
+function countdown(resetsAt) {
+  if (!resetsAt) return null;
+  const ms = Date.parse(resetsAt) - Date.now();
+  if (!Number.isFinite(ms) || ms <= 0) return null;
+  const h = Math.floor(ms / 3600000);
+  const m = Math.floor((ms % 3600000) / 60000);
+  return h > 0 ? `${h}h${m}m` : `${m}m`;
+}
+
+/** Pure formatter (exported for tests). Returns the statusline string. */
+export function formatStatusline(input) {
+  const rl = input?.rate_limits || {};
+  const five = pctOf(rl.five_hour);
+  const seven = pctOf(rl.seven_day);
+
+  if (five === null && seven === null) {
+    return `${CLAY}${SPARK}${RESET} ${DIM}claude-cup${RESET}`;
+  }
+
+  const parts = [];
+  if (five !== null) {
+    const slots = 8;
+    const filled = Math.round((five / 100) * slots);
+    const color = five > 85 ? EMBER : CLAY;
+    const bar =
+      `${color}${'\u2588'.repeat(filled)}${RESET}` + `${DIM}${'\u2591'.repeat(slots - filled)}${RESET}`;
+    parts.push(`${color}${SPARK}${RESET} ${bar} ${BOLD}${Math.round(five)}%${RESET}`);
+    const reset = countdown(rl.five_hour?.resets_at);
+    if (reset) parts.push(`${DIM}\u21bb ${reset}${RESET}`);
+  }
+  if (seven !== null) {
+    const sevenStr = seven > 85 ? `${EMBER}${Math.round(seven)}%${RESET}` : `${Math.round(seven)}%`;
+    parts.push(`${DIM}7d${RESET} ${sevenStr}`);
+  }
+  return parts.join(` ${DIM}\u00b7${RESET} `);
+}
+
+export async function runStatusline() {
+  let raw = '';
+  for await (const chunk of process.stdin) raw += chunk;
+  let input = null;
+  try {
+    input = JSON.parse(raw);
+  } catch {
+    /* no/bad input: print the idle form */
+  }
+  process.stdout.write(formatStatusline(input) + '\n');
+}

package/src/tui.js

@@ -56,6 +56,7 @@ export function leaderboardColorFor(pct) {
 
 const mix = (a, b, t) => a.map((v, i) => Math.round(v + (b[i] - v) * t));
 const fmt = (n) => (n >= 1e6 ? (n / 1e6).toFixed(2) + 'M' : n >= 1e3 ? (n / 1e3).toFixed(1) + 'k' : String(n ?? 0));
+const fmtRank = (n) => Number(n || 0).toLocaleString('en-US');
 
 function countdown(resetsAt) {
   if (!resetsAt) return '';
@@ -235,8 +236,8 @@ function drawMascot(g, x, y, pose = {}) {
 }
 
 // ---- football animations for the mascot ----
-export const MASCOT_ANIMS = ['kick', 'juggle', 'header', 'dribble', 'goal'];
-export const ANIM_FRAMES = { kick: 16, juggle: 20, header: 16, dribble: 20, goal: 18 };
+export const MASCOT_ANIMS = ['kick', 'juggle', 'header', 'dribble', 'goal', 'rainbow', 'bicycle', 'volley'];
+export const ANIM_FRAMES = { kick: 16, juggle: 20, header: 16, dribble: 20, goal: 18, rainbow: 20, bicycle: 22, volley: 18 };
 const CONFETTI = [
   [106, 155, 204], // sky
   [120, 140, 93], // olive
@@ -330,6 +331,139 @@ export function footballScene(anim, mx, my, cols) {
       y: my + ((dy0 + Math.floor(f / 2)) % 5), // rows my..my+4
       color: CONFETTI[(i + f) % CONFETTI.length],
     }));
+  } else if (anim.name === 'rainbow') {
+    // Brazilian rainbow flick: ball goes from back heel, arcs OVER the head,
+    // lands in front. Path designed to avoid eye cells (mx+3,my+2) & (mx+8,my+2).
+    // Lookup table -- every frame has an explicit (dx, dy, pose) entry so the
+    // arc is glitch-free and reads cleanly even at 140ms ticks.
+    // NB: no shiftX during the arc. shiftX moves the eye columns
+    // (left eye = mx+3+shiftX, right eye = mx+8+shiftX), which would otherwise
+    // place an eye exactly where the ball or trail crosses my+2.
+    const path = [
+      // f 0-3: idle, ball at back heel
+      { dx: 1, dy: 4, pose: { legPhase: 0 } },
+      { dx: 1, dy: 4, pose: { legPhase: 1 } },
+      { dx: 1, dy: 4, pose: { legPhase: 0 } },
+      { dx: 1, dy: 4, pose: { legPhase: 1 } },
+      // f 4: heel flick
+      { dx: 1, dy: 3, pose: {} },
+      // f 5-11: arc OVER the head, skipping eye cells (no shiftX)
+      { dx: 2, dy: 2, pose: {} },                       // 5 -- past hip (mx+2 != mx+3 eye)
+      { dx: 4, dy: 1, pose: { armTwitch: 1 } },         // 6 -- rising, above eye row
+      { dx: 5, dy: 0, pose: { armTwitch: 1 } },         // 7 -- peak left
+      { dx: 7, dy: 0, pose: { armTwitch: 1 } },         // 8 -- peak right
+      { dx: 9, dy: 1, pose: { armTwitch: 1 } },         // 9 -- descending, above eye row
+      { dx: 10, dy: 2, pose: {} },                      // 10 -- past right eye (mx+10 != mx+8)
+      { dx: 12, dy: 3, pose: {} },                      // 11 -- approaching ground
+      // f 12: landed in front
+      { dx: 13, dy: 4, pose: { legPhase: 1 } },
+      // f 13-19: settles, mascot returns to neutral (safe to shift now -- ball far from eye row)
+      { dx: 13, dy: 4, pose: { shiftX: 1, legPhase: 0 } },
+      { dx: 13, dy: 4, pose: { shiftX: 1, legPhase: 1 } },
+      { dx: 13, dy: 4, pose: { legPhase: 0 } },
+      { dx: 13, dy: 4, pose: { legPhase: 1 } },
+      { dx: 13, dy: 4, pose: { legPhase: 0 } },
+      { dx: 13, dy: 4, pose: { legPhase: 1 } },
+      { dx: 13, dy: 4, pose: { legPhase: 0 } },
+    ];
+    const step = path[Math.min(f, path.length - 1)];
+    out.ball = { x: mx + step.dx, y: my + step.dy };
+    out.pose = step.pose;
+    // Trail: a single dim dot one cell behind the rising arc (frames 5-11 only),
+    // placed on the same y so it never crosses the eye row.
+    if (f >= 5 && f <= 11) {
+      const prev = path[f - 1];
+      out.trail = [{ x: mx + prev.dx, y: my + prev.dy }];
+    }
+  } else if (anim.name === 'bicycle') {
+    // Bicycle kick: ball drops from upper right, mascot leaps (armsUp signals
+    // the backwards leap), strikes mid-air, ball ROCKETS out left with trail.
+    // Path skips eye cells (mx+3,my+2) and (mx+8,my+2) by going through my+1
+    // when crossing eye columns.
+    const path = [
+      // f 0-2: ball drops in from upper right
+      { ball: { dx: 15, dy: 0 }, pose: {} },
+      { ball: { dx: 14, dy: 1 }, pose: {} },
+      { ball: { dx: 13, dy: 2 }, pose: {} },
+      // f 3-4: mascot leaps (armsUp), ball at chest height
+      { ball: { dx: 13, dy: 3 }, pose: { armsUp: true } },
+      { ball: { dx: 13, dy: 3 }, pose: { armsUp: true } },
+      // f 5: STRIKE -- armsUp + kick
+      { ball: { dx: 12, dy: 3 }, pose: { armsUp: true, kick: 1 } },
+      // f 6-9: ball rockets out LEFT, picking altitude as it goes
+      { ball: { dx: 10, dy: 2 }, pose: { armsUp: true, kick: 1 } },  // 6
+      { ball: { dx: 7,  dy: 2 }, pose: { armsUp: true } },           // 7 -- skips mx+8 col
+      { ball: { dx: 4,  dy: 1 }, pose: { armsUp: true } },           // 8 -- above eye row
+      { ball: { dx: 1,  dy: 1 }, pose: {} },                         // 9 -- almost out
+      // f 10: ball exits off-screen left (clipped by drawFootball bounds)
+      { ball: { dx: -2, dy: 1 }, pose: {} },
+      // f 11-15: mascot lands and steadies
+      { ball: null, pose: { legPhase: 1 } },
+      { ball: null, pose: { legPhase: 0 } },
+      { ball: null, pose: { legPhase: 1 } },
+      { ball: null, pose: { legPhase: 0 } },
+      { ball: null, pose: { legPhase: 1 } },
+      // f 16-21: hold pause (ta-da beat)
+      { ball: null, pose: {} },
+      { ball: null, pose: {} },
+      { ball: null, pose: {} },
+      { ball: null, pose: {} },
+      { ball: null, pose: {} },
+      { ball: null, pose: {} },
+    ];
+    const step = path[Math.min(f, path.length - 1)];
+    out.pose = step.pose;
+    if (step.ball) out.ball = { x: mx + step.ball.dx, y: my + step.ball.dy };
+    // Trail: two dots EAST of the ball on the same y (frames 6-9 only).
+    // Same-y avoids ever landing on the eye row.
+    if (f >= 6 && f <= 9 && step.ball) {
+      const by = my + step.ball.dy;
+      out.trail = [
+        { x: mx + step.ball.dx + 2, y: by },
+        { x: mx + step.ball.dx + 4, y: by },
+      ];
+    }
+  } else if (anim.name === 'volley') {
+    // Side-foot volley: ball arcs in from the left at chest height, mascot
+    // strikes a flat volley out to the right. Existing pose.kick (right foot)
+    // matches the right-going strike direction.
+    const path = [
+      // f 0-2: ball arcs in from off-screen left, above eye row
+      { ball: { dx: -4, dy: 1 }, pose: {} },
+      { ball: { dx: -1, dy: 1 }, pose: {} },
+      { ball: { dx: 2,  dy: 1 }, pose: {} },
+      // f 3-4: mascot leans into it, ball descends to strike zone
+      { ball: { dx: 5,  dy: 2 }, pose: { shiftX: 1 } },        // 3 -- between eyes safely
+      { ball: { dx: 9,  dy: 3 }, pose: { shiftX: 1 } },        // 4 -- below eye row
+      // f 5: STRIKE
+      { ball: { dx: 12, dy: 3 }, pose: { shiftX: 1, kick: 1, armTwitch: 1 } },
+      // f 6-9: rocketing right, picking altitude
+      { ball: { dx: 14, dy: 2 }, pose: { kick: 1 } },
+      { ball: { dx: 17, dy: 1 }, pose: {} },
+      { ball: { dx: 20, dy: 0 }, pose: {} },
+      { ball: { dx: 23, dy: 0 }, pose: {} },
+      // f 10-12: ball exits off-screen right (clipped by drawFootball bounds)
+      { ball: { dx: 27, dy: 0 }, pose: {} },
+      { ball: { dx: 31, dy: 0 }, pose: {} },
+      { ball: { dx: 36, dy: 0 }, pose: {} },
+      // f 13-17: mascot resumes tippy-tap
+      { ball: null, pose: { legPhase: 1 } },
+      { ball: null, pose: { legPhase: 0 } },
+      { ball: null, pose: { legPhase: 1 } },
+      { ball: null, pose: { legPhase: 0 } },
+      { ball: null, pose: { legPhase: 1 } },
+    ];
+    const step = path[Math.min(f, path.length - 1)];
+    out.pose = step.pose;
+    if (step.ball) out.ball = { x: mx + step.ball.dx, y: my + step.ball.dy };
+    // Trail: two dots WEST of the ball on the same y (frames 6-10 only).
+    if (f >= 6 && f <= 10 && step.ball) {
+      const by = my + step.ball.dy;
+      out.trail = [
+        { x: mx + step.ball.dx - 2, y: by },
+        { x: mx + step.ball.dx - 4, y: by },
+      ];
+    }
   }
   return out;
 }
@@ -405,8 +539,10 @@ export function composeFrame(state) {
 
   g.text(2, 0, ` ${spark} claude cup `, { fg: CLAY, bold: true });
   const now = new Date();
+  const cupDays = typeof state.cupDaysLeft === 'number' ? state.cupDaysLeft : null;
+  const cupSuffix = cupDays === null ? '' : (cupDays > 0 ? ` \u00b7 cup d-${cupDays}` : ' \u00b7 cup ended');
   const dateLabel = ` ${now.toLocaleDateString('en-US', { weekday: 'long' })} \u00b7 ${now
-    .toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} `.toLowerCase();
+    .toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}${cupSuffix} `.toLowerCase();
   g.text(cols - 3 - dateLabel.length, 0, dateLabel, eyebrow);
 
   // ---- the golden trophy ----
@@ -580,6 +716,59 @@ export function composeFrame(state) {
       g.text(sx + 15, y, String(stats.buildRate ?? 0), { fg: CLAY, bold: true });
       y++;
     }
+    // Leaderboard -- clean 3-row standings, name + rank only.
+    //   ABOVE  name      #rank   (gold, matches cup elite color)
+    //   RANK   you       #rank   (highlighted clay, the user's own row)
+    //   BELOW  name      #rank
+    const lbState = state.leaderboard;
+    if (lbState && lbState.rank > 0) {
+      const tierColor = lbState.tier === 'Master' ? GOLD :
+                        lbState.tier === 'Craftsman' ? CLAY :
+                        lbState.tier === 'Builder' ? KRAFT : CLOUD;
+      const nameCol = 15;
+      const rankCol = 28; // wide enough to fit longest names neatly
+      // Fallback: derive neighbor ranks from user rank if cache predates nextRank/belowRank
+      const nextRank = lbState.nextRank || Math.max(1, lbState.rank - 1);
+      const belowRank = lbState.belowRank || (lbState.rank + 1);
+
+      // Row 1: ABOVE (or overtake banner if recent)
+      const justOvertook = lbState.passedTs && (Date.now() - lbState.passedTs) < 5000;
+      if (y < rows - 2) {
+        if (justOvertook && lbState.passedName && lbState.passedVerb) {
+          g.put(sx, y, '\u273b', { fg: CLAY });
+          const bannerTxt = `you just ${lbState.passedVerb} ${lbState.passedName}`.slice(0, colW - 2);
+          g.text(sx + 2, y, bannerTxt, { fg: CLAY, bold: true });
+        } else if (lbState.nextName) {
+          g.text(sx, y, 'ABOVE'.padEnd(nameCol), eyebrow);
+          g.text(sx + nameCol, y, String(lbState.nextName).slice(0, rankCol - nameCol - 1),
+            { fg: GOLD, bold: true });
+          g.text(sx + rankCol, y, `#${fmtRank(nextRank)}`, { fg: GOLD, bold: true });
+        }
+        y++;
+      }
+
+      // Row 2: RANK -- the user's own row, highlighted clay, rank + tier
+      if (y < rows - 2) {
+        g.text(sx, y, 'RANK'.padEnd(nameCol), { fg: CLAY, bold: true });
+        g.text(sx + nameCol, y, 'you', { fg: CLAY, bold: true });
+        const rankTxt = `#${fmtRank(lbState.rank)}`;
+        g.text(sx + rankCol, y, rankTxt, { fg: CLAY, bold: true });
+        const tierStart = sx + rankCol + rankTxt.length + 1;
+        const tierTxt = `\u00b7 ${lbState.tier}`;
+        if (tierStart + tierTxt.length <= sx + colW) {
+          g.text(tierStart, y, tierTxt, { fg: tierColor, bold: true });
+        }
+        y++;
+      }
+
+      // Row 3: BELOW
+      if (y < rows - 2 && lbState.belowName) {
+        g.text(sx, y, 'BELOW'.padEnd(nameCol), eyebrow);
+        g.text(sx + nameCol, y, String(lbState.belowName).slice(0, rankCol - nameCol - 1), { fg: CLOUD });
+        g.text(sx + rankCol, y, `#${fmtRank(belowRank)}`, { fg: CLOUD });
+        y++;
+      }
+    }
     if (y < rows - 2) {
       const GREEN = [76, 175, 80];
       g.text(sx, y, 'ECO MODE'.padEnd(15), { fg: GREEN });
@@ -593,22 +782,8 @@ export function composeFrame(state) {
       y++;
     }
     statRow('TOKENS TODAY', fmt(stats.totalTokens));
-    const eff = stats.assistantMessages > 0 ? `${fmt(Math.round(stats.totalTokens / stats.assistantMessages))} tok/reply` : '\u2014';
-    statRow('EFFICIENCY', eff);
-    statRow('REPLIES', fmt(stats.assistantMessages));
     statRow('EST. COST', `$${(stats.cost ?? 0).toFixed(2)}`);
     statRow('BURN RATE', `${fmt(stats.burnRate)} tok/min`);
-    if (usage?.fiveHour) {
-      const tl = usage.timeLeft;
-      if (!tl) statRow('TIME LEFT', 'measuring pace...', { fg: CLOUD, dim: true });
-      else if (tl.outlasts) statRow('TIME LEFT', 'lasts past reset', { bold: true });
-      else {
-        const h = Math.floor(tl.minutes / 60);
-        const m = Math.round(tl.minutes % 60);
-        const dur = h > 0 ? `${h}h ${m}m` : `${m}m`;
-        statRow('TIME LEFT', `~${dur} at this pace`, tl.minutes < 30 ? { fg: EMBER, bold: true } : { bold: true });
-      }
-    }
     if (usage?.sevenDay) {
       const sd = usage.sevenDay;
       const mini = 8;
@@ -643,7 +818,7 @@ export function composeFrame(state) {
 }
 
 // startTui uses surfaceRelFor + bodyHeightFor for the droplet/bubble physics.
-export function startTui({ aggregator, poller, watcher, eco, url, getPower, getLeaderboard, out = process.stdout }) {
+export function startTui({ aggregator, poller, watcher, eco, url, getPower, getLeaderboard, getCupDaysLeft, out = process.stdout }) {
   let colorMode = 24;
   try {
     if (out.hasColors && !out.hasColors(16777216)) colorMode = 256;
@@ -663,6 +838,7 @@ export function startTui({ aggregator, poller, watcher, eco, url, getPower, getL
   let mascotAnim = null; // { name, frame, frames } | null
   let lastAnim = null;
   let nextAnimAt = Date.now() + nextAnimDelay();
+  let prevLb = null; // last leaderboard snapshot, for celebration triggers
 
   const spawn = () => {
     if (falling.length > 26) return;
@@ -686,7 +862,8 @@ export function startTui({ aggregator, poller, watcher, eco, url, getPower, getL
   const seedCount = Math.min(24, snap.toolCalls + snap.assistantMessages);
   for (let i = 0; i < seedCount; i++) setTimeout(() => spawn(), 300 + i * 170);
 
-  out.write('\x1b[?1049h\x1b[?25l'); // alt screen, hide cursor
+  // alt screen, hide cursor, set tab title (OSC 0 + 1 + 2 for maximum compatibility)
+  out.write('\x1b[?1049h\x1b[?25l\x1b]0;claude-cup\x07\x1b]1;claude-cup\x07\x1b]2;claude-cup\x07');
 
   const render = () => {
     frame++;
@@ -695,7 +872,21 @@ export function startTui({ aggregator, poller, watcher, eco, url, getPower, getL
     const hasLimit = usage && usage.fiveHour && (usage.status === 'ok' || usage.status === 'stale');
     const lb = typeof getLeaderboard === 'function' ? getLeaderboard() : null;
     const br = stats.buildRate ?? 0;
-    const fill = Math.min(95, Math.round(Math.sqrt(br) * 42));
+    const fill = (lb && lb.percentile > 0)
+      ? lb.percentile
+      : Math.min(95, Math.round(Math.sqrt(br) * 42));
+
+    // Celebration: rank improved by 10+ OR tier upgraded -> fire goal animation
+    if (lb && lb.rank > 0) {
+      const tierOrder = { 'Builder': 0, 'Rising Builder': 1, 'Master Builder': 2, 'Elite Builder': 3 };
+      const tierUp = prevLb && tierOrder[lb.tier] > tierOrder[prevLb.tier];
+      const rankJump = prevLb && prevLb.rank > 0 && (prevLb.rank - lb.rank) >= 10;
+      if (!mascotAnim && (tierUp || rankJump)) {
+        mascotAnim = { name: 'goal', frame: 0, frames: ANIM_FRAMES.goal };
+        lastAnim = 'goal';
+      }
+      prevLb = lb;
+    }
 
     const rows = Math.min(out.rows || 24, 32);
     const bodyH = bodyHeightFor(rows);
@@ -767,10 +958,17 @@ export function startTui({ aggregator, poller, watcher, eco, url, getPower, getL
       url,
       colorMode,
       mascot: mascotAnim,
+      leaderboard: lb,
+      cupDaysLeft: typeof getCupDaysLeft === 'function' ? getCupDaysLeft() : null,
       powerLevel: power.powerLevel,
       richness: power.richness,
     });
     out.write('\x1b[H' + frameStr + '\x1b[J');
+    // Re-assert the tab/window title once per second (every 7th render at 140ms).
+    // Defends against VS Code / Cursor / shell prompts overwriting our title.
+    if (frame % 7 === 0) {
+      out.write('\x1b]0;claude-cup\x07\x1b]2;claude-cup\x07');
+    }
 
     // advance the animation for the next tick; reschedule when it finishes
     if (mascotAnim) {