// witness.jsx — "The Witness": a teaching mode. Watch a master — Dipa Ma or Goenka —
// in a sitting OR in daily life (walking, cooking, working). Thoughts and sensations
// arise; SEE how the master meets each one — notes it, and returns to the anchor.
// Each phenomenon arises, lingers, and passes (anicca).
// ── Life trials — how a master meets day-to-day trouble ───────────
// The inner steps are illustrative reconstructions in each teacher's
// documented method; the closing words are their own (or, marked as
// "her lesson", from Dipa Ma's recorded ten lessons). Two trials are
// true biographical accounts and say so.
// ── Heavy thoughts — the real troubles that surface on the cushion.
// Each carries, per teacher, a one-line meeting (how they meet it and
// return) and the teacher's own words, drawn from the verified quote
// pools. Two are anchored in true biography and say so.
const MT_HEAVY = [
{ word: 'the shout', detail: 'a raised voice from this morning, still stinging', hue: '#FC6255',
d: 'She notes it — “anger… hurt” — wishes the one who shouted well, and lets it pass.', dq: 'Cool anger and emotional reactivity.',
g: 'He turns into the heat in the chest — neither craving nor averting — and it thins.', gq: 'Every time you react, you tie a new knot. Every time you observe, one dissolves.' },
{ word: 'the diagnosis', detail: 'the doctor’s words, dividing before from after', hue: '#7CC4FF',
d: 'She lets the fear be felt, fires no second arrow about the years to come, holds her body tenderly.', dq: 'Suffering is wanting things to be other than they are.',
g: 'Fear is only sensation — cold, hollow. He observes it, as he once observed his own incurable pain.', gq: 'Be equanimous, and you will come out of all your misery.', story: 'True: Goenka came to this path through incurable migraines.' },
{ word: 'the money', detail: 'a sum that will not add up, at 3 a.m.', hue: '#FFC78A',
d: 'Widowed, raising a child on little, she knew this clutch — she softens it, then takes one step.', dq: 'Any situation can be used for practice.',
g: 'The mind spins debt and shame; he sees projections, returns to the breath, then to the arithmetic.', gq: 'Observe reality as it is, not as you would like it to be.' },
{ word: 'the sick child', detail: 'a small fever, the long night ahead', hue: '#F2A6C2',
d: 'The fever-watch IS the practice hall — each act done completely, worry softened back into care.', dq: 'When you do anything, do it completely — as if it is the only thing you have to do.',
g: 'He does what must be done with full attention; the panic between is observed, not obeyed.', gq: 'Work patiently and persistently — you are bound to be successful.' },
{ word: 'the betrayal', detail: 'a friend’s words, reaching me secondhand', hue: '#C79BFF',
d: 'She lets it ache, unfed, declines the mind’s courtroom, and in time wishes the friend well.', dq: 'The whole path is a path of letting go.',
g: 'Each replay ties a fresh knot; he stops replaying and observes the burn until it cools.', gq: 'Remain equanimous, knowing everything changes.' },
{ word: 'the collapse', detail: 'the plan, dissolved by one phone call', hue: '#FFC78A',
d: '“Ruined” is a story; she does not believe everything the mind tells her — least of all this loud.', dq: 'Free your mind. Don’t fill it up.',
g: 'The plan was anicca too — it arose, it passed; he adjusts without paying the tax of fury.', gq: 'Do not react. Only observe, with a balanced mind.' },
{ word: 'a wave of fear', detail: 'the body bracing, as if the floor gave way', hue: '#B49CFF',
d: 'Once, in violent turbulence, she sat still — sending lovingkindness to everyone aboard. So here.', dq: 'Whatever you are doing, be aware of it.', story: 'True: passengers recall Dipa Ma calm through a terrifying flight.',
g: 'The lurch, the racing heart — vibration, arising and passing. He scans it and stays balanced.', gq: 'Anicca — everything that arises passes away.' },
{ word: 'the grief', detail: 'an emptiness where a person was', hue: '#7CC4FF',
d: 'Her path began in such loss; she did not transcend grief but witnessed each wave, till love remained.', dq: 'If you can be mindful for one moment, you can be mindful for two.', story: 'True: losing her children and husband is where Dipa Ma’s path began.',
g: 'Grief is love’s accounting; he keeps it company in the throat and chest, and wishes the departed well.', gq: 'May all beings be happy. May all beings be peaceful. May all beings be liberated.' },
];
function mindHue(sub) { return sub === 'sound' ? '#7CC4FF' : sub === 'feeling' ? '#F2A6C2' : '#B49CFF'; }
function WitnessScreen({ vp, audio, onExit }) {
useWakeLock(true); // witness sessions keep the screen awake too
const C = MT_COLORS;
const ctxPose = React.useContext(MTPoseContext);
const [teacherId, setTeacherId] = React.useState('dipama');
const [sceneId, setSceneId] = React.useState('sitting');
const [mode, setMode] = React.useState('watch'); // 'watch' (the master) | 'practice' (you note)
const [stage, setStage] = React.useState('intro');
const heavyRef = React.useRef(0); // cycles through MT_HEAVY in order
const holdUntilRef = React.useRef(0); // master dwells on a heavy thought before noting the next
const teacher = MT_SIM_TEACHERS[teacherId];
const scene = MT_SCENES[sceneId];
const [vbW, vbH] = scene.aspect;
const phenRef = React.useRef([]);
const [, force] = React.useReducer(x => x + 1, 0);
const idRef = React.useRef(1);
const statsRef = React.useRef({ arisen: 0, noted: 0 });
const arisenLogRef = React.useRef([]);
const [share, setShare] = React.useState(null);
const [narr, setNarr] = React.useState(0);
const responseRef = React.useRef(null); // { text, word, hue, until } — read in render
const [anchorPulse, setAnchorPulse] = React.useState(0);
const lastSpawnRef = React.useRef(0);
const lastTsRef = React.useRef(0);
const modeRef = React.useRef(mode);
React.useEffect(() => { modeRef.current = mode; }, [mode]);
// keep scene valid for the chosen teacher
React.useEffect(() => {
if (!teacher.scenes.includes(sceneId)) setSceneId(teacher.scenes[0]);
}, [teacherId]); // eslint-disable-line
const landscape = vp.landscape;
function spawn() {
const list = phenRef.current;
if (list.length >= 4) return;
const r = Math.random();
const hx = scene.headPos[0], hy = scene.headPos[1];
let p;
if (r < 0.4) {
const b = scene.body[Math.floor(Math.random() * scene.body.length)];
const sens = MT_SENS_MAP[b.sid] || { hue: C.teal };
p = { id: idRef.current++, kind: 'body', word: b.word, detail: b.detail, hue: sens.hue,
lx: b.pos[0] * 100, ly: b.pos[1] * 100, age: 0, life: 6000 + Math.random() * 1500, noted: false };
} else if (r < 0.66) {
const m = scene.mind[Math.floor(Math.random() * scene.mind.length)];
p = { id: idRef.current++, kind: 'mind', word: m.word, detail: m.detail, hue: '#B49CFF',
lx: hx * 100 + (Math.random() * 38 - 19), ly: Math.max(4, hy * 100 - 12 + (Math.random() * 8 - 4)),
age: 0, life: 5200 + Math.random() * 1500, noted: false };
} else {
// a heavy thought surfaces — a real trouble from life, cycled in order
const h = MT_HEAVY[heavyRef.current % MT_HEAVY.length]; heavyRef.current++;
p = { id: idRef.current++, kind: 'mind', heavy: h, word: h.word, detail: h.detail, hue: h.hue,
lx: hx * 100 + (Math.random() * 30 - 15), ly: Math.max(4, hy * 100 - 12 + (Math.random() * 6 - 3)),
age: 0, life: 7600 + Math.random() * 1500, noted: false };
}
statsRef.current.arisen++;
list.push(p);
if (arisenLogRef.current.length < 26) arisenLogRef.current.push({ kind: p.kind, hue: p.hue, lx: p.lx, ly: p.ly, word: p.word });
}
function note(p, byMaster) {
if (p.noted) return;
p.noted = true;
p.life = p.age + 820;
statsRef.current.noted++;
audio.pluck(p.kind === 'mind' ? 880 : 660, 0.07);
setAnchorPulse(x => x + 1);
if (byMaster || p.heavy) {
if (p.heavy) {
const dm = teacherId === 'dipama';
const until = performance.now() + 7000;
responseRef.current = { word: p.word, hue: p.hue, text: dm ? p.heavy.d : p.heavy.g,
quote: dm ? p.heavy.dq : p.heavy.gq, story: p.heavy.story, until };
holdUntilRef.current = until; // the master dwells before meeting the next arising
} else {
const r = teacher.responses[Math.floor(Math.random() * teacher.responses.length)];
responseRef.current = { text: `${teacher.short} ${r} ${scene.anchorLabel}`, word: p.word, hue: p.hue, until: performance.now() + 3400 };
}
}
force();
}
// lifecycle
React.useEffect(() => {
if (stage !== 'live') return;
phenRef.current = []; statsRef.current = { arisen: 0, noted: 0 }; arisenLogRef.current = [];
lastTsRef.current = performance.now(); lastSpawnRef.current = performance.now();
spawn(); if (phenRef.current[0]) phenRef.current[0].age = 2400;
force();
const id = setInterval(() => {
const now = performance.now();
const dt = Math.min(400, now - lastTsRef.current); lastTsRef.current = now;
const list = phenRef.current;
for (const p of list) {
p.age += dt;
// in watch mode, the MASTER notes each arising around mid-life
if (modeRef.current === 'watch' && !p.noted && p.age > p.life * 0.4 && now > holdUntilRef.current) note(p, true);
}
phenRef.current = list.filter(p => p.age < p.life);
const gap = 2300 + Math.random() * 1500;
if (now - lastSpawnRef.current > gap) { spawn(); lastSpawnRef.current = now; }
force();
}, 40);
return () => clearInterval(id);
// eslint-disable-next-line
}, [stage, sceneId, teacherId]);
// audio + rotating guidance
React.useEffect(() => {
if (stage !== 'live') return;
audio.bell(528); audio.fade(0.15, 3);
const id = setInterval(() => setNarr(n => n + 1), 8200);
return () => { clearInterval(id); audio.fade(0, 1.4); };
// eslint-disable-next-line
}, [stage]);
// clear stale response caption is handled in-render via responseRef.until
const phenoms = phenRef.current;
const st = statsRef.current;
const guideLine = teacher.guidance[narr % teacher.guidance.length];
const response = (responseRef.current && responseRef.current.until > performance.now()) ? responseRef.current : null;
// ── intro: choose teacher, scene, mode ──
if (stage === 'intro') {
return (
Learn meditation
Watch a master
See a sitting from inside. Ordinary thoughts and the hard ones — a shout, a worry, a grief — arise. Watch how the master meets each, and returns.
{/* teacher */}
The master
{MT_SIM_ORDER.map(id => {
const t = MT_SIM_TEACHERS[id]; const on = teacherId === id;
return (
);
})}
{teacherId === 'dipama' ? 'Dipa Ma taught awakening inside ordinary life — at the stove, with the children, at work.' : 'Goenka’s Vipassana centers on the seated body-sweep and mindful walking.'}
{/* mode */}
How to watch
{[['watch', 'Watch the master', 'See how ' + teacher.short + ' meets each arising'], ['practice', 'I note them', 'You tap each one yourself']].map(([id, t, d]) => (
))}
{mode === 'watch'
? `Not one of them was pushed away or chased. ${teacher.short} simply met each, and returned to ${scene.anchorLabel}. This is the whole practice.`
: `Each one you met arose and passed. Nothing stayed — you simply watched.`}
{figureInner}
{/* mind-field halo at the head */}
{/* attention-anchor re-pulse ring (only when the master returns) */}
{scene.figure !== 'sitting' && (
)}
{/* phenomena */}