@industry-theme/repository-composition-panels 0.6.5 → 0.6.7

package/dist/{index-DzsQqv8L.js → index-BOgxBkoa.js}

@@ -104205,7 +104205,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-CIGzOQGX.js");
+    await import("./browserAll-AfGuQn9U.js");
   }
 };
 const webworkerExt = {
@@ -104216,7 +104216,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-BOeuXP2P.js");
+    await import("./webworkerAll-Dc1Ywudq.js");
   }
 };
 class ObservablePoint {
@@ -116459,19 +116459,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-svWdGaNJ.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-CBPe3ZFu.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-D-aICZpF.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-KCjes89V.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-DpJ-bT2Z.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-vrEt8Kvw.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -130463,6 +130463,18 @@ function screenToGrid(screenX, screenY) {
 function getIsometricZIndex(gridX, gridY) {
   return gridX + gridY;
 }
+function domEventToGridCoords(clientX, clientY, viewport, canvasElement) {
+  if (!viewport || !canvasElement) {
+    console.warn("[domEventToGridCoords] Missing viewport or canvas element, returning (0, 0)");
+    return { gridX: 0, gridY: 0 };
+  }
+  const rect = canvasElement.getBoundingClientRect();
+  const canvasX = clientX - rect.left;
+  const canvasY = clientY - rect.top;
+  const worldPoint = viewport.toWorld({ x: canvasX, y: canvasY });
+  const gridCoords = screenToGrid(worldPoint.x, worldPoint.y);
+  return gridCoords;
+}
 const ISO_TILE_WIDTH = 64;
 const ISO_TILE_HEIGHT = 32;
 class IsometricRenderer {
@@ -130474,6 +130486,24 @@ class IsometricRenderer {
     this.gridColor = config.gridColor ?? 3355443;
     this.regionColor = config.regionColor ?? 16737792;
   }
+  /**
+   * Add a texture to the atlas
+   */
+  addTexture(key, texture) {
+    this.atlas[key] = texture;
+  }
+  /**
+   * Check if a texture exists in the atlas
+   */
+  hasTexture(key) {
+    return key in this.atlas;
+  }
+  /**
+   * Get all texture keys in the atlas
+   */
+  getTextureKeys() {
+    return Object.keys(this.atlas);
+  }
   /**
    * Main rendering method - creates all scene elements
    */
@@ -131113,6 +131143,12 @@ class IsometricInteractionManager {
     }
     return intersecting;
   }
+  /**
+   * Check if a sprite is currently being dragged
+   */
+  isDragging() {
+    return this.dragState !== null && this.dragState.isDragging;
+  }
   /**
    * Cleanup resources
    */
@@ -131806,10 +131842,12 @@ function nodesToUnifiedOverworldMap(nodes, options = {}) {
       }
     }
   }
+  const minCol = Math.min(...layoutRegions.map((r2) => r2.gridPosition.col));
   const maxCol = Math.max(...layoutRegions.map((r2) => r2.gridPosition.col));
+  const minRow = Math.min(...layoutRegions.map((r2) => r2.gridPosition.row));
   const maxRow = Math.max(...layoutRegions.map((r2) => r2.gridPosition.row));
-  const totalCols = maxCol + 1;
-  const totalRows = maxRow + 1;
+  const totalCols = maxCol - minCol + 1;
+  const totalRows = maxRow - minRow + 1;
   const mapWidth = totalCols * REGION_SIZE_TILES;
   const mapHeight = totalRows * REGION_SIZE_TILES;
   const regions = layoutRegions.map((region) => ({
@@ -131871,7 +131909,8 @@ const OverworldMapPanelContent = ({
   onAddRegion,
   onRenameRegion,
   onDeleteRegion,
-  collectionKey
+  collectionKey,
+  onViewportReady
 }) => {
   const canvasRef = useRef(null);
   const appRef = useRef(null);
@@ -131902,12 +131941,14 @@ const OverworldMapPanelContent = ({
     return nodes.map((n2) => n2.id).sort().join(",");
   }, [collectionKey, nodes]);
   const mapData = useMemo(() => {
+    console.log("[OverworldMapPanel] mapData memo recalculating", { nodeCount: nodes.length, customRegions: customRegions.length });
     const map2 = nodesToUnifiedOverworldMap(nodes, {
       includeDevDependencies,
       regionLayout,
       customRegions
       // Pass through custom regions for manual layout
     });
+    console.log("[OverworldMapPanel] mapData created:", { mapNodeCount: map2.nodes.length, mapRegions: map2.regions.length });
     mapDataRef.current = map2;
     return map2;
   }, [nodes, includeDevDependencies, regionLayout, customRegions]);
@@ -132000,6 +132041,9 @@ const OverworldMapPanelContent = ({
       app.stage.addChild(viewport);
       viewportRef.current = viewport;
       worldContainerRef.current = viewport;
+      if (onViewportReady) {
+        onViewportReady(viewport);
+      }
       const renderer = new IsometricRenderer({
         viewport,
         atlas: textures,
@@ -132295,9 +132339,44 @@ const OverworldMapPanelContent = ({
     };
   }, [stableCollectionKey, width, height]);
   useEffect(() => {
-    if (!viewportRef.current || !rendererRef.current || !mapData) return;
+    var _a;
+    console.log("[OverworldMapPanel] Scene render effect triggered", { hasViewport: !!viewportRef.current, hasRenderer: !!rendererRef.current, hasMapData: !!mapData });
+    if (!viewportRef.current || !rendererRef.current || !mapData || !appRef.current) return;
+    if ((_a = interactionRef.current) == null ? void 0 : _a.isDragging()) {
+      console.log("[OverworldMapPanel] Skipping scene re-render - drag in progress");
+      return;
+    }
+    console.log("[OverworldMapPanel] Re-rendering scene with", { nodes: mapData.nodes.length, regions: mapData.regions.length });
     const renderer = rendererRef.current;
     const viewport = viewportRef.current;
+    const app = appRef.current;
+    const existingKeys = new Set(renderer.getTextureKeys().filter((k2) => k2.startsWith("building-")));
+    const neededCombos = /* @__PURE__ */ new Set();
+    for (const node2 of mapData.nodes) {
+      const key = `building-${node2.size.toFixed(2)}-${node2.color}`;
+      neededCombos.add(key);
+    }
+    console.log("[OverworldMapPanel] Checking sprites:", { existing: existingKeys.size, needed: neededCombos.size });
+    let generatedCount = 0;
+    for (const key of neededCombos) {
+      if (!renderer.hasTexture(key)) {
+        const [, sizeStr, colorHex] = key.split("-");
+        const size = parseFloat(sizeStr);
+        const color2 = parseInt(colorHex.replace("#", ""), 16);
+        console.log("[OverworldMapPanel] Generating missing sprite:", { key, size, color: color2 });
+        const buildingGraphics = generateBuildingSprite({ size, color: color2 });
+        const texture = app.renderer.generateTexture({
+          target: buildingGraphics,
+          resolution: 2
+        });
+        renderer.addTexture(key, texture);
+        buildingGraphics.destroy();
+        generatedCount++;
+      }
+    }
+    if (generatedCount > 0) {
+      console.log("[OverworldMapPanel] Generated", generatedCount, "new sprite textures");
+    }
     if (sceneContainersRef.current) {
       viewport.removeChild(sceneContainersRef.current.background);
       viewport.removeChild(sceneContainersRef.current.tiles);
@@ -132310,7 +132389,9 @@ const OverworldMapPanelContent = ({
       sceneContainersRef.current.paths.destroy({ children: true });
       sceneContainersRef.current.nodes.destroy({ children: true });
     }
+    console.log("[OverworldMapPanel] Calling renderer.renderScene...");
     const scene = renderer.renderScene(mapData, true);
+    console.log("[OverworldMapPanel] Scene rendered, sprite count:", scene.spriteInstances.size);
     viewport.addChild(scene.background);
     viewport.addChild(scene.tiles);
     viewport.addChild(scene.bridges);
@@ -132607,14 +132688,10 @@ const CollectionMapPanelContent = ({
   regionCallbacks
 }) => {
   var _a;
-  React2__default.useEffect(() => {
-    console.info("[CollectionMapPanelContent] 🎬 Component MOUNTED for collection:", collection.name);
-    return () => {
-      console.info("[CollectionMapPanelContent] 💀 Component UNMOUNTING for collection:", collection.name);
-    };
-  }, []);
   const customRegions = ((_a = collection.metadata) == null ? void 0 : _a.customRegions) || [];
   const [isEditingRegions, setIsEditingRegions] = React2__default.useState(false);
+  const viewportRef = React2__default.useRef(null);
+  const canvasRef = React2__default.useRef(null);
   const handleRenameRegion = useCallback(async (regionId, name2) => {
     await regionCallbacks.onRegionUpdated(collection.id, regionId, { name: name2 });
   }, [regionCallbacks, collection.id]);
@@ -132626,68 +132703,109 @@ const CollectionMapPanelContent = ({
     }
     await regionCallbacks.onRegionDeleted(collection.id, regionId);
   }, [regionCallbacks, collection.id, customRegions.length]);
-  const handleProjectMoved = useCallback(async (projectId, gridX, gridY) => {
-    var _a2;
+  const handleProjectMoved = useCallback(async (projectId, gridX, gridY, metadata) => {
+    var _a2, _b, _c, _d;
+    console.log("[handleProjectMoved] Moving project:", { projectId, gridX, gridY });
+    const isNewRepo = !!metadata;
+    const existingMembership = memberships.find((m2) => m2.repositoryId === projectId);
+    if (!isNewRepo && !existingMembership) {
+      const error = new Error(
+        `[handleProjectMoved] FATAL ERROR: Attempting to move repo "${projectId}" that doesn't exist in collection!
+Memberships (${memberships.length}): [${memberships.map((m2) => m2.repositoryId).join(", ")}]
+This indicates a sprite was rendered without valid backing data.`
+      );
+      console.error(error);
+      throw error;
+    }
+    const isFirstPlacement = isNewRepo || !!existingMembership && !((_a2 = existingMembership.metadata) == null ? void 0 : _a2.regionId);
+    console.log("[handleProjectMoved] Placement check:", {
+      isNewRepo,
+      existingMembership: existingMembership ? { id: existingMembership.repositoryId, hasMetadata: !!existingMembership.metadata, regionId: (_b = existingMembership.metadata) == null ? void 0 : _b.regionId } : null,
+      isExistingWithoutRegion: !!existingMembership && !((_c = existingMembership.metadata) == null ? void 0 : _c.regionId),
+      isFirstPlacement
+    });
     const regionCol = Math.floor(gridX / REGION_SIZE_TILES);
     const regionRow = Math.floor(gridY / REGION_SIZE_TILES);
     const regionOrder = regionRow * 10 + regionCol;
     const targetRegion = customRegions.find((r2) => r2.order === regionOrder);
     const newRegionId = targetRegion == null ? void 0 : targetRegion.id;
+    console.log("[handleProjectMoved] Target region:", { regionOrder, newRegionId, targetRegion });
     if (!newRegionId) {
       console.warn("[CollectionMapPanel] ⚠️ Could not determine region for position:", { gridX, gridY, regionOrder });
       return;
     }
+    if (isFirstPlacement) {
+      console.log("[PLACEMENT] Starting placement for:", projectId);
+      console.log("[PLACEMENT] Target region:", newRegionId);
+      console.log("[PLACEMENT] Target position:", { gridX, gridY });
+      try {
+        if (isNewRepo) {
+          if (!onProjectAdded) {
+            throw new Error("onProjectAdded callback not available");
+          }
+          console.log("[PLACEMENT] Step 1: Calling onProjectAdded (repo not in collection yet)...");
+          await onProjectAdded(projectId, metadata);
+          console.log("[PLACEMENT] Step 1: onProjectAdded completed");
+        } else {
+          console.log("[PLACEMENT] Step 1: SKIPPED (repo already in collection as membership)");
+        }
+        const regionBoundsX2 = regionCol * REGION_SIZE_TILES;
+        const regionBoundsY2 = regionRow * REGION_SIZE_TILES;
+        const relativeGridX2 = gridX - regionBoundsX2;
+        const relativeGridY2 = gridY - regionBoundsY2;
+        const layout2 = {
+          gridX: relativeGridX2,
+          gridY: relativeGridY2
+        };
+        console.log("[PLACEMENT] Step 2: Setting position:", layout2);
+        await regionCallbacks.onRepositoryPositionUpdated(collection.id, projectId, layout2);
+        console.log("[PLACEMENT] Step 2: Position updated");
+        console.log("[PLACEMENT] Step 3: Assigning region:", newRegionId);
+        await regionCallbacks.onRepositoryAssigned(collection.id, projectId, newRegionId);
+        console.log("[PLACEMENT] Step 3: Region assigned");
+        console.log("[PLACEMENT] ✓ Placement completed successfully");
+      } catch (error) {
+        console.error("[PLACEMENT] ✗ ERROR during placement:", error);
+        throw error;
+      }
+      return;
+    }
     const regionBoundsX = regionCol * REGION_SIZE_TILES;
     const regionBoundsY = regionRow * REGION_SIZE_TILES;
     const relativeGridX = gridX - regionBoundsX;
     const relativeGridY = gridY - regionBoundsY;
-    console.info("[CollectionMapPanel] 💾 Saving position:", {
-      projectId,
-      absolute: { gridX, gridY },
-      region: (targetRegion == null ? void 0 : targetRegion.name) || "unknown",
-      regionId: newRegionId,
-      regionBounds: { x: regionBoundsX, y: regionBoundsY },
-      relative: { gridX: relativeGridX, gridY: relativeGridY }
-    });
     const layout = {
       gridX: relativeGridX,
       gridY: relativeGridY
     };
+    console.log("[handleProjectMoved] Saving position:", { layout, newRegionId });
     await regionCallbacks.onRepositoryPositionUpdated(collection.id, projectId, layout);
     const membership = memberships.find((m2) => m2.repositoryId === projectId);
-    const oldRegionId = (_a2 = membership == null ? void 0 : membership.metadata) == null ? void 0 : _a2.regionId;
+    const oldRegionId = (_d = membership == null ? void 0 : membership.metadata) == null ? void 0 : _d.regionId;
     if (oldRegionId !== newRegionId) {
-      console.info("[CollectionMapPanel] 🔄 Region changed from", oldRegionId, "to", newRegionId);
+      console.log("[handleProjectMoved] Region changed, updating assignment:", { oldRegionId, newRegionId });
       await regionCallbacks.onRepositoryAssigned(collection.id, projectId, newRegionId);
     }
-  }, [collection.id, regionCallbacks, memberships, customRegions]);
+  }, [collection.id, regionCallbacks, memberships, customRegions, onProjectAdded]);
   const handleProjectDrop = useCallback(async (data, event) => {
-    var _a2, _b, _c;
-    if (!onProjectAdded) {
-      console.warn("No onProjectAdded callback provided - cannot add project to collection");
-      return;
-    }
+    console.log("[handleProjectDrop] Drop event:", { data, eventType: event.type });
     const repositoryPath = data.primaryData;
     const repositoryMetadata = data.metadata || {};
-    onProjectAdded(repositoryPath, repositoryMetadata);
-    if (customRegions.length > 0) {
-      let targetRegionId = (_a2 = customRegions[0]) == null ? void 0 : _a2.id;
-      const lastEditedAt = "lastEditedAt" in repositoryMetadata ? repositoryMetadata.lastEditedAt : null;
-      if (lastEditedAt && customRegions.length >= 4) {
-        const now2 = Date.now();
-        const editTime = new Date(lastEditedAt).getTime();
-        const daysAgo = (now2 - editTime) / (1e3 * 60 * 60 * 24);
-        let regionIndex = 0;
-        if (daysAgo > 365) regionIndex = 3;
-        else if (daysAgo > 90) regionIndex = 2;
-        else if (daysAgo > 30) regionIndex = 1;
-        targetRegionId = ((_b = customRegions[regionIndex]) == null ? void 0 : _b.id) || ((_c = customRegions[0]) == null ? void 0 : _c.id);
-      }
-      if (targetRegionId) {
-        await regionCallbacks.onRepositoryAssigned(collection.id, repositoryPath, targetRegionId);
-      }
-    }
-  }, [collection.id, onProjectAdded, customRegions, regionCallbacks]);
+    const repoId = (repositoryMetadata == null ? void 0 : repositoryMetadata.name) || repositoryPath;
+    console.log("[handleProjectDrop] Converting drop position to grid coords");
+    const gridCoords = domEventToGridCoords(
+      event.clientX,
+      event.clientY,
+      viewportRef.current,
+      canvasRef.current
+    );
+    console.log("[handleProjectDrop] Drop at grid position:", gridCoords);
+    const gridX = Math.round(gridCoords.gridX);
+    const gridY = Math.round(gridCoords.gridY);
+    console.log("[handleProjectDrop] Snapped to grid:", { gridX, gridY });
+    console.log("[handleProjectDrop] Placing repo at drop position");
+    await handleProjectMoved(repoId, gridX, gridY, repositoryMetadata);
+  }, [handleProjectMoved]);
   const { isDragOver, ...dropZoneProps } = useDropZone({
     handlers: [
       {
@@ -132698,20 +132816,27 @@ const CollectionMapPanelContent = ({
     showVisualFeedback: true
   });
   const nodes = useMemo(() => {
-    console.info("[CollectionMapPanel] 📦 Recomputing nodes for collection:", collection.name);
+    console.log("[nodes memo] Converting memberships to nodes", {
+      collectionId: collection.id,
+      totalMemberships: memberships.length,
+      totalRepositories: repositories.length
+    });
     const collectionMemberships = memberships.filter(
       (m2) => m2.collectionId === collection.id
     );
-    return collectionMemberships.map((membership) => {
-      var _a2, _b, _c, _d, _e2, _f, _g, _h;
+    console.log("[nodes memo] Filtered memberships for collection:", collectionMemberships);
+    const memberNodes = collectionMemberships.map((membership) => {
+      var _a2, _b, _c, _d, _e2, _f, _g;
       const repo = repositories.find((r2) => {
         var _a3;
         const repoId = ((_a3 = r2.github) == null ? void 0 : _a3.id) || r2.name;
         return repoId === membership.repositoryId;
       });
       if (!repo) {
+        console.warn("[nodes memo] No repository found for membership:", membership.repositoryId);
         return null;
       }
+      console.log("[nodes memo] Creating node for:", membership.repositoryId);
       let category;
       if (repo.github) {
         category = "git-repo";
@@ -132742,62 +132867,103 @@ const CollectionMapPanelContent = ({
         layout: (_g = membership.metadata) == null ? void 0 : _g.layout
         // Pass saved position data
       };
-      if ((_h = membership.metadata) == null ? void 0 : _h.layout) {
-        console.info("[CollectionMapPanel] 📍 Node", repo.name, "has saved layout:", membership.metadata.layout);
-      }
       return node2;
     }).filter((n2) => n2 !== null);
+    console.log("[nodes memo] Created nodes:", { total: memberNodes.length });
+    return memberNodes;
   }, [collection.id, memberships, repositories, dependencies]);
+  const validatedNodes = useMemo(() => {
+    console.log("[validatedNodes] Validating nodes:", nodes.length);
+    const nodesWithPositions = nodes.filter(
+      (n2) => {
+        var _a2, _b;
+        return n2.regionId && ((_a2 = n2.layout) == null ? void 0 : _a2.gridX) !== void 0 && ((_b = n2.layout) == null ? void 0 : _b.gridY) !== void 0;
+      }
+    );
+    const isInitialLoad = nodesWithPositions.length === 0 && nodes.length > 0;
+    if (isInitialLoad) {
+      console.log("[validatedNodes] Initial load detected, skipping validation (auto-layout will run)");
+      return nodes;
+    }
+    const invalidNodes = [];
+    nodes.forEach((node2) => {
+      var _a2, _b;
+      const hasRegion = !!node2.regionId;
+      const hasPosition = ((_a2 = node2.layout) == null ? void 0 : _a2.gridX) !== void 0 && ((_b = node2.layout) == null ? void 0 : _b.gridY) !== void 0;
+      if (!hasRegion) {
+        invalidNodes.push({
+          id: node2.id,
+          reason: `Missing regionId (has layout: ${hasPosition})`
+        });
+      }
+    });
+    if (invalidNodes.length > 0) {
+      const error = new Error(
+        `[CollectionMapPanel] FATAL: Attempting to render nodes without regionId!
+This should never happen. All nodes must have a regionId before rendering.
+(Nodes without layout positions will be auto-positioned using circle packing)
+
+Invalid nodes (${invalidNodes.length}):
+` + invalidNodes.map((n2) => `  - ${n2.id}: ${n2.reason}`).join("\n") + `
+
+Total nodes: ${nodes.length}
+Collection: ${collection.id}
+
+This is not initial load - auto-assignment should have already run.`
+      );
+      console.error(error);
+      throw error;
+    }
+    console.log("[validatedNodes] ✓ All nodes valid");
+    return nodes;
+  }, [nodes, collection.id]);
   const hasComputedLayout = useRef(false);
   const prevCollectionIdRef = useRef(null);
   useEffect(() => {
-    console.info("[CollectionMapPanel] 🏗️ Layout effect running, hasComputedLayout:", hasComputedLayout.current, "nodes:", nodes.length);
     if (prevCollectionIdRef.current !== null && prevCollectionIdRef.current !== collection.id) {
-      console.info("[CollectionMapPanel] 🔄 Collection changed from", prevCollectionIdRef.current, "to", collection.id, "- resetting hasComputedLayout");
       hasComputedLayout.current = false;
     }
     prevCollectionIdRef.current = collection.id;
     if (hasComputedLayout.current) {
-      console.info("[CollectionMapPanel] 🏗️ Skipping - already computed layout");
       return;
     }
     if (nodes.length === 0) {
-      console.info("[CollectionMapPanel] 🏗️ Skipping - no nodes");
       return;
     }
     const needsRegions = customRegions.length === 0 && !nodes.some((n2) => n2.regionId);
-    const anyMissingRegionId = nodes.some((n2) => !n2.regionId);
-    const needsLayout = anyMissingRegionId || nodes.some(
-      (node2) => !node2.layout || node2.layout.gridX === void 0 || node2.layout.gridY === void 0
+    const nodesWithPositions = nodes.filter(
+      (n2) => {
+        var _a2, _b;
+        return n2.regionId && ((_a2 = n2.layout) == null ? void 0 : _a2.gridX) !== void 0 && ((_b = n2.layout) == null ? void 0 : _b.gridY) !== void 0;
+      }
     );
-    console.info("[CollectionMapPanel] 🏗️ needsRegions:", needsRegions, "needsLayout:", needsLayout, "anyMissingRegionId:", anyMissingRegionId);
+    const isInitialLoad = nodesWithPositions.length === 0 && nodes.length > 0;
+    const needsLayout = isInitialLoad;
     if (!needsRegions && !needsLayout) {
-      console.info("[CollectionMapPanel] 🏗️ All nodes have layout, setting hasComputedLayout=true");
       hasComputedLayout.current = true;
       return;
     }
+    hasComputedLayout.current = true;
     const map2 = nodesToUnifiedOverworldMap(nodes, {
       regionLayout,
       customRegions
     });
     (async () => {
-      var _a2, _b;
+      var _a2;
       const updates = {};
       if (needsRegions && map2.regions.length > 0) {
         updates.regions = map2.regions.map((region, index2) => ({
           id: region.id,
           name: region.name,
           order: index2,
-          createdAt: Date.now()
+          createdAt: 0
+          // Deterministic value - regions don't need real timestamps
         }));
       }
-      const anyMissingRegionId2 = nodes.some((n2) => !n2.regionId);
+      const anyMissingRegionId = nodes.some((n2) => !n2.regionId);
       updates.positions = map2.nodes.filter((node2) => {
         const originalNode = nodes.find((n2) => n2.id === node2.id);
-        const needsUpdate = anyMissingRegionId2 || !(originalNode == null ? void 0 : originalNode.layout) || originalNode.layout.gridX === void 0 || originalNode.layout.gridY === void 0;
-        if (!needsUpdate) {
-          console.info("[CollectionMapPanel] 🏗️ Skipping", node2.id, "- already has layout:", originalNode == null ? void 0 : originalNode.layout);
-        }
+        const needsUpdate = anyMissingRegionId || !(originalNode == null ? void 0 : originalNode.layout) || originalNode.layout.gridX === void 0 || originalNode.layout.gridY === void 0;
         return needsUpdate;
       }).map((node2) => ({
         repositoryId: node2.id,
@@ -132820,27 +132986,26 @@ const CollectionMapPanelContent = ({
             }
           }
         }
-        console.info("[CollectionMapPanel] 🏗️ Creating", updates.assignments.length, "region assignments");
       }
-      if (anyMissingRegionId2) {
-        console.info("[CollectionMapPanel] 🏗️ Recomputing ALL positions due to missing regionId assignments");
-      }
-      console.info("[CollectionMapPanel] 🏗️ Initializing layout for", (_b = updates.positions) == null ? void 0 : _b.length, "nodes");
       await regionCallbacks.onBatchLayoutInitialized(collection.id, updates);
-      console.info("[CollectionMapPanel] 🏗️ Layout initialized, setting hasComputedLayout=true");
-      hasComputedLayout.current = true;
     })();
   }, [collection.id, nodes, regionLayout, customRegions, regionCallbacks]);
+  const handleViewportReady = useCallback((viewport) => {
+    console.log("[CollectionMapPanel] Viewport ready for coordinate conversion");
+    viewportRef.current = viewport;
+  }, []);
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ref: canvasRef,
       style: {
         position: "relative",
         width: "100%",
         height: "100%",
         overflow: "hidden",
-        border: isDragOver ? "2px solid #3b82f6" : "none",
-        transition: "border 0.2s ease"
+        boxSizing: "border-box",
+        border: isDragOver ? "2px solid #3b82f6" : "2px solid transparent",
+        transition: "border-color 0.2s ease"
       },
       ...dropZoneProps,
       children: [
@@ -132877,17 +133042,18 @@ const CollectionMapPanelContent = ({
         /* @__PURE__ */ jsx(
           OverworldMapPanelContent,
           {
-            nodes,
+            nodes: validatedNodes,
             regionLayout,
             isLoading,
             isEditingRegions,
             customRegions,
             collectionKey: collection.id,
             onProjectMoved: handleProjectMoved,
+            onViewportReady: handleViewportReady,
             onAddRegion: async (position2) => {
               const order2 = position2.row * 10 + position2.col;
               const name2 = `Region ${customRegions.length + 1}`;
-              await regionCallbacks.onRegionCreated(collection.id, { name: name2, order: order2 });
+              await regionCallbacks.onRegionCreated(collection.id, { name: name2, order: order2, createdAt: 0 });
             },
             onRenameRegion: handleRenameRegion,
             onDeleteRegion: handleDeleteRegion
@@ -132899,32 +133065,20 @@ const CollectionMapPanelContent = ({
 };
 const CollectionMapPanel = ({ context: context2, actions }) => {
   var _a, _b, _c, _d;
-  React2__default.useEffect(() => {
-    console.info("[CollectionMapPanel] 🎬 Panel component MOUNTED");
-    return () => {
-      console.info("[CollectionMapPanel] 💀 Panel component UNMOUNTING");
-    };
-  }, []);
   const { selectedCollectionView } = context2;
   const selectedCollection = (_a = selectedCollectionView == null ? void 0 : selectedCollectionView.data) == null ? void 0 : _a.collection;
   const memberships = ((_b = selectedCollectionView == null ? void 0 : selectedCollectionView.data) == null ? void 0 : _b.memberships) || [];
   const repositories = ((_c = selectedCollectionView == null ? void 0 : selectedCollectionView.data) == null ? void 0 : _c.repositories) || [];
   const dependencies = ((_d = selectedCollectionView == null ? void 0 : selectedCollectionView.data) == null ? void 0 : _d.dependencies) || {};
   const isLoading = (selectedCollectionView == null ? void 0 : selectedCollectionView.loading) ?? false;
-  React2__default.useEffect(() => {
-    console.info("[CollectionMapPanel] 📊 Memberships updated for collection:", selectedCollection == null ? void 0 : selectedCollection.name);
-    console.info("[CollectionMapPanel] 📊 Memberships:", memberships.map((m2) => {
-      var _a2, _b2;
-      return {
-        repo: m2.repositoryId,
-        regionId: (_a2 = m2.metadata) == null ? void 0 : _a2.regionId,
-        layout: (_b2 = m2.metadata) == null ? void 0 : _b2.layout
-      };
-    }));
-  }, [memberships, selectedCollection == null ? void 0 : selectedCollection.name]);
   const handleProjectAdded = useCallback((repositoryPath, repositoryMetadata) => {
-    if (!selectedCollection) return;
+    console.log("[handleProjectAdded] Called with:", { repositoryPath, repositoryMetadata, selectedCollection: selectedCollection == null ? void 0 : selectedCollection.id });
+    if (!selectedCollection) {
+      console.warn("[handleProjectAdded] No selected collection");
+      return;
+    }
     if (actions.addRepositoryToCollection) {
+      console.log("[handleProjectAdded] Calling addRepositoryToCollection");
       actions.addRepositoryToCollection(selectedCollection.id, repositoryPath, repositoryMetadata);
     } else {
       console.warn("Actions does not support addRepositoryToCollection - drag-drop feature requires context integration");
@@ -134005,4 +134159,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-DzsQqv8L.js.map
+//# sourceMappingURL=index-BOgxBkoa.js.map