@localstack/appinspector-ui 1.0.35 → 1.0.36

package/dist/index.js

@@ -2758,10 +2758,10 @@ var columns = [
 ];
 var defaultSortingOption = { field: "start_time_unix_nano", sort: "asc" };
 var SpansDataGrid = ({
-  filterWriteOperations = true,
+  includeReadOperations = false,
   loading,
   onClearSpans,
-  onFilterWriteOperationsChange,
+  onIncludeReadOperationsChange,
   onPageChange,
   onPageSizeChange,
   onRefresh,
@@ -2831,20 +2831,20 @@ var SpansDataGrid = ({
         }
       ),
       /* @__PURE__ */ jsx126(Box4, { sx: { flexGrow: 1 } }),
-      onFilterWriteOperationsChange && /* @__PURE__ */ jsx126(
+      /* @__PURE__ */ jsx126(
         FormControlLabel,
         {
           control: /* @__PURE__ */ jsx126(
             Switch,
             {
-              checked: filterWriteOperations,
+              checked: includeReadOperations,
               onChange: (event) => {
-                onFilterWriteOperationsChange(event.target.checked);
+                onIncludeReadOperationsChange?.(event.target.checked);
               },
               size: "small"
             }
           ),
-          label: "Only Write Operations"
+          label: "Include Read Operations"
         }
       ),
       /* @__PURE__ */ jsx126(Button, { onClick: onClearSpans, startIcon: /* @__PURE__ */ jsx126(DeleteForeverOutlined, {}), children: "Clear Spans" }),
@@ -2917,10 +2917,10 @@ var SpansList = (props) => {
     (props.spans.data !== void 0 || props.spans.loading) && /* @__PURE__ */ jsx127(
       SpansDataGrid,
       {
-        filterWriteOperations: props.filterWriteOperations,
+        includeReadOperations: props.includeReadOperations,
         loading: props.spans.loading,
         onClearSpans: props.onClearSpans,
-        onFilterWriteOperationsChange: props.onFilterWriteOperationsChange,
+        onIncludeReadOperationsChange: props.onIncludeReadOperationsChange,
         onPageChange: props.onPageChange,
         onPageSizeChange: props.onPageSizeChange,
         onRefresh: props.onRefresh,
@@ -4733,11 +4733,13 @@ var TraceGraphPage = ({ onClose, spanId, traceId }) => {
   const api = useAppInspectorApi();
   const [spans, setSpans] = useState9();
   const [loading, setLoading] = useState9(false);
+  const [includeReadOperations] = useLocalStorage("includeReadOperations", false);
   const [fetchError, setFetchError] = useState9();
   const fetchSpans = useCallback4(async () => {
     setLoading(true);
     try {
       const response = await api.getSpans({
+        is_write_operation: includeReadOperations ? void 0 : true,
         trace_id: traceId
       });
       setSpans(response.spans);
@@ -4748,7 +4750,7 @@ var TraceGraphPage = ({ onClose, spanId, traceId }) => {
     } finally {
       setLoading(false);
     }
-  }, [api, traceId]);
+  }, [api, includeReadOperations, traceId]);
   useEffect6(() => {
     void fetchSpans();
   }, [fetchSpans]);
@@ -4820,18 +4822,18 @@ var SpansListPage = () => {
   const [spans, setSpans] = useState10();
   const [loading, setLoading] = useState10(false);
   const hasFetched = useRef4(false);
-  const [filterWriteOperations, setFilterWriteOperations] = useLocalStorage("filterWriteOperations", true);
+  const [includeReadOperations, setIncludeReadOperations] = useLocalStorage("includeReadOperations", false);
   const mapPageToNextCursor = useRef4({});
   const [page, setPage] = useState10(0);
   const [pageSize, setPageSize] = useState10(100);
   const [spanCount, setSpanCount] = useState10(0);
   const queryOptions = useMemo7(() => {
     return {
-      is_write_operation: filterWriteOperations ? true : void 0,
+      is_write_operation: includeReadOperations ? void 0 : true,
       limit: pageSize,
       pagination_token: mapPageToNextCursor.current[page - 1]
     };
-  }, [filterWriteOperations, pageSize, page]);
+  }, [includeReadOperations, pageSize, page]);
   const [fetchError, setFetchError] = useState10();
   const { checkStatus, error: statusError, status } = useStatus();
   const fetchSpans = useCallback5(async () => {
@@ -4914,12 +4916,12 @@ var SpansListPage = () => {
         ) : /* @__PURE__ */ jsx142(
           SpansList,
           {
-            filterWriteOperations,
+            includeReadOperations,
             onClearSpans: () => {
               void clearSpans();
             },
-            onFilterWriteOperationsChange: (value) => {
-              setFilterWriteOperations(value);
+            onIncludeReadOperationsChange: (value) => {
+              setIncludeReadOperations(value);
             },
             onPageChange: setPage,
             onPageSizeChange: setPageSize,