[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","69ebb62aed948191bf8c7af8f43ce533","versionInt","title","Phm Mission Webgl App","type","code/react","content","import React, { useEffect, useRef, useState } from \"react\";\nimport * as THREE from \"three\";\n\n// Project Hail Mary mission map — plain Three.js implementation.\n// Data model updated from uploaded hailmary.js.\n// Units in story/simulation data:\n// - position: light-years\n// - time: Earth-frame years\n// - speed: fraction of c\n// - origin: Sol / Earth\n// Timeline convention: T = 0 is Hail Mary launch from Earth/Sol.\n\nconst TAU = Math.PI * 2;\nconst AU_TO_LY = 1 / 63241.077;\nconst HM_ARRIVAL_T = 13.674;\nconst BLIP_ARRIVAL_T = -32.326;\nconst GRACE_AND_ROCKY_DEPART_T = 14.2;\nconst GRACE_DIVERTS_T = 14.4;\nconst BEETLES_LAUNCH_T = GRACE_DIVERTS_T;\nconst RESCUE_T = 14.8;\nconst BLIP_A_DISABLED_T = RESCUE_T;\nconst ERID_ARRIVAL_T = 26.2;\nconst BEETLES_ARRIVAL_T = 27.0;\nconst SOL_PETROVA_DISAPPEARS_T = BEETLES_ARRIVAL_T + 1;\nconst ERIDANI_PETROVA_DISAPPEARS_T = ERID_ARRIVAL_T + 1;\nconst TIMELINE_END_T = Math.max(SOL_PETROVA_DISAPPEARS_T, ERIDANI_PETROVA_DISAPPEARS_T) + 5;\nconst BLIP_A_LAUNCH_T = -44.326;\nconst ERIDANI_PETROVA_APPEARS_T = BLIP_A_LAUNCH_T - 5;\nconst RESCUE_DISTANCE_FRACTION_FROM_TAU = 0.18;\nconst BLIP_A_DISABLED_DRIFT_C = 0.18;\nconst PETROVA_LOCAL_VISUAL_BOOST = 30;\nconst EARTH_LOCAL_VISUAL_BOOST = 38;\nconst ERID_LOCAL_VISUAL_BOOST = 18;\nconst SECONDWORLD_LOCAL_VISUAL_BOOST = 24;\nconst ADRIAN_LOCAL_VISUAL_BOOST = 26;\nconst ERIDANI_WIDE_COMPANION_VISUAL_BOOST = 0.055;\nconst ERIDANI_BC_BINARY_VISUAL_BOOST = 0.18;\nconst JOHN_FAILURE_SPEED_C = 0.46;\nconst JOHN_FAILURE_DEFLECTION_DEG = 15;\nconst JOHN_FAILURE_T = BEETLES_LAUNCH_T + ((JOHN_FAILURE_SPEED_C / 0.93) * ((BEETLES_ARRIVAL_T - BEETLES_LAUNCH_T) / 2));\n\ntype ScaleMode = \"cinematic\" | \"scientific\";\ntype Kind = \"star\" | \"planet\" | \"fictional\" | \"spacecraft\" | \"probe\";\ntype Selection = { type: \"body\"; item: Body } | { type: \"route\"; item: Route } | { type: \"event\"; item: TimelineEvent } | null;\n\ntype Orbit = {\n semiMajorAU: number;\n eccentricity: number;\n periodDays: number;\n phase: number;\n inclinationDeg?: number;\n};\n\ntype Body = {\n id: string;\n name: string;\n kind: Kind;\n real: boolean;\n parent?: string;\n radius: number;\n color: string;\n emissive?: string;\n positionLy?: [number, number, number];\n orbit?: Orbit;\n source: string;\n phm: string;\n notes: string;\n};\n\ntype Route = {\n id: string;\n name: string;\n color: string;\n real: boolean;\n startT: number;\n endT: number;\n kind: \"hmOutbound\" | \"blipOutbound\" | \"blipWait\" | \"beetles\" | \"hmPlannedReturn\" | \"hmDiversion\" | \"convoyToErid\" | \"blipReturn\" | \"astrophage\" | \"astrophageEridani\" | \"petrovaSol\" | \"petrovaTau\" | \"petrovaEridani\";\n notes: string;\n};\n\ntype TimelineEvent = {\n t: number;\n eventId: string;\n ship: string;\n location: string;\n positionLy?: [number, number, number];\n description: string;\n};\n\ntype Filters = {\n real: boolean;\n fictional: boolean;\n orbits: boolean;\n paths: boolean;\n astrophage: boolean;\n historical: boolean;\n};\n\nconst systems = {\n sol: {\n id: \"sol\",\n starName: \"Sol\",\n planetName: \"Earth\",\n type: \"origin\",\n positionLy: [0.0, 0.0, 0.0] as [number, number, number],\n canonRole: \"Hail Mary origin; Earth is endangered by Solar dimming.\",\n },\n tauCeti: {\n id: \"tauCeti\",\n starName: \"Tau Ceti\",\n planetName: \"Adrian / Tau Ceti planet used for taumoeba source\",\n type: \"destination-system\",\n positionLy: [10.283, 5.019, -3.268] as [number, number, number],\n distanceFromSolLy: 11.9,\n canonRole: \"Astrophage home ecosystem; Hail Mary and Blip-A meet here.\",\n },\n fortyEridani: {\n id: \"fortyEridani\",\n starName: \"40 Eridani A\",\n planetName: \"Eridani 40 A b / Erid\",\n type: \"rocky-origin-system\",\n positionLy: [7.215, 14.675, -2.197] as [number, number, number],\n distanceFromSolLy: 16.5,\n distanceFromTauCetiLyApprox: 10.2,\n canonRole: \"40 Eridani A is the parent star of Eridani 40 A b / Erid, Rocky's home planet in this visualization.\",\n },\n};\n\nconst storyFacts = {\n hailMary: {\n distanceLy: 11.9,\n maxSpeedC: 0.93,\n accelerationG: 1.5,\n accelPhaseEarthYears: 1.634,\n accelPhaseDistanceLy: 1.111,\n cruiseStartT: 1.634,\n decelStartT: HM_ARRIVAL_T / 2,\n arrivalT: 13.674,\n cruiseDistanceLy: 0,\n totalShipProperYears: 5.967,\n },\n blipA: {\n launchT: BLIP_A_LAUNCH_T,\n arrivalTauT: -32.326,\n arrivalBeforeHailMaryYears: 46,\n storyDistanceLy: 10.0,\n visualDistanceLy: 10.188,\n shipElapsedYearsToTau: 6.64,\n localFrameTravelYears: 12.0,\n effectiveAverageSpeedC: 0.833,\n gamma: 1.808,\n },\n};\n\nconst timeline: TimelineEvent[] = [\n { t: -44.326, eventId: \"blipA_launch\", ship: \"Blip-A\", location: \"Eridani 40 A b / Erid\", description: \"Blip-A departs from Eridani 40 A b, a real planet orbiting 40 Eridani A, toward Tau Ceti.\" },\n { t: -32.326, eventId: \"blipA_arrives_tau\", ship: \"Blip-A\", location: \"Tau Ceti\", positionLy: systems.tauCeti.positionLy, description: \"Blip-A arrives at Tau Ceti. Rocky eventually becomes the sole survivor.\" },\n { t: 0.0, eventId: \"hailMary_launch\", ship: \"Hail Mary\", location: \"Earth / Sol\", positionLy: systems.sol.positionLy, description: \"Hail Mary launches from Earth toward Tau Ceti.\" },\n { t: 1.634, eventId: \"hailMary_reaches_cruise\", ship: \"Hail Mary\", location: \"Interstellar: Sol → Tau Ceti\", description: \"Hail Mary reaches 0.93c after 1.5g acceleration.\" },\n { t: HM_ARRIVAL_T / 2, eventId: \"hailMary_begins_deceleration\", ship: \"Hail Mary\", location: \"Interstellar midpoint: Sol → Tau Ceti\", description: \"Hail Mary flips at the midpoint of the trip and begins deceleration toward Tau Ceti.\" },\n { t: 13.674, eventId: \"hailMary_arrives_tau\", ship: \"Hail Mary\", location: \"Tau Ceti\", positionLy: systems.tauCeti.positionLy, description: \"Hail Mary arrives at Tau Ceti and encounters Blip-A / Rocky. Blip-A has already been there for about 46 years.\" },\n { t: 13.9, eventId: \"taumoeba_discovery_phase\", ship: \"Both\", location: \"Tau Ceti system\", description: \"Grace and Rocky investigate astrophage and obtain taumoeba. Exact duration is app-parameterized.\" },\n { t: BEETLES_LAUNCH_T, eventId: \"beetles_launch_to_earth\", ship: \"Beetle probes\", location: \"Near Tau Ceti, just before Grace diverts\", description: \"Grace sends the Beetle probes toward Earth at the point where Hail Mary is about to abandon the Earth-return path and switch course to save Blip-A.\" },\n { t: 14.2, eventId: \"rocky_depart_tau_for_erid\", ship: \"Blip-A\", location: \"Tau Ceti\", positionLy: systems.tauCeti.positionLy, description: \"Rocky departs Tau Ceti toward Erid / 40 Eridani.\" },\n { t: 14.2, eventId: \"grace_initial_return_to_earth\", ship: \"Hail Mary\", location: \"Tau Ceti\", positionLy: systems.tauCeti.positionLy, description: \"Grace initially starts a return trajectory toward Earth using Rocky-provided astrophage fuel.\" },\n { t: 14.4, eventId: \"hailMary_diverts_to_rescue_blipA\", ship: \"Hail Mary\", location: \"Near Tau Ceti, off Earth-return path\", description: \"Grace abandons the Earth-return path and diverts to intercept Blip-A.\" },\n { t: 14.8, eventId: \"hailMary_blipA_rendezvous\", ship: \"Hail Mary + Blip-A\", location: \"Interstellar: Tau Ceti → 40 Eridani side\", description: \"Grace matches Blip-A's residual drift speed below 0.3c. Rocky transfers to Hail Mary; Blip-A keeps drifting without power.\" },\n { t: 26.2, eventId: \"hailMary_arrives_erid_with_rocky\", ship: \"Hail Mary\", location: \"Eridani 40 A b / Erid\", description: \"Hail Mary reaches Eridani 40 A b carrying Grace and Rocky. Blip-A was left behind drifting on its old course.\" },\n { t: 27.0, eventId: \"beetles_arrive_earth\", ship: \"Beetle probes\", location: \"Earth / Sol\", positionLy: systems.sol.positionLy, description: \"Approximate simplified arrival of the Beetle probes at Earth.\" },\n { t: 27.874, eventId: \"planned_hailMary_earth_return_eta\", ship: \"Hail Mary\", location: \"Earth / Sol\", positionLy: systems.sol.positionLy, description: \"Counterfactual only: if Grace had continued directly from Tau Ceti to Earth, arrival would be around here. In canon he does not complete this return.\" },\n];\n\nconst bodies: Body[] = [\n {\n id: \"sol\",\n name: \"Sol / Sun\",\n kind: \"star\",\n real: true,\n radius: 0.85,\n color: \"#fff3ba\",\n emissive: \"#fff0a0\",\n positionLy: systems.sol.positionLy,\n source: \"Uploaded hailmary.js: Sol origin at [0,0,0].\",\n phm: systems.sol.canonRole,\n notes: \"Rendered larger than physical scale for readability.\",\n },\n {\n id: \"venus\",\n name: \"Venus / Petrova-line endpoint\",\n kind: \"planet\",\n real: true,\n parent: \"sol\",\n radius: 0.58,\n color: \"#d9b56f\",\n orbit: { semiMajorAU: 0.723, eccentricity: 0.0068, periodDays: 224.701, phase: 0.34, inclinationDeg: 3.39 },\n source: \"Real Solar System planet. In Project Hail Mary, Venus is the Solar System endpoint of the Petrova line.\",\n phm: \"Solar-system Petrova-line endpoint: astrophage migrate between the Sun and Venus.\",\n notes: \"Orbit is simplified Keplerian and heavily expanded in the scene so the Sol↔Venus Petrova line is clearly visible.\",\n },\n {\n id: \"earth\",\n name: \"Earth\",\n kind: \"planet\",\n real: true,\n parent: \"sol\",\n radius: 0.95,\n color: \"#4ca3ff\",\n orbit: { semiMajorAU: 1, eccentricity: 0.0167, periodDays: 365.256, phase: 0.13 },\n source: \"Real baseline orbit: 1 AU. App uses simplified Keplerian ellipse.\",\n phm: \"Origin of Hail Mary and destination of the Beetle probes.\",\n notes: \"Shown in heavily exaggerated local scale around Sol so it remains visible outside Venus's orbit and star glow.\",\n },\n {\n id: \"tau-ceti\",\n name: \"Tau Ceti\",\n kind: \"star\",\n real: true,\n radius: 1.1,\n color: \"#ffd39a\",\n emissive: \"#ffae5a\",\n positionLy: systems.tauCeti.positionLy,\n source: \"Uploaded hailmary.js coordinate: [10.283, 5.019, -3.268], distance 11.9 ly from Sol.\",\n phm: systems.tauCeti.canonRole,\n notes: \"Real star used as PHM target-system anchor.\",\n },\n {\n id: \"adrian\",\n name: \"Adrian / taumoeba source world\",\n kind: \"fictional\",\n real: false,\n parent: \"tau-ceti\",\n radius: 0.62,\n color: \"#82ded2\",\n orbit: { semiMajorAU: 0.55, eccentricity: 0.18, periodDays: 168, phase: 0.55, inclinationDeg: 8 },\n source: \"Fictional PHM object. Uploaded source identifies it as Tau Ceti planet used for taumoeba source; orbit is app-inferred.\",\n phm: \"Atmospheric collection site for taumoeba.\",\n notes: \"Not a confirmed real planet; shown as a PHM layer. Its orbit is visually boosted so the Tau Ceti↔Adrian Petrova line remains readable.\",\n },\n {\n id: \"40-eri-a\",\n name: \"40 Eridani A / Keid\",\n kind: \"star\",\n real: true,\n radius: 0.85,\n color: \"#ffb273\",\n emissive: \"#ff813e\",\n positionLy: systems.fortyEridani.positionLy,\n source: \"Uploaded hailmary.js coordinate: [7.215, 14.675, -2.197], distance 16.5 ly from Sol and ~10.2 ly from Tau Ceti.\",\n phm: systems.fortyEridani.canonRole,\n notes: \"Real star used as Rocky/Erid system anchor.\",\n },\n {\n id: \"40-eri-b\",\n name: \"40 Eridani B\",\n kind: \"star\",\n real: true,\n parent: \"40-eri-a\",\n radius: 0.36,\n color: \"#e8f3ff\",\n emissive: \"#b8d9ff\",\n orbit: { semiMajorAU: 400, eccentricity: 0.05, periodDays: 8000 * 365.25, phase: 0.08, inclinationDeg: 18 },\n source: \"Real white-dwarf companion in the 40 Eridani system. Shown as the distant B/C binary barycentric companion around 40 Eridani A; separation is compressed for visualization.\",\n phm: \"Background object in the Eridian-system view.\",\n notes: \"40 Eridani B and C form a close binary far from 40 Eridani A, but the real separation is hundreds of AU, not light-years. Its displayed orbit is strongly compressed so it does not look comparable to the Sol→Tau Ceti interstellar distance.\",\n },\n {\n id: \"40-eri-c\",\n name: \"40 Eridani C\",\n kind: \"star\",\n real: true,\n parent: \"40-eri-b\",\n radius: 0.32,\n color: \"#ff7a5e\",\n emissive: \"#ff4d35\",\n orbit: { semiMajorAU: 35, eccentricity: 0.41, periodDays: 240 * 365.25, phase: 0.12, inclinationDeg: 18 },\n source: \"Real red-dwarf companion orbiting 40 Eridani B. The B-C binary separation is much smaller than the A-to-BC separation; displayed in compressed/exaggerated form for readability.\",\n phm: \"Background object in the Eridian-system view.\",\n notes: \"Corrected model: C orbits B, while the B/C pair is far from 40 Eridani A. The displayed B-C binary orbit is compressed/exaggerated only enough to remain readable, but it should not look interstellar.\",\n },\n {\n id: \"erid\",\n name: \"Eridani 40 A b / Erid — first planet\",\n kind: \"planet\",\n real: true,\n parent: \"40-eri-a\",\n radius: 0.72,\n color: \"#caa66a\",\n orbit: { semiMajorAU: 0.224, eccentricity: 0.04, periodDays: 42.245, phase: 0.42, inclinationDeg: 6 },\n source: \"Real exoplanet Eridani 40 A b: mass 8.47 Earth masses, semimajor axis 0.224 AU, eccentricity 0.04, orbital period 42.245 days, stellar flux 12537 W/m². PHM atmospheric/geophysical details are fictional but treated as compatible with known observations.\",\n phm: \"Rocky's homeworld and the first planet from 40 Eridani A / Keid. Blip-A departs from this planet toward Tau Ceti; after rescue, Hail Mary carries Grace and Rocky back here.\",\n notes: \"PHM-layer properties: rocky planet, thick mostly-ammonia atmosphere, trace gases, density 5710 kg/m³, radius 12,835 km, pressure 29 atm, average surface temperature 210°C, surface gravity about 2.09g, strong magnetic field about 0.00125 T, 5.1104-hour solar day, molten metal core, tectonics/volcanism, and liquid water possible under high pressure. Displayed orbit is enlarged but remains inside Secondworld and Threeworld.\",\n },\n {\n id: \"secondworld\",\n name: \"Secondworld — second planet marker\",\n kind: \"fictional\",\n real: false,\n parent: \"40-eri-a\",\n radius: 0.42,\n color: \"#9fb0aa\",\n orbit: { semiMajorAU: 0.32, eccentricity: 0.035, periodDays: 72, phase: 0.12, inclinationDeg: 5 },\n source: \"Fictional positional marker added to make the 40 Eridani A planetary order legible: Eridani 40 A b is first, this placeholder is second, and Threeworld is third.\",\n phm: \"Not a major PHM body; included only to clarify that Threeworld is the third planet from 40 Eridani A.\",\n notes: \"Visualization helper. Orbit is inferred and placed between Eridani 40 A b and Threeworld.\",\n },\n {\n id: \"threeworld\",\n name: \"Threeworld — third planet / Petrova-arc endpoint\",\n kind: \"fictional\",\n real: false,\n parent: \"40-eri-a\",\n radius: 0.6,\n color: \"#d6c38a\",\n orbit: { semiMajorAU: 0.42, eccentricity: 0.03, periodDays: 112, phase: 0.72, inclinationDeg: 4 },\n source: \"Project Hail Mary story-layer object: Threeworld is described as the third planet from 40 Eridani and one end of its system's Petrova Arc, similar to Venus in the Solar System. Orbit is inferred for visualization.\",\n phm: \"Third planet from 40 Eridani A and the 40 Eridani system Petrova-arc endpoint: astrophage migrate between 40 Eridani A and Threeworld.\",\n notes: \"Fictional/PHM-specific body. Its displayed orbit is heavily expanded so the 40 Eridani A↔Threeworld Petrova Arc is clearly visible. The displayed ordering is: Eridani 40 A b first, Secondworld marker second, Threeworld third.\",\n },\n \n {\n id: \"hail-mary\",\n name: \"Hail Mary spacecraft\",\n kind: \"spacecraft\",\n real: false,\n radius: 0.23,\n color: \"#ffffff\",\n source: \"Uploaded hailmary.js ship segments and derived physics: 0.93c max, 1.5g acceleration, 13.674 Earth-frame years outbound.\",\n phm: \"Grace's mission vessel. It reaches Tau Ceti, starts Earth return, diverts to rescue Rocky from Blip-A, then carries Grace and Rocky to Erid.\",\n notes: \"Position follows timeline-aware route segments.\",\n },\n {\n id: \"blip-a\",\n name: \"Blip-A spacecraft\",\n kind: \"spacecraft\",\n real: false,\n radius: 0.25,\n color: \"#e8c77f\",\n source: \"Uploaded hailmary.js: launches at T=-44.326, arrives Tau at T=-32.326, waits ~46 years, departs Tau at T=14.2.\",\n phm: \"Rocky's vessel. Rocky waits at Tau Ceti long before Hail Mary arrives. After rescue, Blip-A is left disabled but still drifting while Rocky transfers to Hail Mary.\",\n notes: \"Position follows inbound, waiting, return-to-rescue, then unpowered residual drift states.\",\n },\n {\n id: \"beetles\",\n name: \"Beetle probes\",\n kind: \"probe\",\n real: false,\n radius: 0.15,\n color: \"#aaffaa\",\n source: \"Uploaded hailmary.js / story correction: Beetles are sent near the course-change point at T=14.4, as Hail Mary is about to switch from Earth-return to the Blip-A rescue path.\",\n phm: \"Carry the taumoeba solution toward Earth.\",\n notes: \"They do not exist on the route before Hail Mary reaches Tau Ceti.\",\n },\n];\n\nconst routes: Route[] = [\n { id: \"hm-sol-tau\", name: \"Hail Mary: Sol → Tau Ceti\", color: \"#4ff3ff\", real: false, startT: 0.0, endT: HM_ARRIVAL_T, kind: \"hmOutbound\", notes: \"Hail Mary accelerates for the first half of the trip, flips at midpoint, and decelerates for the second half. Speed display is simplified and normalized to 0.93c peak.\" },\n { id: \"blip-erid-tau\", name: \"Blip-A: Eridani 40 A b → Tau Ceti\", color: \"#9b7cff\", real: false, startT: -44.326, endT: BLIP_ARRIVAL_T, kind: \"blipOutbound\", notes: \"Blip-A leaves Eridani 40 A b, the real planet orbiting 40 Eridani A used here as Rocky's homeworld, and reaches Tau Ceti at T=-32.326.\" },\n { id: \"blip-wait\", name: \"Blip-A waits at Tau Ceti (~46 years)\", color: \"#d8c4ff\", real: false, startT: BLIP_ARRIVAL_T, endT: HM_ARRIVAL_T, kind: \"blipWait\", notes: \"Rocky waits at Tau Ceti for about 46 external years before Hail Mary arrives.\" },\n { id: \"beetles-tau-sol\", name: \"Beetles: Hail Mary course-change point → Earth\", color: \"#aaff9a\", real: false, startT: BEETLES_LAUNCH_T, endT: BEETLES_ARRIVAL_T, kind: \"beetles\", notes: \"Beetle probes launch near the point where Hail Mary is about to switch course from Earth-return to the Blip-A rescue path, then continue on the same straight Earthward line.\" },\n { id: \"hm-planned-earth\", name: \"Hail Mary initial Earth-return path\", color: \"#55d8ff\", real: false, startT: GRACE_AND_ROCKY_DEPART_T, endT: GRACE_DIVERTS_T, kind: \"hmPlannedReturn\", notes: \"Grace initially heads almost straight along the same Earthward line that the Beetle probes later follow. This route is interrupted when he detects Blip-A's problem.\" },\n { id: \"hm-diversion\", name: \"Hail Mary diversion to Blip-A\", color: \"#ffffff\", real: false, startT: GRACE_DIVERTS_T, endT: RESCUE_T, kind: \"hmDiversion\", notes: \"Canon event, numerical path inferred: Grace turns away from the Earth-return trajectory and crosses to a symmetric rescue point on the Tau Ceti → Erid side, where disabled Blip-A is waiting.\" },\n { id: \"blip-return\", name: \"Blip-A return until disabled\", color: \"#ffd15e\", real: false, startT: GRACE_AND_ROCKY_DEPART_T, endT: BLIP_A_DISABLED_T, kind: \"blipReturn\", notes: \"Rocky's return leg reaches the nearby rescue/intercept region, not Erid. After power loss Blip-A keeps residual drift below 0.3c instead of stopping absolutely.\" },\n { id: \"hm-convoy-erid\", name: \"Hail Mary carries Grace + Rocky to Eridani 40 A b\", color: \"#fffbcc\", real: false, startT: RESCUE_T, endT: ERID_ARRIVAL_T, kind: \"convoyToErid\", notes: \"After rescue, Rocky transfers to Hail Mary. Hail Mary matches Blip-A's residual drift speed first, then continues to Eridani 40 A b / Erid while Blip-A keeps drifting unpowered.\" },\n { id: \"astro-stream\", name: \"Astrophage migration stream: Tau Ceti → Sol\", color: \"#ff59e6\", real: false, startT: -60, endT: 28, kind: \"astrophage\", notes: \"Fictional biological migration/background problem path from Tau Ceti toward Sol, not a spacecraft route.\" },\n { id: \"astro-stream-eridani\", name: \"Astrophage migration stream: Tau Ceti → 40 Eridani A\", color: \"#ff8bf0\", real: false, startT: -60, endT: 28, kind: \"astrophageEridani\", notes: \"Additional fictional astrophage migration stream from Tau Ceti toward 40 Eridani A / Eridani 40 A b.\" },\n { id: \"petrova-sol\", name: \"Petrova line: Sol ↔ Venus\", color: \"#ff2a1a\", real: false, startT: -5, endT: SOL_PETROVA_DISAPPEARS_T, kind: \"petrovaSol\", notes: \"Solar System Petrova line: astrophage migration path between the Sun and Venus. It becomes visible at T=-5, five Earth-frame years before Hail Mary launches, and disappears one year after the Beetles reach Earth.\" },\n { id: \"petrova-tau\", name: \"Petrova line: Tau Ceti ↔ Adrian\", color: \"#ff2a1a\", real: false, startT: -999, endT: 999, kind: \"petrovaTau\", notes: \"Tau Ceti Petrova line: astrophage path between Tau Ceti and Adrian / the taumoeba-source world. This is the only Petrova line that stays visible for the entire timeline.\" },\n { id: \"petrova-eridani\", name: \"Petrova Arc: 40 Eridani A ↔ Threeworld\", color: \"#ff2a1a\", real: false, startT: ERIDANI_PETROVA_APPEARS_T, endT: ERIDANI_PETROVA_DISAPPEARS_T, kind: \"petrovaEridani\", notes: \"40 Eridani system Petrova Arc: Threeworld is the third planet from 40 Eridani and one end of the arc, analogous to Venus in the Solar System. It becomes visible five years before Blip-A launches from Eridani 40 A b toward Tau Ceti and disappears one year after Hail Mary arrives at Eridani 40 A b with Grace and Rocky.\" },\n];\n\nfunction bodyById(id: string) {\n return bodies.find((b) => b.id === id);\n}\n\nfunction v3(a: [number, number, number]) {\n return new THREE.Vector3(a[0], a[1], a[2]);\n}\n\nfunction sceneScale(mode: ScaleMode) {\n return mode === \"cinematic\" ? 7.3 : 4.1;\n}\n\nfunction localExaggeration(mode: ScaleMode) {\n return mode === \"cinematic\" ? 1850 : 650;\n}\n\nfunction toScenePosition(pLy: THREE.Vector3, mode: ScaleMode) {\n return pLy.clone().multiplyScalar(sceneScale(mode));\n}\n\nfunction clamp01(x: number) {\n return Math.max(0, Math.min(1, x));\n}\n\nfunction solveKepler(meanAnomaly: number, eccentricity: number) {\n let E = meanAnomaly;\n for (let i = 0; i < 8; i += 1) {\n E -= (E - eccentricity * Math.sin(E) - meanAnomaly) / (1 - eccentricity * Math.cos(E));\n }\n return E;\n}\n\nfunction localOrbitPosition(orbit: Orbit, years: number) {\n const days = years * 365.25;\n const M = ((((days / orbit.periodDays + orbit.phase) % 1) + 1) % 1) * TAU;\n const E = solveKepler(M, orbit.eccentricity);\n const xAU = orbit.semiMajorAU * (Math.cos(E) - orbit.eccentricity);\n const zAU = orbit.semiMajorAU * Math.sqrt(1 - orbit.eccentricity * orbit.eccentricity) * Math.sin(E);\n const p = new THREE.Vector3(xAU * AU_TO_LY, 0, zAU * AU_TO_LY);\n p.applyAxisAngle(new THREE.Vector3(1, 0, 0), THREE.MathUtils.degToRad(orbit.inclinationDeg ?? 0));\n return p;\n}\n\nfunction bodyPositionLy(id: string, t: number): THREE.Vector3 {\n const b = bodyById(id);\n if (!b) return new THREE.Vector3();\n if (!b.parent) return v3(b.positionLy ?? [0, 0, 0]);\n const parent = bodyPositionLy(b.parent, t);\n if (!b.orbit) return parent;\n return parent.add(localOrbitPosition(b.orbit, t).multiplyScalar(localExaggeration(\"scientific\") / 650));\n}\n\nfunction bodyPositionScene(id: string, t: number, mode: ScaleMode): THREE.Vector3 {\n const b = bodyById(id);\n if (!b) return new THREE.Vector3();\n if (!b.parent) return toScenePosition(v3(b.positionLy ?? [0, 0, 0]), mode);\n const parent = bodyPositionScene(b.parent, t, mode);\n if (!b.orbit) return parent;\n return parent.add(localOrbitPosition(b.orbit, t).multiplyScalar(sceneScale(mode) * localExaggeration(mode) * localVisualBoostForBody(id)));\n}\n\nfunction localVisualBoostForBody(id: string) {\n // Make important local bodies readable without moving the parent star systems themselves.\n if (id === \"venus\" || id === \"threeworld\") return PETROVA_LOCAL_VISUAL_BOOST;\n if (id === \"adrian\") return ADRIAN_LOCAL_VISUAL_BOOST;\n if (id === \"secondworld\") return SECONDWORLD_LOCAL_VISUAL_BOOST;\n if (id === \"erid\") return ERID_LOCAL_VISUAL_BOOST;\n if (id === \"earth\") return EARTH_LOCAL_VISUAL_BOOST;\n if (id === \"40-eri-b\") return ERIDANI_WIDE_COMPANION_VISUAL_BOOST;\n if (id === \"40-eri-c\") return ERIDANI_BC_BINARY_VISUAL_BOOST;\n return 1;\n}\n\nfunction quadraticSceneBetween(start: THREE.Vector3, end: THREE.Vector3, count = 120, lift = 0.13, sideAmount = 0.08) {\n const mid = start.clone().add(end).multiplyScalar(0.5);\n const distance = start.distanceTo(end);\n const side = new THREE.Vector3().subVectors(end, start).cross(new THREE.Vector3(0, 1, 0)).normalize();\n if (side.lengthSq() < 0.001) side.set(1, 0, 0);\n mid.y += Math.max(4, distance * lift);\n mid.add(side.multiplyScalar(distance * sideAmount));\n return new THREE.QuadraticBezierCurve3(start, mid, end).getPoints(count);\n}\n\nfunction quadraticCurveBetween(startLy: THREE.Vector3, endLy: THREE.Vector3, mode: ScaleMode, count = 120, lift = 0.13, sideAmount = 0.08) {\n return quadraticSceneBetween(toScenePosition(startLy, mode), toScenePosition(endLy, mode), count, lift, sideAmount);\n}\n\nfunction straightSceneBetween(start: THREE.Vector3, end: THREE.Vector3, count = 120) {\n const pts: THREE.Vector3[] = [];\n for (let i = 0; i <= count; i += 1) {\n pts.push(start.clone().lerp(end, i / count));\n }\n return pts;\n}\n\nfunction straightCurveBetween(startLy: THREE.Vector3, endLy: THREE.Vector3, mode: ScaleMode, count = 120) {\n return straightSceneBetween(toScenePosition(startLy, mode), toScenePosition(endLy, mode), count);\n}\n\nfunction petrovaCurveBetween(start: THREE.Vector3, end: THREE.Vector3, count = 120) {\n const mid = start.clone().lerp(end, 0.5);\n const distance = start.distanceTo(end);\n const side = new THREE.Vector3().subVectors(end, start).cross(new THREE.Vector3(0, 1, 0)).normalize();\n if (side.lengthSq() < 0.001) side.set(1, 0, 0);\n mid.add(side.multiplyScalar(distance * 0.055));\n mid.y += Math.max(0.4, distance * 0.035);\n return new THREE.QuadraticBezierCurve3(start, mid, end).getPoints(count);\n}\n\nlet currentRouteTime = HM_ARRIVAL_T;\n\nfunction baseRoutePoints(route: Route, mode: ScaleMode, count = 140) {\n const sol = v3(systems.sol.positionLy);\n const tau = v3(systems.tauCeti.positionLy);\n const erid = v3(systems.fortyEridani.positionLy);\n\n if (route.kind === \"hmOutbound\") return quadraticCurveBetween(sol, tau, mode, count, 0.14, 0.08);\n if (route.kind === \"blipOutbound\") return quadraticSceneBetween(bodyPositionScene(\"erid\", route.startT, mode), toScenePosition(tau, mode), count, 0.16, -0.09);\n if (route.kind === \"beetles\") return straightCurveBetween(nearTauEarthwardLy(), sol, mode, count);\n if (route.kind === \"blipReturn\") return quadraticCurveBetween(tau, interceptPointLy(), mode, count, 0.035, 0.015);\n if (route.kind === \"convoyToErid\") return quadraticSceneBetween(toScenePosition(interceptPointLy(), mode), bodyPositionScene(\"erid\", route.endT, mode), count, 0.11, 0.04);\n if (route.kind === \"astrophage\") return quadraticCurveBetween(tau, sol, mode, count, 0.22, 0.14);\n if (route.kind === \"astrophageEridani\") return quadraticCurveBetween(tau, erid, mode, count, 0.2, -0.16);\n if (route.kind === \"petrovaSol\") return petrovaCurveBetween(bodyPositionScene(\"sol\", currentRouteTime, mode), bodyPositionScene(\"venus\", currentRouteTime, mode), count);\n if (route.kind === \"petrovaTau\") return petrovaCurveBetween(bodyPositionScene(\"tau-ceti\", currentRouteTime, mode), bodyPositionScene(\"adrian\", currentRouteTime, mode), count);\n if (route.kind === \"petrovaEridani\") return petrovaCurveBetween(bodyPositionScene(\"40-eri-a\", currentRouteTime, mode), bodyPositionScene(\"threeworld\", currentRouteTime, mode), count);\n\n if (route.kind === \"hmPlannedReturn\") {\n const start = tau;\n const end = tau.clone().lerp(sol, 0.18);\n return straightCurveBetween(start, end, mode, count);\n }\n\n if (route.kind === \"hmDiversion\") {\n const start = nearTauEarthwardLy();\n const end = interceptPointLy();\n return quadraticCurveBetween(start, end, mode, count, 0.28, 0.22);\n }\n\n if (route.kind === \"blipWait\") {\n const center = toScenePosition(tau, mode);\n const pts: THREE.Vector3[] = [];\n const radius = mode === \"cinematic\" ? 3.2 : 1.7;\n for (let i = 0; i <= count; i += 1) {\n const a = (i / count) * TAU;\n pts.push(center.clone().add(new THREE.Vector3(Math.cos(a) * radius, Math.sin(a * 2) * 0.3, Math.sin(a) * radius)));\n }\n return pts;\n }\n\n return quadraticCurveBetween(sol, tau, mode, count);\n}\n\nfunction nearTauEarthwardLy() {\n return v3(systems.tauCeti.positionLy).lerp(v3(systems.sol.positionLy), 0.18);\n}\n\nfunction interceptPointLy() {\n // Exact rescue coordinates are not specified in the source. Use a symmetric inferred rescue point:\n // Hail Mary is about 18% of the Tau Ceti→Sol leg away from Tau when it diverts,\n // while Blip-A is about 18% of the Tau Ceti→Erid leg away from Tau when rescued.\n // This keeps both ships at comparable distances from Tau Ceti on opposite outbound legs.\n return v3(systems.tauCeti.positionLy).lerp(v3(systems.fortyEridani.positionLy), RESCUE_DISTANCE_FRACTION_FROM_TAU);\n}\n\nfunction positionAlongPoints(points: THREE.Vector3[], u: number) {\n if (!points.length) return new THREE.Vector3();\n const idx = Math.floor(clamp01(u) * (points.length - 1));\n return points[idx] ?? points[points.length - 1];\n}\n\nfunction hailMarySpeedC(t: number) {\n if (t < 0 || t > HM_ARRIVAL_T) return 0;\n const half = HM_ARRIVAL_T / 2;\n if (t <= half) return 0.93 * (t / half);\n return 0.93 * (1 - (t - half) / half);\n}\n\nfunction hailMaryProgressLy(t: number) {\n if (t <= 0) return 0;\n if (t >= HM_ARRIVAL_T) return storyFacts.hailMary.distanceLy;\n const half = HM_ARRIVAL_T / 2;\n const total = storyFacts.hailMary.distanceLy;\n if (t <= half) {\n const u = t / half;\n return (total / 2) * u * u;\n }\n const u = (t - half) / half;\n return total / 2 + (total / 2) * (1 - (1 - u) * (1 - u));\n}\n\nfunction lyDistance(a: THREE.Vector3, b: THREE.Vector3) {\n return a.distanceTo(b);\n}\n\nfunction routeDistanceLy(kind: Route[\"kind\"]) {\n const sol = v3(systems.sol.positionLy);\n const tau = v3(systems.tauCeti.positionLy);\n const eridStar = v3(systems.fortyEridani.positionLy);\n if (kind === \"hmOutbound\") return storyFacts.hailMary.distanceLy;\n if (kind === \"blipOutbound\") return storyFacts.blipA.storyDistanceLy;\n if (kind === \"hmPlannedReturn\") return lyDistance(tau, nearTauEarthwardLy());\n if (kind === \"hmDiversion\") return lyDistance(nearTauEarthwardLy(), interceptPointLy());\n if (kind === \"blipReturn\") return lyDistance(tau, interceptPointLy());\n if (kind === \"convoyToErid\") return lyDistance(interceptPointLy(), eridStar);\n if (kind === \"beetles\") return lyDistance(nearTauEarthwardLy(), sol);\n return 0;\n}\n\nfunction averageSpeedForRouteC(routeId: string) {\n const route = routes.find((r) => r.id === routeId);\n if (!route) return 0;\n const dt = route.endT - route.startT;\n if (dt <= 0) return 0;\n return routeDistanceLy(route.kind) / dt;\n}\n\nfunction triangularSpeedC(t: number, startT: number, endT: number, maxSpeed: number) {\n if (t < startT || t > endT) return 0;\n const mid = (startT + endT) / 2;\n if (t <= mid) return maxSpeed * ((t - startT) / (mid - startT));\n return maxSpeed * (1 - (t - mid) / (endT - mid));\n}\n\nfunction maxSpeedForAverageTriangular(avgSpeed: number) {\n return avgSpeed * 2;\n}\n\nfunction blipAInboundSpeedC(t: number) {\n return triangularSpeedC(\n t,\n storyFacts.blipA.launchT,\n storyFacts.blipA.arrivalTauT,\n Math.min(0.96, maxSpeedForAverageTriangular(storyFacts.blipA.effectiveAverageSpeedC)),\n );\n}\n\nfunction sharedTauDepartureSpeedC(t: number) {\n // Hail Mary and Blip-A both depart Tau Ceti from near-rest at about the same time.\n // Keep their visible return-leg speeds consistent instead of deriving mismatched speeds\n // from compressed display geometry.\n if (t < GRACE_AND_ROCKY_DEPART_T) return 0;\n const rampYears = 1.634;\n return Math.min(storyFacts.hailMary.maxSpeedC, storyFacts.hailMary.maxSpeedC * ((t - GRACE_AND_ROCKY_DEPART_T) / rampYears));\n}\n\nfunction blipAReturnSpeedC(t: number) {\n if (t < GRACE_AND_ROCKY_DEPART_T || t >= RESCUE_T) return 0;\n return sharedTauDepartureSpeedC(t);\n}\n\nfunction hailMaryInitialReturnSpeedC(t: number) {\n if (t < GRACE_AND_ROCKY_DEPART_T || t >= GRACE_DIVERTS_T) return 0;\n return sharedTauDepartureSpeedC(t);\n}\n\nfunction hailMaryDiversionSpeedC(t: number) {\n // Rescue leg behaves like an intercept: Grace accelerates after the course change,\n // then slows until Hail Mary matches Blip-A's residual drift speed rather than stopping absolutely.\n if (t < GRACE_DIVERTS_T || t >= RESCUE_T) return 0;\n const u = (t - GRACE_DIVERTS_T) / (RESCUE_T - GRACE_DIVERTS_T);\n const peak = Math.min(0.32, Math.max(BLIP_A_DISABLED_DRIFT_C + 0.05, sharedTauDepartureSpeedC((GRACE_DIVERTS_T + RESCUE_T) / 2)));\n if (u <= 0.5) return BLIP_A_DISABLED_DRIFT_C + (peak - BLIP_A_DISABLED_DRIFT_C) * (u / 0.5);\n return peak + (BLIP_A_DISABLED_DRIFT_C - peak) * ((u - 0.5) / 0.5);\n}\n\nfunction accelerateThenDecelerateSpeedC(t: number, startT: number, endT: number, startSpeed: number, peakSpeed: number, endSpeed = 0) {\n if (t < startT || t >= endT) return 0;\n const mid = (startT + endT) / 2;\n if (t <= mid) {\n const u = (t - startT) / (mid - startT);\n return startSpeed + (peakSpeed - startSpeed) * clamp01(u);\n }\n const u = (t - mid) / (endT - mid);\n return peakSpeed + (endSpeed - peakSpeed) * clamp01(u);\n}\n\nfunction hailMaryPostRescueSpeedC(t: number) {\n // After the transfer, Hail Mary starts the Erid leg already matching Blip-A's residual drift,\n // accelerates toward 0.93c, flips at the leg midpoint, then decelerates toward Eridani 40 A b.\n return accelerateThenDecelerateSpeedC(t, RESCUE_T, ERID_ARRIVAL_T, BLIP_A_DISABLED_DRIFT_C, storyFacts.hailMary.maxSpeedC, 0);\n}\n\nfunction beetlesSpeedC(t: number) {\n // Beetle probes should not instantly appear at a fixed high average speed. They accelerate away\n // from the course-change point, reach up to 0.93c near the midpoint, then decelerate toward Earth.\n return accelerateThenDecelerateSpeedC(t, BEETLES_LAUNCH_T, BEETLES_ARRIVAL_T, 0, storyFacts.hailMary.maxSpeedC, 0);\n}\n\nfunction shipSpeedC(shipId: string, t: number) {\n if (shipId === \"hail-mary\") {\n if (t < 0) return 0;\n if (t <= HM_ARRIVAL_T) return hailMarySpeedC(t);\n if (t < GRACE_AND_ROCKY_DEPART_T) return 0;\n if (t < GRACE_DIVERTS_T) return hailMaryInitialReturnSpeedC(t);\n if (t < RESCUE_T) return hailMaryDiversionSpeedC(t);\n if (t < ERID_ARRIVAL_T) return hailMaryPostRescueSpeedC(t);\n return 0;\n }\n\n if (shipId === \"blip-a\") {\n if (t < storyFacts.blipA.launchT) return 0;\n if (t <= BLIP_ARRIVAL_T) return blipAInboundSpeedC(t);\n if (t < GRACE_AND_ROCKY_DEPART_T) return 0;\n if (t < RESCUE_T) return blipAReturnSpeedC(t);\n return BLIP_A_DISABLED_DRIFT_C;\n }\n\n if (shipId === \"beetles\") {\n if (t < BEETLES_LAUNCH_T) return 0;\n if (t < BEETLES_ARRIVAL_T) return beetlesSpeedC(t);\n return 0;\n }\n\n return 0;\n}\n\nfunction speedLabel(shipId: string, t: number) {\n const speed = shipSpeedC(shipId, t);\n if (speed <= 0.0005) return \"0.00c\";\n if (speed > 0.999) return `${speed.toFixed(2)}c inferred`;\n return `${speed.toFixed(2)}c`;\n}\n\nfunction johnSpeedLabel(t: number) {\n if (t < JOHN_FAILURE_T) return speedLabel(\"beetles\", t);\n return `${JOHN_FAILURE_SPEED_C.toFixed(2)}c drift`;\n}\n\nfunction routeU(route: Route, t: number) {\n if (route.kind === \"hmOutbound\") return clamp01(hailMaryProgressLy(t) / storyFacts.hailMary.distanceLy);\n return clamp01((t - route.startT) / (route.endT - route.startT));\n}\n\nfunction routeVisible(route: Route, t: number, filters: Filters) {\n if (route.kind === \"astrophage\" || route.kind === \"astrophageEridani\" || route.kind === \"petrovaTau\" || route.kind === \"petrovaEridani\") {\n return filters.astrophage && t >= route.startT && t <= route.endT;\n }\n\n if (route.kind === \"petrovaSol\") {\n // The Sol↔Venus Petrova line must not exist before T=-5.\n return filters.astrophage && t >= route.startT && t <= route.endT;\n }\n\n if (!filters.paths) return false;\n if (filters.historical) return t >= route.startT;\n return t >= route.startT && t <= route.endT;\n}\n\nfunction routeOpacity(route: Route, t: number, filters: Filters) {\n if (route.kind === \"astrophage\" || route.kind === \"astrophageEridani\") return 0.55;\n if (route.kind === \"petrovaSol\" || route.kind === \"petrovaTau\" || route.kind === \"petrovaEridani\") return 0.9;\n if (t >= route.startT && t <= route.endT) return 0.92;\n if (filters.historical && t > route.endT) return 0.28;\n return 0.15;\n}\n\nfunction johnFailureProgress(t: number) {\n return clamp01((t - JOHN_FAILURE_T) / (TIMELINE_END_T - JOHN_FAILURE_T));\n}\n\nfunction johnPositionScene(t: number, mode: ScaleMode) {\n const route = routes.find((r) => r.id === \"beetles-tau-sol\")!;\n const pts = baseRoutePoints(route, mode);\n const failU = routeU(route, JOHN_FAILURE_T);\n const failPos = positionAlongPoints(pts, failU);\n if (t < JOHN_FAILURE_T) return failPos;\n\n const ahead = positionAlongPoints(pts, Math.min(1, failU + 0.02));\n const direction = ahead.clone().sub(failPos).normalize();\n if (direction.lengthSq() < 0.001) direction.set(1, 0, 0);\n const side = new THREE.Vector3().crossVectors(direction, new THREE.Vector3(0, 1, 0)).normalize();\n if (side.lengthSq() < 0.001) side.set(0, 0, 1);\n const up = new THREE.Vector3().crossVectors(side, direction).normalize();\n const deflection = THREE.MathUtils.degToRad(JOHN_FAILURE_DEFLECTION_DEG);\n const escapeDir = direction\n .clone()\n .multiplyScalar(Math.cos(deflection))\n .add(side.clone().multiplyScalar(Math.sin(deflection)))\n .add(up.clone().multiplyScalar(Math.sin(deflection) * 0.12))\n .normalize();\n const distance = (mode === \"cinematic\" ? 44 : 24) * johnFailureProgress(t);\n return failPos.clone().add(escapeDir.multiplyScalar(distance));\n}\n\nfunction johnFailurePathPoints(mode: ScaleMode, t: number) {\n if (t < JOHN_FAILURE_T) return [];\n const route = routes.find((r) => r.id === \"beetles-tau-sol\")!;\n const pts = baseRoutePoints(route, mode);\n const failU = routeU(route, JOHN_FAILURE_T);\n const failPos = positionAlongPoints(pts, failU);\n const endPos = johnPositionScene(t, mode);\n return straightSceneBetween(failPos, endPos, 80);\n}\n\nfunction shipStatusText(shipId: string, t: number) {\n if (shipId === \"hail-mary\") {\n if (t < 0) return \"Pre-launch at Earth\";\n if (t <= HM_ARRIVAL_T / 2) return `Outbound acceleration toward midpoint, speed ${speedLabel(\"hail-mary\", t)}`;\n if (t <= HM_ARRIVAL_T) return `After midpoint flip: decelerating into Tau Ceti, speed ${speedLabel(\"hail-mary\", t)}`;\n if (t < GRACE_AND_ROCKY_DEPART_T) return `At Tau Ceti with Rocky, speed ${speedLabel(\"hail-mary\", t)}`;\n if (t < GRACE_DIVERTS_T) return `Initially returning toward Earth, speed ${speedLabel(\"hail-mary\", t)}`;\n if (t < RESCUE_T) return `Rescue intercept burn: accelerating, then matching Blip-A's residual drift below 0.3c, speed ${speedLabel(\"hail-mary\", t)}`;\n if (t < ERID_ARRIVAL_T) return `Post-rescue Erid leg: accelerates toward midpoint, then decelerates toward Erid / 40 Eridani, speed ${speedLabel(\"hail-mary\", t)}`;\n return \"At Eridani 40 A b / Erid\";\n }\n\n if (shipId === \"blip-a\") {\n if (t < -44.326) return \"Pre-launch on Eridani 40 A b / Erid\";\n if (t <= BLIP_ARRIVAL_T) return `Inbound to Tau Ceti, accelerating/decelerating, speed ${speedLabel(\"blip-a\", t)}`;\n if (t < GRACE_AND_ROCKY_DEPART_T) return `Waiting at Tau Ceti; Rocky alone for decades, speed ${speedLabel(\"blip-a\", t)}`;\n if (t < RESCUE_T) return `Returning toward Erid; fuel problem and rescue arc, changing speed ${speedLabel(\"blip-a\", t)}`;\n return `Disabled and drifting unpowered after Rocky transfers to Hail Mary, speed ${speedLabel(\"blip-a\", t)}`;\n }\n\n if (shipId === \"beetles\") {\n if (t < BEETLES_LAUNCH_T) return `Not launched yet, speed ${speedLabel(\"beetles\", t)}`;\n if (t < BEETLES_ARRIVAL_T) return `Carrying solution toward Earth: accelerates, then decelerates after midpoint, speed ${speedLabel(\"beetles\", t)}`;\n return `Arrived at Earth, simplified app timing, speed ${speedLabel(\"beetles\", t)}`;\n }\n\n return \"\";\n}\n\nfunction shipPositionScene(shipId: string, t: number, mode: ScaleMode) {\n if (shipId === \"hail-mary\") {\n if (t < 0) return bodyPositionScene(\"earth\", t, mode);\n if (t <= HM_ARRIVAL_T) return positionAlongPoints(baseRoutePoints(routes[0], mode), routeU(routes[0], t));\n if (t < GRACE_AND_ROCKY_DEPART_T) return bodyPositionScene(\"tau-ceti\", t, mode).add(new THREE.Vector3(1.8, 0.6, 0.2));\n if (t < GRACE_DIVERTS_T) return positionAlongPoints(baseRoutePoints(routes.find((r) => r.id === \"hm-planned-earth\")!, mode), routeU(routes.find((r) => r.id === \"hm-planned-earth\")!, t));\n if (t < RESCUE_T) return positionAlongPoints(baseRoutePoints(routes.find((r) => r.id === \"hm-diversion\")!, mode), routeU(routes.find((r) => r.id === \"hm-diversion\")!, t));\n if (t < ERID_ARRIVAL_T) return positionAlongPoints(baseRoutePoints(routes.find((r) => r.id === \"hm-convoy-erid\")!, mode), routeU(routes.find((r) => r.id === \"hm-convoy-erid\")!, t));\n return bodyPositionScene(\"erid\", t, mode).add(new THREE.Vector3(0.9, 0.45, 0.3));\n }\n\n if (shipId === \"blip-a\") {\n if (t < -44.326) return bodyPositionScene(\"erid\", t, mode).add(new THREE.Vector3(0.7, 0.35, 0.1));\n const outbound = routes.find((r) => r.id === \"blip-erid-tau\")!;\n const ret = routes.find((r) => r.id === \"blip-return\")!;\n if (t <= BLIP_ARRIVAL_T) return positionAlongPoints(baseRoutePoints(outbound, mode), routeU(outbound, t));\n if (t < GRACE_AND_ROCKY_DEPART_T) return bodyPositionScene(\"tau-ceti\", t, mode).add(new THREE.Vector3(-1.6, 0.6, 0.4));\n if (t < RESCUE_T) return positionAlongPoints(baseRoutePoints(ret, mode), routeU(ret, t));\n const driftEnd = v3(systems.tauCeti.positionLy).lerp(v3(systems.fortyEridani.positionLy), 0.24);\n const driftU = Math.min(1, (t - RESCUE_T) / Math.max(1, ERID_ARRIVAL_T - RESCUE_T));\n const driftPos = interceptPointLy().clone().lerp(driftEnd, driftU);\n return toScenePosition(driftPos, mode).add(new THREE.Vector3(-0.9, 0.3, -0.4));\n }\n\n if (shipId === \"beetles\") {\n if (t < BEETLES_LAUNCH_T) return null;\n const route = routes.find((r) => r.id === \"beetles-tau-sol\")!;\n if (t < BEETLES_ARRIVAL_T) return positionAlongPoints(baseRoutePoints(route, mode), routeU(route, t));\n return bodyPositionScene(\"earth\", t, mode).add(new THREE.Vector3(0.7, 0.4, 0));\n }\n\n return null;\n}\n\nfunction currentEvent(t: number) {\n let nearest = timeline[0];\n for (const ev of timeline) {\n if (ev.t <= t) nearest = ev;\n }\n return nearest;\n}\n\nfunction nextEvent(t: number) {\n return timeline.find((ev) => ev.t > t) ?? null;\n}\n\nfunction makeLabelTexture(text: string) {\n const canvas = document.createElement(\"canvas\");\n const ctx = canvas.getContext(\"2d\");\n if (!ctx) return new THREE.CanvasTexture(canvas);\n const fontSize = 42;\n const padding = 18;\n ctx.font = `${fontSize}px Arial`;\n canvas.width = Math.ceil(ctx.measureText(text).width + padding * 2);\n canvas.height = fontSize + padding * 2;\n ctx.font = `${fontSize}px Arial`;\n ctx.fillStyle = \"rgba(2, 8, 23, 0.76)\";\n ctx.strokeStyle = \"rgba(255,255,255,0.24)\";\n ctx.lineWidth = 3;\n const r = 18, x = 2, y = 2, w = canvas.width - 4, h = canvas.height - 4;\n ctx.beginPath();\n ctx.moveTo(x + r, y);\n ctx.arcTo(x + w, y, x + w, y + h, r);\n ctx.arcTo(x + w, y + h, x, y + h, r);\n ctx.arcTo(x, y + h, x, y, r);\n ctx.arcTo(x, y, x + w, y, r);\n ctx.closePath();\n ctx.fill();\n ctx.stroke();\n ctx.fillStyle = \"white\";\n ctx.textBaseline = \"middle\";\n ctx.fillText(text, padding, canvas.height / 2 + 1);\n const texture = new THREE.CanvasTexture(canvas);\n texture.needsUpdate = true;\n return texture;\n}\n\nfunction makeBodyMesh(body: Body) {\n if (body.id === \"hail-mary\") return makeHailMaryShip(body);\n if (body.id === \"blip-a\") return makeBlipAShip(body);\n if (body.id === \"beetles\") return makeBeetleProbe(body);\n\n const geometry = body.kind === \"spacecraft\" || body.kind === \"probe\"\n ? new THREE.OctahedronGeometry(body.radius, 0)\n : new THREE.SphereGeometry(body.radius, 48, 24);\n const material = new THREE.MeshStandardMaterial({\n color: new THREE.Color(body.color),\n emissive: new THREE.Color(body.emissive ?? ((body.kind === \"spacecraft\" || body.kind === \"probe\") ? body.color : \"#000000\")),\n emissiveIntensity: body.kind === \"star\" ? 1.8 : (body.kind === \"spacecraft\" || body.kind === \"probe\") ? 0.7 : 0.08,\n metalness: body.kind === \"spacecraft\" || body.kind === \"probe\" ? 0.35 : 0.02,\n roughness: 0.65,\n });\n const mesh = new THREE.Mesh(geometry, material);\n mesh.userData = { selectableType: \"body\", id: body.id };\n return mesh;\n}\n\nfunction makeHailMaryShip(body: Body) {\n // Small low-poly model based on the provided reference: two long white cylindrical hulls,\n // a central upper module, connecting truss/arm, and darker engine/nozzle sections.\n const group = new THREE.Group();\n group.userData = { selectableType: \"body\", id: body.id };\n\n const white = new THREE.MeshStandardMaterial({ color: \"#e8e5dc\", roughness: 0.58, metalness: 0.28 });\n const offWhite = new THREE.MeshStandardMaterial({ color: \"#cfcac0\", roughness: 0.65, metalness: 0.22 });\n const dark = new THREE.MeshStandardMaterial({ color: \"#2a2a2a\", roughness: 0.5, metalness: 0.65 });\n const gold = new THREE.MeshStandardMaterial({ color: \"#a8873f\", roughness: 0.55, metalness: 0.45 });\n\n const s = Math.max(0.75, body.radius * 5.2);\n const cyl = (radius: number, length: number, material: THREE.Material, x = 0, y = 0, z = 0) => {\n const mesh = new THREE.Mesh(new THREE.CylinderGeometry(radius, radius, length, 18, 1, false), material);\n mesh.rotation.z = Math.PI / 2;\n mesh.position.set(x, y, z);\n mesh.userData = { selectableType: \"body\", id: body.id };\n group.add(mesh);\n return mesh;\n };\n\n const box = (sx: number, sy: number, sz: number, material: THREE.Material, x = 0, y = 0, z = 0, rz = 0) => {\n const mesh = new THREE.Mesh(new THREE.BoxGeometry(sx, sy, sz), material);\n mesh.position.set(x, y, z);\n mesh.rotation.z = rz;\n mesh.userData = { selectableType: \"body\", id: body.id };\n group.add(mesh);\n return mesh;\n };\n\n // Upper main pressure hull / lab-like cylinder.\n cyl(0.16 * s, 1.5 * s, white, 0.12 * s, 0.18 * s, 0);\n cyl(0.17 * s, 0.34 * s, offWhite, -0.78 * s, 0.18 * s, 0);\n cyl(0.18 * s, 0.22 * s, dark, -1.02 * s, 0.18 * s, 0);\n cyl(0.15 * s, 0.22 * s, dark, 0.98 * s, 0.18 * s, 0);\n\n // Lower long auxiliary/engine module from the reference silhouette.\n cyl(0.14 * s, 1.75 * s, white, 0.02 * s, -0.26 * s, 0);\n cyl(0.15 * s, 0.28 * s, dark, -0.98 * s, -0.26 * s, 0);\n cyl(0.13 * s, 0.24 * s, dark, 1.02 * s, -0.26 * s, 0);\n\n // Side/foreground short module.\n cyl(0.105 * s, 1.05 * s, offWhite, 0.34 * s, -0.06 * s, 0.34 * s);\n cyl(0.11 * s, 0.18 * s, dark, -0.28 * s, -0.06 * s, 0.34 * s);\n cyl(0.095 * s, 0.16 * s, dark, 0.94 * s, -0.06 * s, 0.34 * s);\n\n // Angled connecting arm / truss-like bridge.\n box(0.74 * s, 0.06 * s, 0.06 * s, offWhite, -0.48 * s, -0.02 * s, 0, -0.38);\n box(0.52 * s, 0.045 * s, 0.045 * s, gold, -0.18 * s, -0.05 * s, 0.2 * s, -0.1);\n box(0.52 * s, 0.045 * s, 0.045 * s, gold, -0.18 * s, -0.05 * s, -0.2 * s, -0.1);\n\n // Small banding/panel details to make it read as a ship rather than a simple icon.\n for (const x of [-0.42, 0.05, 0.48]) {\n cyl(0.166 * s, 0.035 * s, gold, x * s, 0.18 * s, 0);\n }\n for (const x of [-0.55, 0.1, 0.62]) {\n cyl(0.146 * s, 0.03 * s, gold, x * s, -0.26 * s, 0);\n }\n\n // Rotate slightly so the double-hull shape is visible from common camera angles.\n group.rotation.y = -0.35;\n group.rotation.z = 0.06;\n return group;\n}\n\nfunction makeBlipAShip(body: Body) {\n // Low-poly Blip-A model from the reference: dark Eridian central mass with many long,\n // horizontal gold xenonite/astrophage struts/filaments and a small white docked-module cluster.\n const group = new THREE.Group();\n group.userData = { selectableType: \"body\", id: body.id };\n\n const s = Math.max(1.05, body.radius * 6.4);\n const dark = new THREE.MeshStandardMaterial({ color: \"#15110d\", roughness: 0.68, metalness: 0.55 });\n const gold = new THREE.MeshStandardMaterial({ color: \"#b69049\", roughness: 0.55, metalness: 0.58, emissive: \"#3a2608\", emissiveIntensity: 0.25 });\n const dimGold = new THREE.MeshBasicMaterial({ color: \"#8a682e\", transparent: true, opacity: 0.42, depthWrite: false });\n const white = new THREE.MeshStandardMaterial({ color: \"#e8e2d6\", roughness: 0.58, metalness: 0.22 });\n const black = new THREE.MeshStandardMaterial({ color: \"#050505\", roughness: 0.6, metalness: 0.5 });\n\n const addSelectable = (obj: THREE.Object3D) => {\n obj.userData = { selectableType: \"body\", id: body.id };\n group.add(obj);\n return obj;\n };\n\n // Dark irregular central Blip-A mass.\n const core = new THREE.Mesh(new THREE.IcosahedronGeometry(0.46 * s, 1), dark);\n core.scale.set(0.95, 1.55, 0.8);\n core.rotation.set(0.25, 0.35, -0.18);\n addSelectable(core);\n\n // Dense vertical/black structural tower visible in the reference.\n const tower = new THREE.Mesh(new THREE.BoxGeometry(0.16 * s, 1.55 * s, 0.14 * s), black);\n tower.position.set(-0.28 * s, -0.12 * s, 0.08 * s);\n tower.rotation.z = -0.05;\n addSelectable(tower);\n\n // Horizontal golden filament field / xenonite-style ship body.\n const lineMat = dimGold;\n for (let i = 0; i < 42; i += 1) {\n const length = (2.2 + Math.random() * 2.9) * s;\n const radius = (0.006 + Math.random() * 0.006) * s;\n const geom = new THREE.CylinderGeometry(radius, radius, length, 5, 1, false);\n const mesh = new THREE.Mesh(geom, lineMat);\n mesh.rotation.z = Math.PI / 2 + (Math.random() - 0.5) * 0.035;\n mesh.rotation.y = (Math.random() - 0.5) * 0.12;\n mesh.position.set((Math.random() - 0.5) * 0.25 * s, (Math.random() - 0.5) * 0.85 * s, (Math.random() - 0.5) * 0.7 * s);\n addSelectable(mesh);\n }\n\n // Brighter fan/triangular golden lattice around upper central section.\n for (let i = 0; i < 18; i += 1) {\n const geom = new THREE.CylinderGeometry(0.01 * s, 0.01 * s, (0.85 + Math.random() * 0.65) * s, 6, 1, false);\n const mesh = new THREE.Mesh(geom, gold);\n mesh.rotation.z = Math.PI / 2 + (i - 9) * 0.035;\n mesh.rotation.x = 0.55 + (Math.random() - 0.5) * 0.25;\n mesh.position.set(0.12 * s, 0.48 * s + Math.random() * 0.25 * s, (Math.random() - 0.5) * 0.45 * s);\n addSelectable(mesh);\n }\n\n // White Hail-Mary-like docking/adapter cluster on the left side of Blip-A silhouette.\n const makeCylinder = (r: number, len: number, mat: THREE.Material, x: number, y: number, z: number) => {\n const mesh = new THREE.Mesh(new THREE.CylinderGeometry(r, r, len, 14, 1, false), mat);\n mesh.rotation.z = Math.PI / 2;\n mesh.position.set(x, y, z);\n addSelectable(mesh);\n return mesh;\n };\n for (const [y, z, len] of [[-0.08, 0.18, 0.82], [-0.2, -0.04, 0.7], [0.08, -0.12, 0.62]] as const) {\n makeCylinder(0.055 * s, len * s, white, -0.75 * s, y * s, z * s);\n makeCylinder(0.058 * s, 0.11 * s, black, (-0.75 - len / 2) * s, y * s, z * s);\n makeCylinder(0.052 * s, 0.1 * s, black, (-0.75 + len / 2) * s, y * s, z * s);\n }\n\n // Large faint golden horizontal aura to suggest the very wide blurred struts in the image.\n const auraGeom = new THREE.BoxGeometry(4.2 * s, 0.05 * s, 0.95 * s);\n const aura = new THREE.Mesh(auraGeom, new THREE.MeshBasicMaterial({ color: \"#9c7735\", transparent: true, opacity: 0.11, depthWrite: false }));\n aura.position.set(0.05 * s, 0.05 * s, 0);\n addSelectable(aura);\n\n group.rotation.y = -0.45;\n group.rotation.z = 0.04;\n return group;\n}\n\nfunction makeBeetleProbe(body: Body) {\n // Low-poly Beetle probe based on the provided reference: compact central body,\n // front dish/nozzle, rear cylindrical section, and five thin radial antenna/boom arms.\n const group = new THREE.Group();\n group.userData = { selectableType: \"body\", id: body.id };\n\n const s = Math.max(0.62, body.radius * 5.8);\n const dark = new THREE.MeshStandardMaterial({ color: \"#161616\", roughness: 0.6, metalness: 0.5 });\n const white = new THREE.MeshStandardMaterial({ color: \"#e7dfca\", roughness: 0.55, metalness: 0.25 });\n const gold = new THREE.MeshStandardMaterial({ color: \"#c9a35c\", roughness: 0.5, metalness: 0.45, emissive: \"#2a1a04\", emissiveIntensity: 0.16 });\n\n const addSelectable = (obj: THREE.Object3D) => {\n obj.userData = { selectableType: \"body\", id: body.id };\n group.add(obj);\n return obj;\n };\n\n const bodyCore = new THREE.Mesh(new THREE.CylinderGeometry(0.17 * s, 0.17 * s, 0.42 * s, 20, 1, false), dark);\n bodyCore.rotation.z = Math.PI / 2;\n addSelectable(bodyCore);\n\n const rear = new THREE.Mesh(new THREE.CylinderGeometry(0.14 * s, 0.14 * s, 0.32 * s, 18, 1, false), white);\n rear.rotation.z = Math.PI / 2;\n rear.position.x = 0.33 * s;\n addSelectable(rear);\n\n const frontDish = new THREE.Mesh(new THREE.ConeGeometry(0.18 * s, 0.18 * s, 20, 1, false), white);\n frontDish.rotation.z = -Math.PI / 2;\n frontDish.position.x = -0.3 * s;\n addSelectable(frontDish);\n\n const nose = new THREE.Mesh(new THREE.SphereGeometry(0.075 * s, 16, 8), dark);\n nose.position.x = -0.43 * s;\n addSelectable(nose);\n\n const ring = new THREE.Mesh(new THREE.TorusGeometry(0.175 * s, 0.018 * s, 8, 24), gold);\n ring.rotation.y = Math.PI / 2;\n ring.position.x = 0.12 * s;\n addSelectable(ring);\n\n const boomMat = gold;\n const boomAngles = [0, 72, 144, 216, 288].map((deg) => THREE.MathUtils.degToRad(deg));\n for (const a of boomAngles) {\n const length = 0.82 * s;\n const geom = new THREE.CylinderGeometry(0.012 * s, 0.012 * s, length, 6, 1, false);\n const boom = new THREE.Mesh(geom, boomMat);\n boom.position.set(0.05 * s, Math.cos(a) * length * 0.34, Math.sin(a) * length * 0.34);\n boom.quaternion.setFromUnitVectors(new THREE.Vector3(0, 1, 0), new THREE.Vector3(0, Math.cos(a), Math.sin(a)).normalize());\n addSelectable(boom);\n\n const tip = new THREE.Mesh(new THREE.SphereGeometry(0.026 * s, 10, 6), white);\n tip.position.set(0.05 * s, Math.cos(a) * length * 0.7, Math.sin(a) * length * 0.7);\n addSelectable(tip);\n }\n\n // A small side stalk like the reference's off-axis extension.\n const stalk = new THREE.Mesh(new THREE.CylinderGeometry(0.014 * s, 0.014 * s, 0.62 * s, 6, 1, false), white);\n stalk.position.set(0.18 * s, 0.42 * s, 0.18 * s);\n stalk.rotation.x = 0.75;\n stalk.rotation.z = 0.45;\n addSelectable(stalk);\n\n group.rotation.y = -0.55;\n group.rotation.z = 0.15;\n return group;\n}\n\nfunction makeLabel(text: string, scale = 1) {\n const sprite = new THREE.Sprite(new THREE.SpriteMaterial({ map: makeLabelTexture(text), transparent: true, depthWrite: false, depthTest: false }));\n sprite.scale.set(scale * Math.max(2.5, text.length * 0.16), scale * 0.62, 1);\n return sprite;\n}\n\nfunction makeLine(points: THREE.Vector3[], color: string, opacity: number, routeId?: string) {\n const geometry = new THREE.BufferGeometry().setFromPoints(points);\n const material = new THREE.LineBasicMaterial({ color, transparent: true, opacity });\n const line = new THREE.Line(geometry, material);\n if (routeId) line.userData = { selectableType: \"route\", id: routeId };\n return line;\n}\n\nfunction isPetrovaKind(kind: Route[\"kind\"]) {\n return kind === \"petrovaSol\" || kind === \"petrovaTau\" || kind === \"petrovaEridani\";\n}\n\nfunction makePetrovaVisual(points: THREE.Vector3[], routeId: string) {\n const group = new THREE.Group();\n const curve = new THREE.CatmullRomCurve3(points);\n const length = Math.max(1, points[0]?.distanceTo(points[points.length - 1] ?? points[0]) ?? 1);\n\n // Soft transparent dark-red edges: broad outer tube.\n const edgeGeometry = new THREE.TubeGeometry(curve, 96, Math.max(0.05, length * 0.012), 12, false);\n const edge = new THREE.Mesh(\n edgeGeometry,\n new THREE.MeshBasicMaterial({ color: \"#3b0505\", transparent: true, opacity: 0.28, depthWrite: false }),\n );\n edge.userData = { selectableType: \"route\", id: routeId };\n group.add(edge);\n\n // Thin bright-red core filament.\n const coreGeometry = new THREE.TubeGeometry(curve, 96, Math.max(0.018, length * 0.0035), 8, false);\n const core = new THREE.Mesh(\n coreGeometry,\n new THREE.MeshBasicMaterial({ color: \"#ff1d12\", transparent: true, opacity: 0.98 }),\n );\n core.userData = { selectableType: \"route\", id: routeId };\n group.add(core);\n\n const start = points[0] ?? new THREE.Vector3();\n const end = points[points.length - 1] ?? new THREE.Vector3();\n const dir = end.clone().sub(start).normalize();\n\n // Near-star wide diffuse red plume.\n const plume = new THREE.Mesh(\n new THREE.SphereGeometry(Math.max(0.45, length * 0.055), 32, 16),\n new THREE.MeshBasicMaterial({ color: \"#a00000\", transparent: true, opacity: 0.22, depthWrite: false }),\n );\n plume.position.copy(start).add(dir.clone().multiplyScalar(Math.max(0.25, length * 0.025)));\n plume.userData = { selectableType: \"route\", id: routeId };\n group.add(plume);\n\n // Near-planet brighter red funnel, approximated as a cone pointing into the planet endpoint.\n const funnelLength = Math.max(0.65, length * 0.12);\n const funnel = new THREE.Mesh(\n new THREE.ConeGeometry(Math.max(0.18, length * 0.026), funnelLength, 24, 1, true),\n new THREE.MeshBasicMaterial({ color: \"#ff2a1a\", transparent: true, opacity: 0.42, depthWrite: false, side: THREE.DoubleSide }),\n );\n const coneDir = start.clone().sub(end).normalize();\n funnel.position.copy(end).add(coneDir.clone().multiplyScalar(funnelLength * 0.42));\n funnel.quaternion.setFromUnitVectors(new THREE.Vector3(0, 1, 0), coneDir);\n funnel.userData = { selectableType: \"route\", id: routeId };\n group.add(funnel);\n\n return group;\n}\n\nfunction Toggle({ label, value, onChange }: { label: string; value: boolean; onChange: () => void }) {\n return (\n \n );\n}\n\nfunction InfoPanel({ selection, t }: { selection: Selection; t: number }) {\n if (!selection) {\n const ev = currentEvent(t);\n const next = nextEvent(t);\n return (\n

Mission timeline

T = {t.toFixed(3)} Earth-frame years. T=0 is Hail Mary launch. Hail Mary reaches Tau Ceti at T=13.674.

Hail Mary

{speedLabel(\"hail-mary\", t)}

Blip-A

{speedLabel(\"blip-a\", t)}

Beetles

{speedLabel(\"beetles\", t)}

Current / last event

{ev.ship}: {ev.location}

T={ev.t.toFixed(3)} — {ev.description}

\n {next &&

Next: T={next.t.toFixed(3)} — {next.description}

}\n

\n );\n }\n\n if (selection.type === \"event\") {\n const ev = selection.item;\n return (\n

{ev.ship}

T={ev.t.toFixed(3)} — {ev.location}

{ev.description}

\n );\n }\n\n const item = selection.item;\n return (\n

{item.name}

\n {item.real ? \"real anchor\" : \"fictional / inferred\"}\n

\n {selection.type === \"route\" ? (\n

{item.notes}

Active window: T={item.startT.toFixed(3)} → T={item.endT.toFixed(3)} Earth-frame years.

Route type: visualized relativistic/interstellar transfer. It is not a bound orbit.

\n ) : (\n

Type: {item.kind}
Current story status: {shipStatusText(item.id, t) || \"System body\"}
Current speed: {speedLabel(item.id, t)}
Source / assumption: {item.source}
PHM relevance: {item.phm}
Notes: {item.notes}

\n )}\n

\n );\n}\n\nexport default function PHMMissionWebGLApp() {\n const mountRef = useRef(null);\n const selectableRef = useRef([]);\n const timeRef = useRef(HM_ARRIVAL_T);\n const modeRef = useRef(\"cinematic\");\n const filtersRef = useRef({ real: true, fictional: true, orbits: true, paths: true, astrophage: true, historical: true });\n const cameraStateRef = useRef({ yaw: 0.75, pitch: 0.42, distance: 105, target: new THREE.Vector3(42, 24, -12), dragging: false, lastX: 0, lastY: 0 });\n const keysRef = useRef>({});\n\n const [playing, setPlaying] = useState(false);\n const [time, setTime] = useState(HM_ARRIVAL_T);\n const [speedYearsPerSecond, setSpeedYearsPerSecond] = useState(1.0);\n const [mode, setMode] = useState(\"cinematic\");\n const [filters, setFilters] = useState({ real: true, fictional: true, orbits: true, paths: true, astrophage: true, historical: true });\n const [selection, setSelection] = useState(null);\n\n const playingRef = useSyncedRef(playing);\n const speedRef = useSyncedRef(speedYearsPerSecond);\n\n useEffect(() => { timeRef.current = time; }, [time]);\n useEffect(() => { modeRef.current = mode; }, [mode]);\n useEffect(() => { filtersRef.current = filters; }, [filters]);\n\n useEffect(() => {\n const mount = mountRef.current;\n if (!mount) return;\n\n const scene = new THREE.Scene();\n scene.background = new THREE.Color(\"#030712\");\n const camera = new THREE.PerspectiveCamera(48, mount.clientWidth / Math.max(1, mount.clientHeight), 0.1, 2000);\n const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: false });\n renderer.setPixelRatio(Math.min(2, window.devicePixelRatio || 1));\n renderer.setSize(mount.clientWidth, mount.clientHeight);\n mount.innerHTML = \"\";\n mount.appendChild(renderer.domElement);\n\n scene.add(new THREE.AmbientLight(0xffffff, 0.55));\n const sunLight = new THREE.PointLight(0xffffff, 2.3, 700);\n sunLight.position.set(0, 0, 0);\n scene.add(sunLight);\n\n const starGeometry = new THREE.BufferGeometry();\n const starPositions = new Float32Array(2400 * 3);\n for (let i = 0; i < 2400; i += 1) {\n const r = 270 + Math.random() * 180;\n const theta = Math.random() * TAU;\n const phi = Math.acos(2 * Math.random() - 1);\n starPositions[i * 3] = r * Math.sin(phi) * Math.cos(theta);\n starPositions[i * 3 + 1] = r * Math.cos(phi);\n starPositions[i * 3 + 2] = r * Math.sin(phi) * Math.sin(theta);\n }\n starGeometry.setAttribute(\"position\", new THREE.BufferAttribute(starPositions, 3));\n scene.add(new THREE.Points(starGeometry, new THREE.PointsMaterial({ color: 0xffffff, size: 0.65, transparent: true, opacity: 0.72 })));\n\n const root = new THREE.Group();\n scene.add(root);\n\n const raycaster = new THREE.Raycaster();\n raycaster.params.Line = { threshold: 1.8 };\n const pointer = new THREE.Vector2();\n\n const setCamera = () => {\n const st = cameraStateRef.current;\n st.pitch = THREE.MathUtils.clamp(st.pitch, -1.2, 1.2);\n st.distance = THREE.MathUtils.clamp(st.distance, 12, 360);\n const cp = Math.cos(st.pitch);\n camera.position.set(\n st.target.x + st.distance * cp * Math.sin(st.yaw),\n st.target.y + st.distance * Math.sin(st.pitch),\n st.target.z + st.distance * cp * Math.cos(st.yaw),\n );\n camera.lookAt(st.target);\n };\n\n const onPointerDown = (event: PointerEvent) => {\n cameraStateRef.current.dragging = true;\n cameraStateRef.current.lastX = event.clientX;\n cameraStateRef.current.lastY = event.clientY;\n };\n const onPointerMove = (event: PointerEvent) => {\n const st = cameraStateRef.current;\n if (!st.dragging) return;\n const dx = event.clientX - st.lastX;\n const dy = event.clientY - st.lastY;\n st.lastX = event.clientX;\n st.lastY = event.clientY;\n st.yaw -= dx * 0.006;\n st.pitch -= dy * 0.006;\n };\n const onPointerUp = () => { cameraStateRef.current.dragging = false; };\n const onWheel = (event: WheelEvent) => {\n event.preventDefault();\n cameraStateRef.current.distance *= event.deltaY > 0 ? 1.09 : 0.92;\n };\n const onClick = (event: MouseEvent) => {\n const rect = renderer.domElement.getBoundingClientRect();\n pointer.x = ((event.clientX - rect.left) / rect.width) * 2 - 1;\n pointer.y = -(((event.clientY - rect.top) / rect.height) * 2 - 1);\n raycaster.setFromCamera(pointer, camera);\n const hits = raycaster.intersectObjects(selectableRef.current, true);\n const hit = hits.find((h) => h.object.userData?.selectableType || h.object.parent?.userData?.selectableType);\n if (!hit) {\n setSelection(null);\n return;\n }\n const data = hit.object.userData?.selectableType ? hit.object.userData : hit.object.parent?.userData;\n if (data?.selectableType === \"body\") {\n const body = bodyById(data.id);\n if (body) setSelection({ type: \"body\", item: body });\n } else if (data?.selectableType === \"route\") {\n const route = routes.find((r) => r.id === data.id);\n if (route) setSelection({ type: \"route\", item: route });\n } else if (data?.selectableType === \"event\") {\n const ev = timeline.find((e) => e.eventId === data.id);\n if (ev) setSelection({ type: \"event\", item: ev });\n }\n };\n const onResize = () => {\n camera.aspect = mount.clientWidth / Math.max(1, mount.clientHeight);\n camera.updateProjectionMatrix();\n renderer.setSize(mount.clientWidth, mount.clientHeight);\n };\n const onKeyDown = (event: KeyboardEvent) => {\n const tag = (event.target as HTMLElement | null)?.tagName?.toLowerCase();\n if (tag === \"input\" || tag === \"textarea\" || tag === \"select\") return;\n const key = event.key.toLowerCase();\n if ([\"w\", \"a\", \"s\", \"d\", \"q\", \"e\", \"shift\"].includes(key)) event.preventDefault();\n keysRef.current[key] = true;\n };\n const onKeyUp = (event: KeyboardEvent) => {\n keysRef.current[event.key.toLowerCase()] = false;\n };\n\n renderer.domElement.addEventListener(\"pointerdown\", onPointerDown);\n window.addEventListener(\"pointermove\", onPointerMove);\n window.addEventListener(\"pointerup\", onPointerUp);\n renderer.domElement.addEventListener(\"wheel\", onWheel, { passive: false });\n renderer.domElement.addEventListener(\"click\", onClick);\n window.addEventListener(\"resize\", onResize);\n window.addEventListener(\"keydown\", onKeyDown);\n window.addEventListener(\"keyup\", onKeyUp);\n\n let raf = 0;\n let last = performance.now();\n const animate = (now: number) => {\n const dt = Math.min(0.05, (now - last) / 1000);\n last = now;\n if (playingRef.current) {\n const next = Math.min(TIMELINE_END_T, timeRef.current + dt * speedRef.current);\n timeRef.current = next;\n setTime(next);\n if (next >= TIMELINE_END_T) setPlaying(false);\n }\n applyKeyboardCameraMovement(cameraStateRef.current, keysRef.current, dt);\n rebuildScene(root, selectableRef.current, timeRef.current, modeRef.current, filtersRef.current);\n setCamera();\n renderer.render(scene, camera);\n raf = requestAnimationFrame(animate);\n };\n raf = requestAnimationFrame(animate);\n\n return () => {\n cancelAnimationFrame(raf);\n renderer.domElement.removeEventListener(\"pointerdown\", onPointerDown);\n window.removeEventListener(\"pointermove\", onPointerMove);\n window.removeEventListener(\"pointerup\", onPointerUp);\n renderer.domElement.removeEventListener(\"wheel\", onWheel);\n renderer.domElement.removeEventListener(\"click\", onClick);\n window.removeEventListener(\"resize\", onResize);\n window.removeEventListener(\"keydown\", onKeyDown);\n window.removeEventListener(\"keyup\", onKeyUp);\n disposeGroup(root);\n renderer.dispose();\n mount.innerHTML = \"\";\n };\n }, []);\n\n const setFilter = (key: keyof Filters) => setFilters((f) => ({ ...f, [key]: !f[key] }));\n const jumpTo = (t: number) => { timeRef.current = t; setTime(t); setPlaying(false); };\n\n return (\n

\n\n

Project Hail Mary mission map

Timeline-aware Sol → Tau Ceti → 40 Eridani WebGL visualization

Updated from uploaded hailmary.js: Blip-A arrives at Tau Ceti decades before Hail Mary; Beetles launch only after Tau Ceti; Grace starts Earth-return then diverts to rescue Blip-A. Controls: drag to rotate, wheel to zoom, W/S reversed camera target movement, A/D strafe, Q/E for vertical move, Shift for faster movement.

\n\n

\n \n

\n \n \n \n

\n\n Timeline speed: {speedYearsPerSecond.toFixed(1)} Earth-frame years/sec\n setSpeedYearsPerSecond(Number(e.target.value))} />\n\n T = {time.toFixed(3)} Earth-frame years, where T=0 is Hail Mary launch\n jumpTo(Number(e.target.value))} />\n\n

\n \n \n \n \n \n \n

\n\n

\n setFilter(\"real\")} />\n setFilter(\"fictional\")} />\n setFilter(\"orbits\")} />\n setFilter(\"paths\")} />\n setFilter(\"astrophage\")} />\n setFilter(\"historical\")} />\n

\n\n

Story data and legend

\n cyanHail Mary outbound / Earth-return\n violetBlip-A historical inbound\n yellowBlip-A return\n whiteGrace rescue diversion / Hail Mary to Erid\n greenBeetle probes after Tau Ceti\n red trailJohn failure drift path\n pinkinterstellar astrophage streams\n redPetrova line / Petrova Arc\n

Petrova overlays: Venus is shown in the Solar System with its orbit and Sol↔Venus Petrova line, which appears at T=-5, five years before Hail Mary launch, and disappears at T=28.0, one year after the Beetles reach Earth. The timeline extends to T=33.0 so this disappearance remains easy to verify. Adrian is shown orbiting Tau Ceti with a Tau Ceti↔Adrian Petrova line; this is the only Petrova line that stays visible for the entire timeline. In the 40 Eridani A system, Eridani 40 A b / Erid is shown as the first planet, a neutral Secondworld marker clarifies the second orbit, and Threeworld is shown as the third planet with a 40 Eridani A↔Threeworld Petrova Arc, analogous to Venus. The 40 Eridani A↔Threeworld Petrova Arc appears at T=-49.326, five years before Blip-A launches from Eridani 40 A b, and disappears at T=27.2, one year after Hail Mary reaches Eridani 40 A b with Grace and Rocky. The timeline extends five extra years beyond the latest Petrova disappearance so both disappearances are clearly visible. Key facts: Blip-A launches from Eridani 40 A b at T=-44.326, reaches Tau Ceti at T=-32.326, waits ~46 years, Hail Mary launches at T=0, flips/decelerates at the trip midpoint, and reaches Tau Ceti at T=13.674. Rocky departs Tau Ceti at T=14.2; Beetles launch at T=14.4 near Grace's course-change point. After rescue, Rocky transfers to Hail Mary, Blip-A stays disabled at the intercept point, and Hail Mary returns Grace + Rocky to Eridani 40 A b. Ship labels and inspector panel show current speed as fraction of c. During the rescue diversion, Hail Mary accelerates after the course change, then slows to match Blip-A's residual unpowered drift below 0.3c at T=14.8. After the transfer, Hail Mary continues from that matched drift speed, accelerates toward 0.93c, flips at the Erid-leg midpoint, then decelerates toward Eridani 40 A b. Beetles also accelerate toward 0.93c and decelerate after their midpoint toward Earth, except John, which fails at 0.46c and drifts about 15° off the Earth-return path while Paul, George, and Ringo continue to Earth.

\n );\n}\n\nfunction useSyncedRef(value: T) {\n const ref = useRef(value);\n useEffect(() => { ref.current = value; }, [value]);\n return ref;\n}\n\nfunction applyKeyboardCameraMovement(\n st: { yaw: number; pitch: number; distance: number; target: THREE.Vector3; dragging: boolean; lastX: number; lastY: number },\n keys: Record,\n dt: number,\n) {\n const forward = new THREE.Vector3(Math.sin(st.yaw), 0, Math.cos(st.yaw)).normalize();\n const right = new THREE.Vector3(Math.cos(st.yaw), 0, -Math.sin(st.yaw)).normalize();\n const up = new THREE.Vector3(0, 1, 0);\n const movement = new THREE.Vector3();\n\n if (keys.w) movement.sub(forward);\n if (keys.s) movement.add(forward);\n if (keys.d) movement.add(right);\n if (keys.a) movement.sub(right);\n if (keys.e) movement.add(up);\n if (keys.q) movement.sub(up);\n\n if (movement.lengthSq() === 0) return;\n movement.normalize();\n const speed = st.distance * (keys.shift ? 1.45 : 0.55);\n st.target.add(movement.multiplyScalar(speed * dt));\n}\n\nfunction rebuildScene(root: THREE.Group, selectables: THREE.Object3D[], t: number, mode: ScaleMode, filters: Filters) {\n disposeGroup(root);\n selectables.length = 0;\n\n const visibleBodies = bodies.filter((b) => {\n if (b.id.includes(\"removed-placeholder\")) return false;\n if (b.kind === \"spacecraft\" || b.kind === \"probe\") return false;\n if (!filters.real && b.real) return false;\n if (!filters.fictional && !b.real) return false;\n return true;\n });\n\n if (filters.orbits) {\n for (const body of visibleBodies) {\n if (!body.parent || !body.orbit) continue;\n const parent = bodyPositionScene(body.parent, t, mode);\n const pts: THREE.Vector3[] = [];\n for (let i = 0; i <= 160; i += 1) {\n const orbit = { ...body.orbit, phase: i / 160 };\n pts.push(parent.clone().add(localOrbitPosition(orbit, t).multiplyScalar(sceneScale(mode) * localExaggeration(mode) * localVisualBoostForBody(body.id))));\n }\n root.add(makeLine(pts, body.real ? \"#ffffff\" : \"#f6c56b\", body.real ? 0.18 : 0.35));\n }\n }\n\n for (const route of routes) {\n if (!routeVisible(route, t, filters)) continue;\n currentRouteTime = t;\n const pts = baseRoutePoints(route, mode);\n\n if (isPetrovaKind(route.kind)) {\n const petrova = makePetrovaVisual(pts, route.id);\n root.add(petrova);\n selectables.push(...petrova.children);\n } else {\n const line = makeLine(pts, route.color, routeOpacity(route, t, filters), route.id);\n root.add(line);\n selectables.push(line);\n }\n\n const label = makeLabel(route.name, isPetrovaKind(route.kind) ? 1.05 : 0.95);\n const labelU = route.kind === \"blipWait\" ? 0.78 : 0.52;\n label.position.copy(positionAlongPoints(pts, labelU));\n root.add(label);\n\n if (t >= route.startT && t <= route.endT && route.kind !== \"blipWait\" && route.kind !== \"astrophage\" && route.kind !== \"astrophageEridani\" && route.kind !== \"petrovaSol\" && route.kind !== \"petrovaTau\" && route.kind !== \"petrovaEridani\") {\n const progressPts = pts.slice(0, Math.max(2, Math.floor(routeU(route, t) * pts.length)));\n root.add(makeLine(progressPts, \"#ffffff\", 0.95));\n }\n }\n\n for (const body of visibleBodies) {\n const pos = bodyPositionScene(body.id, t, mode);\n const mesh = makeBodyMesh(body);\n mesh.position.copy(pos);\n root.add(mesh);\n selectables.push(mesh);\n\n if (body.kind === \"star\") {\n const glow = new THREE.Mesh(\n new THREE.SphereGeometry(body.radius * 1.85, 40, 20),\n new THREE.MeshBasicMaterial({ color: new THREE.Color(body.emissive ?? body.color), transparent: true, opacity: 0.12, depthWrite: false }),\n );\n glow.position.copy(pos);\n root.add(glow);\n }\n\n const label = makeLabel(body.name, body.id === \"earth\" ? 1.65 : body.id === \"erid\" ? 1.35 : 1.1);\n label.position.copy(pos).add(new THREE.Vector3(0, body.radius + 0.55, 0));\n root.add(label);\n\n if (body.id === \"earth\" || body.id === \"erid\") {\n const halo = new THREE.Mesh(\n new THREE.SphereGeometry(body.radius * (body.id === \"earth\" ? 2.25 : 1.65), 32, 16),\n new THREE.MeshBasicMaterial({ color: new THREE.Color(body.color), transparent: true, opacity: body.id === \"earth\" ? 0.24 : 0.16, depthWrite: false }),\n );\n halo.position.copy(pos);\n root.add(halo);\n }\n }\n\n if (filters.fictional) {\n addShip(root, selectables, \"hail-mary\", t, mode);\n addShip(root, selectables, \"blip-a\", t, mode);\n addShip(root, selectables, \"beetles\", t, mode);\n }\n\n addTimelineMarkers(root, selectables, t, mode);\n}\n\nfunction addShip(root: THREE.Group, selectables: THREE.Object3D[], bodyId: string, t: number, mode: ScaleMode) {\n const body = bodyById(bodyId);\n const pos = shipPositionScene(bodyId, t, mode);\n if (!body || !pos) return;\n\n if (bodyId === \"beetles\") {\n addBeetleFleet(root, selectables, body, pos, t, mode);\n return;\n }\n\n const mesh = makeBodyMesh(body);\n mesh.position.copy(pos);\n root.add(mesh);\n selectables.push(mesh);\n const label = makeLabel(`${body.name} — ${speedLabel(bodyId, t)} — ${shipStatusText(bodyId, t)}`, 0.95);\n label.position.copy(pos).add(new THREE.Vector3(0, body.radius + 0.75, 0));\n root.add(label);\n}\n\nfunction addBeetleFleet(root: THREE.Group, selectables: THREE.Object3D[], body: Body, basePos: THREE.Vector3, t: number, mode: ScaleMode) {\n const names = [\"John\", \"Paul\", \"George\", \"Ringo\"];\n const route = routes.find((r) => r.id === \"beetles-tau-sol\");\n const pts = route ? baseRoutePoints(route, mode) : [];\n const u = route ? routeU(route, t) : 0;\n const current = positionAlongPoints(pts, u);\n const ahead = positionAlongPoints(pts, Math.min(1, u + 0.01));\n const direction = ahead.clone().sub(current).normalize();\n if (direction.lengthSq() < 0.001) direction.set(1, 0, 0);\n const side = new THREE.Vector3().crossVectors(direction, new THREE.Vector3(0, 1, 0)).normalize();\n if (side.lengthSq() < 0.001) side.set(0, 0, 1);\n const up = new THREE.Vector3().crossVectors(side, direction).normalize();\n\n if (t >= JOHN_FAILURE_T) {\n const johnPath = johnFailurePathPoints(mode, t);\n if (johnPath.length > 1) root.add(makeLine(johnPath, \"#ff5555\", 0.82));\n }\n\n const spread = mode === \"cinematic\" ? 0.62 : 0.34;\n const offsets = [\n side.clone().multiplyScalar(-spread).add(up.clone().multiplyScalar(0.18 * spread)),\n side.clone().multiplyScalar(-0.22 * spread).add(up.clone().multiplyScalar(-0.32 * spread)),\n side.clone().multiplyScalar(0.25 * spread).add(up.clone().multiplyScalar(0.34 * spread)),\n side.clone().multiplyScalar(0.72 * spread).add(up.clone().multiplyScalar(-0.12 * spread)),\n ];\n\n names.forEach((name, index) => {\n const johnFailed = name === \"John\" && t >= JOHN_FAILURE_T;\n const pos = johnFailed ? johnPositionScene(t, mode) : basePos.clone().add(offsets[index]);\n const probe = makeBeetleProbe(body);\n probe.position.copy(pos);\n\n if (johnFailed) {\n const johnAhead = johnPositionScene(Math.min(TIMELINE_END_T, t + 0.02), mode);\n const johnDir = johnAhead.clone().sub(pos).normalize();\n probe.quaternion.setFromUnitVectors(new THREE.Vector3(1, 0, 0), johnDir.lengthSq() > 0.001 ? johnDir : direction);\n } else {\n probe.quaternion.setFromUnitVectors(new THREE.Vector3(1, 0, 0), direction);\n }\n\n probe.scale.setScalar(name === \"John\" ? 0.98 : 0.92);\n root.add(probe);\n selectables.push(probe);\n\n const labelText = name === \"John\"\n ? `John — ${johnSpeedLabel(t)}${t >= JOHN_FAILURE_T ? \" — FAILED / 15° off-course drift\" : \"\"}`\n : `${name} — ${speedLabel(\"beetles\", t)}`;\n const label = makeLabel(labelText, name === \"John\" ? 0.86 : 0.82);\n label.position.copy(pos).add(up.clone().multiplyScalar(0.45)).add(new THREE.Vector3(0, body.radius + 0.34, 0));\n root.add(label);\n });\n}\n\nfunction addTimelineMarkers(root: THREE.Group, selectables: THREE.Object3D[], t: number, mode: ScaleMode) {\n for (const ev of timeline) {\n if (Math.abs(ev.t - t) > 0.08) continue;\n const pos = ev.positionLy ? toScenePosition(v3(ev.positionLy), mode) : eventApproxPosition(ev, mode);\n const marker = new THREE.Mesh(\n new THREE.SphereGeometry(0.22, 18, 10),\n new THREE.MeshBasicMaterial({ color: \"#ffffff\", transparent: true, opacity: 0.9 }),\n );\n marker.position.copy(pos).add(new THREE.Vector3(0, 1.2, 0));\n marker.userData = { selectableType: \"event\", id: ev.eventId };\n root.add(marker);\n selectables.push(marker);\n const label = makeLabel(`EVENT: ${ev.ship}`, 0.9);\n label.position.copy(marker.position).add(new THREE.Vector3(0, 0.5, 0));\n root.add(label);\n }\n}\n\nfunction eventApproxPosition(ev: TimelineEvent, mode: ScaleMode) {\n if (ev.eventId.includes(\"diverts\")) return toScenePosition(nearTauEarthwardLy(), mode);\n if (ev.eventId.includes(\"rendezvous\")) return toScenePosition(interceptPointLy(), mode);\n if (ev.eventId.includes(\"cruise\") || ev.eventId.includes(\"deceleration\")) return shipPositionScene(\"hail-mary\", ev.t, mode) ?? new THREE.Vector3();\n return new THREE.Vector3();\n}\n\nfunction disposeGroup(group: THREE.Group) {\n while (group.children.length) {\n const child = group.children.pop();\n if (!child) continue;\n child.traverse((obj: any) => {\n if (obj.geometry) obj.geometry.dispose?.();\n if (obj.material) {\n if (Array.isArray(obj.material)) {\n obj.material.forEach((m: any) => {\n if (m.map) m.map.dispose?.();\n m.dispose?.();\n });\n } else {\n if (obj.material.map) obj.material.map.dispose?.();\n obj.material.dispose?.();\n }\n }\n });\n }\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","283721080701402859","traceTime",1777222601389]