@industry-theme/repository-composition-panels 0.6.26 → 0.6.28

package/dist/{index-BwWx2Yhi.js → index-g-V2DE-H.js}

@@ -105943,7 +105943,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-C1iy5xbx.js");
+    await import("./browserAll-Cr8EGZ6x.js");
   }
 };
 const webworkerExt = {
@@ -105954,7 +105954,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-BmgxtxZy.js");
+    await import("./webworkerAll-DmkQ4StC.js");
   }
 };
 class ObservablePoint {
@@ -118197,19 +118197,19 @@ async function autoDetectRenderer(options) {
   for (let i2 = 0; i2 < preferredOrder.length; i2++) {
     const rendererType = preferredOrder[i2];
     if (rendererType === "webgpu" && await isWebGPUSupported()) {
-      const { WebGPURenderer } = await import("./WebGPURenderer-Dlw7vvZU.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-kV50nNAY.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-CSpWLo6L.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-CuaFmyj0.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-CPXgnUH1.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-CGAV4ORs.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -132568,6 +132568,7 @@ function generateBuildingSprite(config) {
   building.lineTo(isoWidth / 2, -height);
   building.lineTo(isoWidth / 2, 0);
   building.stroke();
+  const decorationBaseY = isoDepthY + 12;
   if (stars && stars > 0) {
     const tier = getStarTier(stars);
     if (tier) {
@@ -132583,25 +132584,24 @@ function generateBuildingSprite(config) {
           decoration = generateStatueSprite(tier.color);
           break;
       }
-      const decorationX = isoWidth * 0.4;
-      const decorationY = -10;
+      const decorationX = collaborators && collaborators > 0 ? 35 : 0;
       decoration.x = decorationX;
-      decoration.y = decorationY;
-      decoration.scale.set(2.5);
+      decoration.y = decorationBaseY;
+      decoration.scale.set(1.8);
       building.addChild(decoration);
       const countText = new Text({
         text: formatStarCount(stars),
         style: {
-          fontSize: 11,
+          fontSize: 10,
           fill: 16777215,
           fontFamily: "Arial",
           fontWeight: "bold",
-          stroke: { color: 0, width: 3 }
+          stroke: { color: 0, width: 2 }
         },
         resolution: 2
       });
       countText.x = decorationX;
-      countText.y = decorationY + 20;
+      countText.y = decorationBaseY + 18;
       countText.anchor.set(0.5, 0);
       building.addChild(countText);
     }
@@ -132624,25 +132624,24 @@ function generateBuildingSprite(config) {
           decoration = generateBandstandSprite(tier.color);
           break;
       }
-      const decorationX = -isoWidth * 0.4;
-      const decorationY = -10;
+      const decorationX = stars && stars > 0 ? -35 : 0;
       decoration.x = decorationX;
-      decoration.y = decorationY;
-      decoration.scale.set(2.5);
+      decoration.y = decorationBaseY;
+      decoration.scale.set(1.8);
       building.addChild(decoration);
       const countText = new Text({
         text: formatCollaboratorCount(collaborators),
         style: {
-          fontSize: 11,
+          fontSize: 10,
           fill: 16777215,
           fontFamily: "Arial",
           fontWeight: "bold",
-          stroke: { color: 0, width: 3 }
+          stroke: { color: 0, width: 2 }
         },
         resolution: 2
       });
       countText.x = decorationX;
-      countText.y = decorationY + 20;
+      countText.y = decorationBaseY + 18;
       countText.anchor.set(0.5, 0);
       building.addChild(countText);
     }
@@ -132694,6 +132693,9 @@ class IsometricRenderer {
   constructor(config) {
     this.viewport = config.viewport;
     this.atlas = config.atlas;
+    this.onPackageHover = config.onPackageHover;
+    this.onPackageHoverEnd = config.onPackageHoverEnd;
+    this.onPackageClick = config.onPackageClick;
     this.tileWidth = config.tileWidth ?? ISO_TILE_WIDTH;
     this.tileHeight = config.tileHeight ?? ISO_TILE_HEIGHT;
     this.gridColor = config.gridColor ?? 3355443;
@@ -132752,6 +132754,9 @@ class IsometricRenderer {
         nodes.addChild(instance.weathering);
       }
       nodes.addChild(instance.label);
+      if (instance.hoverLabel) {
+        nodes.addChild(instance.hoverLabel);
+      }
     }
     return {
       background,
@@ -132956,6 +132961,19 @@ class IsometricRenderer {
         positions.push({ x: offsetX, y: offsetY });
       }
     }
+    const hoverLabel = new Text({
+      text: "",
+      style: {
+        fontSize: 10,
+        fill: 8965375,
+        // Light blue to match hover tint
+        fontFamily: "Arial",
+        fontWeight: "500"
+      },
+      resolution: 2
+    });
+    hoverLabel.anchor.set(0.5, 0);
+    hoverLabel.visible = false;
     for (let i2 = 0; i2 < node2.subdivisions.length; i2++) {
       const sub = node2.subdivisions[i2];
       const texture = this.atlas[sub.sprite];
@@ -132979,22 +132997,47 @@ class IsometricRenderer {
         const grayValue = Math.floor((1 - fadeAmount + fadeAmount * 0.6) * 255);
         sprite.tint = grayValue << 16 | grayValue << 8 | grayValue;
       }
-      container.addChild(sprite);
-      const subLabel = new Text({
-        text: sub.name,
-        style: {
-          fontSize: 10,
-          fill: 16777215,
-          fontFamily: "Arial",
-          fontWeight: "400"
-        },
-        resolution: 2
+      sprite.eventMode = "static";
+      sprite.cursor = "pointer";
+      const originalTint = sprite.tint;
+      const packageName = sub.name;
+      const nodeId = node2.id;
+      sprite.on("pointerover", () => {
+        var _a;
+        sprite.tint = 8965375;
+        hoverLabel.text = packageName;
+        hoverLabel.visible = true;
+        (_a = this.onPackageHover) == null ? void 0 : _a.call(this, nodeId, packageName);
+      });
+      sprite.on("pointerout", () => {
+        var _a;
+        sprite.tint = originalTint;
+        hoverLabel.visible = false;
+        (_a = this.onPackageHoverEnd) == null ? void 0 : _a.call(this, nodeId, packageName);
       });
-      subLabel.x = offset.x;
-      subLabel.y = offset.y + sprite.height * 0.15 + 4;
-      subLabel.anchor.set(0.5, 0);
-      container.addChild(subLabel);
+      sprite.on("pointerdown", () => {
+        var _a;
+        (_a = this.onPackageClick) == null ? void 0 : _a.call(this, nodeId, packageName);
+      });
+      container.addChild(sprite);
+      if (subCount <= 5) {
+        const subLabel = new Text({
+          text: sub.name,
+          style: {
+            fontSize: 10,
+            fill: 16777215,
+            fontFamily: "Arial",
+            fontWeight: "400"
+          },
+          resolution: 2
+        });
+        subLabel.x = offset.x;
+        subLabel.y = offset.y + sprite.height * 0.15 + 4;
+        subLabel.anchor.set(0.5, 0);
+        container.addChild(subLabel);
+      }
     }
+    const decorationBaseY = footprintHeight * 0.5;
     if (node2.stars && node2.stars > 0) {
       const tier = getStarTier(node2.stars);
       if (tier) {
@@ -133010,25 +133053,24 @@ class IsometricRenderer {
             decoration = generateStatueSprite(tier.color);
             break;
         }
-        const decorationX = 0;
-        const decorationY = -footprintHeight * 0.35;
+        const decorationX = node2.collaborators && node2.collaborators > 0 ? 35 : 0;
         decoration.x = decorationX;
-        decoration.y = decorationY;
-        decoration.scale.set(2.5);
+        decoration.y = decorationBaseY;
+        decoration.scale.set(1.8);
         container.addChild(decoration);
         const countText = new Text({
           text: formatStarCount(node2.stars),
           style: {
-            fontSize: 11,
+            fontSize: 10,
             fill: 16777215,
             fontFamily: "Arial",
             fontWeight: "bold",
-            stroke: { color: 0, width: 3 }
+            stroke: { color: 0, width: 2 }
           },
           resolution: 2
         });
         countText.x = decorationX;
-        countText.y = decorationY + 20;
+        countText.y = decorationBaseY + 18;
         countText.anchor.set(0.5, 0);
         container.addChild(countText);
       }
@@ -133051,25 +133093,24 @@ class IsometricRenderer {
             decoration = generateBandstandSprite(tier.color);
             break;
         }
-        const decorationX = -footprintWidth * 0.4;
-        const decorationY = -footprintHeight * 0.35;
+        const decorationX = node2.stars && node2.stars > 0 ? -35 : 0;
         decoration.x = decorationX;
-        decoration.y = decorationY;
-        decoration.scale.set(2.5);
+        decoration.y = decorationBaseY;
+        decoration.scale.set(1.8);
         container.addChild(decoration);
         const countText = new Text({
           text: formatCollaboratorCount(node2.collaborators),
           style: {
-            fontSize: 11,
+            fontSize: 10,
             fill: 16777215,
             fontFamily: "Arial",
             fontWeight: "bold",
-            stroke: { color: 0, width: 3 }
+            stroke: { color: 0, width: 2 }
           },
           resolution: 2
         });
         countText.x = decorationX;
-        countText.y = decorationY + 20;
+        countText.y = decorationBaseY + 18;
         countText.anchor.set(0.5, 0);
         container.addChild(countText);
       }
@@ -133097,6 +133138,9 @@ class IsometricRenderer {
     label.y = screenY + footprintHeight * 0.6 + 12;
     label.anchor.set(0.5, 0);
     label.zIndex = highlight.zIndex + 0.2;
+    hoverLabel.x = screenX;
+    hoverLabel.y = label.y + 14;
+    hoverLabel.zIndex = label.zIndex + 0.1;
     container.zIndex = highlight.zIndex;
     let weathering;
     if (node2.aging && node2.aging.weatheringLevel > 0.3) {
@@ -133114,6 +133158,7 @@ class IsometricRenderer {
       // Container acts as the sprite
       highlight,
       label,
+      hoverLabel,
       weathering,
       gridPosition: { gridX: node2.gridX, gridY: node2.gridY },
       size: sizeMultiplier,
@@ -133123,6 +133168,8 @@ class IsometricRenderer {
         container.y = pos.screenY;
         label.x = pos.screenX;
         label.y = pos.screenY + footprintHeight * 0.6 + 12;
+        hoverLabel.x = pos.screenX;
+        hoverLabel.y = label.y + 14;
         highlight.clear();
         const hoverSize = 4 * sizeMultiplier;
         const tileWidth = hoverSize * this.tileWidth;
@@ -133147,6 +133194,7 @@ class IsometricRenderer {
         container.destroy({ children: true });
         highlight.destroy();
         label.destroy();
+        hoverLabel.destroy();
         weathering == null ? void 0 : weathering.destroy();
       }
     };
@@ -133341,7 +133389,10 @@ class IsometricInteractionManager {
       if (!this.dragState || !this.dragState.isDragging) return;
       event.stopPropagation();
       const worldPos = this.viewport ? this.viewport.toWorld(event.global.x, event.global.y) : this.worldContainer.toLocal(event.global);
-      const worldStartPos = this.viewport ? this.viewport.toWorld(this.dragState.dragStartPos.x, this.dragState.dragStartPos.y) : this.worldContainer.toLocal(this.dragState.dragStartPos);
+      const worldStartPos = this.viewport ? this.viewport.toWorld(
+        this.dragState.dragStartPos.x,
+        this.dragState.dragStartPos.y
+      ) : this.worldContainer.toLocal(this.dragState.dragStartPos);
       const deltaX = worldPos.x - worldStartPos.x;
       const deltaY = worldPos.y - worldStartPos.y;
       const tileWidth = this.config.tileWidth ?? 64;
@@ -133350,10 +133401,17 @@ class IsometricInteractionManager {
       const deltaGridY = (deltaY / (tileHeight / 2) - deltaX / (tileWidth / 2)) / 2;
       let newGridX = this.dragState.spriteStartPos.gridX + deltaGridX;
       let newGridY = this.dragState.spriteStartPos.gridY + deltaGridY;
-      const clamped = this.clampToMapBounds(newGridX, newGridY, this.dragState.instance.size);
+      const clamped = this.clampToMapBounds(
+        newGridX,
+        newGridY,
+        this.dragState.instance.size
+      );
       newGridX = clamped.gridX;
       newGridY = clamped.gridY;
-      if (this.wouldCollide(this.dragState.nodeId, { gridX: newGridX, gridY: newGridY })) {
+      if (this.wouldCollide(this.dragState.nodeId, {
+        gridX: newGridX,
+        gridY: newGridY
+      })) {
         return;
       }
       const movedDistance = Math.sqrt(
@@ -133363,7 +133421,10 @@ class IsometricInteractionManager {
         this.dragState.hasMoved = true;
       }
       this.dragState.instance.update(newGridX, newGridY);
-      this.updateNearbyHighlights(this.dragState.nodeId, { gridX: newGridX, gridY: newGridY });
+      this.updateNearbyHighlights(this.dragState.nodeId, {
+        gridX: newGridX,
+        gridY: newGridY
+      });
       (_b = (_a = this.events).onDragMove) == null ? void 0 : _b.call(_a, this.dragState.nodeId, newGridX, newGridY);
     };
     this.onPointerUp = (event) => {
@@ -133444,7 +133505,10 @@ class IsometricInteractionManager {
       isDragging: true,
       hasMoved: false,
       dragStartPos: { x: event.global.x, y: event.global.y },
-      spriteStartPos: { gridX: instance.gridPosition.gridX, gridY: instance.gridPosition.gridY },
+      spriteStartPos: {
+        gridX: instance.gridPosition.gridX,
+        gridY: instance.gridPosition.gridY
+      },
       nearbySprites: /* @__PURE__ */ new Set()
     };
     instance.sprite.cursor = "grabbing";
@@ -133516,7 +133580,11 @@ class IsometricInteractionManager {
     const { nodeId, instance, nearbySprites, hasMoved } = this.dragState;
     let snappedGridX = Math.round(instance.gridPosition.gridX);
     let snappedGridY = Math.round(instance.gridPosition.gridY);
-    const clamped = this.clampToMapBounds(snappedGridX, snappedGridY, instance.size);
+    const clamped = this.clampToMapBounds(
+      snappedGridX,
+      snappedGridY,
+      instance.size
+    );
     snappedGridX = clamped.gridX;
     snappedGridY = clamped.gridY;
     if (this.wouldCollide(nodeId, { gridX: snappedGridX, gridY: snappedGridY })) {
@@ -133619,7 +133687,10 @@ class IsometricInteractionManager {
   updateHighlightColor(instance, isSelected) {
     const color2 = isSelected ? this.selectedColor : this.hoverColor;
     instance.highlight.clear();
-    const pos = gridToScreen(instance.gridPosition.gridX, instance.gridPosition.gridY);
+    const pos = gridToScreen(
+      instance.gridPosition.gridX,
+      instance.gridPosition.gridY
+    );
     const hoverSize = 4 * instance.size;
     const tileWidth = hoverSize * (this.config.tileWidth ?? 64);
     const tileHeight = hoverSize * (this.config.tileHeight ?? 32);
@@ -134513,6 +134584,9 @@ const OverworldMapPanelContent = ({
   onProjectMoved,
   onNodeClicked,
   selectedNodeId,
+  onPackageHover,
+  onPackageHoverEnd,
+  onPackageClick,
   isEditingRegions = false,
   customRegions = [],
   onAddRegion,
@@ -134667,7 +134741,10 @@ const OverworldMapPanelContent = ({
         tileWidth: ISO_TILE_WIDTH$1,
         tileHeight: ISO_TILE_HEIGHT$1,
         gridColor: 3355443,
-        regionColor: 16737792
+        regionColor: 16737792,
+        onPackageHover,
+        onPackageHoverEnd,
+        onPackageClick
       });
       rendererRef.current = renderer;
       const scene = renderer.renderScene(mapData, true);
@@ -135461,7 +135538,10 @@ const CollectionMapPanelContent = ({
   regionCallbacks,
   addRepositoryToCollection,
   onRepositoryClicked,
-  selectedRepositoryId
+  selectedRepositoryId,
+  onPackageHover,
+  onPackageHoverEnd,
+  onPackageClick
 }) => {
   var _a;
   const customRegions = React2__default.useMemo(
@@ -135956,6 +136036,9 @@ This indicates a sprite was rendered without valid backing data.`
             onProjectMoved: handleProjectMoved,
             onNodeClicked: onRepositoryClicked,
             selectedNodeId: selectedRepositoryId,
+            onPackageHover,
+            onPackageHoverEnd,
+            onPackageClick,
             onViewportReady: handleViewportReady,
             onAddRegion: async (position2) => {
               const order2 = position2.row * 10 + position2.col;
@@ -137219,4 +137302,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-BwWx2Yhi.js.map
+//# sourceMappingURL=index-g-V2DE-H.js.map