@servantcdh/ez-planet-cosmos 0.2.5 → 0.2.7

package/dist/index.js

@@ -1,23 +1,23 @@
-import { jsxs as p, jsx as t, Fragment as St } from "react/jsx-runtime";
-import { memo as tt, useRef as et, useMemo as W, useState as H, useCallback as f, useEffect as it } from "react";
-import { Handle as Z, Position as Q, getBezierPath as Bt, BaseEdge as Y, ReactFlowProvider as zt, useReactFlow as Lt, useNodesState as $t, useEdgesState as Mt, ReactFlow as Dt, Background as Ft, BackgroundVariant as Rt, Controls as Tt, MiniMap as Wt } from "@xyflow/react";
-import { motion as B, AnimatePresence as A } from "framer-motion";
+import { jsxs as m, jsx as t, Fragment as kt } from "react/jsx-runtime";
+import { memo as tt, useRef as et, useMemo as W, useState as Z, useCallback as v, useEffect as it } from "react";
+import { Handle as X, Position as Q, getBezierPath as It, BaseEdge as Y, ReactFlowProvider as Lt, useReactFlow as zt, useNodesState as $t, useEdgesState as Dt, ReactFlow as Mt, Background as Ft, BackgroundVariant as Rt, Controls as Tt, MiniMap as Wt } from "@xyflow/react";
+import { motion as I, AnimatePresence as A } from "framer-motion";
 import { Canvas as At, useFrame as ot } from "@react-three/fiber";
 import { Points as at, PointMaterial as nt } from "@react-three/drei";
-const Ot = "cc-root-eSR-1", Et = "cc-layerStarField-jOb4M", Ht = "cc-layerReactFlow-CeHI9", _t = "cc-sidePanel-PzU72", Gt = "cc-sidePanelHeader-cWPCq", Jt = "cc-sidePanelTitle-Yfh5N", Ut = "cc-sidePanelPlanetIcon-aRuLt", Kt = "cc-sidePanelName-TFFeE", Vt = "cc-sidePanelSubtitle-8fp2Y", jt = "cc-sidePanelClose-Sdg-J", qt = "cc-sidePanelContent-QIEEQ", Xt = "cc-sidePanelFooter-DVOHi", Zt = "cc-satelliteList--vkXn", Qt = "cc-satelliteItem-JGdmG", Yt = "cc-satelliteIcon-arUe3", te = "cc-satelliteInfo-NaKLd", ee = "cc-satelliteName-zfOPN", ie = "cc-satelliteSummary-XARVm", oe = "cc-enterButton-5Vnri", ae = "cc-zoomTransition-Wcju8", ne = "cc-zoomPlanetLabel-3SJT2", re = "cc-planetInterior-GlnW1", le = "cc-interiorBackButton-qJAiZ", se = "cc-interiorCenter-xdKsX", ce = "cc-interiorPlanet--XIzf", de = "cc-interiorPlanetLabel-e7yxq", ue = "cc-interiorPlanetSubtitle-e2vON", me = "cc-orbitRing-hbvmD", pe = "cc-satelliteNode-01STS", he = "cc-satelliteNodeIcon-Xq45f", ye = "cc-satelliteNodeLabel-LLOJ5", ge = "cc-satelliteNodeBadge-HsUFp", be = "cc-tutorialOverlay-3GHo7", fe = "cc-tutorialWelcome-21KDP", ve = "cc-tutorialWelcomeTitle-7GwS9", Ne = "cc-tutorialWelcomeDesc--pznv", Pe = "cc-tutorialActions-szJ0-", we = "cc-tutorialButton-wL9-p", Ce = "cc-tutorialCard-LGIkK", xe = "cc-tutorialChip-bUoEb", ke = "cc-tutorialCardTitle-r2Y1I", Ie = "cc-tutorialCardDesc-nOS-M", Se = "cc-tutorialProgress-wIAT9", Be = "cc-tutorialProgressBar-PFBdE", ze = "cc-tutorialCardFooter-bSdyM", Le = "cc-tutorialDots-8M0QU", $e = "cc-tutorialDot-518t4", Me = "cc-planetBody-kF0Jj", De = "cc-planetBodyRunning-cmLi4", Fe = "cc-planetOrbitRing-v7fZR", Re = "cc-planetStatusDot--M-6s", Te = "cc-planetHint-QUWAw", We = "cc-topBarSlot-EJGvM", i = {
+const Ot = "cc-root-eSR-1", Et = "cc-layerStarField-jOb4M", Zt = "cc-layerReactFlow-CeHI9", Ht = "cc-sidePanel-PzU72", Vt = "cc-sidePanelHeader-cWPCq", _t = "cc-sidePanelTitle-Yfh5N", Gt = "cc-sidePanelPlanetIcon-aRuLt", Jt = "cc-sidePanelName-TFFeE", Ut = "cc-sidePanelSubtitle-8fp2Y", Kt = "cc-sidePanelClose-Sdg-J", jt = "cc-sidePanelContent-QIEEQ", qt = "cc-sidePanelFooter-DVOHi", Xt = "cc-satelliteList--vkXn", Qt = "cc-satelliteItem-JGdmG", Yt = "cc-satelliteIcon-arUe3", te = "cc-satelliteInfo-NaKLd", ee = "cc-satelliteName-zfOPN", ie = "cc-satelliteSummary-XARVm", oe = "cc-enterButton-5Vnri", ae = "cc-zoomTransition-Wcju8", ne = "cc-zoomPlanetLabel-3SJT2", le = "cc-planetInterior-GlnW1", re = "cc-interiorBackButton-qJAiZ", ce = "cc-interiorCenter-xdKsX", se = "cc-interiorPlanet--XIzf", de = "cc-interiorPlanetLabel-e7yxq", ue = "cc-interiorPlanetSubtitle-e2vON", me = "cc-orbitRing-hbvmD", pe = "cc-satelliteNode-01STS", he = "cc-satelliteNodeIcon-Xq45f", fe = "cc-satelliteNodeLabel-LLOJ5", ye = "cc-satelliteNodeBadge-HsUFp", ge = "cc-tutorialOverlay-3GHo7", ve = "cc-tutorialWelcome-21KDP", be = "cc-tutorialWelcomeTitle-7GwS9", Ne = "cc-tutorialWelcomeDesc--pznv", Pe = "cc-tutorialActions-szJ0-", we = "cc-tutorialButton-wL9-p", Ce = "cc-tutorialCard-LGIkK", Be = "cc-tutorialChip-bUoEb", xe = "cc-tutorialCardTitle-r2Y1I", Se = "cc-tutorialCardDesc-nOS-M", ke = "cc-tutorialProgress-wIAT9", Ie = "cc-tutorialProgressBar-PFBdE", Le = "cc-tutorialCardFooter-bSdyM", ze = "cc-tutorialDots-8M0QU", $e = "cc-tutorialDot-518t4", De = "cc-planetBody-kF0Jj", Me = "cc-planetBodyRunning-cmLi4", Fe = "cc-planetOrbitRing-v7fZR", Re = "cc-planetStatusDot--M-6s", Te = "cc-planetHint-QUWAw", We = "cc-topBarSlot-EJGvM", Ae = "cc-topBarLogo-1PRdl", Oe = "cc-topBarContent-8WDi6", i = {
   root: Ot,
   layerStarField: Et,
-  layerReactFlow: Ht,
-  sidePanel: _t,
-  sidePanelHeader: Gt,
-  sidePanelTitle: Jt,
-  sidePanelPlanetIcon: Ut,
-  sidePanelName: Kt,
-  sidePanelSubtitle: Vt,
-  sidePanelClose: jt,
-  sidePanelContent: qt,
-  sidePanelFooter: Xt,
-  satelliteList: Zt,
+  layerReactFlow: Zt,
+  sidePanel: Ht,
+  sidePanelHeader: Vt,
+  sidePanelTitle: _t,
+  sidePanelPlanetIcon: Gt,
+  sidePanelName: Jt,
+  sidePanelSubtitle: Ut,
+  sidePanelClose: Kt,
+  sidePanelContent: jt,
+  sidePanelFooter: qt,
+  satelliteList: Xt,
   satelliteItem: Qt,
   satelliteIcon: Yt,
   satelliteInfo: te,
@@ -26,48 +26,50 @@ const Ot = "cc-root-eSR-1", Et = "cc-layerStarField-jOb4M", Ht = "cc-layerReactF
   enterButton: oe,
   zoomTransition: ae,
   zoomPlanetLabel: ne,
-  planetInterior: re,
-  interiorBackButton: le,
-  interiorCenter: se,
-  interiorPlanet: ce,
+  planetInterior: le,
+  interiorBackButton: re,
+  interiorCenter: ce,
+  interiorPlanet: se,
   interiorPlanetLabel: de,
   interiorPlanetSubtitle: ue,
   orbitRing: me,
   satelliteNode: pe,
   satelliteNodeIcon: he,
-  satelliteNodeLabel: ye,
-  satelliteNodeBadge: ge,
-  tutorialOverlay: be,
-  tutorialWelcome: fe,
-  tutorialWelcomeTitle: ve,
+  satelliteNodeLabel: fe,
+  satelliteNodeBadge: ye,
+  tutorialOverlay: ge,
+  tutorialWelcome: ve,
+  tutorialWelcomeTitle: be,
   tutorialWelcomeDesc: Ne,
   tutorialActions: Pe,
   tutorialButton: we,
   tutorialCard: Ce,
-  tutorialChip: xe,
-  tutorialCardTitle: ke,
-  tutorialCardDesc: Ie,
-  tutorialProgress: Se,
-  tutorialProgressBar: Be,
-  tutorialCardFooter: ze,
-  tutorialDots: Le,
+  tutorialChip: Be,
+  tutorialCardTitle: xe,
+  tutorialCardDesc: Se,
+  tutorialProgress: ke,
+  tutorialProgressBar: Ie,
+  tutorialCardFooter: Le,
+  tutorialDots: ze,
   tutorialDot: $e,
-  planetBody: Me,
-  planetBodyRunning: De,
+  planetBody: De,
+  planetBodyRunning: Me,
   planetOrbitRing: Fe,
   planetStatusDot: Re,
   planetHint: Te,
-  topBarSlot: We
+  topBarSlot: We,
+  topBarLogo: Ae,
+  topBarContent: Oe
 };
-function Ae({ data: e }) {
-  const { label: h, subtitle: u, color: s, status: o, isSelected: n } = e, d = n ? 35 : o === "running" ? 30 : o === "error" ? 20 : 15, l = n ? 110 : 100;
-  return /* @__PURE__ */ p("div", { style: { position: "relative", cursor: "pointer" }, children: [
+function Ee({ data: e }) {
+  const { label: h, subtitle: u, color: c, status: o, isSelected: n } = e, d = n ? 35 : o === "running" ? 30 : o === "error" ? 20 : 15, r = n ? 110 : 100;
+  return /* @__PURE__ */ m("div", { style: { position: "relative", cursor: "pointer" }, children: [
     /* @__PURE__ */ t(
-      Z,
+      X,
       {
         type: "target",
         position: Q.Left,
-        style: { background: s, border: "none", width: 8, height: 8, opacity: 0.6 }
+        style: { background: c, border: "none", width: 8, height: 8, opacity: 0.6 }
       }
     ),
     n && /* @__PURE__ */ t(
@@ -77,22 +79,22 @@ function Ae({ data: e }) {
         style: {
           top: -12,
           left: -12,
-          width: l + 24,
-          height: l + 24,
-          border: `1.5px dashed ${s}88`
+          width: r + 24,
+          height: r + 24,
+          border: `1.5px dashed ${c}88`
         }
       }
     ),
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ m(
       "div",
       {
         className: o === "running" ? i.planetBodyRunning : i.planetBody,
         style: {
-          width: l,
-          height: l,
-          background: `radial-gradient(circle at 35% 35%, ${s}cc, ${s}44)`,
-          boxShadow: `0 0 ${d}px ${s}88, inset 0 0 20px rgba(255,255,255,0.1)`,
-          border: `2px solid ${n ? `${s}aa` : `${s}66`}`
+          width: r,
+          height: r,
+          background: `radial-gradient(circle at 35% 35%, ${c}cc, ${c}44)`,
+          boxShadow: `0 0 ${d}px ${c}88, inset 0 0 20px rgba(255,255,255,0.1)`,
+          border: `2px solid ${n ? `${c}aa` : `${c}66`}`
         },
         children: [
           /* @__PURE__ */ t(
@@ -123,47 +125,47 @@ function Ae({ data: e }) {
     ),
     n && /* @__PURE__ */ t("div", { className: i.planetHint, children: "double-click to enter" }),
     /* @__PURE__ */ t(
-      Z,
+      X,
       {
         type: "source",
         position: Q.Right,
-        style: { background: s, border: "none", width: 8, height: 8, opacity: 0.6 }
+        style: { background: c, border: "none", width: 8, height: 8, opacity: 0.6 }
       }
     )
   ] });
 }
-const Oe = tt(Ae);
-function Ee({
+const Ze = tt(Ee);
+function He({
   id: e,
   sourceX: h,
   sourceY: u,
-  targetX: s,
+  targetX: c,
   targetY: o,
   sourcePosition: n,
   targetPosition: d,
-  data: l,
-  style: b = {}
+  data: r,
+  style: g = {}
 }) {
-  const [m] = Bt({
+  const [p] = It({
     sourceX: h,
     sourceY: u,
     sourcePosition: n,
-    targetX: s,
+    targetX: c,
     targetY: o,
     targetPosition: d
-  }), y = (l == null ? void 0 : l.isActive) ?? !1, w = (l == null ? void 0 : l.isDimmed) ?? !1, $ = y ? "rgba(46, 204, 113, 0.25)" : "rgba(100, 149, 237, 0.15)", z = y ? "rgba(46, 204, 113, 0.7)" : w ? "rgba(100, 149, 237, 0.12)" : "rgba(100, 149, 237, 0.4)", r = y ? 3 : 2, C = y ? "12 4" : "8 4";
-  return /* @__PURE__ */ p(St, { children: [
+  }), f = (r == null ? void 0 : r.isActive) ?? !1, w = (r == null ? void 0 : r.isDimmed) ?? !1, $ = f ? "rgba(46, 204, 113, 0.25)" : "rgba(100, 149, 237, 0.15)", L = f ? "rgba(46, 204, 113, 0.7)" : w ? "rgba(100, 149, 237, 0.12)" : "rgba(100, 149, 237, 0.4)", l = f ? 3 : 2, C = f ? "12 4" : "8 4";
+  return /* @__PURE__ */ m(kt, { children: [
     /* @__PURE__ */ t(
       Y,
       {
         id: `${e}-glow`,
-        path: m,
+        path: p,
         style: {
           stroke: $,
-          strokeWidth: y ? 10 : 6,
-          filter: `blur(${y ? 5 : 3}px)`,
+          strokeWidth: f ? 10 : 6,
+          filter: `blur(${f ? 5 : 3}px)`,
           transition: "stroke 0.6s, stroke-width 0.6s",
-          ...b
+          ...g
         }
       }
     ),
@@ -171,17 +173,17 @@ function Ee({
       Y,
       {
         id: e,
-        path: m,
+        path: p,
         style: {
-          stroke: z,
-          strokeWidth: r,
+          stroke: L,
+          strokeWidth: l,
           strokeDasharray: C,
           transition: "stroke 0.6s, stroke-width 0.6s",
-          ...b
+          ...g
         }
       }
     ),
-    (l == null ? void 0 : l.label) && /* @__PURE__ */ t("text", { children: /* @__PURE__ */ t(
+    (r == null ? void 0 : r.label) && /* @__PURE__ */ t("text", { children: /* @__PURE__ */ t(
       "textPath",
       {
         href: `#${e}`,
@@ -192,21 +194,21 @@ function Ee({
           fill: "rgba(255, 255, 255, 0.4)",
           fontFamily: "monospace"
         },
-        children: l.label
+        children: r.label
       }
     ) })
   ] });
 }
-const He = tt(Ee);
+const Ve = tt(He);
 function _e({ config: e }) {
-  const h = et(null), u = e.starCount ?? 2e3, s = e.rotationSpeed ?? 0.02, o = W(() => {
+  const h = et(null), u = e.starCount ?? 2e3, c = e.rotationSpeed ?? 0.02, o = W(() => {
     const n = new Float32Array(u * 3);
     for (let d = 0; d < u; d++)
       n[d * 3] = (Math.random() - 0.5) * 50, n[d * 3 + 1] = (Math.random() - 0.5) * 50, n[d * 3 + 2] = (Math.random() - 0.5) * 50;
     return n;
   }, [u]);
   return ot((n, d) => {
-    h.current && (h.current.rotation.x -= d * s, h.current.rotation.y -= d * (s * 0.5));
+    h.current && (h.current.rotation.x -= d * c, h.current.rotation.y -= d * (c * 0.5));
   }), /* @__PURE__ */ t(at, { ref: h, positions: o, stride: 3, frustumCulled: !1, children: /* @__PURE__ */ t(
     nt,
     {
@@ -220,17 +222,17 @@ function _e({ config: e }) {
   ) });
 }
 function Ge({ config: e }) {
-  const h = et(null), u = e.nebulaCount ?? 500, s = W(() => {
+  const h = et(null), u = e.nebulaCount ?? 500, c = W(() => {
     const o = new Float32Array(u * 3);
     for (let n = 0; n < u; n++) {
-      const d = Math.random() * Math.PI * 2, l = Math.random() * 8 + 5;
-      o[n * 3] = Math.cos(d) * l + (Math.random() - 0.5) * 3, o[n * 3 + 1] = (Math.random() - 0.5) * 4, o[n * 3 + 2] = Math.sin(d) * l + (Math.random() - 0.5) * 3 - 15;
+      const d = Math.random() * Math.PI * 2, r = Math.random() * 8 + 5;
+      o[n * 3] = Math.cos(d) * r + (Math.random() - 0.5) * 3, o[n * 3 + 1] = (Math.random() - 0.5) * 4, o[n * 3 + 2] = Math.sin(d) * r + (Math.random() - 0.5) * 3 - 15;
     }
     return o;
   }, [u]);
   return ot((o, n) => {
     h.current && (h.current.rotation.y += n * 5e-3);
-  }), /* @__PURE__ */ t(at, { ref: h, positions: s, stride: 3, frustumCulled: !1, children: /* @__PURE__ */ t(
+  }), /* @__PURE__ */ t(at, { ref: h, positions: c, stride: 3, frustumCulled: !1, children: /* @__PURE__ */ t(
     nt,
     {
       transparent: !0,
@@ -243,7 +245,7 @@ function Ge({ config: e }) {
   ) });
 }
 function Je({ config: e = {}, background: h }) {
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ m(
     At,
     {
       camera: { position: [0, 0, 15], fov: 60 },
@@ -264,10 +266,10 @@ function Ue({
   planet: e,
   onClose: h,
   onEnterPlanet: u,
-  onSatelliteClick: s
+  onSatelliteClick: c
 }) {
-  return /* @__PURE__ */ p(
-    B.div,
+  return /* @__PURE__ */ m(
+    I.div,
     {
       className: i.sidePanel,
       initial: { x: 340 },
@@ -278,8 +280,8 @@ function Ue({
         borderLeftColor: `${e.color}22`
       },
       children: [
-        /* @__PURE__ */ p("div", { className: i.sidePanelHeader, children: [
-          /* @__PURE__ */ p("div", { className: i.sidePanelTitle, children: [
+        /* @__PURE__ */ m("div", { className: i.sidePanelHeader, children: [
+          /* @__PURE__ */ m("div", { className: i.sidePanelTitle, children: [
             /* @__PURE__ */ t(
               "div",
               {
@@ -291,27 +293,27 @@ function Ue({
                 children: e.icon ?? e.label[0]
               }
             ),
-            /* @__PURE__ */ p("div", { children: [
+            /* @__PURE__ */ m("div", { children: [
               /* @__PURE__ */ t("div", { className: i.sidePanelName, children: e.label }),
               /* @__PURE__ */ t("div", { className: i.sidePanelSubtitle, children: e.subtitle })
             ] })
           ] }),
           /* @__PURE__ */ t("button", { className: i.sidePanelClose, onClick: h, children: "✕" })
         ] }),
-        /* @__PURE__ */ t("div", { className: i.sidePanelContent, children: /* @__PURE__ */ t("div", { className: i.satelliteList, children: e.satellites.map((o) => /* @__PURE__ */ p(
+        /* @__PURE__ */ t("div", { className: i.sidePanelContent, children: /* @__PURE__ */ t("div", { className: i.satelliteList, children: e.satellites.map((o) => /* @__PURE__ */ m(
           "div",
           {
             className: i.satelliteItem,
-            onClick: () => s == null ? void 0 : s({
+            onClick: () => c == null ? void 0 : c({
               planetId: e.id,
               satelliteId: o.id,
               satellite: o
             }),
             children: [
               /* @__PURE__ */ t("div", { className: i.satelliteIcon, children: o.icon ?? "●" }),
-              /* @__PURE__ */ p("div", { className: i.satelliteInfo, children: [
+              /* @__PURE__ */ m("div", { className: i.satelliteInfo, children: [
                 /* @__PURE__ */ t("div", { className: i.satelliteName, children: o.label }),
-                o.summary && /* @__PURE__ */ p("div", { className: i.satelliteSummary, children: [
+                o.summary && /* @__PURE__ */ m("div", { className: i.satelliteSummary, children: [
                   o.summary.total != null && `${o.summary.total} total`,
                   o.summary.running != null && ` · ${o.summary.running} running`,
                   o.summary.failed != null && o.summary.failed > 0 && ` · ${o.summary.failed} failed`
@@ -321,7 +323,7 @@ function Ue({
           },
           o.id
         )) }) }),
-        /* @__PURE__ */ t("div", { className: i.sidePanelFooter, children: /* @__PURE__ */ p(
+        /* @__PURE__ */ t("div", { className: i.sidePanelFooter, children: /* @__PURE__ */ m(
           "button",
           {
             className: i.enterButton,
@@ -341,35 +343,35 @@ function Ke({
   planet: e,
   onExit: h,
   onSatelliteClick: u,
-  renderCustom: s
+  renderCustom: c
 }) {
-  const [o, n] = H(null);
-  if (s)
+  const [o, n] = Z(null);
+  if (c)
     return /* @__PURE__ */ t(
-      B.div,
+      I.div,
       {
         className: i.planetInterior,
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         transition: { duration: 0.4 },
-        children: s(e, h)
+        children: c(e, h)
       }
     );
-  const d = e.satellites, l = Math.max(180, d.length * 35), b = f(
-    (m) => {
-      n(m);
-      const y = d.find((w) => w.id === m);
+  const d = e.satellites, r = Math.max(180, d.length * 35), g = v(
+    (p) => {
+      n(p);
+      const f = d.find((w) => w.id === p);
       u == null || u({
         planetId: e.id,
-        satelliteId: m,
-        satellite: y
+        satelliteId: p,
+        satellite: f
       });
     },
     [e.id, d, u]
   );
-  return /* @__PURE__ */ p(
-    B.div,
+  return /* @__PURE__ */ m(
+    I.div,
     {
       className: i.planetInterior,
       initial: { opacity: 0 },
@@ -378,21 +380,21 @@ function Ke({
       transition: { duration: 0.4 },
       children: [
         /* @__PURE__ */ t("button", { className: i.interiorBackButton, onClick: h, children: "← Back to Universe" }),
-        /* @__PURE__ */ p("div", { className: i.interiorCenter, children: [
-          [1, 2, 3].map((m) => /* @__PURE__ */ t(
+        /* @__PURE__ */ m("div", { className: i.interiorCenter, children: [
+          [1, 2, 3].map((p) => /* @__PURE__ */ t(
             "div",
             {
               className: i.orbitRing,
               style: {
-                width: l * m * 0.7,
-                height: l * m * 0.7,
-                top: `calc(50% - ${l * m * 0.7 / 2}px)`,
-                left: `calc(50% - ${l * m * 0.7 / 2}px)`
+                width: r * p * 0.7,
+                height: r * p * 0.7,
+                top: `calc(50% - ${r * p * 0.7 / 2}px)`,
+                left: `calc(50% - ${r * p * 0.7 / 2}px)`
               }
             },
-            m
+            p
           )),
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ m(
             "div",
             {
               className: i.interiorPlanet,
@@ -406,11 +408,11 @@ function Ke({
               ]
             }
           ),
-          /* @__PURE__ */ t(A, { children: d.map((m, y) => {
-            var r;
-            const w = y / d.length * Math.PI * 2 - Math.PI / 2, $ = Math.cos(w) * l, z = Math.sin(w) * l;
-            return /* @__PURE__ */ p(
-              B.div,
+          /* @__PURE__ */ t(A, { children: d.map((p, f) => {
+            var l;
+            const w = f / d.length * Math.PI * 2 - Math.PI / 2, $ = Math.cos(w) * r, L = Math.sin(w) * r;
+            return /* @__PURE__ */ m(
+              I.div,
               {
                 className: i.satelliteNode,
                 initial: { scale: 0, opacity: 0 },
@@ -419,32 +421,32 @@ function Ke({
                   type: "spring",
                   damping: 15,
                   stiffness: 200,
-                  delay: y * 0.08
+                  delay: f * 0.08
                 },
                 style: {
                   left: `calc(50% + ${$}px - 32px)`,
-                  top: `calc(50% + ${z}px - 40px)`
+                  top: `calc(50% + ${L}px - 40px)`
                 },
-                onClick: () => b(m.id),
+                onClick: () => g(p.id),
                 children: [
-                  /* @__PURE__ */ p(
+                  /* @__PURE__ */ m(
                     "div",
                     {
                       className: i.satelliteNodeIcon,
                       style: {
-                        borderColor: o === m.id ? `${e.color}88` : "rgba(255,255,255,0.15)",
-                        boxShadow: o === m.id ? `0 0 20px ${e.color}44` : "none"
+                        borderColor: o === p.id ? `${e.color}88` : "rgba(255,255,255,0.15)",
+                        boxShadow: o === p.id ? `0 0 20px ${e.color}44` : "none"
                       },
                       children: [
-                        m.icon ?? "●",
-                        ((r = m.summary) == null ? void 0 : r.running) != null && m.summary.running > 0 && /* @__PURE__ */ t("span", { className: i.satelliteNodeBadge, children: m.summary.running })
+                        p.icon ?? "●",
+                        ((l = p.summary) == null ? void 0 : l.running) != null && p.summary.running > 0 && /* @__PURE__ */ t("span", { className: i.satelliteNodeBadge, children: p.summary.running })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ t("span", { className: i.satelliteNodeLabel, children: m.label })
+                  /* @__PURE__ */ t("span", { className: i.satelliteNodeLabel, children: p.label })
                 ]
               },
-              m.id
+              p.id
             );
           }) })
         ] })
@@ -452,9 +454,9 @@ function Ke({
     }
   );
 }
-function Ve({ planet: e }) {
+function je({ planet: e }) {
   return /* @__PURE__ */ t(
-    B.div,
+    I.div,
     {
       className: i.zoomTransition,
       initial: { opacity: 0 },
@@ -462,7 +464,7 @@ function Ve({ planet: e }) {
       exit: { opacity: 0 },
       transition: { duration: 0.9, ease: "easeInOut" },
       children: /* @__PURE__ */ t(
-        B.span,
+        I.span,
         {
           className: i.zoomPlanetLabel,
           initial: { scale: 0.5, opacity: 0 },
@@ -479,19 +481,19 @@ function Ve({ planet: e }) {
     }
   );
 }
-function je({
+function qe({
   steps: e,
   planets: h,
   onHighlightPlanet: u,
-  onStepChange: s,
+  onStepChange: c,
   onFinish: o,
   flyTo: n
 }) {
-  const [d, l] = H("welcome"), [b, m] = H(0), y = f(
-    (k) => {
-      if (k < 0 || k >= e.length) return;
-      m(k), s(k);
-      const N = e[k];
+  const [d, r] = Z("welcome"), [g, p] = Z(0), f = v(
+    (x) => {
+      if (x < 0 || x >= e.length) return;
+      p(x), c(x);
+      const N = e[x];
       if (N.planetId) {
         u(N.planetId);
         const O = h.find((P) => P.id === N.planetId);
@@ -500,35 +502,35 @@ function je({
         });
       }
     },
-    [e, h, s, u, n]
-  ), w = f(() => {
-    l("stepping"), y(0);
-  }, [y]), $ = f(() => {
-    b < e.length - 1 ? y(b + 1) : (l("complete"), s(-1), u(null), n == null || n(800, 400, 0.8, 600), setTimeout(() => o(), 1500));
-  }, [b, e.length, y, s, u, o, n]), z = f(() => {
-    b > 0 && y(b - 1);
-  }, [b, y]), r = f(() => {
-    s(-1), u(null), n == null || n(800, 400, 0.8, 600), o();
-  }, [s, u, o, n]);
+    [e, h, c, u, n]
+  ), w = v(() => {
+    r("stepping"), f(0);
+  }, [f]), $ = v(() => {
+    g < e.length - 1 ? f(g + 1) : (r("complete"), c(-1), u(null), n == null || n(800, 400, 0.8, 600), setTimeout(() => o(), 1500));
+  }, [g, e.length, f, c, u, o, n]), L = v(() => {
+    g > 0 && f(g - 1);
+  }, [g, f]), l = v(() => {
+    c(-1), u(null), n == null || n(800, 400, 0.8, 600), o();
+  }, [c, u, o, n]);
   it(() => {
     if (d !== "stepping") return;
-    const k = (N) => {
-      N.key === "ArrowRight" || N.key === "Enter" ? $() : N.key === "ArrowLeft" ? z() : N.key === "Escape" && r();
+    const x = (N) => {
+      N.key === "ArrowRight" || N.key === "Enter" ? $() : N.key === "ArrowLeft" ? L() : N.key === "Escape" && l();
     };
-    return window.addEventListener("keydown", k), () => window.removeEventListener("keydown", k);
-  }, [d, $, z, r]);
-  const C = e[b], _ = e.length > 0 ? (b + 1) / e.length * 100 : 0;
-  return /* @__PURE__ */ p(A, { mode: "wait", children: [
+    return window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x);
+  }, [d, $, L, l]);
+  const C = e[g], H = e.length > 0 ? (g + 1) / e.length * 100 : 0;
+  return /* @__PURE__ */ m(A, { mode: "wait", children: [
     d === "welcome" && /* @__PURE__ */ t(
-      B.div,
+      I.div,
       {
         className: i.tutorialOverlay,
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
-        children: /* @__PURE__ */ p("div", { className: i.tutorialWelcome, children: [
+        children: /* @__PURE__ */ m("div", { className: i.tutorialWelcome, children: [
           /* @__PURE__ */ t(
-            B.div,
+            I.div,
             {
               initial: { scale: 0.8 },
               animate: { scale: 1 },
@@ -539,13 +541,13 @@ function je({
           ),
           /* @__PURE__ */ t("h1", { className: i.tutorialWelcomeTitle, children: "Welcome to the Cosmos" }),
           /* @__PURE__ */ t("p", { className: i.tutorialWelcomeDesc, children: "Explore the universe of your platform. Each planet represents a domain, and satellites are the features within." }),
-          /* @__PURE__ */ p("div", { className: i.tutorialActions, children: [
+          /* @__PURE__ */ m("div", { className: i.tutorialActions, children: [
             /* @__PURE__ */ t(
               "button",
               {
                 className: i.tutorialButton,
                 "data-variant": "ghost",
-                onClick: r,
+                onClick: l,
                 children: "SKIP"
               }
             ),
@@ -563,8 +565,8 @@ function je({
       },
       "welcome"
     ),
-    d === "stepping" && C && /* @__PURE__ */ p(
-      B.div,
+    d === "stepping" && C && /* @__PURE__ */ m(
+      I.div,
       {
         className: i.tutorialCard,
         initial: { opacity: 0, y: 20 },
@@ -589,38 +591,38 @@ function je({
             "div",
             {
               className: i.tutorialProgressBar,
-              style: { width: `${_}%` }
+              style: { width: `${H}%` }
             }
           ) }),
-          /* @__PURE__ */ p("div", { className: i.tutorialCardFooter, children: [
+          /* @__PURE__ */ m("div", { className: i.tutorialCardFooter, children: [
             /* @__PURE__ */ t(
               "button",
               {
                 className: i.tutorialButton,
                 "data-variant": "ghost",
                 style: { padding: "0.375rem 0.75rem", fontSize: "0.6875rem" },
-                onClick: r,
+                onClick: l,
                 children: "SKIP"
               }
             ),
-            /* @__PURE__ */ t("div", { className: i.tutorialDots, children: e.map((k, N) => /* @__PURE__ */ t(
+            /* @__PURE__ */ t("div", { className: i.tutorialDots, children: e.map((x, N) => /* @__PURE__ */ t(
               "div",
               {
                 className: i.tutorialDot,
-                "data-active": N === b || void 0,
-                "data-done": N < b || void 0,
-                onClick: () => y(N)
+                "data-active": N === g || void 0,
+                "data-done": N < g || void 0,
+                onClick: () => f(N)
               },
               N
             )) }),
-            /* @__PURE__ */ p("div", { style: { display: "flex", gap: "0.5rem" }, children: [
-              b > 0 && /* @__PURE__ */ t(
+            /* @__PURE__ */ m("div", { style: { display: "flex", gap: "0.5rem" }, children: [
+              g > 0 && /* @__PURE__ */ t(
                 "button",
                 {
                   className: i.tutorialButton,
                   "data-variant": "ghost",
                   style: { padding: "0.375rem 0.75rem", fontSize: "0.75rem" },
-                  onClick: z,
+                  onClick: L,
                   children: "←"
                 }
               ),
@@ -631,17 +633,17 @@ function je({
                   "data-variant": "primary",
                   style: { padding: "0.375rem 0.75rem", fontSize: "0.75rem" },
                   onClick: $,
-                  children: b === e.length - 1 ? "Finish" : "→"
+                  children: g === e.length - 1 ? "Finish" : "→"
                 }
               )
             ] })
           ] })
         ]
       },
-      `step-${b}`
+      `step-${g}`
     ),
     d === "complete" && /* @__PURE__ */ t(
-      B.div,
+      I.div,
       {
         className: i.tutorialOverlay,
         initial: { opacity: 0 },
@@ -649,7 +651,7 @@ function je({
         exit: { opacity: 0 },
         transition: { duration: 1 },
         children: /* @__PURE__ */ t(
-          B.h1,
+          I.h1,
           {
             className: i.tutorialWelcomeTitle,
             initial: { scale: 0.8 },
@@ -663,38 +665,38 @@ function je({
     )
   ] });
 }
-const qe = { planet: Oe }, Xe = { orbit: He };
-function Ze({
+const Xe = { planet: Ze }, Qe = { orbit: Ve };
+function Ye({
   planets: e,
   orbits: h,
   onPlanetClick: u,
-  onPlanetEnter: s,
+  onPlanetEnter: c,
   onPlanetExit: o,
   onSatelliteClick: n,
   onPlanetDrag: d,
-  tutorialSteps: l,
-  showTutorial: b,
-  onTutorialComplete: m,
-  initialView: y,
+  tutorialSteps: r,
+  showTutorial: g,
+  onTutorialComplete: p,
+  initialView: f,
   onViewChange: w,
   renderPlanetInterior: $,
-  topBar: z,
-  theme: r,
+  topBar: L,
+  theme: l,
   starField: C = !0,
-  nodeTypes: _,
-  edgeTypes: k,
+  nodeTypes: H,
+  edgeTypes: x,
   className: N,
   style: O
 }) {
-  const [P, rt] = H(y ?? { mode: "universe" }), [G, lt] = H(b ?? !1), { setCenter: x, fitView: J } = Lt(), I = f(
+  const [P, lt] = Z(f ?? { mode: "universe" }), [V, rt] = Z(g ?? !1), { setCenter: B, fitView: _ } = zt(), S = v(
     (a) => {
-      rt(a), w == null || w(a);
+      lt(a), w == null || w(a);
     },
     [w]
-  ), E = f(
-    (a) => e.find((c) => c.id === a),
+  ), E = v(
+    (a) => e.find((s) => s.id === a),
     [e]
-  ), st = W(
+  ), ct = W(
     () => e.map((a) => ({
       id: a.id,
       type: "planet",
@@ -708,9 +710,9 @@ function Ze({
       }
     })),
     [e]
-  ), ct = W(
-    () => h.map((a, c) => ({
-      id: `orbit-${c}`,
+  ), st = W(
+    () => h.map((a, s) => ({
+      id: `orbit-${s}`,
       source: a.source,
       target: a.target,
       type: "orbit",
@@ -718,142 +720,142 @@ function Ze({
       animated: !0
     })),
     [h]
-  ), [K, M, dt] = $t(st), [ut, V, mt] = Mt(ct), L = f(
+  ), [J, D, dt] = $t(ct), [ut, U, mt] = Dt(st), z = v(
     (a) => {
-      M(
-        (c) => c.map((g) => ({
-          ...g,
-          data: { ...g.data, isSelected: g.id === a }
+      D(
+        (s) => s.map((y) => ({
+          ...y,
+          data: { ...y.data, isSelected: y.id === a }
         }))
       );
     },
-    [M]
-  ), pt = f(() => {
-    M(
-      (a) => a.map((c) => {
-        const g = e.find((D) => D.id === c.id);
-        return g ? { ...c, position: { x: g.x, y: g.y } } : c;
+    [D]
+  ), pt = v(() => {
+    D(
+      (a) => a.map((s) => {
+        const y = e.find((M) => M.id === s.id);
+        return y ? { ...s, position: { x: y.x, y: y.y } } : s;
       })
-    ), setTimeout(() => J({ duration: 600, padding: 0.2 }), 50);
-  }, [e, M, J]), ht = f(() => {
-    const a = K.length;
+    ), setTimeout(() => _({ duration: 600, padding: 0.2 }), 50);
+  }, [e, D, _]), ht = v(() => {
+    const a = J.length;
     if (a === 0) return;
-    const c = 800, g = 400, D = Math.max(200, a * 40);
-    M(
-      (U) => U.map((S, v) => {
-        const F = 2 * Math.PI * v / a - Math.PI / 2;
+    const s = 800, y = 400, M = Math.max(200, a * 40);
+    D(
+      (G) => G.map((k, b) => {
+        const F = 2 * Math.PI * b / a - Math.PI / 2;
         return {
-          ...S,
+          ...k,
           position: {
-            x: c + D * Math.cos(F),
-            y: g + D * Math.sin(F)
+            x: s + M * Math.cos(F),
+            y: y + M * Math.sin(F)
           }
         };
       })
-    ), setTimeout(() => J({ duration: 600, padding: 0.2 }), 50);
-  }, [K.length, M, J]), yt = f(
+    ), setTimeout(() => _({ duration: 600, padding: 0.2 }), 50);
+  }, [J.length, D, _]), ft = v(
     (a) => {
-      var U;
-      if (!l) return;
+      var G;
+      if (!r) return;
       if (a < 0) {
-        M(
-          (S) => S.map((v) => ({
-            ...v,
-            data: { ...v.data, status: "idle", isSelected: !1 }
+        D(
+          (k) => k.map((b) => ({
+            ...b,
+            data: { ...b.data, status: "idle", isSelected: !1 }
           }))
-        ), V(
-          (S) => S.map((v) => ({
-            ...v,
+        ), U(
+          (k) => k.map((b) => ({
+            ...b,
             animated: !0,
-            data: { ...v.data, isActive: !1, isDimmed: !1 }
+            data: { ...b.data, isActive: !1, isDimmed: !1 }
           }))
         );
         return;
       }
-      const c = new Set(l.slice(0, a).map((S) => S.planetId)), g = (U = l[a]) == null ? void 0 : U.planetId;
-      M(
-        (S) => S.map((v) => {
+      const s = new Set(r.slice(0, a).map((k) => k.planetId)), y = (G = r[a]) == null ? void 0 : G.planetId;
+      D(
+        (k) => k.map((b) => {
           let F = "idle";
-          return v.id === g ? F = "running" : c.has(v.id) && (F = "success"), {
-            ...v,
-            data: { ...v.data, status: F, isSelected: v.id === g }
+          return b.id === y ? F = "running" : s.has(b.id) && (F = "success"), {
+            ...b,
+            data: { ...b.data, status: F, isSelected: b.id === y }
           };
         })
       );
-      const D = /* @__PURE__ */ new Set([...c, g]);
-      V(
-        (S) => S.map((v) => {
-          const F = c.has(v.source), It = D.has(v.target), X = F && It;
+      const M = /* @__PURE__ */ new Set([...s, y]);
+      U(
+        (k) => k.map((b) => {
+          const F = s.has(b.source), St = M.has(b.target), q = F && St;
           return {
-            ...v,
-            animated: X,
-            data: { ...v.data, isActive: X, isDimmed: !X }
+            ...b,
+            animated: q,
+            data: { ...b.data, isActive: q, isDimmed: !q }
           };
         })
       );
     },
-    [l, M, V]
-  ), j = f(
+    [r, D, U]
+  ), K = v(
     (a) => {
-      I({ mode: "entering", planetId: a.id }), L(null), s == null || s(a), x(a.x + 50, a.y + 50, { zoom: 6, duration: 800 }), setTimeout(() => {
-        I({ mode: "planet", planetId: a.id });
+      S({ mode: "entering", planetId: a.id }), z(null), c == null || c(a), B(a.x + 50, a.y + 50, { zoom: 6, duration: 800 }), setTimeout(() => {
+        S({ mode: "planet", planetId: a.id });
       }, 900);
     },
-    [x, L, I, s]
-  ), gt = f(
-    (a, c) => {
-      I({ mode: "inspecting", planetId: c.id }), L(c.id), x(c.position.x + 50, c.position.y + 50, { zoom: 1.5, duration: 600 });
-      const g = E(c.id);
-      g && (u == null || u(g));
+    [B, z, S, c]
+  ), yt = v(
+    (a, s) => {
+      S({ mode: "inspecting", planetId: s.id }), z(s.id), B(s.position.x + 50, s.position.y + 50, { zoom: 1.5, duration: 600 });
+      const y = E(s.id);
+      y && (u == null || u(y));
     },
-    [L, E, I, u, x]
-  ), bt = f(
-    (a, c) => {
-      const g = E(c.id);
-      g && j(g);
+    [z, E, S, u, B]
+  ), gt = v(
+    (a, s) => {
+      const y = E(s.id);
+      y && K(y);
     },
-    [E, j]
-  ), q = f(() => {
-    I({ mode: "universe" }), o == null || o(), setTimeout(() => {
-      x(800, 400, { zoom: 0.8, duration: 600 });
+    [E, K]
+  ), j = v(() => {
+    S({ mode: "universe" }), o == null || o(), setTimeout(() => {
+      B(800, 400, { zoom: 0.8, duration: 600 });
     }, 100);
-  }, [x, I, o]), ft = f(
-    (a, c) => {
-      d == null || d(c.id, { x: c.position.x, y: c.position.y });
+  }, [B, S, o]), vt = v(
+    (a, s) => {
+      d == null || d(s.id, { x: s.position.x, y: s.position.y });
     },
     [d]
-  ), vt = f(() => {
-    P.mode === "inspecting" && (I({ mode: "universe" }), L(null), x(800, 400, { zoom: 0.8, duration: 600 }));
-  }, [P, L, I, x]), Nt = f(
-    (a, c, g, D) => {
-      x(a, c, { zoom: g, duration: D });
+  ), bt = v(() => {
+    P.mode === "inspecting" && (S({ mode: "universe" }), z(null), B(800, 400, { zoom: 0.8, duration: 600 }));
+  }, [P, z, S, B]), Nt = v(
+    (a, s, y, M) => {
+      B(a, s, { zoom: y, duration: M });
     },
-    [x]
+    [B]
   );
   it(() => {
-    const a = (c) => {
-      c.key === "Escape" && (G || (P.mode === "inspecting" ? (I({ mode: "universe" }), L(null), x(800, 400, { zoom: 0.8, duration: 600 })) : P.mode === "planet" && q()));
+    const a = (s) => {
+      s.key === "Escape" && (V || (P.mode === "inspecting" ? (S({ mode: "universe" }), z(null), B(800, 400, { zoom: 0.8, duration: 600 })) : P.mode === "planet" && j()));
     };
     return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
-  }, [P, G, I, L, x, q]);
+  }, [P, V, S, z, B, j]);
   const R = P.mode !== "universe" ? E(P.planetId) : void 0, Pt = P.mode !== "planet", wt = W(
-    () => ({ ...qe, ..._ }),
-    [_]
+    () => ({ ...Xe, ...H }),
+    [H]
   ), Ct = W(
-    () => ({ ...Xe, ...k }),
-    [k]
-  ), xt = C !== !1, kt = typeof C == "object" ? C : {}, T = {};
-  return r != null && r.background && (T["--cc-bg"] = r.background), r != null && r.textColor && (T["--cc-text"] = r.textColor), r != null && r.panelBackground && (T["--cc-panel-bg"] = r.panelBackground), r != null && r.panelBorder && (T["--cc-panel-border"] = r.panelBorder), r != null && r.controlsBackground && (T["--cc-controls-bg"] = r.controlsBackground), r != null && r.fontFamily && (T["--cc-font-family"] = r.fontFamily), /* @__PURE__ */ p(
+    () => ({ ...Qe, ...x }),
+    [x]
+  ), Bt = C !== !1, xt = typeof C == "object" ? C : {}, T = {};
+  return l != null && l.background && (T["--cc-bg"] = l.background), l != null && l.textColor && (T["--cc-text"] = l.textColor), l != null && l.panelBackground && (T["--cc-panel-bg"] = l.panelBackground), l != null && l.panelBorder && (T["--cc-panel-border"] = l.panelBorder), l != null && l.controlsBackground && (T["--cc-controls-bg"] = l.controlsBackground), l != null && l.fontFamily && (T["--cc-font-family"] = l.fontFamily), /* @__PURE__ */ m(
     "div",
     {
       className: `${i.root} ${N ?? ""}`,
       style: { ...T, ...O },
       children: [
-        xt && /* @__PURE__ */ t("div", { className: i.layerStarField, children: /* @__PURE__ */ t(
+        Bt && /* @__PURE__ */ t("div", { className: i.layerStarField, children: /* @__PURE__ */ t(
           Je,
           {
-            config: kt,
-            background: r == null ? void 0 : r.background
+            config: xt,
+            background: l == null ? void 0 : l.background
           }
         ) }),
         /* @__PURE__ */ t(
@@ -861,17 +863,17 @@ function Ze({
           {
             className: i.layerReactFlow,
             "data-hidden": !Pt || void 0,
-            children: /* @__PURE__ */ p(
-              Dt,
+            children: /* @__PURE__ */ m(
+              Mt,
               {
-                nodes: K,
+                nodes: J,
                 edges: ut,
                 onNodesChange: dt,
                 onEdgesChange: mt,
-                onNodeClick: gt,
-                onNodeDoubleClick: bt,
-                onNodeDragStop: ft,
-                onPaneClick: vt,
+                onNodeClick: yt,
+                onNodeDoubleClick: gt,
+                onNodeDragStop: vt,
+                onPaneClick: bt,
                 nodeTypes: wt,
                 edgeTypes: Ct,
                 nodesDraggable: !0,
@@ -892,7 +894,7 @@ function Ze({
                       color: "rgba(255, 255, 255, 0.05)"
                     }
                   ),
-                  /* @__PURE__ */ p(
+                  /* @__PURE__ */ m(
                     Tt,
                     {
                       style: { top: 60 },
@@ -913,7 +915,7 @@ function Ze({
                             className: "react-flow__controls-button",
                             onClick: ht,
                             title: "Auto layout",
-                            children: /* @__PURE__ */ p("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "currentColor", children: [
+                            children: /* @__PURE__ */ m("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "currentColor", children: [
                               /* @__PURE__ */ t("circle", { cx: "12", cy: "3", r: "2" }),
                               /* @__PURE__ */ t("circle", { cx: "19.8", cy: "8", r: "2" }),
                               /* @__PURE__ */ t("circle", { cx: "17.6", cy: "17", r: "2" }),
@@ -930,8 +932,8 @@ function Ze({
                     Wt,
                     {
                       nodeColor: (a) => {
-                        var c;
-                        return ((c = a.data) == null ? void 0 : c.color) || "#666";
+                        var s;
+                        return ((s = a.data) == null ? void 0 : s.color) || "#666";
                       },
                       maskColor: "rgba(10, 10, 26, 0.7)",
                       style: {
@@ -944,12 +946,12 @@ function Ze({
             )
           }
         ),
-        /* @__PURE__ */ t(A, { children: P.mode === "entering" && R && /* @__PURE__ */ t(Ve, { planet: R }) }),
+        /* @__PURE__ */ t(A, { children: P.mode === "entering" && R && /* @__PURE__ */ t(je, { planet: R }) }),
         /* @__PURE__ */ t(A, { children: P.mode === "planet" && R && /* @__PURE__ */ t(
           Ke,
           {
             planet: R,
-            onExit: q,
+            onExit: j,
             onSatelliteClick: n,
             renderCustom: $
           }
@@ -959,22 +961,47 @@ function Ze({
           {
             planet: R,
             onClose: () => {
-              I({ mode: "universe" }), L(null), x(800, 400, { zoom: 0.8, duration: 600 });
+              S({ mode: "universe" }), z(null), B(800, 400, { zoom: 0.8, duration: 600 });
             },
-            onEnterPlanet: () => j(R),
+            onEnterPlanet: () => K(R),
             onSatelliteClick: n
           }
         ) }),
-        z && !G && P.mode !== "planet" && P.mode !== "entering" && /* @__PURE__ */ t("div", { className: i.topBarSlot, children: z }),
-        /* @__PURE__ */ t(A, { children: G && l && l.length > 0 && /* @__PURE__ */ t(
-          je,
+        !V && P.mode !== "planet" && P.mode !== "entering" && /* @__PURE__ */ m("div", { className: i.topBarSlot, children: [
+          /* @__PURE__ */ m(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 4663.4 712.56",
+              className: i.topBarLogo,
+              "aria-label": "EZ PLANET",
+              children: [
+                /* @__PURE__ */ t("path", { fill: "#f4ca1c", d: "m321.4,57.26v132.63c-65.92,13.79-117.88,65.75-131.51,131.51H57.09c-21.33,0-38.65-17.32-38.65-38.65V57.26c0-21.49,17.32-38.81,38.65-38.81h225.49c21.49,0,38.81,17.32,38.81,38.81Z" }),
+                /* @__PURE__ */ t("path", { fill: "#6c9cf5", d: "m693.95,429.81v225.49c0,21.33-17.32,38.81-38.81,38.81h-225.33c-21.49,0-38.81-17.48-38.81-38.81v-132.79c65.92-13.63,117.88-65.59,131.35-131.51h132.79c21.49,0,38.81,17.48,38.81,38.81Z" }),
+                /* @__PURE__ */ t("path", { fill: "#ef3a65", d: "m712.4,170c0,93.82-76.02,169.84-169.84,169.84-5.93,0-11.71-.32-17.48-.8-.8-8.66-2.25-17.16-4.33-25.5,4.17-5.61,8.18-11.23,12.03-16.84,56.45-80.03,80.19-147.39,55.33-172.25-25.02-24.86-92.54-.96-172.57,55.17,9.46,3.21,18.6,7.22,27.26,11.71,25.66-8.98,46.03-8.82,56.93,2.08,9.94,9.94,10.91,27.42,4.33,49.56-1.6,5.93-3.85,12.19-6.74,18.76-18.28-27.26-44.1-48.92-74.74-61.91-7.54-3.21-15.4-5.93-23.58-8.02-8.34-2.08-16.84-3.69-25.66-4.49-.48-5.61-.8-11.55-.8-17.32C372.56,76.02,448.58,0,542.56,0s169.84,76.02,169.84,170Z" }),
+                /* @__PURE__ */ t("path", { fill: "#13c0a4", d: "m339.84,542.56c0,93.82-76.18,170-170,170S0,636.38,0,542.56s76.02-169.84,169.84-169.84c5.77,0,11.71.32,17.32.8.8,8.82,2.41,17.32,4.49,25.66,2.08,8.02,4.81,15.72,8.02,23.25v.16c12.99,30.47,34.64,56.45,61.91,74.9-6.42,2.89-12.67,4.97-18.6,6.74-22.29,6.58-39.77,5.61-49.72-4.33-10.91-10.91-11.07-31.27-2.08-56.93-4.49-8.66-8.34-17.64-11.55-27.1-56.45,80.03-80.19,147.39-55.33,172.25,24.86,25.02,92.38,1.12,172.41-55.17,5.45-3.85,11.07-7.86,16.68-12.19,8.34,2.08,16.84,3.69,25.66,4.49.48,5.61.8,11.39.8,17.32Z" }),
+                /* @__PURE__ */ t("path", { fill: "#fff", d: "m2302.63,147.09h-214.46v73.14h217.55c39.67,0,57.64,25.41,57.64,55.78s-16.73,57.64-58.26,57.64h-150.61c-45.87,0-65.7,19.21-65.7,66.32v165.49h73.14v-151.24c0-7.44,3.72-10.54,10.54-10.54h130.16c97.93,0,134.5-68.18,134.5-131.4,0-66.94-40.29-125.2-134.5-125.2Z" }),
+                /* @__PURE__ */ t("path", { fill: "#fff", d: "m2579.65,420.43V147.09h-73.14v273.96c0,83.67,43.39,144.42,154.33,144.42h166.73v-73.14h-162.39c-65.7,0-85.53-31.61-85.53-71.9Z" }),
+                /* @__PURE__ */ t("path", { fill: "#fff", d: "m3111.79,139.65c-44.01,0-72.52,14.88-88.01,53.92l-146.9,371.89h80.58l132.64-336.56c4.34-9.92,11.16-14.25,21.07-14.25s16.74,4.34,20.45,14.25l127.06,336.56h81.2l-141.32-371.89c-14.88-39.05-43.39-53.92-86.77-53.92Z" }),
+                /* @__PURE__ */ t("path", { fill: "#fff", d: "m3772.95,478.07c0,14.26-9.3,23.55-24.79,23.55-13.64,0-21.69-7.44-26.65-17.35l-122.1-267.14c-17.35-47.73-43.39-77.48-101.65-77.48-65.08,0-96.07,36.57-96.07,91.11v334.7h73.14V234.49c0-14.88,8.68-24.17,25.41-24.17,13.02,0,20.45,5.58,26.03,17.97l122.1,267.14c17.35,47.73,44.01,77.48,102.27,77.48,64.46,0,96.07-36.57,96.07-91.73V147.09h-73.76v330.98Z" }),
+                /* @__PURE__ */ t("polygon", { fill: "#fff", points: "4345.44 147.09 4345.44 220.23 4467.54 220.23 4467.54 565.47 4541.3 565.47 4541.3 220.23 4663.4 220.23 4663.4 147.09 4345.44 147.09" }),
+                /* @__PURE__ */ t("path", { fill: "#fff", d: "m1164.31,221.17h211.98v-73.14h-216.32c-110.95,0-154.33,60.74-154.33,144.42v128.61c0,83.67,43.39,144.41,154.33,144.41h216.32v-73.14h-211.98c-65.7,0-85.53-31.61-85.53-71.9v-32.98h247.92v-69.79h-247.92v-24.6c0-40.29,19.83-71.9,85.53-71.9Z" }),
+                /* @__PURE__ */ t("path", { fill: "#fff", d: "m4087.26,221.17h192.86v-73.14h-197.2c-110.95,0-154.33,60.74-154.33,144.42v128.61c0,83.67,43.39,144.41,154.33,144.41h197.2v-73.14h-192.86c-65.7,0-85.53-31.61-85.53-71.9v-32.98h247.92v-69.79h-247.92v-24.6c0-40.29,19.83-71.9,85.53-71.9Z" }),
+                /* @__PURE__ */ t("path", { fill: "#fff", d: "m1737.69,149.2c66.6,0,101.14,33.3,101.14,91.27,0,47.48-22.2,78.32-66.6,97.44l-226.94,96.82c-12.95,5.55-20.97,16.65-20.97,30.83,0,16.03,10.48,27.13,30.83,27.13h274.43v72.77h-279.36c-66.6,0-100.52-33.3-100.52-91.27,0-47.48,22.2-78.32,67.22-97.44l225.71-96.82c13.57-5.55,21.58-16.65,21.58-30.83,0-16.03-10.48-27.13-31.45-27.13h-268.26v-72.77h273.19Z" })
+              ]
+            }
+          ),
+          L && /* @__PURE__ */ t("div", { className: i.topBarContent, children: L })
+        ] }),
+        /* @__PURE__ */ t(A, { children: V && r && r.length > 0 && /* @__PURE__ */ t(
+          qe,
           {
-            steps: l,
+            steps: r,
             planets: e,
-            onHighlightPlanet: L,
-            onStepChange: yt,
+            onHighlightPlanet: z,
+            onStepChange: ft,
             onFinish: () => {
-              lt(!1), m == null || m();
+              rt(!1), p == null || p();
             },
             flyTo: Nt
           }
@@ -983,16 +1010,16 @@ function Ze({
     }
   );
 }
-function ai(e) {
-  return /* @__PURE__ */ t(zt, { children: /* @__PURE__ */ t(Ze, { ...e }) });
+function li(e) {
+  return /* @__PURE__ */ t(Lt, { children: /* @__PURE__ */ t(Ye, { ...e }) });
 }
 export {
-  ai as CosmosCanvas,
-  je as CosmosTutorial,
-  He as OrbitEdge,
+  li as CosmosCanvas,
+  qe as CosmosTutorial,
+  Ve as OrbitEdge,
   Ke as PlanetInterior,
-  Oe as PlanetNode,
+  Ze as PlanetNode,
   Ue as SidePanel,
   Je as StarField,
-  Ve as ZoomTransition
+  je as ZoomTransition
 };