@industry-theme/repository-composition-panels 0.7.8 → 0.7.10

package/dist/{index-DpCjdndq.js → index-DwRnT31n.js}

@@ -834,32 +834,21 @@ const GitChangesPanelContent = ({
         status: "??"
       }))
     ];
-    const filteredStatusData = searchTerm ? statusData.filter(
-      (item) => item.filePath.toLowerCase().includes(searchTerm.toLowerCase())
-    ) : statusData;
     let filteredTree = fileTree;
     if (searchTerm && fileTree.allFiles) {
-      const rootPath2 = fileTree.root.path;
-      const usesAbsolutePaths = fileTree.allFiles.length > 0 && fileTree.allFiles[0].path.startsWith("/");
+      const searchLower = searchTerm.toLowerCase();
+      const matchingFiles = fileTree.allFiles.filter(
+        (file) => file.path.toLowerCase().includes(searchLower)
+      );
       const matchingPaths = /* @__PURE__ */ new Set();
-      filteredStatusData.forEach((item) => {
-        if (usesAbsolutePaths) {
-          const absolutePath = `${rootPath2}/${item.filePath}`;
-          matchingPaths.add(absolutePath);
-          const parts = item.filePath.split("/");
-          for (let i2 = 1; i2 < parts.length; i2++) {
-            const parentPath = `${rootPath2}/${parts.slice(0, i2).join("/")}`;
-            matchingPaths.add(parentPath);
-          }
-        } else {
-          matchingPaths.add(item.filePath);
-          const parts = item.filePath.split("/");
-          for (let i2 = 1; i2 < parts.length; i2++) {
-            matchingPaths.add(parts.slice(0, i2).join("/"));
-          }
+      matchingFiles.forEach((file) => {
+        matchingPaths.add(file.path);
+        const parts = file.path.split("/");
+        for (let i2 = 1; i2 < parts.length; i2++) {
+          matchingPaths.add(parts.slice(0, i2).join("/"));
         }
       });
-      matchingPaths.add(rootPath2);
+      matchingPaths.add(fileTree.root.path);
       const filteredAllFiles = fileTree.allFiles.filter(
         (file) => matchingPaths.has(file.path)
       );
@@ -892,7 +881,7 @@ const GitChangesPanelContent = ({
         }
       };
     }
-    return { tree: filteredTree, statusData: filteredStatusData };
+    return { tree: filteredTree, statusData };
   }, [isLoading, fileTree, gitStatus, searchTerm]);
   const renderContent = () => {
     if (isLoading) {
@@ -953,42 +942,25 @@ const GitChangesPanelContent = ({
   };
   return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
     /* @__PURE__ */ jsx(
-      "div",
+      "input",
       {
+        type: "text",
+        placeholder: "Filter files...",
+        value: searchTerm,
+        onChange: (e2) => setSearchTerm(e2.target.value),
         style: {
-          padding: "6px 16px",
+          width: "100%",
+          padding: "0 16px",
+          fontSize: theme2.fontSizes[1],
+          fontFamily: theme2.fonts.body,
+          color: theme2.colors.text,
+          backgroundColor: theme2.colors.backgroundSecondary,
+          border: "none",
           borderBottom: `1px solid ${theme2.colors.border}`,
-          backgroundColor: theme2.colors.background,
-          height: "40px",
-          boxSizing: "border-box"
-        },
-        children: /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "text",
-            placeholder: "Filter files...",
-            value: searchTerm,
-            onChange: (e2) => setSearchTerm(e2.target.value),
-            style: {
-              width: "100%",
-              padding: "4px 10px",
-              fontSize: theme2.fontSizes[1],
-              fontFamily: theme2.fonts.body,
-              color: theme2.colors.text,
-              backgroundColor: theme2.colors.backgroundSecondary,
-              border: `1px solid ${theme2.colors.border}`,
-              borderRadius: "4px",
-              outline: "none",
-              boxSizing: "border-box"
-            },
-            onFocus: (e2) => {
-              e2.target.style.borderColor = theme2.colors.primary;
-            },
-            onBlur: (e2) => {
-              e2.target.style.borderColor = theme2.colors.border;
-            }
-          }
-        )
+          outline: "none",
+          boxSizing: "border-box",
+          height: "40px"
+        }
       }
     ),
     /* @__PURE__ */ jsx("div", { style: { flex: 1, overflow: "auto" }, children: renderContent() }),
@@ -106235,7 +106207,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-33uY9PDc.js");
+    await import("./browserAll-DYTLK9ye.js");
   }
 };
 const webworkerExt = {
@@ -106246,7 +106218,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-Cmk7KfNi.js");
+    await import("./webworkerAll-CRJ3DnO-.js");
   }
 };
 class ObservablePoint {
@@ -118489,19 +118461,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-XEr9nHdK.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-C_cS5rz0.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-C1p4kl1P.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-6xxdF26-.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-DVCVlQAe.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-Ch15S5wh.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -132406,6 +132378,122 @@ class it extends Container {
     t2 < this.left ? (this.left = t2, h2 = true) : t2 + n2 > this.right && (this.right = t2 + n2, h2 = true), e2 < this.top ? (this.top = e2, h2 = true) : e2 + i2 > this.bottom && (this.bottom = e2 + i2, h2 = true), h2 && this.emit("moved", { viewport: this, type: "ensureVisible" });
   }
 }
+function generateBuildingSprite(config) {
+  const { size, color: color2 = 13789470 } = config;
+  const building = new Graphics();
+  const baseWidth = 40 * size;
+  const baseDepth = 40 * size;
+  const baseHeight = 50 * size;
+  const width = baseWidth;
+  const depth = baseDepth;
+  const height = baseHeight;
+  const isoWidth = width;
+  const isoDepthY = depth * 0.25;
+  const darkColor = adjustBrightness$1(color2, 0.6);
+  const mediumColor = adjustBrightness$1(color2, 0.75);
+  const baseColor = color2;
+  const lightColor = adjustBrightness$1(color2, 1.2);
+  building.fillStyle = { color: darkColor };
+  building.beginPath();
+  building.moveTo(-isoWidth / 2, 0);
+  building.lineTo(0, -isoDepthY);
+  building.lineTo(isoWidth / 2, 0);
+  building.lineTo(0, isoDepthY);
+  building.closePath();
+  building.fill();
+  building.fillStyle = { color: mediumColor };
+  building.beginPath();
+  building.moveTo(-isoWidth / 2, 0);
+  building.lineTo(-isoWidth / 2, -height);
+  building.lineTo(0, -height - isoDepthY);
+  building.lineTo(0, -isoDepthY);
+  building.closePath();
+  building.fill();
+  building.fillStyle = { color: baseColor };
+  building.beginPath();
+  building.moveTo(0, -isoDepthY);
+  building.lineTo(0, -height - isoDepthY);
+  building.lineTo(isoWidth / 2, -height);
+  building.lineTo(isoWidth / 2, 0);
+  building.closePath();
+  building.fill();
+  building.fillStyle = { color: lightColor };
+  building.beginPath();
+  building.moveTo(-isoWidth / 2, -height);
+  building.lineTo(0, -height - isoDepthY);
+  building.lineTo(isoWidth / 2, -height);
+  building.lineTo(0, -height + isoDepthY);
+  building.closePath();
+  building.fill();
+  building.strokeStyle = { width: 2, color: 0, alpha: 0.3 };
+  building.beginPath();
+  building.moveTo(-isoWidth / 2, 0);
+  building.lineTo(-isoWidth / 2, -height);
+  building.lineTo(0, -height - isoDepthY);
+  building.lineTo(isoWidth / 2, -height);
+  building.lineTo(isoWidth / 2, 0);
+  building.stroke();
+  return building;
+}
+function adjustBrightness$1(color2, factor) {
+  const r2 = color2 >> 16 & 255;
+  const g2 = color2 >> 8 & 255;
+  const b2 = color2 & 255;
+  const newR = Math.min(255, Math.floor(r2 * factor));
+  const newG = Math.min(255, Math.floor(g2 * factor));
+  const newB = Math.min(255, Math.floor(b2 * factor));
+  return newR << 16 | newG << 8 | newB;
+}
+const TILE_SIZE = 32;
+const MAX_NODES_PER_MAP = 12;
+const REGION_SIZE_TILES = 25;
+const ISO_TILE_WIDTH$1 = TILE_SIZE * 2;
+const ISO_TILE_HEIGHT$1 = TILE_SIZE;
+function gridToScreen(gridX, gridY) {
+  const screenX = (gridX - gridY) * (ISO_TILE_WIDTH$1 / 2);
+  const screenY = (gridX + gridY) * (ISO_TILE_HEIGHT$1 / 2);
+  return { screenX, screenY };
+}
+function screenToGrid(screenX, screenY) {
+  const gridX = (screenX / (ISO_TILE_WIDTH$1 / 2) + screenY / (ISO_TILE_HEIGHT$1 / 2)) / 2;
+  const gridY = (screenY / (ISO_TILE_HEIGHT$1 / 2) - screenX / (ISO_TILE_WIDTH$1 / 2)) / 2;
+  return { gridX, gridY };
+}
+function getIsometricZIndex(gridX, gridY) {
+  return gridX + gridY;
+}
+function calculateRegionCameraPosition(regionCenterX, regionCenterY, bounds) {
+  const center = gridToScreen(regionCenterX, regionCenterY);
+  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 screenWidth = rightCorner.screenX - leftCorner.screenX;
+  const screenHeight = bottomCorner.screenY - topCorner.screenY;
+  return {
+    centerX: center.screenX,
+    centerY: center.screenY,
+    screenWidth,
+    screenHeight
+  };
+}
+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 STAR_TIERS = [
   // Flags (basic tiers)
   { min: 0, max: 100, name: "New", decorationType: "flag", color: 9741240 },
@@ -132696,7 +132784,7 @@ function generatePavilionSprite(color2) {
   pavilion.lineTo(12, 6);
   pavilion.lineTo(6, 7);
   pavilion.closePath();
-  pavilion.fill(adjustBrightness$1(color2, 0.7));
+  pavilion.fill(adjustBrightness(color2, 0.7));
   pavilion.beginPath();
   pavilion.moveTo(1, 5);
   pavilion.lineTo(6, 2);
@@ -132731,14 +132819,14 @@ function generateGazeboSprite(color2) {
   gazebo.lineTo(12, 8);
   gazebo.lineTo(7, 9);
   gazebo.closePath();
-  gazebo.fill(adjustBrightness$1(color2, 0.6));
+  gazebo.fill(adjustBrightness(color2, 0.6));
   gazebo.beginPath();
   gazebo.moveTo(3, 6);
   gazebo.lineTo(7, 3);
   gazebo.lineTo(11, 6);
   gazebo.lineTo(7, 7);
   gazebo.closePath();
-  gazebo.fill(adjustBrightness$1(color2, 0.8));
+  gazebo.fill(adjustBrightness(color2, 0.8));
   gazebo.beginPath();
   gazebo.moveTo(4, 4);
   gazebo.lineTo(7, 2);
@@ -132775,14 +132863,14 @@ function generateBandstandSprite(color2) {
   bandstand.lineTo(16, 9);
   bandstand.lineTo(8, 11);
   bandstand.closePath();
-  bandstand.fill(adjustBrightness$1(color2, 0.6));
+  bandstand.fill(adjustBrightness(color2, 0.6));
   bandstand.beginPath();
   bandstand.moveTo(2, 7);
   bandstand.lineTo(8, 2);
   bandstand.lineTo(14, 7);
   bandstand.lineTo(8, 9);
   bandstand.closePath();
-  bandstand.fill(adjustBrightness$1(color2, 0.8));
+  bandstand.fill(adjustBrightness(color2, 0.8));
   bandstand.beginPath();
   bandstand.moveTo(4, 5);
   bandstand.lineTo(8, 1);
@@ -132793,154 +132881,9 @@ function generateBandstandSprite(color2) {
   bandstand.circle(8, 0, 2);
   bandstand.fill(16766720);
   bandstand.rect(3, 9, 10, 1);
-  bandstand.fill(adjustBrightness$1(color2, 1.2));
+  bandstand.fill(adjustBrightness(color2, 1.2));
   return bandstand;
 }
-function adjustBrightness$1(color2, factor) {
-  const r2 = color2 >> 16 & 255;
-  const g2 = color2 >> 8 & 255;
-  const b2 = color2 & 255;
-  const newR = Math.min(255, Math.floor(r2 * factor));
-  const newG = Math.min(255, Math.floor(g2 * factor));
-  const newB = Math.min(255, Math.floor(b2 * factor));
-  return newR << 16 | newG << 8 | newB;
-}
-function generateBuildingSprite(config) {
-  const { size, color: color2 = 13789470, stars, collaborators } = config;
-  const building = new Graphics();
-  const baseWidth = 40 * size;
-  const baseDepth = 40 * size;
-  const baseHeight = 50 * size;
-  const width = baseWidth;
-  const depth = baseDepth;
-  const height = baseHeight;
-  const isoWidth = width;
-  const isoDepthY = depth * 0.25;
-  const darkColor = adjustBrightness(color2, 0.6);
-  const mediumColor = adjustBrightness(color2, 0.75);
-  const baseColor = color2;
-  const lightColor = adjustBrightness(color2, 1.2);
-  building.fillStyle = { color: darkColor };
-  building.beginPath();
-  building.moveTo(-isoWidth / 2, 0);
-  building.lineTo(0, -isoDepthY);
-  building.lineTo(isoWidth / 2, 0);
-  building.lineTo(0, isoDepthY);
-  building.closePath();
-  building.fill();
-  building.fillStyle = { color: mediumColor };
-  building.beginPath();
-  building.moveTo(-isoWidth / 2, 0);
-  building.lineTo(-isoWidth / 2, -height);
-  building.lineTo(0, -height - isoDepthY);
-  building.lineTo(0, -isoDepthY);
-  building.closePath();
-  building.fill();
-  building.fillStyle = { color: baseColor };
-  building.beginPath();
-  building.moveTo(0, -isoDepthY);
-  building.lineTo(0, -height - isoDepthY);
-  building.lineTo(isoWidth / 2, -height);
-  building.lineTo(isoWidth / 2, 0);
-  building.closePath();
-  building.fill();
-  building.fillStyle = { color: lightColor };
-  building.beginPath();
-  building.moveTo(-isoWidth / 2, -height);
-  building.lineTo(0, -height - isoDepthY);
-  building.lineTo(isoWidth / 2, -height);
-  building.lineTo(0, -height + isoDepthY);
-  building.closePath();
-  building.fill();
-  building.strokeStyle = { width: 2, color: 0, alpha: 0.3 };
-  building.beginPath();
-  building.moveTo(-isoWidth / 2, 0);
-  building.lineTo(-isoWidth / 2, -height);
-  building.lineTo(0, -height - isoDepthY);
-  building.lineTo(isoWidth / 2, -height);
-  building.lineTo(isoWidth / 2, 0);
-  building.stroke();
-  if (stars && stars > 0) {
-    const tier = getStarTier(stars);
-    if (tier) {
-      let decoration;
-      switch (tier.decorationType) {
-        case "flag":
-          decoration = generateFlagSprite(tier.color);
-          break;
-        case "trophy":
-          decoration = generateTrophySprite(tier.color);
-          break;
-        case "statue":
-          decoration = generateStatueSprite(tier.color);
-          break;
-      }
-      const decorationX = -isoWidth / 4;
-      const decorationY = 0;
-      decoration.x = decorationX;
-      decoration.y = decorationY;
-      decoration.scale.set(1.8);
-      building.addChild(decoration);
-      const countText = new Text({
-        text: formatStarCount(stars),
-        style: {
-          fontSize: 10,
-          fill: 16777215,
-          fontFamily: "Arial",
-          fontWeight: "bold",
-          stroke: { color: 0, width: 2 }
-        },
-        resolution: 2
-      });
-      countText.x = decorationX;
-      countText.y = decorationY + 18;
-      countText.anchor.set(0.5, 0);
-      building.addChild(countText);
-    }
-  }
-  if (collaborators && collaborators > 0) {
-    const tier = getCollaboratorTier(collaborators);
-    if (tier) {
-      let decoration;
-      switch (tier.decorationType) {
-        case "bench":
-          decoration = generateBenchSprite(tier.color);
-          break;
-        case "pavilion":
-          decoration = generatePavilionSprite(tier.color);
-          break;
-        case "gazebo":
-          decoration = generateGazeboSprite(tier.color);
-          break;
-        case "bandstand":
-          decoration = generateBandstandSprite(tier.color);
-          break;
-      }
-      const decorationX = isoWidth / 4;
-      const decorationY = 0;
-      decoration.x = decorationX;
-      decoration.y = decorationY;
-      decoration.scale.set(1.8);
-      building.addChild(decoration);
-      const countText = new Text({
-        text: formatCollaboratorCount(collaborators),
-        style: {
-          fontSize: 10,
-          fill: 16777215,
-          fontFamily: "Arial",
-          fontWeight: "bold",
-          stroke: { color: 0, width: 2 }
-        },
-        resolution: 2
-      });
-      countText.x = decorationX;
-      countText.y = decorationY + 18;
-      countText.anchor.set(0.5, 0);
-      building.addChild(countText);
-    }
-  }
-  return building;
-}
 function adjustBrightness(color2, factor) {
   const r2 = color2 >> 16 & 255;
   const g2 = color2 >> 8 & 255;
@@ -132950,56 +132893,6 @@ function adjustBrightness(color2, factor) {
   const newB = Math.min(255, Math.floor(b2 * factor));
   return newR << 16 | newG << 8 | newB;
 }
-const TILE_SIZE = 32;
-const MAX_NODES_PER_MAP = 12;
-const REGION_SIZE_TILES = 25;
-const ISO_TILE_WIDTH$1 = TILE_SIZE * 2;
-const ISO_TILE_HEIGHT$1 = TILE_SIZE;
-function gridToScreen(gridX, gridY) {
-  const screenX = (gridX - gridY) * (ISO_TILE_WIDTH$1 / 2);
-  const screenY = (gridX + gridY) * (ISO_TILE_HEIGHT$1 / 2);
-  return { screenX, screenY };
-}
-function screenToGrid(screenX, screenY) {
-  const gridX = (screenX / (ISO_TILE_WIDTH$1 / 2) + screenY / (ISO_TILE_HEIGHT$1 / 2)) / 2;
-  const gridY = (screenY / (ISO_TILE_HEIGHT$1 / 2) - screenX / (ISO_TILE_WIDTH$1 / 2)) / 2;
-  return { gridX, gridY };
-}
-function getIsometricZIndex(gridX, gridY) {
-  return gridX + gridY;
-}
-function calculateRegionCameraPosition(regionCenterX, regionCenterY, bounds) {
-  const center = gridToScreen(regionCenterX, regionCenterY);
-  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 screenWidth = rightCorner.screenX - leftCorner.screenX;
-  const screenHeight = bottomCorner.screenY - topCorner.screenY;
-  return {
-    centerX: center.screenX,
-    centerY: center.screenY,
-    screenWidth,
-    screenHeight
-  };
-}
-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 TILE_WIDTH = ISO_TILE_WIDTH$1;
 const TILE_HEIGHT = ISO_TILE_HEIGHT$1;
 function calculateFootprint(sizeMultiplier) {
@@ -133905,6 +133798,12 @@ class IsometricRenderer {
       if (instance.ownerAvatar) {
         nodes.addChild(instance.ownerAvatar);
       }
+      if (instance.starDecoration) {
+        nodes.addChild(instance.starDecoration);
+      }
+      if (instance.collaboratorDecoration) {
+        nodes.addChild(instance.collaboratorDecoration);
+      }
       nodes.addChild(instance.label);
       if (instance.hoverLabel) {
         nodes.addChild(instance.hoverLabel);
@@ -134189,14 +134088,24 @@ class IsometricRenderer {
             decoration = generateStatueSprite(tier.color);
             break;
         }
+        const decorationDimensions = {
+          flag: { w: 8, h: 12 },
+          trophy: { w: 8, h: 10 },
+          statue: { w: 10, h: 15 }
+        };
+        const dim = decorationDimensions[tier.decorationType] || {
+          w: 8,
+          h: 12
+        };
+        decoration.pivot.set(dim.w, dim.h);
         const decorationX = -footprintWidth / 2;
         const decorationY = 0;
         decoration.x = decorationX;
         decoration.y = decorationY;
-        decoration.scale.set(1.8);
+        decoration.scale.set(1.5 * sizeMultiplier);
         container.addChild(decoration);
         const countText = new Text({
-          text: formatStarCount(node2.stars),
+          text: `${formatStarCount(node2.stars)} stars`,
           style: {
             fontSize: 10,
             fill: 16777215,
@@ -134206,8 +134115,8 @@ class IsometricRenderer {
           },
           resolution: 2
         });
-        countText.x = decorationX;
-        countText.y = decorationY + 18;
+        countText.x = decorationX - dim.w * 1.5 * sizeMultiplier / 2;
+        countText.y = decorationY + 4;
         countText.anchor.set(0.5, 0);
         container.addChild(countText);
       }
@@ -134230,14 +134139,25 @@ class IsometricRenderer {
             decoration = generateBandstandSprite(tier.color);
             break;
         }
+        const decorationDimensions = {
+          bench: { w: 8, h: 9 },
+          pavilion: { w: 12, h: 12 },
+          gazebo: { w: 14, h: 14 },
+          bandstand: { w: 16, h: 16 }
+        };
+        const dim = decorationDimensions[tier.decorationType] || {
+          w: 12,
+          h: 12
+        };
+        decoration.pivot.set(0, dim.h);
         const decorationX = footprintWidth / 2;
         const decorationY = 0;
         decoration.x = decorationX;
         decoration.y = decorationY;
-        decoration.scale.set(1.8);
+        decoration.scale.set(1.5 * sizeMultiplier);
         container.addChild(decoration);
         const countText = new Text({
-          text: formatCollaboratorCount(node2.collaborators),
+          text: `${formatCollaboratorCount(node2.collaborators)} collabs`,
           style: {
             fontSize: 10,
             fill: 16777215,
@@ -134247,8 +134167,8 @@ class IsometricRenderer {
           },
           resolution: 2
         });
-        countText.x = decorationX;
-        countText.y = decorationY + 18;
+        countText.x = decorationX + dim.w * 1.5 * sizeMultiplier / 2;
+        countText.y = decorationY + 4;
         countText.anchor.set(0.5, 0);
         container.addChild(countText);
       }
@@ -134534,6 +134454,110 @@ class IsometricRenderer {
           ownerAvatar = void 0;
         }
       }
+      let starDecoration;
+      if (node2.stars && node2.stars > 0) {
+        const tier = getStarTier(node2.stars);
+        if (tier) {
+          const footprint = calculateFootprint(sizeMultiplier);
+          starDecoration = new Container();
+          let decoration;
+          switch (tier.decorationType) {
+            case "flag":
+              decoration = generateFlagSprite(tier.color);
+              break;
+            case "trophy":
+              decoration = generateTrophySprite(tier.color);
+              break;
+            case "statue":
+              decoration = generateStatueSprite(tier.color);
+              break;
+          }
+          const decorationDimensions = {
+            flag: { w: 8, h: 12 },
+            trophy: { w: 8, h: 10 },
+            statue: { w: 10, h: 15 }
+          };
+          const dim = decorationDimensions[tier.decorationType] || {
+            w: 8,
+            h: 12
+          };
+          decoration.pivot.set(dim.w, dim.h);
+          decoration.scale.set(1.5 * sizeMultiplier);
+          starDecoration.addChild(decoration);
+          const countText = new Text({
+            text: `${formatStarCount(node2.stars)} stars`,
+            style: {
+              fontSize: 10,
+              fill: 16777215,
+              fontFamily: "Arial",
+              fontWeight: "bold",
+              stroke: { color: 0, width: 2 }
+            },
+            resolution: 2
+          });
+          countText.x = -(dim.w * 1.5 * sizeMultiplier) / 2;
+          countText.y = 4;
+          countText.anchor.set(0.5, 0);
+          starDecoration.addChild(countText);
+          starDecoration.x = screenX - footprint.width / 2;
+          starDecoration.y = screenY;
+          starDecoration.zIndex = sprite.zIndex + 0.11;
+        }
+      }
+      let collaboratorDecoration;
+      if (node2.collaborators && node2.collaborators > 0) {
+        const tier = getCollaboratorTier(node2.collaborators);
+        if (tier) {
+          const footprint = calculateFootprint(sizeMultiplier);
+          collaboratorDecoration = new Container();
+          let decoration;
+          switch (tier.decorationType) {
+            case "bench":
+              decoration = generateBenchSprite(tier.color);
+              break;
+            case "pavilion":
+              decoration = generatePavilionSprite(tier.color);
+              break;
+            case "gazebo":
+              decoration = generateGazeboSprite(tier.color);
+              break;
+            case "bandstand":
+              decoration = generateBandstandSprite(tier.color);
+              break;
+          }
+          const decorationDimensions = {
+            bench: { w: 8, h: 9 },
+            pavilion: { w: 12, h: 12 },
+            gazebo: { w: 14, h: 14 },
+            bandstand: { w: 16, h: 16 }
+          };
+          const dim = decorationDimensions[tier.decorationType] || {
+            w: 12,
+            h: 12
+          };
+          decoration.pivot.set(0, dim.h);
+          decoration.scale.set(1.5 * sizeMultiplier);
+          collaboratorDecoration.addChild(decoration);
+          const countText = new Text({
+            text: `${formatCollaboratorCount(node2.collaborators)} collabs`,
+            style: {
+              fontSize: 10,
+              fill: 16777215,
+              fontFamily: "Arial",
+              fontWeight: "bold",
+              stroke: { color: 0, width: 2 }
+            },
+            resolution: 2
+          });
+          countText.x = dim.w * 1.5 * sizeMultiplier / 2;
+          countText.y = 4;
+          countText.anchor.set(0.5, 0);
+          collaboratorDecoration.addChild(countText);
+          collaboratorDecoration.x = screenX + footprint.width / 2;
+          collaboratorDecoration.y = screenY;
+          collaboratorDecoration.zIndex = sprite.zIndex + 0.11;
+        }
+      }
       const instance = {
         sprite,
         highlight,
@@ -134542,6 +134566,8 @@ class IsometricRenderer {
         licenseGround,
         licenseSign,
         ownerAvatar,
+        starDecoration,
+        collaboratorDecoration,
         gridPosition: { gridX: node2.gridX, gridY: node2.gridY },
         size: sizeMultiplier,
         spriteKey: node2.sprite,
@@ -134587,6 +134613,18 @@ class IsometricRenderer {
             ownerAvatar.y = pos.screenY + footprint.height - 12;
             ownerAvatar.zIndex = getIsometricZIndex(gridX, gridY) + 0.12;
           }
+          if (starDecoration) {
+            const footprint = calculateFootprint(sizeMultiplier);
+            starDecoration.x = pos.screenX - footprint.width / 2;
+            starDecoration.y = pos.screenY;
+            starDecoration.zIndex = getIsometricZIndex(gridX, gridY) + 0.11;
+          }
+          if (collaboratorDecoration) {
+            const footprint = calculateFootprint(sizeMultiplier);
+            collaboratorDecoration.x = pos.screenX + footprint.width / 2;
+            collaboratorDecoration.y = pos.screenY;
+            collaboratorDecoration.zIndex = getIsometricZIndex(gridX, gridY) + 0.11;
+          }
           instance.gridPosition = { gridX, gridY };
         },
         destroy: () => {
@@ -134597,6 +134635,8 @@ class IsometricRenderer {
           licenseGround == null ? void 0 : licenseGround.destroy();
           licenseSign == null ? void 0 : licenseSign.destroy();
           ownerAvatar == null ? void 0 : ownerAvatar.destroy();
+          starDecoration == null ? void 0 : starDecoration.destroy();
+          collaboratorDecoration == null ? void 0 : collaboratorDecoration.destroy();
         }
       };
       spriteInstances.set(node2.id, instance);
@@ -136447,13 +136487,9 @@ const OverworldMapPanelContent = ({
         const [, sizeStr, colorHex, starsStr, collaboratorsStr] = key.split("-");
         const size = parseFloat(sizeStr);
         const color2 = parseInt(colorHex.replace("#", ""), 16);
-        const stars = parseInt(starsStr) || 0;
-        const collaborators = parseInt(collaboratorsStr) || 0;
         const buildingGraphics = generateBuildingSprite({
           size,
-          color: color2,
-          stars,
-          collaborators
+          color: color2
         });
         const texture = app.renderer.generateTexture({
           target: buildingGraphics,
@@ -138891,4 +138927,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-DpCjdndq.js.map
+//# sourceMappingURL=index-DwRnT31n.js.map