claudial 0.7.0 → 0.8.0

package/README.md

@@ -2,10 +2,10 @@
 
 # ⚽ claudial
 
-### Live football inside Claude Code
+### Live football inside Claude Code, Cursor and your editor
 
-Your teams' scores sit under your prompt while you code.
-When one of them scores, your terminal celebrates.
+Your teams' scores sit in your status bar while you code: Claude Code, Cursor,
+VS Code, Antigravity, Windsurf. When one of them scores, it celebrates.
 
 ```
 npm install -g claudial && claudial setup
@@ -23,7 +23,7 @@ npm install -g claudial && claudial setup
 
 <br/>
 
-![claudial: a live football board in the terminal, taken over by a full-screen GOAL](dashboard.gif)
+![claudial: Liverpool 6–0 Manchester United live, then a full-screen GOAL for Firmino's 88th-minute seventh](dashboard.gif)
 
 **Premier League · La Liga · Serie A · Bundesliga · Ligue 1 · Champions League ·
 Europa League · Conference League · Super League Greece · World Cup**
@@ -32,6 +32,43 @@ Europa League · Conference League · Super League Greece · World Cup**
 
 ---
 
+## Get started
+
+| You are… | Run |
+|---|---|
+| **New to claudial** | `npm install -g claudial`<br>`claudial setup` |
+| **Back from the World Cup** (you have 0.6.x) | `npm install -g claudial@latest`<br>`claudial --version` (should print 0.8.0 or newer)<br>`claudial follow` |
+
+Then restart Claude Code. World Cup users keep their status line as it is; `claudial follow`
+picks your leagues and teams, because the new version starts following nothing.
+
+Still seeing "WORLD CUP 2026" after updating? An old copy comes first on your PATH.
+`which -a claudial` lists every copy; remove the old one with
+`npm uninstall -g --prefix <its folder> claudial` (e.g. `--prefix ~/.npm-global`).
+
+## Works where you code
+
+| Where you code | Run |
+|---|---|
+| **Claude Code** | `npm install -g claudial && claudial setup` |
+| **Cursor CLI** (`cursor-agent`) | `npm install -g claudial && claudial setup --cursor --yes` |
+| **VS Code** | `code --install-extension lefprog.claudial` |
+| **Cursor** | `cursor --install-extension lefprog.claudial` |
+| **Antigravity** | `antigravity --install-extension lefprog.claudial` |
+| **Windsurf** | `windsurf --install-extension lefprog.claudial` |
+| **Codex CLI** | not yet: Codex's status line can only show its own built-in items |
+
+In the editors you can also search **claudial** in the Extensions panel. Reload the
+window after installing; the score sits at the bottom right. Click it to pick your
+teams. The editor extension and the CLI share your device, so you follow the same
+teams everywhere.
+
+<div align="center">
+
+![claudial in the editor status bar: VS Code during Liverpool 6—0 and the GOOOL flash for 7—0, and Cursor showing the next kickoff](extension/images/statusbar.png)
+
+</div>
+
 ## The score, right under your prompt
 
 One command puts a live score line into Claude Code's status bar. It stays out
@@ -39,15 +76,15 @@ of the way while Claude works, and lights up the moment anyone scores:
 
 <div align="center">
 
-![claudial: live scores in Claude Code's status bar, flashing GOOOL on a goal](demo.gif)
+![claudial: Liverpool 7–0 Manchester United flashing GOOOL in Claude Code's status bar](demo.gif)
 
 </div>
 
 ```
-⚽ ARS 1—1 LIV 77'  ⚽ PAO 1—0 OLY 67'  ⚽ RMA 2—2 BAR HT · main   ← every match you follow
-⚽ G O O O L  ·  ARS 2—1 LIV · main                              ← for 15 s after a goal
-🟥 R E D  ·  VAN DIJK  ·  ARS — LIV · main                        ← for 15 s after a red card
-○ FCB — PSG Sun 07:00 PM · main                                  ← between matches: next kickoff
+⚽ Liverpool 6—0 Manchester United 87' · main                      ← every match you follow
+⚽ G O O O L  ·  Liverpool 7—0 Manchester United · main            ← for 15 s after a goal
+🟥 R E D  ·  CASEMIRO  ·  Manchester United — Southampton · main   ← for 15 s after a red card
+○ Liverpool — Arsenal Sat 05:30 PM · main                          ← between matches: next kickoff
 ```
 
 Your git branch stays at the end. **Already run a custom status line?** Setup
@@ -62,11 +99,11 @@ esc to save:
 ```
  claudial · what do you follow?
 
- search › pana▏
+ search › liver▏
 
- › ◉ Panathinaikos  PAO · Super League Greece
+ › ◉ Liverpool  LIV · Premier League
 
- Following Panathinaikos · Arsenal
+ Following Liverpool
  ↑↓ move · space follow · type to search · esc clear search · ctrl+c cancel
 ```
 
@@ -100,10 +137,11 @@ claudial follow       # pick leagues and teams
 
 Requires Node ≥ 18. No account, no sign-up, no API key.
 
-Scripting it? `claudial setup --statusline --yes` installs without
-prompts, and `claudial leagues`, `claudial teams <league>`,
-`claudial follow <id>...`, `claudial unfollow <id>...` and `claudial following`
-work without the UI. `claudial forget` deletes your device from the server.
+Scripting it? `claudial setup --statusline --yes` (Claude Code) and
+`claudial setup --cursor --yes` (Cursor CLI) install without prompts, and
+`claudial leagues`, `claudial teams <league>`, `claudial follow <id>...`,
+`claudial unfollow <id>...` and `claudial following` work without the UI.
+`claudial forget` deletes your device from the server.
 
 ## Status
 
@@ -159,4 +197,8 @@ npm test        # vitest
 [Request a feature](https://github.com/lefProg/claudial/issues) ·
 [npm](https://www.npmjs.com/package/claudial)
 
+<br/>
+
+**YNWA** 🔴
+
 </div>

package/dist/api/backend.js

@@ -3,8 +3,13 @@ import { deviceId } from './device.js';
 // TLS; scripts/check-release.mjs blocks an npm publish until this is https://.
 // CLAUDIAL_API_URL always wins (local dev: http://localhost:8080).
 export const DEFAULT_API_URL = 'http://161.97.67.12:30083';
+let serverOverride = null;
+/** For embedders (the editor extension): a server chosen in settings. The env var still wins. */
+export function setServerUrl(url) {
+    serverOverride = url && url.trim() ? url.trim() : null;
+}
 export function apiUrl(env = process.env) {
-    return (env.CLAUDIAL_API_URL || DEFAULT_API_URL).replace(/\/+$/, '');
+    return (env.CLAUDIAL_API_URL || serverOverride || DEFAULT_API_URL).replace(/\/+$/, '');
 }
 /** Thrown for any non-2xx answer, carrying the server's own error message. */
 export class ApiError extends Error {
@@ -110,7 +115,7 @@ export async function fetchLiveRedCards() {
             continue;
         for (const inc of sm.incidents) {
             if (inc.kind === 'redCard') {
-                out.push({ id: inc.id, homeCode: m.home.code, awayCode: m.away.code, player: inc.playerShort ?? inc.player ?? '?', minute: inc.minute, national: m.home.national !== false });
+                out.push({ id: inc.id, homeCode: m.home.code, awayCode: m.away.code, homeName: m.home.name, awayName: m.away.name, player: inc.playerShort ?? inc.player ?? '?', minute: inc.minute, national: m.home.national !== false });
             }
         }
     }

package/dist/index.js

@@ -29,8 +29,9 @@ const HELP = `claudial: live football in your terminal and Claude Code's status
   claudial                             the live dashboard (keys: f follow · r refresh · q quit)
   claudial --ticker                    a 4-line strip for slim split panes
   claudial | cat                       plain snapshot for pipes and scripts
-  claudial setup                       install the Claude Code status line and pick your teams
-  claudial setup --statusline --yes    install the status line only, no prompts
+  claudial setup                       install the status line (Claude Code, Cursor CLI) and pick your teams
+  claudial setup --statusline --yes    Claude Code status line only, no prompts
+  claudial setup --cursor --yes        Cursor CLI status line only, no prompts
 ${USAGE.replace(/^usage:\n/, '')}
 
   CLAUDIAL_API_URL=<url>               use another claudial server`;
@@ -79,7 +80,7 @@ async function main() {
     }
     if (args.includes('--mock-redcard')) {
         const { makeCache } = await import('./statusline/cache.js');
-        makeCache().armRedCard({ player: 'Otamendi', homeCode: 'ARG', awayCode: 'ENG' });
+        makeCache().armRedCard({ player: 'Otamendi', homeCode: 'ARG', awayCode: 'ENG', homeName: 'Argentina', awayName: 'England' });
         process.stdout.write('🟥 RED armed — the Claude Code status bar flashes a red card (ARG—ENG) for 15s.\n');
         process.exit(0);
     }

package/dist/setup/Wizard.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text, useInput, useApp } from 'ink';
 import { ACCENT } from '../ui/Header.js';
 /**
- * A single confirmation: install the live-score statusline globally into Claude
- * Code. No scope or tmux prompts — global is the one supported path.
+ * A single confirmation: install the live-score statusline into Claude Code,
+ * and into the Cursor CLI too when Cursor is on this machine.
  */
-export function Wizard({ defaultShell, onDone }) {
+export function Wizard({ defaultShell, cursorFound, onDone }) {
     const { exit } = useApp();
     useInput((input, key) => {
         if (input === 'q' || input.toLowerCase() === 'n') {
@@ -13,9 +13,9 @@ export function Wizard({ defaultShell, onDone }) {
             return;
         }
         if (key.return || input.toLowerCase() === 'y') {
-            onDone({ statusline: true, scope: 'global', tmux: false, shell: defaultShell, yes: true, interactive: false });
+            onDone({ statusline: true, cursor: cursorFound, scope: 'global', tmux: false, shell: defaultShell, yes: true, interactive: false });
             exit();
         }
     });
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: _jsx(Text, { bold: true, color: ACCENT, children: "claudial setup" }) }), _jsx(Text, { children: "Install the live-score statusline into Claude Code? (Y/n)" }), _jsx(Text, { dimColor: true, children: "  \u2022 statusline \u2192 global (~/.claude/settings.json)" }), _jsx(Text, { dimColor: true, children: "q to quit" })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: _jsx(Text, { bold: true, color: ACCENT, children: "claudial setup" }) }), _jsx(Text, { children: "Install the live-score statusline? (Y/n)" }), _jsx(Text, { dimColor: true, children: "  \u2022 Claude Code \u2192 ~/.claude/settings.json" }), cursorFound ? _jsx(Text, { dimColor: true, children: "  \u2022 Cursor CLI \u2192 ~/.cursor/cli-config.json" }) : null, _jsx(Text, { dimColor: true, children: "q to quit" })] }));
 }

package/dist/setup/apply.js

@@ -1,13 +1,23 @@
 import { installStatusline } from './settings.js';
+import { installCursorStatusline } from './cursor.js';
 import { appendAlias } from './shellrc.js';
 export function applySetup(opts, ctx) {
-    const report = { statuslineWritten: false, statuslineBackedUp: false, statuslineWrapped: false, aliasAppended: false };
+    const report = {
+        statuslineWritten: false, statuslineBackedUp: false, statuslineWrapped: false,
+        cursorWritten: false, cursorBackedUp: false, cursorWrapped: false, aliasAppended: false,
+    };
     if (opts.statusline) {
         const r = installStatusline(ctx.settingsPath, ctx.command, ctx.conflict);
         report.statuslineWritten = r.written;
         report.statuslineBackedUp = r.backedUp;
         report.statuslineWrapped = r.wrapped;
     }
+    if (opts.cursor) {
+        const r = installCursorStatusline(ctx.cursorPath, ctx.command);
+        report.cursorWritten = r.written;
+        report.cursorBackedUp = r.backedUp;
+        report.cursorWrapped = r.wrapped;
+    }
     if (opts.tmux) {
         report.aliasAppended = appendAlias(ctx.rcPath, ctx.shell).appended;
     }

package/dist/setup/cursor.js

@@ -0,0 +1,48 @@
+import { copyFileSync, existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+// The Cursor CLI (cursor-agent) status line: the same `claudial --statusline`
+// command as Claude Code, in ~/.cursor/cli-config.json with Cursor's own keys.
+export function cursorConfigPath(home) {
+    return join(home, '.cursor', 'cli-config.json');
+}
+function block(command) {
+    return { type: 'command', command, padding: 0, updateIntervalMs: 1000, timeoutMs: 3000 };
+}
+/** Read → (wrap a foreign command) → merge → (backup) → write. Same rules as the Claude Code writer. */
+export function installCursorStatusline(path, command) {
+    const fileExists = existsSync(path);
+    let existing = {};
+    if (fileExists) {
+        try {
+            existing = JSON.parse(readFileSync(path, 'utf8'));
+        }
+        catch {
+            existing = {};
+        }
+    }
+    const theirs = typeof existing?.statusLine?.command === 'string' ? existing.statusLine.command : '';
+    let final = command;
+    let wrapped = false;
+    if (theirs.includes('claudial --statusline')) {
+        const w = theirs.indexOf(' --wrap ');
+        if (w >= 0) {
+            final = command + theirs.slice(w);
+            wrapped = true;
+        }
+    }
+    else if (theirs) {
+        final = `${command} --wrap '${theirs.replace(/'/g, `'\\''`)}'`;
+        wrapped = true;
+    }
+    const next = block(final);
+    if (JSON.stringify(existing.statusLine) === JSON.stringify(next))
+        return { written: false, backedUp: false, wrapped };
+    let backedUp = false;
+    if (fileExists) {
+        copyFileSync(path, `${path}.bak`);
+        backedUp = true;
+    }
+    mkdirSync(dirname(path), { recursive: true });
+    writeFileSync(path, JSON.stringify({ ...existing, statusLine: next }, null, 2) + '\n');
+    return { written: true, backedUp, wrapped };
+}

package/dist/setup/detect.js

@@ -1,4 +1,5 @@
 import { execFileSync } from 'node:child_process';
+import { existsSync } from 'node:fs';
 import { join } from 'node:path';
 export function detectShell(env = process.env) {
     const s = env.SHELL ?? '';
@@ -29,6 +30,10 @@ export function isOnPath(bin) {
         return false;
     }
 }
+/** Cursor (editor or CLI) has been used on this machine. */
+export function hasCursor(home) {
+    return existsSync(join(home, '.cursor'));
+}
 export function hasTmux() {
     return isOnPath('tmux');
 }

package/dist/setup/flags.js

@@ -5,10 +5,12 @@ export function parseFlags(args) {
     const shell = SHELLS.includes(shellArg) ? shellArg : null;
     const statusline = has('--statusline');
     const tmux = has('--tmux');
+    const cursor = has('--cursor');
     // any actionable flag (or --yes) means run without prompting
-    const interactive = !(statusline || tmux || has('--yes'));
+    const interactive = !(statusline || tmux || cursor || has('--yes'));
     return {
         statusline,
+        cursor,
         scope: has('--project') ? 'project' : 'global',
         tmux,
         shell,

package/dist/setup/index.js

@@ -3,7 +3,8 @@ import { join } from 'node:path';
 import React from 'react';
 import { render } from 'ink';
 import { parseFlags } from './flags.js';
-import { detectShell, rcPathFor, isOnPath } from './detect.js';
+import { detectShell, rcPathFor, isOnPath, hasCursor } from './detect.js';
+import { cursorConfigPath } from './cursor.js';
 import { applySetup } from './apply.js';
 import { Wizard } from './Wizard.js';
 function commandFor() {
@@ -15,6 +16,7 @@ function contextFor(opts) {
     const settingsPath = join(homedir(), '.claude', 'settings.json');
     return {
         settingsPath,
+        cursorPath: cursorConfigPath(homedir()),
         rcPath: rcPathFor(shell, homedir()),
         shell,
         command: commandFor(),
@@ -33,6 +35,16 @@ function printReport(opts, ctx, report) {
     else if (opts.statusline) {
         console.log('• statusline unchanged (an existing statusLine was kept).');
     }
+    if (report.cursorWritten) {
+        console.log(`✓ Cursor CLI statusline installed → ${ctx.cursorPath}`);
+        if (report.cursorWrapped)
+            console.log('  (kept your existing status line and appended the score)');
+        if (report.cursorBackedUp)
+            console.log(`  (previous config backed up to ${ctx.cursorPath}.bak)`);
+    }
+    else if (opts.cursor) {
+        console.log('• Cursor CLI statusline already installed.');
+    }
     if (report.aliasAppended) {
         console.log(`✓ tmux alias added → ${ctx.rcPath}`);
         console.log(`  Open a new shell, then run: claude-mundial`);
@@ -40,7 +52,7 @@ function printReport(opts, ctx, report) {
     else if (opts.tmux) {
         console.log('• tmux alias already present — left as-is.');
     }
-    if (!opts.statusline && !opts.tmux)
+    if (!opts.statusline && !opts.cursor && !opts.tmux)
         console.log('Nothing selected. Run `claudial setup` again to choose options.');
 }
 export async function runSetup(args) {
@@ -56,6 +68,7 @@ export async function runSetup(args) {
     await new Promise((resolve) => {
         const { waitUntilExit } = render(React.createElement(Wizard, {
             defaultShell: detectShell(),
+            cursorFound: hasCursor(homedir()),
             onDone: (final) => run(final),
         }));
         waitUntilExit().then(() => resolve());

package/dist/snapshot.js

@@ -1,11 +1,11 @@
 import { fetchLive, fetchRecent, fetchUpcoming, followsNothing } from './api/backend.js';
-import { formatKickoff } from './ui/UpcomingSection.js';
-import { homeTag, awayTag } from './ui/flags.js';
-function line(m) {
+import { kickoffColumn, kickoffWidth } from './ui/kickoff.js';
+import { homeName, awayName } from './ui/flags.js';
+function line(m, width = 22) {
     if (m.status === 'upcoming')
-        return `o ${formatKickoff(m.startTimestamp).padEnd(13)} ${homeTag(m.home.code, m.home.national)} - ${awayTag(m.away.code, m.away.national)}`;
+        return `o ${kickoffColumn(m.startTimestamp, Date.now(), width)}${homeName(m.home)} - ${awayName(m.away)}`;
     const label = m.status === 'finished' ? 'FT' : m.status === 'halftime' ? 'HT' : `${m.minute ?? '?'}'`;
-    return `* ${label.padEnd(4)} ${homeTag(m.home.code, m.home.national)} ${m.homeScore ?? '-'} - ${m.awayScore ?? '-'} ${awayTag(m.away.code, m.away.national)}`;
+    return `* ${label.padEnd(4)} ${homeName(m.home)} ${m.homeScore ?? '-'} - ${m.awayScore ?? '-'} ${awayName(m.away)}`;
 }
 export async function printSnapshot(seasonId) {
     const [live, upcoming, recent] = await Promise.all([
@@ -21,6 +21,8 @@ export async function printSnapshot(seasonId) {
         console.log(line(m));
     if (upcoming.length)
         console.log('UPCOMING');
-    for (const m of upcoming.slice(0, 8))
-        console.log(line(m));
+    const next = upcoming.slice(0, 8);
+    const width = kickoffWidth(next.map((m) => m.startTimestamp));
+    for (const m of next)
+        console.log(line(m, width));
 }

package/dist/statusline/cache.js

@@ -1,7 +1,7 @@
 import { mkdirSync, openSync, closeSync, writeFileSync, readFileSync, renameSync, statSync, existsSync, unlinkSync, utimesSync, futimesSync, } from 'node:fs';
 import { tmpdir } from 'node:os';
 import { join } from 'node:path';
-import { homeTag, awayTag } from '../ui/flags.js';
+import { homeName, awayName } from '../ui/flags.js';
 export const TTL_MS = 10_000;
 export const GOAL_WINDOW_MS = 15_000;
 const LOCK_STALE_MS = 30_000;
@@ -11,10 +11,12 @@ const GOAL_CLOSE = '\x1b[0m';
 // RED #E5484D — the red-card flash.
 const RED_OPEN = '\x1b[1;38;2;229;72;77m';
 function goalText(m) {
-    return `${GOAL_OPEN}⚽ G O O O L  ·  ${homeTag(m.home.code, m.home.national)} ${m.homeScore ?? 0}—${m.awayScore ?? 0} ${awayTag(m.away.code, m.away.national)}${GOAL_CLOSE}`;
+    return `${GOAL_OPEN}⚽ G O O O L  ·  ${homeName(m.home)} ${m.homeScore ?? 0}—${m.awayScore ?? 0} ${awayName(m.away)}${GOAL_CLOSE}`;
 }
 function redCardText(rc) {
-    return `${RED_OPEN}🟥 R E D  ·  ${rc.player.toUpperCase()}  ·  ${homeTag(rc.homeCode, rc.national)} — ${awayTag(rc.awayCode, rc.national)}${GOAL_CLOSE}`;
+    const home = homeName({ name: rc.homeName ?? rc.homeCode, code: rc.homeCode, national: rc.national });
+    const away = awayName({ name: rc.awayName ?? rc.awayCode, code: rc.awayCode, national: rc.national });
+    return `${RED_OPEN}🟥 R E D  ·  ${rc.player.toUpperCase()}  ·  ${home} — ${away}${GOAL_CLOSE}`;
 }
 export function makeCache(dir = join(tmpdir(), 'claudial-statusline')) {
     mkdirSync(dir, { recursive: true });

package/dist/statusline/line.js

@@ -1,5 +1,5 @@
-import { formatKickoff } from '../ui/UpcomingSection.js';
-import { homeTag, awayTag } from '../ui/flags.js';
+import { formatKickoff } from '../ui/kickoff.js';
+import { homeName, awayName } from '../ui/flags.js';
 import { matchPrediction } from '../predictions/match.js';
 import { headline } from '../predictions/format.js';
 // Assumed wall-clock length of a match (kickoff → ~full time). ESPN exposes no
@@ -10,18 +10,18 @@ export function liveLine(match) {
     const clock = match.status === 'halftime' ? ' HT'
         : match.minute != null ? ` ${match.minute}'`
             : '';
-    return `⚽ ${homeTag(match.home.code, match.home.national)} ${match.homeScore ?? 0}—${match.awayScore ?? 0} ${awayTag(match.away.code, match.away.national)}${clock}`;
+    return `⚽ ${homeName(match.home)} ${match.homeScore ?? 0}—${match.awayScore ?? 0} ${awayName(match.away)}${clock}`;
 }
 /** A finished match with its result: "⚽ QAT 🇶🇦 2—1 🇨🇭 SUI FT". */
 export function finishedLine(match) {
-    return `⚽ ${homeTag(match.home.code, match.home.national)} ${match.homeScore ?? 0}—${match.awayScore ?? 0} ${awayTag(match.away.code, match.away.national)} FT`;
+    return `⚽ ${homeName(match.home)} ${match.homeScore ?? 0}—${match.awayScore ?? 0} ${awayName(match.away)} FT`;
 }
 /**
  * The next kickoff: "○ BRA 🇧🇷 — 🇲🇦 MAR Sun 01:00", with a prediction headline
  * appended when one is available: "… · 🔮 BRA win 64% · 2-1".
  */
 function upcomingLine(match, now, preds) {
-    const base = `○ ${homeTag(match.home.code, match.home.national)} — ${awayTag(match.away.code, match.away.national)} ${formatKickoff(match.startTimestamp, now)}`;
+    const base = `○ ${homeName(match.home)} — ${awayName(match.away)} ${formatKickoff(match.startTimestamp, now)}`;
     const pred = matchPrediction(match, preds);
     return pred ? `${base} · ${headline(pred)}` : base;
 }

package/dist/ui/MatchRow.js

@@ -1,15 +1,23 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import { ACCENT } from './Header.js';
-import { formatKickoff } from './UpcomingSection.js';
-import { homeTag, awayTag } from './flags.js';
+import { formatKickoff, kickoffColumn } from './kickoff.js';
+import { homeName, awayName } from './flags.js';
+/** One side's goals grouped by scorer, in order of their first goal: "43' 50' C. Gakpo · 47' D. Núñez". */
+export function scorers(goals) {
+    const byPlayer = new Map();
+    for (const g of goals) {
+        const who = g.playerShort ?? '?';
+        byPlayer.set(who, [...(byPlayer.get(who) ?? []), `${g.minute ?? '?'}'`]);
+    }
+    return [...byPlayer].map(([who, mins]) => `${mins.join(' ')} ${who}`).join(' · ');
+}
 export function ScorerLine({ incidents }) {
     const goals = incidents.filter((i) => i.kind === 'goal');
     if (goals.length === 0)
         return null;
-    const fmt = (g) => `${g.minute ?? '?'}' ${g.playerShort ?? '?'}`;
-    const home = goals.filter((g) => g.isHome).map(fmt).join(' · ');
-    const away = goals.filter((g) => !g.isHome).map(fmt).join(' · ');
+    const home = scorers(goals.filter((g) => g.isHome));
+    const away = scorers(goals.filter((g) => !g.isHome));
     return _jsxs(Text, { dimColor: true, children: ['   ', "\u26BD ", [home, away].filter(Boolean).join(' | ')] });
 }
 export function FeedLine({ incidents }) {
@@ -32,12 +40,12 @@ function statusLabel(m) {
 export function MatchRow({ m, incidents, compact }) {
     if (m.status === 'upcoming') {
         if (compact) {
-            return _jsxs(Text, { dimColor: true, children: ["\u25CB ", homeTag(m.home.code, m.home.national), " \u2014 ", awayTag(m.away.code, m.away.national), " ", formatKickoff(m.startTimestamp)] });
+            return _jsxs(Text, { dimColor: true, children: ["\u25CB ", homeName(m.home), " \u2014 ", awayName(m.away), " ", formatKickoff(m.startTimestamp)] });
         }
-        return (_jsxs(Text, { children: [_jsxs(Text, { dimColor: true, children: ["\u25CB ", formatKickoff(m.startTimestamp).padEnd(13)] }), homeTag(m.home.code, m.home.national), " \u2014 ", awayTag(m.away.code, m.away.national), m.group ? _jsxs(Text, { dimColor: true, children: ["  \u00B7  ", m.group] }) : null] }));
+        return (_jsxs(Text, { children: [_jsxs(Text, { dimColor: true, children: ["\u25CB ", kickoffColumn(m.startTimestamp)] }), homeName(m.home), " \u2014 ", awayName(m.away), m.group ? _jsxs(Text, { dimColor: true, children: ["  \u00B7  ", m.group] }) : null] }));
     }
     if (compact) {
-        return (_jsxs(Text, { children: [_jsx(Text, { color: m.status === 'finished' ? undefined : ACCENT, children: "\u23FA" }), _jsxs(Text, { dimColor: true, children: [" ", statusLabel(m), " "] }), homeTag(m.home.code, m.home.national), " ", _jsxs(Text, { bold: true, color: ACCENT, children: [m.homeScore ?? '–', "\u2014", m.awayScore ?? '–'] }), " ", awayTag(m.away.code, m.away.national), m.varInProgress ? _jsx(Text, { dimColor: true, children: " \u2696" }) : null] }));
+        return (_jsxs(Text, { children: [_jsx(Text, { color: m.status === 'finished' ? undefined : ACCENT, children: "\u23FA" }), _jsxs(Text, { dimColor: true, children: [" ", statusLabel(m), " "] }), homeName(m.home), " ", _jsxs(Text, { bold: true, color: ACCENT, children: [m.homeScore ?? '–', "\u2014", m.awayScore ?? '–'] }), " ", awayName(m.away), m.varInProgress ? _jsx(Text, { dimColor: true, children: " \u2696" }) : null] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: m.status === 'finished' ? undefined : ACCENT, children: "\u23FA" }), _jsxs(Text, { bold: m.status !== 'finished', dimColor: m.status === 'finished', children: [" ", statusLabel(m)] }), m.group ? _jsxs(Text, { dimColor: true, children: ["  \u00B7  ", m.group] }) : null, m.varInProgress ? _jsx(Text, { dimColor: true, children: "  \u00B7  \u2696 VAR" }) : null] }), _jsxs(Text, { children: ['   ', homeTag(m.home.code, m.home.national), "  ", _jsxs(Text, { bold: true, color: ACCENT, children: [m.homeScore ?? '–', " \u2014 ", m.awayScore ?? '–'] }), "  ", awayTag(m.away.code, m.away.national)] }), _jsx(ScorerLine, { incidents: incidents }), _jsx(FeedLine, { incidents: incidents })] }));
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: m.status === 'finished' ? undefined : ACCENT, children: "\u23FA" }), _jsxs(Text, { bold: m.status !== 'finished', dimColor: m.status === 'finished', children: [" ", statusLabel(m)] }), m.group ? _jsxs(Text, { dimColor: true, children: ["  \u00B7  ", m.group] }) : null, m.varInProgress ? _jsx(Text, { dimColor: true, children: "  \u00B7  \u2696 VAR" }) : null] }), _jsxs(Text, { children: ['   ', homeName(m.home), "  ", _jsxs(Text, { bold: true, color: ACCENT, children: [m.homeScore ?? '–', " \u2014 ", m.awayScore ?? '–'] }), "  ", awayName(m.away)] }), _jsx(ScorerLine, { incidents: incidents }), _jsx(FeedLine, { incidents: incidents })] }));
 }

package/dist/ui/TakeoverView.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import { GOAL_ART, VAR_ART, RED_CARD_ART, spacedCaps } from '../banner.js';
 import { ACCENT, RED } from './Header.js';
-import { homeTag, awayTag } from './flags.js';
+import { homeName, awayName } from './flags.js';
 const ART = {
     goal: { art: GOAL_ART, color: ACCENT, caption: null },
     redcard: { art: RED_CARD_ART, color: RED, caption: 'R E D   C A R D' },
@@ -17,7 +17,7 @@ export function TakeoverView({ takeover }) {
     const rows = process.stdout.rows ?? 24;
     if (rows < 14) {
         const label = kind === 'goal' ? 'G O A L' : kind === 'redcard' ? 'R E D   C A R D' : 'V A R';
-        return (_jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", height: rows - 1, children: [_jsx(Text, { bold: true, color: color, wrap: "truncate", children: label }), _jsxs(Text, { bold: true, wrap: "truncate", children: [spacedCaps(fallback), takeover.minute != null ? _jsxs(Text, { dimColor: true, children: ["  \u00B7  ", takeover.minute, "'"] }) : null] }), takeover.detail ? _jsx(Text, { dimColor: true, wrap: "truncate", children: takeover.detail }) : null, _jsxs(Text, { wrap: "truncate", children: [_jsxs(Text, { dimColor: true, children: [homeTag(match.home.code, match.home.national), "  "] }), _jsxs(Text, { bold: true, color: ACCENT, children: [takeover.homeScore, " \u2014 ", takeover.awayScore] }), _jsxs(Text, { dimColor: true, children: ["  ", awayTag(match.away.code, match.away.national)] })] })] }));
+        return (_jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", height: rows - 1, children: [_jsx(Text, { bold: true, color: color, wrap: "truncate", children: label }), _jsxs(Text, { bold: true, wrap: "truncate", children: [spacedCaps(fallback), takeover.minute != null ? _jsxs(Text, { dimColor: true, children: ["  \u00B7  ", takeover.minute, "'"] }) : null] }), takeover.detail ? _jsx(Text, { dimColor: true, wrap: "truncate", children: takeover.detail }) : null, _jsxs(Text, { wrap: "truncate", children: [_jsxs(Text, { color: "gray", children: [homeName(match.home), "  "] }), _jsxs(Text, { bold: true, color: ACCENT, children: [takeover.homeScore, " \u2014 ", takeover.awayScore] }), _jsxs(Text, { color: "gray", children: ["  ", awayName(match.away)] })] })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", height: rows - 1, children: [art.map((line, i) => (_jsx(Text, { bold: true, color: color, wrap: "truncate", children: line }, i))), caption ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { bold: true, color: color, wrap: "truncate", children: caption }) })) : null, _jsx(Box, { marginTop: 1, children: _jsxs(Text, { bold: true, children: [spacedCaps(fallback), takeover.minute != null ? _jsxs(Text, { dimColor: true, children: ["  \u00B7  ", takeover.minute, "'"] }) : null] }) }), takeover.detail ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: takeover.detail }) })) : null, _jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { dimColor: true, children: [homeTag(match.home.code, match.home.national), "  "] }), _jsxs(Text, { bold: true, color: ACCENT, children: [takeover.homeScore, " \u2014 ", takeover.awayScore] }), _jsxs(Text, { dimColor: true, children: ["  ", awayTag(match.away.code, match.away.national)] })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", height: rows - 1, children: [art.map((line, i) => (_jsx(Text, { bold: true, color: color, wrap: "truncate", children: line }, i))), caption ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { bold: true, color: color, wrap: "truncate", children: caption }) })) : null, _jsx(Box, { marginTop: 1, children: _jsxs(Text, { bold: true, children: [spacedCaps(fallback), takeover.minute != null ? _jsxs(Text, { dimColor: true, children: ["  \u00B7  ", takeover.minute, "'"] }) : null] }) }), takeover.detail ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: takeover.detail }) })) : null, _jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: "gray", children: [homeName(match.home), "  "] }), _jsxs(Text, { bold: true, color: ACCENT, children: [takeover.homeScore, " \u2014 ", takeover.awayScore] }), _jsxs(Text, { color: "gray", children: ["  ", awayName(match.away)] })] })] }));
 }

package/dist/ui/Ticker.js

@@ -1,16 +1,16 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
-import { formatKickoff } from './UpcomingSection.js';
+import { formatKickoff } from './kickoff.js';
 import { ACCENT, RED } from './Header.js';
 import { spacedCaps } from '../banner.js';
-import { homeTag, awayTag } from './flags.js';
+import { homeName, awayName } from './flags.js';
 function TickerTakeover({ t }) {
     const color = t.kind === 'redcard' ? RED : ACCENT;
     const label = t.kind === 'goal' ? 'G O A L' : t.kind === 'redcard' ? 'R E D' : 'V A R';
-    return (_jsxs(Text, { bold: true, color: color, wrap: "truncate", children: [label, " \u00B7 ", t.who ? spacedCaps(t.who) : t.detail ?? '', " \u00B7 ", homeTag(t.match.home.code, t.match.home.national), " ", t.homeScore, "\u2014", t.awayScore, " ", awayTag(t.match.away.code, t.match.away.national)] }));
+    return (_jsxs(Text, { bold: true, color: color, wrap: "truncate", children: [label, " \u00B7 ", t.who ? spacedCaps(t.who) : t.detail ?? '', " \u00B7 ", homeName(t.match.home), " ", t.homeScore, "\u2014", t.awayScore, " ", awayName(t.match.away)] }));
 }
 export function Ticker({ live, upcoming, takeover }) {
     if (takeover)
         return _jsx(TickerTakeover, { t: takeover });
-    return (_jsxs(Box, { flexDirection: "column", children: [live.slice(0, 3).map((m) => (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: ACCENT, children: "\u23FA" }), _jsxs(Text, { dimColor: true, children: [" ", m.minute != null ? `${m.minute}'` : m.status === 'halftime' ? 'HT' : m.status === 'finished' ? 'FT' : '', " "] }), homeTag(m.home.code, m.home.national), " ", _jsxs(Text, { bold: true, color: ACCENT, children: [m.homeScore ?? '–', "\u2014", m.awayScore ?? '–'] }), " ", awayTag(m.away.code, m.away.national), m.varInProgress ? _jsx(Text, { dimColor: true, children: " \u2696" }) : null] }, m.id))), upcoming[0] ? (_jsxs(Text, { dimColor: true, wrap: "truncate", children: ["\u25CB ", homeTag(upcoming[0].home.code, upcoming[0].home.national), " \u2014 ", awayTag(upcoming[0].away.code, upcoming[0].away.national), " ", formatKickoff(upcoming[0].startTimestamp)] })) : null] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [live.slice(0, 3).map((m) => (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: ACCENT, children: "\u23FA" }), _jsxs(Text, { dimColor: true, children: [" ", m.minute != null ? `${m.minute}'` : m.status === 'halftime' ? 'HT' : m.status === 'finished' ? 'FT' : '', " "] }), homeName(m.home), " ", _jsxs(Text, { bold: true, color: ACCENT, children: [m.homeScore ?? '–', "\u2014", m.awayScore ?? '–'] }), " ", awayName(m.away), m.varInProgress ? _jsx(Text, { dimColor: true, children: " \u2696" }) : null] }, m.id))), upcoming[0] ? (_jsxs(Text, { dimColor: true, wrap: "truncate", children: ["\u25CB ", homeName(upcoming[0].home), " \u2014 ", awayName(upcoming[0].away), " ", formatKickoff(upcoming[0].startTimestamp)] })) : null] }));
 }

package/dist/ui/UpcomingSection.js

@@ -1,32 +1,25 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
-import { homeTag, awayTag } from './flags.js';
+import { homeName, awayName } from './flags.js';
 import { matchPrediction } from '../predictions/match.js';
 import { fullSlate, headline } from '../predictions/format.js';
-export function formatKickoff(ts, now = Date.now()) {
-    const d = new Date(ts * 1000);
-    const time = d.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' });
-    const sameDay = d.toDateString() === new Date(now).toDateString();
-    if (sameDay)
-        return time;
-    // Within the week a weekday is enough; further out (fixtures reach ~3 weeks) add the date.
-    const soon = ts * 1000 - now < 6 * 86_400_000;
-    const day = d.toLocaleDateString(undefined, soon ? { weekday: 'short' } : { weekday: 'short', day: 'numeric', month: 'short' });
-    return `${day} ${time}`;
-}
+export { formatKickoff, kickoffColumn } from './kickoff.js';
+import { formatKickoff, kickoffColumn, kickoffWidth } from './kickoff.js';
 export function UpcomingSection({ matches, compact, predictions = [], }) {
     const shown = matches.slice(0, compact ? 1 : 8);
     if (shown.length === 0)
         return null;
+    // One column for the whole list: as wide as its longest kickoff, plus a gap.
+    const width = kickoffWidth(shown.map((m) => m.startTimestamp));
     if (compact) {
         const m = shown[0];
         const pred = matchPrediction(m, predictions);
-        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { dimColor: true, children: ["\u25CB ", homeTag(m.home.code, m.home.national), " \u2014 ", awayTag(m.away.code, m.away.national), " ", formatKickoff(m.startTimestamp)] }), pred ? _jsx(Text, { color: "yellow", children: headline(pred) }) : null] }));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { dimColor: true, children: ["\u25CB ", homeName(m.home), " \u2014 ", awayName(m.away), " ", formatKickoff(m.startTimestamp)] }), pred ? _jsx(Text, { color: "yellow", children: headline(pred) }) : null] }));
     }
     // Every fixture shows its pick; the NEXT one (shown[0]) gets the full slate.
     return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { dimColor: true, children: "UPCOMING" }), shown.map((m, i) => {
                 const pred = matchPrediction(m, predictions);
-                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsxs(Text, { dimColor: true, children: ["\u25CB ", formatKickoff(m.startTimestamp).padEnd(13)] }), homeTag(m.home.code, m.home.national), " \u2014 ", awayTag(m.away.code, m.away.national), m.group ? _jsxs(Text, { dimColor: true, children: ["  \u00B7  ", m.group] }) : null] }), pred && i === 0
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsxs(Text, { dimColor: true, children: ["\u25CB ", kickoffColumn(m.startTimestamp, Date.now(), width)] }), homeName(m.home), " \u2014 ", awayName(m.away), m.group ? _jsxs(Text, { dimColor: true, children: ["  \u00B7  ", m.group] }) : null] }), pred && i === 0
                             ? fullSlate(pred).map((ln, j) => _jsx(Text, { color: "yellow", children: ln }, j))
                             : pred
                                 ? _jsxs(Text, { color: "yellow", children: ["   ", headline(pred)] })

package/dist/ui/flags.js

@@ -45,3 +45,13 @@ export function awayTag(code, national = true) {
     const f = national ? flagFor(code) : '';
     return f ? `${f} ${code}` : code;
 }
+/** Home side by full name, for the roomy views: "Qatar 🇶🇦", or "Arsenal" for a club. */
+export function homeName(t) {
+    const f = t.national !== false ? flagFor(t.code) : '';
+    return f ? `${t.name} ${f}` : t.name;
+}
+/** Away side by full name: "🇨🇭 Switzerland", or "Liverpool" for a club. */
+export function awayName(t) {
+    const f = t.national !== false ? flagFor(t.code) : '';
+    return f ? `${f} ${t.name}` : t.name;
+}

package/dist/ui/kickoff.js

@@ -0,0 +1,24 @@
+// Kickoff times as text. Plain functions with no UI imports, so the status line
+// and the editor extension can use them without pulling in Ink.
+export function formatKickoff(ts, now = Date.now()) {
+    const d = new Date(ts * 1000);
+    const time = d.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' });
+    const sameDay = d.toDateString() === new Date(now).toDateString();
+    if (sameDay)
+        return time;
+    // Within the week a weekday is enough; further out (fixtures reach ~3 weeks) add the date.
+    const soon = ts * 1000 - now < 6 * 86_400_000;
+    const day = d.toLocaleDateString(undefined, soon ? { weekday: 'short' } : { weekday: 'short', day: 'numeric', month: 'short' });
+    return `${day} ${time}`;
+}
+/** The kickoff padded to `width` (default: fits the longest date format), always followed by a space. */
+export function kickoffColumn(ts, now = Date.now(), width = 22) {
+    const k = formatKickoff(ts, now);
+    return k.length >= width - 1 ? `${k} ` : k.padEnd(width);
+}
+/** One column width for a list of kickoffs: its longest date plus a two-space gap. */
+export function kickoffWidth(timestamps, now = Date.now()) {
+    if (timestamps.length === 0)
+        return 22;
+    return Math.max(...timestamps.map((ts) => formatKickoff(ts, now).length)) + 2;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "claudial",
-  "version": "0.7.0",
-  "description": "Live football scores for your leagues and teams, in your terminal and Claude Code's status bar — goal and red-card takeovers included",
+  "version": "0.8.0",
+  "description": "Live football for your teams in the status bar of Claude Code and Cursor CLI, plus a terminal dashboard with goal and red-card takeovers",
   "type": "module",
   "bin": {
     "claudial": "dist/index.js"
@@ -35,10 +35,13 @@
     "worldcup",
     "tui",
     "cli",
-    "football",
     "soccer",
     "live-scores",
-    "ink"
+    "ink",
+    "cursor",
+    "vscode",
+    "antigravity",
+    "statusline"
   ],
   "license": "MIT",
   "repository": {