@industry-theme/file-city-panel 0.4.6 → 0.4.8

package/dist/{index-BT9gD1MW.js → index-vzg_r8XB.js}

@@ -26707,7 +26707,7 @@ const ZoomOut$1 = createLucideIcon$2("zoom-out", __iconNode$qn);
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const index$6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const index$7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AArrowDown: AArrowDown$1,
   AArrowUp: AArrowUp$1,
@@ -34118,7 +34118,7 @@ const LucideIcons$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defin
   ZoomOut: ZoomOut$1,
   ZoomOutIcon: ZoomOut$1,
   createLucideIcon: createLucideIcon$2,
-  icons: index$6
+  icons: index$7
 }, Symbol.toStringTag, { value: "Module" }));
 var defaultMarkdownTheme = {
   space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
@@ -35869,7 +35869,7 @@ function resetFontScale(theme2) {
   return scaleThemeFonts(theme2, 1);
 }
 var src_default = theme$2;
-const esm$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const esm$3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ThemeProvider,
   ThemeShowcase,
@@ -35909,7 +35909,7 @@ const esm$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
 function getDefaultExportFromCjs$1(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
-function getAugmentedNamespace(n2) {
+function getAugmentedNamespace$1(n2) {
   if (Object.prototype.hasOwnProperty.call(n2, "__esModule")) return n2;
   var f2 = n2.default;
   if (typeof f2 == "function") {
@@ -35935,7 +35935,7 @@ function getAugmentedNamespace(n2) {
 }
 var dist$1 = {};
 var ArchitectureMapHighlightLayers = {};
-const require$$9 = /* @__PURE__ */ getAugmentedNamespace(esm$2);
+const require$$9 = /* @__PURE__ */ getAugmentedNamespace$1(esm$3);
 var cityDataUtils = {};
 var hasRequiredCityDataUtils;
 function requireCityDataUtils() {
@@ -38833,7 +38833,7 @@ const dist = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
   parseTour,
   parseTourOrThrow
 }, Symbol.toStringTag, { value: "Module" }));
-const require$$6 = /* @__PURE__ */ getAugmentedNamespace(dist);
+const require$$6 = /* @__PURE__ */ getAugmentedNamespace$1(dist);
 var fileColorOverrides = {};
 var hasRequiredFileColorOverrides;
 function requireFileColorOverrides() {
@@ -40369,9 +40369,9 @@ function cc$1(names) {
   return out2;
 }
 var withSelector$1 = { exports: {} };
-var withSelector_production = {};
+var withSelector_production$1 = {};
 var shim$1 = { exports: {} };
-var useSyncExternalStoreShim_production = {};
+var useSyncExternalStoreShim_production$1 = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -40381,10 +40381,10 @@ var useSyncExternalStoreShim_production = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredUseSyncExternalStoreShim_production;
-function requireUseSyncExternalStoreShim_production() {
-  if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
-  hasRequiredUseSyncExternalStoreShim_production = 1;
+var hasRequiredUseSyncExternalStoreShim_production$1;
+function requireUseSyncExternalStoreShim_production$1() {
+  if (hasRequiredUseSyncExternalStoreShim_production$1) return useSyncExternalStoreShim_production$1;
+  hasRequiredUseSyncExternalStoreShim_production$1 = 1;
   var React = React2__default__default;
   function is(x, y2) {
     return x === y2 && (0 !== x || 1 / x === 1 / y2) || x !== x && y2 !== y2;
@@ -40426,15 +40426,15 @@ function requireUseSyncExternalStoreShim_production() {
     return getSnapshot();
   }
   var shim2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-  useSyncExternalStoreShim_production.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim2;
-  return useSyncExternalStoreShim_production;
+  useSyncExternalStoreShim_production$1.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim2;
+  return useSyncExternalStoreShim_production$1;
 }
 var hasRequiredShim$1;
 function requireShim$1() {
   if (hasRequiredShim$1) return shim$1.exports;
   hasRequiredShim$1 = 1;
   {
-    shim$1.exports = requireUseSyncExternalStoreShim_production();
+    shim$1.exports = requireUseSyncExternalStoreShim_production$1();
   }
   return shim$1.exports;
 }
@@ -40447,16 +40447,16 @@ function requireShim$1() {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredWithSelector_production;
-function requireWithSelector_production() {
-  if (hasRequiredWithSelector_production) return withSelector_production;
-  hasRequiredWithSelector_production = 1;
+var hasRequiredWithSelector_production$1;
+function requireWithSelector_production$1() {
+  if (hasRequiredWithSelector_production$1) return withSelector_production$1;
+  hasRequiredWithSelector_production$1 = 1;
   var React = React2__default__default, shim2 = requireShim$1();
   function is(x, y2) {
     return x === y2 && (0 !== x || 1 / x === 1 / y2) || x !== x && y2 !== y2;
   }
   var objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore = shim2.useSyncExternalStore, useRef2 = React.useRef, useEffect2 = React.useEffect, useMemo2 = React.useMemo, useDebugValue2 = React.useDebugValue;
-  withSelector_production.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector2, isEqual) {
+  withSelector_production$1.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector2, isEqual) {
     var instRef = useRef2(null);
     if (null === instRef.current) {
       var inst = { hasValue: false, value: null };
@@ -40507,14 +40507,14 @@ function requireWithSelector_production() {
     useDebugValue2(value);
     return value;
   };
-  return withSelector_production;
+  return withSelector_production$1;
 }
 var hasRequiredWithSelector$1;
 function requireWithSelector$1() {
   if (hasRequiredWithSelector$1) return withSelector$1.exports;
   hasRequiredWithSelector$1 = 1;
   {
-    withSelector$1.exports = requireWithSelector_production();
+    withSelector$1.exports = requireWithSelector_production$1();
   }
   return withSelector$1.exports;
 }
@@ -47819,7 +47819,7 @@ function NodeResizer$1({ nodeId, isVisible = true, handleClassName, handleStyle,
     handleControls.map((c2) => React2__default__default.createElement(ResizeControl$1$1, { key: c2, className: handleClassName, style: handleStyle, nodeId, position: c2, color: color2, minWidth, minHeight, maxWidth, maxHeight, onResizeStart, keepAspectRatio, shouldResize, onResize, onResizeEnd }))
   );
 }
-const esm$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const esm$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Background: Background$1$1,
   get BackgroundVariant() {
@@ -47907,7 +47907,7 @@ const esm$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   useUpdateNodeInternals: useUpdateNodeInternals$1,
   useViewport: useViewport$1
 }, Symbol.toStringTag, { value: "Module" }));
-const require$$1 = /* @__PURE__ */ getAugmentedNamespace(esm$1);
+const require$$1 = /* @__PURE__ */ getAugmentedNamespace$1(esm$2);
 var hasRequiredCityViewWithReactFlow;
 function requireCityViewWithReactFlow() {
   if (hasRequiredCityViewWithReactFlow) return CityViewWithReactFlow;
@@ -56644,136 +56644,177 @@ function XYResizer({ domNode, nodeId, getStoreItems, onChange, onEnd }) {
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
+function getAugmentedNamespace(n2) {
+  if (Object.prototype.hasOwnProperty.call(n2, "__esModule")) return n2;
+  var f2 = n2.default;
+  if (typeof f2 == "function") {
+    var a2 = function a3() {
+      if (this instanceof a3) {
+        return Reflect.construct(f2, arguments, this.constructor);
+      }
+      return f2.apply(this, arguments);
+    };
+    a2.prototype = f2.prototype;
+  } else a2 = {};
+  Object.defineProperty(a2, "__esModule", { value: true });
+  Object.keys(n2).forEach(function(k2) {
+    var d2 = Object.getOwnPropertyDescriptor(n2, k2);
+    Object.defineProperty(a2, k2, d2.get ? d2 : {
+      enumerable: true,
+      get: function() {
+        return n2[k2];
+      }
+    });
+  });
+  return a2;
+}
 var withSelector = { exports: {} };
-var withSelector_production_min = {};
+var withSelector_production = {};
 var shim = { exports: {} };
-var useSyncExternalStoreShim_production_min = {};
+var useSyncExternalStoreShim_production = {};
 /**
  * @license React
- * use-sync-external-store-shim.production.min.js
+ * use-sync-external-store-shim.production.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredUseSyncExternalStoreShim_production_min;
-function requireUseSyncExternalStoreShim_production_min() {
-  if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
-  hasRequiredUseSyncExternalStoreShim_production_min = 1;
-  var e2 = React2__default__default;
-  function h2(a2, b2) {
-    return a2 === b2 && (0 !== a2 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
-  }
-  var k2 = "function" === typeof Object.is ? Object.is : h2, l2 = e2.useState, m2 = e2.useEffect, n2 = e2.useLayoutEffect, p2 = e2.useDebugValue;
-  function q2(a2, b2) {
-    var d2 = b2(), f2 = l2({ inst: { value: d2, getSnapshot: b2 } }), c2 = f2[0].inst, g2 = f2[1];
-    n2(function() {
-      c2.value = d2;
-      c2.getSnapshot = b2;
-      r2(c2) && g2({ inst: c2 });
-    }, [a2, d2, b2]);
-    m2(function() {
-      r2(c2) && g2({ inst: c2 });
-      return a2(function() {
-        r2(c2) && g2({ inst: c2 });
-      });
-    }, [a2]);
-    p2(d2);
-    return d2;
+var hasRequiredUseSyncExternalStoreShim_production;
+function requireUseSyncExternalStoreShim_production() {
+  if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
+  hasRequiredUseSyncExternalStoreShim_production = 1;
+  var React = React2__default__default;
+  function is(x2, y2) {
+    return x2 === y2 && (0 !== x2 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
+  }
+  var objectIs = "function" === typeof Object.is ? Object.is : is, useState2 = React.useState, useEffect2 = React.useEffect, useLayoutEffect2 = React.useLayoutEffect, useDebugValue2 = React.useDebugValue;
+  function useSyncExternalStore$2(subscribe, getSnapshot) {
+    var value = getSnapshot(), _useState = useState2({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
+    useLayoutEffect2(
+      function() {
+        inst.value = value;
+        inst.getSnapshot = getSnapshot;
+        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+      },
+      [subscribe, value, getSnapshot]
+    );
+    useEffect2(
+      function() {
+        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+        return subscribe(function() {
+          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+        });
+      },
+      [subscribe]
+    );
+    useDebugValue2(value);
+    return value;
   }
-  function r2(a2) {
-    var b2 = a2.getSnapshot;
-    a2 = a2.value;
+  function checkIfSnapshotChanged(inst) {
+    var latestGetSnapshot = inst.getSnapshot;
+    inst = inst.value;
     try {
-      var d2 = b2();
-      return !k2(a2, d2);
-    } catch (f2) {
+      var nextValue = latestGetSnapshot();
+      return !objectIs(inst, nextValue);
+    } catch (error) {
       return true;
     }
   }
-  function t2(a2, b2) {
-    return b2();
+  function useSyncExternalStore$1(subscribe, getSnapshot) {
+    return getSnapshot();
   }
-  var u2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? t2 : q2;
-  useSyncExternalStoreShim_production_min.useSyncExternalStore = void 0 !== e2.useSyncExternalStore ? e2.useSyncExternalStore : u2;
-  return useSyncExternalStoreShim_production_min;
+  var shim2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+  useSyncExternalStoreShim_production.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim2;
+  return useSyncExternalStoreShim_production;
 }
 var hasRequiredShim;
 function requireShim() {
   if (hasRequiredShim) return shim.exports;
   hasRequiredShim = 1;
   {
-    shim.exports = requireUseSyncExternalStoreShim_production_min();
+    shim.exports = requireUseSyncExternalStoreShim_production();
   }
   return shim.exports;
 }
 /**
  * @license React
- * use-sync-external-store-shim/with-selector.production.min.js
+ * use-sync-external-store-shim/with-selector.production.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredWithSelector_production_min;
-function requireWithSelector_production_min() {
-  if (hasRequiredWithSelector_production_min) return withSelector_production_min;
-  hasRequiredWithSelector_production_min = 1;
-  var h2 = React2__default__default, n2 = requireShim();
-  function p2(a2, b2) {
-    return a2 === b2 && (0 !== a2 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
-  }
-  var q2 = "function" === typeof Object.is ? Object.is : p2, r2 = n2.useSyncExternalStore, t2 = h2.useRef, u2 = h2.useEffect, v2 = h2.useMemo, w2 = h2.useDebugValue;
-  withSelector_production_min.useSyncExternalStoreWithSelector = function(a2, b2, e2, l2, g2) {
-    var c2 = t2(null);
-    if (null === c2.current) {
-      var f2 = { hasValue: false, value: null };
-      c2.current = f2;
-    } else f2 = c2.current;
-    c2 = v2(function() {
-      function a3(a4) {
-        if (!c3) {
-          c3 = true;
-          d3 = a4;
-          a4 = l2(a4);
-          if (void 0 !== g2 && f2.hasValue) {
-            var b3 = f2.value;
-            if (g2(b3, a4)) return k2 = b3;
-          }
-          return k2 = a4;
-        }
-        b3 = k2;
-        if (q2(d3, a4)) return b3;
-        var e3 = l2(a4);
-        if (void 0 !== g2 && g2(b3, e3)) return b3;
-        d3 = a4;
-        return k2 = e3;
-      }
-      var c3 = false, d3, k2, m2 = void 0 === e2 ? null : e2;
-      return [function() {
-        return a3(b2());
-      }, null === m2 ? void 0 : function() {
-        return a3(m2());
-      }];
-    }, [b2, e2, l2, g2]);
-    var d2 = r2(a2, c2[0], c2[1]);
-    u2(function() {
-      f2.hasValue = true;
-      f2.value = d2;
-    }, [d2]);
-    w2(d2);
-    return d2;
-  };
-  return withSelector_production_min;
+var hasRequiredWithSelector_production;
+function requireWithSelector_production() {
+  if (hasRequiredWithSelector_production) return withSelector_production;
+  hasRequiredWithSelector_production = 1;
+  var React = React2__default__default, shim2 = requireShim();
+  function is(x2, y2) {
+    return x2 === y2 && (0 !== x2 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
+  }
+  var objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore = shim2.useSyncExternalStore, useRef2 = React.useRef, useEffect2 = React.useEffect, useMemo2 = React.useMemo, useDebugValue2 = React.useDebugValue;
+  withSelector_production.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector2, isEqual) {
+    var instRef = useRef2(null);
+    if (null === instRef.current) {
+      var inst = { hasValue: false, value: null };
+      instRef.current = inst;
+    } else inst = instRef.current;
+    instRef = useMemo2(
+      function() {
+        function memoizedSelector(nextSnapshot) {
+          if (!hasMemo) {
+            hasMemo = true;
+            memoizedSnapshot = nextSnapshot;
+            nextSnapshot = selector2(nextSnapshot);
+            if (void 0 !== isEqual && inst.hasValue) {
+              var currentSelection = inst.value;
+              if (isEqual(currentSelection, nextSnapshot))
+                return memoizedSelection = currentSelection;
+            }
+            return memoizedSelection = nextSnapshot;
+          }
+          currentSelection = memoizedSelection;
+          if (objectIs(memoizedSnapshot, nextSnapshot)) return currentSelection;
+          var nextSelection = selector2(nextSnapshot);
+          if (void 0 !== isEqual && isEqual(currentSelection, nextSelection))
+            return memoizedSnapshot = nextSnapshot, currentSelection;
+          memoizedSnapshot = nextSnapshot;
+          return memoizedSelection = nextSelection;
+        }
+        var hasMemo = false, memoizedSnapshot, memoizedSelection, maybeGetServerSnapshot = void 0 === getServerSnapshot ? null : getServerSnapshot;
+        return [
+          function() {
+            return memoizedSelector(getSnapshot());
+          },
+          null === maybeGetServerSnapshot ? void 0 : function() {
+            return memoizedSelector(maybeGetServerSnapshot());
+          }
+        ];
+      },
+      [getSnapshot, getServerSnapshot, selector2, isEqual]
+    );
+    var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
+    useEffect2(
+      function() {
+        inst.hasValue = true;
+        inst.value = value;
+      },
+      [value]
+    );
+    useDebugValue2(value);
+    return value;
+  };
+  return withSelector_production;
 }
 var hasRequiredWithSelector;
 function requireWithSelector() {
   if (hasRequiredWithSelector) return withSelector.exports;
   hasRequiredWithSelector = 1;
   {
-    withSelector.exports = requireWithSelector_production_min();
+    withSelector.exports = requireWithSelector_production();
   }
   return withSelector.exports;
 }
@@ -56839,8 +56880,7 @@ function shallow$1(objA, objB) {
     return false;
   }
   if (objA instanceof Map && objB instanceof Map) {
-    if (objA.size !== objB.size)
-      return false;
+    if (objA.size !== objB.size) return false;
     for (const [key, value] of objA) {
       if (!Object.is(value, objB.get(key))) {
         return false;
@@ -56849,8 +56889,7 @@ function shallow$1(objA, objB) {
     return true;
   }
   if (objA instanceof Set && objB instanceof Set) {
-    if (objA.size !== objB.size)
-      return false;
+    if (objA.size !== objB.size) return false;
     for (const value of objA) {
       if (!objB.has(value)) {
         return false;
@@ -56862,8 +56901,8 @@ function shallow$1(objA, objB) {
   if (keysA.length !== Object.keys(objB).length) {
     return false;
   }
-  for (let i2 = 0; i2 < keysA.length; i2++) {
-    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i2]) || !Object.is(objA[keysA[i2]], objB[keysA[i2]])) {
+  for (const keyA of keysA) {
+    if (!Object.prototype.hasOwnProperty.call(objB, keyA) || !Object.is(objA[keyA], objB[keyA])) {
       return false;
     }
   }
@@ -59397,7 +59436,7 @@ function ReactFlow({ nodes, edges, defaultNodes, defaultEdges, className, nodeTy
   const colorModeClassName = useColorModeClass(colorMode);
   return jsx("div", { ...rest, style: { ...style2, ...wrapperStyle }, ref, className: cc(["react-flow", className, colorModeClassName]), "data-testid": "rf__wrapper", id: id2, children: jsxs(Wrapper, { nodes, edges, width, height, fitView: fitView2, nodeOrigin, children: [jsx(GraphView, { onInit, onNodeClick, onEdgeClick, onNodeMouseEnter, onNodeMouseMove, onNodeMouseLeave, onNodeContextMenu, onNodeDoubleClick, nodeTypes: nodeTypes2, edgeTypes: edgeTypes2, connectionLineType, connectionLineStyle, connectionLineComponent, connectionLineContainerStyle, selectionKeyCode, selectionOnDrag, selectionMode, deleteKeyCode, multiSelectionKeyCode, panActivationKeyCode, zoomActivationKeyCode, onlyRenderVisibleElements, defaultViewport: defaultViewport$1, translateExtent, minZoom, maxZoom, preventScrolling, zoomOnScroll, zoomOnPinch, zoomOnDoubleClick, panOnScroll, panOnScrollSpeed, panOnScrollMode, panOnDrag, onPaneClick, onPaneMouseEnter, onPaneMouseMove, onPaneMouseLeave, onPaneScroll, onPaneContextMenu, paneClickDistance, onSelectionContextMenu, onSelectionStart, onSelectionEnd, onReconnect, onReconnectStart, onReconnectEnd, onEdgeContextMenu, onEdgeDoubleClick, onEdgeMouseEnter, onEdgeMouseMove, onEdgeMouseLeave, reconnectRadius, defaultMarkerColor, noDragClassName, noWheelClassName, noPanClassName, rfId, disableKeyboardA11y, nodeExtent, viewport, onViewportChange }), jsx(StoreUpdater, { nodes, edges, defaultNodes, defaultEdges, onConnect, onConnectStart, onConnectEnd, onClickConnectStart, onClickConnectEnd, nodesDraggable, nodesConnectable, nodesFocusable, edgesFocusable, edgesReconnectable, elementsSelectable, elevateNodesOnSelect, elevateEdgesOnSelect, minZoom, maxZoom, nodeExtent, onNodesChange, onEdgesChange, snapToGrid, snapGrid, connectionMode, translateExtent, connectOnClick, defaultEdgeOptions, fitView: fitView2, fitViewOptions, onNodesDelete, onEdgesDelete, onDelete, onNodeDragStart, onNodeDrag, onNodeDragStop, onSelectionDrag, onSelectionDragStart, onSelectionDragStop, onMove, onMoveStart, onMoveEnd, noPanClassName, nodeOrigin, rfId, autoPanOnConnect, autoPanOnNodeDrag, autoPanSpeed, onError, connectionRadius, isValidConnection, selectNodesOnDrag, nodeDragThreshold, onBeforeDelete, paneClickDistance, debug }), jsx(SelectionListener, { onSelectionChange }), children2, jsx(Attribution, { proOptions, position: attributionPosition }), jsx(A11yDescriptions, { rfId, disableKeyboardA11y })] }) });
 }
-var index$4 = fixedForwardRef(ReactFlow);
+var index$5 = fixedForwardRef(ReactFlow);
 const selector$6 = (s2) => {
   var _a;
   return (_a = s2.domNode) == null ? void 0 : _a.querySelector(".react-flow__edgelabel-renderer");
@@ -93548,7 +93587,7 @@ const ZoomOut = createLucideIcon("zoom-out", __iconNode);
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const index$3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const index$4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AArrowDown,
   AArrowUp,
@@ -100879,7 +100918,7 @@ const LucideIcons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
   ZoomOut,
   ZoomOutIcon: ZoomOut,
   createLucideIcon,
-  icons: index$3
+  icons: index$4
 }, Symbol.toStringTag, { value: "Module" }));
 function resolveIcon(icon, size = 20, className) {
   if (!icon)
@@ -102837,179 +102876,163 @@ function parse$2$1(value) {
 function stringify$2(values) {
   return values.join(" ").trim();
 }
-var cjs$2 = {};
-var cjs$1;
-var hasRequiredCjs$2;
-function requireCjs$2() {
-  if (hasRequiredCjs$2) return cjs$1;
-  hasRequiredCjs$2 = 1;
-  var COMMENT_REGEX2 = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
-  var NEWLINE_REGEX2 = /\n/g;
-  var WHITESPACE_REGEX2 = /^\s*/;
-  var PROPERTY_REGEX2 = /^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/;
-  var COLON_REGEX2 = /^:\s*/;
-  var VALUE_REGEX2 = /^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/;
-  var SEMICOLON_REGEX2 = /^[;\s]*/;
-  var TRIM_REGEX2 = /^\s+|\s+$/g;
-  var NEWLINE2 = "\n";
-  var FORWARD_SLASH2 = "/";
-  var ASTERISK2 = "*";
-  var EMPTY_STRING2 = "";
-  var TYPE_COMMENT2 = "comment";
-  var TYPE_DECLARATION2 = "declaration";
-  function index2(style2, options) {
-    if (typeof style2 !== "string") {
-      throw new TypeError("First argument must be a string");
-    }
-    if (!style2) return [];
-    options = options || {};
-    var lineno = 1;
-    var column = 1;
-    function updatePosition(str2) {
-      var lines = str2.match(NEWLINE_REGEX2);
-      if (lines) lineno += lines.length;
-      var i2 = str2.lastIndexOf(NEWLINE2);
-      column = ~i2 ? str2.length - i2 : column + str2.length;
-    }
-    function position2() {
-      var start2 = { line: lineno, column };
-      return function(node2) {
-        node2.position = new Position2(start2);
-        whitespace2();
-        return node2;
-      };
+var COMMENT_REGEX$1 = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
+var NEWLINE_REGEX$1 = /\n/g;
+var WHITESPACE_REGEX$1 = /^\s*/;
+var PROPERTY_REGEX$1 = /^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/;
+var COLON_REGEX$1 = /^:\s*/;
+var VALUE_REGEX$1 = /^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/;
+var SEMICOLON_REGEX$1 = /^[;\s]*/;
+var TRIM_REGEX$1 = /^\s+|\s+$/g;
+var NEWLINE$1 = "\n";
+var FORWARD_SLASH$1 = "/";
+var ASTERISK$1 = "*";
+var EMPTY_STRING$1 = "";
+var TYPE_COMMENT$1 = "comment";
+var TYPE_DECLARATION$1 = "declaration";
+function index$3(style2, options) {
+  if (typeof style2 !== "string") {
+    throw new TypeError("First argument must be a string");
+  }
+  if (!style2) return [];
+  options = options || {};
+  var lineno = 1;
+  var column = 1;
+  function updatePosition(str2) {
+    var lines = str2.match(NEWLINE_REGEX$1);
+    if (lines) lineno += lines.length;
+    var i2 = str2.lastIndexOf(NEWLINE$1);
+    column = ~i2 ? str2.length - i2 : column + str2.length;
+  }
+  function position2() {
+    var start2 = { line: lineno, column };
+    return function(node2) {
+      node2.position = new Position2(start2);
+      whitespace2();
+      return node2;
+    };
+  }
+  function Position2(start2) {
+    this.start = start2;
+    this.end = { line: lineno, column };
+    this.source = options.source;
+  }
+  Position2.prototype.content = style2;
+  function error(msg) {
+    var err = new Error(
+      options.source + ":" + lineno + ":" + column + ": " + msg
+    );
+    err.reason = msg;
+    err.filename = options.source;
+    err.line = lineno;
+    err.column = column;
+    err.source = style2;
+    if (options.silent) ;
+    else {
+      throw err;
     }
-    function Position2(start2) {
-      this.start = start2;
-      this.end = { line: lineno, column };
-      this.source = options.source;
+  }
+  function match(re2) {
+    var m2 = re2.exec(style2);
+    if (!m2) return;
+    var str2 = m2[0];
+    updatePosition(str2);
+    style2 = style2.slice(str2.length);
+    return m2;
+  }
+  function whitespace2() {
+    match(WHITESPACE_REGEX$1);
+  }
+  function comments(rules) {
+    var c2;
+    rules = rules || [];
+    while (c2 = comment2()) {
+      if (c2 !== false) {
+        rules.push(c2);
+      }
     }
-    Position2.prototype.content = style2;
-    function error(msg) {
-      var err = new Error(
-        options.source + ":" + lineno + ":" + column + ": " + msg
-      );
-      err.reason = msg;
-      err.filename = options.source;
-      err.line = lineno;
-      err.column = column;
-      err.source = style2;
-      if (options.silent) ;
-      else {
-        throw err;
-      }
-    }
-    function match(re2) {
-      var m2 = re2.exec(style2);
-      if (!m2) return;
-      var str2 = m2[0];
-      updatePosition(str2);
-      style2 = style2.slice(str2.length);
-      return m2;
-    }
-    function whitespace2() {
-      match(WHITESPACE_REGEX2);
-    }
-    function comments(rules) {
-      var c2;
-      rules = rules || [];
-      while (c2 = comment2()) {
-        if (c2 !== false) {
-          rules.push(c2);
-        }
-      }
-      return rules;
-    }
-    function comment2() {
-      var pos = position2();
-      if (FORWARD_SLASH2 != style2.charAt(0) || ASTERISK2 != style2.charAt(1)) return;
-      var i2 = 2;
-      while (EMPTY_STRING2 != style2.charAt(i2) && (ASTERISK2 != style2.charAt(i2) || FORWARD_SLASH2 != style2.charAt(i2 + 1))) {
-        ++i2;
-      }
-      i2 += 2;
-      if (EMPTY_STRING2 === style2.charAt(i2 - 1)) {
-        return error("End of comment missing");
-      }
-      var str2 = style2.slice(2, i2 - 2);
-      column += 2;
-      updatePosition(str2);
-      style2 = style2.slice(i2);
-      column += 2;
-      return pos({
-        type: TYPE_COMMENT2,
-        comment: str2
-      });
+    return rules;
+  }
+  function comment2() {
+    var pos = position2();
+    if (FORWARD_SLASH$1 != style2.charAt(0) || ASTERISK$1 != style2.charAt(1)) return;
+    var i2 = 2;
+    while (EMPTY_STRING$1 != style2.charAt(i2) && (ASTERISK$1 != style2.charAt(i2) || FORWARD_SLASH$1 != style2.charAt(i2 + 1))) {
+      ++i2;
     }
-    function declaration() {
-      var pos = position2();
-      var prop = match(PROPERTY_REGEX2);
-      if (!prop) return;
-      comment2();
-      if (!match(COLON_REGEX2)) return error("property missing ':'");
-      var val = match(VALUE_REGEX2);
-      var ret = pos({
-        type: TYPE_DECLARATION2,
-        property: trim2(prop[0].replace(COMMENT_REGEX2, EMPTY_STRING2)),
-        value: val ? trim2(val[0].replace(COMMENT_REGEX2, EMPTY_STRING2)) : EMPTY_STRING2
-      });
-      match(SEMICOLON_REGEX2);
-      return ret;
+    i2 += 2;
+    if (EMPTY_STRING$1 === style2.charAt(i2 - 1)) {
+      return error("End of comment missing");
     }
-    function declarations() {
-      var decls = [];
-      comments(decls);
-      var decl;
-      while (decl = declaration()) {
-        if (decl !== false) {
-          decls.push(decl);
-          comments(decls);
-        }
+    var str2 = style2.slice(2, i2 - 2);
+    column += 2;
+    updatePosition(str2);
+    style2 = style2.slice(i2);
+    column += 2;
+    return pos({
+      type: TYPE_COMMENT$1,
+      comment: str2
+    });
+  }
+  function declaration() {
+    var pos = position2();
+    var prop = match(PROPERTY_REGEX$1);
+    if (!prop) return;
+    comment2();
+    if (!match(COLON_REGEX$1)) return error("property missing ':'");
+    var val = match(VALUE_REGEX$1);
+    var ret = pos({
+      type: TYPE_DECLARATION$1,
+      property: trim$1(prop[0].replace(COMMENT_REGEX$1, EMPTY_STRING$1)),
+      value: val ? trim$1(val[0].replace(COMMENT_REGEX$1, EMPTY_STRING$1)) : EMPTY_STRING$1
+    });
+    match(SEMICOLON_REGEX$1);
+    return ret;
+  }
+  function declarations() {
+    var decls = [];
+    comments(decls);
+    var decl;
+    while (decl = declaration()) {
+      if (decl !== false) {
+        decls.push(decl);
+        comments(decls);
       }
-      return decls;
     }
-    whitespace2();
-    return declarations();
-  }
-  function trim2(str2) {
-    return str2 ? str2.replace(TRIM_REGEX2, EMPTY_STRING2) : EMPTY_STRING2;
+    return decls;
   }
-  cjs$1 = index2;
-  return cjs$1;
+  whitespace2();
+  return declarations();
 }
-var hasRequiredCjs$1;
-function requireCjs$1() {
-  if (hasRequiredCjs$1) return cjs$2;
-  hasRequiredCjs$1 = 1;
-  var __importDefault = cjs$2 && cjs$2.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  Object.defineProperty(cjs$2, "__esModule", { value: true });
-  cjs$2.default = StyleToObject2;
-  const inline_style_parser_1 = __importDefault(requireCjs$2());
-  function StyleToObject2(style2, iterator) {
-    let styleObject = null;
-    if (!style2 || typeof style2 !== "string") {
-      return styleObject;
-    }
-    const declarations = (0, inline_style_parser_1.default)(style2);
-    const hasIterator = typeof iterator === "function";
-    declarations.forEach((declaration) => {
-      if (declaration.type !== "declaration") {
-        return;
-      }
-      const { property, value } = declaration;
-      if (hasIterator) {
-        iterator(property, value, declaration);
-      } else if (value) {
-        styleObject = styleObject || {};
-        styleObject[property] = value;
-      }
-    });
+function trim$1(str2) {
+  return str2 ? str2.replace(TRIM_REGEX$1, EMPTY_STRING$1) : EMPTY_STRING$1;
+}
+function StyleToObject$1(style2, iterator) {
+  let styleObject = null;
+  if (!style2 || typeof style2 !== "string") {
     return styleObject;
   }
-  return cjs$2;
+  const declarations = index$3(style2);
+  const hasIterator = typeof iterator === "function";
+  declarations.forEach((declaration) => {
+    if (declaration.type !== "declaration") {
+      return;
+    }
+    const { property, value } = declaration;
+    if (hasIterator) {
+      iterator(property, value, declaration);
+    } else if (value) {
+      styleObject = styleObject || {};
+      styleObject[property] = value;
+    }
+  });
+  return styleObject;
 }
+const esm$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: StyleToObject$1
+}, Symbol.toStringTag, { value: "Module" }));
+const require$$0$1 = /* @__PURE__ */ getAugmentedNamespace(esm$1);
 var utilities$1 = {};
 var hasRequiredUtilities$1;
 function requireUtilities$1() {
@@ -103049,15 +103072,15 @@ function requireUtilities$1() {
   utilities$1.camelCase = camelCase;
   return utilities$1;
 }
-var cjs$3;
-var hasRequiredCjs$3;
-function requireCjs$3() {
-  if (hasRequiredCjs$3) return cjs$3;
-  hasRequiredCjs$3 = 1;
-  var __importDefault = cjs$3 && cjs$3.__importDefault || function(mod) {
+var cjs$1;
+var hasRequiredCjs$1;
+function requireCjs$1() {
+  if (hasRequiredCjs$1) return cjs$1;
+  hasRequiredCjs$1 = 1;
+  var __importDefault = cjs$1 && cjs$1.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
-  var style_to_object_1 = __importDefault(requireCjs$1());
+  var style_to_object_1 = __importDefault(require$$0$1);
   var utilities_1 = requireUtilities$1();
   function StyleToJS(style2, options) {
     var output = {};
@@ -103072,10 +103095,10 @@ function requireCjs$3() {
     return output;
   }
   StyleToJS.default = StyleToJS;
-  cjs$3 = StyleToJS;
-  return cjs$3;
+  cjs$1 = StyleToJS;
+  return cjs$1;
 }
-var cjsExports$1 = requireCjs$3();
+var cjsExports$1 = requireCjs$1();
 const styleToJs$1 = /* @__PURE__ */ getDefaultExportFromCjs(cjsExports$1);
 function stringifyPosition$1(value) {
   if (!value || typeof value !== "object") {
@@ -146910,7 +146933,7 @@ const GraphRendererInner = ({ configuration, nodes: propNodes, edges: propEdges,
     }, 100);
     return () => clearTimeout(timeoutId);
   }, [baseNodesKey, baseEdgesKey, fitView2, fitViewDuration]);
-  return jsxs(Fragment, { children: [jsxs(index$4, { nodes: xyflowNodes, edges: xyflowEdges, nodeTypes, edgeTypes, minZoom: 0.1, maxZoom: 4, defaultEdgeOptions: { type: "custom" }, onEdgeClick, onNodeClick, onNodeDrag: handleNodeDrag, onNodeDragStop: handleNodeDragStop, proOptions: { hideAttribution: true }, nodesDraggable: editable, elementsSelectable: true, nodesConnectable: editable, edgesReconnectable: editable, reconnectRadius: 25, elevateEdgesOnSelect: true, onNodesChange: handleNodesChange, onEdgesChange: handleEdgesChange, onConnect: handleConnect, onReconnectStart: handleReconnectStart, onReconnect: handleReconnect, onReconnectEnd: handleReconnectEnd, onPaneClick, onSelectionChange: handleSelectionChange, panOnDrag: false, panOnScroll: true, zoomOnScroll: false, zoomOnPinch: true, selectionOnDrag: true, selectionKeyCode: null, multiSelectionKeyCode: null, children: [showBackground && jsx(Background, { color: backgroundVariant === "dots" ? theme2.colors.border : theme2.colors.textMuted, gap: backgroundGap ?? (backgroundVariant === "dots" ? 16 : 50), size: backgroundVariant === "dots" ? 1 : 0.5, variant: backgroundVariant === "dots" ? BackgroundVariant.Dots : backgroundVariant === "lines" ? BackgroundVariant.Lines : BackgroundVariant.Cross }), showControls && jsx(Controls, { showZoom: true, showFitView: true, showInteractive: true }), showMinimap && jsx(MiniMap, { nodeColor: (node2) => {
+  return jsxs(Fragment, { children: [jsxs(index$5, { nodes: xyflowNodes, edges: xyflowEdges, nodeTypes, edgeTypes, minZoom: 0.1, maxZoom: 4, defaultEdgeOptions: { type: "custom" }, onEdgeClick, onNodeClick, onNodeDrag: handleNodeDrag, onNodeDragStop: handleNodeDragStop, proOptions: { hideAttribution: true }, nodesDraggable: editable, elementsSelectable: true, nodesConnectable: editable, edgesReconnectable: editable, reconnectRadius: 25, elevateEdgesOnSelect: true, onNodesChange: handleNodesChange, onEdgesChange: handleEdgesChange, onConnect: handleConnect, onReconnectStart: handleReconnectStart, onReconnect: handleReconnect, onReconnectEnd: handleReconnectEnd, onPaneClick, onSelectionChange: handleSelectionChange, panOnDrag: false, panOnScroll: true, zoomOnScroll: false, zoomOnPinch: true, selectionOnDrag: true, selectionKeyCode: null, multiSelectionKeyCode: null, children: [showBackground && jsx(Background, { color: backgroundVariant === "dots" ? theme2.colors.border : theme2.colors.textMuted, gap: backgroundGap ?? (backgroundVariant === "dots" ? 16 : 50), size: backgroundVariant === "dots" ? 1 : 0.5, variant: backgroundVariant === "dots" ? BackgroundVariant.Dots : backgroundVariant === "lines" ? BackgroundVariant.Lines : BackgroundVariant.Cross }), showControls && jsx(Controls, { showZoom: true, showFitView: true, showInteractive: true }), showMinimap && jsx(MiniMap, { nodeColor: (node2) => {
     var _a;
     const nodeData = node2.data;
     return ((_a = nodeData == null ? void 0 : nodeData.typeDefinition) == null ? void 0 : _a.color) || theme2.colors.secondary;
@@ -149621,7 +149644,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-XNN46GKF-8hJjkg2A.js");
+    await import("./browserAll-BdeGLg9f-DjBr02QC.js");
   }
 };
 const webworkerExt = {
@@ -149632,7 +149655,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-Ez5pUZRt-BChgL0D1.js");
+    await import("./webworkerAll-DFGI4H02-B76T7ioQ.js");
   }
 };
 class ObservablePoint {
@@ -188274,7 +188297,7 @@ const WebGPURenderer$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.de
   WebGPURenderer
 }, Symbol.toStringTag, { value: "Module" }));
 extensions.add(browserExt, webworkerExt);
-const index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const index$6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AbstractRenderer,
   AbstractText,
@@ -188916,8 +188939,8 @@ function adjustBrightness$1$1(color2, factor) {
   return newR << 16 | newG << 8 | newB;
 }
 const TILE_SIZE = 32;
-const ISO_TILE_WIDTH$2 = TILE_SIZE * 2;
-const ISO_TILE_HEIGHT$2 = TILE_SIZE;
+const ISO_TILE_WIDTH$3 = TILE_SIZE * 2;
+const ISO_TILE_HEIGHT$3 = TILE_SIZE;
 const STAR_TIERS = [
   // Flags (basic tiers)
   { min: 0, max: 100, name: "New", decorationType: "flag", color: 9741240 },
@@ -189269,8 +189292,8 @@ function adjustBrightness$2(color2, factor) {
   const newB = Math.min(255, Math.floor(b2 * factor));
   return newR << 16 | newG << 8 | newB;
 }
-const TILE_WIDTH = ISO_TILE_WIDTH$2;
-const TILE_HEIGHT = ISO_TILE_HEIGHT$2;
+const TILE_WIDTH = ISO_TILE_WIDTH$3;
+const TILE_HEIGHT = ISO_TILE_HEIGHT$3;
 function calculateFootprint(sizeMultiplier) {
   const tiles = 4 * sizeMultiplier;
   return {
@@ -189459,7 +189482,7 @@ function generateMITFlowerArch(config) {
       fontFamily: "Arial",
       fontWeight: "bold"
     },
-    resolution: 2
+    resolution: 16
   });
   mitText.anchor.set(0.5, 0.5);
   mitText.y = flagTop + flagHeight * 0.5;
@@ -189494,7 +189517,7 @@ function generateMITFlowerArch(config) {
       fontFamily: "Arial",
       fontWeight: "600"
     },
-    resolution: 2
+    resolution: 16
   });
   nameText.anchor.set(0.5, 0.5);
   nameText.y = signBoardY + signHeight / 2;
@@ -189674,7 +189697,7 @@ function generateApacheSign(config) {
       fontFamily: "Arial",
       fontWeight: "600"
     },
-    resolution: 2
+    resolution: 16
   });
   nameText.anchor.set(0.5, 0.5);
   nameText.y = signBoardY + signBoardHeight / 2;
@@ -189807,7 +189830,7 @@ function generateGPLSign(config) {
       fontFamily: "Arial",
       fontWeight: "bold"
     },
-    resolution: 2
+    resolution: 16
   });
   gplText.anchor.set(0.5, 0.5);
   gplText.y = flagTop + flagHeight * 0.5;
@@ -189851,7 +189874,7 @@ function generateGPLSign(config) {
       fontFamily: "Arial",
       fontWeight: "600"
     },
-    resolution: 2
+    resolution: 16
   });
   nameText.anchor.set(0.5, 0.5);
   nameText.y = signBoardY + signBoardHeight / 2;
@@ -190065,6 +190088,43 @@ function generateCobblestoneGround(sizeMultiplier) {
   }
   return ground;
 }
+function generateNeutralGround(sizeMultiplier) {
+  const footprint = calculateFootprint(sizeMultiplier);
+  const ground = new Graphics();
+  const halfW = footprint.width;
+  const halfH = footprint.height;
+  const stoneBase = 9143160;
+  const stoneDark = 7037784;
+  const stoneLight = 10195848;
+  ground.moveTo(0, -halfH);
+  ground.lineTo(halfW, 0);
+  ground.lineTo(0, halfH);
+  ground.lineTo(-halfW, 0);
+  ground.closePath();
+  ground.fill(stoneBase);
+  const textureCount = Math.max(5, Math.floor(7 * sizeMultiplier));
+  for (let i2 = 0; i2 < textureCount; i2++) {
+    const angle = i2 / textureCount * Math.PI * 2;
+    const radius = 0.25 + i2 % 3 * 0.15;
+    const x2 = Math.cos(angle) * halfW * radius;
+    const y2 = Math.sin(angle) * halfH * radius;
+    const dotSize = Math.max(2, 3 * sizeMultiplier);
+    ground.circle(x2, y2, dotSize);
+    ground.fill(i2 % 2 === 0 ? stoneLight : stoneDark);
+  }
+  const pebbleSize = Math.max(1.5, 2 * sizeMultiplier);
+  const pebbleSpots = [
+    { x: -halfW * 0.3, y: -halfH * 0.15 },
+    { x: halfW * 0.25, y: halfH * 0.2 },
+    { x: -halfW * 0.15, y: halfH * 0.35 },
+    { x: halfW * 0.35, y: -halfH * 0.25 }
+  ];
+  for (const spot of pebbleSpots) {
+    ground.circle(spot.x, spot.y, pebbleSize);
+    ground.fill(stoneDark);
+  }
+  return ground;
+}
 function generateLicenseSign(license, config) {
   switch (license) {
     case "MIT":
@@ -190097,18 +190157,443 @@ function generateLicenseGround(license, sizeMultiplier) {
       return generateOpenGrassGround(sizeMultiplier);
   }
 }
-const ISO_TILE_WIDTH = 64;
-const ISO_TILE_HEIGHT = 32;
-function parseColor(color2) {
+function darkenColor(color2, percent) {
+  const r2 = Math.max(0, (color2 >> 16 & 255) * (1 - percent));
+  const g2 = Math.max(0, (color2 >> 8 & 255) * (1 - percent));
+  const b2 = Math.max(0, (color2 & 255) * (1 - percent));
+  return `#${Math.round(r2).toString(16).padStart(2, "0")}${Math.round(g2).toString(16).padStart(2, "0")}${Math.round(b2).toString(16).padStart(2, "0")}`;
+}
+function hslToHex(h2, s2, l2) {
+  s2 /= 100;
+  l2 /= 100;
+  const a2 = s2 * Math.min(l2, 1 - l2);
+  const f2 = (n2) => {
+    const k2 = (n2 + h2 / 30) % 12;
+    const color2 = l2 - a2 * Math.max(Math.min(k2 - 3, 9 - k2, 1), -1);
+    return Math.round(255 * color2);
+  };
+  return (f2(0) << 16) + (f2(8) << 8) + f2(4);
+}
+function hashStringToColor(str2) {
+  let hash = 0;
+  for (let i2 = 0; i2 < str2.length; i2++) {
+    hash = str2.charCodeAt(i2) + ((hash << 5) - hash);
+  }
+  const h2 = Math.abs(hash % 360);
+  const s2 = 30 + Math.abs((hash >> 8) % 30);
+  const l2 = 35 + Math.abs((hash >> 16) % 20);
+  return hslToHex(h2, s2, l2);
+}
+function parseColor$1(color2) {
   if (typeof color2 === "number") return color2;
-  return parseInt(color2.replace("#", ""), 16);
+  if (color2.startsWith("#")) return parseInt(color2.slice(1), 16);
+  return hashStringToColor(color2);
 }
+function generateCardColors(baseColor) {
+  return {
+    cardBg: darkenColor(baseColor, 0.6),
+    cardBorder: darkenColor(baseColor, 0.7),
+    cardHighlight: darkenColor(baseColor, 0.4),
+    windowGradient: [
+      darkenColor(baseColor, 0.85),
+      darkenColor(baseColor, 0.8)
+    ],
+    panelGradient: [
+      darkenColor(baseColor, 0.4),
+      darkenColor(baseColor, 0.6)
+    ],
+    panelBorder: darkenColor(baseColor, 0.3)
+  };
+}
+const licenseBorderColors = {
+  MIT: "#228b22",
+  // Forest green - open/welcoming
+  BSD: "#228b22",
+  // Same as MIT
+  "BSD-3-Clause": "#228b22",
+  ISC: "#228b22",
+  "Apache-2.0": "#d97706",
+  // Amber/orange - formal but welcoming
+  "GPL-3.0": "#2255aa",
+  // GNU blue
+  "LGPL-3.0": "#2255aa",
+  "GPL-2.0": "#2255aa",
+  "AGPL-3.0": "#2255aa",
+  "MPL-2.0": "#8b5cf6",
+  // Purple
+  UNLICENSED: "#dc2626"
+  // Red - restrictive
+};
 function formatCount$1(count2) {
   if (count2 < 1e3) return count2.toString();
   if (count2 < 1e6) return `${(count2 / 1e3).toFixed(1)}k`;
   return `${(count2 / 1e6).toFixed(1)}M`;
 }
-function getPackagePositions(count2, footprintWidth, footprintHeight) {
+const STARFIELD_BACKGROUND = `
+  radial-gradient(1px 1px at 10% 15%, rgba(255,255,255,0.4) 50%, transparent 50%),
+  radial-gradient(1px 1px at 25% 35%, rgba(255,255,255,0.3) 50%, transparent 50%),
+  radial-gradient(1px 1px at 40% 10%, rgba(255,255,255,0.35) 50%, transparent 50%),
+  radial-gradient(1px 1px at 55% 45%, rgba(255,255,255,0.25) 50%, transparent 50%),
+  radial-gradient(1px 1px at 70% 20%, rgba(255,255,255,0.4) 50%, transparent 50%),
+  radial-gradient(1px 1px at 85% 40%, rgba(255,255,255,0.3) 50%, transparent 50%),
+  radial-gradient(1px 1px at 15% 55%, rgba(255,255,255,0.35) 50%, transparent 50%),
+  radial-gradient(1px 1px at 35% 70%, rgba(255,255,255,0.25) 50%, transparent 50%),
+  radial-gradient(1px 1px at 50% 85%, rgba(255,255,255,0.4) 50%, transparent 50%),
+  radial-gradient(1px 1px at 65% 60%, rgba(255,255,255,0.3) 50%, transparent 50%),
+  radial-gradient(1px 1px at 80% 75%, rgba(255,255,255,0.35) 50%, transparent 50%),
+  radial-gradient(1px 1px at 95% 90%, rgba(255,255,255,0.25) 50%, transparent 50%),
+  radial-gradient(1.5px 1.5px at 20% 25%, rgba(255,255,255,0.5) 50%, transparent 50%),
+  radial-gradient(1.5px 1.5px at 60% 30%, rgba(200,220,255,0.45) 50%, transparent 50%),
+  radial-gradient(1.5px 1.5px at 45% 65%, rgba(255,255,255,0.5) 50%, transparent 50%),
+  radial-gradient(1.5px 1.5px at 75% 80%, rgba(220,200,255,0.45) 50%, transparent 50%),
+  radial-gradient(2px 2px at 30% 50%, rgba(255,255,255,0.6) 50%, transparent 50%),
+  radial-gradient(2px 2px at 70% 55%, rgba(200,220,255,0.55) 50%, transparent 50%),
+  radial-gradient(2px 2px at 90% 15%, rgba(255,255,255,0.6) 50%, transparent 50%)
+`;
+const CardLayout = ({
+  color: color2,
+  owner,
+  stars,
+  label,
+  description: description2,
+  files: files2,
+  language: language2,
+  license,
+  packages,
+  children: children2
+}) => {
+  const { theme: theme2 } = useTheme();
+  const baseColor = parseColor$1(color2);
+  const colors = generateCardColors(baseColor);
+  const licenseBorder = license ? licenseBorderColors[license] : null;
+  const showHeader = owner || stars !== void 0 && stars > 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        position: "relative",
+        display: "flex",
+        flexDirection: "column",
+        backgroundColor: colors.cardBg,
+        padding: "8px 12px 28px 12px",
+        border: `${licenseBorder ? "5px" : "3px"} solid ${licenseBorder || colors.cardBorder}`,
+        width: "100%",
+        height: "100%",
+        boxSizing: "border-box",
+        overflow: "hidden",
+        boxShadow: licenseBorder ? `inset 0 0 0 2px ${licenseBorder}40, 0 0 8px ${licenseBorder}60` : `inset 0 0 0 2px ${colors.cardHighlight}`
+      },
+      children: [
+        showHeader && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "flex-start",
+              marginBottom: "0",
+              marginLeft: "-12px",
+              marginRight: "-4px",
+              marginTop: "-8px",
+              minHeight: "32px",
+              flexShrink: 0
+            },
+            children: [
+              owner ? /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "6px",
+                    minWidth: 0,
+                    flex: 1
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "img",
+                      {
+                        src: `https://github.com/${owner}.png?size=80`,
+                        alt: owner,
+                        style: {
+                          width: "48px",
+                          height: "48px",
+                          borderRadius: "0",
+                          border: "none",
+                          borderRight: "1px solid rgba(255,255,255,0.3)",
+                          borderBottom: "1px solid rgba(255,255,255,0.3)",
+                          flexShrink: 0,
+                          marginBottom: "-16px",
+                          position: "relative",
+                          zIndex: 1
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: theme2.fontSizes[1],
+                          fontWeight: theme2.fontWeights.medium,
+                          color: "#e0e0e0",
+                          textShadow: "0 1px 2px rgba(0,0,0,0.5)",
+                          fontFamily: theme2.fonts.body,
+                          overflow: "hidden",
+                          textOverflow: "ellipsis",
+                          whiteSpace: "nowrap",
+                          alignSelf: "flex-end"
+                        },
+                        children: owner
+                      }
+                    )
+                  ]
+                }
+              ) : /* @__PURE__ */ jsx("div", {}),
+              stars !== void 0 && stars > 0 && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "4px",
+                    flexShrink: 0,
+                    alignSelf: "flex-end"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: theme2.fontSizes[1],
+                          fontWeight: theme2.fontWeights.medium,
+                          color: "#ffffff",
+                          textShadow: "0 1px 2px rgba(0,0,0,0.5)",
+                          fontFamily: theme2.fonts.body
+                        },
+                        children: formatCount$1(stars)
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: theme2.fontSizes[1],
+                          fontWeight: theme2.fontWeights.medium,
+                          color: "#fbbf24",
+                          textShadow: "0 1px 2px rgba(0,0,0,0.5)"
+                        },
+                        children: "★"
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              flex: 1,
+              minHeight: 0,
+              position: "relative",
+              background: `linear-gradient(180deg, ${colors.windowGradient[0]} 0%, ${colors.windowGradient[1]} 100%)`,
+              border: `2px solid ${colors.cardHighlight}`,
+              boxShadow: "inset 0 2px 4px rgba(0,0,0,0.3)",
+              overflow: "hidden",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    inset: 0,
+                    pointerEvents: "none",
+                    backgroundImage: STARFIELD_BACKGROUND,
+                    backgroundSize: "100% 100%"
+                  }
+                }
+              ),
+              children2,
+              label && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    bottom: 0,
+                    left: 0,
+                    right: 0,
+                    padding: "6px 8px",
+                    background: "linear-gradient(transparent, rgba(0,0,0,0.7))",
+                    fontSize: theme2.fontSizes[2],
+                    fontWeight: theme2.fontWeights.bold,
+                    color: "#ffffff",
+                    fontFamily: theme2.fonts.body,
+                    whiteSpace: "nowrap",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    textShadow: "0 1px 2px rgba(0,0,0,0.5)",
+                    textAlign: "center"
+                  },
+                  title: label,
+                  children: label
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              marginTop: "12px",
+              padding: "8px",
+              background: `linear-gradient(180deg, ${colors.panelGradient[0]} 0%, ${colors.panelGradient[1]} 100%)`,
+              border: `1px solid ${colors.panelBorder}`,
+              flexShrink: 0
+            },
+            children: [
+              description2 && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    fontSize: theme2.fontSizes[1],
+                    color: "#e0e0e0",
+                    marginBottom: "6px",
+                    fontFamily: theme2.fonts.body,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    display: "-webkit-box",
+                    WebkitLineClamp: 2,
+                    WebkitBoxOrient: "vertical",
+                    textShadow: "0 1px 2px rgba(0,0,0,0.3)",
+                    lineHeight: 1.4
+                  },
+                  title: description2,
+                  children: description2
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    justifyContent: "center",
+                    flexWrap: "wrap",
+                    gap: "10px",
+                    fontSize: theme2.fontSizes[1],
+                    color: "#e0e0e0",
+                    fontFamily: theme2.fonts.body
+                  },
+                  children: files2 !== void 0 && files2 > 0 && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                    /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "#94a3b8", children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M3 1h7l3 3v11H3V1zm7 0v3h3M5 8h6M5 11h6",
+                        stroke: "#94a3b8",
+                        strokeWidth: "1",
+                        fill: "none"
+                      }
+                    ) }),
+                    formatCount$1(files2)
+                  ] })
+                }
+              ),
+              packages && packages.length > 1 && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    marginTop: "6px",
+                    display: "flex",
+                    flexWrap: "wrap",
+                    justifyContent: "center",
+                    gap: "4px"
+                  },
+                  children: [
+                    packages.slice(0, 6).map((pkg, i2) => /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: theme2.fontSizes[0],
+                          color: "#e0e0e0",
+                          backgroundColor: "rgba(0,0,0,0.2)",
+                          padding: "2px 6px",
+                          borderRadius: "3px",
+                          fontFamily: theme2.fonts.body,
+                          borderLeft: `2px solid ${typeof pkg.color === "string" ? pkg.color : `#${(pkg.color || 8947848).toString(16).padStart(6, "0")}`}`
+                        },
+                        children: pkg.name
+                      },
+                      i2
+                    )),
+                    packages.length > 6 && /* @__PURE__ */ jsxs(
+                      "span",
+                      {
+                        style: {
+                          fontSize: theme2.fontSizes[0],
+                          color: "#a0a0a0",
+                          fontFamily: theme2.fonts.body
+                        },
+                        children: [
+                          "+",
+                          packages.length - 6,
+                          " more"
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        language2 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              bottom: "4px",
+              left: "8px",
+              fontSize: theme2.fontSizes[0],
+              fontWeight: theme2.fontWeights.medium,
+              color: "#e0e0e0",
+              textShadow: "0 1px 1px rgba(0,0,0,0.3)",
+              fontFamily: theme2.fonts.body
+            },
+            children: language2
+          }
+        ),
+        license && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              bottom: "-3px",
+              right: "-3px",
+              backgroundColor: licenseBorder || colors.cardHighlight,
+              padding: "3px 10px",
+              borderRadius: 0,
+              fontFamily: theme2.fonts.body,
+              fontSize: theme2.fontSizes[0],
+              fontWeight: theme2.fontWeights.bold,
+              color: "#ffffff",
+              textShadow: "0 1px 1px rgba(0,0,0,0.3)"
+            },
+            children: license
+          }
+        )
+      ]
+    }
+  );
+};
+const ISO_TILE_WIDTH$1 = 64;
+const ISO_TILE_HEIGHT$1 = 32;
+function getPackagePositions$1(count2, footprintWidth, footprintHeight) {
   const positions = [];
   const spacing = 0.18;
   const yOffset = -footprintHeight * 0.15;
@@ -190160,13 +190645,18 @@ const RepoSprite = ({
   collaborators,
   license,
   label,
+  owner,
+  language: language2,
   variant = "default",
+  cardTheme = "blue",
   width = 200,
   height = 200,
   backgroundColor,
   showBoundary = true,
   boundaryColor = 16776960,
-  debug = false
+  debug = false,
+  onPackageHover,
+  onPackageHoverEnd
 }) => {
   const { theme: theme2 } = useTheme();
   const containerRef = useRef(null);
@@ -190188,8 +190678,8 @@ const RepoSprite = ({
       (_a = containerRef.current) == null ? void 0 : _a.appendChild(app.canvas);
       appRef.current = app;
       const boundarySize = 4 * size;
-      const boundaryWidth = boundarySize * ISO_TILE_WIDTH;
-      const boundaryHeight = boundarySize * ISO_TILE_HEIGHT;
+      const boundaryWidth = boundarySize * ISO_TILE_WIDTH$1;
+      const boundaryHeight = boundarySize * ISO_TILE_HEIGHT$1;
       const padding = 0.9;
       const scaleX = width * padding / boundaryWidth;
       const scaleY = height * padding / boundaryHeight;
@@ -190213,15 +190703,10 @@ const RepoSprite = ({
         boundary.stroke();
         mainContainer.addChild(boundary);
       }
-      if (license) {
-        const licenseGround = generateLicenseGround(
-          license,
-          size
-        );
-        mainContainer.addChild(licenseGround);
-      }
+      const ground = license ? generateLicenseGround(license, size) : generateNeutralGround(size);
+      mainContainer.addChild(ground);
       if (packages && packages.length > 1) {
-        const positions = getPackagePositions(
+        const positions = getPackagePositions$1(
           packages.length,
           boundaryWidth / 2,
           boundaryHeight / 2
@@ -190229,7 +190714,7 @@ const RepoSprite = ({
         for (let i2 = 0; i2 < packages.length; i2++) {
           const pkg = packages[i2];
           const pos = positions[i2] || { x: 0, y: 0 };
-          const pkgColor = pkg.color ? parseColor(pkg.color) : parseColor(color2);
+          const pkgColor = pkg.color ? parseColor$1(pkg.color) : parseColor$1(color2);
           const pkgSize = (pkg.size || 1) * size * 0.4;
           const buildingGraphics = generateBuildingSprite({
             size: pkgSize,
@@ -190237,10 +190722,22 @@ const RepoSprite = ({
           });
           buildingGraphics.x = pos.x;
           buildingGraphics.y = pos.y;
+          buildingGraphics.eventMode = "static";
+          buildingGraphics.cursor = "pointer";
+          const originalTint = buildingGraphics.tint;
+          const packageName = pkg.name;
+          buildingGraphics.on("pointerover", () => {
+            buildingGraphics.tint = 8965375;
+            onPackageHover == null ? void 0 : onPackageHover(packageName);
+          });
+          buildingGraphics.on("pointerout", () => {
+            buildingGraphics.tint = originalTint;
+            onPackageHoverEnd == null ? void 0 : onPackageHoverEnd(packageName);
+          });
           mainContainer.addChild(buildingGraphics);
         }
       } else {
-        const parsedColor = parseColor(color2);
+        const parsedColor = parseColor$1(color2);
         const buildingGraphics = generateBuildingSprite({
           size,
           color: parsedColor
@@ -190305,7 +190802,7 @@ const RepoSprite = ({
         }
       }
       if (debug) {
-        const { Graphics: Graphics2 } = await Promise.resolve().then(() => index$5);
+        const { Graphics: Graphics2 } = await Promise.resolve().then(() => index$6);
         const debugRect = new Graphics2();
         debugRect.rect(-width / 2, -height / 2, width, height);
         debugRect.stroke({ width: 1, color: 16711680 });
@@ -190334,192 +190831,35 @@ const RepoSprite = ({
     backgroundColor,
     showBoundary,
     boundaryColor,
-    debug
+    debug,
+    onPackageHover,
+    onPackageHoverEnd
   ]);
   if (variant === "card") {
-    return /* @__PURE__ */ jsxs(
-      "div",
+    return /* @__PURE__ */ jsx(
+      CardLayout,
       {
-        style: {
-          display: "flex",
-          flexDirection: "column",
-          backgroundColor: theme2.colors.backgroundSecondary,
-          padding: "16px",
-          border: `2px solid ${theme2.colors.border}`,
-          width: "100%",
-          height: "100%",
-          boxSizing: "border-box"
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              ref: containerRef,
-              style: {
-                flex: 1,
-                minHeight: height,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center"
-              }
+        color: color2,
+        owner,
+        stars,
+        label,
+        files: files2,
+        language: language2,
+        license,
+        packages,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: containerRef,
+            style: {
+              width: "100%",
+              height: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
             }
-          ),
-          /* @__PURE__ */ jsxs("div", { style: { marginTop: "12px", textAlign: "center" }, children: [
-            label && /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  fontSize: theme2.fontSizes[2],
-                  fontWeight: theme2.fontWeights.semibold,
-                  color: theme2.colors.text,
-                  marginBottom: "8px",
-                  fontFamily: theme2.fonts.body
-                },
-                children: label
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  justifyContent: "center",
-                  gap: "16px",
-                  fontSize: theme2.fontSizes[1],
-                  color: theme2.colors.textSecondary,
-                  fontFamily: theme2.fonts.body
-                },
-                children: [
-                  files2 !== void 0 && files2 > 0 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: { display: "flex", alignItems: "center", gap: "4px" },
-                      children: [
-                        /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "#64748b", children: /* @__PURE__ */ jsx(
-                          "path",
-                          {
-                            d: "M3 1h7l3 3v11H3V1zm7 0v3h3M5 8h6M5 11h6",
-                            stroke: "#64748b",
-                            strokeWidth: "1",
-                            fill: "none"
-                          }
-                        ) }),
-                        formatCount$1(files2)
-                      ]
-                    }
-                  ),
-                  packages && packages.length > 1 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: { display: "flex", alignItems: "center", gap: "4px" },
-                      children: [
-                        /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: [
-                          /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              d: "M8 1L14 4v8l-6 3-6-3V4l6-3z",
-                              stroke: "#8b5cf6",
-                              strokeWidth: "1.5"
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              d: "M8 8v7M8 8l6-3M8 8L2 5",
-                              stroke: "#8b5cf6",
-                              strokeWidth: "1"
-                            }
-                          )
-                        ] }),
-                        packages.length
-                      ]
-                    }
-                  ),
-                  stars !== void 0 && stars > 0 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: { display: "flex", alignItems: "center", gap: "4px" },
-                      children: [
-                        /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "#fbbf24", children: /* @__PURE__ */ jsx("path", { d: "M8 1l2.2 4.4 4.8.7-3.5 3.4.8 4.8L8 12l-4.3 2.3.8-4.8L1 6.1l4.8-.7L8 1z" }) }),
-                        formatCount$1(stars)
-                      ]
-                    }
-                  ),
-                  collaborators !== void 0 && collaborators > 0 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: { display: "flex", alignItems: "center", gap: "4px" },
-                      children: [
-                        /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "#22c55e", children: [
-                          /* @__PURE__ */ jsx("circle", { cx: "5", cy: "5", r: "2.5" }),
-                          /* @__PURE__ */ jsx("circle", { cx: "11", cy: "5", r: "2.5" }),
-                          /* @__PURE__ */ jsx("path", { d: "M1 14c0-2.5 2-4 4-4s4 1.5 4 4M7 14c0-2.5 2-4 4-4s4 1.5 4 4" })
-                        ] }),
-                        formatCount$1(collaborators)
-                      ]
-                    }
-                  ),
-                  license && /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      style: {
-                        backgroundColor: theme2.colors.backgroundTertiary,
-                        padding: "2px 6px",
-                        borderRadius: "4px",
-                        fontSize: theme2.fontSizes[0]
-                      },
-                      children: license
-                    }
-                  )
-                ]
-              }
-            ),
-            packages && packages.length > 1 && /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  marginTop: "8px",
-                  display: "flex",
-                  flexWrap: "wrap",
-                  justifyContent: "center",
-                  gap: "4px"
-                },
-                children: [
-                  packages.slice(0, 6).map((pkg, i2) => /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      style: {
-                        fontSize: theme2.fontSizes[0],
-                        color: theme2.colors.textSecondary,
-                        backgroundColor: theme2.colors.backgroundTertiary,
-                        padding: "2px 6px",
-                        fontFamily: theme2.fonts.body,
-                        borderLeft: `2px solid ${typeof pkg.color === "string" ? pkg.color : `#${(pkg.color || 8947848).toString(16).padStart(6, "0")}`}`
-                      },
-                      children: pkg.name
-                    },
-                    i2
-                  )),
-                  packages.length > 6 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: {
-                        fontSize: theme2.fontSizes[0],
-                        color: theme2.colors.textSecondary,
-                        fontFamily: theme2.fonts.body
-                      },
-                      children: [
-                        "+",
-                        packages.length - 6,
-                        " more"
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          ] })
-        ]
+          }
+        )
       }
     );
   }
@@ -190539,7 +190879,9 @@ const RepoSpriteView = ({
   github,
   fileCount,
   showHeader = true,
-  workspacePackages
+  workspacePackages,
+  onPackageHover,
+  onPackageHoverEnd
 }) => {
   const { theme: theme2 } = useTheme$1();
   const containerRef = useRef(null);
@@ -190627,8 +190969,6 @@ const RepoSpriteView = ({
             children: containerSize && /* @__PURE__ */ jsx(
               RepoSprite,
               {
-                variant: "card",
-                label: github.name,
                 files: fileCount,
                 stars: github.stars,
                 license: github.license ?? void 0,
@@ -190636,7 +190976,9 @@ const RepoSpriteView = ({
                 packages: isMonorepo ? workspacePackages : void 0,
                 size: spriteDimensions.size,
                 width: spriteDimensions.width,
-                height: spriteDimensions.height
+                height: spriteDimensions.height,
+                onPackageHover,
+                onPackageHoverEnd
               },
               `${github.name}-${spriteDimensions.width}-${spriteDimensions.height}`
             )
@@ -194036,7 +194378,7 @@ const esm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
   __proto__: null,
   default: StyleToObject
 }, Symbol.toStringTag, { value: "Module" }));
-const require$$0 = /* @__PURE__ */ getAugmentedNamespace(esm);
+const require$$0 = /* @__PURE__ */ getAugmentedNamespace$1(esm);
 var utilities = {};
 var hasRequiredUtilities;
 function requireUtilities() {
@@ -236189,7 +236531,7 @@ const TourPlayer = ({
                   }
                 )
               ] }),
-              tour.prerequisites && tour.prerequisites.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+              Array.isArray(tour.prerequisites) && tour.prerequisites.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx(
                   "div",
                   {
@@ -238487,7 +238829,7 @@ const CodeCityPanelContent = ({
   actions,
   events
 }) => {
-  var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o2, _p, _q, _r, _s, _t2, _u;
+  var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o2, _p, _q, _r, _s, _t2, _u, _v;
   const autoShowTour = ("autoShowTour" in context2 ? context2.autoShowTour : false) ?? false;
   const { theme: theme2 } = useTheme$1();
   const [cityData, setCityData] = useState(null);
@@ -238562,7 +238904,19 @@ const CodeCityPanelContent = ({
     if (!(summary == null ? void 0 : summary.isMonorepo) || !summary.workspacePackages) return void 0;
     return summary.workspacePackages.filter((pkg) => !!pkg.name).map((pkg) => ({ name: pkg.name }));
   }, [(_d = packagesSlice == null ? void 0 : packagesSlice.data) == null ? void 0 : _d.summary]);
-  const githubRepoString = (_e2 = context2.currentScope.repository) == null ? void 0 : _e2.githubRepo;
+  const packageNameToPath = useMemo(() => {
+    var _a2;
+    const summary = (_a2 = packagesSlice == null ? void 0 : packagesSlice.data) == null ? void 0 : _a2.summary;
+    if (!(summary == null ? void 0 : summary.isMonorepo) || !summary.workspacePackages) return /* @__PURE__ */ new Map();
+    const map2 = /* @__PURE__ */ new Map();
+    for (const pkg of summary.workspacePackages) {
+      if (pkg.name && pkg.path) {
+        map2.set(pkg.name, pkg.path);
+      }
+    }
+    return map2;
+  }, [(_e2 = packagesSlice == null ? void 0 : packagesSlice.data) == null ? void 0 : _e2.summary]);
+  const githubRepoString = (_f = context2.currentScope.repository) == null ? void 0 : _f.githubRepo;
   const [repoOwner, repoName] = (githubRepoString == null ? void 0 : githubRepoString.includes("/")) ? githubRepoString.split("/") : [void 0, void 0];
   const fileColorLayersRegistered = useRef(false);
   const gitLayersRegistered = useRef(false);
@@ -238570,7 +238924,7 @@ const CodeCityPanelContent = ({
   const commitFilesLayersRegistered = useRef(false);
   const agentLayersRegistered = useRef(false);
   const lastHasGitOrAgentLayers = useRef(null);
-  const currentRepoPath = (_f = context2.currentScope.repository) == null ? void 0 : _f.path;
+  const currentRepoPath = (_g = context2.currentScope.repository) == null ? void 0 : _g.path;
   const lastRepoPath = useRef(currentRepoPath);
   useEffect(() => {
     if (lastRepoPath.current !== currentRepoPath) {
@@ -238626,7 +238980,7 @@ const CodeCityPanelContent = ({
       }
     };
     loadTour();
-  }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, (_g = context2.currentScope.repository) == null ? void 0 : _g.path, context2.adapters]);
+  }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, (_h = context2.currentScope.repository) == null ? void 0 : _h.path, context2.adapters]);
   useEffect(() => {
     if (autoShowTour && tourData && !hasAutoShownTourRef.current) {
       setShowTourPlayer(true);
@@ -238898,7 +239252,7 @@ const CodeCityPanelContent = ({
       }
     }
     return layers;
-  }, [cityData, (_h = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _h.filesByStatus, prFilesVersion]);
+  }, [cityData, (_i = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _i.filesByStatus, prFilesVersion]);
   const commitFilesLayers = useMemo(() => {
     var _a2;
     if (!cityData || !cityData.buildings || !((_a2 = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _a2.filesByStatus)) {
@@ -238976,7 +239330,7 @@ const CodeCityPanelContent = ({
       }
     }
     return layers;
-  }, [cityData, (_i = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _i.filesByStatus, commitFilesVersion]);
+  }, [cityData, (_j = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _j.filesByStatus, commitFilesVersion]);
   const storyboardLayers = useMemo(() => {
     if (!cityData || !cityData.buildings || !(storyboardContextSlice == null ? void 0 : storyboardContextSlice.data)) {
       return [];
@@ -239077,7 +239431,7 @@ const CodeCityPanelContent = ({
     if (!((_a2 = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _a2.filesByStatus)) return 0;
     const { added, modified, removed, renamed } = prFilesSlice.data.filesByStatus;
     return added.length + modified.length + removed.length + renamed.length;
-  }, [(_j = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _j.filesByStatus]);
+  }, [(_k = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _k.filesByStatus]);
   const legendAgentLayers = useMemo(() => {
     const agentLayers = highlightLayers.filter(
       (layer) => layer.id.startsWith("event-highlight")
@@ -239346,7 +239700,7 @@ const CodeCityPanelContent = ({
     } finally {
       setLoading(false);
     }
-  }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, fileTreeSlice == null ? void 0 : fileTreeSlice.loading, (_k = context2.currentScope.repository) == null ? void 0 : _k.path]);
+  }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, fileTreeSlice == null ? void 0 : fileTreeSlice.loading, (_l = context2.currentScope.repository) == null ? void 0 : _l.path]);
   const handleFileClick = useCallback(
     (filePath, type2) => {
       if (type2 === "file") {
@@ -239411,6 +239765,26 @@ const CodeCityPanelContent = ({
     });
     setIsEditingCover(false);
   }, [events]);
+  const handleRepoSpritePackageHover = useCallback(
+    (packageName) => {
+      const packagePath = packageNameToPath.get(packageName) ?? packageName;
+      events.emit({
+        type: "package:hover",
+        source: "repo-sprite",
+        timestamp: Date.now(),
+        payload: { packagePath, packageName }
+      });
+    },
+    [events, packageNameToPath]
+  );
+  const handleRepoSpritePackageHoverEnd = useCallback(() => {
+    events.emit({
+      type: "package:hover",
+      source: "repo-sprite",
+      timestamp: Date.now(),
+      payload: null
+    });
+  }, [events]);
   const handleEditCover = useCallback(() => {
     setIsEditingCover(true);
   }, []);
@@ -239548,6 +239922,20 @@ const CodeCityPanelContent = ({
           (item) => item.type === "directory" || isFileInPackage(item.path, hoveredPackagePath)
         )
       })).filter((layer) => layer.items.length > 0);
+      layers.push({
+        id: "hovered-package-highlight",
+        name: "Hovered Package",
+        enabled: true,
+        color: "#3b82f6",
+        // Blue highlight
+        priority: 150,
+        // Below selected package (200)
+        items: [{
+          path: hoveredPackagePath,
+          type: "directory",
+          renderStrategy: "border"
+        }]
+      });
     }
     if (gitTreeHoverLayer) layers.push(gitTreeHoverLayer);
     if (selectedFileLayer) layers.push(selectedFileLayer);
@@ -239572,7 +239960,7 @@ const CodeCityPanelContent = ({
       path: tourFilePath,
       commitSha
     };
-  }, [tourFilePath, context2.currentScope.repository, (_m = (_l = fileTreeSlice == null ? void 0 : fileTreeSlice.data) == null ? void 0 : _l.metadata) == null ? void 0 : _m.sourceSha]);
+  }, [tourFilePath, context2.currentScope.repository, (_n = (_m = fileTreeSlice == null ? void 0 : fileTreeSlice.data) == null ? void 0 : _m.metadata) == null ? void 0 : _n.sourceSha]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -239584,7 +239972,7 @@ const CodeCityPanelContent = ({
         backgroundColor: theme2.colors.background
       },
       children: [
-        (repositoryEntrySlice == null ? void 0 : repositoryEntrySlice.loading) ? /* @__PURE__ */ jsx(ProjectHeaderSkeleton, {}) : ((_n = repositoryEntrySlice == null ? void 0 : repositoryEntrySlice.data) == null ? void 0 : _n.github) ? /* @__PURE__ */ jsx(
+        (repositoryEntrySlice == null ? void 0 : repositoryEntrySlice.loading) ? /* @__PURE__ */ jsx(ProjectHeaderSkeleton, {}) : ((_o2 = repositoryEntrySlice == null ? void 0 : repositoryEntrySlice.data) == null ? void 0 : _o2.github) ? /* @__PURE__ */ jsx(
           ProjectHeader,
           {
             github: repositoryEntrySlice.data.github,
@@ -239918,14 +240306,14 @@ const CodeCityPanelContent = ({
                               fileTypes: [],
                               gitStatus: gitSlice == null ? void 0 : gitSlice.data,
                               panelActions: actions,
-                              prFiles: (_o2 = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _o2.filesByStatus,
-                              prFileStats: (_p = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _p.files,
-                              prNumber: (_q = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _q.pullNumber,
-                              commitFiles: (_r = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _r.filesByStatus,
-                              commitHash: (_s = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _s.commitHash,
-                              commitStats: (_t2 = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _t2.stats,
+                              prFiles: (_p = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _p.filesByStatus,
+                              prFileStats: (_q = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _q.files,
+                              prNumber: (_r = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _r.pullNumber,
+                              commitFiles: (_s = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _s.filesByStatus,
+                              commitHash: (_t2 = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _t2.commitHash,
+                              commitStats: (_u = commitFilesSlice == null ? void 0 : commitFilesSlice.data) == null ? void 0 : _u.stats,
                               fileTree: fileTreeSlice == null ? void 0 : fileTreeSlice.data,
-                              rootPath: (_u = context2.currentScope.repository) == null ? void 0 : _u.path,
+                              rootPath: (_v = context2.currentScope.repository) == null ? void 0 : _v.path,
                               onGitFileClick: handleLegendFileClick,
                               onGitNodeHover: handleGitNodeHover,
                               onPrFileClick: handleLegendFileClick,
@@ -239982,7 +240370,9 @@ const CodeCityPanelContent = ({
                             github: tab2.github,
                             fileCount: computedTreeStats == null ? void 0 : computedTreeStats.fileCount,
                             showHeader: false,
-                            workspacePackages
+                            workspacePackages,
+                            onPackageHover: handleRepoSpritePackageHover,
+                            onPackageHoverEnd: handleRepoSpritePackageHoverEnd
                           }
                         )
                       );
@@ -240048,7 +240438,9 @@ const CodeCityPanelContent = ({
                         github: tab2.github,
                         fileCount: computedTreeStats == null ? void 0 : computedTreeStats.fileCount,
                         showHeader: true,
-                        workspacePackages
+                        workspacePackages,
+                        onPackageHover: handleRepoSpritePackageHover,
+                        onPackageHoverEnd: handleRepoSpritePackageHoverEnd
                       }
                     ),
                     tab2.id === "files" && /* @__PURE__ */ jsx(
@@ -241586,4 +241978,4 @@ export {
   resolveImageUrl as u,
   selectDistrictTool as v
 };
-//# sourceMappingURL=index-BT9gD1MW.js.map
+//# sourceMappingURL=index-vzg_r8XB.js.map