claudial 0.7.0 → 0.7.1

package/README.md

@@ -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,20 @@ 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.7.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`).
+
 ## The score, right under your prompt
 
 One command puts a live score line into Claude Code's status bar. It stays out
@@ -39,15 +53,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 +76,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
 ```
 
@@ -159,4 +173,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

@@ -110,7 +110,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

@@ -79,7 +79,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/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';
+import { kickoffColumn } from './ui/UpcomingSection.js';
+import { homeName, awayName } from './ui/flags.js';
 function line(m) {
     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)}${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([

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 { 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 './UpcomingSection.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

@@ -3,14 +3,14 @@ import { Box, Text } from 'ink';
 import { formatKickoff } from './UpcomingSection.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,6 +1,6 @@
 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()) {
@@ -14,19 +14,26 @@ export function formatKickoff(ts, now = Date.now()) {
     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);
+}
 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 = Math.max(...shown.map((m) => formatKickoff(m.startTimestamp).length)) + 2;
     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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claudial",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Live football scores for your leagues and teams, in your terminal and Claude Code's status bar — goal and red-card takeovers included",
   "type": "module",
   "bin": {