@servantcdh/ez-planet-cosmos 0.2.1 → 0.2.5

package/dist/index.js

@@ -1,61 +1,98 @@
-import { jsxs as p, jsx as t, Fragment as Bt } from "react/jsx-runtime";
-import { memo as ot, useRef as K, useMemo as R, useState as _, useCallback as v, useEffect as at } from "react";
-import { Handle as tt, Position as et, getBezierPath as zt, BaseEdge as it, ReactFlowProvider as $t, useReactFlow as Lt, useNodesState as Mt, useEdgesState as Ft, ReactFlow as Dt, Background as Tt, BackgroundVariant as Wt, Controls as At, MiniMap as Rt } from "@xyflow/react";
-import { motion as w, AnimatePresence as E } from "framer-motion";
-import { Canvas as Et, useFrame as nt } from "@react-three/fiber";
-import { Points as rt, PointMaterial as lt } from "@react-three/drei";
-function Ot({ data: e }) {
-  const { label: h, subtitle: u, color: l, status: o, isSelected: n } = e, c = n ? 35 : o === "running" ? 30 : o === "error" ? 20 : 15, d = o === "running" ? [1, 1.08, 1] : [1, 1.02, 1], y = n ? 110 : 100;
+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 { 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 = {
+  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,
+  satelliteItem: Qt,
+  satelliteIcon: Yt,
+  satelliteInfo: te,
+  satelliteName: ee,
+  satelliteSummary: ie,
+  enterButton: oe,
+  zoomTransition: ae,
+  zoomPlanetLabel: ne,
+  planetInterior: re,
+  interiorBackButton: le,
+  interiorCenter: se,
+  interiorPlanet: ce,
+  interiorPlanetLabel: de,
+  interiorPlanetSubtitle: ue,
+  orbitRing: me,
+  satelliteNode: pe,
+  satelliteNodeIcon: he,
+  satelliteNodeLabel: ye,
+  satelliteNodeBadge: ge,
+  tutorialOverlay: be,
+  tutorialWelcome: fe,
+  tutorialWelcomeTitle: ve,
+  tutorialWelcomeDesc: Ne,
+  tutorialActions: Pe,
+  tutorialButton: we,
+  tutorialCard: Ce,
+  tutorialChip: xe,
+  tutorialCardTitle: ke,
+  tutorialCardDesc: Ie,
+  tutorialProgress: Se,
+  tutorialProgressBar: Be,
+  tutorialCardFooter: ze,
+  tutorialDots: Le,
+  tutorialDot: $e,
+  planetBody: Me,
+  planetBodyRunning: De,
+  planetOrbitRing: Fe,
+  planetStatusDot: Re,
+  planetHint: Te,
+  topBarSlot: We
+};
+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: [
     /* @__PURE__ */ t(
-      tt,
+      Z,
       {
         type: "target",
-        position: et.Left,
-        style: { background: l, border: "none", width: 8, height: 8, opacity: 0.6 }
+        position: Q.Left,
+        style: { background: s, border: "none", width: 8, height: 8, opacity: 0.6 }
       }
     ),
     n && /* @__PURE__ */ t(
-      w.div,
+      "div",
       {
-        initial: { scale: 0.8, opacity: 0 },
-        animate: { scale: 1, opacity: 1, rotate: 360 },
-        transition: {
-          rotate: { duration: 20, repeat: 1 / 0, ease: "linear" },
-          scale: { duration: 0.3 }
-        },
+        className: i.planetOrbitRing,
         style: {
-          position: "absolute",
           top: -12,
           left: -12,
-          width: y + 24,
-          height: y + 24,
-          borderRadius: "50%",
-          border: `1.5px dashed ${l}88`,
-          pointerEvents: "none"
+          width: l + 24,
+          height: l + 24,
+          border: `1.5px dashed ${s}88`
         }
       }
     ),
     /* @__PURE__ */ p(
-      w.div,
+      "div",
       {
-        animate: { scale: d },
-        transition: { duration: 3, repeat: 1 / 0, ease: "easeInOut" },
-        whileHover: {
-          boxShadow: `0 0 ${c + 15}px ${l}aa, inset 0 0 25px rgba(255,255,255,0.15)`
-        },
+        className: o === "running" ? i.planetBodyRunning : i.planetBody,
         style: {
-          width: y,
-          height: y,
-          borderRadius: "50%",
-          background: `radial-gradient(circle at 35% 35%, ${l}cc, ${l}44)`,
-          boxShadow: `0 0 ${c}px ${l}88, inset 0 0 20px rgba(255,255,255,0.1)`,
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "center",
-          justifyContent: "center",
-          border: `2px solid ${n ? `${l}aa` : `${l}66`}`,
-          transition: "width 0.3s, height 0.3s, border-color 0.3s"
+          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`}`
         },
         children: [
           /* @__PURE__ */ t(
@@ -76,101 +113,75 @@ function Ot({ data: e }) {
       }
     ),
     o !== "idle" && o !== "disabled" && /* @__PURE__ */ t(
-      w.div,
+      "div",
       {
-        animate: { opacity: [0.5, 1, 0.5] },
-        transition: { duration: 1.5, repeat: 1 / 0 },
+        className: i.planetStatusDot,
         style: {
-          position: "absolute",
-          top: -4,
-          right: -4,
-          width: 14,
-          height: 14,
-          borderRadius: "50%",
-          background: o === "running" ? "#2ecc71" : o === "error" ? "#e74c3c" : "#27ae60",
-          border: "2px solid rgba(0,0,0,0.4)"
+          background: o === "running" ? "#2ecc71" : o === "error" ? "#e74c3c" : "#27ae60"
         }
       }
     ),
-    n && /* @__PURE__ */ t(
-      w.div,
-      {
-        initial: { opacity: 0, y: 8 },
-        animate: { opacity: 0.5, y: 0 },
-        style: {
-          position: "absolute",
-          bottom: -22,
-          left: "50%",
-          transform: "translateX(-50%)",
-          fontSize: 9,
-          color: "#fff",
-          whiteSpace: "nowrap",
-          fontFamily: "monospace",
-          letterSpacing: 0.5
-        },
-        children: "double-click to enter"
-      }
-    ),
+    n && /* @__PURE__ */ t("div", { className: i.planetHint, children: "double-click to enter" }),
     /* @__PURE__ */ t(
-      tt,
+      Z,
       {
         type: "source",
-        position: et.Right,
-        style: { background: l, border: "none", width: 8, height: 8, opacity: 0.6 }
+        position: Q.Right,
+        style: { background: s, border: "none", width: 8, height: 8, opacity: 0.6 }
       }
     )
   ] });
 }
-const _t = ot(Ot);
-function Gt({
+const Oe = tt(Ae);
+function Ee({
   id: e,
   sourceX: h,
   sourceY: u,
-  targetX: l,
+  targetX: s,
   targetY: o,
   sourcePosition: n,
-  targetPosition: c,
-  data: d,
-  style: y = {}
+  targetPosition: d,
+  data: l,
+  style: b = {}
 }) {
-  const [m] = zt({
+  const [m] = Bt({
     sourceX: h,
     sourceY: u,
     sourcePosition: n,
-    targetX: l,
+    targetX: s,
     targetY: o,
-    targetPosition: c
-  }), b = (d == null ? void 0 : d.isActive) ?? !1, C = (d == null ? void 0 : d.isDimmed) ?? !1, M = b ? "rgba(46, 204, 113, 0.25)" : "rgba(100, 149, 237, 0.15)", $ = b ? "rgba(46, 204, 113, 0.7)" : C ? "rgba(100, 149, 237, 0.12)" : "rgba(100, 149, 237, 0.4)", r = b ? 3 : 2, I = b ? "12 4" : "8 4";
-  return /* @__PURE__ */ p(Bt, { children: [
+    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: [
     /* @__PURE__ */ t(
-      it,
+      Y,
       {
         id: `${e}-glow`,
         path: m,
         style: {
-          stroke: M,
-          strokeWidth: b ? 10 : 6,
-          filter: `blur(${b ? 5 : 3}px)`,
+          stroke: $,
+          strokeWidth: y ? 10 : 6,
+          filter: `blur(${y ? 5 : 3}px)`,
           transition: "stroke 0.6s, stroke-width 0.6s",
-          ...y
+          ...b
         }
       }
     ),
     /* @__PURE__ */ t(
-      it,
+      Y,
       {
         id: e,
         path: m,
         style: {
-          stroke: $,
+          stroke: z,
           strokeWidth: r,
-          strokeDasharray: I,
+          strokeDasharray: C,
           transition: "stroke 0.6s, stroke-width 0.6s",
-          ...y
+          ...b
         }
       }
     ),
-    (d == null ? void 0 : d.label) && /* @__PURE__ */ t("text", { children: /* @__PURE__ */ t(
+    (l == null ? void 0 : l.label) && /* @__PURE__ */ t("text", { children: /* @__PURE__ */ t(
       "textPath",
       {
         href: `#${e}`,
@@ -181,23 +192,23 @@ function Gt({
           fill: "rgba(255, 255, 255, 0.4)",
           fontFamily: "monospace"
         },
-        children: d.label
+        children: l.label
       }
     ) })
   ] });
 }
-const Ht = ot(Gt);
-function Jt({ config: e }) {
-  const h = K(null), u = e.starCount ?? 2e3, l = e.rotationSpeed ?? 0.02, o = R(() => {
+const He = tt(Ee);
+function _e({ config: e }) {
+  const h = et(null), u = e.starCount ?? 2e3, s = e.rotationSpeed ?? 0.02, o = W(() => {
     const n = new Float32Array(u * 3);
-    for (let c = 0; c < u; c++)
-      n[c * 3] = (Math.random() - 0.5) * 50, n[c * 3 + 1] = (Math.random() - 0.5) * 50, n[c * 3 + 2] = (Math.random() - 0.5) * 50;
+    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 nt((n, c) => {
-    h.current && (h.current.rotation.x -= c * l, h.current.rotation.y -= c * (l * 0.5));
-  }), /* @__PURE__ */ t(rt, { ref: h, positions: o, stride: 3, frustumCulled: !1, children: /* @__PURE__ */ t(
-    lt,
+  return ot((n, d) => {
+    h.current && (h.current.rotation.x -= d * s, h.current.rotation.y -= d * (s * 0.5));
+  }), /* @__PURE__ */ t(at, { ref: h, positions: o, stride: 3, frustumCulled: !1, children: /* @__PURE__ */ t(
+    nt,
     {
       transparent: !0,
       color: e.starColor ?? "#6495ed",
@@ -208,19 +219,19 @@ function Jt({ config: e }) {
     }
   ) });
 }
-function Kt({ config: e }) {
-  const h = K(null), u = e.nebulaCount ?? 500, l = R(() => {
+function Ge({ config: e }) {
+  const h = et(null), u = e.nebulaCount ?? 500, s = W(() => {
     const o = new Float32Array(u * 3);
     for (let n = 0; n < u; n++) {
-      const c = Math.random() * Math.PI * 2, d = Math.random() * 8 + 5;
-      o[n * 3] = Math.cos(c) * d + (Math.random() - 0.5) * 3, o[n * 3 + 1] = (Math.random() - 0.5) * 4, o[n * 3 + 2] = Math.sin(c) * d + (Math.random() - 0.5) * 3 - 15;
+      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;
     }
     return o;
   }, [u]);
-  return nt((o, n) => {
+  return ot((o, n) => {
     h.current && (h.current.rotation.y += n * 5e-3);
-  }), /* @__PURE__ */ t(rt, { ref: h, positions: l, stride: 3, frustumCulled: !1, children: /* @__PURE__ */ t(
-    lt,
+  }), /* @__PURE__ */ t(at, { ref: h, positions: s, stride: 3, frustumCulled: !1, children: /* @__PURE__ */ t(
+    nt,
     {
       transparent: !0,
       color: e.nebulaColor ?? "#9b59b6",
@@ -231,80 +242,32 @@ function Kt({ config: e }) {
     }
   ) });
 }
-function Ut({ config: e = {}, background: h }) {
+function Je({ config: e = {}, background: h }) {
   return /* @__PURE__ */ p(
-    Et,
+    At,
     {
       camera: { position: [0, 0, 15], fov: 60 },
+      dpr: [1, 1.5],
+      gl: { antialias: !1, powerPreference: "low-power" },
       style: { background: h ?? "radial-gradient(ellipse at center, #0a0a2e 0%, #000008 100%)", pointerEvents: "none" },
       events: () => ({ enabled: !1, priority: 0, compute: () => {
       } }),
       children: [
         /* @__PURE__ */ t("ambientLight", { intensity: 0.1 }),
-        /* @__PURE__ */ t(Jt, { config: e }),
-        /* @__PURE__ */ t(Kt, { config: e })
+        /* @__PURE__ */ t(_e, { config: e }),
+        /* @__PURE__ */ t(Ge, { config: e })
       ]
     }
   );
 }
-const Vt = "cc-root-eSR-1", jt = "cc-layerStarField-jOb4M", Xt = "cc-layerReactFlow-CeHI9", qt = "cc-sidePanel-PzU72", Zt = "cc-sidePanelHeader-cWPCq", Qt = "cc-sidePanelTitle-Yfh5N", Yt = "cc-sidePanelPlanetIcon-aRuLt", te = "cc-sidePanelName-TFFeE", ee = "cc-sidePanelSubtitle-8fp2Y", ie = "cc-sidePanelClose-Sdg-J", oe = "cc-sidePanelContent-QIEEQ", ae = "cc-sidePanelFooter-DVOHi", ne = "cc-satelliteList--vkXn", re = "cc-satelliteItem-JGdmG", le = "cc-satelliteIcon-arUe3", se = "cc-satelliteInfo-NaKLd", ce = "cc-satelliteName-zfOPN", de = "cc-satelliteSummary-XARVm", ue = "cc-enterButton-5Vnri", me = "cc-zoomTransition-Wcju8", pe = "cc-zoomPlanetLabel-3SJT2", he = "cc-planetInterior-GlnW1", ye = "cc-interiorBackButton-qJAiZ", be = "cc-interiorCenter-xdKsX", ge = "cc-interiorPlanet--XIzf", fe = "cc-interiorPlanetLabel-e7yxq", ve = "cc-interiorPlanetSubtitle-e2vON", Ne = "cc-orbitRing-hbvmD", Pe = "cc-satelliteNode-01STS", we = "cc-satelliteNodeIcon-Xq45f", xe = "cc-satelliteNodeLabel-LLOJ5", Ce = "cc-satelliteNodeBadge-HsUFp", Ie = "cc-tutorialOverlay-3GHo7", ke = "cc-tutorialWelcome-21KDP", Se = "cc-tutorialWelcomeTitle-7GwS9", Be = "cc-tutorialWelcomeDesc--pznv", ze = "cc-tutorialActions-szJ0-", $e = "cc-tutorialButton-wL9-p", Le = "cc-tutorialCard-LGIkK", Me = "cc-tutorialChip-bUoEb", Fe = "cc-tutorialCardTitle-r2Y1I", De = "cc-tutorialCardDesc-nOS-M", Te = "cc-tutorialProgress-wIAT9", We = "cc-tutorialProgressBar-PFBdE", Ae = "cc-tutorialCardFooter-bSdyM", Re = "cc-tutorialDots-8M0QU", Ee = "cc-tutorialDot-518t4", Oe = "cc-topBarSlot-EJGvM", i = {
-  root: Vt,
-  layerStarField: jt,
-  layerReactFlow: Xt,
-  sidePanel: qt,
-  sidePanelHeader: Zt,
-  sidePanelTitle: Qt,
-  sidePanelPlanetIcon: Yt,
-  sidePanelName: te,
-  sidePanelSubtitle: ee,
-  sidePanelClose: ie,
-  sidePanelContent: oe,
-  sidePanelFooter: ae,
-  satelliteList: ne,
-  satelliteItem: re,
-  satelliteIcon: le,
-  satelliteInfo: se,
-  satelliteName: ce,
-  satelliteSummary: de,
-  enterButton: ue,
-  zoomTransition: me,
-  zoomPlanetLabel: pe,
-  planetInterior: he,
-  interiorBackButton: ye,
-  interiorCenter: be,
-  interiorPlanet: ge,
-  interiorPlanetLabel: fe,
-  interiorPlanetSubtitle: ve,
-  orbitRing: Ne,
-  satelliteNode: Pe,
-  satelliteNodeIcon: we,
-  satelliteNodeLabel: xe,
-  satelliteNodeBadge: Ce,
-  tutorialOverlay: Ie,
-  tutorialWelcome: ke,
-  tutorialWelcomeTitle: Se,
-  tutorialWelcomeDesc: Be,
-  tutorialActions: ze,
-  tutorialButton: $e,
-  tutorialCard: Le,
-  tutorialChip: Me,
-  tutorialCardTitle: Fe,
-  tutorialCardDesc: De,
-  tutorialProgress: Te,
-  tutorialProgressBar: We,
-  tutorialCardFooter: Ae,
-  tutorialDots: Re,
-  tutorialDot: Ee,
-  topBarSlot: Oe
-};
-function _e({
+function Ue({
   planet: e,
   onClose: h,
   onEnterPlanet: u,
-  onSatelliteClick: l
+  onSatelliteClick: s
 }) {
   return /* @__PURE__ */ p(
-    w.div,
+    B.div,
     {
       className: i.sidePanel,
       initial: { x: 340 },
@@ -339,7 +302,7 @@ function _e({
           "div",
           {
             className: i.satelliteItem,
-            onClick: () => l == null ? void 0 : l({
+            onClick: () => s == null ? void 0 : s({
               planetId: e.id,
               satelliteId: o.id,
               satellite: o
@@ -374,39 +337,39 @@ function _e({
     }
   );
 }
-function Ge({
+function Ke({
   planet: e,
   onExit: h,
   onSatelliteClick: u,
-  renderCustom: l
+  renderCustom: s
 }) {
-  const [o, n] = _(null);
-  if (l)
+  const [o, n] = H(null);
+  if (s)
     return /* @__PURE__ */ t(
-      w.div,
+      B.div,
       {
         className: i.planetInterior,
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         transition: { duration: 0.4 },
-        children: l(e, h)
+        children: s(e, h)
       }
     );
-  const c = e.satellites, d = Math.max(180, c.length * 35), y = v(
+  const d = e.satellites, l = Math.max(180, d.length * 35), b = f(
     (m) => {
       n(m);
-      const b = c.find((C) => C.id === m);
+      const y = d.find((w) => w.id === m);
       u == null || u({
         planetId: e.id,
         satelliteId: m,
-        satellite: b
+        satellite: y
       });
     },
-    [e.id, c, u]
+    [e.id, d, u]
   );
   return /* @__PURE__ */ p(
-    w.div,
+    B.div,
     {
       className: i.planetInterior,
       initial: { opacity: 0 },
@@ -421,10 +384,10 @@ function Ge({
             {
               className: i.orbitRing,
               style: {
-                width: d * m * 0.7,
-                height: d * m * 0.7,
-                top: `calc(50% - ${d * m * 0.7 / 2}px)`,
-                left: `calc(50% - ${d * m * 0.7 / 2}px)`
+                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)`
               }
             },
             m
@@ -443,11 +406,11 @@ function Ge({
               ]
             }
           ),
-          /* @__PURE__ */ t(E, { children: c.map((m, b) => {
+          /* @__PURE__ */ t(A, { children: d.map((m, y) => {
             var r;
-            const C = b / c.length * Math.PI * 2 - Math.PI / 2, M = Math.cos(C) * d, $ = Math.sin(C) * d;
+            const w = y / d.length * Math.PI * 2 - Math.PI / 2, $ = Math.cos(w) * l, z = Math.sin(w) * l;
             return /* @__PURE__ */ p(
-              w.div,
+              B.div,
               {
                 className: i.satelliteNode,
                 initial: { scale: 0, opacity: 0 },
@@ -456,13 +419,13 @@ function Ge({
                   type: "spring",
                   damping: 15,
                   stiffness: 200,
-                  delay: b * 0.08
+                  delay: y * 0.08
                 },
                 style: {
-                  left: `calc(50% + ${M}px - 32px)`,
-                  top: `calc(50% + ${$}px - 40px)`
+                  left: `calc(50% + ${$}px - 32px)`,
+                  top: `calc(50% + ${z}px - 40px)`
                 },
-                onClick: () => y(m.id),
+                onClick: () => b(m.id),
                 children: [
                   /* @__PURE__ */ p(
                     "div",
@@ -489,9 +452,9 @@ function Ge({
     }
   );
 }
-function He({ planet: e }) {
+function Ve({ planet: e }) {
   return /* @__PURE__ */ t(
-    w.div,
+    B.div,
     {
       className: i.zoomTransition,
       initial: { opacity: 0 },
@@ -499,7 +462,7 @@ function He({ planet: e }) {
       exit: { opacity: 0 },
       transition: { duration: 0.9, ease: "easeInOut" },
       children: /* @__PURE__ */ t(
-        w.span,
+        B.span,
         {
           className: i.zoomPlanetLabel,
           initial: { scale: 0.5, opacity: 0 },
@@ -516,46 +479,48 @@ function He({ planet: e }) {
     }
   );
 }
-function Je({
+function je({
   steps: e,
   planets: h,
   onHighlightPlanet: u,
-  onStepChange: l,
+  onStepChange: s,
   onFinish: o,
   flyTo: n
 }) {
-  const [c, d] = _("welcome"), [y, m] = _(0), b = v(
-    (S) => {
-      if (S < 0 || S >= e.length) return;
-      m(S), l(S);
-      const P = e[S];
-      if (P.planetId) {
-        u(P.planetId);
-        const O = h.find((N) => N.id === P.planetId);
-        O && n && n(O.x + 50, O.y + 50, 1.5, 800);
+  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];
+      if (N.planetId) {
+        u(N.planetId);
+        const O = h.find((P) => P.id === N.planetId);
+        O && n && requestAnimationFrame(() => {
+          n(O.x + 50, O.y + 50, 1.5, 800);
+        });
       }
     },
-    [e, h, l, u, n]
-  ), C = v(() => {
-    d("stepping"), b(0);
-  }, [b]), M = v(() => {
-    y < e.length - 1 ? b(y + 1) : (d("complete"), l(-1), u(null), n == null || n(800, 400, 0.8, 600), setTimeout(() => o(), 1500));
-  }, [y, e.length, b, l, u, o, n]), $ = v(() => {
-    y > 0 && b(y - 1);
-  }, [y, b]), r = v(() => {
-    l(-1), u(null), n == null || n(800, 400, 0.8, 600), o();
-  }, [l, u, o, n]);
-  at(() => {
-    if (c !== "stepping") return;
-    const S = (P) => {
-      P.key === "ArrowRight" || P.key === "Enter" ? M() : P.key === "ArrowLeft" ? $() : P.key === "Escape" && r();
+    [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]);
+  it(() => {
+    if (d !== "stepping") return;
+    const k = (N) => {
+      N.key === "ArrowRight" || N.key === "Enter" ? $() : N.key === "ArrowLeft" ? z() : N.key === "Escape" && r();
     };
-    return window.addEventListener("keydown", S), () => window.removeEventListener("keydown", S);
-  }, [c, M, $, r]);
-  const I = e[y], G = e.length > 0 ? (y + 1) / e.length * 100 : 0;
-  return /* @__PURE__ */ p(E, { mode: "wait", children: [
-    c === "welcome" && /* @__PURE__ */ t(
-      w.div,
+    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: [
+    d === "welcome" && /* @__PURE__ */ t(
+      B.div,
       {
         className: i.tutorialOverlay,
         initial: { opacity: 0 },
@@ -563,7 +528,7 @@ function Je({
         exit: { opacity: 0 },
         children: /* @__PURE__ */ p("div", { className: i.tutorialWelcome, children: [
           /* @__PURE__ */ t(
-            w.div,
+            B.div,
             {
               initial: { scale: 0.8 },
               animate: { scale: 1 },
@@ -589,7 +554,7 @@ function Je({
               {
                 className: i.tutorialButton,
                 "data-variant": "primary",
-                onClick: C,
+                onClick: w,
                 children: "LET'S GO"
               }
             )
@@ -598,8 +563,8 @@ function Je({
       },
       "welcome"
     ),
-    c === "stepping" && I && /* @__PURE__ */ p(
-      w.div,
+    d === "stepping" && C && /* @__PURE__ */ p(
+      B.div,
       {
         className: i.tutorialCard,
         initial: { opacity: 0, y: 20 },
@@ -607,24 +572,24 @@ function Je({
         exit: { opacity: 0, y: -10 },
         transition: { duration: 0.25 },
         children: [
-          I.chipText && /* @__PURE__ */ t(
+          C.chipText && /* @__PURE__ */ t(
             "span",
             {
               className: i.tutorialChip,
               style: {
-                background: `${I.chipColor ?? "#3b82f6"}22`,
-                color: I.chipColor ?? "#3b82f6"
+                background: `${C.chipColor ?? "#3b82f6"}22`,
+                color: C.chipColor ?? "#3b82f6"
               },
-              children: I.chipText
+              children: C.chipText
             }
           ),
-          /* @__PURE__ */ t("h3", { className: i.tutorialCardTitle, children: I.title }),
-          /* @__PURE__ */ t("p", { className: i.tutorialCardDesc, children: I.description }),
+          /* @__PURE__ */ t("h3", { className: i.tutorialCardTitle, children: C.title }),
+          /* @__PURE__ */ t("p", { className: i.tutorialCardDesc, children: C.description }),
           /* @__PURE__ */ t("div", { className: i.tutorialProgress, children: /* @__PURE__ */ t(
             "div",
             {
               className: i.tutorialProgressBar,
-              style: { width: `${G}%` }
+              style: { width: `${_}%` }
             }
           ) }),
           /* @__PURE__ */ p("div", { className: i.tutorialCardFooter, children: [
@@ -638,24 +603,24 @@ function Je({
                 children: "SKIP"
               }
             ),
-            /* @__PURE__ */ t("div", { className: i.tutorialDots, children: e.map((S, P) => /* @__PURE__ */ t(
+            /* @__PURE__ */ t("div", { className: i.tutorialDots, children: e.map((k, N) => /* @__PURE__ */ t(
               "div",
               {
                 className: i.tutorialDot,
-                "data-active": P === y || void 0,
-                "data-done": P < y || void 0,
-                onClick: () => b(P)
+                "data-active": N === b || void 0,
+                "data-done": N < b || void 0,
+                onClick: () => y(N)
               },
-              P
+              N
             )) }),
             /* @__PURE__ */ p("div", { style: { display: "flex", gap: "0.5rem" }, children: [
-              y > 0 && /* @__PURE__ */ t(
+              b > 0 && /* @__PURE__ */ t(
                 "button",
                 {
                   className: i.tutorialButton,
                   "data-variant": "ghost",
                   style: { padding: "0.375rem 0.75rem", fontSize: "0.75rem" },
-                  onClick: $,
+                  onClick: z,
                   children: "←"
                 }
               ),
@@ -665,18 +630,18 @@ function Je({
                   className: i.tutorialButton,
                   "data-variant": "primary",
                   style: { padding: "0.375rem 0.75rem", fontSize: "0.75rem" },
-                  onClick: M,
-                  children: y === e.length - 1 ? "Finish" : "→"
+                  onClick: $,
+                  children: b === e.length - 1 ? "Finish" : "→"
                 }
               )
             ] })
           ] })
         ]
       },
-      `step-${y}`
+      `step-${b}`
     ),
-    c === "complete" && /* @__PURE__ */ t(
-      w.div,
+    d === "complete" && /* @__PURE__ */ t(
+      B.div,
       {
         className: i.tutorialOverlay,
         initial: { opacity: 0 },
@@ -684,7 +649,7 @@ function Je({
         exit: { opacity: 0 },
         transition: { duration: 1 },
         children: /* @__PURE__ */ t(
-          w.h1,
+          B.h1,
           {
             className: i.tutorialWelcomeTitle,
             initial: { scale: 0.8 },
@@ -698,38 +663,38 @@ function Je({
     )
   ] });
 }
-const Ke = { planet: _t }, Ue = { orbit: Ht };
-function Ve({
+const qe = { planet: Oe }, Xe = { orbit: He };
+function Ze({
   planets: e,
   orbits: h,
   onPlanetClick: u,
-  onPlanetEnter: l,
+  onPlanetEnter: s,
   onPlanetExit: o,
   onSatelliteClick: n,
-  onPlanetDrag: c,
-  tutorialSteps: d,
-  showTutorial: y,
+  onPlanetDrag: d,
+  tutorialSteps: l,
+  showTutorial: b,
   onTutorialComplete: m,
-  initialView: b,
-  onViewChange: C,
-  renderPlanetInterior: M,
-  topBar: $,
+  initialView: y,
+  onViewChange: w,
+  renderPlanetInterior: $,
+  topBar: z,
   theme: r,
-  starField: I = !0,
-  nodeTypes: G,
-  edgeTypes: S,
-  className: P,
+  starField: C = !0,
+  nodeTypes: _,
+  edgeTypes: k,
+  className: N,
   style: O
 }) {
-  const [N, st] = _(b ?? { mode: "universe" }), [H, ct] = _(y ?? !1), Z = K(0), Q = K(""), { setCenter: x, fitView: J } = Lt(), k = v(
+  const [P, rt] = H(y ?? { mode: "universe" }), [G, lt] = H(b ?? !1), { setCenter: x, fitView: J } = Lt(), I = f(
     (a) => {
-      st(a), C == null || C(a);
+      rt(a), w == null || w(a);
     },
-    [C]
-  ), U = v(
-    (a) => e.find((s) => s.id === a),
+    [w]
+  ), E = f(
+    (a) => e.find((c) => c.id === a),
     [e]
-  ), dt = R(
+  ), st = W(
     () => e.map((a) => ({
       id: a.id,
       type: "planet",
@@ -743,9 +708,9 @@ function Ve({
       }
     })),
     [e]
-  ), ut = R(
-    () => h.map((a, s) => ({
-      id: `orbit-${s}`,
+  ), ct = W(
+    () => h.map((a, c) => ({
+      id: `orbit-${c}`,
       source: a.source,
       target: a.target,
       type: "orbit",
@@ -753,134 +718,139 @@ function Ve({
       animated: !0
     })),
     [h]
-  ), [V, F, mt] = Mt(dt), [pt, j, ht] = Ft(ut), B = v(
+  ), [K, M, dt] = $t(st), [ut, V, mt] = Mt(ct), L = f(
     (a) => {
-      F(
-        (s) => s.map((g) => ({
+      M(
+        (c) => c.map((g) => ({
           ...g,
           data: { ...g.data, isSelected: g.id === a }
         }))
       );
     },
-    [F]
-  ), yt = v(() => {
-    F(
-      (a) => a.map((s) => {
-        const g = e.find((L) => L.id === s.id);
-        return g ? { ...s, position: { x: g.x, y: g.y } } : s;
+    [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;
       })
     ), setTimeout(() => J({ duration: 600, padding: 0.2 }), 50);
-  }, [e, F, J]), bt = v(() => {
-    const a = V.length;
+  }, [e, M, J]), ht = f(() => {
+    const a = K.length;
     if (a === 0) return;
-    const s = 800, g = 400, L = Math.max(200, a * 40);
-    F(
-      (D) => D.map((z, f) => {
-        const T = 2 * Math.PI * f / a - Math.PI / 2;
+    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;
         return {
-          ...z,
+          ...S,
           position: {
-            x: s + L * Math.cos(T),
-            y: g + L * Math.sin(T)
+            x: c + D * Math.cos(F),
+            y: g + D * Math.sin(F)
           }
         };
       })
     ), setTimeout(() => J({ duration: 600, padding: 0.2 }), 50);
-  }, [V.length, F, J]), gt = v(
+  }, [K.length, M, J]), yt = f(
     (a) => {
-      var D;
-      if (!d) return;
+      var U;
+      if (!l) return;
       if (a < 0) {
-        F(
-          (z) => z.map((f) => ({
-            ...f,
-            data: { ...f.data, status: "idle", isSelected: !1 }
+        M(
+          (S) => S.map((v) => ({
+            ...v,
+            data: { ...v.data, status: "idle", isSelected: !1 }
           }))
-        ), j(
-          (z) => z.map((f) => ({
-            ...f,
+        ), V(
+          (S) => S.map((v) => ({
+            ...v,
             animated: !0,
-            data: { ...f.data, isActive: !1, isDimmed: !1 }
+            data: { ...v.data, isActive: !1, isDimmed: !1 }
           }))
         );
         return;
       }
-      const s = new Set(d.slice(0, a).map((z) => z.planetId)), g = (D = d[a]) == null ? void 0 : D.planetId;
-      F(
-        (z) => z.map((f) => {
-          let T = "idle";
-          return f.id === g ? T = "running" : s.has(f.id) && (T = "success"), {
-            ...f,
-            data: { ...f.data, status: T, isSelected: f.id === g }
+      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) => {
+          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 }
           };
         })
       );
-      const L = /* @__PURE__ */ new Set([...s, g]);
-      j(
-        (z) => z.map((f) => {
-          const T = s.has(f.source), St = L.has(f.target), q = T && St;
+      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;
           return {
-            ...f,
-            animated: q,
-            data: { ...f.data, isActive: q, isDimmed: !q }
+            ...v,
+            animated: X,
+            data: { ...v.data, isActive: X, isDimmed: !X }
           };
         })
       );
     },
-    [d, F, j]
-  ), ft = v(
-    (a, s) => {
-      const g = Date.now(), L = g - Z.current < 300 && Q.current === s.id;
-      Z.current = g, Q.current = s.id;
-      const D = U(s.id);
-      L && D ? Y(D) : N.mode === "inspecting" && N.planetId === s.id ? (k({ mode: "universe" }), B(null), x(800, 400, { zoom: 0.8, duration: 600 })) : (k({ mode: "inspecting", planetId: s.id }), B(s.id), x(s.position.x + 50, s.position.y + 50, { zoom: 1.5, duration: 600 }), D && (u == null || u(D)));
-    },
-    [N, B, U, k, u, x]
-  ), Y = v(
+    [l, M, V]
+  ), j = f(
     (a) => {
-      k({ mode: "entering", planetId: a.id }), B(null), l == null || l(a), x(a.x + 50, a.y + 50, { zoom: 6, duration: 800 }), setTimeout(() => {
-        k({ mode: "planet", planetId: a.id });
+      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 });
       }, 900);
     },
-    [x, B, k, l]
-  ), X = v(() => {
-    k({ mode: "universe" }), o == null || o(), setTimeout(() => {
+    [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));
+    },
+    [L, E, I, u, x]
+  ), bt = f(
+    (a, c) => {
+      const g = E(c.id);
+      g && j(g);
+    },
+    [E, j]
+  ), q = f(() => {
+    I({ mode: "universe" }), o == null || o(), setTimeout(() => {
       x(800, 400, { zoom: 0.8, duration: 600 });
     }, 100);
-  }, [x, k, o]), vt = v(
-    (a, s) => {
-      c == null || c(s.id, { x: s.position.x, y: s.position.y });
+  }, [x, I, o]), ft = f(
+    (a, c) => {
+      d == null || d(c.id, { x: c.position.x, y: c.position.y });
     },
-    [c]
-  ), Nt = v(() => {
-    N.mode === "inspecting" && (k({ mode: "universe" }), B(null), x(800, 400, { zoom: 0.8, duration: 600 }));
-  }, [N, B, k, x]), Pt = v(
-    (a, s, g, L) => {
-      x(a, s, { zoom: g, duration: L });
+    [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 });
     },
     [x]
   );
-  at(() => {
-    const a = (s) => {
-      s.key === "Escape" && (H || (N.mode === "inspecting" ? (k({ mode: "universe" }), B(null), x(800, 400, { zoom: 0.8, duration: 600 })) : N.mode === "planet" && X()));
+  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()));
     };
     return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
-  }, [N, H, k, B, x, X]);
-  const W = N.mode !== "universe" ? U(N.planetId) : void 0, wt = N.mode !== "planet", xt = R(
-    () => ({ ...Ke, ...G }),
-    [G]
-  ), Ct = R(
-    () => ({ ...Ue, ...S }),
-    [S]
-  ), It = I !== !1, kt = typeof I == "object" ? I : {}, A = {};
-  return r != null && r.background && (A["--cc-bg"] = r.background), r != null && r.textColor && (A["--cc-text"] = r.textColor), r != null && r.panelBackground && (A["--cc-panel-bg"] = r.panelBackground), r != null && r.panelBorder && (A["--cc-panel-border"] = r.panelBorder), r != null && r.controlsBackground && (A["--cc-controls-bg"] = r.controlsBackground), r != null && r.fontFamily && (A["--cc-font-family"] = r.fontFamily), /* @__PURE__ */ p(
+  }, [P, G, I, L, x, q]);
+  const R = P.mode !== "universe" ? E(P.planetId) : void 0, Pt = P.mode !== "planet", wt = W(
+    () => ({ ...qe, ..._ }),
+    [_]
+  ), 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(
     "div",
     {
-      className: `${i.root} ${P ?? ""}`,
-      style: { ...A, ...O },
+      className: `${i.root} ${N ?? ""}`,
+      style: { ...T, ...O },
       children: [
-        It && /* @__PURE__ */ t("div", { className: i.layerStarField, children: /* @__PURE__ */ t(
-          Ut,
+        xt && /* @__PURE__ */ t("div", { className: i.layerStarField, children: /* @__PURE__ */ t(
+          Je,
           {
             config: kt,
             background: r == null ? void 0 : r.background
@@ -890,21 +860,23 @@ function Ve({
           "div",
           {
             className: i.layerReactFlow,
-            "data-hidden": !wt || void 0,
+            "data-hidden": !Pt || void 0,
             children: /* @__PURE__ */ p(
               Dt,
               {
-                nodes: V,
-                edges: pt,
-                onNodesChange: mt,
-                onEdgesChange: ht,
-                onNodeClick: ft,
-                onNodeDragStop: vt,
-                onPaneClick: Nt,
-                nodeTypes: xt,
+                nodes: K,
+                edges: ut,
+                onNodesChange: dt,
+                onEdgesChange: mt,
+                onNodeClick: gt,
+                onNodeDoubleClick: bt,
+                onNodeDragStop: ft,
+                onPaneClick: vt,
+                nodeTypes: wt,
                 edgeTypes: Ct,
                 nodesDraggable: !0,
-                nodeDragThreshold: 5,
+                selectNodesOnDrag: !1,
+                nodeDragThreshold: 10,
                 fitView: !0,
                 proOptions: { hideAttribution: !0 },
                 style: { background: "transparent" },
@@ -912,16 +884,16 @@ function Ve({
                 maxZoom: 8,
                 children: [
                   /* @__PURE__ */ t(
-                    Tt,
+                    Ft,
                     {
-                      variant: Wt.Dots,
+                      variant: Rt.Dots,
                       gap: 50,
                       size: 1,
                       color: "rgba(255, 255, 255, 0.05)"
                     }
                   ),
                   /* @__PURE__ */ p(
-                    At,
+                    Tt,
                     {
                       style: { top: 60 },
                       showInteractive: !1,
@@ -930,7 +902,7 @@ function Ve({
                           "button",
                           {
                             className: "react-flow__controls-button",
-                            onClick: yt,
+                            onClick: pt,
                             title: "Reset layout",
                             children: /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z" }) })
                           }
@@ -939,7 +911,7 @@ function Ve({
                           "button",
                           {
                             className: "react-flow__controls-button",
-                            onClick: bt,
+                            onClick: ht,
                             title: "Auto layout",
                             children: /* @__PURE__ */ p("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "currentColor", children: [
                               /* @__PURE__ */ t("circle", { cx: "12", cy: "3", r: "2" }),
@@ -955,11 +927,11 @@ function Ve({
                     }
                   ),
                   /* @__PURE__ */ t(
-                    Rt,
+                    Wt,
                     {
                       nodeColor: (a) => {
-                        var s;
-                        return ((s = a.data) == null ? void 0 : s.color) || "#666";
+                        var c;
+                        return ((c = a.data) == null ? void 0 : c.color) || "#666";
                       },
                       maskColor: "rgba(10, 10, 26, 0.7)",
                       style: {
@@ -972,55 +944,55 @@ function Ve({
             )
           }
         ),
-        /* @__PURE__ */ t(E, { children: N.mode === "entering" && W && /* @__PURE__ */ t(He, { planet: W }) }),
-        /* @__PURE__ */ t(E, { children: N.mode === "planet" && W && /* @__PURE__ */ t(
-          Ge,
+        /* @__PURE__ */ t(A, { children: P.mode === "entering" && R && /* @__PURE__ */ t(Ve, { planet: R }) }),
+        /* @__PURE__ */ t(A, { children: P.mode === "planet" && R && /* @__PURE__ */ t(
+          Ke,
           {
-            planet: W,
-            onExit: X,
+            planet: R,
+            onExit: q,
             onSatelliteClick: n,
-            renderCustom: M
+            renderCustom: $
           }
         ) }),
-        /* @__PURE__ */ t(E, { children: N.mode === "inspecting" && W && /* @__PURE__ */ t(
-          _e,
+        /* @__PURE__ */ t(A, { children: P.mode === "inspecting" && R && /* @__PURE__ */ t(
+          Ue,
           {
-            planet: W,
+            planet: R,
             onClose: () => {
-              k({ mode: "universe" }), B(null), x(800, 400, { zoom: 0.8, duration: 600 });
+              I({ mode: "universe" }), L(null), x(800, 400, { zoom: 0.8, duration: 600 });
             },
-            onEnterPlanet: () => Y(W),
+            onEnterPlanet: () => j(R),
             onSatelliteClick: n
           }
         ) }),
-        $ && !H && /* @__PURE__ */ t("div", { className: i.topBarSlot, children: $ }),
-        /* @__PURE__ */ t(E, { children: H && d && d.length > 0 && /* @__PURE__ */ t(
-          Je,
+        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,
           {
-            steps: d,
+            steps: l,
             planets: e,
-            onHighlightPlanet: B,
-            onStepChange: gt,
+            onHighlightPlanet: L,
+            onStepChange: yt,
             onFinish: () => {
-              ct(!1), m == null || m();
+              lt(!1), m == null || m();
             },
-            flyTo: Pt
+            flyTo: Nt
           }
         ) })
       ]
     }
   );
 }
-function ti(e) {
-  return /* @__PURE__ */ t($t, { children: /* @__PURE__ */ t(Ve, { ...e }) });
+function ai(e) {
+  return /* @__PURE__ */ t(zt, { children: /* @__PURE__ */ t(Ze, { ...e }) });
 }
 export {
-  ti as CosmosCanvas,
-  Je as CosmosTutorial,
-  Ht as OrbitEdge,
-  Ge as PlanetInterior,
-  _t as PlanetNode,
-  _e as SidePanel,
-  Ut as StarField,
-  He as ZoomTransition
+  ai as CosmosCanvas,
+  je as CosmosTutorial,
+  He as OrbitEdge,
+  Ke as PlanetInterior,
+  Oe as PlanetNode,
+  Ue as SidePanel,
+  Je as StarField,
+  Ve as ZoomTransition
 };

package/dist/style.css

@@ -1 +1 @@
-.cc-root-eSR-1{position:relative;width:100%;height:100%;overflow:hidden;font-family:var(--cc-font-family, system-ui, -apple-system, sans-serif);color:var(--cc-text, #fff)}.cc-layerStarField-jOb4M{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.cc-layerReactFlow-CeHI9{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transition:opacity .4s ease}.cc-layerReactFlow-CeHI9[data-hidden=true]{opacity:0;pointer-events:none}.cc-sidePanel-PzU72{position:absolute;right:0;top:0;bottom:0;width:340px;z-index:15;background:var(--cc-panel-bg, rgba(10, 10, 30, .92));border-left:1px solid var(--cc-panel-border, rgba(255, 255, 255, .08));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow-y:auto}.cc-sidePanelHeader-cWPCq{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.cc-sidePanelTitle-Yfh5N{display:flex;align-items:center;gap:.75rem}.cc-sidePanelPlanetIcon-aRuLt{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.cc-sidePanelName-TFFeE{font-size:1.125rem;font-weight:700;letter-spacing:.5px}.cc-sidePanelSubtitle-8fp2Y{font-size:.75rem;color:#ffffff80;margin-top:.125rem}.cc-sidePanelClose-Sdg-J{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff0f;color:#ffffff80;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:background .15s}.cc-sidePanelClose-Sdg-J:hover{background:#ffffff1f;color:#fff}.cc-sidePanelContent-QIEEQ{padding:1rem;flex:1}.cc-sidePanelFooter-DVOHi{padding:1rem;border-top:1px solid rgba(255,255,255,.06)}.cc-satelliteList--vkXn{display:flex;flex-direction:column;gap:.5rem}.cc-satelliteItem-JGdmG{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .15s,border-color .15s}.cc-satelliteItem-JGdmG:hover{background:#ffffff14;border-color:#ffffff1f}.cc-satelliteIcon-arUe3{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;background:#ffffff0f;flex-shrink:0}.cc-satelliteInfo-NaKLd{flex:1;min-width:0}.cc-satelliteName-zfOPN{font-size:.875rem;font-weight:500}.cc-satelliteSummary-XARVm{font-size:.6875rem;color:#fff6;margin-top:.125rem}.cc-enterButton-5Vnri{width:100%;padding:.625rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#ffffff0f;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:background .15s,border-color .2s}.cc-enterButton-5Vnri:hover{background:#ffffff1f;border-color:#ffffff40}.cc-layerReactFlow-CeHI9 .react-flow__controls{background:#0a0a1ed9;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006;overflow:hidden}.cc-layerReactFlow-CeHI9 .react-flow__controls-button{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.06);color:#fff9;fill:#fff9;width:32px;height:32px;transition:background .15s,color .15s}.cc-layerReactFlow-CeHI9 .react-flow__controls-button:hover{background:#ffffff1a;color:#fff;fill:#fff}.cc-layerReactFlow-CeHI9 .react-flow__controls-button:last-child{border-bottom:none}.cc-layerReactFlow-CeHI9 .react-flow__controls-button svg{fill:inherit}.cc-layerReactFlow-CeHI9 .react-flow__minimap{border-radius:.5rem;overflow:hidden;box-shadow:0 4px 20px #0006}.cc-zoomTransition-Wcju8{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,10,.8) 100%);pointer-events:none}.cc-zoomPlanetLabel-3SJT2{font-size:3rem;font-weight:800;letter-spacing:6px;text-transform:uppercase;text-shadow:0 0 40px var(--planet-color, #fff)}.cc-planetInterior-GlnW1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0a28f2,#000008fa)}.cc-interiorBackButton-qJAiZ{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:#ffffff0f;color:#fff;font-size:.8125rem;cursor:pointer;z-index:10;transition:background .15s}.cc-interiorBackButton-qJAiZ:hover{background:#ffffff1f}.cc-interiorCenter-xdKsX{position:relative;display:flex;align-items:center;justify-content:center}.cc-interiorPlanet--XIzf{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.cc-interiorPlanetLabel-e7yxq{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8)}.cc-interiorPlanetSubtitle-e2vON{font-size:.6875rem;color:#fff9;margin-top:.125rem}.cc-orbitRing-hbvmD{position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.08);pointer-events:none}.cc-satelliteNode-01STS{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.375rem;cursor:pointer;transition:transform .2s}.cc-satelliteNode-01STS:hover{transform:scale(1.12)}.cc-satelliteNodeIcon-Xq45f{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid rgba(255,255,255,.15);background:#ffffff0f;transition:border-color .2s,box-shadow .2s}.cc-satelliteNode-01STS:hover .cc-satelliteNodeIcon-Xq45f{border-color:#ffffff4d}.cc-satelliteNodeLabel-LLOJ5{font-size:.6875rem;color:#ffffffb3;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;text-align:center}.cc-satelliteNodeBadge-HsUFp{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#2ecc71;color:#fff;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center}.cc-tutorialOverlay-3GHo7{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#00000ab3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cc-tutorialWelcome-21KDP{text-align:center;max-width:480px}.cc-tutorialWelcomeTitle-7GwS9{font-size:2rem;font-weight:800;letter-spacing:2px;margin-bottom:1rem}.cc-tutorialWelcomeDesc--pznv{font-size:1rem;color:#fff9;line-height:1.6;margin-bottom:2rem}.cc-tutorialActions-szJ0-{display:flex;align-items:center;justify-content:center;gap:1rem}.cc-tutorialButton-wL9-p{padding:.625rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.cc-tutorialButton-wL9-p:active{transform:scale(.97)}.cc-tutorialButton-wL9-p[data-variant=primary]{background:#fff;color:#0a0a2e;border:none}.cc-tutorialButton-wL9-p[data-variant=primary]:hover{background:#e2e8f0}.cc-tutorialButton-wL9-p[data-variant=ghost]{background:transparent;color:#ffffff80;border:1px solid rgba(255,255,255,.15)}.cc-tutorialButton-wL9-p[data-variant=ghost]:hover{background:#ffffff0f}.cc-tutorialCard-LGIkK{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:50;width:420px;padding:1.5rem;background:#0a0a1ef2;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.cc-tutorialChip-bUoEb{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem}.cc-tutorialCardTitle-r2Y1I{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.cc-tutorialCardDesc-nOS-M{font-size:.8125rem;color:#fff9;line-height:1.5;margin-bottom:1.25rem}.cc-tutorialProgress-wIAT9{width:100%;height:3px;background:#ffffff1a;border-radius:2px;margin-bottom:1rem}.cc-tutorialProgressBar-PFBdE{height:100%;border-radius:2px;background:#fff;transition:width .3s ease}.cc-tutorialCardFooter-bSdyM{display:flex;align-items:center;justify-content:space-between}.cc-tutorialStepCounter-i7c5G{font-size:.75rem;color:#fff6;font-family:monospace}.cc-tutorialDots-8M0QU{display:flex;gap:.375rem}.cc-tutorialDot-518t4{width:6px;height:6px;border-radius:50%;background:#fff3;cursor:pointer;transition:background .15s}.cc-tutorialDot-518t4[data-active=true]{background:#fff}.cc-tutorialDot-518t4[data-done=true]{background:#ffffff80}.cc-topBarSlot-EJGvM{position:absolute;top:0;left:0;right:0;z-index:50}
+.cc-root-eSR-1{position:relative;width:100%;height:100%;overflow:hidden;font-family:var(--cc-font-family, system-ui, -apple-system, sans-serif);color:var(--cc-text, #fff)}.cc-layerStarField-jOb4M{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.cc-layerReactFlow-CeHI9{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transition:opacity .4s ease}.cc-layerReactFlow-CeHI9[data-hidden=true]{opacity:0;pointer-events:none}.cc-sidePanel-PzU72{position:absolute;right:0;top:0;bottom:0;width:340px;z-index:55;background:var(--cc-panel-bg, rgba(10, 10, 30, .92));border-left:1px solid var(--cc-panel-border, rgba(255, 255, 255, .08));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow-y:auto;will-change:transform}.cc-sidePanelHeader-cWPCq{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.cc-sidePanelTitle-Yfh5N{display:flex;align-items:center;gap:.75rem}.cc-sidePanelPlanetIcon-aRuLt{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.cc-sidePanelName-TFFeE{font-size:1.125rem;font-weight:700;letter-spacing:.5px}.cc-sidePanelSubtitle-8fp2Y{font-size:.75rem;color:#ffffff80;margin-top:.125rem}.cc-sidePanelClose-Sdg-J{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff0f;color:#ffffff80;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:background .15s}.cc-sidePanelClose-Sdg-J:hover{background:#ffffff1f;color:#fff}.cc-sidePanelContent-QIEEQ{padding:1rem;flex:1}.cc-sidePanelFooter-DVOHi{padding:1rem;border-top:1px solid rgba(255,255,255,.06)}.cc-satelliteList--vkXn{display:flex;flex-direction:column;gap:.5rem}.cc-satelliteItem-JGdmG{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .15s,border-color .15s}.cc-satelliteItem-JGdmG:hover{background:#ffffff14;border-color:#ffffff1f}.cc-satelliteIcon-arUe3{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;background:#ffffff0f;flex-shrink:0}.cc-satelliteInfo-NaKLd{flex:1;min-width:0}.cc-satelliteName-zfOPN{font-size:.875rem;font-weight:500}.cc-satelliteSummary-XARVm{font-size:.6875rem;color:#fff6;margin-top:.125rem}.cc-enterButton-5Vnri{width:100%;padding:.625rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#ffffff0f;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:background .15s,border-color .2s}.cc-enterButton-5Vnri:hover{background:#ffffff1f;border-color:#ffffff40}.cc-layerReactFlow-CeHI9 .react-flow__controls{background:#0a0a1ed9;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006;overflow:hidden}.cc-layerReactFlow-CeHI9 .react-flow__controls-button{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.06);color:#fff9;fill:#fff9;width:32px;height:32px;transition:background .15s,color .15s}.cc-layerReactFlow-CeHI9 .react-flow__controls-button:hover{background:#ffffff1a;color:#fff;fill:#fff}.cc-layerReactFlow-CeHI9 .react-flow__controls-button:last-child{border-bottom:none}.cc-layerReactFlow-CeHI9 .react-flow__controls-button svg{fill:inherit}.cc-layerReactFlow-CeHI9 .react-flow__minimap{border-radius:.5rem;overflow:hidden;box-shadow:0 4px 20px #0006}.cc-zoomTransition-Wcju8{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,10,.8) 100%);pointer-events:none}.cc-zoomPlanetLabel-3SJT2{font-size:3rem;font-weight:800;letter-spacing:6px;text-transform:uppercase;text-shadow:0 0 40px var(--planet-color, #fff)}.cc-planetInterior-GlnW1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0a28f2,#000008fa)}.cc-interiorBackButton-qJAiZ{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:#ffffff0f;color:#fff;font-size:.8125rem;cursor:pointer;z-index:10;transition:background .15s}.cc-interiorBackButton-qJAiZ:hover{background:#ffffff1f}.cc-interiorCenter-xdKsX{position:relative;display:flex;align-items:center;justify-content:center}.cc-interiorPlanet--XIzf{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.cc-interiorPlanetLabel-e7yxq{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8)}.cc-interiorPlanetSubtitle-e2vON{font-size:.6875rem;color:#fff9;margin-top:.125rem}.cc-orbitRing-hbvmD{position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.08);pointer-events:none}.cc-satelliteNode-01STS{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.375rem;cursor:pointer;transition:transform .2s}.cc-satelliteNode-01STS:hover{transform:scale(1.12)}.cc-satelliteNodeIcon-Xq45f{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid rgba(255,255,255,.15);background:#ffffff0f;transition:border-color .2s,box-shadow .2s}.cc-satelliteNode-01STS:hover .cc-satelliteNodeIcon-Xq45f{border-color:#ffffff4d}.cc-satelliteNodeLabel-LLOJ5{font-size:.6875rem;color:#ffffffb3;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;text-align:center}.cc-satelliteNodeBadge-HsUFp{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#2ecc71;color:#fff;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center}.cc-tutorialOverlay-3GHo7{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#00000ab3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cc-tutorialWelcome-21KDP{text-align:center;max-width:480px}.cc-tutorialWelcomeTitle-7GwS9{font-size:2rem;font-weight:800;letter-spacing:2px;margin-bottom:1rem}.cc-tutorialWelcomeDesc--pznv{font-size:1rem;color:#fff9;line-height:1.6;margin-bottom:2rem}.cc-tutorialActions-szJ0-{display:flex;align-items:center;justify-content:center;gap:1rem}.cc-tutorialButton-wL9-p{padding:.625rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.cc-tutorialButton-wL9-p:active{transform:scale(.97)}.cc-tutorialButton-wL9-p[data-variant=primary]{background:#fff;color:#0a0a2e;border:none}.cc-tutorialButton-wL9-p[data-variant=primary]:hover{background:#e2e8f0}.cc-tutorialButton-wL9-p[data-variant=ghost]{background:transparent;color:#ffffff80;border:1px solid rgba(255,255,255,.15)}.cc-tutorialButton-wL9-p[data-variant=ghost]:hover{background:#ffffff0f}.cc-tutorialCard-LGIkK{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:50;width:420px;padding:1.5rem;background:#0a0a1ef2;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.cc-tutorialChip-bUoEb{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem}.cc-tutorialCardTitle-r2Y1I{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.cc-tutorialCardDesc-nOS-M{font-size:.8125rem;color:#fff9;line-height:1.5;margin-bottom:1.25rem}.cc-tutorialProgress-wIAT9{width:100%;height:3px;background:#ffffff1a;border-radius:2px;margin-bottom:1rem}.cc-tutorialProgressBar-PFBdE{height:100%;border-radius:2px;background:#fff;transition:width .3s ease}.cc-tutorialCardFooter-bSdyM{display:flex;align-items:center;justify-content:space-between}.cc-tutorialStepCounter-i7c5G{font-size:.75rem;color:#fff6;font-family:monospace}.cc-tutorialDots-8M0QU{display:flex;gap:.375rem}.cc-tutorialDot-518t4{width:6px;height:6px;border-radius:50%;background:#fff3;cursor:pointer;transition:background .15s}.cc-tutorialDot-518t4[data-active=true]{background:#fff}.cc-tutorialDot-518t4[data-done=true]{background:#ffffff80}@keyframes cc-planetPulse-dWUhB{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes cc-planetPulseRunning-wwsW1{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes cc-orbitSpin-2ZKCf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cc-statusBlink-Lun9j{0%,to{opacity:.5}50%{opacity:1}}@keyframes cc-fadeSlideUp-aScc8{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:.5;transform:translate(-50%) translateY(0)}}.cc-planetBody-kF0Jj{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:width .3s,height .3s,border-color .3s;animation:cc-planetPulse-dWUhB 3s ease-in-out infinite;will-change:transform}.cc-planetBody-kF0Jj:hover{filter:brightness(1.2)}.cc-planetBodyRunning-cmLi4{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:width .3s,height .3s,border-color .3s;animation:cc-planetPulseRunning-wwsW1 3s ease-in-out infinite;will-change:transform}.cc-planetBodyRunning-cmLi4:hover{filter:brightness(1.2)}.cc-planetOrbitRing-v7fZR{position:absolute;border-radius:50%;pointer-events:none;animation:cc-orbitSpin-2ZKCf 20s linear infinite;will-change:transform}.cc-planetStatusDot--M-6s{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,0,0,.4);animation:cc-statusBlink-Lun9j 1.5s ease-in-out infinite;will-change:opacity}.cc-planetHint-QUWAw{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:9px;color:#fff;white-space:nowrap;font-family:monospace;letter-spacing:.5px;animation:cc-fadeSlideUp-aScc8 .3s ease-out forwards}.cc-topBarSlot-EJGvM{position:absolute;top:0;left:0;right:0;z-index:50}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servantcdh/ez-planet-cosmos",
-  "version": "0.2.1",
+  "version": "0.2.5",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",