@industry-theme/repository-composition-panels 0.6.29 → 0.6.31

package/dist/{index-D7jhhj0e.js → index-DKt_e7J1.js}

@@ -1544,43 +1544,41 @@ const InfoItem = ({ badge, title, description, theme: theme2 }) => /* @__PURE__
     ]
   }
 );
+const typeLabels = {
+  production: "prod",
+  development: "dev",
+  peer: "peer"
+};
 const DependencyRow = ({ dependency }) => {
   const { theme: theme2 } = useTheme();
   const [isHovered, setIsHovered] = useState(false);
   const [copied, setCopied] = useState(false);
   const getDependencyTypeBadgeStyle = (type2) => {
     const baseStyle = {
-      padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
-      borderRadius: `${theme2.radii[1]}px`,
-      fontSize: `${theme2.fontSizes[0]}px`,
+      fontSize: "9px",
       fontWeight: theme2.fontWeights.medium,
       fontFamily: theme2.fonts.body,
-      minWidth: "36px",
-      textAlign: "center"
+      lineHeight: 1.2
     };
     switch (type2) {
       case "production":
         return {
           ...baseStyle,
-          backgroundColor: `${theme2.colors.primary}20`,
           color: theme2.colors.primary
         };
       case "development":
         return {
           ...baseStyle,
-          backgroundColor: `${theme2.colors.secondary}20`,
           color: theme2.colors.secondary
         };
       case "peer":
         return {
           ...baseStyle,
-          backgroundColor: `${theme2.colors.accent}20`,
           color: theme2.colors.accent
         };
       default:
         return {
           ...baseStyle,
-          backgroundColor: theme2.colors.backgroundLight,
           color: theme2.colors.textSecondary
         };
     }
@@ -1617,13 +1615,14 @@ const DependencyRow = ({ dependency }) => {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
-        padding: `${theme2.space[3]}px ${theme2.space[2]}px`,
+        padding: `${theme2.space[2]}px ${theme2.space[3]}px`,
         backgroundColor: theme2.colors.background,
         borderRadius: 0,
         fontSize: `${theme2.fontSizes[1]}px`,
         fontFamily: theme2.fonts.body,
         borderBottom: `1px solid ${theme2.colors.border}`,
-        transition: "all 0.2s"
+        transition: "all 0.2s",
+        minHeight: "44px"
       },
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
@@ -1633,40 +1632,75 @@ const DependencyRow = ({ dependency }) => {
           {
             style: {
               display: "flex",
-              alignItems: "center",
-              gap: `${theme2.space[2]}px`,
+              flexDirection: "column",
+              gap: "2px",
               flex: 1,
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ jsx("span", { style: getDependencyTypeBadgeStyle(dependency.dependencyType), children: dependency.dependencyType === "production" ? "prod" : dependency.dependencyType === "development" ? "dev" : "peer" }),
-              /* @__PURE__ */ jsx(
-                "span",
+              /* @__PURE__ */ jsxs(
+                "div",
                 {
                   style: {
-                    fontWeight: theme2.fontWeights.medium,
-                    color: theme2.colors.text,
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap"
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "4px"
                   },
-                  children: dependency.name
+                  children: [
+                    dependency.namespace && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: "10px",
+                          color: theme2.colors.textSecondary,
+                          fontFamily: theme2.fonts.body
+                        },
+                        children: dependency.namespace
+                      }
+                    ),
+                    dependency.dependencyTypes.map((type2) => /* @__PURE__ */ jsx("span", { style: getDependencyTypeBadgeStyle(type2), children: typeLabels[type2] }, type2))
+                  ]
                 }
               ),
-              /* @__PURE__ */ jsx(
-                "a",
+              /* @__PURE__ */ jsxs(
+                "div",
                 {
-                  href: `https://www.npmjs.com/package/${dependency.name}`,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
                   style: {
-                    ...actionButtonStyle,
-                    color: theme2.colors.textSecondary,
-                    textDecoration: "none",
-                    flexShrink: 0
+                    display: "flex",
+                    alignItems: "center",
+                    gap: `${theme2.space[2]}px`
                   },
-                  title: "View on npm",
-                  children: /* @__PURE__ */ jsx(ExternalLink$1, { size: 12 })
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontWeight: theme2.fontWeights.medium,
+                          color: theme2.colors.text,
+                          overflow: "hidden",
+                          textOverflow: "ellipsis",
+                          whiteSpace: "nowrap"
+                        },
+                        children: dependency.packageName
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: `https://www.npmjs.com/package/${dependency.name}`,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        style: {
+                          ...actionButtonStyle,
+                          color: theme2.colors.textSecondary,
+                          textDecoration: "none",
+                          flexShrink: 0
+                        },
+                        title: "View on npm",
+                        children: /* @__PURE__ */ jsx(ExternalLink$1, { size: 12 })
+                      }
+                    )
+                  ]
                 }
               )
             ]
@@ -1716,7 +1750,8 @@ const FilterBar = ({
   onToggleFilter,
   searchQuery,
   onSearchChange,
-  counts
+  counts,
+  showSearch = true
 }) => {
   const { theme: theme2 } = useTheme();
   const availableFilters = [
@@ -1733,7 +1768,7 @@ const FilterBar = ({
         flexDirection: "column"
       },
       children: [
-        /* @__PURE__ */ jsxs(
+        showSearch && /* @__PURE__ */ jsxs(
           "div",
           {
             style: {
@@ -2141,7 +2176,7 @@ const LensRow = ({ lens }) => {
 const RequirementRow = ({ check }) => {
   const { theme: theme2 } = useTheme();
   const { requirement, satisfied, foundValue, isInherited, inheritedFrom } = check;
-  const typeLabels = {
+  const typeLabels2 = {
     devDependency: "dep",
     script: "script",
     config: "config"
@@ -2170,7 +2205,7 @@ const RequirementRow = ({ check }) => {
               fontWeight: 500,
               textTransform: "uppercase"
             },
-            children: typeLabels[requirement.type] || requirement.type
+            children: typeLabels2[requirement.type] || requirement.type
           }
         ),
         /* @__PURE__ */ jsx(
@@ -2577,6 +2612,206 @@ const OtherScriptsSection = ({
     )
   ] });
 };
+const SUPPORTED_MANIFESTS = [
+  { file: "package.json", ecosystem: "Node.js" },
+  { file: "pyproject.toml", ecosystem: "Python" },
+  { file: "setup.py", ecosystem: "Python" },
+  { file: "requirements.txt", ecosystem: "Python" },
+  { file: "Cargo.toml", ecosystem: "Rust" }
+];
+const EmptyDependencies = ({
+  foundManifests = []
+}) => {
+  const { theme: theme2 } = useTheme();
+  const supportedFound = SUPPORTED_MANIFESTS.filter(
+    (m2) => foundManifests.some((f2) => f2.endsWith(m2.file))
+  );
+  const unsupportedFound = foundManifests.filter(
+    (f2) => !SUPPORTED_MANIFESTS.some((m2) => f2.endsWith(m2.file))
+  );
+  const hasFoundFiles = foundManifests.length > 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        padding: "32px 24px",
+        color: theme2.colors.textSecondary,
+        fontSize: theme2.fontSizes[1],
+        fontFamily: theme2.fonts.body,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: "24px",
+        height: "100%",
+        minHeight: "200px"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              color: theme2.colors.text,
+              fontSize: theme2.fontSizes[2]
+            },
+            children: [
+              /* @__PURE__ */ jsx(Package$1, { size: 20 }),
+              "No packages detected"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: "24px",
+              flexWrap: "wrap",
+              justifyContent: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "8px",
+                    padding: "16px",
+                    backgroundColor: theme2.colors.backgroundSecondary,
+                    borderRadius: "8px",
+                    border: `1px solid ${theme2.colors.border}`,
+                    minWidth: "180px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          fontSize: theme2.fontSizes[0],
+                          fontWeight: theme2.fontWeights.semibold,
+                          color: theme2.colors.textSecondary,
+                          textTransform: "uppercase",
+                          letterSpacing: "0.5px"
+                        },
+                        children: "Found in project"
+                      }
+                    ),
+                    hasFoundFiles ? /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: { display: "flex", flexDirection: "column", gap: "4px" },
+                        children: [
+                          supportedFound.map((m2) => /* @__PURE__ */ jsxs(
+                            "div",
+                            {
+                              style: {
+                                display: "flex",
+                                alignItems: "center",
+                                gap: "6px",
+                                fontSize: theme2.fontSizes[1]
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx(FileCode$1, { size: 12, style: { color: theme2.colors.success } }),
+                                /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.text }, children: m2.file }),
+                                /* @__PURE__ */ jsxs("span", { style: { opacity: 0.5 }, children: [
+                                  "(",
+                                  m2.ecosystem,
+                                  ")"
+                                ] })
+                              ]
+                            },
+                            m2.file
+                          )),
+                          unsupportedFound.map((file) => /* @__PURE__ */ jsxs(
+                            "div",
+                            {
+                              style: {
+                                display: "flex",
+                                alignItems: "center",
+                                gap: "6px",
+                                fontSize: theme2.fontSizes[1]
+                              },
+                              children: [
+                                /* @__PURE__ */ jsx(X$3, { size: 12, style: { color: theme2.colors.warning } }),
+                                /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.text }, children: file.split("/").pop() }),
+                                /* @__PURE__ */ jsx("span", { style: { opacity: 0.5 }, children: "(not supported)" })
+                              ]
+                            },
+                            file
+                          ))
+                        ]
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          fontSize: theme2.fontSizes[1],
+                          fontStyle: "italic",
+                          opacity: 0.6
+                        },
+                        children: "No manifest files found"
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "8px",
+                    padding: "16px",
+                    backgroundColor: theme2.colors.backgroundSecondary,
+                    borderRadius: "8px",
+                    border: `1px solid ${theme2.colors.border}`,
+                    minWidth: "180px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          fontSize: theme2.fontSizes[0],
+                          fontWeight: theme2.fontWeights.semibold,
+                          color: theme2.colors.textSecondary,
+                          textTransform: "uppercase",
+                          letterSpacing: "0.5px"
+                        },
+                        children: "Supported"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: SUPPORTED_MANIFESTS.map((m2) => /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "6px",
+                          fontSize: theme2.fontSizes[1]
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(Check$1, { size: 12, style: { opacity: 0.4 } }),
+                          /* @__PURE__ */ jsx("span", { children: m2.file })
+                        ]
+                      },
+                      m2.file
+                    )) })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
 function parseEnvJson(content2) {
   const parsed = JSON.parse(content2);
   if (!parsed.variables || !Array.isArray(parsed.variables)) {
@@ -2686,28 +2921,72 @@ const dependencyTypeOrder = {
   production: 1,
   development: 2
 };
+function parsePackageName(name2) {
+  if (name2.startsWith("@")) {
+    const slashIndex = name2.indexOf("/");
+    if (slashIndex > 0) {
+      return {
+        namespace: name2.substring(0, slashIndex),
+        packageName: name2.substring(slashIndex + 1)
+      };
+    }
+  }
+  return { packageName: name2 };
+}
 function extractDependencies(packageLayer) {
   const { dependencies, devDependencies, peerDependencies } = packageLayer.packageData;
-  const items = [];
+  const depMap = /* @__PURE__ */ new Map();
+  if (peerDependencies) {
+    Object.entries(peerDependencies).forEach(([name2, version]) => {
+      const existing = depMap.get(name2);
+      if (existing) {
+        existing.types.add("peer");
+      } else {
+        depMap.set(name2, { version, types: /* @__PURE__ */ new Set(["peer"]) });
+      }
+    });
+  }
   if (dependencies) {
     Object.entries(dependencies).forEach(([name2, version]) => {
-      items.push({ name: name2, version, dependencyType: "production" });
+      const existing = depMap.get(name2);
+      if (existing) {
+        existing.types.add("production");
+      } else {
+        depMap.set(name2, { version, types: /* @__PURE__ */ new Set(["production"]) });
+      }
     });
   }
   if (devDependencies) {
     Object.entries(devDependencies).forEach(([name2, version]) => {
-      items.push({ name: name2, version, dependencyType: "development" });
-    });
-  }
-  if (peerDependencies) {
-    Object.entries(peerDependencies).forEach(([name2, version]) => {
-      items.push({ name: name2, version, dependencyType: "peer" });
+      const existing = depMap.get(name2);
+      if (existing) {
+        existing.types.add("development");
+      } else {
+        depMap.set(name2, { version, types: /* @__PURE__ */ new Set(["development"]) });
+      }
     });
   }
+  const items = Array.from(depMap.entries()).map(
+    ([name2, { version, types: types2 }]) => {
+      const typesArray = Array.from(types2).sort(
+        (a2, b2) => dependencyTypeOrder[a2] - dependencyTypeOrder[b2]
+      );
+      const { namespace: namespace2, packageName } = parsePackageName(name2);
+      return {
+        name: name2,
+        version,
+        dependencyType: typesArray[0],
+        // Primary type for sorting
+        dependencyTypes: typesArray,
+        namespace: namespace2,
+        packageName
+      };
+    }
+  );
   return items.sort((a2, b2) => {
     const typeCompare = dependencyTypeOrder[a2.dependencyType] - dependencyTypeOrder[b2.dependencyType];
     if (typeCompare !== 0) return typeCompare;
-    return a2.name.localeCompare(b2.name);
+    return a2.packageName.localeCompare(b2.packageName);
   });
 }
 const PackageDetailCard = ({
@@ -3349,25 +3628,7 @@ const PackageDetailCard = ({
                   height: "100%"
                 },
                 children: [
-                  dependencyItems.length === 0 ? /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      style: {
-                        padding: "12px",
-                        color: theme2.colors.textSecondary,
-                        fontSize: theme2.fontSizes[1],
-                        fontFamily: theme2.fonts.body,
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        gap: "8px"
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx(Package$1, { size: 16 }),
-                        "No dependencies"
-                      ]
-                    }
-                  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  dependencyItems.length === 0 ? /* @__PURE__ */ jsx(EmptyDependencies, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
                     /* @__PURE__ */ jsx(
                       "div",
                       {
@@ -3381,7 +3642,8 @@ const PackageDetailCard = ({
                             onToggleFilter: handleToggleFilter,
                             searchQuery,
                             onSearchChange: setSearchQuery,
-                            counts: depCounts
+                            counts: depCounts,
+                            showSearch: dependencyItems.length > 10
                           }
                         )
                       }
@@ -3906,25 +4168,7 @@ const PackageDetailCard = ({
                       height: "100%"
                     },
                     children: [
-                      dependencyItems.length === 0 ? /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          style: {
-                            padding: "12px",
-                            color: theme2.colors.textSecondary,
-                            fontSize: theme2.fontSizes[1],
-                            fontFamily: theme2.fonts.body,
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                            gap: "8px"
-                          },
-                          children: [
-                            /* @__PURE__ */ jsx(Package$1, { size: 16 }),
-                            "No dependencies"
-                          ]
-                        }
-                      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                      dependencyItems.length === 0 ? /* @__PURE__ */ jsx(EmptyDependencies, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
                         /* @__PURE__ */ jsx(
                           "div",
                           {
@@ -3938,7 +4182,8 @@ const PackageDetailCard = ({
                                 onToggleFilter: handleToggleFilter,
                                 searchQuery,
                                 onSearchChange: setSearchQuery,
-                                counts: depCounts
+                                counts: depCounts,
+                                showSearch: dependencyItems.length > 10
                               }
                             )
                           }
@@ -4256,7 +4501,6 @@ const PackageSummaryCard = ({
 const PackageCompositionPanelContent = ({
   packages,
   isLoading = false,
-  emptyMessage = "No packages detected",
   onCommandClick,
   onConfigClick,
   onPackageClick,
@@ -4297,18 +4541,7 @@ const PackageCompositionPanelContent = ({
     );
   }
   if (packages.length === 0) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          padding: "20px",
-          textAlign: "center",
-          color: theme2.colors.textSecondary,
-          fontFamily: theme2.fonts.body
-        },
-        children: emptyMessage
-      }
-    );
+    return /* @__PURE__ */ jsx(EmptyDependencies, {});
   }
   if (packages.length === 1) {
     return /* @__PURE__ */ jsx(
@@ -105576,18 +105809,18 @@ var ProxyTracer = (
       return this._getTracer().startSpan(name2, options, context2);
     };
     ProxyTracer2.prototype.startActiveSpan = function(_name, _options, _context, _fn) {
-      var tracer2 = this._getTracer();
-      return Reflect.apply(tracer2.startActiveSpan, tracer2, arguments);
+      var tracer = this._getTracer();
+      return Reflect.apply(tracer.startActiveSpan, tracer, arguments);
     };
     ProxyTracer2.prototype._getTracer = function() {
       if (this._delegate) {
         return this._delegate;
       }
-      var tracer2 = this._provider.getDelegateTracer(this.name, this.version, this.options);
-      if (!tracer2) {
+      var tracer = this._provider.getDelegateTracer(this.name, this.version, this.options);
+      if (!tracer) {
         return NOOP_TRACER;
       }
-      this._delegate = tracer2;
+      this._delegate = tracer;
       return this._delegate;
     };
     return ProxyTracer2;
@@ -105943,7 +106176,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-pibszWlK.js");
+    await import("./browserAll-8dgNqS_u.js");
   }
 };
 const webworkerExt = {
@@ -105954,7 +106187,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-Cru5_fTr.js");
+    await import("./webworkerAll-x0txRvuX.js");
   }
 };
 class ObservablePoint {
@@ -118197,19 +118430,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-CSx7jyoo.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-CYHP_r5v.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-Bk97mqCL.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-Bpz07IxR.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-DiE9xoC1.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-4WtcAgzc.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -132687,6 +132920,834 @@ function domEventToGridCoords(clientX, clientY, viewport, canvasElement) {
   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) {
+  const tiles = 4 * sizeMultiplier;
+  return {
+    tiles,
+    width: tiles * TILE_WIDTH / 2,
+    height: tiles * TILE_HEIGHT / 2
+  };
+}
+const COLORS = {
+  // Wood colors
+  woodDark: 6111287,
+  woodMedium: 7951688,
+  woodLight: 9268835,
+  // Flower/vine colors (MIT - welcoming, open)
+  flowerPink: 16738740,
+  flowerPinkDark: 14381203,
+  flowerYellow: 16766720,
+  leafGreen: 2263842,
+  leafGreenLight: 3329330,
+  vineGreen: 3050327,
+  // Grass colors
+  grassLight: 9498256,
+  grassMedium: 3329330,
+  grassDark: 2263842
+};
+function generateMITFlowerArch(config) {
+  const { name: name2, sizeMultiplier, archWidth: customArchWidth } = config;
+  const container = new Container();
+  const footprint = calculateFootprint(sizeMultiplier);
+  const archWidth = customArchWidth ?? footprint.width * 0.5;
+  const scale = archWidth / 80;
+  const postWidth = Math.max(3, 4 * scale);
+  const postHeight = Math.max(25, 35 * scale);
+  const archHeight = postHeight + 4 * scale;
+  const graphics = new Graphics();
+  graphics.rect(-archWidth / 2, -postHeight, postWidth, postHeight);
+  graphics.fill(COLORS.woodMedium);
+  graphics.rect(-archWidth / 2, -postHeight, Math.max(1, scale), postHeight);
+  graphics.fill(COLORS.woodLight);
+  graphics.rect(
+    -archWidth / 2 + postWidth - Math.max(1, scale),
+    -postHeight,
+    Math.max(1, scale),
+    postHeight
+  );
+  graphics.fill(COLORS.woodDark);
+  graphics.rect(archWidth / 2 - postWidth, -postHeight, postWidth, postHeight);
+  graphics.fill(COLORS.woodMedium);
+  graphics.rect(
+    archWidth / 2 - postWidth,
+    -postHeight,
+    Math.max(1, scale),
+    postHeight
+  );
+  graphics.fill(COLORS.woodLight);
+  graphics.rect(
+    archWidth / 2 - Math.max(1, scale),
+    -postHeight,
+    Math.max(1, scale),
+    postHeight
+  );
+  graphics.fill(COLORS.woodDark);
+  const crossbarHeight = Math.max(3, 4 * scale);
+  graphics.rect(-archWidth / 2, -archHeight, archWidth, crossbarHeight);
+  graphics.fill(COLORS.woodMedium);
+  graphics.rect(-archWidth / 2, -archHeight, archWidth, Math.max(1, scale));
+  graphics.fill(COLORS.woodLight);
+  graphics.rect(
+    -archWidth / 2,
+    -archHeight + crossbarHeight - Math.max(1, scale),
+    archWidth,
+    Math.max(1, scale)
+  );
+  graphics.fill(COLORS.woodDark);
+  const flagWidth = archWidth * 0.5;
+  const flagHeight = Math.max(18, 24 * scale);
+  const flagTop = -postHeight + 2 * scale;
+  graphics.rect(-flagWidth / 2, flagTop, flagWidth, flagHeight);
+  graphics.fill(9498256);
+  graphics.rect(-flagWidth / 2, flagTop, flagWidth, Math.max(1, scale));
+  graphics.fill(8244349);
+  graphics.rect(
+    -flagWidth / 2,
+    flagTop + flagHeight - Math.max(1, scale),
+    flagWidth,
+    Math.max(1, scale)
+  );
+  graphics.fill(7059563);
+  graphics.rect(-flagWidth / 2, flagTop, Math.max(1, scale), flagHeight);
+  graphics.fill(8244349);
+  graphics.rect(
+    flagWidth / 2 - Math.max(1, scale),
+    flagTop,
+    Math.max(1, scale),
+    flagHeight
+  );
+  graphics.fill(7059563);
+  const vineSize = Math.max(2, 3 * scale);
+  const vinePositions = [
+    { x: -archWidth / 2 - 2 * scale, y: -postHeight * 0.9 },
+    { x: -archWidth / 2 - 1 * scale, y: -postHeight * 0.6 },
+    { x: -archWidth / 2 + 1 * scale, y: -postHeight * 0.4 },
+    { x: -archWidth / 2 - 2 * scale, y: -postHeight * 0.2 }
+  ];
+  for (const pos of vinePositions) {
+    graphics.rect(pos.x, pos.y, vineSize, vineSize * 0.66);
+    graphics.fill(COLORS.vineGreen);
+  }
+  const rightVinePositions = [
+    { x: archWidth / 2 - 1 * scale, y: -postHeight * 0.8 },
+    { x: archWidth / 2 + 1 * scale, y: -postHeight * 0.5 },
+    { x: archWidth / 2 - 2 * scale, y: -postHeight * 0.3 },
+    { x: archWidth / 2, y: -postHeight * 0.1 }
+  ];
+  for (const pos of rightVinePositions) {
+    graphics.rect(pos.x, pos.y, vineSize, vineSize * 0.66);
+    graphics.fill(COLORS.vineGreen);
+  }
+  const flowerCount = Math.max(4, Math.floor(6 * scale));
+  const flowerSpacing = archWidth / (flowerCount + 1);
+  const flowerSize = Math.max(3, 4 * scale);
+  for (let i2 = 0; i2 < flowerCount; i2++) {
+    const fx = -archWidth / 2 + flowerSpacing * (i2 + 1);
+    const flowerColor = i2 % 2 === 0 ? COLORS.flowerPink : COLORS.flowerYellow;
+    graphics.rect(
+      fx - flowerSize * 0.5,
+      -flowerSize - 2 * scale,
+      flowerSize * 0.5,
+      flowerSize * 0.5
+    );
+    graphics.fill(COLORS.leafGreen);
+    graphics.rect(
+      fx + flowerSize * 0.25,
+      -flowerSize - 1 * scale,
+      flowerSize * 0.5,
+      flowerSize * 0.5
+    );
+    graphics.fill(COLORS.leafGreenLight);
+    graphics.rect(fx - flowerSize * 0.5, -flowerSize, flowerSize, flowerSize);
+    graphics.fill(flowerColor);
+    graphics.rect(
+      fx - flowerSize * 0.25,
+      -flowerSize * 0.75,
+      flowerSize * 0.5,
+      flowerSize * 0.5
+    );
+    graphics.fill(COLORS.flowerYellow);
+  }
+  const cornerFlowerSize = Math.max(4, 5 * scale);
+  graphics.rect(
+    -archWidth / 2 - cornerFlowerSize * 0.3,
+    -cornerFlowerSize,
+    cornerFlowerSize,
+    cornerFlowerSize
+  );
+  graphics.fill(COLORS.flowerPink);
+  graphics.rect(
+    -archWidth / 2 - cornerFlowerSize * 0.1,
+    -cornerFlowerSize * 0.8,
+    cornerFlowerSize * 0.6,
+    cornerFlowerSize * 0.6
+  );
+  graphics.fill(COLORS.flowerPinkDark);
+  graphics.rect(
+    archWidth / 2 - cornerFlowerSize * 0.7,
+    -cornerFlowerSize,
+    cornerFlowerSize,
+    cornerFlowerSize
+  );
+  graphics.fill(COLORS.flowerPink);
+  graphics.rect(
+    archWidth / 2 - cornerFlowerSize * 0.5,
+    -cornerFlowerSize * 0.8,
+    cornerFlowerSize * 0.6,
+    cornerFlowerSize * 0.6
+  );
+  graphics.fill(COLORS.flowerPinkDark);
+  container.addChild(graphics);
+  const mitFontSize = Math.max(10, 14 * scale);
+  const mitText = new Text({
+    text: "MIT",
+    style: {
+      fontSize: mitFontSize,
+      fill: 2263842,
+      // Forest green text
+      fontFamily: "Arial",
+      fontWeight: "bold"
+    },
+    resolution: 2
+  });
+  mitText.anchor.set(0.5, 0.5);
+  mitText.y = flagTop + flagHeight * 0.5;
+  container.addChild(mitText);
+  const signBoard = new Graphics();
+  const fontSize = Math.max(8, 9 * scale);
+  const estimatedTextWidth = name2.length * fontSize * 0.6;
+  const signWidth = Math.min(
+    estimatedTextWidth + 16 * scale,
+    archWidth - 8 * scale
+  );
+  const signHeight = Math.max(8, 10 * scale);
+  const signBoardY = -archHeight - signHeight - 2 * scale;
+  signBoard.rect(-signWidth / 2, signBoardY, signWidth, signHeight);
+  signBoard.fill(COLORS.woodLight);
+  signBoard.rect(-signWidth / 2, signBoardY, signWidth, Math.max(1, scale));
+  signBoard.fill(COLORS.woodMedium);
+  signBoard.rect(
+    -signWidth / 2,
+    signBoardY + signHeight - Math.max(1, scale),
+    signWidth,
+    Math.max(1, scale)
+  );
+  signBoard.fill(COLORS.woodDark);
+  container.addChild(signBoard);
+  const nameText = new Text({
+    text: name2,
+    style: {
+      fontSize,
+      fill: 4073251,
+      // Dark brown text
+      fontFamily: "Arial",
+      fontWeight: "600"
+    },
+    resolution: 2
+  });
+  nameText.anchor.set(0.5, 0.5);
+  nameText.y = signBoardY + signHeight / 2;
+  container.addChild(nameText);
+  return container;
+}
+function generateOpenGrassGround(sizeMultiplier) {
+  const footprint = calculateFootprint(sizeMultiplier);
+  const grass = new Graphics();
+  const halfW = footprint.width;
+  const halfH = footprint.height;
+  grass.moveTo(0, -halfH);
+  grass.lineTo(halfW, 0);
+  grass.lineTo(0, halfH);
+  grass.lineTo(-halfW, 0);
+  grass.closePath();
+  grass.fill(COLORS.grassMedium);
+  const textureCount = Math.max(6, Math.floor(8 * sizeMultiplier));
+  for (let i2 = 0; i2 < textureCount; i2++) {
+    const angle = i2 / textureCount * Math.PI * 2;
+    const radius = 0.3 + i2 % 3 * 0.15;
+    const x2 = Math.cos(angle) * halfW * radius;
+    const y2 = Math.sin(angle) * halfH * radius;
+    const dotSize = Math.max(1.5, 2 * sizeMultiplier);
+    grass.circle(x2, y2, dotSize);
+    grass.fill(i2 % 2 === 0 ? COLORS.grassLight : COLORS.grassDark);
+  }
+  const flowerSize = Math.max(1, 1.5 * sizeMultiplier);
+  const flowerSpots = [
+    { x: -halfW * 0.5, y: -halfH * 0.2 },
+    { x: halfW * 0.4, y: halfH * 0.3 },
+    { x: -halfW * 0.2, y: halfH * 0.4 },
+    { x: halfW * 0.3, y: -halfH * 0.35 }
+  ];
+  for (const spot of flowerSpots) {
+    grass.circle(spot.x, spot.y, flowerSize);
+    grass.fill(COLORS.flowerPink);
+  }
+  return grass;
+}
+function generateApacheSign(config) {
+  const { name: name2, sizeMultiplier, archWidth: customArchWidth } = config;
+  const container = new Container();
+  const footprint = calculateFootprint(sizeMultiplier);
+  const archWidth = customArchWidth ?? footprint.width * 0.5;
+  const scale = archWidth / 80;
+  const graphics = new Graphics();
+  const postWidth = Math.max(3, 4 * scale);
+  const postHeight = Math.max(25, 35 * scale);
+  graphics.rect(-archWidth / 2, -postHeight, postWidth, postHeight);
+  graphics.fill(COLORS.woodMedium);
+  graphics.rect(-archWidth / 2, -postHeight, Math.max(1, scale), postHeight);
+  graphics.fill(COLORS.woodLight);
+  graphics.rect(
+    -archWidth / 2 + postWidth - Math.max(1, scale),
+    -postHeight,
+    Math.max(1, scale),
+    postHeight
+  );
+  graphics.fill(COLORS.woodDark);
+  graphics.rect(archWidth / 2 - postWidth, -postHeight, postWidth, postHeight);
+  graphics.fill(COLORS.woodMedium);
+  graphics.rect(
+    archWidth / 2 - postWidth,
+    -postHeight,
+    Math.max(1, scale),
+    postHeight
+  );
+  graphics.fill(COLORS.woodLight);
+  graphics.rect(
+    archWidth / 2 - Math.max(1, scale),
+    -postHeight,
+    Math.max(1, scale),
+    postHeight
+  );
+  graphics.fill(COLORS.woodDark);
+  const crossbarHeight = Math.max(3, 4 * scale);
+  graphics.rect(
+    -archWidth / 2,
+    -postHeight - crossbarHeight,
+    archWidth,
+    crossbarHeight
+  );
+  graphics.fill(COLORS.woodMedium);
+  graphics.rect(
+    -archWidth / 2,
+    -postHeight - crossbarHeight,
+    archWidth,
+    Math.max(1, scale)
+  );
+  graphics.fill(COLORS.woodLight);
+  const flagWidth = archWidth * 0.5;
+  const flagHeight = Math.max(18, 24 * scale);
+  const flagTop = -postHeight + 2 * scale;
+  graphics.rect(-flagWidth / 2, flagTop, flagWidth, flagHeight);
+  graphics.fill(16777215);
+  graphics.rect(-flagWidth / 2, flagTop, flagWidth, Math.max(1, scale));
+  graphics.fill(14540253);
+  graphics.rect(
+    -flagWidth / 2,
+    flagTop + flagHeight - Math.max(1, scale),
+    flagWidth,
+    Math.max(1, scale)
+  );
+  graphics.fill(13421772);
+  graphics.rect(-flagWidth / 2, flagTop, Math.max(1, scale), flagHeight);
+  graphics.fill(14540253);
+  graphics.rect(
+    flagWidth / 2 - Math.max(1, scale),
+    flagTop,
+    Math.max(1, scale),
+    flagHeight
+  );
+  graphics.fill(13421772);
+  const leafCenterY = flagTop + flagHeight * 0.55;
+  const leafSize = Math.min(flagWidth, flagHeight) * 0.35;
+  const leafColor = 13369344;
+  const leafGraphics = new Graphics();
+  leafGraphics.rect(-scale * 0.5, 0, scale, leafSize * 0.6);
+  leafGraphics.fill(9109504);
+  leafGraphics.beginPath();
+  leafGraphics.moveTo(0, -leafSize * 0.8);
+  leafGraphics.lineTo(leafSize * 0.3, -leafSize * 0.4);
+  leafGraphics.lineTo(leafSize * 0.6, -leafSize * 0.3);
+  leafGraphics.lineTo(leafSize * 0.3, -leafSize * 0.1);
+  leafGraphics.lineTo(leafSize * 0.4, leafSize * 0.2);
+  leafGraphics.lineTo(leafSize * 0.15, leafSize * 0.15);
+  leafGraphics.lineTo(0, leafSize * 0.4);
+  leafGraphics.lineTo(-leafSize * 0.15, leafSize * 0.15);
+  leafGraphics.lineTo(-leafSize * 0.4, leafSize * 0.2);
+  leafGraphics.lineTo(-leafSize * 0.3, -leafSize * 0.1);
+  leafGraphics.lineTo(-leafSize * 0.6, -leafSize * 0.3);
+  leafGraphics.lineTo(-leafSize * 0.3, -leafSize * 0.4);
+  leafGraphics.closePath();
+  leafGraphics.fill(leafColor);
+  leafGraphics.x = 0;
+  leafGraphics.y = leafCenterY;
+  leafGraphics.rotation = 0.3;
+  graphics.addChild(leafGraphics);
+  container.addChild(graphics);
+  const signBoard = new Graphics();
+  const fontSize = Math.max(8, 9 * scale);
+  const estimatedTextWidth = name2.length * fontSize * 0.6;
+  const signBoardWidth = Math.min(
+    estimatedTextWidth + 16 * scale,
+    archWidth - 8 * scale
+  );
+  const signBoardHeight = Math.max(8, 10 * scale);
+  const signBoardY = -postHeight - crossbarHeight + 2 * scale;
+  signBoard.rect(
+    -signBoardWidth / 2,
+    signBoardY,
+    signBoardWidth,
+    signBoardHeight
+  );
+  signBoard.fill(COLORS.woodLight);
+  signBoard.rect(
+    -signBoardWidth / 2,
+    signBoardY,
+    signBoardWidth,
+    Math.max(1, scale)
+  );
+  signBoard.fill(COLORS.woodMedium);
+  signBoard.rect(
+    -signBoardWidth / 2,
+    signBoardY + signBoardHeight - Math.max(1, scale),
+    signBoardWidth,
+    Math.max(1, scale)
+  );
+  signBoard.fill(COLORS.woodDark);
+  container.addChild(signBoard);
+  const nameText = new Text({
+    text: name2,
+    style: {
+      fontSize,
+      fill: 4073251,
+      fontFamily: "Arial",
+      fontWeight: "600"
+    },
+    resolution: 2
+  });
+  nameText.anchor.set(0.5, 0.5);
+  nameText.y = signBoardY + signBoardHeight / 2;
+  container.addChild(nameText);
+  return container;
+}
+function generateGPLSign(config) {
+  const { name: name2, sizeMultiplier, archWidth: customArchWidth } = config;
+  const container = new Container();
+  const footprint = calculateFootprint(sizeMultiplier);
+  const archWidth = customArchWidth ?? footprint.width * 0.5;
+  const scale = archWidth / 80;
+  const graphics = new Graphics();
+  const ironDark = 2763306;
+  const ironMedium = 3815994;
+  const ironLight = 4868682;
+  const ironHighlight = 5921370;
+  const postWidth = Math.max(4, 5 * scale);
+  const postHeight = Math.max(25, 35 * scale);
+  graphics.rect(-archWidth / 2, -postHeight, postWidth, postHeight);
+  graphics.fill(ironMedium);
+  graphics.rect(-archWidth / 2, -postHeight, Math.max(1, scale), postHeight);
+  graphics.fill(ironHighlight);
+  graphics.rect(
+    -archWidth / 2 + postWidth - Math.max(1, scale),
+    -postHeight,
+    Math.max(1, scale),
+    postHeight
+  );
+  graphics.fill(ironDark);
+  const finialSize = postWidth * 1.2;
+  graphics.circle(
+    -archWidth / 2 + postWidth / 2,
+    -postHeight - finialSize / 2,
+    finialSize / 2
+  );
+  graphics.fill(ironMedium);
+  graphics.circle(
+    -archWidth / 2 + postWidth / 2 - finialSize * 0.15,
+    -postHeight - finialSize * 0.65,
+    finialSize * 0.15
+  );
+  graphics.fill(ironHighlight);
+  graphics.rect(archWidth / 2 - postWidth, -postHeight, postWidth, postHeight);
+  graphics.fill(ironMedium);
+  graphics.rect(
+    archWidth / 2 - postWidth,
+    -postHeight,
+    Math.max(1, scale),
+    postHeight
+  );
+  graphics.fill(ironHighlight);
+  graphics.rect(
+    archWidth / 2 - Math.max(1, scale),
+    -postHeight,
+    Math.max(1, scale),
+    postHeight
+  );
+  graphics.fill(ironDark);
+  graphics.circle(
+    archWidth / 2 - postWidth / 2,
+    -postHeight - finialSize / 2,
+    finialSize / 2
+  );
+  graphics.fill(ironMedium);
+  graphics.circle(
+    archWidth / 2 - postWidth / 2 - finialSize * 0.15,
+    -postHeight - finialSize * 0.65,
+    finialSize * 0.15
+  );
+  graphics.fill(ironHighlight);
+  const crossbarHeight = Math.max(4, 5 * scale);
+  graphics.rect(
+    -archWidth / 2,
+    -postHeight - crossbarHeight,
+    archWidth,
+    crossbarHeight
+  );
+  graphics.fill(ironMedium);
+  graphics.rect(
+    -archWidth / 2,
+    -postHeight - crossbarHeight,
+    archWidth,
+    Math.max(1, scale)
+  );
+  graphics.fill(ironHighlight);
+  graphics.rect(
+    -archWidth / 2,
+    -postHeight - Math.max(1, scale),
+    archWidth,
+    Math.max(1, scale)
+  );
+  graphics.fill(ironDark);
+  const scrollY = -postHeight + 3 * scale;
+  const scrollWidth = archWidth * 0.15;
+  graphics.circle(-archWidth / 4, scrollY, scrollWidth);
+  graphics.stroke({ width: Math.max(2, 2 * scale), color: ironMedium });
+  graphics.circle(archWidth / 4, scrollY, scrollWidth);
+  graphics.stroke({ width: Math.max(2, 2 * scale), color: ironMedium });
+  const flagWidth = archWidth * 0.5;
+  const flagHeight = Math.max(18, 24 * scale);
+  const flagTop = -postHeight + 8 * scale;
+  graphics.rect(-flagWidth / 2, flagTop, flagWidth, flagHeight);
+  graphics.fill(2250154);
+  graphics.rect(-flagWidth / 2, flagTop, flagWidth, Math.max(1, scale));
+  graphics.fill(3368635);
+  graphics.rect(
+    -flagWidth / 2,
+    flagTop + flagHeight - Math.max(1, scale),
+    flagWidth,
+    Math.max(1, scale)
+  );
+  graphics.fill(1131690);
+  graphics.rect(-flagWidth / 2, flagTop, Math.max(1, scale), flagHeight);
+  graphics.fill(3368635);
+  graphics.rect(
+    flagWidth / 2 - Math.max(1, scale),
+    flagTop,
+    Math.max(1, scale),
+    flagHeight
+  );
+  graphics.fill(1131690);
+  container.addChild(graphics);
+  const gplFontSize = Math.max(10, 14 * scale);
+  const gplText = new Text({
+    text: "GPL",
+    style: {
+      fontSize: gplFontSize,
+      fill: 16777215,
+      fontFamily: "Arial",
+      fontWeight: "bold"
+    },
+    resolution: 2
+  });
+  gplText.anchor.set(0.5, 0.5);
+  gplText.y = flagTop + flagHeight * 0.5;
+  container.addChild(gplText);
+  const signBoard = new Graphics();
+  const fontSize = Math.max(8, 9 * scale);
+  const estimatedTextWidth = name2.length * fontSize * 0.6;
+  const signBoardWidth = Math.min(
+    estimatedTextWidth + 16 * scale,
+    archWidth - 8 * scale
+  );
+  const signBoardHeight = Math.max(8, 10 * scale);
+  const signBoardY = -postHeight - crossbarHeight - signBoardHeight - 2 * scale;
+  signBoard.rect(
+    -signBoardWidth / 2,
+    signBoardY,
+    signBoardWidth,
+    signBoardHeight
+  );
+  signBoard.fill(ironLight);
+  signBoard.rect(
+    -signBoardWidth / 2,
+    signBoardY,
+    signBoardWidth,
+    Math.max(1, scale)
+  );
+  signBoard.fill(ironHighlight);
+  signBoard.rect(
+    -signBoardWidth / 2,
+    signBoardY + signBoardHeight - Math.max(1, scale),
+    signBoardWidth,
+    Math.max(1, scale)
+  );
+  signBoard.fill(ironDark);
+  container.addChild(signBoard);
+  const nameText = new Text({
+    text: name2,
+    style: {
+      fontSize,
+      fill: 16777215,
+      fontFamily: "Arial",
+      fontWeight: "600"
+    },
+    resolution: 2
+  });
+  nameText.anchor.set(0.5, 0.5);
+  nameText.y = signBoardY + signBoardHeight / 2;
+  container.addChild(nameText);
+  return container;
+}
+function generatePicketFenceGround(sizeMultiplier) {
+  const footprint = calculateFootprint(sizeMultiplier);
+  const ground = new Graphics();
+  const halfW = footprint.width;
+  const halfH = footprint.height;
+  ground.moveTo(0, -halfH);
+  ground.lineTo(halfW, 0);
+  ground.lineTo(0, halfH);
+  ground.lineTo(-halfW, 0);
+  ground.closePath();
+  ground.fill(COLORS.grassMedium);
+  const textureCount = Math.max(6, Math.floor(8 * sizeMultiplier));
+  for (let i2 = 0; i2 < textureCount; i2++) {
+    const angle = i2 / textureCount * Math.PI * 2;
+    const radius = 0.3 + i2 % 3 * 0.1;
+    const x2 = Math.cos(angle) * halfW * radius;
+    const y2 = Math.sin(angle) * halfH * radius;
+    const dotSize = Math.max(1.5, 2 * sizeMultiplier);
+    ground.circle(x2, y2, dotSize);
+    ground.fill(i2 % 2 === 0 ? COLORS.grassLight : COLORS.grassDark);
+  }
+  const fenceWhite = 16119285;
+  const fenceHighlight = 16777215;
+  const picketWidth = Math.max(2, 3 * sizeMultiplier);
+  const picketHeight = Math.max(8, 12 * sizeMultiplier);
+  const picketSpacing = Math.max(4, 6 * sizeMultiplier);
+  const edgeLength = Math.sqrt(halfW * halfW + halfH * halfH);
+  const picketCount = Math.floor(edgeLength / picketSpacing);
+  const slopeRatio = 0.5;
+  const drawPicket = (px, py, edgeDir) => {
+    const halfW2 = picketWidth / 2;
+    const dx = halfW2 * edgeDir;
+    const dy = halfW2 * slopeRatio;
+    const bottomLeftX = px - dx;
+    const bottomLeftY = py - dy;
+    const bottomRightX = px + dx;
+    const bottomRightY = py + dy;
+    const topLeftX = bottomLeftX;
+    const topLeftY = bottomLeftY - picketHeight;
+    const topRightX = bottomRightX;
+    const topRightY = bottomRightY - picketHeight;
+    ground.beginPath();
+    ground.moveTo(bottomLeftX, bottomLeftY);
+    ground.lineTo(bottomRightX, bottomRightY);
+    ground.lineTo(topRightX, topRightY);
+    ground.lineTo(topLeftX, topLeftY);
+    ground.closePath();
+    ground.fill(fenceWhite);
+    const highlightWidth = Math.max(1, sizeMultiplier * 0.5);
+    ground.beginPath();
+    if (edgeDir > 0) {
+      ground.moveTo(bottomLeftX, bottomLeftY);
+      ground.lineTo(
+        bottomLeftX + highlightWidth * 0.5,
+        bottomLeftY + highlightWidth * 0.25
+      );
+      ground.lineTo(
+        topLeftX + highlightWidth * 0.5,
+        topLeftY + highlightWidth * 0.25
+      );
+      ground.lineTo(topLeftX, topLeftY);
+    } else {
+      ground.moveTo(bottomRightX, bottomRightY);
+      ground.lineTo(
+        bottomRightX - highlightWidth * 0.5,
+        bottomRightY + highlightWidth * 0.25
+      );
+      ground.lineTo(
+        topRightX - highlightWidth * 0.5,
+        topRightY + highlightWidth * 0.25
+      );
+      ground.lineTo(topRightX, topRightY);
+    }
+    ground.closePath();
+    ground.fill(fenceHighlight);
+    ground.beginPath();
+    ground.moveTo(topLeftX, topLeftY);
+    ground.lineTo(px, py - dy * 0 - picketHeight - picketWidth);
+    ground.lineTo(topRightX, topRightY);
+    ground.closePath();
+    ground.fill(fenceWhite);
+  };
+  for (let i2 = 1; i2 < picketCount; i2++) {
+    const t2 = i2 / picketCount;
+    const px = -halfW * t2;
+    const py = -halfH * (1 - t2);
+    drawPicket(px, py, -1);
+  }
+  for (let i2 = 1; i2 < picketCount; i2++) {
+    const t2 = i2 / picketCount;
+    const px = halfW * t2;
+    const py = -halfH * (1 - t2);
+    drawPicket(px, py, 1);
+  }
+  for (let i2 = 1; i2 < picketCount * 0.75; i2++) {
+    const t2 = i2 / picketCount;
+    const px = -halfW * (1 - t2);
+    const py = halfH * t2;
+    drawPicket(px, py, 1);
+  }
+  for (let i2 = 1; i2 < picketCount * 0.75; i2++) {
+    const t2 = i2 / picketCount;
+    const px = halfW * (1 - t2);
+    const py = halfH * t2;
+    drawPicket(px, py, -1);
+  }
+  const cornerPostWidth = picketWidth * 1.5;
+  const cornerPostHeight = picketHeight * 1.2;
+  ground.rect(
+    -cornerPostWidth / 2,
+    -halfH - cornerPostHeight,
+    cornerPostWidth,
+    cornerPostHeight
+  );
+  ground.fill(fenceWhite);
+  ground.rect(
+    -halfW - cornerPostWidth / 2,
+    -cornerPostHeight,
+    cornerPostWidth,
+    cornerPostHeight
+  );
+  ground.fill(fenceWhite);
+  ground.rect(
+    halfW - cornerPostWidth / 2,
+    -cornerPostHeight,
+    cornerPostWidth,
+    cornerPostHeight
+  );
+  ground.fill(fenceWhite);
+  const gatePostT = 0.75;
+  const gatePostLeftX = -halfW * (1 - gatePostT);
+  const gatePostLeftY = halfH * gatePostT;
+  const gatePostRightX = halfW * (1 - gatePostT);
+  const gatePostRightY = halfH * gatePostT;
+  ground.rect(
+    gatePostLeftX - cornerPostWidth / 2,
+    gatePostLeftY - cornerPostHeight,
+    cornerPostWidth,
+    cornerPostHeight
+  );
+  ground.fill(fenceWhite);
+  ground.rect(
+    gatePostRightX - cornerPostWidth / 2,
+    gatePostRightY - cornerPostHeight,
+    cornerPostWidth,
+    cornerPostHeight
+  );
+  ground.fill(fenceWhite);
+  return ground;
+}
+function generateCobblestoneGround(sizeMultiplier) {
+  const footprint = calculateFootprint(sizeMultiplier);
+  const ground = new Graphics();
+  const halfW = footprint.width;
+  const halfH = footprint.height;
+  ground.moveTo(0, -halfH);
+  ground.lineTo(halfW, 0);
+  ground.lineTo(0, halfH);
+  ground.lineTo(-halfW, 0);
+  ground.closePath();
+  ground.fill(COLORS.grassMedium);
+  const textureCount = Math.max(6, Math.floor(8 * sizeMultiplier));
+  for (let i2 = 0; i2 < textureCount; i2++) {
+    const angle = i2 / textureCount * Math.PI * 2;
+    const radius = 0.4 + i2 % 3 * 0.15;
+    const x2 = Math.cos(angle) * halfW * radius;
+    const y2 = Math.sin(angle) * halfH * radius;
+    if (Math.abs(x2) > halfW * 0.15 || Math.abs(y2) < halfH * 0.3) {
+      const dotSize = Math.max(1.5, 2 * sizeMultiplier);
+      ground.circle(x2, y2, dotSize);
+      ground.fill(i2 % 2 === 0 ? COLORS.grassLight : COLORS.grassDark);
+    }
+  }
+  const stoneSize = Math.max(3, 5 * sizeMultiplier);
+  const stoneColors = [8421504, 9474192, 7368816, 8947848];
+  const pathSteps = Math.max(4, Math.floor(6 * sizeMultiplier));
+  for (let i2 = 0; i2 < pathSteps; i2++) {
+    const progress = i2 / (pathSteps - 1);
+    const y2 = -halfH * 0.5 + progress * halfH * 1.2;
+    for (let j2 = -1; j2 <= 1; j2 += 2) {
+      const offsetX = j2 * stoneSize * 0.6;
+      const offsetY = i2 % 2 * stoneSize * 0.3;
+      const color2 = stoneColors[(i2 + j2 + 10) % stoneColors.length];
+      ground.roundRect(
+        offsetX - stoneSize / 2,
+        y2 + offsetY - stoneSize / 2,
+        stoneSize,
+        stoneSize * 0.7,
+        stoneSize * 0.2
+      );
+      ground.fill(color2);
+    }
+    if (i2 < pathSteps - 1) {
+      const centerY = y2 + stoneSize * 0.5;
+      const color2 = stoneColors[(i2 + 2) % stoneColors.length];
+      ground.roundRect(
+        -stoneSize / 2,
+        centerY - stoneSize / 2,
+        stoneSize,
+        stoneSize * 0.7,
+        stoneSize * 0.2
+      );
+      ground.fill(color2);
+    }
+  }
+  return ground;
+}
+function generateLicenseSign(license, config) {
+  switch (license) {
+    case "MIT":
+    case "BSD":
+    case "ISC":
+    case "Unlicense":
+      return generateMITFlowerArch(config);
+    case "Apache-2.0":
+      return generateApacheSign(config);
+    case "GPL-3.0":
+    case "LGPL-3.0":
+      return generateGPLSign(config);
+    default:
+      return generateMITFlowerArch(config);
+  }
+}
+function generateLicenseGround(license, sizeMultiplier) {
+  switch (license) {
+    case "MIT":
+    case "BSD":
+    case "ISC":
+    case "Unlicense":
+      return generateOpenGrassGround(sizeMultiplier);
+    case "Apache-2.0":
+      return generateCobblestoneGround(sizeMultiplier);
+    case "GPL-3.0":
+    case "LGPL-3.0":
+      return generatePicketFenceGround(sizeMultiplier);
+    default:
+      return generateOpenGrassGround(sizeMultiplier);
+  }
+}
 const ISO_TILE_WIDTH = 64;
 const ISO_TILE_HEIGHT = 32;
 class IsometricRenderer {
@@ -132725,9 +133786,11 @@ class IsometricRenderer {
   renderScene(mapData, showGrid = true) {
     const background = new Container();
     const tiles = new Container();
+    const licenseGrounds = new Container();
     const bridges = new Container();
     const paths = new Container();
     const nodes = new Container();
+    licenseGrounds.sortableChildren = true;
     if (showGrid) {
       const grid = this.renderGrid(
         mapData.width,
@@ -132748,11 +133811,17 @@ class IsometricRenderer {
     }
     const spriteInstances = this.renderSprites(mapData.nodes);
     for (const instance of spriteInstances.values()) {
+      if (instance.licenseGround) {
+        licenseGrounds.addChild(instance.licenseGround);
+      }
       nodes.addChild(instance.highlight);
       nodes.addChild(instance.sprite);
       if (instance.weathering) {
         nodes.addChild(instance.weathering);
       }
+      if (instance.licenseSign) {
+        nodes.addChild(instance.licenseSign);
+      }
       nodes.addChild(instance.label);
       if (instance.hoverLabel) {
         nodes.addChild(instance.hoverLabel);
@@ -132761,6 +133830,7 @@ class IsometricRenderer {
     return {
       background,
       tiles,
+      licenseGrounds,
       bridges,
       paths,
       nodes,
@@ -133153,6 +134223,24 @@ class IsometricRenderer {
       );
       weathering.zIndex = container.zIndex + 0.1;
     }
+    let licenseGround;
+    let licenseSign;
+    if (node2.license) {
+      const licenseType = node2.license;
+      const footprint = calculateFootprint(sizeMultiplier);
+      licenseGround = generateLicenseGround(licenseType, sizeMultiplier);
+      licenseGround.x = screenX;
+      licenseGround.y = screenY;
+      licenseGround.zIndex = screenY;
+      licenseSign = generateLicenseSign(licenseType, {
+        name: node2.label,
+        sizeMultiplier
+      });
+      licenseSign.x = screenX;
+      licenseSign.y = screenY + footprint.height * 0.75;
+      licenseSign.zIndex = container.zIndex + 0.15;
+      label.visible = false;
+    }
     const instance = {
       sprite: container,
       // Container acts as the sprite
@@ -133160,6 +134248,8 @@ class IsometricRenderer {
       label,
       hoverLabel,
       weathering,
+      licenseGround,
+      licenseSign,
       gridPosition: { gridX: node2.gridX, gridY: node2.gridY },
       size: sizeMultiplier,
       update: (gridX, gridY) => {
@@ -133188,6 +134278,17 @@ class IsometricRenderer {
           weathering.x = pos.screenX;
           weathering.y = pos.screenY;
         }
+        if (licenseGround) {
+          licenseGround.x = pos.screenX;
+          licenseGround.y = pos.screenY;
+          licenseGround.zIndex = pos.screenY;
+        }
+        if (licenseSign) {
+          const footprint = calculateFootprint(sizeMultiplier);
+          licenseSign.x = pos.screenX;
+          licenseSign.y = pos.screenY + footprint.height * 0.75;
+          licenseSign.zIndex = getIsometricZIndex(gridX, gridY) + 0.15;
+        }
         instance.gridPosition = { gridX, gridY };
       },
       destroy: () => {
@@ -133196,6 +134297,8 @@ class IsometricRenderer {
         label.destroy();
         hoverLabel.destroy();
         weathering == null ? void 0 : weathering.destroy();
+        licenseGround == null ? void 0 : licenseGround.destroy();
+        licenseSign == null ? void 0 : licenseSign.destroy();
       }
     };
     return instance;
@@ -133269,11 +134372,31 @@ class IsometricRenderer {
       label.y = screenY + sprite.height * 0.15 + 8;
       label.anchor.set(0.5, 0);
       label.zIndex = sprite.zIndex + 0.2;
+      let licenseGround;
+      let licenseSign;
+      if (node2.license) {
+        const licenseType = node2.license;
+        const footprint = calculateFootprint(sizeMultiplier);
+        licenseGround = generateLicenseGround(licenseType, sizeMultiplier);
+        licenseGround.x = screenX;
+        licenseGround.y = screenY;
+        licenseGround.zIndex = screenY;
+        licenseSign = generateLicenseSign(licenseType, {
+          name: node2.label,
+          sizeMultiplier
+        });
+        licenseSign.x = screenX;
+        licenseSign.y = screenY + footprint.height * 0.75;
+        licenseSign.zIndex = sprite.zIndex + 0.15;
+        label.visible = false;
+      }
       const instance = {
         sprite,
         highlight,
         label,
         weathering,
+        licenseGround,
+        licenseSign,
         gridPosition: { gridX: node2.gridX, gridY: node2.gridY },
         size: sizeMultiplier,
         update: (gridX, gridY) => {
@@ -133300,6 +134423,17 @@ class IsometricRenderer {
             weathering.x = pos.screenX;
             weathering.y = pos.screenY;
           }
+          if (licenseGround) {
+            licenseGround.x = pos.screenX;
+            licenseGround.y = pos.screenY;
+            licenseGround.zIndex = pos.screenY;
+          }
+          if (licenseSign) {
+            const footprint = calculateFootprint(sizeMultiplier);
+            licenseSign.x = pos.screenX;
+            licenseSign.y = pos.screenY + footprint.height * 0.75;
+            licenseSign.zIndex = getIsometricZIndex(gridX, gridY) + 0.15;
+          }
           instance.gridPosition = { gridX, gridY };
         },
         destroy: () => {
@@ -133307,6 +134441,8 @@ class IsometricRenderer {
           highlight.destroy();
           label.destroy();
           weathering == null ? void 0 : weathering.destroy();
+          licenseGround == null ? void 0 : licenseGround.destroy();
+          licenseSign == null ? void 0 : licenseSign.destroy();
         }
       };
       spriteInstances.set(node2.id, instance);
@@ -134499,7 +135635,8 @@ function nodesToUnifiedOverworldMap(nodes, options = {}) {
       aging: node2.aging,
       subdivisions,
       stars: node2.stars,
-      collaborators: node2.collaborators
+      collaborators: node2.collaborators,
+      license: node2.license
     };
   });
   const paths = [];
@@ -134673,6 +135810,7 @@ const OverworldMapPanelContent = ({
       if (sceneContainersRef.current) {
         viewport.removeChild(sceneContainersRef.current.background);
         viewport.removeChild(sceneContainersRef.current.tiles);
+        viewport.removeChild(sceneContainersRef.current.licenseGrounds);
         viewport.removeChild(sceneContainersRef.current.bridges);
         viewport.removeChild(sceneContainersRef.current.paths);
         viewport.removeChild(sceneContainersRef.current.nodes);
@@ -134680,6 +135818,7 @@ const OverworldMapPanelContent = ({
       const scene = renderer.renderScene(mapData, true);
       viewport.addChild(scene.background);
       viewport.addChild(scene.tiles);
+      viewport.addChild(scene.licenseGrounds);
       viewport.addChild(scene.bridges);
       viewport.addChild(scene.paths);
       viewport.addChild(scene.nodes);
@@ -134771,6 +135910,7 @@ const OverworldMapPanelContent = ({
       const scene = renderer.renderScene(mapData, true);
       viewport.addChild(scene.background);
       viewport.addChild(scene.tiles);
+      viewport.addChild(scene.licenseGrounds);
       viewport.addChild(scene.bridges);
       viewport.addChild(scene.paths);
       viewport.addChild(scene.nodes);
@@ -135167,11 +136307,13 @@ const OverworldMapPanelContent = ({
     if (sceneContainersRef.current) {
       viewport.removeChild(sceneContainersRef.current.background);
       viewport.removeChild(sceneContainersRef.current.tiles);
+      viewport.removeChild(sceneContainersRef.current.licenseGrounds);
       viewport.removeChild(sceneContainersRef.current.bridges);
       viewport.removeChild(sceneContainersRef.current.paths);
       viewport.removeChild(sceneContainersRef.current.nodes);
       sceneContainersRef.current.background.destroy({ children: true });
       sceneContainersRef.current.tiles.destroy({ children: true });
+      sceneContainersRef.current.licenseGrounds.destroy({ children: true });
       sceneContainersRef.current.bridges.destroy({ children: true });
       sceneContainersRef.current.paths.destroy({ children: true });
       sceneContainersRef.current.nodes.destroy({ children: true });
@@ -135179,6 +136321,7 @@ const OverworldMapPanelContent = ({
     const scene = renderer.renderScene(mapData, true);
     viewport.addChild(scene.background);
     viewport.addChild(scene.tiles);
+    viewport.addChild(scene.licenseGrounds);
     viewport.addChild(scene.bridges);
     viewport.addChild(scene.paths);
     viewport.addChild(scene.nodes);
@@ -135549,7 +136692,7 @@ function calculateAgingMetrics(lastEditedAt) {
     // Store for region grouping
   };
 }
-const tracer = trace.getTracer("collection-map-panel", "0.6.9");
+const getTracer = () => trace.getTracer("collection-map-panel", "0.6.9");
 const CollectionMapPanelContent = ({
   collection,
   repositories,
@@ -135776,83 +136919,73 @@ This indicates a sprite was rendered without valid backing data.`
     showVisualFeedback: true
   });
   const nodes = useMemo(() => {
-    return tracer.startActiveSpan("collection-map.convert-nodes", (span) => {
-      try {
-        span.setAttribute("collection.id", collection.id);
-        span.setAttribute("memberships.count", collection.members.length);
-        span.setAttribute("repositories.count", repositories.length);
-        const memberNodes = collection.members.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;
-          }
-          let category;
-          if (repo.github) {
-            category = "git-repo";
-          } else {
-            category = repo.theme || "git-repo";
-          }
-          let language2;
-          if (repo.github) {
-            language2 = repo.github.primaryLanguage;
-          }
-          const importance = ((_a2 = membership.metadata) == null ? void 0 : _a2.pinned) ? 95 : 75;
-          let size = calculateRepositorySize(repo.metrics);
-          const aging = calculateAgingMetrics((_b = repo.metrics) == null ? void 0 : _b.lastEditedAt);
-          const packages = extractPackageInfo(repo);
-          const stars = (_c = repo.github) == null ? void 0 : _c.stars;
-          if (stars && stars > 0) {
-            const decorationBonus = getDecorationSizeBonus(stars);
-            size = size + decorationBonus;
-          }
-          const collaborators = (_d = repo.metrics) == null ? void 0 : _d.contributors;
-          if (collaborators && collaborators > 0) {
-            const decorationBonus = getCollaboratorDecorationSizeBonus(collaborators);
-            size = size + decorationBonus;
-          }
-          const node2 = {
-            id: membership.repositoryId,
-            name: repo.name,
-            category,
-            language: language2,
-            // Pass language for color-based visualization
-            importance,
-            size,
-            aging,
-            // Pass aging metrics for visual weathering
-            packages,
-            // Package subdivision data
-            stars,
-            // GitHub star count for decorations
-            collaborators,
-            // Contributor count for community space decorations
-            dependencies: dependencies[membership.repositoryId] || [],
-            isRoot: ((_e2 = membership.metadata) == null ? void 0 : _e2.pinned) || false,
-            regionId: (_f = membership.metadata) == null ? void 0 : _f.regionId,
-            // Preserve region assignment
-            layout: (_g = membership.metadata) == null ? void 0 : _g.layout
-            // Pass saved position data
-          };
-          return node2;
-        }).filter((n2) => n2 !== null);
-        span.setAttribute("nodes.created", memberNodes.length);
-        span.end();
-        return memberNodes;
-      } catch (error) {
-        span.recordException(error);
-        span.end();
-        throw error;
+    const memberNodes = collection.members.map((membership) => {
+      var _a2, _b, _c, _d, _e2, _f, _g, _h;
+      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;
       }
-    });
+      let category;
+      if (repo.github) {
+        category = "git-repo";
+      } else {
+        category = repo.theme || "git-repo";
+      }
+      let language2;
+      if (repo.github) {
+        language2 = repo.github.primaryLanguage;
+      }
+      const importance = ((_a2 = membership.metadata) == null ? void 0 : _a2.pinned) ? 95 : 75;
+      let size = calculateRepositorySize(repo.metrics);
+      const aging = calculateAgingMetrics((_b = repo.metrics) == null ? void 0 : _b.lastEditedAt);
+      const packages = extractPackageInfo(repo);
+      const stars = (_c = repo.github) == null ? void 0 : _c.stars;
+      if (stars && stars > 0) {
+        const decorationBonus = getDecorationSizeBonus(stars);
+        size = size + decorationBonus;
+      }
+      const collaborators = (_d = repo.metrics) == null ? void 0 : _d.contributors;
+      if (collaborators && collaborators > 0) {
+        const decorationBonus = getCollaboratorDecorationSizeBonus(collaborators);
+        size = size + decorationBonus;
+      }
+      const license = (_e2 = repo.github) == null ? void 0 : _e2.license;
+      const node2 = {
+        id: membership.repositoryId,
+        name: repo.name,
+        category,
+        language: language2,
+        // Pass language for color-based visualization
+        importance,
+        size,
+        aging,
+        // Pass aging metrics for visual weathering
+        packages,
+        // Package subdivision data
+        stars,
+        // GitHub star count for decorations
+        collaborators,
+        // Contributor count for community space decorations
+        license,
+        // License identifier for sign/ground treatment
+        dependencies: dependencies[membership.repositoryId] || [],
+        isRoot: ((_f = membership.metadata) == null ? void 0 : _f.pinned) || false,
+        regionId: (_g = membership.metadata) == null ? void 0 : _g.regionId,
+        // Preserve region assignment
+        layout: (_h = membership.metadata) == null ? void 0 : _h.layout
+        // Pass saved position data
+      };
+      return node2;
+    }).filter((n2) => n2 !== null);
+    return memberNodes;
   }, [collection.id, collection.members, repositories, dependencies]);
   const { validNodes, unplacedNodes } = useMemo(() => {
     const nodesWithPositions = nodes.filter(
@@ -135910,19 +137043,28 @@ This indicates a sprite was rendered without valid backing data.`
       return;
     }
     hasComputedLayout.current = true;
-    const span = tracer.startSpan("collection-map.initialize-layout");
+    const span = getTracer().startSpan("collection-map.load");
     span.setAttribute("collection.id", collection.id);
-    span.setAttribute("nodes.count", nodes.length);
-    span.setAttribute("needs.regions", needsRegions);
-    span.setAttribute("needs.layout", needsLayout);
+    span.addEvent("collection-map.convert-nodes", {
+      "collection.id": collection.id,
+      "memberships.count": collection.members.length,
+      "repositories.count": repositories.length,
+      "nodes.created": nodes.length
+    });
     const map2 = nodesToUnifiedOverworldMap(nodes, {
       regionLayout,
       customRegions
     });
-    span.setAttribute("regions.computed", map2.regions.length);
-    span.setAttribute("nodes.positioned", map2.nodes.length);
+    span.addEvent("collection-map.initialize-layout", {
+      "collection.id": collection.id,
+      "nodes.count": nodes.length,
+      "needs.regions": needsRegions,
+      "needs.layout": needsLayout,
+      "regions.computed": map2.regions.length,
+      "nodes.positioned": map2.nodes.length
+    });
     (async () => {
-      var _a2, _b, _c, _d;
+      var _a2;
       try {
         const updates = {};
         if (needsRegions && map2.regions.length > 0) {
@@ -135961,11 +137103,6 @@ This indicates a sprite was rendered without valid backing data.`
             }
           }
         }
-        span.addEvent("batch-layout-update", {
-          "regions.count": ((_b = updates.regions) == null ? void 0 : _b.length) || 0,
-          "assignments.count": ((_c = updates.assignments) == null ? void 0 : _c.length) || 0,
-          "positions.count": ((_d = updates.positions) == null ? void 0 : _d.length) || 0
-        });
         await regionCallbacks.onBatchLayoutInitialized(collection.id, updates);
         span.setStatus({ code: 1 });
         span.end();
@@ -135976,7 +137113,15 @@ This indicates a sprite was rendered without valid backing data.`
         throw error;
       }
     })();
-  }, [collection.id, nodes, regionLayout, customRegions, regionCallbacks]);
+  }, [
+    collection.id,
+    collection.members.length,
+    repositories.length,
+    nodes,
+    regionLayout,
+    customRegions,
+    regionCallbacks
+  ]);
   const handleViewportReady = useCallback((viewport) => {
     viewportRef.current = viewport;
   }, []);
@@ -137323,4 +138468,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-D7jhhj0e.js.map
+//# sourceMappingURL=index-DKt_e7J1.js.map