/* SKOPIA Helios — AI section, anchored at #ai * Introduces Helios with real outputs from the live HeliosPanel. */ const H = { bg: '#0A0B1A', surface: '#0F1029', surfaceHigh: '#141530', surfaceActive:'#1A1D40', border: 'rgba(74,111,232,0.2)', borderSubtle: 'rgba(255,255,255,0.06)', text: '#CBD5E1', textBright: '#E2E8F0', muted: '#475569', mutedMid: '#64748B', cyan: '#1EC8D4', peri: '#4A6FE8', warn: '#D97706', fail: '#DC2626', online: '#22C55E', }; const HELIOS_MODES = [ { id: 'health', label: 'Health Insights', icon: '◈', iconGrad: 'linear-gradient(135deg,#1EC8D4,#4A6FE8,#2A4DCC)', accent: H.cyan, pillTone: 'cyan', prompt: 'Rank top schedule risks from health check data, float distribution, and critical path.', blurb: 'AI ranks risks across constraints, float, logic and pulls the top items to act on.', generatedAt: '19 May 2026, 11:40 am', blocks: [ { h: 'Zero float across all incomplete activities', p: '97 incomplete activities all carry 0 days of float, meaning every task sits on or drives the critical path. This complete absence of schedule buffer creates extreme vulnerability — any delay to any activity will immediately push the May 8, 2027 completion date. The 308-day critical path offers no flexibility for weather delays, material delivery issues, or design changes typical in residential construction.', }, { h: 'Subcontract packaging bottleneck threatens downstream procurement', p: '"Prepare Subcontract Packages" registers the highest bottleneck score (16) with 0 days float, indicating it feeds multiple downstream critical activities. This pre-construction task likely gates trades procurement, permit coordination, and construction mobilisation. A slip here cascades through foundation, framing, MEP rough-ins, and finishes — compressing an already tight schedule with no recovery margin.', }, ], }, { id: 'baseline', label: 'Baseline Variance', icon: '⇄', iconGrad: 'linear-gradient(135deg,#4A6FE8,#2A4DCC)', accent: H.peri, pillTone: 'peri', prompt: 'Compare current schedule against baseline — finish date movement, float erosion, and critical path changes.', blurb: 'Auto-drafted variance analysis with logic, float impact, and supporting evidence.', generatedAt: '19 May 2026, 11:42 am', blocks: [ { h: 'Critical path stability confirmed', p: 'Zero activities have joined or left the critical path since baseline establishment. The driving sequence of work remains unchanged, with no new constraints or dependencies emerging. Activity durations, logic ties, and resource loading have not materially shifted, preserving the critical path integrity originally modelled.', }, { h: 'Float reserves unchanged', p: 'Mean and median float values show **+0.0 days** variance between baseline and current schedules. No erosion of schedule margin has occurred across the 136-activity network. Activities retain their original buffer capacity, suggesting that interim milestones have been met on time and no cascading delays have consumed downstream float.', }, ], }, { id: 'forensic', label: 'Forensic Analysis', icon: '⚑', iconGrad: 'linear-gradient(135deg,#DC2626,#D97706)', accent: H.fail, pillTone: 'fail', prompt: 'Forensic examination — float distribution, near-critical exposure, ranked risks, and actionable recommendations. Modelled on EPC/EPCM standards.', blurb: 'Structured forensic examination modelled on EPC/EPCM planning standards.', generatedAt: '19 May 2026, 11:43 am', blocks: [ { h: 'Float distribution assessment', p: 'All 97 incomplete activities have zero float. This is not a schedule — it is a single-thread deterministic chain with no buffering, no alternative paths, and no absorption capacity. Every activity is critical. Any delay to any task directly extends project completion. The schedule has zero resilience and cannot accommodate real-world variation in productivity, weather, material delivery, or subcontractor performance.', }, { h: 'Near-critical path exposure', p: 'The concept of "near-critical" is irrelevant. There are no activities with float between 0 and 10 days because every activity has exactly 0 days float. The entire project is a 308-working-day critical path from RHB.PL.TP.0010 (Project Kickoff) to the May 2027 finish. All activities — design, procurement, construction, inspections — drive project completion with equal force.', }, ], }, ]; // Render a paragraph, turning **bold** into and activity IDs like // RHB.PL.TP.0010 into cyan code chips. const ID_RE = /\b([A-Z]{2,}(?:\.[A-Z0-9]+){2,}|[A-Z]{1,5}[\d]{3,})\b/g; const renderInsightLine = (text) => { const boldParts = text.split(/(\*\*[^*]+\*\*)/); return boldParts.map((bp, bi) => { if (/^\*\*(.+)\*\*$/.test(bp)) { return {chipify(bp.replace(/\*\*/g, ''))}; } return {chipify(bp)}; }); }; const chipify = (text) => { const out = []; let last = 0; let m; ID_RE.lastIndex = 0; while ((m = ID_RE.exec(text)) !== null) { if (m.index > last) out.push(text.slice(last, m.index)); out.push( {m[0]} ); last = ID_RE.lastIndex; } if (last < text.length) out.push(text.slice(last)); return out; }; const HeliosAvatar = ({ size = 80, animated = false, glow = true }) => ( {glow && ( ); const HeliosSection = () => { const [active, setActive] = useState(0); const [paused, setPaused] = useState(false); const [generating, setGenerating] = useState(false); const sectionRef = useRef(null); const [inView, setInView] = useState(false); useEffect(() => { const el = sectionRef.current; if (!el) return; const io = new IntersectionObserver(([e]) => setInView(e.isIntersecting), { threshold: 0.2 }); io.observe(el); return () => io.disconnect(); }, []); // Auto-cycle modes when in view; show a brief "generating" state on each switch useEffect(() => { if (!inView || paused) return; let t1, t2; t1 = setTimeout(() => { setGenerating(true); t2 = setTimeout(() => { setActive((a) => (a + 1) % HELIOS_MODES.length); setGenerating(false); }, 1100); }, 7000); return () => { clearTimeout(t1); clearTimeout(t2); }; }, [active, inView, paused]); const switchTo = (i) => { if (i === active) return; setPaused(true); setGenerating(true); setTimeout(() => { setActive(i); setGenerating(false); }, 700); }; const mode = HELIOS_MODES[active]; return (
{/* Ambient orbs */}
{/* Intro */}
Meet Helios · the SKOPIA AI Agent

Schedule intelligence,{' '} on demand.

Helios reads your schedule artefacts and produces defensible commentary — health insights, baseline variance, and EPC-grade forensic analysis. Not a chatbot. A planning analyst who never sleeps.

{/* The three modes — selectable mode cards */}
{HELIOS_MODES.map((m, i) => { const isActive = i === active; return ( ); })}
{/* The Helios Panel — replica showing real outputs */}
{/* Top gradient strip */}
{/* Header */}
SKOPIA · Helios
Residential House Build
{generating ? 'generating' : 'online'}
{/* Tab bar */}
{HELIOS_MODES.map((m, i) => { const isActive = i === active; return ( ); })}
{/* Body */}
{/* LEFT — terminal prompt */} {/* RIGHT — insight card */}
── generated {mode.generatedAt} ──
## Schedule {mode.id === 'health' ? 'Health' : mode.id === 'baseline' ? 'Baseline' : 'Forensic'} {mode.id === 'forensic' ? 'Analysis' : 'Insights'}
{mode.blocks.map((b, i) => (
{b.h}

{renderInsightLine(b.p)}

))}
{/* Footer button */}
{/* Capabilities row */}
{[ { k: 'No retraining', v: 'Works on your Schedule as-is — no labelling, no data prep.' }, { k: 'Defensible', v: 'Every claim cites the activity ID it came from. Insert with one click.' }, { k: 'EPC-aligned', v: 'Forensic mode is modelled on EPC/EPCM planning standards.' }, { k: 'In every export', v: 'Indexed automatically into your next PDF or report.' }, ].map((c) => (
{c.k}
{c.v}
))}
); }; Object.assign(window, { HeliosSection });