@localstack/appinspector-ui 1.0.145 → 1.0.147

package/dist/index.cjs

@@ -15112,7 +15112,7 @@ var ICONS_MAP = {
 };
 var AwsServiceIconBase = (0, import_react33.memo)((props) => {
   const Icon = ICONS_MAP[props.service];
-  return Icon ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { ...props }) : void 0;
+  return Icon ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { ...props }) : null;
 });
 var supportedServiceNames = Object.keys(ICONS_MAP);
 
@@ -16643,17 +16643,6 @@ var import_react44 = require("react");
 // src/api/client.ts
 var import_semver2 = __toESM(require_semver2(), 1);
 
-// src/utils/time.ts
-function unixNanoToDate(unixNanoString) {
-  const milliseconds = unixNanoToMilliseconds(unixNanoString);
-  if (!milliseconds) return void 0;
-  return new Date(milliseconds);
-}
-function unixNanoToMilliseconds(unixNanoString) {
-  if (!unixNanoString) return void 0;
-  return Number(BigInt(unixNanoString) / BigInt("1000000"));
-}
-
 // src/constants/error-messages.ts
 var ERROR_MESSAGES = {
   APP_INSPECTOR_DISABLED: "App Inspector is currently disabled.",
@@ -16707,6 +16696,17 @@ var createScopedLogger = (scope) => ({
   }
 });
 
+// src/utils/time.ts
+function unixNanoToDate(unixNanoString) {
+  const milliseconds = unixNanoToMilliseconds(unixNanoString);
+  if (!milliseconds) return void 0;
+  return new Date(milliseconds);
+}
+function unixNanoToMilliseconds(unixNanoString) {
+  if (!unixNanoString) return void 0;
+  return Number(BigInt(unixNanoString) / BigInt("1000000"));
+}
+
 // src/api/client.ts
 var apiLogger = createScopedLogger("API");
 var analyticsLogger = createScopedLogger("ANALYTICS");
@@ -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) {