@industry-theme/repository-composition-panels 0.6.28 → 0.6.30

package/dist/{index-g-V2DE-H.js → index-B5obJmUS.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-Cr8EGZ6x.js");
+    await import("./browserAll-B0PE4Ly2.js");
   }
 };
 const webworkerExt = {
@@ -105954,7 +106187,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-DmkQ4StC.js");
+    await import("./webworkerAll-BBVbOe1V.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-kV50nNAY.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-Bjpg8hkG.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-CuaFmyj0.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-9uzpEisE.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-CGAV4ORs.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-ChUHHBzp.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -133383,6 +133616,7 @@ class IsometricInteractionManager {
     this.selectedNodeId = null;
     this.draggingEnabled = true;
     this.mapBounds = null;
+    this.clickConsumedBySprite = false;
     this.hoverColor = 16776960;
     this.onGlobalPointerMove = (event) => {
       var _a, _b;
@@ -133443,6 +133677,25 @@ class IsometricInteractionManager {
     this.events = events;
     this.mapBounds = config.mapBounds || null;
     this.selectedColor = config.selectedColor ?? 3900150;
+    this.setupBackgroundDeselect();
+  }
+  /**
+   * Set up background click handler to deselect when clicking on empty space
+   */
+  setupBackgroundDeselect() {
+    const eventTarget = this.viewport || this.worldContainer;
+    if (!eventTarget) return;
+    eventTarget.eventMode = "static";
+    eventTarget.on("pointerdown", () => {
+      this.clickConsumedBySprite = false;
+    });
+    eventTarget.on("pointerup", () => {
+      var _a, _b;
+      if (!this.clickConsumedBySprite && this.selectedNodeId) {
+        this.setSelected(null);
+        (_b = (_a = this.events).onClick) == null ? void 0 : _b.call(_a, null);
+      }
+    });
   }
   /**
    * Register a sprite for interaction
@@ -133499,6 +133752,7 @@ class IsometricInteractionManager {
     var _a, _b;
     if (!this.draggingEnabled) return;
     event.stopPropagation();
+    this.clickConsumedBySprite = true;
     this.dragState = {
       nodeId,
       instance,
@@ -135528,7 +135782,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,
@@ -135755,83 +136009,70 @@ 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;
+      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);
+    return memberNodes;
   }, [collection.id, collection.members, repositories, dependencies]);
   const { validNodes, unplacedNodes } = useMemo(() => {
     const nodesWithPositions = nodes.filter(
@@ -135889,19 +136130,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) {
@@ -135940,11 +136190,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();
@@ -135955,7 +136200,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;
   }, []);
@@ -137302,4 +137555,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-g-V2DE-H.js.map
+//# sourceMappingURL=index-B5obJmUS.js.map