);
}
function PoolCard({ pool, meta, live, lockText, lockKind = 'neutral', statRows, cta, ctaWarning }) {
return (
{/* head */}
{pool}
{live && Live}
{meta}
{/* stats row */}
{statRows.map((s, i) => (
{s.label}
{s.value}
))}
{/* lock countdown row */}
{lockText}
{ctaWarning && (
{ctaWarning}
)}
{/* CTA */}
{cta}
);
}
// ─── The Caddie — AI dispatch card ──────────────────────────────────
// The Caddie is generated by a CLI script the commissioner runs after each
// major: `node server/cli/caddie.js --tournament=`. The script calls
// Claude Code in headless mode (`claude -p`) and inserts the JSON into
// `caddie_articles`. This card just reads the latest published row.
// The canvas demo still falls back to `window.claude.complete` so the design
// canvas works inside claude.ai's sandbox.
// Standalone prompt used only by the canvas/claude.ai sandbox path so the
// design demo has a live Caddie article without a database. The real Caddie
// dispatch is built inside `server/cli/caddie.js` with the snarky/standard
// tone defaults and pool data pulled from Supabase.
const SANDBOX_DEMO_PROMPT = `You are "The Caddie" — an AI columnist for a friends-only fantasy golf pool of 47 people. Sharp, dry, funny, almost-rude. Punch up at the winner with mock-reverence; tease members for bad picks. Avoid golf clichés. No emoji. No "folks".
CONTEXT — the major just wrapped:
- Tournament: The Masters at Augusta National (April 9–12, 2026)
- Real-world winner: Scottie Scheffler at -11
- Pool champion: Drew Petersen (@drewp) — 312.4 pts; his key pick was Scheffler ($52) → 134.2 pts
- Top 5: 1. Drew Petersen 312.4 · 2. CamBam 287.1 · 3. Marco Reyes 274.8 · 4. Sasha Patel 261.2 · 5. Henry Liu 248.9
- Biggest bust: Sahith Theegala ($42, rostered by 12 of 47, missed cut, 4.0 pts)
- Best value: Akshay Bhatia ($18, rostered by only 4 of 47, T11, 79.6 pts)
- Sunday arc: Drew sat fourth through 54 holes; Scheffler eagled 13, McIlroy bogeyed 17, Drew leapfrogged three people in 90 minutes
- Running gag: Drew has worn the green jacket to brunch every weekend since.
Body 80–110 words. One pull quote 15–25 words. Describe the Sunday roller-coaster and the bust.
Return ONLY raw JSON, no markdown fences, with these exact keys:
{ "headline": "8–12 word punchy headline", "body": "one paragraph, no line breaks", "quote": "a single pull quote" }`;
// Per-tournament accent for the Caddie card. The dispatch wears the colors of
// whichever tournament it's covering.
const CADDIE_THEMES = {
players: { accent: '#0d7c87', tint: 'rgba(13, 124, 135, 0.16)' },
masters: { accent: '#1f8a5b', tint: 'rgba(31, 138, 91, 0.16)' },
pga: { accent: '#b08d2f', tint: 'rgba(176, 141, 47, 0.16)' },
'us-open': { accent: '#c8102e', tint: 'rgba(200, 16, 46, 0.14)' },
open: { accent: '#7a2e2e', tint: 'rgba(122, 46, 46, 0.18)' },
};
function CaddieCard({ tournament }) {
// Use the passed tournament's major to pick an accent + look up the dispatch.
const majorKey = tournament?.major || 'masters';
const theme = CADDIE_THEMES[majorKey] || CADDIE_THEMES['masters'];
const [article, setArticle] = React.useState(null);
const [loading, setLoading] = React.useState(true);
const [err, setErr] = React.useState(null);
const load = React.useCallback(async (force) => {
// Cache key is per-major so switching tournaments doesn't show stale text.
const cacheKey = `caddie-article-v3:${majorKey}`;
if (!force) {
const cached = localStorage.getItem(cacheKey);
if (cached) {
try { setArticle(JSON.parse(cached)); setLoading(false); return; } catch {}
}
}
setLoading(true);
setErr(null);
try {
let json = null;
// Production path: read the latest published article for this major.
if (window.cambamApi && window.cambamApi.isConfigured && window.cambamApi.isConfigured()) {
json = await window.cambamApi.loadLatestCaddie(tournament?.id || majorKey);
}
// Design-canvas sandbox path: generate on-the-fly so the standalone
// canvas/HTML demo (NOT the production app) shows a fresh article
// without needing a database. Gated on `window.APP_MODE !== true` so
// it never fires in the real app — the production deploy sets
// APP_MODE=true before mounting React.
if (!json && window.APP_MODE !== true && typeof window.claude !== 'undefined' && window.claude.complete) {
const raw = await window.claude.complete(SANDBOX_DEMO_PROMPT);
const cleaned = raw.replace(/^```json\s*|\s*```$|^```\s*/g, '').trim();
json = JSON.parse(cleaned);
}
if (!json) throw new Error('No dispatch filed yet');
if (!json.headline || !json.body || !json.quote) throw new Error('missing keys');
setArticle(json);
localStorage.setItem(cacheKey, JSON.stringify(json));
} catch (e) {
setErr(e?.message || 'Could not load');
} finally {
setLoading(false);
}
}, []);
React.useEffect(() => { load(false); }, [load]);
// Listen for the admin's "Refresh dispatch" button (broadcast via window event).
// The CLI script writes to Supabase out-of-band; this just re-fetches.
React.useEffect(() => {
const onRegen = () => load(true);
window.addEventListener('caddie:regen', onRegen);
return () => window.removeEventListener('caddie:regen', onRegen);
}, [load]);
// Production: only show real Caddie article if one exists in Supabase.
// No static "Drew Petersen" fallback — show an honest empty state instead.
const data = article;
const tournamentName = tournament?.name || '';
const filedDate = data?.created_at ? new Date(data.created_at).toLocaleDateString('en-US', { month: 'short', day: 'numeric' }) : '';
return (