@industry-theme/repository-composition-panels 0.2.57 → 0.2.58

package/dist/{index-72-eqzyq.js → index-Cd5eYs9k.js}

@@ -60179,7 +60179,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-BaiHieOj.js");
+    await import("./browserAll-7cTZp3vq.js");
   }
 };
 const webworkerExt = {
@@ -60190,7 +60190,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-Ccu7Tp4h.js");
+    await import("./webworkerAll-CNZapS1-.js");
   }
 };
 class ObservablePoint {
@@ -72433,19 +72433,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-BMMCBjut.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-XZ3X-iy6.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-BKhoAof0.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-CxHdzexZ.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-D2eDumWy.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-D_uyJXq7.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -84393,7 +84393,7 @@ function layoutNodes(nodes) {
   });
   return positions;
 }
-function generateTerrain(width, height, nodes, paths) {
+function generateTerrain(width, height, nodes, paths, regionBoundaries = []) {
   const tiles = [];
   for (let y2 = 0; y2 < height; y2++) {
     for (let x2 = 0; x2 < width; x2++) {
@@ -84406,6 +84406,21 @@ function generateTerrain(width, height, nodes, paths) {
       });
     }
   }
+  for (const boundaryX of regionBoundaries) {
+    const bridgeStartX = boundaryX - 1;
+    const bridgeEndX = boundaryX + 1;
+    for (let y2 = 0; y2 < height; y2++) {
+      for (let x2 = bridgeStartX; x2 <= bridgeEndX; x2++) {
+        if (x2 >= 0 && x2 < width) {
+          const tileIndex = y2 * width + x2;
+          if (tileIndex >= 0 && tileIndex < tiles.length) {
+            tiles[tileIndex].type = "water";
+            tiles[tileIndex].biome = "water";
+          }
+        }
+      }
+    }
+  }
   for (const path2 of paths) {
     for (const point of path2.points) {
       const x2 = Math.round(point.gridX);
@@ -84520,10 +84535,15 @@ function nodesToOverworldMap(nodes, options = {}) {
     minY = Math.min(minY, node.gridY);
     maxY = Math.max(maxY, node.gridY + node.size);
   });
-  const mapWidth = Math.ceil(maxX - minX) + mapPadding * 2;
-  const mapHeight = Math.ceil(maxY - minY) + mapPadding * 2;
-  const offsetX = mapPadding - minX;
-  const offsetY = mapPadding - minY;
+  const calculatedWidth = Math.ceil(maxX - minX) + mapPadding * 2;
+  const calculatedHeight = Math.ceil(maxY - minY) + mapPadding * 2;
+  const squareSize = Math.ceil(Math.max(calculatedWidth, calculatedHeight));
+  const mapWidth = squareSize;
+  const mapHeight = squareSize;
+  const extraHorizontalSpace = Math.floor((squareSize - calculatedWidth) / 2);
+  const extraVerticalSpace = Math.floor((squareSize - calculatedHeight) / 2);
+  const offsetX = mapPadding + extraHorizontalSpace - minX;
+  const offsetY = mapPadding + extraVerticalSpace - minY;
   locationNodes.forEach((node) => {
     node.gridX += offsetX;
     node.gridY += offsetY;
@@ -84608,23 +84628,27 @@ function nodesToUnifiedOverworldMap(nodes, options = {}) {
     };
   }
   const REGION_SPACING = 5;
+  const regionMaps = nodeGroups.map((group) => nodesToOverworldMap(group, options));
+  const maxRegionSize = Math.max(...regionMaps.map((rm) => Math.max(rm.width, rm.height)));
+  const REGION_SIZE = Math.ceil(maxRegionSize);
   const allNodes = [];
   const allPaths = [];
   const regions = [];
+  const regionBoundaries = [];
   let currentX = 0;
-  let maxHeight = 0;
-  nodeGroups.forEach((group, index2) => {
-    const regionMap = nodesToOverworldMap(group, options);
+  regionMaps.forEach((regionMap, index2) => {
+    const xOffset = currentX + Math.floor((REGION_SIZE - regionMap.width) / 2);
+    const yOffset = Math.floor((REGION_SIZE - regionMap.height) / 2);
     const offsetNodes = regionMap.nodes.map((node) => ({
       ...node,
-      gridX: node.gridX + currentX,
-      gridY: node.gridY
+      gridX: node.gridX + xOffset,
+      gridY: node.gridY + yOffset
     }));
     const offsetPaths = regionMap.paths.map((path2) => ({
       ...path2,
       points: path2.points.map((point) => ({
-        gridX: point.gridX + currentX,
-        gridY: point.gridY
+        gridX: point.gridX + xOffset,
+        gridY: point.gridY + yOffset
       }))
     }));
     allNodes.push(...offsetNodes);
@@ -84636,19 +84660,23 @@ function nodesToUnifiedOverworldMap(nodes, options = {}) {
       bounds: {
         x: currentX,
         y: 0,
-        width: regionMap.width,
-        height: regionMap.height
+        width: REGION_SIZE,
+        height: REGION_SIZE
       },
-      centerX: currentX + regionMap.width / 2,
-      centerY: regionMap.height / 2,
+      centerX: currentX + REGION_SIZE / 2,
+      centerY: REGION_SIZE / 2,
       nodeIds: offsetNodes.map((n2) => n2.id)
     });
-    maxHeight = Math.max(maxHeight, regionMap.height);
-    currentX += regionMap.width + REGION_SPACING;
+    currentX += REGION_SIZE;
+    if (index2 < nodeGroups.length - 1) {
+      const bridgeCenterX = currentX + Math.floor(REGION_SPACING / 2);
+      regionBoundaries.push(bridgeCenterX);
+    }
+    currentX += REGION_SPACING;
   });
   const totalWidth = currentX - REGION_SPACING;
-  const totalHeight = maxHeight;
-  const tiles = generateTerrain(totalWidth, totalHeight, allNodes, allPaths);
+  const totalHeight = REGION_SIZE;
+  const tiles = generateTerrain(totalWidth, totalHeight, allNodes, allPaths, regionBoundaries);
   return {
     width: totalWidth,
     height: totalHeight,
@@ -84883,6 +84911,33 @@ function generatePathTile() {
   ctx.fillRect(ISO_TILE_WIDTH / 2 - 12, ISO_TILE_HEIGHT / 2 + 4, 6, 3);
   return canvas;
 }
+function generateBridgeTile() {
+  const canvas = createCanvas(ISO_TILE_WIDTH, ISO_TILE_HEIGHT);
+  const ctx = canvas.getContext("2d");
+  ctx.fillStyle = "#92400e";
+  ctx.beginPath();
+  ctx.moveTo(ISO_TILE_WIDTH / 2, 0);
+  ctx.lineTo(ISO_TILE_WIDTH, ISO_TILE_HEIGHT / 2);
+  ctx.lineTo(ISO_TILE_WIDTH / 2, ISO_TILE_HEIGHT);
+  ctx.lineTo(0, ISO_TILE_HEIGHT / 2);
+  ctx.closePath();
+  ctx.fill();
+  ctx.strokeStyle = "#78350f";
+  ctx.lineWidth = 2;
+  const plankY = [ISO_TILE_HEIGHT * 0.25, ISO_TILE_HEIGHT * 0.5, ISO_TILE_HEIGHT * 0.75];
+  for (const y2 of plankY) {
+    const widthAtY = y2 <= ISO_TILE_HEIGHT / 2 ? y2 / (ISO_TILE_HEIGHT / 2) * (ISO_TILE_WIDTH / 2) : (ISO_TILE_HEIGHT - y2) / (ISO_TILE_HEIGHT / 2) * (ISO_TILE_WIDTH / 2);
+    ctx.beginPath();
+    ctx.moveTo(ISO_TILE_WIDTH / 2 - widthAtY, y2);
+    ctx.lineTo(ISO_TILE_WIDTH / 2 + widthAtY, y2);
+    ctx.stroke();
+  }
+  ctx.fillStyle = "#a16207";
+  ctx.fillRect(ISO_TILE_WIDTH / 2 - 3, ISO_TILE_HEIGHT / 2 - 1, 6, 2);
+  ctx.fillRect(ISO_TILE_WIDTH / 2 + 10, ISO_TILE_HEIGHT / 2 + 3, 4, 2);
+  ctx.fillRect(ISO_TILE_WIDTH / 2 - 14, ISO_TILE_HEIGHT / 2 + 3, 4, 2);
+  return canvas;
+}
 function generateLocationSprite(type2, theme, size = 2) {
   const width = ISO_TILE_WIDTH * size;
   const height = ISO_TILE_HEIGHT * size + 64;
@@ -85145,6 +85200,7 @@ function generateSpriteAtlas() {
     atlas[`tile-grass-${biome}`] = generateGrassTile(biome);
   }
   atlas["tile-path"] = generatePathTile();
+  atlas["tile-bridge"] = generateBridgeTile();
   const locationTypes = ["castle", "fortress", "tower", "house", "pipe", "git-repo", "monorepo"];
   const themes = ["grass", "desert", "water", "volcano", "ice"];
   for (const type2 of locationTypes) {
@@ -85163,8 +85219,8 @@ const OverworldMapPanelContent = ({
   packages,
   includeDevDependencies = true,
   includePeerDependencies = false,
-  width = 800,
-  height = 600,
+  width,
+  height,
   isLoading = false
 }) => {
   const canvasRef = useRef(null);
@@ -85172,6 +85228,7 @@ const OverworldMapPanelContent = ({
   const worldContainerRef = useRef(null);
   const scaleRef = useRef(1);
   const [isRendering, setIsRendering] = useState(true);
+  const dimensionsRef = useRef({ width: width || 800, height: height || 600 });
   const [currentRegionIndex, setCurrentRegionIndex] = useState(0);
   const [isAnimating, setIsAnimating] = useState(false);
   const animationRef = useRef(null);
@@ -85188,11 +85245,14 @@ const OverworldMapPanelContent = ({
     let app;
     let cleanup = false;
     const initPixi = async () => {
-      var _a;
+      var _a, _b, _c;
+      const containerWidth = ((_a = canvasRef.current) == null ? void 0 : _a.clientWidth) || width || 800;
+      const containerHeight = ((_b = canvasRef.current) == null ? void 0 : _b.clientHeight) || height || 600;
+      dimensionsRef.current = { width: containerWidth, height: containerHeight };
       app = new Application();
       await app.init({
-        width,
-        height,
+        width: containerWidth,
+        height: containerHeight,
         backgroundColor: 8900331,
         // Sky blue
         antialias: false
@@ -85202,7 +85262,7 @@ const OverworldMapPanelContent = ({
         app.destroy(true);
         return;
       }
-      (_a = canvasRef.current) == null ? void 0 : _a.appendChild(app.canvas);
+      (_c = canvasRef.current) == null ? void 0 : _c.appendChild(app.canvas);
       appRef.current = app;
       const atlas = generateSpriteAtlas();
       const textures = {};
@@ -85254,6 +85314,21 @@ const OverworldMapPanelContent = ({
           tileContainer.addChild(sprite);
         }
       }
+      const bridgeContainer = new Container();
+      worldContainer.addChild(bridgeContainer);
+      for (const tile of mapData.tiles) {
+        if (tile.type === "water") {
+          const { screenX, screenY } = gridToScreen(tile.x, tile.y);
+          const bridgeTexture = textures["tile-bridge"];
+          if (bridgeTexture) {
+            const bridgeSprite = new Sprite(bridgeTexture);
+            bridgeSprite.x = screenX;
+            bridgeSprite.y = screenY;
+            bridgeSprite.anchor.set(0.5, 0.5);
+            bridgeContainer.addChild(bridgeSprite);
+          }
+        }
+      }
       const pathContainer = new Container();
       worldContainer.addChild(pathContainer);
       const pathGraphics = [];
@@ -85377,10 +85452,10 @@ const OverworldMapPanelContent = ({
           const sprite = new Sprite(texture);
           const MAX_SPRITE_SIZE = 256;
           if (sprite.width > MAX_SPRITE_SIZE || sprite.height > MAX_SPRITE_SIZE) {
-            const scaleX2 = MAX_SPRITE_SIZE / sprite.width;
-            const scaleY2 = MAX_SPRITE_SIZE / sprite.height;
-            const scale2 = Math.min(scaleX2, scaleY2);
-            sprite.scale.set(scale2, scale2);
+            const scaleX = MAX_SPRITE_SIZE / sprite.width;
+            const scaleY = MAX_SPRITE_SIZE / sprite.height;
+            const scale = Math.min(scaleX, scaleY);
+            sprite.scale.set(scale, scale);
           }
           sprite.x = screenX;
           sprite.y = screenY;
@@ -85503,27 +85578,30 @@ const OverworldMapPanelContent = ({
           });
         }
       }
-      let maxRegionWidth = 0;
-      let maxRegionHeight = 0;
-      for (const region of mapData.regions) {
-        const topLeft = gridToScreen(region.bounds.x, region.bounds.y);
-        const bottomRight = gridToScreen(
-          region.bounds.x + region.bounds.width,
-          region.bounds.y + region.bounds.height
-        );
-        const regionWidth = Math.abs(bottomRight.screenX - topLeft.screenX);
-        const regionHeight = Math.abs(bottomRight.screenY - topLeft.screenY);
-        maxRegionWidth = Math.max(maxRegionWidth, regionWidth);
-        maxRegionHeight = Math.max(maxRegionHeight, regionHeight);
-      }
-      const padding = 40;
-      const availableWidth = width - padding * 2;
-      const availableHeight = height - padding * 2;
-      const scaleX = availableWidth / maxRegionWidth;
-      const scaleY = availableHeight / maxRegionHeight;
-      const scale = Math.min(scaleX, scaleY, 1);
-      worldContainer.scale.set(scale, scale);
-      scaleRef.current = scale;
+      const updateScale = () => {
+        let maxRegionWidth = 0;
+        let maxRegionHeight = 0;
+        for (const region of mapData.regions) {
+          const topLeft = gridToScreen(region.bounds.x, region.bounds.y);
+          const bottomRight = gridToScreen(
+            region.bounds.x + region.bounds.width,
+            region.bounds.y + region.bounds.height
+          );
+          const regionWidth = Math.abs(bottomRight.screenX - topLeft.screenX);
+          const regionHeight = Math.abs(bottomRight.screenY - topLeft.screenY);
+          maxRegionWidth = Math.max(maxRegionWidth, regionWidth);
+          maxRegionHeight = Math.max(maxRegionHeight, regionHeight);
+        }
+        const padding = 40;
+        const availableWidth = dimensionsRef.current.width - padding * 2;
+        const availableHeight = dimensionsRef.current.height - padding * 2;
+        const scaleX = availableWidth / maxRegionWidth;
+        const scaleY = availableHeight / maxRegionHeight;
+        const scale = Math.min(scaleX, scaleY, 1);
+        worldContainer.scale.set(scale, scale);
+        scaleRef.current = scale;
+      };
+      updateScale();
       const easeOutCubic = (t2) => {
         return 1 - Math.pow(1 - t2, 3);
       };
@@ -85542,9 +85620,50 @@ const OverworldMapPanelContent = ({
       });
       setIsRendering(false);
     };
-    initPixi();
+    let resizeObserver = null;
+    const initAndSetupResize = async () => {
+      await initPixi();
+      if (canvasRef.current && appRef.current) {
+        resizeObserver = new ResizeObserver((entries) => {
+          if (!appRef.current || !worldContainerRef.current) return;
+          for (const entry of entries) {
+            const { width: newWidth, height: newHeight } = entry.contentRect;
+            dimensionsRef.current = { width: newWidth, height: newHeight };
+            appRef.current.renderer.resize(newWidth, newHeight);
+            const worldContainer = worldContainerRef.current;
+            let maxRegionWidth = 0;
+            let maxRegionHeight = 0;
+            for (const region of mapData.regions) {
+              const topLeft = gridToScreen(region.bounds.x, region.bounds.y);
+              const bottomRight = gridToScreen(
+                region.bounds.x + region.bounds.width,
+                region.bounds.y + region.bounds.height
+              );
+              const regionWidth = Math.abs(bottomRight.screenX - topLeft.screenX);
+              const regionHeight = Math.abs(bottomRight.screenY - topLeft.screenY);
+              maxRegionWidth = Math.max(maxRegionWidth, regionWidth);
+              maxRegionHeight = Math.max(maxRegionHeight, regionHeight);
+            }
+            const padding = 40;
+            const availableWidth = dimensionsRef.current.width - padding * 2;
+            const availableHeight = dimensionsRef.current.height - padding * 2;
+            const scaleX = availableWidth / maxRegionWidth;
+            const scaleY = availableHeight / maxRegionHeight;
+            const scale = Math.min(scaleX, scaleY, 1);
+            worldContainer.scale.set(scale, scale);
+            scaleRef.current = scale;
+            appRef.current.stage.hitArea = appRef.current.screen;
+          }
+        });
+        resizeObserver.observe(canvasRef.current);
+      }
+    };
+    initAndSetupResize();
     return () => {
       cleanup = true;
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
       if (appRef.current) {
         appRef.current.destroy(true);
         appRef.current = null;
@@ -85552,14 +85671,14 @@ const OverworldMapPanelContent = ({
       worldContainerRef.current = null;
       animationRef.current = null;
     };
-  }, [mapData, width, height]);
+  }, [mapData]);
   useEffect(() => {
     if (!worldContainerRef.current || !currentRegion || isRendering) return;
     const regionCenter = gridToScreen(currentRegion.centerX, currentRegion.centerY);
     const worldContainer = worldContainerRef.current;
     const scale = scaleRef.current;
-    const targetX = width / 2 - regionCenter.screenX * scale;
-    const targetY = height / 2 - regionCenter.screenY * scale;
+    const targetX = dimensionsRef.current.width / 2 - regionCenter.screenX * scale;
+    const targetY = dimensionsRef.current.height / 2 - regionCenter.screenY * scale;
     if (!hasInitializedCamera.current) {
       worldContainer.x = targetX;
       worldContainer.y = targetY;
@@ -85574,14 +85693,14 @@ const OverworldMapPanelContent = ({
       targetX,
       targetY
     };
-  }, [currentRegionIndex, currentRegion, width, height, isRendering]);
+  }, [currentRegionIndex, currentRegion, isRendering]);
   if (packages.length === 0) {
     return /* @__PURE__ */ jsx(
       "div",
       {
         style: {
-          width,
-          height,
+          width: "100%",
+          height: "100%",
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
@@ -85592,7 +85711,7 @@ const OverworldMapPanelContent = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+  return /* @__PURE__ */ jsxs("div", { style: { position: "relative", width: "100%", height: "100%", overflow: "hidden" }, children: [
     (isLoading || isRendering) && /* @__PURE__ */ jsx(
       "div",
       {
@@ -85600,8 +85719,8 @@ const OverworldMapPanelContent = ({
           position: "absolute",
           top: 0,
           left: 0,
-          width,
-          height,
+          width: "100%",
+          height: "100%",
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
@@ -85618,10 +85737,11 @@ const OverworldMapPanelContent = ({
       {
         ref: canvasRef,
         style: {
-          width,
-          height,
+          width: "100%",
+          height: "100%",
           imageRendering: "pixelated",
-          border: "2px solid #1f2937"
+          border: "2px solid #1f2937",
+          boxSizing: "border-box"
         }
       }
     ),
@@ -85697,33 +85817,6 @@ const OverworldMapPanelContent = ({
         ]
       }
     ),
-    mapData.regions.length === 1 && /* @__PURE__ */ jsxs(
-      "div",
-      {
-        style: {
-          position: "absolute",
-          top: 8,
-          left: 8,
-          padding: "8px 12px",
-          backgroundColor: "rgba(0, 0, 0, 0.7)",
-          color: "#ffffff",
-          fontFamily: "monospace",
-          fontSize: 12,
-          borderRadius: 4,
-          pointerEvents: "none"
-        },
-        children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            "Packages: ",
-            mapData.nodes.length
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            "Dependencies: ",
-            mapData.paths.length
-          ] })
-        ]
-      }
-    ),
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -85780,8 +85873,8 @@ const OverworldMapPanel = ({ context: context2 }) => {
 };
 const GitProjectsMapPanelContent = ({
   projects,
-  width = 800,
-  height = 600,
+  width,
+  height,
   isLoading = false
 }) => {
   const packages = useMemo(() => {
@@ -85814,8 +85907,8 @@ const GitProjectsMapPanelContent = ({
       "div",
       {
         style: {
-          width,
-          height,
+          width: "100%",
+          height: "100%",
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
@@ -85984,21 +86077,21 @@ const GitProjectsMapPanel = ({ context: context2 }) => {
       }
     ];
   }, []);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { style: { width: "100%", height: "100%", overflow: "hidden" }, children: /* @__PURE__ */ jsx(
     GitProjectsMapPanelContent,
     {
       projects,
       isLoading: false
     }
-  );
+  ) });
 };
 const CollectionMapPanelContent = ({
   collection,
   memberships,
   repositories,
   dependencies = {},
-  width = 800,
-  height = 600,
+  width,
+  height,
   isLoading = false,
   onProjectMoved
 }) => {
@@ -86008,10 +86101,21 @@ const CollectionMapPanelContent = ({
     );
     return collectionMemberships.map((membership) => {
       var _a, _b, _c;
-      const repo = repositories.find((r2) => r2.name === membership.repositoryId);
-      if (!repo) return null;
+      const repo = repositories.find((r2) => {
+        var _a2;
+        const repoId = ((_a2 = r2.github) == null ? void 0 : _a2.id) || r2.name;
+        return repoId === membership.repositoryId;
+      });
+      if (!repo) {
+        console.warn("[CollectionMapPanel] No repo found for membership:", membership.repositoryId);
+        console.log("[CollectionMapPanel] Sample repo IDs:", repositories.slice(0, 3).map((r2) => {
+          var _a2;
+          return ((_a2 = r2.github) == null ? void 0 : _a2.id) || r2.name;
+        }));
+        return null;
+      }
       let category;
-      if (((_a = repo.provider) == null ? void 0 : _a.type) === "github") {
+      if (((_a = repo.provider) == null ? void 0 : _a.type) === "github" || repo.github) {
         category = "git-repo";
       } else {
         category = repo.theme || "git-repo";
@@ -86030,7 +86134,7 @@ const CollectionMapPanelContent = ({
       return project;
     }).filter((p2) => p2 !== null);
   }, [collection.id, memberships, repositories, dependencies]);
-  return /* @__PURE__ */ jsxs("div", { style: { position: "relative", width, height }, children: [
+  return /* @__PURE__ */ jsxs("div", { style: { position: "relative", width: "100%", height: "100%", overflow: "hidden" }, children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -86102,7 +86206,7 @@ const CollectionMapPanel = ({ context: context2 }) => {
   );
   const dependencies = {};
   const isLoading = collectionsLoading || repositoriesLoading;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { style: { width: "100%", height: "100%", overflow: "hidden" }, children: /* @__PURE__ */ jsx(
     CollectionMapPanelContent,
     {
       collection: selectedCollection,
@@ -86111,7 +86215,7 @@ const CollectionMapPanel = ({ context: context2 }) => {
       dependencies,
       isLoading
     }
-  );
+  ) });
 };
 const getCoverageColor = (percentage) => {
   if (percentage >= 80) return "#22c55e";
@@ -87194,4 +87298,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-72-eqzyq.js.map
+//# sourceMappingURL=index-Cd5eYs9k.js.map