Function bodies 615 total

function Tag({ label, color = C.blue }) {
  return (<span style={{ fontFamily: font.mono, fontSize: 9, padding: "3px 8px", borderRadius: 3, background: color + "18", color, letterSpacing: "0.04em", whiteSpace: "nowrap" }}>{label}</span>);
}

function KPI({ label, value, sub, color = C.cream }) {
  return (
    <div style={{ flex: "1 1 150px", minWidth: 135, background: C.card, border: `1px solid ${C.border}`, borderRadius: 6, padding: "16px 14px 12px", position: "relative", overflow: "hidden" }}>
      <div style={{ position: "absolute", top: 0, left: 0, right: 0, height: 2, background: color, opacity: 0.5 }} />
      <div style={{ fontFamily: font.mono, fontSize: 9, color: C.creamDim, letterSpacing: "0.14em", textTransform: "uppercase", marginBottom: 6 }}>{label}</div>
      <div style={{ fontFamily: font.mono, fontSize: 22, fontWeight: 700, color, lineHeight: 1 }}>{value}</div>
      {sub && <div style={{ fontFamily: font.mono, fontSize: 10, color: C.creamDim, marginTop: 4 }}>{sub}</div>}
    </div>
  );
}

function PatternCard({ pattern, measurement, score, instrument, examples, color }) {
  return (
    <div style={{ background: C.card, borderLeft: `3px solid ${color}`, borderRadius: "0 6px 6px 0", padding: "16px 20px", marginBottom: 10 }}>
      <div style={{ display: "flex", justifyContent: "space-between", alignItems: "baseline", marginBottom: 8, flexWrap: "wrap", gap: 6 }}>
        <div style={{ fontFamily: font.display, fontSize: 15, fontWeight: 600, color: C.cream }}>{pattern}</div>
        <div style={{ fontFamily: font.mono, fontSize: 10, color }}>{score}</div>
      </div>
      <div style={{ fontFamily: font.mono, fontSize: 9, color: C.creamDim, marginBottom: 4 }}>
        {measurement} · {instrument}
      </div>
      <div style={{ display: "flex", flexWrap: "wrap", gap: 4, marginBottom: 8 }}>
        {examples.map(e => <Tag key={e.label} label={e.label} color={e.color} />)}
      </div>
      <div style={{ fontFamily: font.body, fontSize: 13, color: C.creamMid, lineHeight: 

function MediaCategory({ icon, label, color, items, patterns }) {
  return (
    <div style={{ background: C.card, border: `1px solid ${color}30`, borderRadius: 8, padding: "20px", marginBottom: 16, position: "relative", overflow: "hidden" }}>
      <div style={{ position: "absolute", top: 0, left: 0, right: 0, height: 2, background: color, opacity: 0.5 }} />
      <div style={{ display: "flex", alignItems: "center", gap: 10, marginBottom: 14 }}>
        <span style={{ fontSize: 18 }}>{icon}</span>
        <span style={{ fontFamily: font.mono, fontSize: 12, fontWeight: 600, color, letterSpacing: "0.1em", textTransform: "uppercase" }}>{label}</span>
      </div>
      <div style={{ display: "flex", flexWrap: "wrap", gap: 4, marginBottom: 12 }}>
        {items.map(i => <Tag key={i} label={i} color={color} />)}
      </div>
      <div style={{ display: "flex", flexWrap: "wrap", gap: 4 }}>
        {patterns.map(p => <Tag key={p} label={p} color={C.creamDim} />)}
      </div>
    </div>
  )

export default function SensoryDiet() {
  const [view, setView] = useState("patterns");

  return (
    <div style={{ minHeight: "100vh", background: C.navy, color: C.cream, fontFamily: font.body }}>
      <div style={{ position: "fixed", inset: 0, opacity: 0.025, pointerEvents: "none", zIndex: 0, backgroundImage: `url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")`, backgroundSize: "200px" }} />

      <div style={{ position: "relative", zIndex: 1, maxWidth: 820, margin: "0 auto", padding: "48px 24px 64px" }}>
        <div style={{ fontFamily: font.mono, fontSize: 9, color: C.amber, letterSpacing: "0.25em", textTransform: "uppercase", marginBottom: 32 }}>
          DDL · CONSOLE · The Sensory Diet
        </div>

        <h1 style={{ fontFamily: fon

function Tag({ label, color = C.blue }) {
  return (<span style={{ fontFamily: font.mono, fontSize: 9, padding: "3px 8px", borderRadius: 3, background: color + "18", color, letterSpacing: "0.04em", whiteSpace: "nowrap" }}>{label}</span>);
}

function SoundtrackCard({ title, medium, color, sonicDNA, keyArtists, emotionalFunction, listeningProfileLink, examples }) {
  const [open, setOpen] = useState(false);

  return (
    <div style={{ background: C.card, border: `1px solid ${color}25`, borderRadius: 8, marginBottom: 10, position: "relative", overflow: "hidden" }}>
      <div style={{ position: "absolute", top: 0, left: 0, right: 0, height: 2, background: color, opacity: 0.4 }} />

      <div onClick={() => setOpen(!open)} style={{ padding: "16px 20px", cursor: "pointer", userSelect: "none" }}>
        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "flex-start", flexWrap: "wrap", gap: 8, marginBottom: 8 }}>
          <div>
            <div style={{ fontFamily: font.display, fontSize: 18, fontWeight: 700, color: C.cream }}>{title}</div>
            <div style={{ fontFamily: font.mono, fontSize: 10, color, marginTop: 2 }}>{medium}</div>
          </div>
          <span style={{ fontFamily: font.m

export default function ToneFingerprintPage() {
  const [phase, setPhase] = useState("all");

  const phaseWeeks = useMemo(() => {
    if (phase === "early") return WEEKS.slice(0, 8);
    if (phase === "mid") return WEEKS.slice(8, 22);
    if (phase === "late") return WEEKS.slice(22);
    return WEEKS;
  }, [phase]);

  const daveProfile = useMemo(() => {
    const sums: Record<string, number> = {};
    phaseWeeks.forEach(w => {
      Object.entries(w.tones).forEach(([t, v]) => {
        sums[t] = (sums[t] || 0) + v;
      });
    });
    const result: Record<string, number> = {};
    Object.keys(sums).forEach(t => { result[t] = Math.round((sums[t] / phaseWeeks.length) * 10) / 10; });
    return result;
  }, [phaseWeeks]);

  const radarData = CORE_TONES.map(t => ({ tone: t, Dave: daveProfile[t] || 0, Average: BASELINE[t] || 0 }));

  const deviationData = CORE_TONES.map(t => ({
    tone: t, deviation: Math.round(((daveProfile[t] || 0) - (BASELINE[t] || 0)) * 10) / 10,
    dave: davePr

export default function VehicleFuelDashboard() {
  const [selected, setSelected] = useState(null);
  const [view, setView] = useState("dashboard");

  const totalGallons = enriched.reduce((a,b)=>a+b.gallons,0);
  const totalCost = enriched.reduce((a,b)=>a+b.totalCost,0);
  const totalMiles = enriched.reduce((a,b)=>a+b.tripMiles,0);
  const avgMPG = avg(enriched.map(e=>e.tripMPG));
  const avgPPG = avg(enriched.map(e=>e.ppg));
  const avgOdoMPG = avg(enriched.slice(1).map(e=>e.odoMPG));
  const minMPG = Math.min(...enriched.map(e=>e.tripMPG));
  const maxMPG = Math.max(...enriched.map(e=>e.tripMPG));
  const avgTemp = avg(enriched.map(e=>e.temp));
  const odometerSpan = enriched[enriched.length-1].odometer - enriched[0].odometer;

  const sel = selected !== null ? enriched[selected] : null;

  const styles = {
    root: { background:"#0D1B2A", minHeight:"100vh", color:"#F5F1EB", fontFamily:"'Space Grotesk', sans-serif", padding:0 },
    header: { background:"#10202f", borderBottom:"1px 

export async function GET() {
  const token = process.env.GITHUB_TOKEN;
  if (!token) {
    return NextResponse.json({ error: 'GITHUB_TOKEN not configured' }, { status: 500 });
  }

  const headers = {
    Authorization: `token ${token}`,
    Accept: 'application/vnd.github+json',
    'X-GitHub-Api-Version': '2022-11-28',
  };

  try {
    const [repoRes, commitsRes] = await Promise.all([
      fetch(`https://api.github.com/repos/${REPO}`, { headers, next: { revalidate: 300 } }),
      fetch(`https://api.github.com/repos/${REPO}/commits?per_page=100`, { headers, next: { revalidate: 300 } }),
    ]);

    const [repo, commits] = await Promise.all([repoRes.json(), commitsRes.json()]);

    if (repo.message) throw new Error(repo.message);
    if (!Array.isArray(commits)) throw new Error(commits.message || 'Failed to fetch commits');

    return NextResponse.json({ repo, commits });
  } catch (e) {
    const msg = e instanceof Error ? e.message : 'Unknown error';
    return NextResponse.js

export async function GET() {
  const token = process.env.VERCEL_TOKEN;
  if (!token) {
    return NextResponse.json({ error: 'VERCEL_TOKEN not configured' }, { status: 500 });
  }

  try {
    const res = await fetch('https://api.vercel.com/v6/deployments?limit=50', {
      headers: { Authorization: `Bearer ${token}` },
      next: { revalidate: 300 }, // cache 5 min
    });
    const data = await res.json();
    if (data.error) {
      return NextResponse.json({ error: data.error.message }, { status: 400 });
    }
    return NextResponse.json(data);
  } catch (e) {
    return NextResponse.json({ error: 'Failed to fetch Vercel data' }, { status: 500 });
  }
}

export default function AuditForgeBranding() {
  return (
    <div style={{ background: '#0D1B2A', minHeight: '100vh' }}>
      <BackButton />
      <iframe
        src="/preview/auditforge-brand-kit.html"
        style={{
          width: '100%',
          height: '100vh',
          border: 'none',
          display: 'block',
        }}
        title="AuditForge Brand Kit"
      />
    </div>
  );
}

export default function AuditForgeCurrent() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream, fontFamily: "'Source Serif 4', Georgia, serif" }}>
      <BackButton />

      {/* HERO */}
      <div style={{ maxWidth: 960, margin: '0 auto', padding: '80px 24px 72px' }}>
        <div style={{ display: 'flex', alignItems: 'center', gap: 24, marginBottom: 48, flexWrap: 'wrap' }}>
          <StampSeal size={88} />
          <div>
            <div style={{ fontFamily: "'Space Grotesk', sans-serif", fontWeight: 700, fontSize: '2rem', letterSpacing: '-0.02em', lineHeight: 1.1 }}>AuditForge</div>
            <div style={{ fontFamily: "'JetBrains Mono', monospace", fontSize: '0.6rem', color: C.steel, letterSpacing: '0.15em', marginTop: 6 }}>A DROPDOWN LOGISTICS PRODUCT &middot; CURRENT BUILD &middot; v0.4</div>
            <a href="https://auditforge.dev" target="_blank" rel="noopener noreferrer" style={{ fontFamily: "'JetBrains Mono', monospace", fontSize: '0

export default function AuditForgeLanding() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream, fontFamily: "'Source Serif 4', Georgia, serif" }}>
      <BackButton />

      {/* HERO */}
      <div style={{ maxWidth: 960, margin: '0 auto', padding: '80px 24px 64px' }}>
        <div style={{ display: 'flex', alignItems: 'center', gap: 24, marginBottom: 48, flexWrap: 'wrap' }}>
          <StampSeal size={80} />
          <div>
            <div style={{ fontFamily: "'Space Grotesk', sans-serif", fontWeight: 700, fontSize: '2rem', letterSpacing: '-0.02em', lineHeight: 1.1 }}>AuditForge</div>
            <div style={{ fontFamily: "'JetBrains Mono', monospace", fontSize: '0.6rem', color: C.steel, letterSpacing: '0.15em', marginTop: 6 }}>A DROPDOWN LOGISTICS PRODUCT</div>
            <a href="https://auditforge.dev" target="_blank" rel="noopener noreferrer" style={{ fontFamily: "'JetBrains Mono', monospace", fontSize: '0.65rem', color: C.teal, textDecoratio

function Counter({ end, suffix = '', duration = 2000 }) {
  const [count, setCount] = useState(0);
  const [started, setStarted] = useState(false);
  useEffect(() => { const t = setTimeout(() => setStarted(true), 300); return () => clearTimeout(t); }, []);
  useEffect(() => {
    if (!started) return;
    const steps = 60; const inc = end / steps; let cur = 0;
    const iv = setInterval(() => {
      cur += inc;
      if (cur >= end) { setCount(end); clearInterval(iv); } else setCount(Math.floor(cur));
    }, duration / steps);
    return () => clearInterval(iv);
  }, [started, end, duration]);
  return <>{count}{suffix}</>;
}

function GovCard({ color, icon, title, stat, desc, href }) {
  const [hovered, setHovered] = useState(false);
  return (
    <Link href={href}
      onMouseEnter={() => setHovered(true)}
      onMouseLeave={() => setHovered(false)}
      style={{
        display: 'block', textDecoration: 'none',
        background: hovered ? color + '08' : C.card,
        border: `1px solid ${hovered ? color + '30' : C.border}`,
        borderRadius: 8, padding: '24px 20px',
        transition: 'all 0.2s',
        transform: hovered ? 'translateY(-1px)' : 'none',
      }}
    >
      <div style={{ display: 'flex', alignItems: 'center', gap: 10, marginBottom: 12 }}>
        <span style={{ fontSize: 20 }}>{icon}</span>
        <span style={{ fontFamily: font.display, fontSize: 16, fontWeight: 600, color: C.cream }}>{title}</span>
      </div>
      <div style={{
        fontFamily: font.display, fontSize: 28, fontWeight: 700,
        color: color, marginBottom: 8,
      }}>
        {typeof stat === 'numb

function CouncilSeat({ seat, name, persona, color }) {
  return (
    <Link href={seat === '1010' ? '/council/1010' : `/council/profiles/${name.toLowerCase()}`}
      style={{
        display: 'flex', alignItems: 'center', gap: 12,
        padding: '10px 14px', borderRadius: 6,
        border: `1px solid ${C.border}`,
        textDecoration: 'none', transition: 'all 0.15s',
      }}
      onMouseEnter={e => e.currentTarget.style.borderColor = C.amber + '40'}
      onMouseLeave={e => e.currentTarget.style.borderColor = C.border}
    >
      <div style={{
        fontFamily: font.mono, fontSize: 11, color: C.amber,
        minWidth: 36,
      }}>{seat}</div>
      <div>
        <div style={{ fontFamily: font.display, fontSize: 13, fontWeight: 500, color: C.cream }}>{persona}</div>
        <div style={{ fontFamily: font.mono, fontSize: 10, color: C.creamDim }}>{name}</div>
      </div>
    </Link>
  );
}

export default function BackEnd() {
  const [mounted, setMounted] = useState(false);
  useEffect(() => setMounted(true), []);

  return (
    <div style={{
      maxWidth: 900, margin: '0 auto', padding: '60px 24px 100px',
      opacity: mounted ? 1 : 0,
      transform: mounted ? 'translateY(0)' : 'translateY(8px)',
      transition: 'all 0.6s ease',
    }}>
      {/* Header */}
      <div style={{ marginBottom: 48 }}>
        <div style={{
          fontFamily: font.mono, fontSize: 9, letterSpacing: '0.2em',
          textTransform: 'uppercase', color: C.amber, marginBottom: 12,
        }}>
          The Back Door
        </div>
        <div style={{
          fontFamily: font.display, fontSize: 32, fontWeight: 700,
          color: C.cream, marginBottom: 12, letterSpacing: '-0.5px',
        }}>
          How the Cathedral is Built
        </div>
        <div style={{
          fontFamily: font.body, fontSize: 17, color: C.creamMid,
          lineHeight: 1.8, maxWidth: 640,
        }

export default function AdobePage() {
  return (
    <ToolPage
      tool="Acrobat"
      label="ADOBE"
      icon="📄"
      tagline="It's not just a PDF viewer."
      tips={TIPS}
    />
  );
}

export default function CMDPage() {
  return (
    <ToolPage
      tool="CMD"
      label="WINDOWS"
      icon="⬛"
      tagline="The terminal that's already on your machine."
      tips={TIPS}
    />
  );
}

export default function ExcelPage() {
  return (
    <ToolPage
      tool="Excel"
      label="MICROSOFT"
      icon="📊"
      tagline="Where the real work happens."
      tips={TIPS}
    />
  );
}

export default function OneNotePage() {
  return (
    <ToolPage
      tool="OneNote"
      label="MICROSOFT"
      icon="📓"
      tagline="Stop fighting the app. Start using it."
      tips={TIPS}
    />
  );
}

export default function BenchLanding() {
  const [filter, setFilter] = useState(null);

  const filtered = filter ? TOOLS.filter(t => t.tier_counts[filter] > 0) : TOOLS;

  return (
    <div style={{ background: C.navy, minHeight: "100vh", color: C.cream, fontFamily: font.body }}>

      {/* Header */}
      <div style={{ borderBottom: `1px solid ${C.border}`, padding: "64px 48px 48px" }}>
        <p style={{ fontFamily: font.mono, fontSize: 11, letterSpacing: 3, color: C.bench, marginBottom: 16 }}>
          DROPDOWN LOGISTICS
        </p>
        <h1 style={{ fontFamily: font.display, fontSize: "clamp(56px, 8vw, 96px)", fontWeight: 800, letterSpacing: -2, lineHeight: 1, margin: "0 0 16px", color: C.cream }}>
          THE BENCH
        </h1>
        <p style={{ fontFamily: font.body, fontSize: "clamp(16px, 2vw, 20px)", color: C.creamDim, maxWidth: 560, fontStyle: "italic", margin: 0 }}>
          Operator-tested tips for tools you already use. Not documentation. Not tutorials.
      

export default function PowerShellPage() {
  return (
    <ToolPage
      tool="PowerShell"
      label="WINDOWS"
      icon="💙"
      tagline="More capable than you think."
      tips={TIPS}
    />
  );
}

export default function VisioPage() {
  return (
    <ToolPage
      tool="Visio"
      label="MICROSOFT"
      icon="🗂️"
      tagline="It does more than boxes and arrows."
      tips={TIPS}
    />
  );
}

export default function WordPage() {
  return (
    <ToolPage
      tool="Word"
      label="MICROSOFT"
      icon="📝"
      tagline="Most people use 10% of it."
      tips={TIPS}
    />
  );
}

export default function Page() {
  return <PreviewFrame src="/preview/blindspot-backtest.html" title="BlindSpot Backtest" />;
}

export default function BlindSpotBettingPage() {
  return (
    <>
      <style>{`
        *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
        :root{
          --navy:#0D1B2A;--card:#10202f;--cream:#F5F1EB;--crimson:#B23531;
          --amber:#C49A3C;--green:#22C55E;--green-light:#86EFAC;
          --steel:#6B7B8D;--slate:#4A5568;
          --border:rgba(245,241,235,0.06);--border-amber:rgba(196,154,60,0.3);
        }
        body{font-family:'Space Grotesk',sans-serif;background:var(--navy);color:var(--cream);min-height:100vh}
        a{color:inherit;text-decoration:none}
        .page-nav{padding:24px 48px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}
        .back-link{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--steel);letter-spacing:0.05em;transition:color 0.2s}
        .back-link:hover{color:var(--cream)}
        .nav-divider{color:var(--slate);font-size:10px}
        .nav-wing{font-family:'JetBrains Mono',

export default function BlindSpotCampaign() {
  const [showBrief, setShowBrief] = useState(false);

  return (
    <div style={{ background: '#0A0A0C', color: '#D4D2CD', minHeight: '100vh', paddingTop: 60, fontFamily: "'IBM Plex Sans', sans-serif" }}>
      <style>{`
        @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=IBM+Plex+Mono:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap');
        .bs-kpi:hover { border-color: #2A2A30 !important; transform: translateY(-1px); }
        .bs-flag:hover { background: rgba(255,255,255,0.01) !important; }
        .bs-quest-row:hover { background: rgba(255,107,53,0.02) !important; }
        @keyframes bsBlink { 0%,100% { opacity: 1; } 50% { opacity: 0; } }
      `}</style>

      {/* BREADCRUMB */}
      <div style={{ maxWidth: 1100, margin: '0 auto', padding: '20px 28px 0', display: 'flex', alignItems: 'center', gap: 8, fontFamily: "'IBM Plex Mono', monospace", fontSize: '0.6rem' 

export default function Page() {
  return <PreviewFrame src="/preview/local-llm-model-directory.html" title="Model Directory" />;
}

export default function Page() {
  return <PreviewFrame src="/preview/blindspot-llm-setup-campaign.html" title="BlindSpot LLM Setup" />;
}

export default function Page() {
  return <PreviewFrame src="/preview/local-llm-setup-guide.html" title="Local LLM Setup Guide" />;
}

export default function BlindSpotHub() {
  return (
    <>
      <style>{`
        *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
        :root{
          --navy:#0D1B2A;--card:#10202f;--cream:#F5F1EB;
          --amber:#C49A3C;--amber-dim:rgba(196,154,60,0.12);--amber-border:rgba(196,154,60,0.25);
          --green:#22C55E;--green-dim:rgba(34,197,94,0.1);--green-border:rgba(34,197,94,0.25);
          --steel:#6B7B8D;--slate:#4A5568;
          --border:rgba(245,241,235,0.06);
        }
        body{font-family:'Space Grotesk',sans-serif;background:var(--navy);color:var(--cream);min-height:100vh}
        a{color:inherit;text-decoration:none}
        .divider{border:none;border-top:1px solid var(--border);max-width:900px;margin:0 auto}
        @media(max-width:768px){
          .modules-grid{grid-template-columns:1fr !important}
          .hero-ctas{flex-direction:column}
          .hero-ctas a{text-align:center;justify-content:center}
        }
      `}</style>

      <B

export default function Page() {
  return <PreviewFrame src="/preview/blindspot-steam.html" title="BlindSpot Steam" />;
}

export default function Page() {
  return <PreviewFrame src="/preview/blindspot-trading.html" title="BlindSpot Trading" />;
}

export default function ConvergePage() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream }}>
      <BackButton href="/canonpress" />
      <div style={{ maxWidth: 780, margin: '0 auto', padding: '72px 24px 100px' }}>

        {/* HEADER */}
        <div style={{ marginBottom: 56 }}>
          <div style={{ fontFamily: font.mono, fontSize: 10, color: C.crimson, letterSpacing: '0.15em', marginBottom: 16 }}>
            CANONPRESS · SERIES
          </div>
          <h1 style={{ fontFamily: font.display, fontSize: 'clamp(32px, 6vw, 52px)', fontWeight: 800, margin: '0 0 16px', letterSpacing: '-0.02em' }}>
            Converge
          </h1>
          <p style={{ fontFamily: font.body, fontSize: 16, fontStyle: 'italic', color: C.creamMid, margin: '0 0 20px', lineHeight: 1.65, maxWidth: 520 }}>
            Weekly multi-model deliberation. A council seat nominates material. The corpus ingests it. The council deliberates. Dex Jr. synthesizes. The operator r

export default function CanonPressSchedule() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream }}>
      <BackButton href="/canonpress" label="CanonPress" />
      <div style={{ maxWidth: 1000, margin: '0 auto', padding: '56px 24px 80px' }}>

        {/* HEADER */}
        <div style={{ marginBottom: 48 }}>
          <div style={{ fontFamily: font.mono, fontSize: 10, color: C.crimson, letterSpacing: '0.15em', marginBottom: 12 }}>CANONPRESS · ROTATION</div>
          <h1 style={{ fontFamily: font.display, fontSize: 'clamp(28px, 5vw, 42px)', fontWeight: 800, margin: '0 0 12px', lineHeight: 1.1 }}>
            8-Week Schedule
          </h1>
          <p style={{ fontFamily: font.body, fontSize: 15, color: C.creamMid, margin: 0, maxWidth: 580, lineHeight: 1.7 }}>
            Nominators and reviewers rotate on an 8-week cycle. Fixed roles never rotate. Week 9+ repeats with domain variation.
          </p>
        </div>

        {/* FIXED ROLES */}
     

function LogCard({ log }) {
  const [open, setOpen] = useState(false);
  return (
    <div style={{
      background: C.card,
      border: `1px solid ${log.status === 'COMPLETE' ? C.crimsonMid : C.border}`,
      borderLeft: `3px solid ${log.status === 'COMPLETE' ? C.crimson : C.borderMed}`,
      borderRadius: 8, overflow: 'hidden',
    }}>
      {/* HEADER — always visible */}
      <button
        onClick={() => setOpen(o => !o)}
        style={{
          width: '100%', background: 'none', border: 'none', cursor: 'pointer',
          padding: '20px 24px', textAlign: 'left',
          display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 16,
        }}
      >
        <div style={{ flex: 1 }}>
          <div style={{ display: 'flex', alignItems: 'center', gap: 12, marginBottom: 10 }}>
            <span style={{ fontFamily: font.mono, fontSize: 11, color: C.crimson }}>WEEK {log.week}</span>
            <span style={{ fontFamily: font.mono, fontSize: 9, col

export default function CanonPressTuningLog() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream }}>
      <BackButton href="/canonpress" label="CanonPress" />
      <div style={{ maxWidth: 900, margin: '0 auto', padding: '56px 24px 80px' }}>

        {/* HEADER */}
        <div style={{ marginBottom: 48 }}>
          <div style={{ fontFamily: font.mono, fontSize: 10, color: C.crimson, letterSpacing: '0.15em', marginBottom: 12 }}>CANONPRESS · TUNING LOG</div>
          <h1 style={{ fontFamily: font.display, fontSize: 'clamp(28px, 5vw, 42px)', fontWeight: 800, margin: '0 0 12px', lineHeight: 1.1 }}>
            Prompt Tuning Log
          </h1>
          <p style={{ fontFamily: font.body, fontSize: 15, color: C.creamMid, margin: 0, maxWidth: 580, lineHeight: 1.7 }}>
            Every week, Marcus Grey (Seat 1008) analyzes the nomination prompt, the deliberation output, and what the council revealed about its own behavior. This is the construction log.

export default function DeepCut0001() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream, fontFamily: font.body }}>
      <BackButton />

      <div style={{ maxWidth: 720, margin: '0 auto', padding: '64px 24px 80px' }}>

        {/* Eyebrow */}
        <div style={{ display: 'flex', gap: 8, alignItems: 'center', marginBottom: 32, flexWrap: 'wrap' }}>
          <Link href="/canonpress" style={{ fontFamily: font.mono, fontSize: 10, color: C.muted, textDecoration: 'none', letterSpacing: '0.1em' }}>CANONPRESS</Link>
          <span style={{ color: C.border }}>&#x2F;</span>
          <Link href="/canonpress/deepcut" style={{ fontFamily: font.mono, fontSize: 10, color: C.violet, textDecoration: 'none', letterSpacing: '0.1em' }}>DEEPCUT</Link>
          <span style={{ color: C.border }}>&#x2F;</span>
          <span style={{ fontFamily: font.mono, fontSize: 10, color: C.muted, letterSpacing: '0.1em' }}>DC-0001</span>
        </div>

        {/* Artifact bad

export default function DeepCutPage() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream }}>
      <BackButton href="/canonpress" />
      <div style={{ maxWidth: 780, margin: '0 auto', padding: '72px 24px 100px' }}>

        {/* HEADER */}
        <div style={{ marginBottom: 56 }}>
          <div style={{ fontFamily: font.mono, fontSize: 10, color: C.amber, letterSpacing: '0.15em', marginBottom: 16 }}>
            CANONPRESS · SERIES
          </div>
          <h1 style={{ fontFamily: font.display, fontSize: 'clamp(32px, 6vw, 52px)', fontWeight: 800, margin: '0 0 16px', letterSpacing: '-0.02em' }}>
            DeepCut
          </h1>
          <p style={{ fontFamily: font.body, fontSize: 16, fontStyle: 'italic', color: C.creamMid, margin: '0 0 12px', lineHeight: 1.65, maxWidth: 520 }}>
            Single-model deep analysis. One voice, full depth, no council process.
          </p>
          <p style={{ fontFamily: font.body, fontSize: 14, color: C.

export default function GT002Page() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream }}>
      <BackButton href="/canonpress/groundtruth" />
      <div style={{ maxWidth: 740, margin: '0 auto', padding: '72px 24px 100px' }}>

        {/* HEADER */}
        <div style={{ marginBottom: 56 }}>
          <div style={{ display: 'flex', gap: 12, alignItems: 'center', marginBottom: 16 }}>
            <span style={{ fontFamily: font.mono, fontSize: 10, color: C.green, letterSpacing: '0.15em' }}>GROUNDTRUTH</span>
            <span style={{ fontFamily: font.mono, fontSize: 8, color: C.green, border: `1px solid ${C.green}`, borderRadius: 3, padding: '2px 6px', letterSpacing: '0.1em' }}>GT-002</span>
          </div>
          <h1 style={{ fontFamily: font.display, fontSize: 'clamp(28px, 5vw, 44px)', fontWeight: 800, margin: '0 0 16px', letterSpacing: '-0.02em', lineHeight: 1.1 }}>
            The Outfit Doesn't Kill the Idea
          </h1>
          <div sty

export default function GroundTruthPage() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream }}>
      <BackButton href="/canonpress" />
      <div style={{ maxWidth: 780, margin: '0 auto', padding: '72px 24px 100px' }}>

        {/* HEADER */}
        <div style={{ marginBottom: 56 }}>
          <div style={{ fontFamily: font.mono, fontSize: 10, color: C.green, letterSpacing: '0.15em', marginBottom: 16 }}>
            CANONPRESS · SERIES
          </div>
          <h1 style={{ fontFamily: font.display, fontSize: 'clamp(32px, 6vw, 52px)', fontWeight: 800, margin: '0 0 16px', letterSpacing: '-0.02em' }}>
            GroundTruth
          </h1>
          <p style={{ fontFamily: font.body, fontSize: 16, fontStyle: 'italic', color: C.creamMid, margin: '0 0 12px', lineHeight: 1.65, maxWidth: 520 }}>
            The operator's direct observations. No model. No synthesis. No filter.
          </p>
          <p style={{ fontFamily: font.body, fontSize: 14, co

export default function InsideInsightsPage() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream }}>
      <BackButton href="/canonpress" />
      <div style={{ maxWidth: 780, margin: '0 auto', padding: '72px 24px 100px' }}>

        {/* HEADER */}
        <div style={{ marginBottom: 56 }}>
          <div style={{ fontFamily: font.mono, fontSize: 10, color: C.amber, letterSpacing: '0.15em', marginBottom: 16 }}>
            CANONPRESS &middot; SERIES
          </div>
          <h1 style={{ fontFamily: font.display, fontSize: 'clamp(32px, 6vw, 52px)', fontWeight: 800, margin: '0 0 16px', letterSpacing: '-0.02em' }}>
            InsideInsights
          </h1>
          <p style={{ fontFamily: font.body, fontSize: 16, fontStyle: 'italic', color: C.creamMid, margin: '0 0 12px', lineHeight: 1.65, maxWidth: 520 }}>
            How the council thinks. Written from inside the process.
          </p>
          <p style={{ fontFamily: font.body, fontSize: 14, col

export default function InsideInsightsPage() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream }}>
      <BackButton href="/canonpress" />
      <div style={{ maxWidth: 780, margin: '0 auto', padding: '72px 24px 100px' }}>

        {/* HEADER */}
        <div style={{ marginBottom: 56 }}>
          <div style={{ fontFamily: font.mono, fontSize: 10, color: C.amber, letterSpacing: '0.15em', marginBottom: 16 }}>
            CANONPRESS &middot; SERIES
          </div>
          <h1 style={{ fontFamily: font.display, fontSize: 'clamp(32px, 6vw, 52px)', fontWeight: 800, margin: '0 0 16px', letterSpacing: '-0.02em' }}>
            InsideInsights
          </h1>
          <p style={{ fontFamily: font.body, fontSize: 16, fontStyle: 'italic', color: C.creamMid, margin: '0 0 12px', lineHeight: 1.65, maxWidth: 520 }}>
            How the council thinks. Written from inside the process.
          </p>
          <p style={{ fontFamily: font.body, fontSize: 14, col

export default function CanonPressPage() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream }}>
      <div style={{ maxWidth: 780, margin: '0 auto', padding: '72px 24px 100px' }}>

        {/* HEADER */}
        <div style={{ marginBottom: 64 }}>
          <div style={{ fontFamily: font.mono, fontSize: 10, color: C.crimson, letterSpacing: '0.15em', marginBottom: 16 }}>
            DDL · PUBLICATION
          </div>
          <div style={{ marginBottom: 12 }}>
            <span style={{ fontFamily: font.display, fontSize: 'clamp(40px, 7vw, 64px)', fontWeight: 800, letterSpacing: '-0.03em', color: C.cream }}>Canon</span>
            <span style={{ fontFamily: font.display, fontSize: 'clamp(40px, 7vw, 64px)', fontWeight: 800, letterSpacing: '-0.03em', color: C.crimson }}>Press</span>
          </div>
          <p style={{ fontFamily: font.body, fontSize: 17, fontStyle: 'italic', color: C.creamMid, margin: '0 0 24px', lineHeight: 1.65, maxWidth: 520 }}>
 

export default function RedLinePage() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream }}>
      <BackButton href="/canonpress" />
      <div style={{ maxWidth: 780, margin: '0 auto', padding: '72px 24px 100px' }}>

        {/* HEADER */}
        <div style={{ marginBottom: 56 }}>
          <div style={{ fontFamily: font.mono, fontSize: 10, color: C.violet, letterSpacing: '0.15em', marginBottom: 16 }}>
            CANONPRESS &middot; SERIES
          </div>
          <h1 style={{ fontFamily: font.display, fontSize: 'clamp(32px, 6vw, 52px)', fontWeight: 800, margin: '0 0 16px', letterSpacing: '-0.02em' }}>
            RedLine
          </h1>
          <p style={{ fontFamily: font.body, fontSize: 16, fontStyle: 'italic', color: C.creamMid, margin: '0 0 12px', lineHeight: 1.65, maxWidth: 520 }}>
            What AI systems won&rsquo;t do, and why.
          </p>
          <p style={{ fontFamily: font.body, fontSize: 14, color: C.creamDim, lineHeight: 1

export default function RedLine0001() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream, fontFamily: font.body }}>
      <BackButton />

      <div style={{ maxWidth: 720, margin: '0 auto', padding: '64px 24px 80px' }}>

        {/* Eyebrow */}
        <div style={{ display: 'flex', gap: 8, alignItems: 'center', marginBottom: 32, flexWrap: 'wrap' }}>
          <Link href="/canonpress" style={{ fontFamily: font.mono, fontSize: 10, color: C.muted, textDecoration: 'none', letterSpacing: '0.1em' }}>CANONPRESS</Link>
          <span style={{ color: C.border }}>&#x2F;</span>
          <Link href="/canonpress/redline" style={{ fontFamily: font.mono, fontSize: 10, color: C.crimson, textDecoration: 'none', letterSpacing: '0.1em' }}>REDLINE</Link>
          <span style={{ color: C.border }}>&#x2F;</span>
          <span style={{ fontFamily: font.mono, fontSize: 10, color: C.muted, letterSpacing: '0.1em' }}>RL-0001</span>
        </div>

        {/* Artifact ba

export default function CanonPressSchedule() {
  return (
    <div style={{ background: C.navy, minHeight: '100vh', color: C.cream }}>
      <div style={{ maxWidth: 1000, margin: '0 auto', padding: '56px 24px 80px' }}>

        {/* HEADER */}
        <div style={{ marginBottom: 48 }}>
          <div style={{ fontFamily: font.mono, fontSize: 10, color: C.crimson, letterSpacing: '0.15em', marginBottom: 12 }}>CANONPRESS · ROTATION</div>
          <h1 style={{ fontFamily: font.display, fontSize: 'clamp(28px, 5vw, 42px)', fontWeight: 800, margin: '0 0 12px', lineHeight: 1.1 }}>
            8-Week Schedule
          </h1>
          <p style={{ fontFamily: font.body, fontSize: 15, color: C.creamMid, margin: 0, maxWidth: 580, lineHeight: 1.7 }}>
            Nominators and reviewers rotate on an 8-week cycle. Fixed roles never rotate. Week 9+ repeats with domain variation.
          </p>
        </div>

        {/* FIXED ROLES */}
        <div style={{ marginBottom: 48 }}>
          <div style=

function Message({ msg }) {
  return (
    <div style={{
      borderLeft: `2px solid ${msg.color}`,
      paddingLeft: 16, marginBottom: 20,
    }}>
      <div style={{ fontFamily: font.mono, fontSize: 9, color: msg.color, letterSpacing: '0.1em', marginBottom: 8 }}>
        SEAT {msg.seat} — {msg.from.split('—')[0].trim().toUpperCase()}
      </div>
      <div style={{ fontFamily: font.body, fontSize: 13, color: C.creamMid, lineHeight: 1.75, whiteSpace: 'pre-line' }}>
        {msg.text}
      </div>
    </div>
  );
}