/* global React, ReactDOM, Gauge, Icon, BrandMark, TweaksPanel, useTweaks, TweakSection, TweakRadio */ const { useState, useEffect, useRef, useMemo } = React; const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "theme": "dark", "accent": "cyan" }/*EDITMODE-END*/; function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); // sync theme to useEffect(() => { document.body.classList.toggle('theme-dark', t.theme === 'dark'); document.body.classList.toggle('theme-light', t.theme === 'light'); }, [t.theme]); // accent variants useEffect(() => { const root = document.documentElement; if (t.accent === 'amber') { root.style.setProperty('--cyan', '#f59e0b'); root.style.setProperty('--cyan-2', '#fbbf24'); } else if (t.accent === 'green') { root.style.setProperty('--cyan', '#10b981'); root.style.setProperty('--cyan-2', '#34d399'); } else { root.style.removeProperty('--cyan'); root.style.removeProperty('--cyan-2'); } }, [t.accent]); // animated gauge state const scenarios = useMemo(() => ([ { score: 38, label: 'COMPOSITE RISK', drivers: [ { name: 'BOP_PRESSURE', v: 22 }, { name: 'PERIMETER', v: 41 }, { name: 'WIND_LOAD', v: 35 }, { name: 'PIPE_TENSION', v: 18 }, ], }, { score: 67, label: 'DRIVER · WIND_LOAD', drivers: [ { name: 'BOP_PRESSURE', v: 28 }, { name: 'PERIMETER', v: 52 }, { name: 'WIND_LOAD', v: 84 }, { name: 'PIPE_TENSION', v: 36 }, ], }, { score: 82, label: 'DRIVER · PERIMETER', drivers: [ { name: 'BOP_PRESSURE', v: 41 }, { name: 'PERIMETER', v: 91 }, { name: 'WIND_LOAD', v: 62 }, { name: 'PIPE_TENSION', v: 48 }, ], }, { score: 51, label: 'DRIVER · BOP_PRESSURE', drivers: [ { name: 'BOP_PRESSURE', v: 73 }, { name: 'PERIMETER', v: 38 }, { name: 'WIND_LOAD', v: 44 }, { name: 'PIPE_TENSION', v: 29 }, ], }, ]), []); const [si, setSi] = useState(0); useEffect(() => { const id = setInterval(() => setSi((i) => (i + 1) % scenarios.length), 3600); return () => clearInterval(id); }, [scenarios.length]); const cur = scenarios[si]; return (
{/* NAV */}
SiteShield360 SiteShield360
Request pilot
{/* HERO */}
AI-CRV · US PATENT PENDING · 1,000+ STRESS-TEST SIMS

One trusted score.
Zero blind spots.

SiteShield360 fuses every safety signal on a drilling, production, or pipeline site into a single 0–100 composite risk score — confidence-weighted, latency-aware, and operator-ready.

Request pilot View architecture
Domains fused
20+
Decision latency
< 2s
Cycle time
1.2s scan
{/* PROBLEM */}
02 / PROBLEM

Operators are drowning in disconnected alerts.

Oil & gas sites run 20+ independent risk domains — SCADA, GPS, radar, CCTV, wireline. Each has its own monitor, threshold, and alarm tone. Humans become the integration layer. Correlations are missed, criticals are diluted, fatigue compounds.

73%
of offshore incidents involve multiple simultaneous risk factors no single system can correlate.
— UK HSE OFFSHORE 2023
$15B
in preventable global drilling NPT every year — losses caused by reactive, not predictive, risk handling.
— GLOBAL DRILLING NPT
60min
average delay between risk emergence and human detection across disconnected dashboards.
— FIELD STUDY, AVG.

Before Disconnected feeds

SCADABOP pressure low14:02:11
RADARThreat detected · 3km14:02:14
GPSVehicle speed violation14:02:17
WIRELINESource cable tension high14:02:19
CCTVMotion · zone 4 perimeter14:02:23

After Composite verification

UNIFIED SCORE
68
CRITICAL · ELEVATED
TOP DRIVER · CORRELATED PERIMETER + CABLE EVENT
CRVRecommend hold operations14:02:24
{/* HOW */}
03 / METHOD

Four stages. One score.

The CRV pipeline takes raw module scores, weights them by sensor confidence, suppresses noise, and surfaces the dominant driver — without ever letting a critical signal get diluted by averaging.

01 · INGEST

Module scoring

Each native & plug-in module (ThreatAware, OpsAware, FleetAware, HAZMAT) returns a 0–100 score with a sensor-confidence value over OPC-UA / MQTT.

02 · FILTER

Confidence & freshness

Stale, noisy, or low-confidence inputs are down-weighted. Temporal filtering removes alarm chatter before it ever reaches the operator.

03 · COMPOSE

Critical-priority fusion

Strong risks dominate the composite. Equal-weighting failures of legacy systems are eliminated — the score never hides danger behind averages.

04 · ACT

Operator view

One score. One alert level. One driver explanation. Sub-2s latency from sensor edge to decision surface — with emergency override built in.

{/* DEMO / LIVE VIEW */}
04 / LIVE VIEW

What the operator actually sees.

Immediate vs. smoothed score. Driver explanation. Confidence indicator. No hunting across screens — every signal that matters lives in one frame.

{/* MODULES */}
05 / MODULES

Native modules. Built for the workflow.

Buy one. Expand later. Every module returns the same scored, confidence-tagged signal into the composite — so adding capability never breaks the operator view.

} name="ThreatAware" sub="External threat detection" price="$20K" desc="Radar + AI vision (YOLO) fused for perimeter, drone, and FOD detection. 360° coverage with DJI AeroScope integration on the v2.0 roadmap.">
  • Multi-radar fusion
  • Drone & aerial threat ID
  • FOD / debris classification
    •  } name="OpsAware" sub="NPT prediction" price="$12K" desc="Real-time analysis of drilling and production telemetry. Stuck-pipe, kick, and equipment-degradation early warning before they become non-productive time.">
  • SCADA & OPC-UA ingest
  • Stuck-pipe early warning
  • Equipment health scoring
    •  } name="FleetAware" sub="Vehicle & driver safety" price="$8K" desc="GPS, telematics, and event-based driver behavior fused with site-context — speed, fatigue, and proximity violations corrected for terrain and operations phase.">
  • Geofence & speed events
  • Driver fatigue signals
  • Site-aware proximity
    •  } name="HAZMATAware" sub="Source & chemical safety" price="$25K" desc="Wireline source tracking, chemical inventory, and exposure modeling. Audit-grade chain-of-custody for radioactive and high-hazard sources, end-to-end.">
  • Source chain-of-custody
  • Exposure modeling
  • Inventory reconciliation
    •
    Flexible bundles · Pick one module to start Mix & match across sites Enterprise (all 4 modules)
    {/* CTA / CONTACT */}
    06 / NEXT STEP

    Turn blind spots into foresight.

    We're moving from simulation-stage to edge-hardware integration with a select group of operators and design partners. If you run 100+ wells, a drilling fleet, or a critical-infrastructure pipeline — we want to talk.

    Request pilot See modules
    IP STATUS
    US Patent Pending · PCT in progress
    VALIDATION
    1,000+ stress-test simulations · edge integration in flight
    CONTACT
    info@siteshield360.com
    setTweak('theme', v)} /> setTweak('accent', v)} />
    ); } function ModuleCard({ glyph, name, sub, price, desc, children }) { return (
    {glyph}
    {sub}

    {name}

    {desc}

    ); } // === Live dashboard mock === function LiveDashboard({ cur }) { // sparkline data — gently breathing const [tick, setTick] = useState(0); useEffect(() => { const id = setInterval(() => setTick((x) => x + 1), 800); return () => clearInterval(id); }, []); const series = useMemo(() => { const out = []; for (let i = 0; i < 60; i++) { const base = cur.score; const v = base + Math.sin((i + tick) * 0.4) * 6 + Math.cos((i + tick) * 0.13) * 4; out.push(Math.max(8, Math.min(98, v))); } return out; }, [tick, cur.score]); const w = 920, h = 180; const path = series.map((v, i) => `${i === 0 ? 'M' : 'L'} ${(i / (series.length - 1)) * w} ${h - (v / 100) * (h - 20) - 10}`).join(' '); const path2 = series.map((v, i) => { const sm = i < 4 ? v : (series[i] + series[i-1] + series[i-2] + series[i-3]) / 4; return `${i === 0 ? 'M' : 'L'} ${(i / (series.length - 1)) * w} ${h - (sm / 100) * (h - 20) - 10}`; }).join(' '); return (
    {/* topbar */}
    SITE BR-117 · OFFSHORE OPS PHASE · DRILLING · STAGE 3
    12 OF 12 FEEDS HEALTHY CONF · 0.94 {new Date().toLocaleTimeString()}
    {/* sidebar */}
    COMPOSITE
    = 75 ? 'var(--red)' : cur.score >= 55 ? 'var(--red-2)' : cur.score >= 35 ? 'var(--amber)' : 'var(--cyan)', transition: 'color .8s', }}>{Math.round(cur.score)}/100
    {cur.score >= 75 ? 'EMERGENCY' : cur.score >= 55 ? 'CRITICAL' : cur.score >= 35 ? 'ELEVATED' : 'NORMAL'}
    TOP DRIVER
    {cur.label.replace('DRIVER · ', '').replace('COMPOSITE RISK', 'Balanced')}
    contributing {Math.max(...cur.drivers.map(d => d.v))}% of composite
    RECOMMENDATION
    {cur.score >= 75 ? 'HOLD OPERATIONS · Notify on-tour engineer. Verify perimeter integrity before resume.' : cur.score >= 55 ? 'CAUTION · Reduce trip speed. Monitor driver until score normalizes.' : cur.score >= 35 ? 'OBSERVE · No action required. Confirm forecast wind window for next 2h.' : 'NORMAL · All systems within nominal envelope.'}
    {/* main */}
    SCORE · 60s WINDOW
    ━ immediate   ━ smoothed
    RES · 1.2s
    {/* horizontal bands */} {[35, 55, 75].map((b) => { const y = h - (b / 100) * (h - 20) - 10; return ; })} {[35, 55, 75].map((b) => { const y = h - (b / 100) * (h - 20) - 10; return {b}; })} {/* fill */} {/* smoothed */} {/* immediate */}
    {/* feed grid */}
    {cur.drivers.map((d) => { const c = d.v >= 70 ? 'var(--red)' : d.v >= 45 ? 'var(--amber)' : 'var(--cyan)'; return (
    {d.name}
    {d.v}
    conf 0.{80 + ((d.v * 7) % 19)}
    ); })}
    ); } ReactDOM.createRoot(document.getElementById('root')).render();