@localstack/appinspector-ui 1.0.146 → 1.0.147

package/dist/index.cjs

@@ -32066,10 +32066,17 @@ var TraceGraph = ({
         });
       }
     }
+    allNodes.sort((a3, b3) => {
+      const tsA = a3.data.event.start_time_unix_nano;
+      const tsB = b3.data.event.start_time_unix_nano;
+      return tsA < tsB ? -1 : tsA > tsB ? 1 : 0;
+    });
     const knownSpanIds = new Set(allNodes.map((node) => node.id));
-    const validEdges = allEdges.filter(
-      (edge) => knownSpanIds.has(edge.source) && knownSpanIds.has(edge.target)
-    );
+    const validEdges = allEdges.filter((edge) => knownSpanIds.has(edge.source) && knownSpanIds.has(edge.target)).toSorted((edgeA, edgeB) => {
+      const tsA = allNodes.find((n) => n.id === edgeA.target)?.data.event.start_time_unix_nano ?? "";
+      const tsB = allNodes.find((n) => n.id === edgeB.target)?.data.event.start_time_unix_nano ?? "";
+      return tsA < tsB ? -1 : tsA > tsB ? 1 : 0;
+    });
     const { edges: layoutedEdges, nodes: layoutedNodes } = getLayoutedNodesAndEdges(allNodes, validEdges);
     for (const node of layoutedNodes) {
       if (node.id === initialFocusEventId) {
@@ -32232,7 +32239,14 @@ var TraceGraphView = ({
     ]
   }
 );
-async function fetchConnectedTraces(api, traceIds, allSpans = /* @__PURE__ */ new Map(), processedTraceIds = /* @__PURE__ */ new Set()) {
+async function fetchConnectedTraces(api, traceId) {
+  const response = await api.getSpans({ trace_id: traceId, with_span_links: true });
+  if (response.with_span_links) {
+    return response.spans;
+  }
+  return fetchConnectedTracesWaterfall(api, [traceId]);
+}
+async function fetchConnectedTracesWaterfall(api, traceIds, allSpans = /* @__PURE__ */ new Map(), processedTraceIds = /* @__PURE__ */ new Set()) {
   const newTraceIds = traceIds.filter((id2) => !processedTraceIds.has(id2));
   if (newTraceIds.length === 0) {
     return [...allSpans.values()];
@@ -32257,7 +32271,7 @@ async function fetchConnectedTraces(api, traceIds, allSpans = /* @__PURE__ */ ne
     }
   }
   if (discoveredTraceIds.size > 0) {
-    return fetchConnectedTraces(
+    return fetchConnectedTracesWaterfall(
       api,
       [...discoveredTraceIds],
       allSpans,
@@ -32275,7 +32289,7 @@ var TraceGraphPage = ({ onClose, spanId, traceId }) => {
   const fetchSpans = (0, import_react62.useCallback)(async () => {
     setLoading(true);
     try {
-      const spans2 = await fetchConnectedTraces(api, [traceId]);
+      const spans2 = await fetchConnectedTraces(api, traceId);
       setSpans(spans2);
       setFetchError(void 0);
     } catch (error) {