worldorbit 2.5.13 → 2.5.16

package/packages/viewer/dist/render.js

@@ -32,6 +32,13 @@ export function renderSceneToSvg(scene, options = {}) {
             .map((leader) => `<line class="wo-leader wo-leader-${leader.mode}" x1="${leader.x1}" y1="${leader.y1}" x2="${leader.x2}" y2="${leader.y2}" data-render-id="${escapeXml(leader.renderId)}" data-group-id="${escapeAttribute(leader.groupId ?? "")}" />`)
             .join("")
         : "";
+    const relationMarkup = layers.relations
+        ? scene.relations
+            .filter((relation) => !relation.hidden)
+            .filter((relation) => visibleObjectIds.has(relation.fromObjectId) && visibleObjectIds.has(relation.toObjectId))
+            .map((relation) => `<line class="wo-relation" x1="${relation.x1}" y1="${relation.y1}" x2="${relation.x2}" y2="${relation.y2}" data-render-id="${escapeXml(relation.renderId)}" data-relation-id="${escapeAttribute(relation.relationId)}" />`)
+            .join("")
+        : "";
     const objectMarkup = layers.objects
         ? visibleObjects
             .map((object) => renderSceneObject(object, options.selectedObjectId ?? null, theme))
@@ -75,10 +82,11 @@ export function renderSceneToSvg(scene, options = {}) {
     .wo-bg-glow { fill: url(#wo-bg-glow); }
     .wo-grid { fill: none; stroke: ${theme.guide}; stroke-width: 1; }
     .wo-orbit { fill: none; stroke: ${theme.orbit}; stroke-width: 1.5; }
-    .wo-orbit-back { opacity: 0.38; stroke-dasharray: 8 6; }
-    .wo-orbit-front { opacity: 0.9; }
-    .wo-orbit-band { stroke: ${theme.orbitBand}; stroke-linecap: round; }
-    .wo-leader { stroke: ${theme.leader}; stroke-width: 1.5; stroke-dasharray: 6 5; }
+    .wo-orbit-back { opacity: 0.38; stroke-dasharray: 8 6; }
+    .wo-orbit-front { opacity: 0.9; }
+    .wo-orbit-band { stroke: ${theme.orbitBand}; stroke-linecap: round; }
+    .wo-relation { stroke: ${theme.relation}; stroke-width: 2; stroke-dasharray: 10 6; }
+    .wo-leader { stroke: ${theme.leader}; stroke-width: 1.5; stroke-dasharray: 6 5; }
     .wo-label { fill: ${theme.ink}; font-family: ${theme.fontFamily}; font-weight: 600; letter-spacing: 0.02em; }
     .wo-label-secondary { fill: ${theme.muted}; font-family: ${theme.fontFamily}; font-weight: 500; }
     .wo-title { fill: ${theme.ink}; font: 700 24px ${theme.displayFont}; letter-spacing: 0.06em; text-transform: uppercase; }
@@ -109,9 +117,10 @@ export function renderSceneToSvg(scene, options = {}) {
   <g data-worldorbit-world="true">
     <g data-worldorbit-camera-root="${WORLD_LAYER_ID}" id="${WORLD_LAYER_ID}">
       <g data-worldorbit-world-content="true">
-        ${layers.orbits ? `<g data-layer-id="orbits-back">${orbitMarkup.back}</g>` : ""}
-        ${layers.guides ? `<g data-layer-id="guides">${leaderMarkup}</g>` : ""}
-        ${layers.objects ? `<g data-layer-id="objects">${objectMarkup}</g>` : ""}
+        ${layers.orbits ? `<g data-layer-id="orbits-back">${orbitMarkup.back}</g>` : ""}
+        ${layers.guides ? `<g data-layer-id="guides">${leaderMarkup}</g>` : ""}
+        ${layers.relations ? `<g data-layer-id="relations">${relationMarkup}</g>` : ""}
+        ${layers.objects ? `<g data-layer-id="objects">${objectMarkup}</g>` : ""}
         ${layers.orbits ? `<g data-layer-id="orbits-front">${orbitMarkup.front}</g>` : ""}
         ${layers.labels ? `<g data-layer-id="labels">${labelMarkup}</g>` : ""}
       </g>

package/packages/viewer/dist/theme.js

@@ -1,6 +1,7 @@
 const DEFAULT_LAYERS = {
     background: true,
     guides: true,
+    relations: true,
     orbits: true,
     objects: true,
     labels: true,
@@ -15,6 +16,7 @@ const THEME_PRESETS = {
         backgroundGlow: "rgba(240, 180, 100, 0.18)",
         panel: "rgba(7, 17, 27, 0.9)",
         panelLine: "rgba(168, 207, 242, 0.18)",
+        relation: "rgba(240, 180, 100, 0.42)",
         orbit: "rgba(163, 209, 255, 0.24)",
         orbitBand: "rgba(255, 190, 120, 0.28)",
         guide: "rgba(255, 255, 255, 0.04)",
@@ -37,6 +39,7 @@ const THEME_PRESETS = {
         backgroundGlow: "rgba(120, 255, 215, 0.16)",
         panel: "rgba(7, 20, 30, 0.9)",
         panelLine: "rgba(120, 255, 215, 0.16)",
+        relation: "rgba(156, 231, 255, 0.42)",
         orbit: "rgba(120, 255, 215, 0.2)",
         orbitBand: "rgba(137, 185, 255, 0.24)",
         guide: "rgba(255, 255, 255, 0.035)",
@@ -59,6 +62,7 @@ const THEME_PRESETS = {
         backgroundGlow: "rgba(255, 127, 95, 0.18)",
         panel: "rgba(24, 9, 13, 0.9)",
         panelLine: "rgba(255, 166, 149, 0.16)",
+        relation: "rgba(255, 178, 125, 0.42)",
         orbit: "rgba(255, 188, 164, 0.22)",
         orbitBand: "rgba(255, 214, 139, 0.24)",
         guide: "rgba(255, 255, 255, 0.03)",

package/packages/viewer/dist/tooltip.js

@@ -76,6 +76,41 @@ function buildTooltipFields(details) {
         });
     }
     const placement = details.object.placement;
+    if (details.object.groups?.length) {
+        fields.set("groups", {
+            key: "groups",
+            label: "Groups",
+            value: details.object.groups.join(", "),
+        });
+    }
+    if (details.object.epoch) {
+        fields.set("epoch", {
+            key: "epoch",
+            label: "Epoch",
+            value: details.object.epoch,
+        });
+    }
+    if (details.object.referencePlane) {
+        fields.set("referencePlane", {
+            key: "referencePlane",
+            label: "Reference Plane",
+            value: details.object.referencePlane,
+        });
+    }
+    if (details.object.tidalLock !== undefined) {
+        fields.set("tidalLock", {
+            key: "tidalLock",
+            label: "Tidal Lock",
+            value: details.object.tidalLock ? "true" : "false",
+        });
+    }
+    if (details.object.resonance) {
+        fields.set("resonance", {
+            key: "resonance",
+            label: "Resonance",
+            value: `${details.object.resonance.targetObjectId} ${details.object.resonance.ratio}`,
+        });
+    }
     if (placement?.mode === "at") {
         fields.set("placement", {
             key: "placement",

package/packages/viewer/dist/types.d.ts

@@ -9,6 +9,7 @@ export interface WorldOrbitTheme {
     backgroundGlow: string;
     panel: string;
     panelLine: string;
+    relation: string;
     orbit: string;
     orbitBand: string;
     guide: string;
@@ -27,6 +28,7 @@ export interface WorldOrbitTheme {
 export interface ViewerLayerOptions {
     background?: boolean;
     guides?: boolean;
+    relations?: boolean;
     orbits?: boolean;
     objects?: boolean;
     labels?: boolean;
@@ -73,8 +75,10 @@ export interface ViewerObjectDetails {
     renderObject: RenderSceneObject;
     label: RenderSceneLabel | null;
     group: RenderSceneGroup | null;
+    semanticGroups: RenderScene["semanticGroups"];
     orbit: RenderOrbitVisual | null;
     relatedOrbits: RenderOrbitVisual[];
+    relations: RenderScene["relations"];
     parent: RenderSceneObject | null;
     children: RenderSceneObject[];
     ancestors: RenderSceneObject[];
@@ -117,6 +121,7 @@ export interface ViewerBookmark {
 export interface AtlasViewerControls {
     search?: boolean;
     typeFilter?: boolean;
+    groupFilter?: boolean;
     viewpointSelect?: boolean;
     inspector?: boolean;
     bookmarks?: boolean;
@@ -132,6 +137,8 @@ export interface AtlasInspectorSnapshot {
         projection: ViewProjection;
         renderPreset: RenderPresetName | null;
         groupCount: number;
+        semanticGroupCount: number;
+        relationCount: number;
         viewpointCount: number;
     };
 }

package/packages/viewer/dist/viewer.js

@@ -644,11 +644,15 @@ export function createInteractiveViewer(container, options) {
             renderObject,
             label: scene.labels.find((label) => label.objectId === renderObject.objectId && !label.hidden) ?? null,
             group: scene.groups.find((group) => group.renderId === renderObject.groupId) ?? null,
+            semanticGroups: scene.semanticGroups.filter((group) => renderObject.semanticGroupIds.includes(group.id)),
             orbit: scene.orbitVisuals.find((orbit) => orbit.objectId === renderObject.objectId && !orbit.hidden) ?? null,
             relatedOrbits: scene.orbitVisuals.filter((orbit) => !orbit.hidden &&
                 (orbit.objectId === renderObject.objectId ||
                     renderObject.ancestorIds.includes(orbit.objectId) ||
                     renderObject.childIds.includes(orbit.objectId))),
+            relations: scene.relations.filter((relation) => !relation.hidden &&
+                (relation.fromObjectId === renderObject.objectId ||
+                    relation.toObjectId === renderObject.objectId)),
             parent: getObjectById(renderObject.parentId),
             children: renderObject.childIds.map((childId) => getObjectById(childId)).filter(Boolean),
             ancestors: renderObject.ancestorIds