// Use Cases — ecosystem viz + interactive explorer const USE_CASES = [ { id: 'legal', name: 'Legal AI', icon: 'M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2', beforeSteps: ['Contract upload', 'Rented LLM draft', 'Lawyer edits', 'Lost signal'], beforeProblem: 'Owns contract workflows, lawyer edits, rejected clauses — but not the model behavior. Every clause runs through a rented LLM.', afterSteps: ['Capture edits', 'Build eval sets', 'Fine-tune model', 'Owned legal AI'], signals: ['Lawyer edits → SFT examples', 'Rejected clauses → hard negatives', 'Contract workflows → eval sets', 'Domain data → owned legal model'], afterSummary: 'Lawyer edits → SFT examples. Rejected clauses → hard negatives. Contract workflows → eval sets. Domain data → owned legal model.', outcomes: ['Lower inference cost', 'Stronger domain behavior', 'Safer deployment', 'Compounding legal moat'], }, { id: 'support', name: 'Customer Support AI', icon: 'M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z', beforeSteps: ['Ticket intake', 'Generic LLM reply', 'Escalation', 'CSAT lost'], beforeProblem: 'Collects conversations, escalations, failed answers, CSAT signals — but none of it becomes model behavior. The wrapper stays frozen.', afterSteps: ['Route tickets', 'Train on failures', 'Optimize routing', 'Owned support AI'], signals: ['Routine tickets → low-cost owned models', 'Failed answers → eval cases', 'Escalations → training signals', 'CSAT → routing logic'], afterSummary: 'Routine tickets → low-cost owned models. Failed answers → eval cases. Escalations → training signals. CSAT → routing logic.', outcomes: ['Lower cost', 'Better accuracy', 'Faster resolution', 'Improving support intelligence'], }, { id: 'code', name: 'Coding Agent', icon: 'M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4', beforeSteps: ['Prompt → patch', 'Frontier model', 'Test failures', 'No memory'], beforeProblem: 'Relies on frontier models but can\'t capture accepted patches, failed tests, reverted diffs, and long-running execution state.', afterSteps: ['Trace execution', 'Capture outcomes', 'Build eval gates', 'Owned code agent'], signals: ['Accepted patches → positive examples', 'Failed tests → hard negatives', 'Tool traces → workflow memory', 'Runtime sessions → eval data'], afterSummary: 'Accepted patches → positive examples. Failed tests → hard negatives. Tool traces → workflow memory. Runtime sessions → eval data.', outcomes: ['Better code behavior', 'Safer execution', 'Stronger workflow control', 'Routing grounded in outcomes'], }, { id: 'health', name: 'Healthcare Intake', icon: 'M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z', beforeSteps: ['Patient intake', 'Generic triage', 'Nurse override', 'No audit trail'], beforeProblem: 'Needs safety, auditability, human review, escalation handling, domain-specific behavior — but runs on a generic frontier model.', afterSteps: ['Human-in-loop', 'Capture corrections', 'Eval gates', 'Owned health AI'], signals: ['Nurse edits → training data', 'Triage corrections → eval cases', 'Escalations → deployment gates', 'Outcomes → audit trail'], afterSummary: 'Nurse edits, triage corrections, escalation decisions, patient workflow outcomes → training data, eval data, and deployment gates.', outcomes: ['Safer deployment', 'Human-in-loop control', 'Stronger eval discipline', 'Traceable healthcare intelligence'], }, { id: 'sales', name: 'Sales / GTM AI', icon: 'M13 7h8m0 0v8m0-8l-8 8-4-4-6 6', beforeSteps: ['Outbound draft', 'Rented messaging', 'Reply patterns', 'CRM silo'], beforeProblem: 'Collects outbound sequences, reply patterns, objections, call notes, conversion outcomes — but the model behavior remains rented.', afterSteps: ['Capture wins/losses', 'Preference data', 'Route by signal', 'Owned GTM AI'], signals: ['Successful sequences → preference data', 'Failed replies → hard negatives', 'Conversion signals → routing logic', 'CRM workflows → eval cases'], afterSummary: 'Successful sequences → preference data. Failed replies → hard negatives. Conversion signals → routing logic. CRM workflows → eval cases.', outcomes: ['Higher conversion', 'Stronger domain messaging', 'Lower inference cost', 'Customer-owned GTM intelligence'], }, { id: 'creator', name: 'Creator / Marketing AI', icon: 'M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z', beforeSteps: ['Generate draft', 'Brand mismatch', 'Manual edits', 'No learning'], beforeProblem: 'Collects accepted content, rejected outputs, campaign conversions, brand edits, tone preferences — but the intelligence remains rented.', afterSteps: ['Capture preferences', 'Brand alignment', 'Route by outcome', 'Owned creative AI'], signals: ['Accepted outputs → preference data', 'Rejected drafts → hard negatives', 'Conversion signals → routing logic', 'Brand edits → owned behavior'], afterSummary: 'Accepted outputs → preference data. Rejected drafts → hard negatives. Conversion signals → routing logic. Brand edits → owned behavior.', outcomes: ['Brand-specific models', 'Lower generation cost', 'Better creative consistency', 'Compounding customer intelligence'], }, ]; const UseCaseIcon = ({ path, size = 20 }) => ( ); const FlowDiagram = ({ steps, variant = 'before' }) => (
{steps.map((step, i) => ( {i > 0 && }
{String(i + 1).padStart(2, '0')} {step}
))}
); // Even circular orbit around Model OS center const ORBIT_RADIUS = 31; const HUB_RADIUS = 13; const LINE_INSET = 4; const getOrbitXY = (i, count = USE_CASES.length) => { const angle = (i / count) * Math.PI * 2 - Math.PI / 2; return { x: 50 + ORBIT_RADIUS * Math.cos(angle), y: 50 + ORBIT_RADIUS * Math.sin(angle), }; }; const getLineStart = (nx, ny) => { const dx = nx - 50; const dy = ny - 50; const dist = Math.hypot(dx, dy) || 1; return { x1: 50 + (dx / dist) * HUB_RADIUS, y1: 50 + (dy / dist) * HUB_RADIUS, }; }; const getLineEnd = (nx, ny) => { const dx = nx - 50; const dy = ny - 50; const dist = Math.hypot(dx, dy) || 1; return { x2: nx - (dx / dist) * LINE_INSET, y2: ny - (dy / dist) * LINE_INSET, }; }; const renderEcoLine = (uc, i, activeId, hoveredId, isActiveLayer) => { const { x: nx, y: ny } = getOrbitXY(i); const isLit = uc.id === activeId || uc.id === hoveredId; if (isActiveLayer !== isLit) return null; const { x1, y1 } = getLineStart(nx, ny); const { x2, y2 } = getLineEnd(nx, ny); return ( ); }; const ORBIT_PATH = (() => { const steps = 64; let d = ''; for (let s = 0; s <= steps; s += 1) { const angle = (s / steps) * Math.PI * 2 - Math.PI / 2; const x = 50 + ORBIT_RADIUS * Math.cos(angle); const y = 50 + ORBIT_RADIUS * Math.sin(angle); d += `${s === 0 ? 'M' : 'L'} ${x.toFixed(2)} ${y.toFixed(2)} `; } return d + 'Z'; })(); const EcosystemViz = ({ activeId, onSelect, hoveredId, onHover }) => (
Model OS
{USE_CASES.map((uc, i) => { const { x, y } = getOrbitXY(i); const isActive = uc.id === activeId; const isHovered = uc.id === hoveredId; const enterDelay = 0.12 + i * 0.09; const floatStart = enterDelay + 0.95; return ( ); })}
); const UseCaseExplorer = ({ activeIndex, onSelect, paused }) => { const active = USE_CASES[activeIndex]; return (
Explore {!paused && Auto}
    {USE_CASES.map((uc, i) => (
    • ))}

{active.name}

Before Workflow trapped in a wrapper

{active.beforeProblem}

With Model OS Workflow data → owned intelligence
    {active.signals.map((signal) => (
  • {signal}
    • ))}
{active.outcomes.map((outcome) => ( {outcome} ))}
); }; const UseCases = () => { const [activeIndex, setActiveIndex] = React.useState(0); const [hoveredId, setHoveredId] = React.useState(null); const [paused, setPaused] = React.useState(false); React.useEffect(() => { if (paused) return undefined; const timer = setInterval(() => { setActiveIndex((i) => (i + 1) % USE_CASES.length); }, 4000); return () => clearInterval(timer); }, [paused, activeIndex]); const handleSelect = (index) => { setActiveIndex(index); }; return (
); }; window.UseCases = UseCases;