function SectionNav({show,currentSlide,dispatch,redFlags,extrasBypassed,bonusSections}){ const sectionIdx=slideToSection(show,currentSlide,redFlags,extrasBypassed,bonusSections); const rfo=redFlagSectionOffset(show,redFlags,extrasBypassed); // Count sections hidden by BYPASS EXTRAS so the operator can see at-a-glance how much is suppressed. var hiddenCount=0; if(extrasBypassed){for(var hi=0;hi {show.name&&
{show.name}
} {extrasBypassed&&
EXTRAS HIDDEN{hiddenCount?' · '+hiddenCount+' SECTIONS':''}
}
SECTIONS
{show.sections.map((sec,i)=>{ // When BYPASS EXTRAS is on, hide sections that are filtered out of the flat array entirely. if(extrasBypassed&&!sectionSurvivesBypass(sec))return null; var count=sec.slides.length; if(extrasBypassed)count=(sec.slides||[]).filter(function(sl){return!isExtraType(sl.type)}).length; else if(i===rfo.sectionIdx)count+=rfo.offset; return (
dispatch({type:'JUMP_SECTION',payload:i})}> {sec.name} {count}
); })} ); } function DoaVoteMini({topic}){ const[votes,setVotes]=useState({dead:0,alive:0}); useEffect(function(){ if(!fbdb||!topic)return; var key=topic.replace(/[^a-zA-Z0-9]/g,'_'); var ref=fbdb.ref('votes/'+key); var handler=function(snap){var v=snap.val()||{};setVotes({dead:v.dead||0,alive:v.alive||0})}; ref.on('value',handler); return function(){ref.off('value',handler)}; },[topic]); var total=votes.dead+votes.alive; var dp=total>0?Math.round(votes.dead/total*100):0; var ap=total>0?100-dp:0; return (
{votes.dead} DEAD {votes.alive} ALIVE
{total>0&&
} {total>0&&
}
{dp}% {ap}%
{total} vote{total!==1?'s':''}
); } function CurrentSlideCard({slide,slideIndex,totalSlides,revealState,dispatch}){ const revealed=(revealState[slide.id]||'hidden')==='revealed'; return (
{slide.type}
dispatch({type:'TOGGLE_REVEAL'})}>{revealed?'REVEALED':'HIDDEN'} {slideIndex+1}/{totalSlides}
{slide.content.primary||''}
{slide.content.answer&&
{slide.content.answer}
} {slide.content.source&&
{slide.content.source}
} {slide.content.secondary&&
{slide.content.secondary}
}
{slide.type==='doa_vote'&&} {slide.host_notes&&
// {slide.host_notes}
}
); } function NextSlideCard({slide}){ if(!slide)return
NEXT
END OF SHOW
; return (
NEXT
{slide.type}
{slide.content.primary||''}
); } function ScoreDisplay({scores,dispatch,scoreboardPosition,showScoreboard}){ function editScore(team){ var idx=team==='cyan'?0:1; var current=scores[idx]||0; var input=typeof prompt==='function'?prompt(team.toUpperCase()+' score',String(current)):null; if(input===null||input===undefined||input==='')return; var n=parseInt(input,10); if(isNaN(n))return; n=Math.max(0,n); var next=scores.slice();next[idx]=n; dispatch({type:'SET_SCORES',payload:next}); } function resetScores(){ if(typeof confirm==='function'&&!confirm('Reset both scores to 0?'))return; dispatch({type:'SET_SCORES',payload:[0,0]}); } return (
SCOREBOARD
CYAN
{scores[0]}
PINK
{scores[1]}
); } function GameControls({scores,dispatch,scoreboardPosition,showScoreboard,show,flatSlides,slideIndex}){ var activeSide=getActiveSide(show,flatSlides,slideIndex); return (
{activeSide&&
ACTIVE SIDE
{activeSide==='open'?'OPEN':activeSide.toUpperCase()}
{(activeSide==='cyan'||activeSide==='pink')&&} {activeSide==='open'&&
}
}
); } function TimerDisplay({onTimerAction,autoAdvanceRef,autoTimerDuration,dispatch}){ const[time,setTime]=useState(30); const[running,setRunning]=useState(false); const[pct,setPct]=useState(100); const[paused,setPaused]=useState(false); useEffect(()=>{ if(!running)return; const interval=setInterval(()=>{ const r=timerState.remaining;const t=timerState.total; if(t>0)setPct((r/t)*100); setTime(Math.ceil(r/1000)); setPaused(timerState.paused); if(!timerState.running){setRunning(false);setPct(0);setPaused(false)} },100); return()=>clearInterval(interval); },[running]); const danger=pct<33;const critical=pct<17; function startDuration(sec){ if(autoTimerDuration)autoTimerDuration.current=sec; const onEnd=function(){if(autoAdvanceRef&&autoAdvanceRef.current)dispatch({type:'NEXT_SLIDE'})}; startTimerSystem(sec,null,onEnd);setRunning(true);setPct(100);if(onTimerAction)onTimerAction('start',sec); } return (
TIMER
{running?String(Math.floor(time/60)).padStart(2,'0')+':'+String(time%60).padStart(2,'0'):'--:--'}
); } function RemoteTimerDisplay({showId,onTimerAction}){ const[timerData,setTimerData]=useState(null); const[time,setTime]=useState(0); const[pct,setPct]=useState(0); const[running,setRunning]=useState(false); const[paused,setPaused]=useState(false); const timerRef=useRef(null); useEffect(function(){ if(!fbdb||!showId)return; var ref=fbdb.ref('live/'+showId+'/timer'); ref.on('value',function(snap){ var d=snap.val(); if(!d){setTimerData(null);setRunning(false);return} setTimerData(d); if(d.action==='start'){setRunning(true);setPaused(false)} else if(d.action==='stop'){setRunning(false);setPaused(false);setPct(0);setTime(0)} else if(d.action==='pause'){setPaused(true)} else if(d.action==='resume'){setPaused(false)} }); return function(){ref.off()}; },[showId]); useEffect(function(){ if(!running||!timerData)return; function tick(){ var d=timerData; if(!d||d.action==='stop'){setRunning(false);return} var dur=(d.duration||0)*1000; var elapsed=Date.now()-d.timestamp; if(paused){ // When paused, show remaining at time of pause var remaining=Math.max(0,dur-elapsed); setTime(Math.ceil(remaining/1000)); setPct(dur>0?(remaining/dur)*100:0); return; } var rem=Math.max(0,dur-elapsed); setTime(Math.ceil(rem/1000)); setPct(dur>0?(rem/dur)*100:0); if(rem<=0){setRunning(false);setPct(0)} } tick(); var iv=setInterval(tick,100); return function(){clearInterval(iv)}; },[running,timerData,paused]); var danger=pct<33;var critical=pct<17; return (
TIMER
{running||paused?String(Math.floor(time/60)).padStart(2,'0')+':'+String(time%60).padStart(2,'0'):'--:--'}
); } function QuickAccessButtons(){ const base=window.location.origin; const[copied,setCopied]=useState(null); function openTab(mode){window.open(base+'/'+mode,'_blank')} function copyLink(mode){ navigator.clipboard.writeText(base+'/'+mode).then(()=>{setCopied(mode);setTimeout(()=>setCopied(null),1500)}).catch(()=>{}); } return(
QUICK ACCESS
); } // ═══════════════════════════════════════ // CROWD TEMPERATURE (Operator Panel) // ═══════════════════════════════════════ function CrowdTemperature({showId,curSlide}){ const[count,setCount]=useState(0); const[responses,setResponses]=useState(null); // Listen to companion count useEffect(function(){ if(!fbdb||!showId)return; var ref=fbdb.ref('live/'+showId+'/companions'); var handler=function(snap){var d=snap.val();setCount(d?Object.keys(d).length:0)}; ref.on('value',handler); return function(){ref.off('value',handler)}; },[showId]); // Listen to responses for current slide var isQ=curSlide&&['source_q','acronym_q','hotseat_prompt'].indexOf(curSlide.type)!==-1; var slideId=curSlide&&curSlide.id; useEffect(function(){ if(!fbdb||!showId||!isQ||!slideId){setResponses(null);return} var ref=fbdb.ref('live/'+showId+'/responses/'+slideId); var handler=function(snap){var d=snap.val();setResponses(d||{knewIt:0,noClue:0})}; ref.on('value',handler); return function(){ref.off('value',handler)}; },[showId,slideId,isQ]); var total=responses?(responses.knewIt||0)+(responses.noClue||0):0; var pct=total>0?Math.round(((responses.knewIt||0)/total)*100):0; var[flash,setFlash]=useState(null); function opVote(field){ if(!fbdb||!showId||!slideId)return; fbdb.ref('live/'+showId+'/responses/'+slideId+'/'+field).transaction(function(cur){return(cur||0)+10}); setFlash(field); setTimeout(function(){setFlash(null)},300); } return(
CROWD
{count} CONNECTED
{isQ&&responses?
{pct}% KNEW IT {100-pct}% NO CLUE
:null}
); } function ConnectionSignal(){ const[connected,setConnected]=useState(false); useEffect(()=>{ if(!fbdb)return; const ref=fbdb.ref('.info/connected'); const handler=snap=>{setConnected(!!snap.val())}; ref.on('value',handler); return()=>ref.off('value',handler); },[]); return(
{connected?'CONNECTED':'OFFLINE'}
); } function ShortcutOverlay({onClose}){ const groups=[ ['NAVIGATE',[['SPACE / \u2192','ADVANCE'],['\u2190','PREVIOUS'],['1 \u2013 9','SECTION'],['R','REVEAL'],['ESC','CLOSE']]], ['SCORES',[['Q / W','CYAN +/-'],['P / O','PINK +/-'],['S','SCOREBOARD'],['⇧S','SCORE TOP/BTM'],['G','REWARD TIER']]], ['TIMING',[['T','START TIMER'],['A','AUTO-TIMER'],['D','AUTO-ADVANCE']]], ['SOUNDBOARD',[['Z','AIRHORN'],['X','RIMSHOT'],['B','CRICKETS'],['N','SCREAM'],[',','RAIN']]], ['TOOLS',[['C','ADD GUEST'],['L','SETLIST'],['M','MUTE / UNMUTE'],['F','FULLSCREEN'],['?','SHORTCUTS']]], ]; return (
{groups.map(([title,items])=>
{title}
{items.map(([key,action])=>
{key}
{action}
)}
)}
); } function RewardTierOverlay({tier}){ if(!tier)return null; const tiers={cancel:{label:'INSTANT CANCEL',cls:'hp',border:'nb-pk'},grind:{label:'THE GRIND',cls:'hg',border:'nb-gd'},flop:{label:'THE FLOP',cls:'hs',border:'nb-wh'}}; const t=tiers[tier];if(!t)return null; return(
{t.label}
); } function AutoToggles({autoTimer,autoAdvance,setAutoTimer,setAutoAdvance,muted,onToggleMute,extrasBypassed,dispatch}){ function toggleExtras(){ var next=!extrasBypassed; dispatch({type:'SET_EXTRAS_BYPASSED',payload:next}); try{localStorage.setItem('lineconic_extras_bypassed',next?'1':'0')}catch(e){} } return(
CONTROLS
); } function RedFlagForm({redFlags,dispatch}){ const[expanded,setExpanded]=useState(false); const[text,setText]=useState(redFlags.join('\n')); // Sync textarea when redFlags change externally (e.g. loaded from localStorage) useEffect(function(){setText(redFlags.join('\n'))},[redFlags.length]); function handleSave(){ var flags=text.split('\n').map(function(l){return l.trim()}).filter(Boolean).slice(0,20); dispatch({type:'SET_RED_FLAGS',payload:flags}); try{localStorage.setItem('lineconic_redflags',JSON.stringify(flags))}catch(e){} } function handleClear(){ setText(''); dispatch({type:'SET_RED_FLAGS',payload:[]}); try{localStorage.removeItem('lineconic_redflags')}catch(e){} } return(
RED FLAGS {redFlags.length}/20 {expanded?'▾':'▸'}
{expanded&&