/* HTD Program 4 — Mission loop */
(function () {
const { useState, useEffect, useRef } = React;
const Icon = window.HTDIcon;
const { useNav, PushView, SectionLabel, Panel, GPSMap, ConfPill, MetricRow } = window.HTDUI;
const F = window.HTD_FIX;
const KV = ({k,v,c}) => ();
// ---------- MISSION DETAIL ----------
function MissionDetail() {
const nav = useNav(); const t = F.today;
const toast = window.HTDUI.toast;
const [saved, setSaved] = useState(false);
const [scaled, setScaled] = useState(false);
const foot = ;
return (
{t.category} · {scaled?'35 MIN':t.duration}{scaled?' · SCALED':''}
{scaled?'RUN 6K FASTED':t.title}
{t.subtitle}
{t.tags.map(x=>{x})}
WHY THIS BUILDS YOU
{t.lore}
WHY THIS MISSION
{t.why}
PROOF STANDARD
{[['gps','GPS + HR'],['camera','PHOTO FINISH']].map(([ic,l])=>(
{l}
))}
PROGRESSION
{t.progression}
REGRESSION
{t.regression}
SAFETY STOP CONDITIONS
{t.contra.map((c,i)=>(
{c}
))}
EXPECTED RECOVERY COST{t.recoveryCost}
);
}
// ---------- ACTIVE MISSION ----------
function ActiveMission() {
const nav = useNav(); const t = F.today;
const [sec, setSec] = useState(1132);
const [paused, setPaused] = useState(false);
const [noteOpen, setNoteOpen] = useState(false);
const [exMode, setExMode] = useState('TIMER');
const [checks, setChecks] = useState({});
useEffect(()=>{ if (paused) return; const id=setInterval(()=>setSec(s=>s+1),1000); return ()=>clearInterval(id); },[paused]);
const mm = String(Math.floor(sec/60)).padStart(2,'0'), ss = String(sec%60).padStart(2,'0');
const dist = (sec/300).toFixed(2);
const foot = (
);
return (
● {paused?'PAUSED':'LIVE'} · PHASE 2 / MAIN SET
{t.title}
{['TIMER','INTERVALS','CHECKLIST','FOCUS'].map(m=>(
))}
{exMode==='TIMER' &&
{paused?'PAUSED':'ELAPSED'}
{mm}:{ss}
}
{exMode==='INTERVALS' &&
ROUND {Math.min(8,(Math.floor(sec/90)%8)+1)} / 8 · {(sec%90)<60?'WORK':'REST'}
{String(Math.floor(((sec%90)<60?60-(sec%90):90-(sec%90))/60)).padStart(1,'0')}:{String(((sec%90)<60?60-(sec%90):90-(sec%90))%60).padStart(2,'0')}
{Array.from({length:8}).map((_,i)=>(
))}
60S WORK · 30S REST · TARGET Z4
}
{exMode==='CHECKLIST' &&
{t.protocol.map(([ph,desc],i)=>{
const on = !!checks[i];
return (
);
})}
{Object.values(checks).filter(Boolean).length} / {t.protocol.length} STEPS COMPLETE
DEEP FOCUS BLOCK · REMAINING
{String(Math.floor(Math.max(0,2700-sec)/60)).padStart(2,'0')}:{String(Math.max(0,2700-sec)%60).padStart(2,'0')}
PHONE FACE DOWN · SINGLE TASK · NO INPUTS
}
LIVE ROUTE
{noteOpen && <>
MISSION NOTE
}
PROOF REQUIREMENTS
{[['GPS track recording','on'],['Heart rate stream','on'],['Photo finish at end','pending']].map(([l,st],i)=>(
{l}
{st==='on'?'● CAPTURING':'○ PENDING'}
))}
);
}
// ---------- PROOF CAPTURE ----------
function ProofCapture() {
const nav = useNav();
const [mode, setMode] = useState('GPS MAP');
const [vis, setVis] = useState('PUBLIC');
const [anomaly, setAnomaly] = useState(false);
const [camGranted, setCamGranted] = useState(false);
const needsCam = mode==='PHOTO'||mode==='VIDEO';
const camBlocked = needsCam && !camGranted;
const modes = [['GPS MAP','gps'],['WEARABLE','watch'],['PHOTO','camera'],['VIDEO','camera'],['TIMER','timer']];
const foot = ;
return (
PROOF TYPE
{modes.map(([m,ic])=>(
))}
CAPTURE
{mode==='GPS MAP'
?
GARMIN FENIX 7● SYNCED
: camBlocked
?
CAMERA PERMISSION NEEDED
HTD needs camera access to capture {mode.toLowerCase()} proof. Your media stays private until you share it.
: }
REQUIRED PROOF
{[['GPS distance ≥ 10 KM',true],['Heart rate stream',true],['Photo finish',!anomaly]].map(([l,ok],i)=>(
{l}
))}
VISIBILITY
{['PRIVATE','CREW','PUBLIC'].map(v=>(
))}
);
}
// ---------- PROOF INTEGRITY ----------
function ProofIntegrity({ params }) {
const nav = useNav();
const anomaly = params && params.anomaly;
const checks = [
['Checksum / duplicate', true],['GPS ↔ time consistency', true],
['Pace plausibility', !anomaly],['Required proof present', true],['Media type / size', true],
];
const conf = anomaly ? 'MED' : 'HIGH';
const foot = anomaly
?
: ;
return (
{anomaly?'REVIEW REQUIRED':'PROOF ACCEPTED'}
{anomaly?'One signal looks inconsistent. Review before submitting.':'All integrity checks passed. Proof locked.'}
INTEGRITY CHECKS
{checks.map(([l,ok],i)=>(
{l}
{ok?'● PASS':'▲ FLAG'}
))}
PROOF CONFIDENCE
{anomaly?'74':'96'}%
);
}
// ---------- RATING / DEBRIEF ----------
function RatingDebrief() {
const nav = useNav();
const [rpe, setRpe] = useState(7);
const [mental, setMental] = useState(6);
const [vals, setVals] = useState({ quality:4, enjoyment:3, usefulness:5, soreness:2, repeat:4 });
const [safety, setSafety] = useState(false);
const Stars = ({k}) => (
{[1,2,3,4,5].map(n=>(
))}
);
const foot = ;
return (
PHYSICAL DIFFICULTY · {rpe}/10
setRpe(+e.target.value)} className="htd-range" style={{ width:'100%' }} />
MENTAL DIFFICULTY · {mental}/10
setMental(+e.target.value)} className="htd-range" style={{ width:'100%' }} />
OUTCOME SIGNALS
{[['Completion quality','quality'],['Enjoyment','enjoyment'],['Usefulness','usefulness'],['Soreness','soreness'],['Repeat willingness','repeat']].map(([l,k],i)=>(
{l}
))}
REFLECTION
↳ FEEDS RECOMMENDATION LEARNING ENGINE
);
}
// ---------- MISSION COMPLETE ----------
function MissionComplete() {
const nav = useNav();
const { useCountUp } = window.HTDMotion;
const score = Math.round(useCountUp(842));
const delta = Math.round(useCountUp(14, 700));
const foot = ;
return (
nav.popToRoot()} footer={foot}>
MISSION PROVEN
{F.today.title}
RESILIENCE SCORE
+{delta}
{score}
▲ FROM 828 · ELITE
{[['STREAK','19 DAYS','MAINTAINED','flame'],['CREW RANK','#2','▲ +1','crew'],['CHALLENGE','+120','HTD 30 PTS','trophy'],['PROOF','HIGH','96% CONF','shieldCheck']].map(([l,v,s,ic])=>(
{v}
{s}
))}
BACK SQUAT 5×5
STRENGTH · TOMORROW · 06:00
{cards.map(c=>(
))}
PREVIEW · {fmt}
{Object.keys(FMTS).map(f=>(
))}
{fmt==='LINK' ? (
<>
MISSION PROVEN · {F.today.title}
{hideMetrics?'10.02 KM · metrics private':'10.02 KM · 4:58 /KM · 49:52'}
HTD.APP/P/X92K4 · #PROVEIT
) : card==='HIGHLIGHT 15S' ? (
<>
AUTO-EDIT · STATS OVER PROOF FOOTAGE
KM 7 SPLIT
4:51
{hideMetrics?'METRICS PRIVATE':'HR 144 · NEGATIVE SPLIT'}
▶ 0:07 / 0:159:16 · 1:1 · 4:5
) : card==='EARN YOUR FREEDOM' ? (
NO ONE
IS COMING.
EARN YOUR
FREEDOM.
) : (
<>
MISSION
COMPLETE
{F.today.title}
PROOF · {hideMetrics?'VERIFIED':'GARMIN FENIX 7'}
)}
HARD THINGS DAILY#PROVEIT
SHARE TO
{targets.map(([l,ic])=>(
))}
);
}
window.HTDMission = { MissionDetail, ActiveMission, ProofCapture, ProofIntegrity, RatingDebrief, MissionComplete, ShareStudio };
})();