// cache-bust: 1779468723-8d9735 // ========================================================= // members.jsx — Members area dashboard (logged-in feel) // 1440 wide. Sidebar + main + right rail. // Shows progress, current lesson, locked modules, build log. // ========================================================= const DM = window.BL_DATA; const { useState: useStateM } = React; function MembersArea() { const [activeMod, setActiveMod] = useStateM('m1'); const [activeEp, setActiveEp] = useStateM('1.5'); const mod = DM.modules.find(m => m.id === activeMod); const ep = mod.episodes.find(e => e.n === activeEp) || mod.episodes[mod.episodes.length - 1]; return (
); } // ───────────────────────────────── Sidebar function MSidebar({ activeMod, activeEp, onPickMod, onPickEp }) { const totalEps = DM.modules.reduce((a, m) => a + m.episodes.length, 0); const watchedCount = 6; const pct = Math.round((watchedCount / totalEps) * 100); return ( ); } // ───────────────────────────────── Main player area function MMain({ mod, ep }) { return (
{/* breadcrumb + actions */}
MODULE {mod.n} / {mod.title.toUpperCase()} / EP {ep.n}
{/* video player */} {/* title + metadata */}

{ep.title}

{ep.dur} shipped today NEW
{/* tabs */}
{['Overview', 'Transcript', 'Code · 3 files', 'Discussion · 14'].map((t, i) => (
{t}
))}
{/* overview body -- driven by window.BL_SCRIPTS, see scripts-data.js */}
); } function MPlayer({ ep }) { return (
{/* screen-share mock */}
{/* claude window left */}
Claude · project: reloadin5
{'> '}you
Set up the GitHub MCP, point it at reloadin5, and confirm read access.
{'> '}claude
I see the repo. 1,148 commits, last push 17m ago. Add these to claude_desktop_config.json:
"github": {"{"}
  "command": "npx",
  "args": ["@modelcontextprotocol/server-github"],
  "env": {"{ \"GITHUB_TOKEN\": \""}ghp_••••••{"\" }"}
{"}"}
{/* terminal right */}
~/reloadin5 · zsh
$ cat ~/Library/Application\ Support/Claude/claude_desktop_config.json
{`{"mcpServers": { "github": { ... } }}`}
$ gh auth status
✓ Logged in to github.com as •••••••
$ ls -la .git/
total 56K · HEAD · config · refs/
{/* terminal-bottom */}
npx wrangler tail · live
GET /api/me 200 · 4ms · cf-iad
POST /api/labs/award 200 · 12ms
GET /api/ai/check 200 · 1.2s
{/* presenter face cam */}
SQ
{/* redaction pill */}
● REC · auto-redact on
{/* controls */}
02:26 / {ep.dur} chapter 02 · enable memory 1.25× CC HD
); } // ───────────────────────────────── Right rail function MRightRail({ mod, ep }) { return ( ); } // ───────────────────────────────────────────────────────────── // EpisodeOverview -- per-episode beat-sheet rendering // Sourced from window.BL_SCRIPTS (see scripts-data.js). // Falls back gracefully if a script is missing for this episode. // ───────────────────────────────────────────────────────────── function EpisodeOverview({ ep }) { const script = (window.BL_SCRIPTS || {})[ep.n]; if (!script) { return (
{'\u270E'}
Episode notes coming soon.
EP {ep.n}
); } return (
{/* LEFT COLUMN: hook + beat sheet */}
{script.hook && (
HOOK

{'\u201C'}{script.hook}{'\u201D'}

)} {script.beats && script.beats.length > 0 && (
BEAT SHEET {script.duration ? ' \u00b7 ' + script.duration : ''}
{script.beats.map((b, i) => (
{b.time || '\u2014'} {b.text}
))}
)}
{/* RIGHT COLUMN: pinned commands OR recording status placeholder */}
{script.commands ? (
{'\u2605'} PINNED COMMANDS \u00b7 COPY-PASTE 
{script.commands}
) : (
{'\u25CF'} EPISODE STATUS
Recording in progress.
The video for this episode follows the beat sheet on the left. Read first, watch when it ships.
)}
); } Object.assign(window, { MembersArea }); // cf-cache-bust: 20260522-170707