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

package/dist/{index-O-HJOiQ4.js → index-BwWx2Yhi.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-C1iy5xbx.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-BmgxtxZy.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-Dlw7vvZU.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-CSpWLo6L.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-C7nUvMXE.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-CPXgnUH1.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -133309,8 +133332,10 @@ 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;
@@ -133331,6 +133356,12 @@ class IsometricInteractionManager {
       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 });
       (_b = (_a = this.events).onDragMove) == null ? void 0 : _b.call(_a, this.dragState.nodeId, newGridX, newGridY);
@@ -133350,6 +133381,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,6 +133442,7 @@ 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 },
       nearbySprites: /* @__PURE__ */ new Set()
@@ -133478,9 +133511,9 @@ 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);
@@ -133493,19 +133526,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 +133560,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 +133584,55 @@ 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 +134511,8 @@ const OverworldMapPanelContent = ({
   height,
   isLoading = false,
   onProjectMoved,
+  onNodeClicked,
+  selectedNodeId,
   isEditingRegions = false,
   customRegions = [],
   onAddRegion,
@@ -134633,6 +134724,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 +135128,11 @@ const OverworldMapPanelContent = ({
       renderPlaceholdersRef.current();
     }
   }, [isEditingRegions]);
+  useEffect(() => {
+    if (interactionRef.current) {
+      interactionRef.current.setSelected(selectedNodeId ?? null);
+    }
+  }, [selectedNodeId]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -135360,7 +135459,9 @@ const CollectionMapPanelContent = ({
   regionLayout,
   isLoading = false,
   regionCallbacks,
-  addRepositoryToCollection
+  addRepositoryToCollection,
+  onRepositoryClicked,
+  selectedRepositoryId
 }) => {
   var _a;
   const customRegions = React2__default.useMemo(
@@ -135853,6 +135954,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 +136120,9 @@ const CollectionMapPanel = ({ context: context2, actions }) => {
       dependencies,
       isLoading,
       regionCallbacks,
-      addRepositoryToCollection: actions.addRepositoryToCollection
+      addRepositoryToCollection: actions.addRepositoryToCollection,
+      onRepositoryClicked: actions.onRepositoryClicked,
+      selectedRepositoryId: actions.selectedRepositoryId
     }
   ) });
 };
@@ -137114,4 +137219,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-O-HJOiQ4.js.map
+//# sourceMappingURL=index-BwWx2Yhi.js.map