@localstack/appinspector-ui 1.0.88 → 1.0.90

package/dist/index.cjs

@@ -10222,6 +10222,7 @@ var EVENT_DETAILS_REQUEST_ID_TEST_ID = "event-details-request-id";
 var EVENT_DETAILS_REQUEST_PAYLOAD = "event-details-request-payload";
 var EVENT_DETAILS_RESPONSE_PAYLOAD_TEST_ID = "event-details-response-payload";
 var EVENT_DETAILS_EXCEPTION_PAYLOAD_TEST_ID = "event-details-exception-payload";
+var EVENT_DETAILS_IAM_ERRORS_SUPPRESSED_TEST_ID = "event-details-iam-errors-suppressed";
 var SERVICE_NODE_TEST_ID = "service-node";
 var SERVICE_NODE_SERVICE_NAME_TEST_ID = "service-node-service-name";
 var SERVICE_NODE_OPERATION_NAME_TEST_ID = "service-node-operation-name";
@@ -26598,7 +26599,8 @@ var EventDetails = ({ onClose, selectedEvent }) => {
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Divider, {}),
       /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(ToggleSection, { headline: "Permissions", children: [
-        !eventGroups.permissions && !eventGroups.errors && !eventGroups.warnings && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Typography, { color: "text.secondary", variant: "body2", children: "There is no permission information available." }),
+        selectedEvent.iam_errors_suppressed && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Alert, { "data-testid": EVENT_DETAILS_IAM_ERRORS_SUPPRESSED_TEST_ID, severity: "warning", sx: { mb: 1 }, children: "IAM errors are suppressed \u2014 upgrade your license to view" }),
+        !selectedEvent.iam_errors_suppressed && !eventGroups.permissions && !eventGroups.errors && !eventGroups.warnings && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_material15.Typography, { color: "text.secondary", variant: "body2", children: "There is no permission information available." }),
         eventGroups.permissions && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(EventDetail, { displayText: "Permissions", events: eventGroups.permissions, type: "permission" }),
         eventGroups.errors && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(EventDetail, { displayText: "Error", events: eventGroups.errors, type: "error" }),
         eventGroups.warnings && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(EventDetail, { displayText: "Warning", events: eventGroups.warnings, type: "warning" })
@@ -26839,19 +26841,44 @@ var ServiceNode = (0, import_react59.memo)(({ data, selected }) => {
 
 // src/components/trace-graph/utils.ts
 var import_dagre = __toESM(require("@dagrejs/dagre"), 1);
-var getLayoutedNodesAndEdges = (inputNodes, inputEdges) => {
+var getLayoutedNodesAndEdges = (inputNodes, inputEdges, order2 = "oldest_first") => {
   const dagreGraph = new import_dagre.default.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
   const direction = "LR";
   const nodeWidth = 200;
   const nodeHeight = 70;
   dagreGraph.setGraph({ rankdir: direction });
+  const timestampMap = new Map(
+    inputNodes.map((n2) => [n2.id, n2.data.event.start_time_unix_nano])
+  );
   for (const node of inputNodes) {
     dagreGraph.setNode(node.id, { height: nodeHeight, width: nodeWidth });
   }
   for (const edge of inputEdges) {
     dagreGraph.setEdge(edge.source, edge.target);
   }
-  import_dagre.default.layout(dagreGraph);
+  import_dagre.default.layout(dagreGraph, {
+    customOrder: (g2) => {
+      const rankMap = /* @__PURE__ */ new Map();
+      for (const nodeId of g2.nodes()) {
+        const rank = g2.node(nodeId).rank;
+        if (rank === void 0) continue;
+        const group4 = rankMap.get(rank) ?? [];
+        group4.push(nodeId);
+        rankMap.set(rank, group4);
+      }
+      for (const nodeIds of rankMap.values()) {
+        nodeIds.sort((a3, b3) => {
+          const tsA = timestampMap.get(a3) ?? "";
+          const tsB = timestampMap.get(b3) ?? "";
+          return order2 === "newest_first" ? tsB.localeCompare(tsA) : tsA.localeCompare(tsB);
+        });
+        for (const [index, nodeId] of nodeIds.entries()) {
+          ;
+          g2.node(nodeId).order = index;
+        }
+      }
+    }
+  });
   const layoutedNodes = inputNodes.map((node) => {
     const nodeWithPosition = dagreGraph.node(node.id);
     return {
@@ -26947,6 +26974,7 @@ var TraceGraph = ({
   initialFocusEventId,
   onEventSelect,
   onRefresh,
+  order: order2 = "oldest_first",
   spans
 }) => {
   const [nodes, setNodes, onNodesChange] = (0, import_react62.useNodesState)([]);
@@ -26992,7 +27020,7 @@ var TraceGraph = ({
         });
       }
     }
-    const { edges: layoutedEdges, nodes: layoutedNodes } = getLayoutedNodesAndEdges(allNodes, allEdges);
+    const { edges: layoutedEdges, nodes: layoutedNodes } = getLayoutedNodesAndEdges(allNodes, allEdges, order2);
     for (const node of layoutedNodes) {
       if (node.id === initialFocusEventId) {
         node.selected = true;
@@ -27000,7 +27028,7 @@ var TraceGraph = ({
     }
     setNodes(layoutedNodes);
     setEdges(layoutedEdges);
-  }, [spans.data, initialFocusEventId, setNodes, setEdges]);
+  }, [spans.data, initialFocusEventId, order2, setNodes, setEdges]);
   const theme = (0, import_material19.useTheme)();
   return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(import_jsx_runtime141.Fragment, { children: [
     spans.error && /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
@@ -27091,6 +27119,7 @@ var TraceGraphView = ({
   loading,
   navigateToSpansList,
   open,
+  order: order2,
   selectedEvent,
   spanId,
   spans,
@@ -27152,6 +27181,7 @@ var TraceGraphView = ({
                       onRefresh: () => {
                         fetchSpans();
                       },
+                      order: order2,
                       spans: {
                         data: spans,
                         error: fetchError,
@@ -27203,7 +27233,7 @@ async function fetchConnectedTraces(api, traceIds, allSpans = /* @__PURE__ */ ne
   }
   return [...allSpans.values()];
 }
-var TraceGraphPage = ({ onClose, spanId, traceId }) => {
+var TraceGraphPage = ({ onClose, order: order2 = "oldest_first", spanId, traceId }) => {
   const api = useAppInspectorApi();
   const [spans, setSpans] = (0, import_react65.useState)();
   const [loading, setLoading] = (0, import_react65.useState)(false);
@@ -27263,6 +27293,7 @@ var TraceGraphPage = ({ onClose, spanId, traceId }) => {
       loading,
       navigateToSpansList,
       open,
+      order: order2,
       selectedEvent,
       spanId: spanId ?? void 0,
       spans,
@@ -27366,7 +27397,7 @@ var SpansListPage = () => {
     ),
     selectedTraceId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(TraceGraphPage, { onClose: () => {
       setSelectedTraceId(void 0);
-    }, spanId: selectedSpanId, traceId: selectedTraceId })
+    }, order: order2, spanId: selectedSpanId, traceId: selectedTraceId })
   ] });
 };