@industry-theme/repository-composition-panels 0.6.25 → 0.6.27

package/dist/{index-O-HJOiQ4.js → index-Bpxci5n3.js}

@@ -1617,7 +1617,7 @@ const DependencyRow = ({ dependency }) => {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
-        padding: `${theme2.space[3]}px ${theme2.space[4]}px`,
+        padding: `${theme2.space[3]}px ${theme2.space[2]}px`,
         backgroundColor: theme2.colors.background,
         borderRadius: 0,
         fontSize: `${theme2.fontSizes[1]}px`,
@@ -1694,7 +1694,16 @@ const DependencyRow = ({ dependency }) => {
                   children: copied ? /* @__PURE__ */ jsx(Check$1, { size: 12 }) : /* @__PURE__ */ jsx(Copy$1, { size: 12 })
                 }
               ),
-              /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary, fontFamily: theme2.fonts.body }, children: dependency.version })
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    color: theme2.colors.textSecondary,
+                    fontFamily: theme2.fonts.body
+                  },
+                  children: dependency.version
+                }
+              )
             ]
           }
         )
@@ -2637,7 +2646,9 @@ function parseDotEnv(content2) {
           required = true;
         } else if (lowerComment.includes("required")) {
           required = true;
-          descriptionParts.push(comment2.replace(/\s*\(?\s*required\s*\)?\s*/gi, "").trim());
+          descriptionParts.push(
+            comment2.replace(/\s*\(?\s*required\s*\)?\s*/gi, "").trim()
+          );
         } else {
           descriptionParts.push(comment2);
         }
@@ -3378,7 +3389,13 @@ const PackageDetailCard = ({
                     /* @__PURE__ */ jsx(
                       "div",
                       {
-                        style: { flex: 1, overflow: "auto" },
+                        style: {
+                          flex: 1,
+                          overflow: "auto",
+                          scrollbarWidth: "none",
+                          msOverflowStyle: "none"
+                        },
+                        className: "hide-scrollbar",
                         children: /* @__PURE__ */ jsx(
                           "div",
                           {
@@ -3929,7 +3946,13 @@ const PackageDetailCard = ({
                         /* @__PURE__ */ jsx(
                           "div",
                           {
-                            style: { flex: 1, overflow: "auto" },
+                            style: {
+                              flex: 1,
+                              overflow: "auto",
+                              scrollbarWidth: "none",
+                              msOverflowStyle: "none"
+                            },
+                            className: "hide-scrollbar",
                             children: /* @__PURE__ */ jsx(
                               "div",
                               {
@@ -105920,7 +105943,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-DwRNjFsz.js");
+    await import("./browserAll-DxhH90WQ.js");
   }
 };
 const webworkerExt = {
@@ -105931,7 +105954,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-BXVEg9Ze.js");
+    await import("./webworkerAll-B32qMs3y.js");
   }
 };
 class ObservablePoint {
@@ -118174,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-BSTx-5Vd.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-tD3JsvvF.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-Dj-oDZnm.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-DSxUjrMa.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-C7nUvMXE.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-DhUZFLbi.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -132545,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) {
@@ -132560,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);
     }
@@ -132601,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);
     }
@@ -132957,21 +132979,24 @@ class IsometricRenderer {
         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
-      });
-      subLabel.x = offset.x;
-      subLabel.y = offset.y + sprite.height * 0.15 + 4;
-      subLabel.anchor.set(0.5, 0);
-      container.addChild(subLabel);
+      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) {
@@ -132987,25 +133012,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);
       }
@@ -133028,25 +133052,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);
       }
@@ -133309,14 +133332,19 @@ class IsometricInteractionManager {
     this.sprites = /* @__PURE__ */ new Map();
     this.dragState = null;
     this.hoveredNodeId = null;
+    this.selectedNodeId = null;
     this.draggingEnabled = true;
     this.mapBounds = null;
+    this.hoverColor = 16776960;
     this.onGlobalPointerMove = (event) => {
       var _a, _b;
       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;
@@ -133325,14 +133353,30 @@ 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(
+        Math.pow(newGridX - this.dragState.spriteStartPos.gridX, 2) + Math.pow(newGridY - this.dragState.spriteStartPos.gridY, 2)
+      );
+      if (movedDistance > 0.5) {
+        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) => {
@@ -133350,6 +133394,7 @@ class IsometricInteractionManager {
     this.config = config;
     this.events = events;
     this.mapBounds = config.mapBounds || null;
+    this.selectedColor = config.selectedColor ?? 3900150;
   }
   /**
    * Register a sprite for interaction
@@ -133410,8 +133455,12 @@ class IsometricInteractionManager {
       nodeId,
       instance,
       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";
@@ -133478,12 +133527,16 @@ class IsometricInteractionManager {
    * Finish dragging - snap to grid and cleanup
    */
   finishDrag() {
-    var _a, _b;
+    var _a, _b, _c, _d;
     if (!this.dragState) return;
-    const { nodeId, instance, nearbySprites } = this.dragState;
+    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 })) {
@@ -133493,19 +133546,24 @@ class IsometricInteractionManager {
     instance.update(snappedGridX, snappedGridY);
     instance.sprite.cursor = "pointer";
     instance.highlight.cursor = "pointer";
-    if (this.hoveredNodeId !== nodeId) {
+    if (this.hoveredNodeId !== nodeId && this.selectedNodeId !== nodeId) {
       instance.highlight.visible = false;
     }
     for (const nearbyId of nearbySprites) {
       const nearbyInstance = this.sprites.get(nearbyId);
-      if (nearbyInstance && this.hoveredNodeId !== nearbyId) {
+      if (nearbyInstance && this.hoveredNodeId !== nearbyId && this.selectedNodeId !== nearbyId) {
         nearbyInstance.highlight.visible = false;
       }
     }
     if (this.viewport) {
       this.viewport.plugins.resume("drag");
     }
-    (_b = (_a = this.events).onDragEnd) == null ? void 0 : _b.call(_a, nodeId, snappedGridX, snappedGridY);
+    if (hasMoved) {
+      (_b = (_a = this.events).onDragEnd) == null ? void 0 : _b.call(_a, nodeId, snappedGridX, snappedGridY);
+    } else {
+      this.setSelected(nodeId);
+      (_d = (_c = this.events).onClick) == null ? void 0 : _d.call(_c, nodeId);
+    }
     const eventTarget = this.viewport || this.worldContainer;
     eventTarget.off("globalpointermove", this.onGlobalPointerMove);
     eventTarget.off("pointerup", this.onPointerUp);
@@ -133522,14 +133580,16 @@ class IsometricInteractionManager {
     (_b = (_a = this.events).onHover) == null ? void 0 : _b.call(_a, nodeId);
   }
   /**
-   * Handle pointer out - hide highlight (unless dragging)
+   * Handle pointer out - hide highlight (unless dragging or selected)
    */
   onPointerOut(nodeId, instance) {
     var _a, _b;
     if (this.hoveredNodeId === nodeId) {
       this.hoveredNodeId = null;
     }
-    if (!this.dragState || this.dragState.nodeId !== nodeId) {
+    const isDragging = this.dragState && this.dragState.nodeId === nodeId;
+    const isSelected = this.selectedNodeId === nodeId;
+    if (!isDragging && !isSelected) {
       instance.highlight.visible = false;
     }
     (_b = (_a = this.events).onHoverEnd) == null ? void 0 : _b.call(_a, nodeId);
@@ -133544,6 +133604,58 @@ class IsometricInteractionManager {
       instance.highlight.cursor = enabled ? "pointer" : "default";
     }
   }
+  /**
+   * Set the selected node
+   */
+  setSelected(nodeId) {
+    const previousSelected = this.selectedNodeId;
+    this.selectedNodeId = nodeId;
+    if (previousSelected && previousSelected !== nodeId) {
+      const prevInstance = this.sprites.get(previousSelected);
+      if (prevInstance) {
+        if (this.hoveredNodeId !== previousSelected) {
+          prevInstance.highlight.visible = false;
+        }
+        this.updateHighlightColor(prevInstance, false);
+      }
+    }
+    if (nodeId) {
+      const instance = this.sprites.get(nodeId);
+      if (instance) {
+        instance.highlight.visible = true;
+        this.updateHighlightColor(instance, true);
+      }
+    }
+  }
+  /**
+   * Get the currently selected node ID
+   */
+  getSelectedNodeId() {
+    return this.selectedNodeId;
+  }
+  /**
+   * Update highlight color based on selected state
+   */
+  updateHighlightColor(instance, isSelected) {
+    const color2 = isSelected ? this.selectedColor : this.hoverColor;
+    instance.highlight.clear();
+    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);
+    instance.highlight.setStrokeStyle({ width: 3, color: color2, alpha: 1 });
+    instance.highlight.setFillStyle({ color: color2, alpha: isSelected ? 0.25 : 0.1 });
+    instance.highlight.moveTo(pos.screenX, pos.screenY - tileHeight / 2);
+    instance.highlight.lineTo(pos.screenX + tileWidth / 2, pos.screenY);
+    instance.highlight.lineTo(pos.screenX, pos.screenY + tileHeight / 2);
+    instance.highlight.lineTo(pos.screenX - tileWidth / 2, pos.screenY);
+    instance.highlight.closePath();
+    instance.highlight.fill();
+    instance.highlight.stroke();
+  }
   /**
    * Check if position would cause boundary overlap with other sprites
    * Boundary size is 4 × size tiles, extending 2 × size in each direction
@@ -134422,6 +134534,8 @@ const OverworldMapPanelContent = ({
   height,
   isLoading = false,
   onProjectMoved,
+  onNodeClicked,
+  selectedNodeId,
   isEditingRegions = false,
   customRegions = [],
   onAddRegion,
@@ -134633,6 +134747,9 @@ const OverworldMapPanelContent = ({
           },
           onDragEnd: (nodeId, gridX, gridY) => {
             onProjectMoved == null ? void 0 : onProjectMoved(nodeId, gridX, gridY);
+          },
+          onClick: (nodeId) => {
+            onNodeClicked == null ? void 0 : onNodeClicked(nodeId);
           }
         }
       );
@@ -135034,6 +135151,11 @@ const OverworldMapPanelContent = ({
       renderPlaceholdersRef.current();
     }
   }, [isEditingRegions]);
+  useEffect(() => {
+    if (interactionRef.current) {
+      interactionRef.current.setSelected(selectedNodeId ?? null);
+    }
+  }, [selectedNodeId]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -135360,7 +135482,9 @@ const CollectionMapPanelContent = ({
   regionLayout,
   isLoading = false,
   regionCallbacks,
-  addRepositoryToCollection
+  addRepositoryToCollection,
+  onRepositoryClicked,
+  selectedRepositoryId
 }) => {
   var _a;
   const customRegions = React2__default.useMemo(
@@ -135853,6 +135977,8 @@ This indicates a sprite was rendered without valid backing data.`
             customRegions,
             collectionKey: collection.id,
             onProjectMoved: handleProjectMoved,
+            onNodeClicked: onRepositoryClicked,
+            selectedNodeId: selectedRepositoryId,
             onViewportReady: handleViewportReady,
             onAddRegion: async (position2) => {
               const order2 = position2.row * 10 + position2.col;
@@ -136017,7 +136143,9 @@ const CollectionMapPanel = ({ context: context2, actions }) => {
       dependencies,
       isLoading,
       regionCallbacks,
-      addRepositoryToCollection: actions.addRepositoryToCollection
+      addRepositoryToCollection: actions.addRepositoryToCollection,
+      onRepositoryClicked: actions.onRepositoryClicked,
+      selectedRepositoryId: actions.selectedRepositoryId
     }
   ) });
 };
@@ -137114,4 +137242,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-O-HJOiQ4.js.map
+//# sourceMappingURL=index-Bpxci5n3.js.map