spacemap 0.1.3 → 0.1.5

package/index.js

@@ -37,7 +37,17 @@ var DEFAULT_HOST = {
 		layer_nomenclature: () => "Named features",
 		cooperative_wheel: () => "Use ctrl + scroll to zoom the map",
 		cooperative_wheel_mac: () => "Use ⌘ + scroll to zoom the map",
-		cooperative_touch: () => "Use two fingers to move the map"
+		cooperative_touch: () => "Use two fingers to move the map",
+		planetary_system_primary: () => "primary",
+		planetary_system_retrograde: () => "retrograde",
+		planetary_system_axis_unit: () => "primary radii · log",
+		tab_rings: () => "Rings",
+		system_map_solar_system: () => "Solar System",
+		system_map_moons: ({ count }) => count === 1 ? "1 moon" : `${count} moons`,
+		system_map_zone_inner: () => "Inner asteroids & comets",
+		system_map_zone_outer: () => "Outer asteroids & comets",
+		unit_symbol_astronomical_unit: () => "AU",
+		system_map_axis_au: () => "AU · log"
 	},
 	bodyHref: () => "",
 	textures: "open"
@@ -6213,6 +6223,9 @@ var BodyIndex = class {
 	set orientationVersion(value) {
 		set(this.#orientationVersion, value, true);
 	}
+	orientationRead = /* @__PURE__ */ new Set();
+	hostRead = /* @__PURE__ */ new Map();
+	hostReadVersion = 0;
 	childrenByParent = /* @__PURE__ */ new Map();
 	moonMaxAByParent = /* @__PURE__ */ new Map();
 	addListeners = /* @__PURE__ */ new Set();
@@ -6776,6 +6789,7 @@ var VisibilityController = class {
 	scaledSystem = SYSTEM_DISTANCE_RATIO_THRESHOLDS;
 	fullMoonIds = /* @__PURE__ */ new Set();
 	moonVisibilityCache = /* @__PURE__ */ new Map();
+	pinned = /* @__PURE__ */ new Set();
 	constructor(bodies, getProbeStore = () => null, getEarthSatGroupFilter = () => null, getSmallBodyFilter = () => null, getLayers = () => ALL_LAYERS) {
 		this.bodies = bodies;
 		this.getProbeStore = getProbeStore;
@@ -6872,8 +6886,19 @@ var VisibilityController = class {
 		this.moonVisibilityCache.set(moon.data.id, vis);
 		return vis;
 	}
+	setPinned(ids) {
+		this.pinned = new Set(ids);
+	}
+	isPinned(id) {
+		return this.pinned.has(id);
+	}
 	getPlanetVisibility(body, camDistThreeJS) {
-		if (this.getLayers().hidesBody(body.data.objectType, body.data.parentId)) return VISIBILITY.HIDE;
+		const pinned = this.pinned.has(body.data.id);
+		const vis = this.ratioVisibility(body, camDistThreeJS, pinned);
+		return pinned && vis !== VISIBILITY.CLOSE ? VISIBILITY.FULL : vis;
+	}
+	ratioVisibility(body, camDistThreeJS, pinned) {
+		if (!pinned && this.getLayers().hidesBody(body.data.objectType, body.data.parentId)) return VISIBILITY.HIDE;
 		if (body.data.orbitalSource === OrbitalSource.SPICE_PROBE) return this.getProbeVisibility(body);
 		const earthFilter = this.getEarthSatGroupFilter();
 		if (earthFilter && body.data.parentId === "naif-399" && !earthFilter.has(body.data.id)) return VISIBILITY.HIDE;
@@ -6926,7 +6951,7 @@ var VisibilityController = class {
 		return sysNaif !== null && this.isInFocusedSystem(`naif-${sysNaif}`);
 	}
 	hasFullRendering(body) {
-		if (!this.activeSystemId) return true;
+		if (!this.activeSystemId || this.pinned.has(body.data.id)) return true;
 		if (this.isInActiveSystem(isTopLevelParent(body.data.parentId) ? body.data.id : body.data.parentId)) return true;
 		if (body.data.orbitalSource !== OrbitalSource.SPICE_PROBE) return false;
 		const ps = this.getProbeStore();
@@ -10311,20 +10336,35 @@ async function loadTierBitmaps(id, tier, priority) {
 	}));
 }
 var tierPrefetch = /* @__PURE__ */ new Map();
+var tierClaims = /* @__PURE__ */ new Map();
 function tierKey(id, tier) {
 	return `${id}:${tier}`;
 }
-function tierBitmaps(id, tier, priority) {
+function tierBitmaps(id, tier, priority, claim = true) {
 	const key = tierKey(id, tier);
 	let p = tierPrefetch.get(key);
 	if (!p) {
-		p = loadTierBitmaps(id, tier, priority);
+		const loading = loadTierBitmaps(id, tier, priority);
+		p = loading;
 		tierPrefetch.set(key, p);
+		loading.catch(() => {
+			if (tierPrefetch.get(key) !== loading) return;
+			tierPrefetch.delete(key);
+			tierClaims.delete(key);
+		});
 	}
+	if (claim) tierClaims.set(key, (tierClaims.get(key) ?? 0) + 1);
 	return p;
 }
 function releaseTierBitmaps(id, tier, bitmaps) {
-	tierPrefetch.delete(tierKey(id, tier));
+	const key = tierKey(id, tier);
+	const left = (tierClaims.get(key) ?? 1) - 1;
+	if (left > 0) {
+		tierClaims.set(key, left);
+		return;
+	}
+	tierClaims.delete(key);
+	tierPrefetch.delete(key);
 	for (const b of bitmaps) b.close();
 }
 function makeCube(bitmaps) {
@@ -10339,10 +10379,10 @@ function pickLowTier(meta) {
 }
 function prefetchSkyboxTiers(meta) {
 	const low = pickLowTier(meta);
-	if (low) tierBitmaps(meta.id, low).catch(() => tierPrefetch.delete(tierKey(meta.id, low)));
+	if (low) tierBitmaps(meta.id, low, void 0, false).catch(() => {});
 }
 var FULL_TIER_GATE_TIMEOUT_MS = 12e3;
-async function loadFromMeta(scene, renderer, meta) {
+async function loadFromMeta(scene, renderer, meta, disposed) {
 	const tier = pickTier$1(meta, Math.min(renderer.capabilities.maxTextureSize, currentRenderTier().maxSkyboxFace));
 	if (!tier) {
 		console.warn(`Skybox ${meta.id}: no tiers declared`);
@@ -10355,7 +10395,7 @@ async function loadFromMeta(scene, renderer, meta) {
 	};
 	let fullInstalled = false;
 	if (lowTier && lowTier !== tier) tierBitmaps(meta.id, lowTier).then((bitmaps) => {
-		if (fullInstalled) {
+		if (fullInstalled || disposed()) {
 			releaseTierBitmaps(meta.id, lowTier, bitmaps);
 			return;
 		}
@@ -10363,11 +10403,38 @@ async function loadFromMeta(scene, renderer, meta) {
 		lowRef.bitmaps = bitmaps;
 		scene.background = lowRef.cube;
 		performance.mark("sm-skybox-low");
+		if (fullFailed) keepLow();
 	}).catch(() => {});
+	let fullFailed = false;
+	const keepLow = () => {
+		if (!lowTier || !lowRef.cube || !lowRef.bitmaps) return;
+		renderer.initTexture(lowRef.cube);
+		releaseTierBitmaps(meta.id, lowTier, lowRef.bitmaps);
+		lowRef.bitmaps = null;
+	};
 	if (tier !== lowTier) await Promise.race([eagerMinorsDone, new Promise((resolve) => setTimeout(resolve, FULL_TIER_GATE_TIMEOUT_MS))]);
-	const fullBitmaps = await tierBitmaps(meta.id, tier, tier === lowTier ? void 0 : "low");
-	const full = makeCube(fullBitmaps);
+	let fullBitmaps;
+	try {
+		fullBitmaps = await tierBitmaps(meta.id, tier, tier === lowTier ? void 0 : "low");
+	} catch (err) {
+		fullFailed = true;
+		if (!disposed()) keepLow();
+		else if (lowTier && lowRef.bitmaps) {
+			lowRef.cube?.dispose();
+			releaseTierBitmaps(meta.id, lowTier, lowRef.bitmaps);
+			lowRef.bitmaps = null;
+		}
+		throw err;
+	}
 	await new Promise((resolve) => "requestIdleCallback" in window ? requestIdleCallback(() => resolve(), { timeout: 2e3 }) : setTimeout(resolve, 500));
+	if (disposed()) {
+		fullInstalled = true;
+		lowRef.cube?.dispose();
+		releaseTierBitmaps(meta.id, tier, fullBitmaps);
+		if (lowTier && lowTier !== tier && lowRef.bitmaps) releaseTierBitmaps(meta.id, lowTier, lowRef.bitmaps);
+		return;
+	}
+	const full = makeCube(fullBitmaps);
 	renderer.initTexture(full);
 	fullInstalled = true;
 	const prevBackground = scene.background;
@@ -10378,7 +10445,7 @@ async function loadFromMeta(scene, renderer, meta) {
 	releaseTierBitmaps(meta.id, tier, fullBitmaps);
 	if (lowTier && lowTier !== tier && lowRef.bitmaps) releaseTierBitmaps(meta.id, lowTier, lowRef.bitmaps);
 }
-async function loadSkybox(scene, renderer, ctx) {
+async function loadSkybox(scene, renderer, ctx, disposed = () => false) {
 	if (ctx?.layers.skipped.has("stars")) return;
 	try {
 		const meta = await fetchMetadata();
@@ -10390,7 +10457,7 @@ async function loadSkybox(scene, renderer, ctx) {
 			attribution: meta.skybox.attribution,
 			description: meta.skybox.description
 		};
-		await loadFromMeta(scene, renderer, meta.skybox);
+		await loadFromMeta(scene, renderer, meta.skybox, disposed);
 	} catch (err) {
 		console.warn("Failed to load skybox:", err);
 	}
@@ -12231,8 +12298,9 @@ function makeTrailMaterial(color, brightness = TRAIL_DIM) {
 		`
 	});
 }
-function makeFatTrailMaterial(color, lineWidth, brightness = TRAIL_DIM) {
+function makeFatTrailMaterial(color, lineWidth, brightness = TRAIL_DIM, dash) {
 	return new ShaderMaterial({
+		defines: dash ? { DASHED: "" } : {},
 		transparent: true,
 		depthWrite: false,
 		side: DoubleSide,
@@ -12243,7 +12311,8 @@ function makeFatTrailMaterial(color, lineWidth, brightness = TRAIL_DIM) {
 			uAlphaMin: { value: 0 },
 			uShowFull: { value: 0 },
 			uLineWidth: { value: lineWidth },
-			uResolution: { value: TRAIL_RESOLUTION }
+			uResolution: { value: TRAIL_RESOLUTION },
+			uDash: { value: new Vector2(dash?.[0] ?? 0, dash?.[1] ?? 0) }
 		},
 		vertexShader: `
 			#include <common>
@@ -12257,6 +12326,11 @@ function makeFatTrailMaterial(color, lineWidth, brightness = TRAIL_DIM) {
 			attribute float trailAlpha;
 			attribute float fullAlpha;
 			varying float vAlpha;
+			#ifdef DASHED
+			attribute float lineDistance;
+			varying float vDistW;
+			varying float vW;
+			#endif
 			void main() {
 				vAlpha = mix(trailAlpha, fullAlpha, uShowFull);
 				vec3 currRel = position + uCenterOffset;
@@ -12273,6 +12347,13 @@ function makeFatTrailMaterial(color, lineWidth, brightness = TRAIL_DIM) {
 				vec2 perp = vec2(-dirN.y, dirN.x) * side * uLineWidth * 0.5;
 				vec2 offsetNDC = perp / (uResolution * 0.5);
 				gl_Position = vec4((currNDC + offsetNDC) * currClip.w, currClip.zw);
+				#ifdef DASHED
+				// Carried times w and divided back out per fragment, which undoes
+				// the perspective a varying is interpolated with: the dashes are
+				// even on screen however much nearer one end is.
+				vDistW = lineDistance * currClip.w;
+				vW = currClip.w;
+				#endif
 				#include <logdepthbuf_vertex>
 			}
 		`,
@@ -12282,7 +12363,15 @@ function makeFatTrailMaterial(color, lineWidth, brightness = TRAIL_DIM) {
 			uniform float uAlphaMultiplier;
 			uniform float uAlphaMin;
 			varying float vAlpha;
+			#ifdef DASHED
+			uniform vec2 uDash;
+			varying float vDistW;
+			varying float vW;
+			#endif
 			void main() {
+				#ifdef DASHED
+				if (mod(vDistW / vW, uDash.x + uDash.y) > uDash.x) discard;
+				#endif
 				gl_FragColor = vec4(uColor, clamp(max(vAlpha * uAlphaMultiplier, uAlphaMin), 0.0, 1.0));
 				#include <logdepthbuf_fragment>
 			}
@@ -12393,6 +12482,7 @@ function bootThree(canvas, labelContainer, ctx) {
 //#region src/lib/scene/minor-body-position.ts
 function refreshMinorBodyPosition(body, jd, ctx) {
 	const d = body.data;
+	body.placedJd = jd;
 	const isParabolic = d.q != null;
 	let parentPos;
 	if (d.parentId === "naif-0") parentPos = [
@@ -12431,6 +12521,47 @@ function refreshMinorBodyPosition(body, jd, ctx) {
 	}
 	body.positionUnknown = false;
 }
+function refreshMoonPosition(body, jd, ctx) {
+	const d = body.data;
+	body.placedJd = jd;
+	body.positionUnknown = true;
+	if (d.unplaceable) return;
+	if (d.visibleFromDays !== void 0 && jd - 2451545 < d.visibleFromDays) return;
+	const parent = ctx.getBody(d.parentId);
+	if (!parent || !placeForRead(parent, jd, ctx)) return;
+	const parentPos = parent.position;
+	const offset = ctx.chebStore?.has(d.id) ? ctx.chebStore.positionScene(d.id, jd) : d.a === 0 ? [
+		0,
+		0,
+		0
+	] : orbitalElementsToPositionJD(d, jd);
+	if (!offset) return;
+	body.position[0] = parentPos[0] + offset[0];
+	body.position[1] = parentPos[1] + offset[1];
+	body.position[2] = parentPos[2] + offset[2];
+	if (body.orbitCenter) {
+		body.orbitCenter[0] = parentPos[0];
+		body.orbitCenter[1] = parentPos[1];
+		body.orbitCenter[2] = parentPos[2];
+	}
+	body.positionUnknown = false;
+}
+var HOST_READ_MS = 2e3;
+function placeForRead(body, jd, ctx) {
+	const d = body.data;
+	const stale = body.placedJd !== jd;
+	if (d.orbitalSource === OrbitalSource.SPICE_PROBE) {
+		const { hostRead } = ctx.bodies;
+		if (!stale && !hostRead.has(d.id)) return !body.positionUnknown;
+		if (!hostRead.has(d.id)) ctx.bodies.hostReadVersion++;
+		hostRead.set(d.id, performance.now());
+		if (stale) return false;
+	} else if (stale) {
+		if (d.objectType === ObjectType.MOON) refreshMoonPosition(body, jd, ctx);
+		else if (!ctx.bodies.bodiesById.has(d.id) && !isSurfaceFeature(body)) refreshMinorBodyPosition(body, jd, ctx);
+	}
+	return !body.positionUnknown;
+}
 
 //#endregion
 //#region src/lib/fetch/attitude/parse.ts
@@ -14045,7 +14176,7 @@ function cullOverlappingLabels(bodyObjects, screenWidth, screenHeight, camera, f
 		c.isCapped = body.data.objectType === ObjectType.MOON ? ctx.visibility.getMoonVisibility(body) === VISIBILITY.CAPPED : false;
 		c.isMinor = bo.isMinor;
 		c.isFocused = isFocused;
-		c.isSelected = isFocused || isHovered;
+		c.isSelected = isFocused || isHovered || ctx.visibility.isPinned(body.data.id);
 		c.dist = bo.cachedDist;
 	}
 	_candidates.length = _candidatesActive;
@@ -16766,6 +16897,7 @@ function applyRadiiToMesh(bo, radii) {
 async function loadBodyTexture(bo, textureLoader, currentJd, scene, maxTextureSize, ctx) {
 	if (bo.textureTier || bo.textureLoading) return;
 	const detail = await fetchObjectDetail(bo.body.data.id, false);
+	ctx?.bodies.orientationRead.add(bo.body.data.id);
 	if (!detail.global) return;
 	if (detail.global.orientation && !bo.body.orientation) applyBodyOrientation(bo, detail.global.orientation, ctx);
 	if (detail.global.radii && bo.radiusScene > 0 && !bo.radiiApplied && !detail.global.displacement?.absolute_radius) applyRadiiToMesh(bo, detail.global.radii);
@@ -17670,10 +17802,18 @@ function buildThinLineFromArrays(posArr, trailAlphas, fullAlphas, total, color)
 	line.renderOrder = TRAIL_RENDER_ORDER;
 	return line;
 }
-function buildFatLineFromThin(capacity, posArr, trailAlphas, fullAlphas, total, color, lineWidth, brightness) {
+function writeLineDistances(geometry, src, n) {
+	const attr = geometry.getAttribute("lineDistance");
+	const arr = attr.array;
+	const m = Math.min(n, arr.length / 2);
+	for (let i = 0; i < m; i++) arr[2 * i] = arr[2 * i + 1] = src[i];
+	attr.needsUpdate = true;
+}
+function buildFatLineFromThin(capacity, posArr, trailAlphas, fullAlphas, total, color, lineWidth, brightness, dash) {
 	const geometry = makeFatTrailGeometry(capacity);
+	if (dash) geometry.setAttribute("lineDistance", new Float32BufferAttribute(new Float32Array(2 * capacity), 1));
 	writeFatTrailVertices(geometry, posArr, trailAlphas, fullAlphas, total);
-	const mesh = new Mesh(geometry, makeFatTrailMaterial(color, lineWidth, brightness));
+	const mesh = new Mesh(geometry, makeFatTrailMaterial(color, lineWidth, brightness, dash));
 	mesh.matrixAutoUpdate = false;
 	mesh.renderOrder = TRAIL_RENDER_ORDER;
 	return mesh;
@@ -17934,6 +18074,7 @@ async function loadSystemData(barycenterId, bodyObjects, scene, textureLoader, c
 		if (surface) ctx?.credits.registerImagery("surface", bodyId, barycenterId, surface);
 		const bo = bodyObjects.get(bodyId);
 		if (!bo?.mesh) continue;
+		ctx?.bodies.orientationRead.add(bodyId);
 		if (bodyMeta.orientation) {
 			applyBodyOrientation(bo, bodyMeta.orientation, ctx, barycenterId);
 			if (bodyMeta.nut_prec) {
@@ -19098,6 +19239,7 @@ var SMALL_BODY_MAX_OPACITY = EMPHASIS_MAX_OPACITY;
 var PointCloudSystem = class {
 	orbitPool = new OrbitWorkerPool();
 	pickRegistry = new PickRegistry();
+	disposed = false;
 	workerPoints = {
 		asteroid: /* @__PURE__ */ new Map(),
 		spacecraft: /* @__PURE__ */ new Map()
@@ -19283,7 +19425,7 @@ var PointCloudSystem = class {
 		return true;
 	}
 	async rebuildMinorPass() {
-		if (this.ctx.bodies.dirtyAsteroidZones.size === 0 && this.ctx.bodies.dirtySpacecraftGroups.size === 0) return;
+		if (this.disposed || this.ctx.bodies.dirtyAsteroidZones.size === 0 && this.ctx.bodies.dirtySpacecraftGroups.size === 0) return;
 		const seedBasis = [
 			this.basisPos[0],
 			this.basisPos[1],
@@ -19303,6 +19445,7 @@ var PointCloudSystem = class {
 				groups: [],
 				baseWorker: 0
 			};
+			if (this.disposed) return;
 			const cloudColor = bucket && groups.length > 0 ? bucket.cloudColor() : "#888888";
 			for (let i = 0; i < k; i++) {
 				const key = `${zone}#${i}`;
@@ -19330,6 +19473,7 @@ var PointCloudSystem = class {
 			this.ctx.bodies.dirtySpacecraftGroups.delete(gid);
 			drainedGroups.push(gid);
 			const { buckets, baseWorker } = await partitionForWorkersSliced(gid, drawnSpacecraft(this.ctx.layers, gid, bucket ? Array.from(bucket.values()) : []), k);
+			if (this.disposed) return;
 			const skip = new Set(this.bodyObjects.keys());
 			for (let i = 0; i < k; i++) {
 				const key = `${gid}#${i}`;
@@ -19651,6 +19795,7 @@ var PointCloudSystem = class {
 		return this.moonPoints;
 	}
 	dispose() {
+		this.disposed = true;
 		this.orbitPool.destroy();
 		this.pickRegistry.clear();
 		for (const kind of WORKER_CLOUD_KINDS) this.disposeClouds(this.workerPoints[kind]);
@@ -20080,7 +20225,7 @@ function updateBodyVisibility(bodyObjects, camera, ctx, focusTruePos, focusedBod
 			isClose = !subPixel;
 			showLabel = !isClose;
 		}
-		if (bo.isMinor && !isFocused && trail) trail.visible = false;
+		if (bo.isMinor && !isFocused && trail && !ctx.visibility.isPinned(body.data.id)) trail.visible = false;
 		if (suppressHeliocentricTrails && trail?.visible) {
 			const oc = trail.userData.orbitCenter;
 			if (oc && oc.distanceToSquared(_focusV3.set(fp[0], fp[1], fp[2])) > HELIO_CENTER_DIST_SQ) trail.visible = false;
@@ -21271,18 +21416,32 @@ function updatePositions(params) {
 	for (const body of ctx.bodies.bodiesById.values()) positionMap.set(body.data.id, body.position);
 	for (const bo of bodyObjects.values()) if (!ctx.bodies.bodiesById.has(bo.body.data.id)) positionMap.set(bo.body.data.id, bo.body.position);
 	const computed = /* @__PURE__ */ new Set();
+	const placeFirst = (id) => {
+		if (computed.has(id)) return;
+		const body = ctx.bodies.bodiesById.get(id) ?? bodyObjects.get(id)?.body;
+		if (body) computePosition(body);
+	};
+	const now = performance.now();
+	const hostReads = (id) => {
+		const at = ctx.bodies.hostRead.get(id);
+		if (at === void 0) return false;
+		if (now - at < 2e3) return true;
+		ctx.bodies.hostRead.delete(id);
+		return false;
+	};
 	const computePosition = (body) => {
 		if (computed.has(body.data.id)) return;
 		computed.add(body.data.id);
 		const d = body.data;
 		const bo = bodyObjects.get(d.id);
-		if (bo && frame !== void 0 && d.id !== focusedId && !bo.group.visible && !bo.trail?.visible && (d.orbitalSource === OrbitalSource.SPICE_PROBE || !isMajorBody(d.objectType))) {
+		if (bo && frame !== void 0 && d.id !== focusedId && !hostReads(d.id) && !bo.group.visible && !bo.trail?.visible && (d.orbitalSource === OrbitalSource.SPICE_PROBE || !isMajorBody(d.objectType))) {
 			bo.staggerSlot ??= nextStaggerSlot++ % HIDDEN_STRIDE;
 			if (frame % HIDDEN_STRIDE !== bo.staggerSlot) return;
 		}
 		const hide = (notForNotice = false) => {
 			if (bo) bo.outOfRange = true;
 			body.positionUnknown = true;
+			body.placedJd = jd;
 			if (!notForNotice && d.id === focusedId) oorState.focusedOutOfRange = true;
 		};
 		if (d.unplaceable) {
@@ -21363,6 +21522,7 @@ function updatePositions(params) {
 			const probeLanded = located.probe.landed;
 			if (probeLanded && isLandedAt(located.probe, jd)) {
 				const flyingFrameId = d.parentId;
+				placeFirst(`naif-${probeLanded.bodyNaifId}`);
 				const landedRender = renderLandedProbe(d, located.probe, probeLanded, jd, positionMap, ctx, bodyObjects);
 				if (!landedRender) {
 					hide();
@@ -21370,6 +21530,7 @@ function updatePositions(params) {
 				}
 				diagnostics.clear("probe-unavailable", d.id);
 				body.positionUnknown = false;
+				body.placedJd = jd;
 				if (flyingFrameId !== d.parentId) body.trailBuffer?.clear();
 				if (bo) {
 					bo.outOfRange = false;
@@ -21449,10 +21610,7 @@ function updatePositions(params) {
 				populateProbeTrailBuffer(buf, ctx.probeStore, ctx.chebStore ?? null, d.id, probeParentKey, jd);
 			}
 			if (probeParentChanged) d.parentId = probeParentKey;
-			if (!computed.has(probeParentKey)) {
-				const parentBody = ctx.bodies.bodiesById.get(probeParentKey) ?? bodyObjects.get(probeParentKey)?.body;
-				if (parentBody) computePosition(parentBody);
-			}
+			placeFirst(probeParentKey);
 			const probeParentPos = positionMap.get(probeParentKey);
 			if (!probeParentPos) {
 				hide();
@@ -21507,6 +21665,7 @@ function updatePositions(params) {
 		}
 		if (bo) bo.outOfRange = false;
 		body.positionUnknown = false;
+		body.placedJd = jd;
 		body.position[0] = x;
 		body.position[1] = y;
 		body.position[2] = z;
@@ -22615,6 +22774,8 @@ var PromotionRegistry = class {
 	defaults = /* @__PURE__ */ new Set();
 	userPromoted = /* @__PURE__ */ new Set();
 	autoPromoted = /* @__PURE__ */ new Set();
+	pinned = /* @__PURE__ */ new Set();
+	pinPromoted = /* @__PURE__ */ new Set();
 	groupTargets = null;
 	groupMode = "none";
 	smallBodyZone = null;
@@ -22624,6 +22785,7 @@ var PromotionRegistry = class {
 		this.deps = deps;
 		deps.ctx.bodies.onBodiesAdded(() => {
 			this.onBodiesAdded();
+			this.buildPinned();
 			this.autoPromoteAsteroidMoons();
 			this.reevaluateEarthSatMode();
 			if (this.smallBodyZone !== null) this.refreshSmallBodyEmphasis();
@@ -22813,6 +22975,31 @@ var PromotionRegistry = class {
 		if (toRemove.length === 0) return;
 		this.tearDownBodies(toRemove, this.autoPromoted);
 	}
+	setPinned(ids) {
+		this.pinned = new Set(ids);
+		const focusedId = this.deps.getFocusedId();
+		const dropped = [...this.pinPromoted].filter((id) => !this.pinned.has(id));
+		if (focusedId && dropped.includes(focusedId)) {
+			this.pinPromoted.delete(focusedId);
+			this.userPromoted.add(focusedId);
+			this.emitUserPromotedCount();
+		}
+		this.tearDownBodies(dropped.filter((id) => id !== focusedId), this.pinPromoted);
+		this.buildPinned();
+	}
+	buildPinned() {
+		let built = false;
+		for (const id of this.pinned) {
+			const body = this.deps.ctx.getBody(id);
+			if (!body || isSurfaceFeature(body) || body.data.objectType === ObjectType.MOON) continue;
+			if (!this.buildBodyInstance(body)) continue;
+			built = true;
+			if (this.userPromoted.delete(id)) this.pinPromoted.add(id);
+		}
+		if (!built) return;
+		this.emitUserPromotedCount();
+		this.finalizeBuilds();
+	}
 	clearUserPromoted() {
 		const focusedId = this.deps.getFocusedId();
 		const toRemove = [...this.userPromoted].filter((id) => id !== focusedId);
@@ -23180,7 +23367,7 @@ function upgradeTargets(focus, ctx) {
 //#endregion
 //#region src/lib/scene/probe-coverage-watch.ts
 var STOP_INSET_JD = 1e-6;
-function displayName(body) {
+function displayName$1(body) {
 	return body.data.name ?? body.data.id;
 }
 var ProbeCoverageWatch = class {
@@ -23223,7 +23410,7 @@ var ProbeCoverageWatch = class {
 	onHit(body, hitJd, forwardJd) {
 		this.notices.notify({
 			topic: "coverage-pause",
-			name: displayName(body),
+			name: displayName$1(body),
 			direction: hitJd >= forwardJd ? "forward" : "backward",
 			jd: hitJd
 		});
@@ -23299,10 +23486,14 @@ function rotateByQuaternion(q, x, y, z, out, at) {
 	out[at + 1] = y + q.w * ty + (q.z * tx - q.x * tz);
 	out[at + 2] = z + q.w * tz + (q.x * ty - q.y * tx);
 }
+function bodyCentre(body, ctx, jd) {
+	return placeForRead(body, jd, ctx) ? body.position : null;
+}
 function resolveAnchor(anchor, ctx, jd) {
 	const body = ctx.getBody(anchor.body);
-	if (!body) return null;
-	const [cx, cy, cz] = body.position;
+	const centre = body && bodyCentre(body, ctx, jd);
+	if (!centre) return null;
+	const [cx, cy, cz] = centre;
 	if (isSurface(anchor)) {
 		const distance = kmToScene(effectiveRadiusKm(body.data) + (anchor.altitudeKm ?? 0));
 		const [dx, dy, dz] = surfaceDirection(anchor.latitude, anchor.longitude);
@@ -23338,12 +23529,13 @@ function resolveAnchor(anchor, ctx, jd) {
 		cz + oz
 	];
 }
-function anchorNormal(anchor, world, ctx) {
+function anchorNormal(anchor, world, ctx, jd) {
 	const body = ctx.getBody(anchor.body);
-	if (!body) return null;
-	const dx = world[0] - body.position[0];
-	const dy = world[1] - body.position[1];
-	const dz = world[2] - body.position[2];
+	const centre = body && bodyCentre(body, ctx, jd);
+	if (!centre) return null;
+	const dx = world[0] - centre[0];
+	const dy = world[1] - centre[1];
+	const dz = world[2] - centre[2];
 	const length = Math.hypot(dx, dy, dz);
 	if (length === 0) return null;
 	return [
@@ -23568,9 +23760,14 @@ var SceneRenderer = class SceneRenderer {
 		focusDurationMs: FOCUS_DURATION_MS
 	};
 	lastUpdatedJd = NaN;
+	get placedJd() {
+		return this.lastUpdatedJd;
+	}
 	lastUpdatedSystemId = null;
 	lastSeatConfigKey = null;
 	lastProbeVersion = 0;
+	disposed = false;
+	lastHostReadVersion = 0;
 	focusWasOutOfRange = false;
 	_positionMapScratch = /* @__PURE__ */ new Map();
 	frameIndex = 0;
@@ -23673,7 +23870,7 @@ var SceneRenderer = class SceneRenderer {
 		this.orbitPreview = new OrbitPreviewOverlay(this.scene);
 		this.orbitPreview.setLayer(SceneRenderer.MAP_LAYER);
 		this.skyboxAdjuster.set(0, 0, 0);
-		loadSkybox(this.scene, this.renderer, ctx);
+		loadSkybox(this.scene, this.renderer, ctx, () => this.disposed);
 		const sunBody = ctx.bodies.majorBodies.find((b) => b.data.id === SUN_ID);
 		const resident = ctx.getBody(initialView.id);
 		const matchedBody = resident && !resident.positionUnknown ? resident : void 0;
@@ -24542,7 +24739,8 @@ var SceneRenderer = class SceneRenderer {
 		const systemId = this.ctx.visibility.focusedSystemId;
 		const seatKey = this.focusedSeatConfigKey();
 		const probeVersion = this.ctx.probeStore?.version ?? 0;
-		if (this.clock.jd === this.lastUpdatedJd && systemId === this.lastUpdatedSystemId && seatKey === this.lastSeatConfigKey && probeVersion === this.lastProbeVersion) {
+		const hostReadVersion = this.ctx.bodies.hostReadVersion;
+		if (this.clock.jd === this.lastUpdatedJd && systemId === this.lastUpdatedSystemId && seatKey === this.lastSeatConfigKey && probeVersion === this.lastProbeVersion && hostReadVersion === this.lastHostReadVersion) {
 			this.clock.seeked = false;
 			return;
 		}
@@ -24552,6 +24750,7 @@ var SceneRenderer = class SceneRenderer {
 		this.lastUpdatedSystemId = systemId;
 		this.lastSeatConfigKey = seatKey;
 		this.lastProbeVersion = probeVersion;
+		this.lastHostReadVersion = hostReadVersion;
 		this.ctx.refreshTick(jdToDate(this.clock.jd));
 		this.focusController.promotion.onSimTimeChanged();
 		const result = updatePositions({
@@ -24737,6 +24936,10 @@ var SceneRenderer = class SceneRenderer {
 	setBodyAppearance(id, appearance) {
 		this.appearances.set(id, appearance);
 	}
+	setPinnedBodies(ids) {
+		this.ctx.visibility.setPinned(ids);
+		this.focusController.promotion.setPinned(ids);
+	}
 	setNorthReference(id) {
 		this.cameraUp.setNorthReference(id);
 	}
@@ -24887,7 +25090,7 @@ var SceneRenderer = class SceneRenderer {
 		this.renderer.setPixelRatio(renderPixelRatio());
 		this.composer.setPixelRatio(renderPixelRatio());
 		this.resize(this.canvas.clientWidth, this.canvas.clientHeight);
-		loadSkybox(this.scene, this.renderer, this.ctx);
+		loadSkybox(this.scene, this.renderer, this.ctx, () => this.disposed);
 		this.resume();
 	}
 	recoverWorkersIfDead(timeoutMs) {
@@ -24918,6 +25121,7 @@ var SceneRenderer = class SceneRenderer {
 		setTrailResolution(width, height);
 	}
 	dispose() {
+		this.disposed = true;
 		cancelAnimationFrame(this.rafId);
 		this.pointerInteraction.detach();
 		this.gpuPick.dispose();
@@ -25339,8 +25543,8 @@ var MarkerExtension = class {
 		this.label.visible = this.occlude ? this.facesCamera(world, frame) : true;
 		this.object.updateMatrixWorld(true);
 	}
-	facesCamera(world, { camera, ctx }) {
-		const normal = anchorNormal(this.anchor, world, ctx);
+	facesCamera(world, { camera, ctx, jd }) {
+		const normal = anchorNormal(this.anchor, world, ctx, jd);
 		if (!normal) return true;
 		const { position } = this.label;
 		const dx = camera.position.x - position.x;
@@ -25354,6 +25558,153 @@ var MarkerExtension = class {
 	}
 };
 
+//#endregion
+//#region src/lib/scene/extensions/screen.ts
+var REACH = 3;
+var right = new Vector3();
+var up = new Vector3();
+var forward = new Vector3();
+function parseDash(pattern) {
+	const [dash, gap = dash] = (pattern ?? "").split(/[\s,]+/).filter(Boolean).map(Number);
+	return dash > 0 && gap > 0 ? [dash, gap] : null;
+}
+function aim(camera, viewportPx) {
+	right.set(1, 0, 0).applyQuaternion(camera.quaternion);
+	up.set(0, 1, 0).applyQuaternion(camera.quaternion);
+	forward.set(0, 0, -1).applyQuaternion(camera.quaternion);
+	return viewportPx / (2 * Math.tan(camera.getEffectiveFOV() * Math.PI / 360));
+}
+function view(points, i, camera, out) {
+	const x = points[i * 3] - camera.position.x;
+	const y = points[i * 3 + 1] - camera.position.y;
+	const z = points[i * 3 + 2] - camera.position.z;
+	out[0] = x * right.x + y * right.y + z * right.z;
+	out[1] = x * up.x + y * up.y + z * up.z;
+	out[2] = x * forward.x + y * forward.y + z * forward.z;
+}
+function reachesBehind(points, count, camera) {
+	forward.set(0, 0, -1).applyQuaternion(camera.quaternion);
+	const { x, y, z } = camera.position;
+	for (let i = 0; i < count; i++) if ((points[i * 3] - x) * forward.x + (points[i * 3 + 1] - y) * forward.y + (points[i * 3 + 2] - z) * forward.z < camera.near * 2) return true;
+	return false;
+}
+function screenLengths(points, count, camera, viewportPx, out) {
+	const focal = aim(camera, viewportPx);
+	const at = [
+		0,
+		0,
+		0
+	];
+	let length = 0;
+	let lastX = 0;
+	let lastY = 0;
+	let seen = false;
+	for (let i = 0; i < count; i++) {
+		view(points, i, camera, at);
+		if (at[2] > camera.near) {
+			const px = at[0] / at[2] * focal;
+			const py = at[1] / at[2] * focal;
+			if (seen) length += Math.hypot(px - lastX, py - lastY);
+			lastX = px;
+			lastY = py;
+			seen = true;
+		}
+		out[i] = length;
+	}
+}
+var SeenLine = class {
+	points = new Float32Array(0);
+	alphas = new Float32Array(0);
+	lengths = new Float32Array(0);
+	count = 0;
+	a = [
+		0,
+		0,
+		0
+	];
+	b = [
+		0,
+		0,
+		0
+	];
+	see(points, alphas, count, camera, viewportPx) {
+		if (this.alphas.length < count * 4) {
+			this.points = new Float32Array(count * 12);
+			this.alphas = new Float32Array(count * 4);
+			this.lengths = new Float32Array(count * 4);
+		}
+		this.count = 0;
+		const focal = aim(camera, viewportPx);
+		const halfW = viewportPx * camera.aspect * REACH / 2;
+		const halfH = viewportPx * REACH / 2;
+		const near = camera.near * 2;
+		let { a, b } = this;
+		let joined = false;
+		let length = 0;
+		let lastX = 0;
+		let lastY = 0;
+		if (count > 0) view(points, 0, camera, a);
+		for (let i = 0; i + 1 < count; i++, [a, b] = [b, a]) {
+			view(points, i + 1, camera, b);
+			let from = 0;
+			let to = 1;
+			for (let plane = 0; plane < 5 && from <= to; plane++) {
+				const ga = edge(plane, a, focal, halfW, halfH, near);
+				const gb = edge(plane, b, focal, halfW, halfH, near);
+				if (ga < 0 && gb < 0) to = -1;
+				else if (ga < 0) from = Math.max(from, ga / (ga - gb));
+				else if (gb < 0) to = Math.min(to, ga / (ga - gb));
+			}
+			if (from > to) {
+				joined = false;
+				continue;
+			}
+			const depth = a[2] + (b[2] - a[2]) * from;
+			const x = (a[0] + (b[0] - a[0]) * from) / depth * focal;
+			const y = (a[1] + (b[1] - a[1]) * from) / depth * focal;
+			if (!joined || from > 0) {
+				if (this.count > 0) {
+					this.copy(this.count - 1, 0);
+					this.put(points, alphas, i, from, length, 0);
+				}
+				this.put(points, alphas, i, from, length, 1);
+				lastX = x;
+				lastY = y;
+			}
+			const endDepth = a[2] + (b[2] - a[2]) * to;
+			const endX = (a[0] + (b[0] - a[0]) * to) / endDepth * focal;
+			const endY = (a[1] + (b[1] - a[1]) * to) / endDepth * focal;
+			length += Math.hypot(endX - lastX, endY - lastY);
+			lastX = endX;
+			lastY = endY;
+			this.put(points, alphas, i, to, length, 1);
+			joined = to === 1;
+		}
+	}
+	put(points, alphas, i, t, length, shown) {
+		const at = this.count++;
+		for (let k = 0; k < 3; k++) {
+			const from = points[i * 3 + k];
+			this.points[at * 3 + k] = from + (points[i * 3 + 3 + k] - from) * t;
+		}
+		this.alphas[at] = (alphas[i] + (alphas[i + 1] - alphas[i]) * t) * shown;
+		this.lengths[at] = length;
+	}
+	copy(from, shown) {
+		const at = this.count++;
+		this.points.copyWithin(at * 3, from * 3, from * 3 + 3);
+		this.alphas[at] = this.alphas[from] * shown;
+		this.lengths[at] = this.lengths[from];
+	}
+};
+function edge(plane, at, focal, halfW, halfH, near) {
+	if (plane === 0) return at[2] - near;
+	if (plane === 1) return halfW * at[2] - focal * at[0];
+	if (plane === 2) return halfW * at[2] + focal * at[0];
+	if (plane === 3) return halfH * at[2] - focal * at[1];
+	return halfH * at[2] + focal * at[1];
+}
+
 //#endregion
 //#region src/lib/scene/extensions/polyline.ts
 var REDRAW_EPSILON$1 = 1e-9;
@@ -25363,6 +25714,7 @@ var PolylineExtension = class {
 	color;
 	widthPx;
 	opacity;
+	dash;
 	fade;
 	closed;
 	local;
@@ -25370,6 +25722,7 @@ var PolylineExtension = class {
 	mesh = null;
 	scratch = new Float32Array(0);
 	alphas = new Float32Array(0);
+	seen = new SeenLine();
 	capacity = 0;
 	lastOrigin = [
 		0,
@@ -25384,6 +25737,7 @@ var PolylineExtension = class {
 		this.color = options.color ?? "#ffffff";
 		this.widthPx = options.widthPx ?? 2;
 		this.opacity = options.opacity ?? 1;
+		this.dash = parseDash(options.dash);
 		this.fade = options.fade ?? false;
 		this.closed = options.closed ?? false;
 		this.local = new Float64Array(0);
@@ -25404,6 +25758,10 @@ var PolylineExtension = class {
 		}
 		if (count > points.length) this.local.copyWithin(points.length * 3, 0, 3);
 		this.count = count;
+		if (this.alphas.length < count) {
+			this.scratch = new Float32Array(count * 3);
+			this.alphas = new Float32Array(count);
+		}
 		if (count > this.capacity) this.rebuild(count);
 		this.fillAlphas();
 		this.dirty = true;
@@ -25422,38 +25780,35 @@ var PolylineExtension = class {
 		this.removeSelf?.();
 		this.removeSelf = null;
 	}
-	update({ jd, basis, camera, ctx }) {
-		const mesh = this.mesh;
-		if (!mesh) return;
+	update({ jd, basis, camera, viewportPx, ctx }) {
 		const world = this.wanted && this.count >= 2 ? resolveAnchor(this.anchor, ctx, jd) : null;
-		mesh.visible = world !== null;
-		if (!world) return;
+		if (this.mesh) this.mesh.visible = world !== null;
+		if (!this.mesh || !world) return;
 		const origin = [
 			world[0] - basis[0],
 			world[1] - basis[1],
 			world[2] - basis[2]
 		];
-		if (this.dirty || Math.abs(origin[0] - this.lastOrigin[0]) > REDRAW_EPSILON$1 || Math.abs(origin[1] - this.lastOrigin[1]) > REDRAW_EPSILON$1 || Math.abs(origin[2] - this.lastOrigin[2]) > REDRAW_EPSILON$1) {
-			this.writeVertices(mesh, origin);
+		const moved = this.dirty || Math.abs(origin[0] - this.lastOrigin[0]) > REDRAW_EPSILON$1 || Math.abs(origin[1] - this.lastOrigin[1]) > REDRAW_EPSILON$1 || Math.abs(origin[2] - this.lastOrigin[2]) > REDRAW_EPSILON$1;
+		if (moved) {
+			for (let i = 0; i < this.count * 3; i++) this.scratch[i] = this.local[i] + origin[i % 3];
 			this.lastOrigin = origin;
-			this.dirty = false;
 		}
-		mesh.material.uniforms.uCenterOffset.value.copy(camera.position).negate();
-	}
-	writeVertices(mesh, origin) {
-		for (let i = 0; i < this.count; i++) {
-			this.scratch[i * 3] = this.local[i * 3] + origin[0];
-			this.scratch[i * 3 + 1] = this.local[i * 3 + 1] + origin[1];
-			this.scratch[i * 3 + 2] = this.local[i * 3 + 2] + origin[2];
-		}
-		writeFatTrailVertices(mesh.geometry, this.scratch, this.alphas, this.alphas, this.count);
+		const cut = this.dash !== null || reachesBehind(this.scratch, this.count, camera);
+		if (cut) {
+			const { seen } = this;
+			seen.see(this.scratch, this.alphas, this.count, camera, viewportPx);
+			if (seen.count > this.capacity) this.rebuild(seen.count);
+			writeFatTrailVertices(this.mesh.geometry, seen.points, seen.alphas, seen.alphas, seen.count);
+			if (this.dash) writeLineDistances(this.mesh.geometry, seen.lengths, seen.count);
+		} else if (moved) writeFatTrailVertices(this.mesh.geometry, this.scratch, this.alphas, this.alphas, this.count);
+		this.dirty = cut;
+		this.mesh.material.uniforms.uCenterOffset.value.copy(camera.position).negate();
 	}
 	rebuild(capacity) {
 		this.disposeMesh();
 		this.dirty = true;
-		this.scratch = new Float32Array(capacity * 3);
-		this.alphas = new Float32Array(capacity);
-		const mesh = buildFatLineFromThin(capacity, this.scratch, this.alphas, this.alphas, capacity, this.color, this.widthPx, 1);
+		const mesh = buildFatLineFromThin(capacity, this.scratch, this.alphas, this.alphas, 0, this.color, this.widthPx, 1, this.dash ?? void 0);
 		mesh.frustumCulled = false;
 		this.object.add(mesh);
 		this.mesh = mesh;
@@ -26642,6 +26997,7 @@ var SurfaceShapeExtension = class {
 	color;
 	widthPx;
 	opacity;
+	dash;
 	fillColor;
 	fillOpacity;
 	dirs = new Float64Array(0);
@@ -26649,6 +27005,7 @@ var SurfaceShapeExtension = class {
 	line = null;
 	scratch = new Float32Array(0);
 	alphas = new Float32Array(0);
+	lengths = new Float32Array(0);
 	fanDirs = new Float64Array(0);
 	fill = null;
 	fillScratch = new Float32Array(0);
@@ -26668,6 +27025,7 @@ var SurfaceShapeExtension = class {
 		this.color = options.color ?? "#ffffff";
 		this.widthPx = options.widthPx ?? 2;
 		this.opacity = options.opacity ?? 1;
+		this.dash = parseDash(options.dash);
 		this.fillColor = options.fill ?? null;
 		this.fillOpacity = options.fillOpacity ?? .25;
 		this.object.matrixAutoUpdate = false;
@@ -26700,22 +27058,27 @@ var SurfaceShapeExtension = class {
 		this.removeSelf?.();
 		this.removeSelf = null;
 	}
-	update({ jd, basis, camera, ctx }) {
+	update({ jd, basis, camera, viewportPx, ctx }) {
 		const body = this.wanted && this.count >= 2 ? ctx.getBody(this.body) : void 0;
-		if (this.line) this.line.visible = body !== void 0;
-		if (this.fill) this.fill.visible = body !== void 0;
-		if (!body) return;
+		const centre = body && bodyCentre(body, ctx, jd);
+		if (this.line) this.line.visible = !!centre;
+		if (this.fill) this.fill.visible = !!centre;
+		if (!body || !centre) return;
 		const radiusKm = effectiveRadiusKm(body.data);
 		const scale = kmToScene(radiusKm + (this.altitudeKm ?? radiusKm * DEFAULT_LIFT));
 		const q = body.orientation ? bodyQuaternion(body.orientation, jd, body.nutPrec) : null;
 		const origin = [
-			body.position[0] - basis[0],
-			body.position[1] - basis[1],
-			body.position[2] - basis[2]
+			centre[0] - basis[0],
+			centre[1] - basis[1],
+			centre[2] - basis[2]
 		];
 		if (this.line) {
 			this.place(this.dirs, this.count, q, scale, origin, this.scratch);
 			writeFatTrailVertices(this.line.geometry, this.scratch, this.alphas, this.alphas, this.count);
+			if (this.dash) {
+				screenLengths(this.scratch, this.count, camera, viewportPx, this.lengths);
+				writeLineDistances(this.line.geometry, this.lengths, this.count);
+			}
 			this.line.material.uniforms.uCenterOffset.value.copy(camera.position).negate();
 		}
 		if (this.fill) {
@@ -26744,7 +27107,8 @@ var SurfaceShapeExtension = class {
 		if (this.count < 2 || this.widthPx <= 0) return;
 		this.scratch = new Float32Array(this.count * 3);
 		this.alphas = new Float32Array(this.count).fill(this.opacity);
-		const line = buildFatLineFromThin(this.count, this.scratch, this.alphas, this.alphas, this.count, this.color, this.widthPx, 1);
+		this.lengths = new Float32Array(this.count);
+		const line = buildFatLineFromThin(this.count, this.scratch, this.alphas, this.alphas, this.count, this.color, this.widthPx, 1, this.dash ?? void 0);
 		line.frustumCulled = false;
 		line.renderOrder = SURFACE_RENDER_ORDER;
 		this.object.add(line);
@@ -26941,6 +27305,50 @@ var MapObjectCollection = class {
 	}
 };
 
+//#endregion
+//#region src/lib/scene/extensions/measure.ts
+function anchorOffsetKm(a, b, ctx, jd) {
+	const from = resolveAnchor(a, ctx, jd);
+	const to = resolveAnchor(b, ctx, jd);
+	if (!from || !to) return null;
+	return sceneToEcliptic([
+		to[0] - from[0],
+		to[1] - from[1],
+		to[2] - from[2]
+	]);
+}
+function anchorDistanceKm(a, b, ctx, jd) {
+	const offset = anchorOffsetKm(a, b, ctx, jd);
+	return offset && Math.hypot(...offset);
+}
+function subsolarPoint(id, ctx, jd) {
+	const body = ctx.getBody(id);
+	const sun = ctx.getBody(SUN_ID);
+	if (!body || !sun || body === sun) return null;
+	if (!body.orientation && !ctx.bodies.orientationRead.has(id)) return null;
+	const centre = bodyCentre(body, ctx, jd);
+	if (!centre) return null;
+	const turn = body.orientation ? bodyQuaternion(body.orientation, jd, body.nutPrec).toArray() : [
+		0,
+		0,
+		0,
+		1
+	];
+	const { latitude, longitude, distance } = cartesianToSpherical([
+		sun.position[0],
+		sun.position[1],
+		sun.position[2]
+	], [
+		centre[0],
+		centre[1],
+		centre[2]
+	], turn);
+	return distance > 0 ? {
+		lon: longitude,
+		lat: latitude
+	} : null;
+}
+
 //#endregion
 //#region src/lib/interaction/gesture.ts
 var GestureHandler = class {
@@ -27121,7 +27529,8 @@ var KEY_ROTATE_RAD = .05;
 var KEY_ZOOM_FACTOR = 1.15;
 var CONTEXT_LOST_PANEL_DELAY_MS = 2e3;
 var RESTORE_PING_TIMEOUT_MS = 4e3;
-var onceTarget$1 = /* @__PURE__ */ new WeakMap();
+var mapsIn = /* @__PURE__ */ new WeakMap();
+var onceTarget$2 = /* @__PURE__ */ new WeakMap();
 var SpaceMap = class {
 	ctx = new ContextManager();
 	clock;
@@ -27222,14 +27631,14 @@ var SpaceMap = class {
 			off();
 			listener(...args);
 		};
-		onceTarget$1.set(wrapped, listener);
+		onceTarget$2.set(wrapped, listener);
 		const off = this.on(event, wrapped);
 		return off;
 	}
 	off(event, listener) {
 		const set = this.listeners[event];
 		set.delete(listener);
-		for (const held of set) if (onceTarget$1.get(held) === listener) set.delete(held);
+		for (const held of set) if (onceTarget$2.get(held) === listener) set.delete(held);
 	}
 	emit(event, ...args) {
 		for (const listener of this.listeners[event]) listener(...args);
@@ -27247,6 +27656,19 @@ var SpaceMap = class {
 	getChildren(id) {
 		return [...this.ctx.bodies.getChildren(id) ?? []];
 	}
+	get placedJd() {
+		const jd = this.renderer?.placedJd;
+		return jd === void 0 || Number.isNaN(jd) ? this.clock.jd : jd;
+	}
+	distanceKm(from, to) {
+		return anchorDistanceKm(from, to, this.ctx, this.placedJd);
+	}
+	offsetKm(from, to) {
+		return anchorOffsetKm(from, to, this.ctx, this.placedJd);
+	}
+	getSubsolarPoint(id) {
+		return subsolarPoint(id, this.ctx, this.placedJd);
+	}
 	load(targetId = this.initialView.id) {
 		return this.ctx.load(jdToDate(this.clock.jd), targetId);
 	}
@@ -27278,6 +27700,7 @@ var SpaceMap = class {
 		if (this.container) throw new Error("SpaceMap is already mounted");
 		this.container = container;
 		container.classList.add("sm-map");
+		mapsIn.set(container, (mapsIn.get(container) ?? 0) + 1);
 		this.controls = new ControlHost(this, container);
 		const canvas = document.createElement("canvas");
 		canvas.className = "sm-map__canvas";
@@ -27357,7 +27780,9 @@ var SpaceMap = class {
 		this.renderer = null;
 		canvas.remove();
 		this.labelLayer?.remove();
-		container.classList.remove("sm-map");
+		const left = (mapsIn.get(container) ?? 1) - 1;
+		mapsIn.set(container, left);
+		if (left === 0) container.classList.remove("sm-map");
 		this.container = this.canvas = this.labelLayer = null;
 	}
 	watch(renderer) {
@@ -27722,6 +28147,10 @@ var SpaceMap = class {
 		this.requireRenderer().setBodyAppearance(id, appearance);
 		return this;
 	}
+	setPinnedBodies(ids) {
+		this.requireRenderer().setPinnedBodies(ids);
+		return this;
+	}
 	capRadiusDeg(options) {
 		if (options.radiusDeg !== void 0) return options.radiusDeg;
 		const bodyRadiusKm = this.getBody(options.body)?.radiusKm;
@@ -27778,7 +28207,7 @@ var SpaceMap = class {
 
 //#endregion
 //#region src/lib/flatmap/layers.ts
-var SVG_NS = "http://www.w3.org/2000/svg";
+var SVG_NS$1 = "http://www.w3.org/2000/svg";
 function layerInfo(layer) {
 	return {
 		id: layer.id,
@@ -27796,7 +28225,7 @@ function creditOf(bundle) {
 	};
 }
 function pathElement(d, className) {
-	const path = document.createElementNS(SVG_NS, "path");
+	const path = document.createElementNS(SVG_NS$1, "path");
 	path.setAttribute("d", d);
 	path.setAttribute("class", className);
 	return path;
@@ -27815,7 +28244,7 @@ function graticuleLayer(label, stepDeg = 30) {
 			if (viewport.projection.azimuthal) {
 				const centre = viewport.toScreen(0, 0);
 				const edge = viewport.toScreen(viewport.projection.extent.maxX, 0);
-				const circle = document.createElementNS(SVG_NS, "circle");
+				const circle = document.createElementNS(SVG_NS$1, "circle");
 				circle.setAttribute("cx", String(centre[0]));
 				circle.setAttribute("cy", String(centre[1]));
 				circle.setAttribute("r", String(Math.abs(edge[0] - centre[0])));
@@ -27852,12 +28281,12 @@ function nomenclatureLayer(bodyId, label) {
 				for (const shift of shifts) {
 					const x = at[0] + shift;
 					if (x < 0 || x > viewport.width) continue;
-					const dot = document.createElementNS(SVG_NS, "circle");
+					const dot = document.createElementNS(SVG_NS$1, "circle");
 					dot.setAttribute("cx", x.toFixed(1));
 					dot.setAttribute("cy", at[1].toFixed(1));
 					dot.setAttribute("r", "1.6");
 					dot.setAttribute("class", "sm-flat__feature-dot");
-					const text = document.createElementNS(SVG_NS, "text");
+					const text = document.createElementNS(SVG_NS$1, "text");
 					text.setAttribute("x", (x + 4).toFixed(1));
 					text.setAttribute("y", (at[1] + 3).toFixed(1));
 					text.setAttribute("class", "sm-flat__feature-label");
@@ -27904,12 +28333,12 @@ var PathDrawing = class {
 		this.onRemove = onRemove;
 		this.onChange = onChange;
 		this.points = points;
-		this.node = document.createElementNS(SVG_NS, "g");
+		this.node = document.createElementNS(SVG_NS$1, "g");
 		applyStyle(this.node, style);
 		bindEvents(this.node, style);
-		this.area = closed ? document.createElementNS(SVG_NS, "path") : null;
+		this.area = closed ? document.createElementNS(SVG_NS$1, "path") : null;
 		this.area?.setAttribute("stroke", "none");
-		this.edge = document.createElementNS(SVG_NS, "path");
+		this.edge = document.createElementNS(SVG_NS$1, "path");
 		this.edge.setAttribute("fill", "none");
 		if (this.area) this.node.append(this.area);
 		this.node.append(this.edge);
@@ -28230,27 +28659,33 @@ async function fetchJson(url) {
 		return null;
 	}
 }
-async function fromBundle(bodyId) {
-	const meta = await fetchJson(versionedUrl(`/v1/textures/${bodyId}/metadata.json`, "textures"));
-	if (!meta) return {};
-	if (!textureAllowed(meta.distribution)) return {};
-	const tiers = Object.keys(meta.exports ?? {}).filter((k) => [
-		"low",
-		"medium",
-		"high"
-	].includes(k));
-	if (tiers.length === 0) return {};
-	return { surface: {
+async function tiersOf(bundleId) {
+	const found = await Promise.all(TIER_ORDER.map((tier) => fetch(versionedUrl(`/v1/textures/${bundleId}/${tier}.webp`, "textures"), { method: "HEAD" }).then((response) => response.ok).catch(() => false)));
+	return TIER_ORDER.filter((_, i) => found[i]);
+}
+async function fromRecord(bodyId, record, tiers = tiersOf) {
+	if (!record?.map_texture_available || !record.texture) return {};
+	const surface = pickTexture([{
+		...record.texture,
 		id: bodyId,
-		tiers,
-		source: String(meta.source ?? ""),
-		organisation: String(meta.organisation ?? ""),
-		type: String(meta.type ?? "cylindrical"),
-		attribution: meta.attribution,
-		description: meta.description,
-		license: meta.license,
-		distribution: meta.distribution
-	} };
+		tiers: void 0
+	}, ...record.alternates ?? []]);
+	if (!surface) return {};
+	const written = surface.tiers ?? await tiers(surface.id);
+	if (written.length === 0) return {};
+	const { frames, ...bundle } = surface;
+	const radii = record.radii;
+	return {
+		surface: {
+			...bundle,
+			tiers: written,
+			monthlyFrames: frames
+		},
+		radiusKm: radii ? (radii.a + radii.b + radii.c) / 3 : void 0
+	};
+}
+async function fromBundle(bodyId) {
+	return fromRecord(bodyId, (await fetchObjectDetail(bodyId, false).catch(() => null))?.global);
 }
 async function loadBodySources(bodyId) {
 	const systemId = systemIdFor(bodyId);
@@ -28551,14 +28986,14 @@ var RASTER_LAYERS = [
 function isRaster(layer) {
 	return layer.kind === "raster";
 }
-var onceTarget = /* @__PURE__ */ new WeakMap();
+var onceTarget$1 = /* @__PURE__ */ new WeakMap();
 var FlatMap = class {
 	container = null;
 	root = document.createElement("div");
 	canvas = document.createElement("canvas");
-	svg = document.createElementNS(SVG_NS, "svg");
-	layerGroup = document.createElementNS(SVG_NS, "g");
-	shapeGroup = document.createElementNS(SVG_NS, "g");
+	svg = document.createElementNS(SVG_NS$1, "svg");
+	layerGroup = document.createElementNS(SVG_NS$1, "g");
+	shapeGroup = document.createElementNS(SVG_NS$1, "g");
 	markerLayer = document.createElement("div");
 	ctx;
 	overlay;
@@ -28929,7 +29364,7 @@ var FlatMap = class {
 			off();
 			listener(...args);
 		});
-		onceTarget.set(wrapped, listener);
+		onceTarget$1.set(wrapped, listener);
 		const off = this.on(event, wrapped);
 		return off;
 	}
@@ -28937,7 +29372,7 @@ var FlatMap = class {
 		const set = this.listeners.get(event);
 		if (!set) return;
 		set.delete(listener);
-		for (const held of set) if (onceTarget.get(held) === listener) set.delete(held);
+		for (const held of set) if (onceTarget$1.get(held) === listener) set.delete(held);
 	}
 	emit(event, ...args) {
 		const set = this.listeners.get(event);
@@ -29141,7 +29576,7 @@ var FlatMap = class {
 		this.layerGroup.replaceChildren();
 		for (const layer of this.layerList) {
 			if (isRaster(layer) || !layer.visible) continue;
-			const group = document.createElementNS(SVG_NS, "g");
+			const group = document.createElementNS(SVG_NS$1, "g");
 			group.setAttribute("data-layer", layer.id);
 			layer.render(viewport, group);
 			this.layerGroup.append(group);
@@ -30074,6 +30509,1455 @@ var PanoramaView = class {
 	};
 };
 
+//#endregion
+//#region src/lib/fetch/groups/planetary-systems-map.ts
+var fetchPlanetarySystemsMap = memoizedGzJson(() => `${dataBase()}/v1/groups/__planetary_systems_map__.json.gz`, { error: (res) => `Failed to fetch planetary systems map: ${res.status}` });
+
+//#endregion
+//#region src/lib/fetch/groups/solar-system-map.ts
+var fetchSolarSystemMap = memoizedGzJson(() => `${dataBase()}/v1/groups/__solar_system_map__.json.gz`, { error: (res) => `Failed to fetch solar system map: ${res.status}` });
+
+//#endregion
+//#region src/lib/charts/scrub.ts
+var DRAG_SLOP = 8;
+function createScrub({ onScrub, onEnd }) {
+	let downX = null;
+	let downY = 0;
+	let scrubbing = false;
+	function end() {
+		if (scrubbing) onEnd();
+		downX = null;
+		scrubbing = false;
+	}
+	return {
+		onpointerdown(e) {
+			if (e.pointerType === "mouse") return;
+			downX = e.clientX;
+			downY = e.clientY;
+			scrubbing = false;
+		},
+		onpointermove(e) {
+			if (e.pointerType === "mouse" || downX === null) return;
+			if (!scrubbing && Math.hypot(e.clientX - downX, e.clientY - downY) < 8) return;
+			scrubbing = true;
+			onScrub(e.clientX, e.clientY);
+		},
+		onpointerup: end,
+		onpointercancel: end,
+		onpointerleave: end
+	};
+}
+
+//#endregion
+//#region src/lib/systemmap/layout.ts
+var VIEW_H = 240;
+var X_LEFT = 44;
+var X_RIGHT = 700;
+var CY = 120;
+var MIN_R = 2.2;
+var MAX_OFFSET = 84;
+var PRIMARY_LIMB_X = 44 - 4;
+var MOON_GAP = 4;
+var MOON_SPACING = 3;
+var HIT_MARGIN = 16;
+var INSIDE = 1e4;
+var MOON_ZONE_W = 34;
+var MOON_ZONE_PAD = 7;
+var RING_FORESHORTEN = .42;
+var BAND_Y = 26;
+var BAND_H = 240 - 60;
+var BAND_MIN_HIT = 30;
+function minDistance(cx, cy, placed) {
+	let min = Infinity;
+	for (const p of placed) min = Math.min(min, Math.hypot(p.cx - cx, p.cy - cy));
+	return min;
+}
+function foldTilt(tiltDeg) {
+	return tiltDeg > 90 ? 180 - tiltDeg : tiltDeg;
+}
+function layout(model) {
+	const logLo = Math.log10(model.domain[0]);
+	const logSpan = Math.log10(model.domain[1]) - logLo;
+	const xOf = (km) => {
+		return 44 + (Math.log10(Math.max(km / model.unitKm, 1e-9)) - logLo) / logSpan * (700 - 44);
+	};
+	const bodies = [];
+	for (const b of [...model.bodies].sort((a, b) => a.aKm - b.aKm)) {
+		const cx = xOf(b.aKm);
+		const r = Math.max(MIN_R, b.radiusKm * model.pxPerKm);
+		let cy = 120;
+		if (b.tiltDeg > 0) {
+			const offset = Math.min(foldTilt(b.tiltDeg) * model.pxPerDeg, MAX_OFFSET);
+			const up = 120 - offset;
+			const down = 120 + offset;
+			cy = minDistance(cx, up, bodies) >= minDistance(cx, down, bodies) ? up : down;
+		}
+		bodies.push({
+			...b,
+			cx,
+			cy,
+			r
+		});
+	}
+	const moonZones = [];
+	for (const parent of bodies) {
+		if (!parent.satellites?.length) continue;
+		const ringTop = parent.rings ? parent.r * parent.rings.outer * RING_FORESHORTEN : 0;
+		let y = parent.cy - Math.max(parent.r, ringTop) - MOON_GAP;
+		const moons = [];
+		for (const s of [...parent.satellites].sort((a, b) => b.radiusKm - a.radiusKm)) {
+			const r = Math.max(MIN_R, s.radiusKm * model.pxPerKm);
+			y -= r;
+			moons.push({
+				...s,
+				cx: parent.cx,
+				cy: y,
+				r,
+				hitY: 0,
+				hitHeight: 0
+			});
+			y -= r + MOON_SPACING;
+		}
+		const top = Math.min(...moons.map((mn) => mn.cy - mn.r)) - MOON_ZONE_PAD;
+		const bottom = Math.max(...moons.map((mn) => mn.cy + mn.r)) + MOON_ZONE_PAD;
+		moons.forEach((mn, idx) => {
+			const below = idx === 0 ? bottom : (moons[idx - 1].cy + mn.cy) / 2;
+			const above = idx === moons.length - 1 ? top : (moons[idx + 1].cy + mn.cy) / 2;
+			mn.hitY = above;
+			mn.hitHeight = below - above;
+		});
+		moonZones.push({
+			parent,
+			moons,
+			x: parent.cx - MOON_ZONE_W / 2,
+			y: top,
+			width: MOON_ZONE_W,
+			height: bottom - top,
+			perMoon: !parent.grouped && !parent.satellitesLink && moons.some((mn) => mn.link)
+		});
+	}
+	const bands = model.bands.map((b) => {
+		const x = xOf(b.innerKm);
+		const width = xOf(b.outerKm) - x;
+		const hitWidth = Math.max(width, BAND_MIN_HIT);
+		return {
+			...b,
+			x,
+			width,
+			hitX: x + (width - hitWidth) / 2,
+			hitWidth
+		};
+	}).sort((a, b) => b.width - a.width);
+	let cloudPath = "";
+	model.cloud?.points.forEach((p, idx) => {
+		const aUnits = p.aKm / model.unitKm;
+		if (aUnits < model.domain[0] || aUnits > model.domain[1]) return;
+		const offset = Math.min(Math.max(foldTilt(p.tiltDeg), 0) * model.pxPerDeg, MAX_OFFSET);
+		const cy = 120 + (idx % 2 === 0 ? -offset : offset);
+		cloudPath += `M${xOf(p.aKm).toFixed(1)} ${cy.toFixed(1)}h0.01`;
+	});
+	const primaryR = model.primary.radiusKm * model.pxPerKm;
+	return {
+		bodies,
+		moonZones,
+		bands,
+		cloudPath,
+		primaryR,
+		primaryCx: PRIMARY_LIMB_X - primaryR,
+		xOf
+	};
+}
+function inside(z, vx, vy) {
+	return vx >= z.x && vx <= z.x + z.width && vy >= z.y && vy <= z.y + z.height;
+}
+function nearestBody(l, vx, vy, reach) {
+	for (const pickable of [true, false]) {
+		let nearest = null;
+		let gap = reach;
+		for (const b of l.bodies) {
+			if (!!b.link !== pickable) continue;
+			const centre = Math.hypot(vx - b.cx, vy - b.cy);
+			const edge = centre <= b.r ? centre - INSIDE : centre - b.r;
+			if (edge > gap) continue;
+			nearest = b;
+			gap = edge;
+		}
+		if (nearest) return nearest;
+	}
+	return null;
+}
+function hitTest(l, vx, vy) {
+	const on = nearestBody(l, vx, vy, 0);
+	if (on) return {
+		kind: "body",
+		id: on.id
+	};
+	for (const z of l.moonZones) {
+		if (!inside(z, vx, vy)) continue;
+		if (z.parent.grouped) return {
+			kind: "body",
+			id: z.parent.id
+		};
+		if (!z.perMoon) return {
+			kind: "stack",
+			id: z.parent.id
+		};
+		const moon = z.moons.find((mn) => vy >= mn.hitY && vy <= mn.hitY + mn.hitHeight);
+		if (moon) return {
+			kind: "moon",
+			parent: z.parent.id,
+			id: moon.id
+		};
+	}
+	const near = nearestBody(l, vx, vy, 16);
+	if (near) return {
+		kind: "body",
+		id: near.id
+	};
+	for (let i = l.bands.length - 1; i >= 0; i--) {
+		const band = l.bands[i];
+		if (vx >= band.hitX && vx <= band.hitX + band.hitWidth && vy >= 26 && vy <= 26 + 180) return {
+			kind: "band",
+			key: band.key
+		};
+	}
+	if (Math.hypot(vx - l.primaryCx, vy - 120) <= l.primaryR) return { kind: "primary" };
+	return null;
+}
+function tipFor(model, l, hover) {
+	if (!hover) return null;
+	const { text } = model;
+	switch (hover.kind) {
+		case "primary": return {
+			cx: Math.max(44, l.primaryCx),
+			cy: 120 - Math.min(l.primaryR, 120 - 40),
+			title: model.primary.name,
+			sub: text.primary
+		};
+		case "body": {
+			const b = l.bodies.find((p) => p.id === hover.id);
+			if (!b) return null;
+			const parts = [text.distance(b.aKm)];
+			if (b.tiltDeg > 90) parts.push(text.retrograde);
+			if (b.grouped && b.satellites?.length) parts.push(text.moons(b.satelliteCount ?? b.satellites.length));
+			return {
+				cx: b.cx,
+				cy: b.cy - b.r - 4,
+				title: b.name,
+				sub: parts.join(" · ")
+			};
+		}
+		case "stack": {
+			const zone = l.moonZones.find((z) => z.parent.id === hover.id);
+			if (!zone) return null;
+			const cx = zone.x + zone.width / 2;
+			return zone.parent.satellitesTab ? {
+				cx,
+				cy: zone.y,
+				title: zone.parent.name,
+				sub: text.moons(zone.parent.satelliteCount ?? zone.moons.length)
+			} : {
+				cx,
+				cy: zone.y,
+				title: zone.moons[0].name,
+				sub: zone.parent.name
+			};
+		}
+		case "moon": {
+			const zone = l.moonZones.find((z) => z.parent.id === hover.parent);
+			const moon = zone?.moons.find((mn) => mn.id === hover.id);
+			if (!zone || !moon) return null;
+			return {
+				cx: moon.cx,
+				cy: moon.cy - moon.r - 4,
+				title: moon.name,
+				sub: zone.parent.name
+			};
+		}
+		case "band": {
+			const band = l.bands.find((bd) => bd.key === hover.key);
+			if (!band) return null;
+			return {
+				cx: band.x + band.width / 2,
+				cy: 44,
+				title: band.name ?? band.label,
+				sub: band.sub ?? `${text.distance(band.innerKm)}–${text.distance(band.outerKm)}`
+			};
+		}
+	}
+}
+
+//#endregion
+//#region src/lib/systemmap/chart.ts
+var SVG_NS = "http://www.w3.org/2000/svg";
+var PRIMARY_RIM = 10;
+var RING_TILT = -18;
+var CLOUD_R = 1.2;
+var TIP_H = 28;
+var TIP_MARGIN = 6;
+var LABEL_MARGIN = 4;
+var LABEL_SIZE = 18;
+var LABEL_MIN_SIZE = 12;
+var LABEL_MAX_W = 190;
+function svg(tag, attrs = {}, ...children) {
+	const el = document.createElementNS(SVG_NS, tag);
+	for (const [name, value] of Object.entries(attrs)) if (value !== void 0) el.setAttribute(name, String(value));
+	for (const child of children) if (child) el.append(child);
+	return el;
+}
+function sameHover(a, b) {
+	return JSON.stringify(a) === JSON.stringify(b);
+}
+function linksOf(model, l) {
+	const links = /* @__PURE__ */ new Map();
+	const add = (hover, link) => {
+		if (link?.href || link?.onclick) links.set(JSON.stringify(hover), link);
+	};
+	for (const band of l.bands) add({
+		kind: "band",
+		key: band.key
+	}, band);
+	add({ kind: "primary" }, model.primary.link);
+	for (const b of l.bodies) add({
+		kind: "body",
+		id: b.id
+	}, b.link);
+	for (const z of l.moonZones) {
+		if (z.parent.grouped) continue;
+		if (!z.perMoon) add({
+			kind: "stack",
+			id: z.parent.id
+		}, z.parent.satellitesLink);
+		else for (const mn of z.moons) add({
+			kind: "moon",
+			parent: z.parent.id,
+			id: mn.id
+		}, mn.link);
+	}
+	return links;
+}
+var nextUid = 0;
+var SystemMapChart = class {
+	root = document.createElement("div");
+	svg = svg("svg");
+	tip = document.createElement("div");
+	tipTitle = document.createElement("span");
+	tipSub = document.createElement("span");
+	uid = `sm-system-map-${nextUid++}`;
+	resize = new ResizeObserver(() => {
+		this.fitLabels();
+		this.placeTip();
+	});
+	model = null;
+	placed = null;
+	background = false;
+	hover = null;
+	highlights = /* @__PURE__ */ new Map();
+	targets = /* @__PURE__ */ new Map();
+	links = /* @__PURE__ */ new Map();
+	shape = "";
+	labels = [];
+	constructor() {
+		this.tip.className = "sm-system-map__tip";
+		this.tipTitle.className = "sm-system-map__tip-title";
+		this.tipSub.className = "sm-system-map__tip-sub";
+		this.tip.append(this.tipTitle, this.tipSub);
+		this.tip.hidden = true;
+		this.root.append(this.svg, this.tip);
+		this.resize.observe(this.root);
+		const scrub = createScrub({
+			onScrub: (x, y) => this.setHover(this.hitAt(x, y)),
+			onEnd: () => this.setHover(null)
+		});
+		this.svg.addEventListener("pointerdown", scrub.onpointerdown);
+		this.svg.addEventListener("pointermove", scrub.onpointermove);
+		this.svg.addEventListener("pointerup", scrub.onpointerup);
+		this.svg.addEventListener("pointercancel", scrub.onpointercancel);
+		this.svg.addEventListener("pointerleave", scrub.onpointerleave);
+		let at = [0, 0];
+		const track = (e) => {
+			at = [e.clientX, e.clientY];
+		};
+		this.svg.addEventListener("pointerdown", track);
+		this.svg.addEventListener("pointerup", track);
+		this.svg.addEventListener("pointermove", (e) => {
+			track(e);
+			if (e.pointerType === "mouse") this.setHover(this.hitAt(e.clientX, e.clientY));
+		});
+		this.svg.addEventListener("pointerleave", (e) => {
+			if (e.pointerType === "mouse") this.setHover(null);
+		});
+		this.svg.addEventListener("click", (e) => {
+			if (e.detail === 0) return;
+			const hit = Math.abs(at[0] - e.clientX) < 1 && Math.abs(at[1] - e.clientY) < 1 ? this.hitAt(...at) : this.hitAt(e.clientX, e.clientY);
+			if (!hit) return;
+			const meant = this.targets.get(JSON.stringify(hit));
+			if (meant?.contains(e.target)) return;
+			e.stopPropagation();
+			e.preventDefault();
+			meant?.dispatchEvent(new MouseEvent("click", {
+				bubbles: true,
+				cancelable: true,
+				ctrlKey: e.ctrlKey,
+				metaKey: e.metaKey,
+				shiftKey: e.shiftKey,
+				altKey: e.altKey,
+				button: e.button
+			}));
+		}, true);
+	}
+	destroy() {
+		this.resize.disconnect();
+		this.root.remove();
+	}
+	update(model, options) {
+		this.model = model;
+		this.placed = layout(model);
+		const links = linksOf(model, this.placed);
+		const shape = JSON.stringify([
+			JSON.stringify(model, (key, value) => key === "href" ? void 0 : value),
+			options,
+			[...links].map(([key, link]) => [
+				key,
+				!!link.href,
+				!!link.onclick
+			])
+		]);
+		this.links = links;
+		if (shape === this.shape) {
+			for (const [key, el] of this.targets) {
+				const href = links.get(key)?.href;
+				if (href) el.setAttribute("href", href);
+			}
+			return;
+		}
+		this.shape = shape;
+		this.background = options.variant === "background";
+		this.hover = null;
+		this.root.className = this.background ? "sm-system-map sm-system-map--background" : "sm-system-map";
+		this.draw(model, this.placed, options.ariaLabel);
+		this.fitLabels();
+		this.placeTip();
+	}
+	draw(model, l, ariaLabel) {
+		const bg = this.background;
+		this.highlights = /* @__PURE__ */ new Map();
+		this.targets = /* @__PURE__ */ new Map();
+		this.labels = [];
+		const root = this.svg;
+		root.replaceChildren();
+		root.setAttribute("viewBox", bg && model.backgroundView || `0 0 ${720} ${240}`);
+		root.setAttribute("preserveAspectRatio", bg ? model.backgroundFit === "fit" ? "xMidYMid meet" : model.backgroundView ? "xMinYMid slice" : "xMidYMid slice" : "xMidYMid meet");
+		root.setAttribute("class", "sm-system-map__svg");
+		root.setAttribute("role", "group");
+		root.setAttribute("aria-label", ariaLabel);
+		root.setAttribute("data-vaul-no-drag", "");
+		const stop = (offset, opacity) => svg("stop", {
+			offset,
+			"stop-color": model.primary.color,
+			"stop-opacity": opacity
+		});
+		root.append(svg("defs", {}, svg("radialGradient", {
+			id: `${this.uid}-primary`,
+			gradientUnits: "userSpaceOnUse",
+			cx: l.primaryCx,
+			cy: 120,
+			r: l.primaryR
+		}, stop("0%", 1), stop(Math.max(0, 1 - PRIMARY_RIM / l.primaryR), .85), stop("100%", .35)), svg("pattern", {
+			id: `${this.uid}-band`,
+			width: 9,
+			height: 9,
+			patternUnits: "userSpaceOnUse"
+		}, svg("circle", {
+			cx: 2,
+			cy: 2,
+			r: .9,
+			fill: "currentColor",
+			opacity: .55
+		}), svg("circle", {
+			cx: 6.5,
+			cy: 6,
+			r: .9,
+			fill: "currentColor",
+			opacity: .55
+		}))));
+		if (!bg) this.drawAxis(model, l);
+		if (l.cloudPath) root.append(svg("path", {
+			d: l.cloudPath,
+			stroke: model.cloud?.color,
+			"stroke-width": CLOUD_R * 2,
+			"stroke-linecap": "round",
+			fill: "none",
+			opacity: .45,
+			"pointer-events": "none"
+		}));
+		for (const band of l.bands) {
+			const fill = svg("rect", {
+				x: band.x,
+				y: 26,
+				width: band.width,
+				height: 180,
+				fill: `url(#${this.uid}-band)`,
+				class: `sm-system-map__band sm-system-map__band--${band.tone}`
+			});
+			if (bg) {
+				root.append(fill);
+				continue;
+			}
+			const label = svg("text", {
+				x: band.x + band.width / 2,
+				y: 240 - 8,
+				"text-anchor": "middle",
+				"font-size": LABEL_SIZE,
+				class: `sm-system-map__band-label sm-system-map__band-label--${band.tone}`
+			});
+			label.textContent = band.label;
+			this.labels.push(label);
+			root.append(this.target(band, band.name ?? band.label, {
+				kind: "band",
+				key: band.key
+			}, fill, svg("rect", {
+				x: band.hitX,
+				y: 26,
+				width: band.hitWidth,
+				height: 180,
+				fill: "transparent"
+			}), label));
+		}
+		const disc = svg("circle", {
+			cx: l.primaryCx,
+			cy: 120,
+			r: l.primaryR,
+			fill: `url(#${this.uid}-primary)`
+		});
+		root.append(bg ? disc : this.target(model.primary.link, model.primary.name, { kind: "primary" }, disc));
+		for (const b of l.bodies) {
+			if (!b.rings) continue;
+			const mid = b.r * (b.rings.inner + b.rings.outer) / 2;
+			root.append(svg("ellipse", {
+				cx: b.cx,
+				cy: b.cy,
+				rx: mid,
+				ry: mid * RING_FORESHORTEN,
+				transform: `rotate(${RING_TILT} ${b.cx} ${b.cy})`,
+				fill: "none",
+				stroke: "#d9c89f",
+				"stroke-width": b.r * (b.rings.outer - b.rings.inner),
+				opacity: .45
+			}));
+		}
+		const zoneOf = new Map(l.moonZones.map((z) => [z.parent.id, z]));
+		for (const b of l.bodies) root.append(this.body(b, zoneOf.get(b.id)));
+		for (const z of l.moonZones) if (!z.parent.grouped) this.stack(z);
+	}
+	drawAxis(model, l) {
+		for (const t of model.ticks) {
+			const x = l.xOf(t * model.unitKm);
+			const tick = svg("text", {
+				x,
+				y: 16,
+				"text-anchor": "middle",
+				"font-size": 16,
+				fill: "currentColor",
+				opacity: .85
+			});
+			tick.textContent = String(t);
+			this.svg.append(svg("line", {
+				x1: x,
+				x2: x,
+				y1: 20,
+				y2: 240 - 28,
+				stroke: "currentColor",
+				"stroke-width": .5,
+				opacity: .12
+			}), tick);
+		}
+		const unit = svg("text", {
+			x: 700,
+			y: 16,
+			"text-anchor": "end",
+			"font-size": 14,
+			fill: "currentColor",
+			opacity: .65
+		});
+		unit.textContent = model.axisLabel;
+		this.svg.append(unit);
+	}
+	body(b, zone) {
+		const dot = b.reference ? svg("circle", {
+			cx: b.cx,
+			cy: b.cy,
+			r: b.r + 1,
+			fill: "none",
+			stroke: b.color,
+			"stroke-width": 1.2,
+			class: "sm-system-map__reference"
+		}) : svg("circle", {
+			cx: b.cx,
+			cy: b.cy,
+			r: b.r,
+			fill: b.color
+		});
+		if (this.background) {
+			if (!zone || !b.grouped) return dot;
+			return svg("g", {}, dot, ...this.moonDots(zone));
+		}
+		const hover = {
+			kind: "body",
+			id: b.id
+		};
+		const ring = this.highlight(hover, svg("circle", {
+			cx: b.cx,
+			cy: b.cy,
+			r: b.r + 3.5,
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": 1,
+			opacity: .8
+		}));
+		const hit = svg("circle", {
+			cx: b.cx,
+			cy: b.cy,
+			r: b.r + 16,
+			fill: "transparent"
+		});
+		if (!zone || !b.grouped) return this.target(b.link, b.name, hover, ring, dot, hit);
+		return this.target(b.link, b.name, hover, this.highlight(hover, this.zoneWash(zone)), ring, dot, hit, ...this.moonDots(zone), this.zoneHit(zone));
+	}
+	stack(z) {
+		if (this.background) {
+			this.svg.append(...this.moonDots(z));
+			return;
+		}
+		const p = z.parent;
+		if (z.perMoon) {
+			this.svg.append(...this.moonDots(z));
+			for (const mn of z.moons) {
+				const hover = {
+					kind: "moon",
+					parent: p.id,
+					id: mn.id
+				};
+				this.svg.append(this.target(mn.link, mn.name, hover, this.highlight(hover, svg("circle", {
+					cx: mn.cx,
+					cy: mn.cy,
+					r: mn.r + 2.5,
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": 1,
+					opacity: .8
+				})), svg("rect", {
+					x: z.x,
+					y: mn.hitY,
+					width: z.width,
+					height: mn.hitHeight,
+					fill: "transparent"
+				})));
+			}
+			return;
+		}
+		const hover = {
+			kind: "stack",
+			id: p.id
+		};
+		const first = z.moons[0];
+		this.svg.append(this.highlight(hover, this.zoneWash(z)), ...this.moonDots(z), this.target(p.satellitesLink, p.satellitesTab ? `${p.name} · ${this.model.text.moons(p.satelliteCount ?? z.moons.length)}` : first.name, hover, this.zoneHit(z)));
+	}
+	moonDots(z) {
+		return z.moons.map((mn) => svg("circle", {
+			cx: mn.cx,
+			cy: mn.cy,
+			r: mn.r,
+			fill: mn.color
+		}));
+	}
+	zoneWash(z) {
+		return svg("rect", {
+			x: z.x,
+			y: z.y,
+			width: z.width,
+			height: z.height,
+			rx: 4,
+			fill: "currentColor",
+			opacity: .1,
+			"pointer-events": "none"
+		});
+	}
+	zoneHit(z) {
+		return svg("rect", {
+			x: z.x,
+			y: z.y,
+			width: z.width,
+			height: z.height,
+			fill: "transparent"
+		});
+	}
+	highlight(hover, el) {
+		const key = JSON.stringify(hover);
+		const list = this.highlights.get(key);
+		if (list) list.push(el);
+		else this.highlights.set(key, [el]);
+		el.style.display = "none";
+		return el;
+	}
+	target(link, label, hover, ...children) {
+		const linked = !!(link?.href || link?.onclick);
+		const el = link?.href ? svg("a", {
+			href: link.href,
+			"aria-label": label
+		}) : linked ? svg("g", {
+			role: "button",
+			tabindex: 0,
+			"aria-label": label,
+			class: "sm-system-map__button"
+		}) : svg("g");
+		el.append(...children);
+		if (!linked) return el;
+		const key = JSON.stringify(hover);
+		this.targets.set(key, el);
+		el.addEventListener("focus", () => this.setHover(hover));
+		el.addEventListener("blur", () => {
+			if (sameHover(this.hover, hover)) this.setHover(null);
+		});
+		el.addEventListener("click", (e) => this.links.get(key)?.onclick?.(e));
+		if (!link?.href) el.addEventListener("keydown", (e) => {
+			const key = e.key;
+			if (key !== "Enter" && key !== " ") return;
+			e.preventDefault();
+			el.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+		});
+		return el;
+	}
+	setHover(hover) {
+		if (sameHover(this.hover, hover)) return;
+		for (const el of this.highlights.get(JSON.stringify(this.hover)) ?? []) el.style.display = "none";
+		this.targets.get(JSON.stringify(this.hover))?.removeAttribute("data-near");
+		this.hover = hover;
+		for (const el of this.highlights.get(JSON.stringify(hover)) ?? []) el.style.display = "";
+		const near = this.targets.get(JSON.stringify(hover));
+		near?.setAttribute("data-near", "");
+		this.svg.classList.toggle("sm-system-map__svg--near", !!near);
+		this.placeTip();
+	}
+	hitAt(clientX, clientY) {
+		if (!this.placed || this.background) return null;
+		const rect = this.svg.getBoundingClientRect();
+		if (!rect.width || !rect.height) return null;
+		const vx = (clientX - rect.left) / rect.width * 720;
+		const vy = (clientY - rect.top) / rect.height * 240;
+		return hitTest(this.placed, vx, vy);
+	}
+	fitLabels() {
+		for (const label of this.labels) {
+			let width = 0;
+			label.setAttribute("font-size", String(LABEL_SIZE));
+			try {
+				width = label.getComputedTextLength();
+			} catch {}
+			if (!width) continue;
+			if (width > LABEL_MAX_W) {
+				const size = Math.max(LABEL_MIN_SIZE, LABEL_SIZE * LABEL_MAX_W / width);
+				label.setAttribute("font-size", String(size));
+				width *= size / LABEL_SIZE;
+			}
+			const centre = Number(label.dataset.centre ?? label.getAttribute("x"));
+			label.dataset.centre = String(centre);
+			const half = width / 2;
+			const x = Math.min(Math.max(centre, half + LABEL_MARGIN), Math.max(half, 720 - half - LABEL_MARGIN));
+			label.setAttribute("x", String(x));
+		}
+	}
+	placeTip() {
+		const tip = this.model && this.placed && !this.background ? tipFor(this.model, this.placed, this.hover) : null;
+		this.tip.hidden = !tip;
+		if (!tip) return;
+		this.tipTitle.textContent = tip.title;
+		this.tipSub.textContent = tip.sub ? ` · ${tip.sub}` : "";
+		const containerW = this.root.clientWidth;
+		const scale = containerW / 720;
+		this.tip.style.maxWidth = `${Math.max(0, containerW - 2 * TIP_MARGIN)}px`;
+		const half = this.tip.offsetWidth / 2;
+		const left = Math.min(Math.max(tip.cx * scale, half + TIP_MARGIN), Math.max(half, containerW - half - TIP_MARGIN));
+		this.tip.style.left = `${left}px`;
+		this.tip.style.top = `${Math.max(4, tip.cy * scale - TIP_H)}px`;
+	}
+};
+
+//#endregion
+//#region src/lib/systemmap/planetary.ts
+function systemFromMapEntry(entry, name) {
+	return {
+		planetId: entry.primary.id,
+		planetName: name,
+		planetRadiusKm: entry.primary.radius_km,
+		planetColor: BODY_COLORS[entry.primary.id] ?? "#cccccc",
+		moons: entry.moons.map((mn) => ({
+			id: mn.id,
+			name: mn.id,
+			aRp: mn.a_rp,
+			tiltDeg: mn.tilt_deg,
+			radiusKm: mn.radius_km,
+			color: BODY_COLORS[mn.id] ?? mn.color ?? "#cccccc"
+		})),
+		rings: entry.rings ? {
+			innerRp: entry.rings.inner_rp,
+			outerRp: entry.rings.outer_rp
+		} : null,
+		moonCount: entry.moon_count
+	};
+}
+var TOP_MOON_R = 14;
+var AT_SURFACE = 1.001;
+var PX_PER_DEG = .62;
+var TICK_LADDER = [
+	1,
+	2,
+	3,
+	5,
+	10,
+	20,
+	30,
+	50,
+	100,
+	200,
+	300,
+	500,
+	1e3,
+	2e3,
+	5e3
+];
+var BG_VIEW = "0 96 320 144";
+var BG_VIEW_WIDE = "0 96 720 144";
+var EMPTY_DOMAIN = [1, 100];
+function domainOf(system, bands) {
+	let lo = Math.min(...system.moons.map((mn) => mn.aRp));
+	let hi = Math.max(...system.moons.map((mn) => mn.aRp));
+	for (const b of bands) {
+		lo = Math.min(lo, b.innerKm / system.planetRadiusKm);
+		hi = Math.max(hi, b.outerKm / system.planetRadiusKm);
+	}
+	if (!Number.isFinite(lo) || !Number.isFinite(hi)) return EMPTY_DOMAIN;
+	if (hi <= lo) {
+		lo /= 2;
+		hi *= 2;
+	}
+	lo = lo <= AT_SURFACE ? 1 : lo;
+	return [lo > 1 ? 10 ** (Math.log10(lo) - .12) : 1, 10 ** (Math.log10(hi) + .12)];
+}
+function planetarySystemModel(system, parts) {
+	const rKm = system.planetRadiusKm;
+	const domain = domainOf(system, parts.bands);
+	return {
+		primary: {
+			id: system.planetId,
+			name: system.planetName,
+			radiusKm: rKm,
+			color: system.planetColor,
+			link: parts.primaryLink
+		},
+		bodies: system.moons.map((mn) => ({
+			id: mn.id,
+			name: mn.name,
+			aKm: mn.aRp * rKm,
+			tiltDeg: mn.tiltDeg,
+			radiusKm: mn.radiusKm,
+			color: mn.color,
+			link: parts.moonLink?.(mn)
+		})),
+		bands: parts.bands,
+		cloud: parts.cloud,
+		unitKm: rKm,
+		domain,
+		ticks: TICK_LADDER.filter((t) => t >= domain[0] && t <= domain[1]),
+		axisLabel: parts.axisLabel,
+		pxPerKm: TOP_MOON_R / Math.max(...system.moons.map((mn) => mn.radiusKm).filter((r) => r > 0), 1),
+		pxPerDeg: PX_PER_DEG,
+		text: parts.text,
+		backgroundView: parts.wide ? BG_VIEW_WIDE : BG_VIEW,
+		backgroundFit: parts.wide ? "fit" : "slice"
+	};
+}
+
+//#endregion
+//#region src/lib/systemmap/solar.ts
+var SOLAR_PX_PER_KM = 224e-6;
+var SOLAR_PX_PER_DEG = 1.8;
+var DOMAIN = [.3, 50];
+var TICKS = [
+	.3,
+	1,
+	3,
+	10,
+	30
+];
+var SUN_COLOR = "#ffdd44";
+function displayName(name) {
+	const stripped = name.replace(/^\d+\s+/, "");
+	if (stripped === stripped.toUpperCase() && /[A-Z]/.test(stripped)) return stripped.charAt(0) + stripped.slice(1).toLowerCase();
+	return stripped;
+}
+function solarColor(o) {
+	return o.color || BODY_COLORS[o.id] || "#cccccc";
+}
+function fileStacks(file, name) {
+	const stacks = /* @__PURE__ */ new Map();
+	const planets = new Map(file.objects.map((o) => [o.id, o]));
+	for (const o of file.objects) {
+		if (o.kind !== "moon" || !o.parent) continue;
+		const stack = stacks.get(o.parent) ?? {
+			satellites: [],
+			count: planets.get(o.parent)?.moon_count,
+			tab: false
+		};
+		stack.satellites.push({
+			id: o.id,
+			name: name(o),
+			radiusKm: o.diameter_km / 2,
+			color: solarColor(o)
+		});
+		stack.tab ||= !!o.link_parent;
+		stacks.set(o.parent, stack);
+	}
+	return stacks;
+}
+function solarSystemModel(file, parts) {
+	const sun = file.objects.find((o) => o.kind === "star");
+	if (!sun) return null;
+	const listed = fileStacks(file, parts.name);
+	const stackOf = parts.stack ?? ((o) => listed.get(o.id));
+	const bodies = file.objects.filter((o) => o.kind !== "moon" && o.kind !== "star" && (parts.keep?.(o) ?? true)).map((o) => {
+		const stack = stackOf(o);
+		return {
+			id: o.id,
+			name: parts.name(o),
+			aKm: o.a * AU_KM,
+			tiltDeg: o.i,
+			radiusKm: o.diameter_km / 2,
+			color: solarColor(o),
+			rings: o.rings,
+			satellites: stack?.satellites,
+			satelliteCount: stack?.count,
+			satellitesTab: stack?.tab ?? false,
+			...parts.links(o, stack)
+		};
+	});
+	return {
+		primary: {
+			id: sun.id,
+			name: parts.name(sun),
+			radiusKm: sun.diameter_km / 2,
+			color: SUN_COLOR,
+			link: parts.primaryLink
+		},
+		bodies,
+		bands: file.belts.map((b) => ({
+			key: b.slug,
+			innerKm: b.inner_au * AU_KM,
+			outerKm: b.outer_au * AU_KM,
+			tone: b.kind === "kuiper_belt" ? "sky" : "muted",
+			...parts.band(b)
+		})),
+		unitKm: AU_KM,
+		domain: DOMAIN,
+		ticks: TICKS,
+		axisLabel: parts.text.axisAu,
+		pxPerKm: SOLAR_PX_PER_KM,
+		pxPerDeg: SOLAR_PX_PER_DEG,
+		text: parts.text
+	};
+}
+
+//#endregion
+//#region src/lib/systemmap/views.ts
+function extraFromPlace(place) {
+	return {
+		id: place.id,
+		name: place.name ?? place.id,
+		moon: place.moon ?? false,
+		aAu: place.aAu ?? 0,
+		tiltDeg: place.tiltDeg ?? 0,
+		radiusKm: place.radiusKm ?? 0,
+		color: place.color ?? BODY_COLORS[place.id] ?? "#cccccc",
+		parent: place.parent
+	};
+}
+var MAX_STACK = 4;
+var ZONE_TOP_R = 10;
+var ZONE_DOMAIN = {
+	inner: [.6, 5.5],
+	outer: [4.5, 55]
+};
+var ZONE_TICKS = [
+	.1,
+	.2,
+	.3,
+	.5,
+	1,
+	2,
+	3,
+	5,
+	10,
+	20,
+	30,
+	50,
+	100,
+	200,
+	500,
+	1e3
+];
+var LAST_AU_TICK_AT = .9;
+var LAST_RADII_TICK_AT = .76;
+function tickAt(tick, domain) {
+	return Math.log(tick / domain[0]) / Math.log(domain[1] / domain[0]);
+}
+var JUPITER_ID = "naif-599";
+function unplacedIds(solar, systems, bodies, placed = []) {
+	if (!bodies) return [];
+	const known = new Set([...solar.objects.map((o) => o.id), ...placed]);
+	for (const entry of Object.values(systems)) {
+		known.add(entry.primary.id);
+		for (const moon of entry.moons) known.add(moon.id);
+	}
+	return [...bodies].filter((id) => !known.has(id));
+}
+function extraFromBundle(global) {
+	const moon = global.type === "moon";
+	const parent = global.orbit?.parent_id;
+	const a = parent === void 0 || parent === "naif-10" || parent === "naif-0" ? global.orbit?.a ?? global.orbit?.q : void 0;
+	if (a === void 0 && !moon) return null;
+	const radii = global.radii;
+	return {
+		id: global.id,
+		name: displayName(global.name ?? global.id),
+		moon,
+		aAu: a ?? 0,
+		tiltDeg: global.orbit?.i ?? 0,
+		radiusKm: radii ? (radii.a + radii.b + radii.c) / 3 : (global.sbdb?.diameter ?? 0) / 2,
+		color: BODY_COLORS[global.id] ?? global.sbdb?.color ?? global.color ?? "#cccccc",
+		parent: global.orbit?.parent_id
+	};
+}
+var ZONE_CUT = .92;
+function zoneOf(aAu, jupiterAu) {
+	return aAu < jupiterAu * ZONE_CUT ? "inner" : "outer";
+}
+function systemEntry(systems, primaryId) {
+	return Object.values(systems).find((entry) => entry.primary.id === primaryId);
+}
+function targetKey(target) {
+	return target.kind === "zone" ? `zone:${target.zone}` : `${target.kind}:${target.id}`;
+}
+var Scope = class {
+	targets = /* @__PURE__ */ new Map();
+	constructor(data, options, pick) {
+		this.data = data;
+		this.options = options;
+		this.pick = pick;
+	}
+	has(id) {
+		return !this.options.bodies || this.options.bodies.has(id);
+	}
+	name(id, exported) {
+		return this.options.names[id] ?? (exported ? displayName(exported) : id);
+	}
+	named(id, name) {
+		return this.options.names[id] ?? name;
+	}
+	link(target) {
+		this.targets.set(targetKey(target), target);
+		return { onclick: () => this.pick(target) };
+	}
+	body(id, name) {
+		return this.has(id) ? this.link({
+			kind: "body",
+			id,
+			name
+		}) : void 0;
+	}
+	stack(primaryId, listed) {
+		if (listed && !this.options.bodies) return listed;
+		const moons = (systemEntry(this.data.systems, primaryId)?.moons ?? []).filter((moon) => this.has(moon.id)).map((moon) => ({
+			id: moon.id,
+			name: this.name(moon.id),
+			radiusKm: moon.radius_km,
+			color: BODY_COLORS[moon.id] ?? moon.color ?? "#cccccc"
+		}));
+		if (!moons.length) return void 0;
+		moons.sort((a, b) => b.radiusKm - a.radiusKm);
+		return {
+			satellites: moons.slice(0, MAX_STACK),
+			count: moons.length,
+			tab: true
+		};
+	}
+	links(id, name, stack) {
+		if (!stack) return { link: this.body(id, name) };
+		const system = () => this.link({
+			kind: "system",
+			id,
+			name
+		});
+		if (this.options.grouping === "systems") return {
+			link: system(),
+			grouped: true
+		};
+		const largest = stack.satellites[0];
+		return {
+			link: this.body(id, name),
+			satellitesLink: stack.tab ? system() : this.body(largest.id, largest.name)
+		};
+	}
+	built(model, label) {
+		return {
+			model,
+			targets: [...this.targets.values()],
+			label
+		};
+	}
+};
+function buildSolarView(data, options, text, pick) {
+	const scope = new Scope(data, options, pick);
+	const name = (o) => scope.name(o.id, o.name);
+	const listed = fileStacks(data.solar, name);
+	const stacks = new Map(data.solar.objects.map((o) => [o.id, scope.stack(o.id, listed.get(o.id))]));
+	const sun = data.solar.objects.find((o) => o.kind === "star");
+	const zoneBand = (zone) => {
+		const label = zone === "inner" ? text.zoneInner : text.zoneOuter;
+		return {
+			label,
+			sub: "",
+			...scope.link({
+				kind: "zone",
+				zone,
+				name: label
+			})
+		};
+	};
+	const model = solarSystemModel(data.solar, {
+		text,
+		name,
+		primaryLink: sun && scope.body(sun.id, name(sun)),
+		keep: (o) => scope.has(o.id) || !!stacks.get(o.id),
+		stack: (o) => stacks.get(o.id),
+		links: (o, stack) => scope.links(o.id, name(o), stack),
+		band: (belt) => options.zones === "belts" ? { label: belt.label } : zoneBand(belt.kind === "kuiper_belt" ? "outer" : "inner")
+	});
+	if (!model) throw new Error("spacemap: the Solar System map names no Sun");
+	return scope.built(model, text.solarSystem);
+}
+function buildSystemView(data, primaryId, exported, options, text, pick) {
+	const entry = systemEntry(data.systems, primaryId);
+	if (!entry) throw new Error(`spacemap: no planetary system around ${primaryId}`);
+	const scope = new Scope(data, options, pick);
+	const system = systemFromMapEntry(entry, scope.name(primaryId, exported[primaryId]));
+	system.moons = system.moons.filter((moon) => scope.has(moon.id)).map((moon) => ({
+		...moon,
+		name: scope.name(moon.id, exported[moon.id])
+	}));
+	const rKm = system.planetRadiusKm;
+	const bands = system.rings ? [{
+		key: "rings",
+		label: text.rings,
+		innerKm: system.rings.innerRp * rKm,
+		outerKm: system.rings.outerRp * rKm,
+		tone: "amber"
+	}] : [];
+	const model = planetarySystemModel(system, {
+		text,
+		axisLabel: text.axisRadii,
+		bands,
+		primaryLink: scope.body(primaryId, system.planetName),
+		moonLink: (moon) => scope.body(moon.id, moon.name)
+	});
+	model.ticks = model.ticks.filter((t) => tickAt(t, model.domain) < LAST_RADII_TICK_AT);
+	return scope.built(model, system.planetName);
+}
+function buildZoneView(data, zone, options, text, pick) {
+	const scope = new Scope(data, options, pick);
+	const { solar, extras } = data;
+	const sun = solar.objects.find((o) => o.kind === "star");
+	const jupiterAu = solar.objects.find((o) => o.id === JUPITER_ID)?.a;
+	if (!sun || jupiterAu === void 0) throw new Error("spacemap: the Solar System map names no Sun or no Jupiter");
+	const small = solar.objects.filter((o) => o.kind === "dwarf" || o.kind === "asteroid").map((o) => ({
+		id: o.id,
+		name: scope.name(o.id, o.name),
+		aAu: o.a,
+		tiltDeg: o.i,
+		radiusKm: o.diameter_km / 2,
+		color: solarColor(o)
+	}));
+	for (const extra of extras) {
+		if (extra.moon || small.some((s) => s.id === extra.id)) continue;
+		if (!(extra.aAu > 0)) continue;
+		small.push({
+			...extra,
+			name: scope.named(extra.id, extra.name)
+		});
+	}
+	const bodies = [];
+	for (const s of small) {
+		if (zoneOf(s.aAu, jupiterAu) !== zone) continue;
+		const base = {
+			...s,
+			aKm: s.aAu * AU_KM
+		};
+		const stack = scope.stack(s.id);
+		if (stack) {
+			bodies.push({
+				...base,
+				satellites: stack.satellites,
+				satelliteCount: stack.count,
+				satellitesTab: true,
+				...scope.links(s.id, s.name, stack)
+			});
+			continue;
+		}
+		const moons = extras.filter((extra) => extra.moon && extra.parent === s.id && scope.has(extra.id)).map((extra) => {
+			const name = scope.named(extra.id, extra.name);
+			return {
+				...extra,
+				name,
+				link: scope.body(extra.id, name)
+			};
+		});
+		if (!scope.has(s.id) && !moons.length) continue;
+		bodies.push({
+			...base,
+			link: scope.body(s.id, s.name),
+			satellites: moons.length ? moons : void 0
+		});
+	}
+	const [lo, hi] = ZONE_DOMAIN[zone];
+	const domain = [Math.min(lo, ...bodies.map((b) => b.aKm / AU_KM * .85)), Math.max(hi, ...bodies.map((b) => b.aKm / AU_KM * 1.15))];
+	const within = (au) => au >= domain[0] && au <= domain[1];
+	const pxPerKm = ZONE_TOP_R / Math.max(...bodies.map((b) => b.radiusKm), 1);
+	for (const o of solar.objects) {
+		if (o.kind !== "planet" || !within(o.a)) continue;
+		bodies.push({
+			id: o.id,
+			name: scope.name(o.id, o.name),
+			aKm: o.a * AU_KM,
+			tiltDeg: 0,
+			radiusKm: 0,
+			color: solarColor(o),
+			reference: true
+		});
+	}
+	const label = zone === "inner" ? text.zoneInner : text.zoneOuter;
+	return scope.built({
+		primary: {
+			id: sun.id,
+			name: scope.name(sun.id, sun.name),
+			radiusKm: sun.diameter_km / 2 * SOLAR_PX_PER_KM / pxPerKm,
+			color: SUN_COLOR
+		},
+		bodies,
+		bands: solar.belts.filter((belt) => within(belt.inner_au) && within(belt.outer_au)).map((belt) => ({
+			key: belt.slug,
+			label: belt.label,
+			innerKm: belt.inner_au * AU_KM,
+			outerKm: belt.outer_au * AU_KM,
+			tone: belt.kind === "kuiper_belt" ? "sky" : "muted"
+		})),
+		unitKm: AU_KM,
+		domain,
+		ticks: ZONE_TICKS.filter((t) => within(t) && tickAt(t, domain) < LAST_AU_TICK_AT),
+		axisLabel: text.axisAu,
+		pxPerKm,
+		pxPerDeg: SOLAR_PX_PER_DEG,
+		text
+	}, label);
+}
+
+//#endregion
+//#region src/lib/systemmap/system-map.ts
+var onceTarget = /* @__PURE__ */ new WeakMap();
+var AU_TO_KM_THRESHOLD = .01;
+function viewText() {
+	const { messages, locale } = host();
+	const number = new Intl.NumberFormat(locale(), { maximumSignificantDigits: 3 });
+	const kilometres = new Intl.NumberFormat(locale(), {
+		style: "unit",
+		unit: "kilometer",
+		maximumSignificantDigits: 3
+	});
+	const au = messages.unit_symbol_astronomical_unit();
+	return {
+		primary: messages.planetary_system_primary(),
+		retrograde: messages.planetary_system_retrograde(),
+		moons: (count) => messages.system_map_moons({ count }),
+		distance: (km) => {
+			const distance = km / AU_KM;
+			return distance > 0 && distance < AU_TO_KM_THRESHOLD ? kilometres.format(km) : `${number.format(distance)} ${au}`;
+		},
+		axisAu: messages.system_map_axis_au(),
+		solarSystem: messages.system_map_solar_system(),
+		rings: messages.tab_rings(),
+		axisRadii: messages.planetary_system_axis_unit(),
+		zoneInner: messages.system_map_zone_inner(),
+		zoneOuter: messages.system_map_zone_outer()
+	};
+}
+var SystemMap = class {
+	chart = new SystemMapChart();
+	listeners = /* @__PURE__ */ new Map();
+	view;
+	bodies;
+	names;
+	grouping;
+	zones;
+	places;
+	targets = [];
+	extras = /* @__PURE__ */ new Map();
+	queue = Promise.resolve();
+	disposed = false;
+	constructor(options = {}) {
+		this.view = options.view ?? { kind: "solar-system" };
+		this.bodies = options.bodies ? new Set(options.bodies) : null;
+		this.names = options.names ?? {};
+		this.grouping = options.grouping ?? "bodies";
+		this.zones = options.zones ?? "belts";
+		this.places = (options.places ?? []).map(extraFromPlace);
+	}
+	mount(container) {
+		container.append(this.chart.root);
+	}
+	remove() {
+		this.disposed = true;
+		this.chart.destroy();
+	}
+	load() {
+		return this.draw();
+	}
+	async setView(view) {
+		await this.draw(view);
+	}
+	getView() {
+		return this.view;
+	}
+	setBodies(ids) {
+		const bodies = ids ? new Set(ids) : null;
+		return this.draw(void 0, bodies).catch(() => {});
+	}
+	getTargets() {
+		return [...this.targets];
+	}
+	draw(view, bodies) {
+		const turn = this.queue.then(() => {
+			if (bodies !== void 0) this.bodies = bodies;
+			return this.drawNow(view ?? this.view);
+		});
+		this.queue = turn.catch(() => {});
+		return turn;
+	}
+	async drawNow(view) {
+		let built;
+		try {
+			built = await this.build(view);
+		} catch (cause) {
+			const error = cause instanceof Error ? cause : new Error(String(cause));
+			if (!this.disposed) this.emit("error", error);
+			throw error;
+		}
+		if (this.disposed) return;
+		const changed = JSON.stringify(view) !== JSON.stringify(this.view);
+		this.view = view;
+		this.targets = built.targets;
+		this.chart.update(built.model, { ariaLabel: built.label });
+		if (changed) this.emit("viewchange", view);
+	}
+	async build(view) {
+		const [solar, systems] = await Promise.all([fetchSolarSystemMap(), fetchPlanetarySystemsMap()]);
+		const options = {
+			bodies: this.bodies,
+			names: this.names,
+			grouping: this.grouping,
+			zones: this.zones
+		};
+		const text = viewText();
+		const pick = (target) => this.emit("select", target);
+		const data = {
+			solar,
+			systems,
+			extras: []
+		};
+		switch (view.kind) {
+			case "solar-system": return buildSolarView(data, options, text, pick);
+			case "system": return buildSystemView(data, view.id, await this.exportedNames(view.id, systems), options, text, pick);
+			case "zone": {
+				const ids = unplacedIds(solar, systems, this.bodies, this.places.map((place) => place.id));
+				const read = (await Promise.all(ids.map((id) => this.extra(id)))).filter((extra) => extra !== null);
+				const placed = [...this.places, ...read];
+				const parents = unplacedIds(solar, systems, new Set(placed.flatMap((extra) => extra.moon && extra.parent ? [extra.parent] : [])), placed.map((extra) => extra.id));
+				const hosts = await Promise.all(parents.map((id) => this.extra(id)));
+				const extras = [...placed, ...hosts.filter((extra) => extra !== null)];
+				return buildZoneView({
+					...data,
+					extras
+				}, view.zone, options, text, pick);
+			}
+		}
+	}
+	extra(id) {
+		let pending = this.extras.get(id);
+		if (!pending) {
+			pending = fetchObjectDetail(id, false).then((detail) => {
+				if (!detail.global) throw new Error(`spacemap: no such body as ${id}`);
+				return extraFromBundle(detail.global);
+			}).catch((cause) => {
+				this.extras.delete(id);
+				this.emit("error", cause instanceof Error ? cause : new Error(String(cause)));
+				return null;
+			});
+			this.extras.set(id, pending);
+		}
+		return pending;
+	}
+	async exportedNames(primaryId, systems) {
+		if (![primaryId, ...(systemEntry(systems, primaryId)?.moons ?? []).map((m) => m.id)].some((id) => !(id in this.names) && (id === primaryId || !this.bodies || this.bodies.has(id)))) return {};
+		try {
+			const { global, localized } = await fetchObjectDetail(primaryId, true, host().locale());
+			const names = {};
+			for (const moon of global?.notable_moons ?? []) if (moon.id) names[moon.id] = moon.name;
+			Object.assign(names, localized?.notable_moon_names);
+			const name = localized?.name ?? global?.name;
+			if (name) names[primaryId] = name;
+			return names;
+		} catch {
+			return {};
+		}
+	}
+	on(event, listener) {
+		let set = this.listeners.get(event);
+		if (!set) {
+			set = /* @__PURE__ */ new Set();
+			this.listeners.set(event, set);
+		}
+		set.add(listener);
+		return () => set.delete(listener);
+	}
+	once(event, listener) {
+		const wrapped = ((...args) => {
+			off();
+			listener(...args);
+		});
+		onceTarget.set(wrapped, listener);
+		const off = this.on(event, wrapped);
+		return off;
+	}
+	off(event, listener) {
+		const set = this.listeners.get(event);
+		if (!set) return;
+		set.delete(listener);
+		for (const held of set) if (onceTarget.get(held) === listener) set.delete(held);
+	}
+	emit(event, ...args) {
+		const set = this.listeners.get(event);
+		if (!set) return;
+		for (const listener of [...set]) listener(...args);
+	}
+};
+
 //#endregion
 //#region src/lib/scene/state/attribution.ts
 var DEFAULT_ORBIT_LABELS = Object.fromEntries(ORBIT_SOURCE_ORDER.map((s) => [s, ORBIT_SOURCES[s].label]));
@@ -30414,6 +32298,27 @@ async function createPanorama(options) {
 	await view.load();
 	return view;
 }
+async function createSystemMap(options) {
+	const { container, dataUrl, imagesUrl, locale, messages, includeNonCommercial, events, ...rest } = options;
+	const element = resolveContainer(container);
+	applyHost({
+		dataUrl,
+		imagesUrl,
+		locale,
+		messages,
+		includeNonCommercial
+	});
+	const map = new SystemMap(rest);
+	map.mount(element);
+	for (const [event, listener] of Object.entries(events ?? {})) map.on(event, listener);
+	try {
+		await map.load();
+	} catch (error) {
+		map.remove();
+		throw error;
+	}
+	return map;
+}
 function resolveContainer(container) {
 	if (typeof container !== "string") return container;
 	const element = document.querySelector(container);
@@ -30431,5 +32336,5 @@ function applyHost(options) {
 }
 
 //#endregion
-export { AttributionControl, FlatAttributionControl, FlatMap, GestureHandler, MAP_LAYERS, PROJECTION_IDS, PanoramaAttributionControl, PanoramaView, SpaceMap, Viewport, bearingDeg, boxRing, circlePoints, configureHost, createFlatMap, createMap, createPanorama, createProjection, dateToJD, defaultSceneSettings, elements, fetchPanoramaIndex, fetchPanoramas, findPanorama, fixed, graticule, groundDistanceM, jdToDate, kmToAu, neighboursOf, panoramaAt, pathFor, planeBasis, projectionAspect, samples, smallCircle, tle };
-(function(){if(typeof document==='undefined')return;var s=document.createElement('style');s.textContent=".scene-label{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;touch-action:none;z-index:1;width:32px;height:32px;text-decoration:none;display:block;position:relative;left:0}.scene-label__halo{border-radius:50%;width:100%;height:100%;transition:transform .1s}.scene-label__halo--spacecraft,.scene-label__halo--debris{overflow:visible}.scene-label__loader{box-sizing:border-box;pointer-events:none;border:2px solid #fff;border-color:#fff #fff #fff3 #fff3;border-radius:50%;width:32px;height:32px;margin:auto;animation:.9s linear infinite scene-label-loader-spin;position:fixed;inset:0}@keyframes scene-label-loader-spin{to{transform:rotate(360deg)}}.reduce-motion .scene-label__loader{animation-duration:.9s!important;animation-iteration-count:infinite!important}.scene-label__name{white-space:nowrap;pointer-events:auto;cursor:pointer;color:#fff;text-shadow:0 0 4px #000,0 0 4px #000;padding-left:8px;font-size:14px;font-weight:700;text-decoration:none;position:absolute;top:50%;left:32px;transform:translateY(-50%)}.scene-label__name--large{font-size:16px}.scene-label__annotations{top:28px;pointer-events:none;flex-direction:column;padding-inline-start:8px;display:flex;position:absolute;inset-inline-start:32px}.scene-label__annotation{opacity:0;white-space:nowrap;color:#fff9;text-shadow:0 0 3px #000,0 0 3px #000;transition:opacity .15s, display .15s allow-discrete;font-size:11px;line-height:1.3;display:none}.scene-label__annotation--visible{opacity:1;display:block}@starting-style{.scene-label__annotation--visible{opacity:0}}.scene-feature-label{color:#ffffffb3;white-space:nowrap;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 0 2px #000,0 0 2px #000;z-index:0;font-size:12px;transition:color .1s;left:0}.scene-feature-label:hover{color:#fff;text-shadow:0 0 3px #000,0 0 3px #000}.scene-feature-label--active{color:#fff;font-size:14px;font-weight:600}.scene-path-label{color:#fff;font:inherit;white-space:nowrap;text-align:start;text-shadow:0 0 4px #000,0 0 4px #000;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;z-index:2;background:0 0;border:0;align-items:center;gap:8px;padding:0;line-height:1.15;display:flex;left:0}.scene-path-label--static{pointer-events:none;cursor:default}.scene-path-label__halo{border-radius:50%;flex-shrink:0;width:32px;height:32px;margin-inline-start:-16px;transition:transform .1s}.scene-path-label:hover .scene-path-label__halo{transform:scale(1.15)}.scene-path-label__text{flex-direction:column;gap:1px;display:flex}.scene-path-label__name{font-size:14px;font-weight:700}.scene-path-label__when{opacity:.8;font-variant-numeric:tabular-nums;font-size:12px}.scene-path-label--dim .scene-path-label__text{display:none}.scene-path-label--dim .scene-path-label__halo{transform:scale(.55)}.scene-path-label--dim:hover .scene-path-label__halo{transform:scale(.75)}.scene-path-label--step .scene-path-label__halo{background:0 0;border:0}.scene-path-label--step:hover .scene-path-label__halo{background:#ffffff1f}.scene-path-label--step .scene-path-label__name{font-size:12px;font-weight:600}.scene-path-label--step .scene-path-label__when{font-size:11px}.scene-path-label__hazard{font-size:11px;font-weight:700}.scene-path-label--lit{color:#fff}.scene-path-label--lit .scene-path-label__halo{transform:scale(1.15)}.scene-path-label--lit.scene-path-label--dim .scene-path-label__halo{transform:scale(.75)}.scene-path-label--faint .scene-path-label__text{display:none}.scene-path-label--faint .scene-path-label__halo{opacity:.45;transform:scale(.5)}.scene-path-label--faint:hover .scene-path-label__halo{opacity:1;transform:scale(.75)}.scene-overlay--no-names .scene-label__name,.scene-overlay--no-names .scene-label__annotations{display:none}.scene-hazard-label{white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 4px #000,0 0 4px #000;margin-inline-start:16px;font-size:12px;font-weight:700;position:relative;left:0}.user-location-marker{pointer-events:none;background:#1a73e8;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 6px #0006}.sm-drawing-label{white-space:nowrap;color:#fff;text-shadow:0 0 4px #000,0 0 4px #000;-webkit-user-select:none;user-select:none;pointer-events:none;font:700 14px/1.2 system-ui,sans-serif}.sm-drawing-icon{-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.sm-drawing--interactive{pointer-events:auto;cursor:pointer;touch-action:none}.sm-cooperative-hint{z-index:4;color:#fff;text-align:center;pointer-events:none;opacity:0;background:#0000008c;place-content:center;padding:16px;font:15px/1.4 system-ui,sans-serif;transition:opacity .2s;display:grid;position:absolute;inset:0}.sm-cooperative-hint--shown{opacity:1}@media (prefers-reduced-motion:reduce){.sm-cooperative-hint{transition:none}}.sm-ctrl{z-index:2;pointer-events:none;flex-direction:column;gap:6px;max-width:100%;padding:6px;display:flex;position:absolute}.sm-ctrl>*{pointer-events:auto}.sm-ctrl--top-left{align-items:flex-start;top:0;left:0}.sm-ctrl--top-right{align-items:flex-end;top:0;right:0}.sm-ctrl--bottom-left{align-items:flex-start;bottom:0;left:0}.sm-ctrl--bottom-right{align-items:flex-end;bottom:0;right:0}.sm-map{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.sm-map__canvas{pointer-events:auto;touch-action:none;width:100%;height:100%;display:block}.sm-map__canvas:focus-visible{outline:2px solid var(--ring,Highlight)}.sm-map .scene-overlay{pointer-events:none;z-index:0;position:absolute;inset:0}.sm-flat{touch-action:none;background:#05070e;width:100%;height:100%;position:relative;overflow:hidden}.sm-flat__raster,.sm-flat__vector,.sm-flat__markers{width:100%;height:100%;position:absolute;inset:0}.sm-flat__raster{display:block}.sm-flat__vector,.sm-flat__markers{pointer-events:none}.sm-flat--interactive{cursor:grab}.sm-flat--cooperative{touch-action:pan-x pan-y}.sm-flat--dragging{cursor:grabbing}.sm-flat__graticule{fill:none;stroke:#ffffff47;stroke-width:1px}.sm-flat__frame{fill:none;stroke:#ffffff73;stroke-width:1px}.sm-flat__feature-dot{fill:#fffc}.sm-flat__feature-label{fill:#ffffffd9;paint-order:stroke;stroke:#000000a6;stroke-width:2.5px;font:10px/1 system-ui,sans-serif}.sm-flat__marker-dot{background:#4ea3ff;border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #00000073}.sm-ctrl:has(>.sm-attribution:only-child){padding:0}.sm-ctrl--top-left:has(>.sm-attribution:only-child)>.sm-attribution{border-radius:0 0 var(--sm-attribution-radius) 0}.sm-ctrl--top-right:has(>.sm-attribution:only-child)>.sm-attribution{border-radius:0 0 0 var(--sm-attribution-radius)}.sm-ctrl--bottom-left:has(>.sm-attribution:only-child)>.sm-attribution{border-radius:0 var(--sm-attribution-radius) 0 0}.sm-ctrl--bottom-right:has(>.sm-attribution:only-child)>.sm-attribution{border-radius:var(--sm-attribution-radius) 0 0 0}.sm-attribution{--sm-attribution-radius:3px;border-radius:var(--sm-attribution-radius);color:#ffffffbf;white-space:nowrap;background:#0006;align-items:center;gap:.5em;max-width:100%;padding:1px 6px;font:11px/1.45 system-ui,sans-serif;display:flex}.sm-attribution a{color:inherit;text-decoration:none}.sm-attribution a:hover{color:#fff;text-decoration:underline}.sm-attribution__home{font-weight:600}.sm-attribution__group{text-overflow:ellipsis;overflow:hidden}.sm-attribution__label{color:#ffffff80}\n/*$vite$:1*/";document.head.appendChild(s);})();
+export { AttributionControl, FlatAttributionControl, FlatMap, GestureHandler, MAP_LAYERS, PROJECTION_IDS, PanoramaAttributionControl, PanoramaView, SpaceMap, SystemMap, Viewport, bearingDeg, boxRing, circlePoints, configureHost, createFlatMap, createMap, createPanorama, createProjection, createSystemMap, dateToJD, defaultSceneSettings, elements, fetchPanoramaIndex, fetchPanoramas, findPanorama, fixed, graticule, groundDistanceM, isViewable, jdToDate, kmToAu, neighboursOf, panoramaAt, pathFor, planeBasis, projectionAspect, samples, smallCircle, tle };
+(function(){if(typeof document==='undefined')return;var s=document.createElement('style');s.textContent=".scene-label{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;touch-action:none;z-index:1;width:32px;height:32px;text-decoration:none;display:block;position:relative;left:0}.scene-label__halo{border-radius:50%;width:100%;height:100%;transition:transform .1s}.scene-label__halo--spacecraft,.scene-label__halo--debris{overflow:visible}.scene-label__loader{box-sizing:border-box;pointer-events:none;border:2px solid #fff;border-color:#fff #fff #fff3 #fff3;border-radius:50%;width:32px;height:32px;margin:auto;animation:.9s linear infinite scene-label-loader-spin;position:fixed;inset:0}@keyframes scene-label-loader-spin{to{transform:rotate(360deg)}}.reduce-motion .scene-label__loader{animation-duration:.9s!important;animation-iteration-count:infinite!important}.scene-label__name{white-space:nowrap;pointer-events:auto;cursor:pointer;color:#fff;text-shadow:0 0 4px #000,0 0 4px #000;padding-left:8px;font-size:14px;font-weight:700;text-decoration:none;position:absolute;top:50%;left:32px;transform:translateY(-50%)}.scene-label__name--large{font-size:16px}.scene-label__annotations{top:28px;pointer-events:none;flex-direction:column;padding-inline-start:8px;display:flex;position:absolute;inset-inline-start:32px}.scene-label__annotation{opacity:0;white-space:nowrap;color:#fff9;text-shadow:0 0 3px #000,0 0 3px #000;transition:opacity .15s, display .15s allow-discrete;font-size:11px;line-height:1.3;display:none}.scene-label__annotation--visible{opacity:1;display:block}@starting-style{.scene-label__annotation--visible{opacity:0}}.scene-feature-label{color:#ffffffb3;white-space:nowrap;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 0 2px #000,0 0 2px #000;z-index:0;font-size:12px;transition:color .1s;left:0}.scene-feature-label:hover{color:#fff;text-shadow:0 0 3px #000,0 0 3px #000}.scene-feature-label--active{color:#fff;font-size:14px;font-weight:600}.scene-path-label{color:#fff;font:inherit;white-space:nowrap;text-align:start;text-shadow:0 0 4px #000,0 0 4px #000;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;z-index:2;background:0 0;border:0;align-items:center;gap:8px;padding:0;line-height:1.15;display:flex;left:0}.scene-path-label--static{pointer-events:none;cursor:default}.scene-path-label__halo{border-radius:50%;flex-shrink:0;width:32px;height:32px;margin-inline-start:-16px;transition:transform .1s}.scene-path-label:hover .scene-path-label__halo{transform:scale(1.15)}.scene-path-label__text{flex-direction:column;gap:1px;display:flex}.scene-path-label__name{font-size:14px;font-weight:700}.scene-path-label__when{opacity:.8;font-variant-numeric:tabular-nums;font-size:12px}.scene-path-label--dim .scene-path-label__text{display:none}.scene-path-label--dim .scene-path-label__halo{transform:scale(.55)}.scene-path-label--dim:hover .scene-path-label__halo{transform:scale(.75)}.scene-path-label--step .scene-path-label__halo{background:0 0;border:0}.scene-path-label--step:hover .scene-path-label__halo{background:#ffffff1f}.scene-path-label--step .scene-path-label__name{font-size:12px;font-weight:600}.scene-path-label--step .scene-path-label__when{font-size:11px}.scene-path-label__hazard{font-size:11px;font-weight:700}.scene-path-label--lit{color:#fff}.scene-path-label--lit .scene-path-label__halo{transform:scale(1.15)}.scene-path-label--lit.scene-path-label--dim .scene-path-label__halo{transform:scale(.75)}.scene-path-label--faint .scene-path-label__text{display:none}.scene-path-label--faint .scene-path-label__halo{opacity:.45;transform:scale(.5)}.scene-path-label--faint:hover .scene-path-label__halo{opacity:1;transform:scale(.75)}.scene-overlay--no-names .scene-label__name,.scene-overlay--no-names .scene-label__annotations{display:none}.scene-hazard-label{white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 4px #000,0 0 4px #000;margin-inline-start:16px;font-size:12px;font-weight:700;position:relative;left:0}.user-location-marker{pointer-events:none;background:#1a73e8;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 6px #0006}.sm-drawing-label{white-space:nowrap;color:#fff;text-shadow:0 0 4px #000,0 0 4px #000;-webkit-user-select:none;user-select:none;pointer-events:none;font:700 14px/1.2 system-ui,sans-serif}.sm-drawing-icon{-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.sm-drawing--interactive{pointer-events:auto;cursor:pointer;touch-action:none}.sm-cooperative-hint{z-index:4;color:#fff;text-align:center;pointer-events:none;opacity:0;background:#0000008c;place-content:center;padding:16px;font:15px/1.4 system-ui,sans-serif;transition:opacity .2s;display:grid;position:absolute;inset:0}.sm-cooperative-hint--shown{opacity:1}@media (prefers-reduced-motion:reduce){.sm-cooperative-hint{transition:none}}.sm-ctrl{z-index:2;pointer-events:none;flex-direction:column;gap:6px;max-width:100%;padding:6px;display:flex;position:absolute}.sm-ctrl>*{pointer-events:auto}.sm-ctrl--top-left{align-items:flex-start;top:0;left:0}.sm-ctrl--top-right{align-items:flex-end;top:0;right:0}.sm-ctrl--bottom-left{align-items:flex-start;bottom:0;left:0}.sm-ctrl--bottom-right{align-items:flex-end;bottom:0;right:0}.sm-map{-webkit-user-select:none;user-select:none}:where(.sm-map){width:100%;height:100%;position:relative}.sm-map__canvas{pointer-events:auto;touch-action:none;width:100%;height:100%;display:block}.sm-map__canvas:focus-visible{outline:2px solid var(--ring,Highlight)}.sm-map .scene-overlay{pointer-events:none;z-index:0;position:absolute;inset:0}.sm-flat{touch-action:none;background:#05070e;width:100%;height:100%;position:relative;overflow:hidden}.sm-flat__raster,.sm-flat__vector,.sm-flat__markers{width:100%;height:100%;position:absolute;inset:0}.sm-flat__raster{display:block}.sm-flat__vector,.sm-flat__markers{pointer-events:none}.sm-flat--interactive{cursor:grab}.sm-flat--cooperative{touch-action:pan-x pan-y}.sm-flat--dragging{cursor:grabbing}.sm-flat__graticule{fill:none;stroke:#ffffff47;stroke-width:1px}.sm-flat__frame{fill:none;stroke:#ffffff73;stroke-width:1px}.sm-flat__feature-dot{fill:#fffc}.sm-flat__feature-label{fill:#ffffffd9;paint-order:stroke;stroke:#000000a6;stroke-width:2.5px;font:10px/1 system-ui,sans-serif}.sm-flat__marker-dot{background:#4ea3ff;border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #00000073}.sm-system-map{border-radius:var(--sm-system-map-radius,6px);background:var(--sm-system-map-background,#ffffff0d);width:100%;color:var(--sm-system-map-ink,#ffffff9e);position:relative;overflow:hidden}.sm-system-map--background{pointer-events:none;background:0 0;border-radius:0;height:100%}.sm-system-map__svg{touch-action:pan-y;width:100%;height:auto;display:block}.sm-system-map--background .sm-system-map__svg{height:100%}.sm-system-map__svg--near :is(a,.sm-system-map__button):not([data-near]){pointer-events:none}.sm-system-map__button{cursor:pointer}.sm-system-map__button:focus{outline:none}.sm-system-map__reference{opacity:.6}.sm-system-map__band--muted{color:var(--sm-system-map-ink,#ffffff9e)}.sm-system-map__band--sky{color:var(--sm-system-map-sky,oklch(74.6% .16 232.661/.7))}.sm-system-map__band--amber{color:var(--sm-system-map-amber,oklch(92.4% .12 95.746/.8))}.sm-system-map__band-label{font-weight:600}.sm-system-map__band-label--muted{fill:var(--sm-system-map-ink,#ffffff9e)}.sm-system-map__band-label--sky{fill:var(--sm-system-map-sky-label,oklch(74.6% .16 232.661))}.sm-system-map__band-label--amber{fill:var(--sm-system-map-amber-label,oklch(92.4% .12 95.746/.9))}.sm-system-map__tip{z-index:10;background:var(--sm-system-map-tip-background,#0a0c14e6);width:max-content;color:var(--sm-system-map-tip-ink,#fffffff2);white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1.33333;position:absolute;transform:translate(-50%);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.sm-system-map__tip[hidden]{display:none}.sm-system-map__tip-title{font-weight:500}.sm-system-map__tip-sub{color:var(--sm-system-map-ink,#ffffff9e)}.sm-ctrl:has(>.sm-attribution:only-child){padding:0}.sm-ctrl--top-left:has(>.sm-attribution:only-child)>.sm-attribution{border-radius:0 0 var(--sm-attribution-radius) 0}.sm-ctrl--top-right:has(>.sm-attribution:only-child)>.sm-attribution{border-radius:0 0 0 var(--sm-attribution-radius)}.sm-ctrl--bottom-left:has(>.sm-attribution:only-child)>.sm-attribution{border-radius:0 var(--sm-attribution-radius) 0 0}.sm-ctrl--bottom-right:has(>.sm-attribution:only-child)>.sm-attribution{border-radius:var(--sm-attribution-radius) 0 0 0}.sm-attribution{--sm-attribution-radius:3px;border-radius:var(--sm-attribution-radius);color:#ffffffbf;white-space:nowrap;background:#0006;align-items:center;gap:.5em;max-width:100%;padding:1px 6px;font:11px/1.45 system-ui,sans-serif;display:flex}.sm-attribution a{color:inherit;text-decoration:none}.sm-attribution a:hover{color:#fff;text-decoration:underline}.sm-attribution__home{font-weight:600}.sm-attribution__group{text-overflow:ellipsis;overflow:hidden}.sm-attribution__label{color:#ffffff80}\n/*$vite$:1*/";document.head.appendChild(s);})();