@localstack/appinspector-ui 1.0.109 → 1.0.111

package/dist/index.cjs

@@ -18384,7 +18384,11 @@ var useSpans = () => {
       }
     }
   });
+  const clearFetchError = (0, import_react52.useCallback)(() => {
+    setFetchError(void 0);
+  }, []);
   return {
+    clearFetchError,
     clearingSpans,
     clearSpans,
     errorCount,
@@ -30939,7 +30943,7 @@ var ServiceNode = (0, import_react62.memo)(({ data, selected }) => {
 
 // src/components/trace-graph/utils.ts
 var import_dagre = __toESM(require("@dagrejs/dagre"), 1);
-var getLayoutedNodesAndEdges = (inputNodes, inputEdges, order2 = "oldest_first") => {
+var getLayoutedNodesAndEdges = (inputNodes, inputEdges) => {
   const dagreGraph = new import_dagre.default.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
   const direction = "LR";
   const nodeWidth = 200;
@@ -30968,7 +30972,7 @@ var getLayoutedNodesAndEdges = (inputNodes, inputEdges, order2 = "oldest_first")
         nodeIds.sort((a3, b3) => {
           const tsA = timestampMap.get(a3) ?? "";
           const tsB = timestampMap.get(b3) ?? "";
-          return order2 === "newest_first" ? tsB.localeCompare(tsA) : tsA.localeCompare(tsB);
+          return tsA.localeCompare(tsB);
         });
         for (const [index, nodeId] of nodeIds.entries()) {
           ;
@@ -31072,7 +31076,6 @@ var TraceGraph = ({
   initialFocusEventId,
   onEventSelect,
   onRefresh,
-  order: order2 = "oldest_first",
   spans
 }) => {
   const [nodes, setNodes, onNodesChange] = (0, import_react65.useNodesState)([]);
@@ -31118,7 +31121,7 @@ var TraceGraph = ({
         });
       }
     }
-    const { edges: layoutedEdges, nodes: layoutedNodes } = getLayoutedNodesAndEdges(allNodes, allEdges, order2);
+    const { edges: layoutedEdges, nodes: layoutedNodes } = getLayoutedNodesAndEdges(allNodes, allEdges);
     for (const node of layoutedNodes) {
       if (node.id === initialFocusEventId) {
         node.selected = true;
@@ -31126,7 +31129,7 @@ var TraceGraph = ({
     }
     setNodes(layoutedNodes);
     setEdges(layoutedEdges);
-  }, [spans.data, initialFocusEventId, order2, setNodes, setEdges]);
+  }, [spans.data, initialFocusEventId, setNodes, setEdges]);
   const theme = (0, import_material21.useTheme)();
   return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(import_jsx_runtime144.Fragment, { children: [
     spans.error && /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
@@ -31217,7 +31220,6 @@ var TraceGraphView = ({
   loading,
   navigateToSpansList,
   open,
-  order: order2,
   selectedEvent,
   spanId,
   spans,
@@ -31279,7 +31281,6 @@ var TraceGraphView = ({
                       onRefresh: () => {
                         fetchSpans();
                       },
-                      order: order2,
                       spans: {
                         data: spans,
                         error: fetchError,
@@ -31331,7 +31332,7 @@ async function fetchConnectedTraces(api, traceIds, allSpans = /* @__PURE__ */ ne
   }
   return [...allSpans.values()];
 }
-var TraceGraphPage = ({ onClose, order: order2 = "oldest_first", spanId, traceId }) => {
+var TraceGraphPage = ({ onClose, spanId, traceId }) => {
   const api = useAppInspectorApi();
   const [spans, setSpans] = (0, import_react68.useState)();
   const [loading, setLoading] = (0, import_react68.useState)(false);
@@ -31391,7 +31392,6 @@ var TraceGraphPage = ({ onClose, order: order2 = "oldest_first", spanId, traceId
       loading,
       navigateToSpansList,
       open,
-      order: order2,
       selectedEvent,
       spanId: spanId ?? void 0,
       spans,
@@ -31407,6 +31407,7 @@ var import_jsx_runtime146 = require("react/jsx-runtime");
 var SpansListPage = () => {
   const api = useAppInspectorApi();
   const {
+    clearFetchError,
     clearingSpans,
     clearSpans,
     errorCount,
@@ -31445,8 +31446,9 @@ var SpansListPage = () => {
   }, [checkStatus, fetchForward]);
   const handleEnable = (0, import_react69.useCallback)(async () => {
     await api.setStatus({ status: "ENABLED" });
+    clearFetchError();
     void checkStatus();
-  }, [api, checkStatus]);
+  }, [api, checkStatus, clearFetchError]);
   const shouldShowStatusMessage = Boolean(statusError) || status?.status === "DISABLED";
   return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_jsx_runtime146.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
@@ -31514,7 +31516,7 @@ var SpansListPage = () => {
     ),
     selectedTraceId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(TraceGraphPage, { onClose: () => {
       setSelectedTraceId(void 0);
-    }, order: order2, spanId: selectedSpanId, traceId: selectedTraceId })
+    }, spanId: selectedSpanId, traceId: selectedTraceId })
   ] });
 };