feat: improved visualisation and x4 data import

apps/viewer/src/viewerInteractionController.ts

@@ -12,6 +12,7 @@ import {
   toggleCameraMode,
   navigateFromWheel,
 } from "./viewerControls";
+import { NAV_DISTANCE, NAV_DISTANCE_PLANET_ORBIT } from "./viewerConstants";
 import { ViewerHistoryWindowController } from "./viewerHistoryWindowController";
 import type {
   CameraMode,
@@ -30,6 +31,7 @@ export interface ViewerInteractionContext {
   galaxySelectableTargets: Map<THREE.Object3D, Selectable>;
   systemSelectableTargets: Map<THREE.Object3D, Selectable>;
   hoverLabelEl: HTMLDivElement;
+  hoverConnectorLineEl: SVGLineElement;
   marqueeEl: HTMLDivElement;
   keyState: Set<string>;
   getWorld: () => WorldState | undefined;
@@ -231,8 +233,12 @@ export class ViewerInteractionController {
       return;
     }
 
-    this.context.focusOnSelection(selectedItems[0]);
+    const selection = selectedItems[0];
+    this.context.focusOnSelection(selection);
     this.context.syncFollowStateFromSelection();
+    if (selection.kind === "planet") {
+      this.context.setDesiredDistance(NAV_DISTANCE_PLANET_ORBIT);
+    }
   };
 
   readonly onWheel = (event: WheelEvent) => {
@@ -269,6 +275,7 @@ export class ViewerInteractionController {
     updateHoverLabel({
       dragMode: this.context.getDragMode(),
       hoverLabelEl: this.context.hoverLabelEl,
+      hoverConnectorLineEl: this.context.hoverConnectorLineEl,
       hoverPick: this.pickSelectableHitAtClientPosition(event.clientX, event.clientY),
       activeSystemId: this.context.getActiveSystemId(),
       povLevel: this.context.getPovLevel(),