feat(web): rebuild streaming demo as a verified download + rename demos to concepts

apps/web/src/cache-headers.test.ts

@@ -48,7 +48,7 @@ describe('cacheHeadersMiddleware', () => {
     const mw = cacheHeadersMiddleware()
     const c = ctx('GET', new Response('placeholder'))
     const next = async () => {
-      c.res = new Response(null, { status: 301, headers: { Location: '/demos#hash' } })
+      c.res = new Response(null, { status: 301, headers: { Location: '/concepts#hash' } })
     }
 
     await mw(c, next)

apps/web/src/components/demos-tabs.tsx

@@ -72,9 +72,9 @@ const TABS: Tab[] = [
     blurb: 'Content-defined chunking ships and verifies only the parts of a file that changed.',
     body: (
       <>
-        mkit cuts big files into content-defined chunks (FastCDC), ships only the chunks that changed, and verifies each
-        one as it arrives. git re-stores the whole binary on every edit. Watch the auto-editor run, or drop in your own
-        large file.
+        mkit cuts big files into content-defined chunks (FastCDC) and verifies each one against a Bao root as it arrives
+        — corruption is caught mid-stream and re-fetched, not discovered after the download. Watch the file stream in
+        verified, or corrupt the connection and see the verifier catch it.
       </>
     ),
     Demo: StreamingDemo,
@@ -177,7 +177,7 @@ export function DemosTabs() {
           the active tab (wrapping around). Switches tabs in place rather than
           navigating away. */}
       <section className='space-y-4 pt-8'>
-        <h2 className='text-xl font-semibold tracking-tight'>More demos to explore</h2>
+        <h2 className='text-xl font-semibold tracking-tight'>More concepts to explore</h2>
         <ul className='grid gap-4 sm:grid-cols-3'>
           {upNext.map((t) => (
             <li key={t.id}>

apps/web/src/components/header.tsx

@@ -2,12 +2,12 @@ import { Link } from 'waku'
 import { GridLogo } from './grid-logo'
 import { ThemeToggle } from './theme-toggle'
 
-// Top-nav order: the combined demos playground first (it now folds in the
+// Top-nav order: the combined concepts playground first (it now folds in the
 // tree and push walkthroughs as tabs), then the doc-style pages
 // (performance, parity, specs), then the live multiplayer room. Reordering
 // the site nav is editing this list — nothing else.
 const NAV_LINKS = [
-  { to: '/demos', label: 'demos' },
+  { to: '/concepts', label: 'concepts' },
   { to: '/performance', label: 'performance' },
   { to: '/parity', label: 'parity' },
   { to: '/specs', label: 'specs' },