);
}
function Eyebrow({ children, color = COLORS.rust, style = {} }) {
return (
{children}
);
}
function Title({ children, color = COLORS.ink, size = TYPE_SCALE.title, style = {} }) {
return (
{children}
);
}
function Body({ children, size = TYPE_SCALE.body, color = COLORS.inkSoft, style = {} }) {
return (
{children}
);
}
function Rule({ color = COLORS.line, style = {} }) {
return ;
}
// Simple geometric vehicle icons — monochrome line, NOT illustrative.
// Bike (Haiku), Sedan (Sonnet), Moving truck (Opus).
function Vehicle({ kind, color = COLORS.ink, size = 220 }) {
const stroke = Math.max(2, size / 110);
const sw = { stroke: color, strokeWidth: stroke, fill: 'none',
strokeLinecap: 'round', strokeLinejoin: 'round' };
if (kind === 'bike') {
return (
);
}
if (kind === 'sedan') {
return (
);
}
if (kind === 'truck') {
return (
);
}
return null;
}
// ─────────────────────────────────────────────────────────────
// Slide layouts — all exported to window at bottom
// ─────────────────────────────────────────────────────────────
function TitleSlide() {
return (
Foundations · Session 02
Draft · 2026.04.18
A practical reference
Models, Tokens,<br/>
<span style={{ fontStyle: 'normal' }}>and the Weekly Limit.</span>
How to pick Haiku, Sonnet, or Opus — and why your
usage sometimes disappears faster than expected.
Claude · Cowork Curriculum
~ 30 min + Q&A
);
}
function WhyMatters({ page, total }) {
return (
Why this matters
ChatGPT migrants have never
<br/>chosen a model in their life.
Claude hands that choice back to you. Three options live
behind every conversation. Pick the wrong one and you waste
usage, wait too long, or hit weekly limits for no good reason.
);
}
function OneSentence({ page, total }) {
return (
Haiku is fast and cheap.{' '}
Sonnet is balanced.{' '}
Opus is for the hard stuff.
Every message costs tokens. Long conversations cost
more every turn. The weekly limit is a real ceiling —
match the model to the task and you’ll rarely hit it.
);
}
function SectionDivider({ number, label, title, page, total, bg = COLORS.ink, color = COLORS.paper }) {
return (
);
}
function ThreeEngines({ page, total }) {
const cols = [
{ kind: 'bike', name: 'Haiku', tag: 'The bike', blurb: 'Fast in traffic, zero fuel, wrong for road trips.' },
{ kind: 'sedan', name: 'Sonnet', tag: 'The sedan', blurb: 'Reliable, comfortable, handles 90% of what life throws at you.' },
{ kind: 'truck', name: 'Opus', tag: 'The moving truck', blurb: 'Overkill for a grocery run. Indispensable when you\u2019re moving a house.' },
];
return (