/* Direction B — "Lab Console / Cognitive Instrument" The website IS the lab. A research monitoring console: live signal feed, episodes as numbered "experiments", terminal-driven question deconstruction. Less cinematic, more instrument. */ const B_W = 1440; function BHeader({ accent }) { const [t, setT] = React.useState(new Date()); React.useEffect(() => { const i = setInterval(() => setT(new Date()), 1000); return () => clearInterval(i); }, []); const stamp = t.toISOString().replace('T', ' ').slice(0, 19) + ' UTC'; return (
{/* Top status strip */}
● ONLINE SYSTEM: TQL-MAIN/0.42 SESSION: {stamp}
USER: anon-{(Math.floor(Math.random()*99999)).toString(36)} LOCALE: EN-US [ ?HELP ]
{/* Main nav */}
The Question Lab // AFTER-AI · COGNITIVE EXPERIMENTS
{[ ['HOME', '/', true], ['EPISODES', '/eps', false], ['QUESTION_INDEX', '/q', false], ['MANIFESTO', '/m', false], ['SUBSCRIBE', '/sub', false], ].map(([k, , active]) => ( {k} ))}
SIG 0.91 NSE 0.34 EP.42 ▶
); } // Hero — terminal interrogator + signal display function BHero({ accent, mouse }) { const [typed, setTyped] = React.useState(''); const [step, setStep] = React.useState(0); const [out, setOut] = React.useState(null); const [loading, setLoading] = React.useState(false); const fullQ = 'Will AI replace creativity?'; const samples = [ 'Will AI replace creativity?', 'Is consciousness just computation?', 'Can a machine be wise?', 'What is meaning, after autocomplete?', ]; const [sampleIdx, setSampleIdx] = React.useState(0); // type-out animation React.useEffect(() => { if (step !== 0) return; const cur = samples[sampleIdx]; let i = 0; setTyped(''); const t = setInterval(() => { i++; setTyped(cur.slice(0, i)); if (i >= cur.length) { clearInterval(t); setTimeout(() => setSampleIdx((s) => (s + 1) % samples.length), 2400); } }, 60); return () => clearInterval(t); }, [sampleIdx, step]); async function ask(q) { setLoading(true); setStep(1); setOut(null); try { const text = await window.claude.complete( `You are the interrogation engine of The Question Lab — cold, precise, skeptical. The user submitted a question. Do not answer. Deconstruct it. Return JSON only: { "trace": ["log line 1", "log line 2", "log line 3"], // 3 short status lines, each <60 chars, monospaced lab-log style "assumption": "one sentence, <22 words, naming the hidden assumption", "frame": "philosophy term that names the frame, 1-3 words (e.g., 'substance dualism', 'productivist epistemology')", "sub_a": "reframed question A, <14 words, ends with ?", "sub_b": "reframed question B, <14 words, ends with ?", "linked_episode": { "ep": 28, "title": "short ep title" } } User question: "${q}"` ); const json = JSON.parse(text.replace(/```json\n?|\n?```/g, '').trim()); setOut(json); } catch (e) { setOut({ trace: ['parse: ok', 'frame_detect: productivist_episteme', 're-pose: 2 candidates'], assumption: 'That creativity is a substance one entity can take from another.', frame: 'productivist epistemology', sub_a: 'What changes about creativity when scarcity ends?', sub_b: 'Whose creativity is being measured here?', linked_episode: { ep: 36, title: 'Where does meaning come from?' }, }); } setLoading(false); } return (
{/* Section label */}
▸ 00 / INTERROGATION_CONSOLE — submit a question, observe its deconstruction F1 INPUT · F2 TRACE · F3 RESULT · ESC RESET
{/* LEFT — terminal */}
tql.console  //  cognitive_instrument v0.42  //  ready
We don’t
answer questions.
We re-pose them.
{/* terminal */}
tql.interrogate  |  sh ~
$ tql --interrogate
// Type any philosophical question. The lab will not answer.
{step === 0 && (
{'>'}{' '} {typed}
)} {step === 1 && loading && (
[parsing...]
[detecting frame...]
[re-posing...]
)} {step === 1 && out && !loading && (
{out.trace?.map((l, i) => (
[{String(i + 1).padStart(2, '0')}] {l}
))}
—— frame —— {out.frame}
—— assumption ——
{out.assumption}
—— re-posed ——
A) {out.sub_a}
B) {out.sub_b}
see also: EP.{String(out.linked_episode.ep).padStart(2, '0')} — {out.linked_episode.title}
{ setStep(0); setOut(null); }} style={{ color: accent || 'var(--tql-accent)', cursor: 'pointer' }} className="link-line">[ press ESC to interrogate another ]
)}
{ if (e.key === 'Enter' && e.currentTarget.value.trim()) { ask(e.currentTarget.value.trim()); e.currentTarget.value=''; } if (e.key === 'Escape') { setStep(0); setOut(null); } }} style={{ flex: 1, background: 'transparent', border: 'none', outline: 'none', fontFamily: 'var(--font-mono)', fontSize: 14, color: '#fff', }} /> ↵ ENTER
{/* RIGHT — live signal panel */}
{/* signal interference */} {Array.from({ length: 36 }).map((_, i) => { const y = i * 22; const noise = (mouse?.x || 0) * 30; const path = Array.from({ length: 60 }).map((_, j) => { const x = j * 10; const dy = Math.sin((j + i * 0.7) * 0.3) * (4 + Math.abs(noise) * 0.4) + (j === 30 ? noise : 0); return `${j === 0 ? 'M' : 'L'} ${x} ${y + dy}`; }).join(' '); return ; })}
▸ LIVE SIGNAL · WAVEFORM RESPONDS TO CURSOR
Every question carries an assumption. Most pass undetected.
{/* small stats grid */}
{[ ['QUESTIONS RECEIVED', '14,082'], ['ASSUMPTIONS DETECTED', '13,867'], ['EPISODES PUBLISHED', '42'], ['HOURS OF LISTENING', '1,206'], ].map(([k, v]) => (
{k}
{v}
))}
{/* sample chips */}
▸ TRY ONE
{samples.map(s => ( ask(s)} style={{ padding: '8px 12px', border: '1px solid var(--tql-line-2)', fontFamily: 'var(--font-mono)', fontSize: 11, color: 'rgba(255,255,255,0.85)', cursor: 'pointer', background: 'rgba(11,11,15,0.7)' }}>"{s}" ))}
); } // Episode log — research-archive style function BEpisodeLog({ accent }) { const eps = EPISODES.slice().reverse(); const [hovered, setHovered] = React.useState(null); return (
▸ 01 / EPISODE_LOG — 42 cognitive experiments, indexed SORT: ▾ NEWEST  |  FILTER: ALL  |  VIEW: ▾ TABLE
{/* Left: table */}
EPFRAMEQUESTIONDURATION
{eps.map((e, i) => { const isHover = hovered === e.ep; return (
setHovered(e.ep)} onMouseLeave={() => setHovered(null)} style={{ display: 'grid', gridTemplateColumns: '60px 70px 1fr 100px 50px', padding: '14px 24px', alignItems: 'center', gap: 8, borderBottom: '1px solid var(--tql-line)', background: isHover ? 'rgba(198,255,0,0.04)' : 'transparent', cursor: 'pointer', transition: 'background .12s' }} > {String(e.ep).padStart(2, '0')} {e.theme} {e.title} {e.accent} {20 + (e.ep % 30)}:{(e.ep * 7 % 60).toString().padStart(2,'0')} ▶
); })}
{/* Right: preview pane */}
▸ PREVIEW  //  {hovered ? `EP.${String(hovered).padStart(2,'0')}` : 'hover an episode'}
{(() => { const e = eps.find(x => x.ep === (hovered || 42)); return ( <>
RUNTIME {20 + (e.ep % 30)} MIN · PUBLISHED {2026 - (e.ep > 30 ? 0 : 1)} · {e.theme.toUpperCase()}
In this experiment, we open a question that has been quietly answered for us by infrastructure, and ask what was lost in the translation.
); })()}
); } // Question Index — radial / tag matrix function BQuestionIndex({ accent }) { const themes = [ { name: 'COGNITION', count: 7, x: 1, y: 1 }, { name: 'SELF', count: 5, x: 2, y: 0 }, { name: 'TRUTH', count: 4, x: 3, y: 1 }, { name: 'LANGUAGE', count: 6, x: 0, y: 2 }, { name: 'FREE_WILL', count: 3, x: 4, y: 2 }, { name: 'MEANING', count: 5, x: 1, y: 3 }, { name: 'ETHICS', count: 6, x: 3, y: 3 }, { name: 'REALITY', count: 4, x: 2, y: 4 }, ]; return (
▸ 02 / QUESTION_INDEX — eight territories of philosophical inquiry 40 QUESTIONS · 8 FRAMES
{/* matrix */}
{themes.map((t) => (
{ e.currentTarget.style.borderColor = accent || 'var(--tql-accent)'; e.currentTarget.style.background = 'rgba(198,255,0,0.06)'; }} onMouseLeave={e => { e.currentTarget.style.borderColor = ''; e.currentTarget.style.background = 'rgba(11,11,15,0.7)'; }}>
{t.name}
{String(t.count).padStart(2,'0')} EPS →
))}
{/* descriptive */}
We index every episode under one of philosophy’s perennial questions — re-asked under AI conditions.
▸ THINK — what changes when something else can think for you
▸ SELF — where the I ends and the model begins
▸ LANGUAGE — whose words are these, exactly
▸ TRUTH — testimony from a system that has never lived
▸ ETHICS — responsibility when no one decided
▸ MEANING — production at zero marginal cost
▸ FREE WILL — is freedom computable
▸ REALITY — consensus or renderer
OPEN FULL INDEX →
); } // Manifesto — printout style function BManifesto({ accent }) { return (
▸ 03 / MANIFESTO — the lab’s working principles FILE 03.MANIFESTO.MD · LAST EDITED 2026-04-22
{[ ['§01', 'On asking'], ['§02', 'On not answering'], ['§03', 'On the after-AI'], ['§04', 'On responsibility'], ['§05', 'On the language we still own'], ].map(([n, t]) => (
{n} {t}
))}
§ 01 — ON ASKING
For 2,500 years, philosophy was a discipline of asking. Knowledge was rare. Authority was loud. The question, like fire, had to be tended.
Then knowledge became searchable. Opinions became autocompleted. Answers arrived before the question was finished.
What is left of thinking when its conclusion can be summoned?
This lab does not provide answers. It re-poses the question.
— THE QUESTION LAB · EST. 2026 · BEIJING / BERLIN / SF   ▸ READ §02 →
); } // Subscribe block (terminal style) function BSubscribe({ accent }) { return (
▸ 04 / SUBSCRIBE — receive one new question every Sunday 12,407 SUBSCRIBED · NO TRACKING · 1-CLICK UNSUB
One question.
Every Sunday.
Each issue: a primary text, a counter-text, and one question to take into the week. Four minutes to read. A lifetime to answer.
tql.subscribe  //  weekly_dispatch
$ tql --subscribe
// please enter your contact
{'>'}
// 4-min read · sundays · ~52/yr SUBSCRIBE [↵]
); } function BFooter({ accent }) { return (
© 2026 THE QUESTION LAB · ALL QUESTIONS RESERVED YOUTUBESPOTIFYRSSCONTACT SYSTEM v0.42 · UPTIME 312D · NO TRACKING
); } function DirectionB({ accent }) { const ref = React.useRef(null); const mouse = useMouse(ref); return (
); } Object.assign(window, { DirectionB, B_W });