/* HTD Soul Layer — Manifesto, Identity Arc, Crew Check-in, Weekly Debrief, Referral */
(function () {
const { useState, useEffect } = React;
const Icon = window.HTDIcon;
const { useNav, PushView, SectionLabel, Panel, Avatar, toast } = window.HTDUI;
const { StatusBar } = window.HTDShell;
const F = window.HTD_FIX;
// ---------- MANIFESTO (cinematic open, phase between boot and intro) ----------
function Manifesto() {
const nav = useNav();
const [i, setI] = useState(0);
const lines = F.manifesto;
const last = i === lines.length - 1;
useEffect(() => {
const t = setTimeout(() => { last ? nav.setPhase('intro') : setI(n => n + 1); }, 1500);
return () => clearTimeout(t);
}, [i]);
return (
last ? nav.setPhase('intro') : setI(n => n + 1)}
style={{ position:'absolute', inset:0, background:'#000', display:'flex', flexDirection:'column',
alignItems:'center', justifyContent:'center', cursor:'pointer', overflow:'hidden' }}>
{lines.map((_, j) => (
{ e.stopPropagation(); nav.setPhase('intro'); }} className="label-mono"
style={{ position:'absolute', top:58, right:20, background:'none', border:'none', cursor:'pointer', color:'var(--steel)', padding:8 }}>SKIP
nav.push('ShareStudio')}>SHARE YOUR RANK{I.daysToNext} DAYS TO {I.next} }>
YOU ARE
{I.current}
{I.creed}
THE ARC · EARNED, NEVER GIVEN
{I.ranks.map(([rank, req, earned], i) => {
const current = rank === I.current;
return (
);
})}
NEXT THRESHOLD
{I.next}
100 PROVEN DAYS · CEREMONY AWAITS
{F.identity.daysToNext}
DAYS OUT
nav.push('RankCeremony')}>PREVIEW THE CEREMONY
);
}
function RankCeremony() {
const nav = useNav();
return (
nav.pop()} style={{ position:'absolute', top:58, right:14 }}>
DAY 100 · RANK CEREMONY
YOU ARE NOW
UNBREAKABLE
100 days. 14 before dawn. 2 comebacks. Nothing was given.
{ nav.pop(); nav.push('ShareStudio'); }}>SHARE THE CEREMONYYOUR CREW GETS NOTIFIED
);
}
// ---------- CREW CHECK-IN THREAD ----------
function CrewCheckin() {
const [mine, setMine] = useState(null);
const [backed, setBacked] = useState(false);
const C = F.checkins;
const states = { IN: ['var(--acid)', '● IN'], OUT: ['var(--steel)', '○ OUT'], STRUGGLING: ['var(--amber)', '▲ STRUGGLING'] };
return (
YOUR STATUS · TODAY
{['IN','STRUGGLING','OUT'].map(s => (
{ setMine(s); toast(s==='STRUGGLING' ? 'CREW NOTIFIED · THEY’VE GOT YOU' : 'CHECKED IN · ' + s); }}
style={{ flex:1, height:44, cursor:'pointer', borderRadius:'var(--r-sm)', fontFamily:'var(--mono)', fontSize:10.5, letterSpacing:1,
background: mine===s?'rgba(152,255,16,0.08)':'var(--panel)',
border:'1px solid '+(mine===s?(s==='STRUGGLING'?'var(--amber)':'var(--acid)'):'var(--hairline-2)'),
color: mine===s?(s==='STRUGGLING'?'var(--amber)':'var(--acid)'):'var(--bone-muted)' }}>{s} ))}
STRUGGLING PINGS THE CREW. NO SHAME IN THE SIGNAL.
TODAY'S THREAD · 9/12 IN
{C.today.map(([name, col, st, note, ago], i) => (
{note}
{st==='STRUGGLING' && (
{ setBacked(true); toast('MARCUS HAS YOUR BACK-UP · '+(C.backups+1)+' CREW IN'); }}
className="label-mono" style={{ padding:'8px 12px', borderRadius:6, cursor:'pointer',
background: backed?'rgba(152,255,16,0.08)':'transparent',
border:'1px solid '+(backed?'var(--acid)':'var(--amber)'), color: backed?'var(--acid)':'var(--amber)' }}>
{backed?'✓ BACKING HIM UP':'BACK HIM UP'}
{C.backups + (backed?1:0)} CREW RESPONDED
)}
))}
CHECK-INS RESET AT EACH DROP · 05:00
);
}
// ---------- WEEKLY DEBRIEF (Claude-synthesized) ----------
function WeeklyDebrief() {
const nav = useNav(); const D = F.debrief;
const [out, setOut] = useState(null);
const [busy, setBusy] = useState(true);
useEffect(() => {
let dead = false;
(async () => {
try {
const txt = await window.claude.complete(
`You are the HTD Resilience Architect writing a weekly debrief for a discipline-training athlete. Voice: direct, short, specific, no markdown, no emoji, plain text. Week data: 6 of 7 missions proven; hardest was a fasted 10K on 6 hours sleep; one miss Tuesday (5:30AM session delayed to evening, third early-morning avoidance this month); readiness trending up (HRV +5); streak 18 days; crew completion 78%. Write EXACTLY three sections, each 1-2 sentences, separated by "|||": (1) what they proved, (2) the pattern they avoided, (3) next week's arc (keep difficulty 8.0, schedule two pre-7AM efforts).`);
if (!dead && txt) {
const parts = txt.split('|||').map(s => s.trim()).filter(Boolean);
setOut(parts.length >= 3 ? { proved: parts[0], avoided: parts[1], arc: parts[2] } : D.fallback);
} else if (!dead) setOut(D.fallback);
} catch (e) { if (!dead) setOut(D.fallback); }
if (!dead) setBusy(false);
})();
return () => { dead = true; };
}, []);
const Section = ({ label, color, text }) => (
{label}
{text}
);
return (
{ nav.pop(); }}>ACCEPT NEXT WEEK'S ARCTWO PRE-DAWN EFFORTS · NO NEGOTIATION }>
{D.week} · SUNDAY RITUAL
THE DEBRIEF
{busy ? (
) : (
)}
6/7
PROVEN
+42
SCORE
1
AVOIDED
);
}
// ---------- REFERRAL ----------
function Referral() {
const R = F.referral;
return (
toast('INVITE LINK COPIED · HTD.APP/J/'+R.code)}>COPY INVITE LINKHTD.APP/J/{R.code} }>
INVITE 3 · EARN A SHIELD
DISCIPLINE IS
{R.reward}
YOUR THREE
{R.invited.map(([name, st], i) => (
{name
? <>{name}
{st}
: <>OPEN SLOT
}
))}
PROGRESS
1 / 3 JOINED
⛨ SHIELD AT 3
LIFETIME ATHLETES RECRUITED
{R.lifetime}
);
}
window.HTDSoul = { Manifesto, IdentityArc, RankCeremony, CrewCheckin, WeeklyDebrief, Referral };
})();