@industry-theme/principal-view-panels 0.11.38 → 0.11.39

package/dist/components/TraceExpansion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TraceExpansion.d.ts","sourceRoot":"","sources":["../../src/components/TraceExpansion.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzG,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAsBD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgRxD,CAAC"}
+{"version":3,"file":"TraceExpansion.d.ts","sourceRoot":"","sources":["../../src/components/TraceExpansion.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzG,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAsBD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8TxD,CAAC"}

package/dist/panels.bundle.js

@@ -100362,13 +100362,47 @@ const TraceExpansion = ({
       ...span,
       depth: getDepth(span.spanId)
     }));
-    return spansWithDepth.sort((a, b) => {
-      const timeDiff = a.timestamp - b.timestamp;
-      if (timeDiff !== 0) return timeDiff;
-      const indexA = spanIndexMap.get(a.spanId) ?? Infinity;
-      const indexB = spanIndexMap.get(b.spanId) ?? Infinity;
-      return indexA - indexB;
-    });
+    const buildHierarchicalOrder = (spans2) => {
+      const result = [];
+      const spanById = new Map(spans2.map((s2) => [s2.spanId, s2]));
+      const childrenOf = /* @__PURE__ */ new Map();
+      for (const span of spans2) {
+        const parentId = span.parentSpanId;
+        if (!childrenOf.has(parentId)) {
+          childrenOf.set(parentId, []);
+        }
+        childrenOf.get(parentId).push(span);
+      }
+      for (const children2 of childrenOf.values()) {
+        children2.sort((a, b) => {
+          const timeDiff = a.timestamp - b.timestamp;
+          if (timeDiff !== 0) return timeDiff;
+          const indexA = spanIndexMap.get(a.spanId) ?? Infinity;
+          const indexB = spanIndexMap.get(b.spanId) ?? Infinity;
+          return indexA - indexB;
+        });
+      }
+      const addSpanAndChildren = (span) => {
+        result.push(span);
+        const children2 = childrenOf.get(span.spanId) || [];
+        for (const child of children2) {
+          addSpanAndChildren(child);
+        }
+      };
+      const rootSpans = spans2.filter((s2) => !s2.parentSpanId || !spanById.has(s2.parentSpanId));
+      rootSpans.sort((a, b) => {
+        const timeDiff = a.timestamp - b.timestamp;
+        if (timeDiff !== 0) return timeDiff;
+        const indexA = spanIndexMap.get(a.spanId) ?? Infinity;
+        const indexB = spanIndexMap.get(b.spanId) ?? Infinity;
+        return indexA - indexB;
+      });
+      for (const root2 of rootSpans) {
+        addSpanAndChildren(root2);
+      }
+      return result;
+    };
+    return buildHierarchicalOrder(spansWithDepth);
   }, [trace.scenarioMatches, trace.storyboardMatches, trace.unmatchedSpans, spanIndexMap]);
   const hasAnyMatches = sortedSpans.length > 0;
   return /* @__PURE__ */ jsxs(