@industry-theme/repository-composition-panels 0.7.0 → 0.7.2

package/dist/{index-DxPhfLrj.js → index-C2t7iewg.js}

@@ -105994,7 +105994,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-C6wZ1sgi.js");
+    await import("./browserAll-B0phuaL8.js");
   }
 };
 const webworkerExt = {
@@ -106005,7 +106005,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-Dpd908jq.js");
+    await import("./webworkerAll-Bv5OfnQp.js");
   }
 };
 class ObservablePoint {
@@ -118248,19 +118248,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-RZ0i-r4B.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-C6CWv4Em.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-BIohIvX4.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-CgS0GbWi.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-N5jLNLxg.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-C5QyB3e0.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -132619,7 +132619,6 @@ 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) {
@@ -132635,9 +132634,10 @@ function generateBuildingSprite(config) {
           decoration = generateStatueSprite(tier.color);
           break;
       }
-      const decorationX = collaborators && collaborators > 0 ? 35 : 0;
+      const decorationX = -isoWidth / 4;
+      const decorationY = 0;
       decoration.x = decorationX;
-      decoration.y = decorationBaseY;
+      decoration.y = decorationY;
       decoration.scale.set(1.8);
       building.addChild(decoration);
       const countText = new Text({
@@ -132652,7 +132652,7 @@ function generateBuildingSprite(config) {
         resolution: 2
       });
       countText.x = decorationX;
-      countText.y = decorationBaseY + 18;
+      countText.y = decorationY + 18;
       countText.anchor.set(0.5, 0);
       building.addChild(countText);
     }
@@ -132675,9 +132675,10 @@ function generateBuildingSprite(config) {
           decoration = generateBandstandSprite(tier.color);
           break;
       }
-      const decorationX = stars && stars > 0 ? -35 : 0;
+      const decorationX = isoWidth / 4;
+      const decorationY = 0;
       decoration.x = decorationX;
-      decoration.y = decorationBaseY;
+      decoration.y = decorationY;
       decoration.scale.set(1.8);
       building.addChild(decoration);
       const countText = new Text({
@@ -132692,7 +132693,7 @@ function generateBuildingSprite(config) {
         resolution: 2
       });
       countText.x = decorationX;
-      countText.y = decorationBaseY + 18;
+      countText.y = decorationY + 18;
       countText.anchor.set(0.5, 0);
       building.addChild(countText);
     }
@@ -133640,6 +133641,9 @@ class IsometricRenderer {
       if (instance.licenseSign) {
         nodes.addChild(instance.licenseSign);
       }
+      if (instance.ownerAvatar) {
+        nodes.addChild(instance.ownerAvatar);
+      }
       nodes.addChild(instance.label);
       if (instance.hoverLabel) {
         nodes.addChild(instance.hoverLabel);
@@ -133909,7 +133913,6 @@ class IsometricRenderer {
       });
       container.addChild(sprite);
     }
-    const decorationBaseY = footprintHeight * 0.5;
     if (node2.stars && node2.stars > 0) {
       const tier = getStarTier(node2.stars);
       if (tier) {
@@ -133925,9 +133928,10 @@ class IsometricRenderer {
             decoration = generateStatueSprite(tier.color);
             break;
         }
-        const decorationX = node2.collaborators && node2.collaborators > 0 ? 35 : 0;
+        const decorationX = -footprintWidth / 2;
+        const decorationY = 0;
         decoration.x = decorationX;
-        decoration.y = decorationBaseY;
+        decoration.y = decorationY;
         decoration.scale.set(1.8);
         container.addChild(decoration);
         const countText = new Text({
@@ -133942,7 +133946,7 @@ class IsometricRenderer {
           resolution: 2
         });
         countText.x = decorationX;
-        countText.y = decorationBaseY + 18;
+        countText.y = decorationY + 18;
         countText.anchor.set(0.5, 0);
         container.addChild(countText);
       }
@@ -133965,9 +133969,10 @@ class IsometricRenderer {
             decoration = generateBandstandSprite(tier.color);
             break;
         }
-        const decorationX = node2.stars && node2.stars > 0 ? -35 : 0;
+        const decorationX = footprintWidth / 2;
+        const decorationY = 0;
         decoration.x = decorationX;
-        decoration.y = decorationBaseY;
+        decoration.y = decorationY;
         decoration.scale.set(1.8);
         container.addChild(decoration);
         const countText = new Text({
@@ -133982,11 +133987,46 @@ class IsometricRenderer {
           resolution: 2
         });
         countText.x = decorationX;
-        countText.y = decorationBaseY + 18;
+        countText.y = decorationY + 18;
         countText.anchor.set(0.5, 0);
         container.addChild(countText);
       }
     }
+    if (node2.ownerAvatar) {
+      try {
+        const avatarSize = 24;
+        const avatarY = footprintHeight - avatarSize / 2;
+        const background = new Graphics();
+        background.circle(0, avatarY, avatarSize / 2);
+        background.fill({ color: 6710886 });
+        container.addChild(background);
+        const mask = new Graphics();
+        mask.circle(0, avatarY, avatarSize / 2);
+        mask.fill({ color: 16777215 });
+        container.addChild(mask);
+        const avatarTexture = Texture.from(node2.ownerAvatar);
+        if (avatarTexture) {
+          const avatar = new Sprite(avatarTexture);
+          avatar.anchor.set(0.5, 0.5);
+          avatar.x = 0;
+          avatar.y = avatarY;
+          avatar.mask = mask;
+          const updateSize = () => {
+            const w2 = avatarTexture.width;
+            const h2 = avatarTexture.height;
+            if (w2 > 0 && h2 > 0) {
+              avatar.scale.set(avatarSize / w2, avatarSize / h2);
+            }
+          };
+          updateSize();
+          if (avatarTexture.source) {
+            avatarTexture.source.on("update", updateSize);
+          }
+          container.addChild(avatar);
+        }
+      } catch {
+      }
+    }
     const highlight = this.createHighlight(
       node2.gridX,
       node2.gridY,
@@ -134194,6 +134234,45 @@ class IsometricRenderer {
         licenseSign.zIndex = sprite.zIndex + 0.15;
         label.visible = false;
       }
+      let ownerAvatar;
+      if (node2.ownerAvatar) {
+        try {
+          const footprint = calculateFootprint(sizeMultiplier);
+          const avatarSize = 24;
+          ownerAvatar = new Container();
+          const background = new Graphics();
+          background.circle(0, 0, avatarSize / 2);
+          background.fill({ color: 6710886 });
+          ownerAvatar.addChild(background);
+          const mask = new Graphics();
+          mask.circle(0, 0, avatarSize / 2);
+          mask.fill({ color: 16777215 });
+          ownerAvatar.addChild(mask);
+          const avatarTexture = Texture.from(node2.ownerAvatar);
+          if (avatarTexture) {
+            const avatar = new Sprite(avatarTexture);
+            avatar.anchor.set(0.5, 0.5);
+            avatar.mask = mask;
+            const updateSize = () => {
+              const w2 = avatarTexture.width;
+              const h2 = avatarTexture.height;
+              if (w2 > 0 && h2 > 0) {
+                avatar.scale.set(avatarSize / w2, avatarSize / h2);
+              }
+            };
+            updateSize();
+            if (avatarTexture.source) {
+              avatarTexture.source.on("update", updateSize);
+            }
+            ownerAvatar.addChild(avatar);
+          }
+          ownerAvatar.x = screenX;
+          ownerAvatar.y = screenY + footprint.height - avatarSize / 2;
+          ownerAvatar.zIndex = sprite.zIndex + 0.12;
+        } catch {
+          ownerAvatar = void 0;
+        }
+      }
       const instance = {
         sprite,
         highlight,
@@ -134201,6 +134280,7 @@ class IsometricRenderer {
         weathering,
         licenseGround,
         licenseSign,
+        ownerAvatar,
         gridPosition: { gridX: node2.gridX, gridY: node2.gridY },
         size: sizeMultiplier,
         spriteKey: node2.sprite,
@@ -134240,6 +134320,12 @@ class IsometricRenderer {
             licenseSign.y = pos.screenY + footprint.height * 0.75;
             licenseSign.zIndex = getIsometricZIndex(gridX, gridY) + 0.15;
           }
+          if (ownerAvatar) {
+            const footprint = calculateFootprint(sizeMultiplier);
+            ownerAvatar.x = pos.screenX;
+            ownerAvatar.y = pos.screenY + footprint.height - 12;
+            ownerAvatar.zIndex = getIsometricZIndex(gridX, gridY) + 0.12;
+          }
           instance.gridPosition = { gridX, gridY };
         },
         destroy: () => {
@@ -134249,6 +134335,7 @@ class IsometricRenderer {
           weathering == null ? void 0 : weathering.destroy();
           licenseGround == null ? void 0 : licenseGround.destroy();
           licenseSign == null ? void 0 : licenseSign.destroy();
+          ownerAvatar == null ? void 0 : ownerAvatar.destroy();
         }
       };
       spriteInstances.set(node2.id, instance);
@@ -135442,7 +135529,8 @@ function nodesToUnifiedOverworldMap(nodes, options = {}) {
       subdivisions,
       stars: node2.stars,
       collaborators: node2.collaborators,
-      license: node2.license
+      license: node2.license,
+      ownerAvatar: node2.ownerAvatar
     };
   });
   const paths = [];
@@ -135567,9 +135655,11 @@ const OverworldMapPanelContent = ({
   const pathManagerRef = useRef(null);
   const rendererRef = useRef(null);
   const [isRendering, setIsRendering] = useState(true);
-  const [isResizing, setIsResizing] = useState(false);
   const [initializationComplete, setInitializationComplete] = useState(0);
-  const dimensionsRef = useRef({ width: width || 800, height: height || 600 });
+  const visibleDimensionsRef = useRef({
+    width: width || 800,
+    height: height || 600
+  });
   const placeholdersRef = useRef(null);
   const sceneContainersRef = useRef(null);
   const offsetRef = useRef({
@@ -135646,16 +135736,18 @@ const OverworldMapPanelContent = ({
           scale: viewportRef.current.scale.x
         };
       }
-      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
+      const canvasWidth = window.innerWidth;
+      const canvasHeight = window.innerHeight;
+      const visibleWidth = ((_a = canvasRef.current) == null ? void 0 : _a.clientWidth) || width || 800;
+      const visibleHeight = ((_b = canvasRef.current) == null ? void 0 : _b.clientHeight) || height || 600;
+      visibleDimensionsRef.current = {
+        width: visibleWidth,
+        height: visibleHeight
       };
       app = new Application();
       await app.init({
-        width: containerWidth,
-        height: containerHeight,
+        width: canvasWidth,
+        height: canvasHeight,
         backgroundColor: 1710618,
         // Dark gray background (matches LayoutEngineTest)
         antialias: false,
@@ -135689,8 +135781,8 @@ const OverworldMapPanelContent = ({
       const worldWidth = mapData.width * ISO_TILE_WIDTH$1;
       const worldHeight = mapData.height * ISO_TILE_HEIGHT$1;
       const viewport = new it({
-        screenWidth: containerWidth,
-        screenHeight: containerHeight,
+        screenWidth: visibleWidth,
+        screenHeight: visibleHeight,
         worldWidth,
         worldHeight,
         events: app.renderer.events
@@ -135787,10 +135879,28 @@ const OverworldMapPanelContent = ({
         viewport.setZoom(savedCameraPosition.current.scale);
       } else if (mapData.regions.length > 0 && !hasInitializedCamera.current) {
         const firstRegion = mapData.regions[0];
-        viewport.moveCenter(
-          gridToScreen(firstRegion.centerX, firstRegion.centerY).screenX,
-          gridToScreen(firstRegion.centerX, firstRegion.centerY).screenY
+        const bounds = firstRegion.bounds;
+        const topCorner = gridToScreen(bounds.x, bounds.y);
+        const bottomCorner = gridToScreen(
+          bounds.x + bounds.width,
+          bounds.y + bounds.height
         );
+        const leftCorner = gridToScreen(bounds.x, bounds.y + bounds.height);
+        const rightCorner = gridToScreen(bounds.x + bounds.width, bounds.y);
+        const spriteHeightOffset = 140;
+        const screenMinX = leftCorner.screenX;
+        const screenMaxX = rightCorner.screenX;
+        const screenMinY = topCorner.screenY - spriteHeightOffset;
+        const screenMaxY = bottomCorner.screenY;
+        const screenCenterX = (screenMinX + screenMaxX) / 2;
+        const screenCenterY = (screenMinY + screenMaxY) / 2;
+        viewport.moveCenter(screenCenterX, screenCenterY);
+        const regionScreenWidth = screenMaxX - screenMinX;
+        const regionScreenHeight = screenMaxY - screenMinY;
+        const zoomX = visibleWidth * 0.65 / regionScreenWidth;
+        const zoomY = visibleHeight * 0.65 / regionScreenHeight;
+        const fitZoom = Math.min(zoomX, zoomY, 1);
+        viewport.setZoom(fitZoom);
         hasInitializedCamera.current = true;
       }
       const findAdjacentEmptyPositions = (regions) => {
@@ -136014,26 +136124,20 @@ const OverworldMapPanelContent = ({
       setInitializationComplete((prev) => prev + 1);
     };
     let resizeObserver = null;
-    let resizeTimeout = null;
     const initAndSetupResize = async () => {
       await initPixi();
-      if (canvasRef.current && appRef.current) {
+      if (canvasRef.current) {
         resizeObserver = new ResizeObserver((entries) => {
-          if (!appRef.current || !viewportRef.current) return;
-          setIsResizing(true);
-          if (resizeTimeout) {
-            clearTimeout(resizeTimeout);
-          }
           for (const entry of entries) {
             const { width: newWidth, height: newHeight } = entry.contentRect;
-            dimensionsRef.current = { width: newWidth, height: newHeight };
-            appRef.current.renderer.resize(newWidth, newHeight);
-            viewportRef.current.resize(newWidth, newHeight);
-            appRef.current.stage.hitArea = appRef.current.screen;
+            visibleDimensionsRef.current = {
+              width: newWidth,
+              height: newHeight
+            };
+            if (viewportRef.current) {
+              viewportRef.current.resize(newWidth, newHeight);
+            }
           }
-          resizeTimeout = window.setTimeout(() => {
-            setIsResizing(false);
-          }, 100);
         });
         resizeObserver.observe(canvasRef.current);
       }
@@ -136042,9 +136146,6 @@ const OverworldMapPanelContent = ({
     return () => {
       cleanup = true;
       isInitializedRef.current = false;
-      if (resizeTimeout) {
-        clearTimeout(resizeTimeout);
-      }
       if (resizeObserver) {
         resizeObserver.disconnect();
       }
@@ -136065,7 +136166,7 @@ const OverworldMapPanelContent = ({
       animationRef.current = null;
       rendererRef.current = null;
     };
-  }, [stableCollectionKey, width, height]);
+  }, [stableCollectionKey]);
   useEffect(() => {
     var _a, _b;
     if (!isInitializedRef.current) {
@@ -136138,7 +136239,11 @@ const OverworldMapPanelContent = ({
         if (toUpdatePosition.length > 0 && pathManagerRef.current) {
           for (const id2 of toUpdatePosition) {
             const node2 = newNodeMap.get(id2);
-            pathManagerRef.current.updateNodePosition(id2, node2.gridX, node2.gridY);
+            pathManagerRef.current.updateNodePosition(
+              id2,
+              node2.gridX,
+              node2.gridY
+            );
           }
         }
         return;
@@ -136200,8 +136305,8 @@ const OverworldMapPanelContent = ({
       return;
     }
     setIsAnimating(true);
-    const targetX = dimensionsRef.current.width / 2 - regionCenter.screenX;
-    const targetY = dimensionsRef.current.height / 2 - regionCenter.screenY;
+    const targetX = visibleDimensionsRef.current.width / 2 - regionCenter.screenX;
+    const targetY = visibleDimensionsRef.current.height / 2 - regionCenter.screenY;
     animationRef.current = {
       startTime: performance.now(),
       startX: viewport.x,
@@ -136229,6 +136334,7 @@ const OverworldMapPanelContent = ({
         width: "100%",
         height: "100%",
         overflow: "hidden"
+        // Container clips the viewport-sized canvas to its actual bounds
       },
       children: [
         (isLoading || isRendering) && /* @__PURE__ */ jsx(
@@ -136256,15 +136362,13 @@ const OverworldMapPanelContent = ({
           {
             ref: canvasRef,
             style: {
-              width: "100%",
-              height: "100%",
+              width: "100dvw",
+              height: "100dvh",
               imageRendering: "pixelated",
               border: "2px solid #1f2937",
               boxSizing: "border-box",
-              backgroundColor: "#1a1a1a",
+              backgroundColor: "#1a1a1a"
               // Match Pixi background to prevent flash
-              opacity: isResizing ? 0.95 : 1,
-              transition: "opacity 0.1s ease-out"
             }
           }
         ),
@@ -136274,8 +136378,7 @@ const OverworldMapPanelContent = ({
             style: {
               position: "absolute",
               top: 8,
-              left: "50%",
-              transform: "translateX(-50%)",
+              left: 8,
               display: "flex",
               alignItems: "center",
               gap: "12px",
@@ -138315,4 +138418,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-DxPhfLrj.js.map
+//# sourceMappingURL=index-C2t7iewg.js.map