@localstack/appinspector-ui 1.0.20 → 1.0.21

package/dist/index.js

@@ -23,7 +23,7 @@ import { Alert, Box as Box5, Button as Button2 } from "@mui/material";
 
 // src/components/spans-list/spans-data-grid.tsx
 import { Cached, DeleteForeverOutlined, Search } from "@mui/icons-material";
-import { Box as Box4, Button, FormControlLabel, Grid, Paper, Switch, TextField, Typography as Typography2 } from "@mui/material";
+import { Box as Box4, Button, FormControlLabel, Grid, Paper, Switch, TextField, Tooltip as Tooltip3, Typography as Typography2 } from "@mui/material";
 import { DataGrid } from "@mui/x-data-grid";
 import { useCallback, useMemo as useMemo2, useState as useState2 } from "react";
 
@@ -2690,16 +2690,28 @@ var columns = [
     field: "trace_id",
     headerName: "Trace",
     renderCell: (parameters) => {
-      return /* @__PURE__ */ jsx125("span", { children: parameters.value });
+      return /* @__PURE__ */ jsx125(Tooltip3, { arrow: true, title: String(parameters.value), children: /* @__PURE__ */ jsx125(
+        "span",
+        {
+          style: {
+            maxWidth: "100%",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
+          },
+          children: parameters.value
+        }
+      ) });
     },
-    width: 300
+    type: "string",
+    width: 120
   },
   {
     field: "start_time_unix_nano",
     headerName: "Time",
     renderCell: (parameters) => /* @__PURE__ */ jsx125(ResponsiveTimestampCell, { value: parameters.value }),
     type: "string",
-    width: 200
+    width: 180
   },
   {
     field: "producer",
@@ -2712,19 +2724,19 @@ var columns = [
     },
     sortable: true,
     sortComparator: resourceNameComparator,
-    width: 320
+    width: 260
   },
   {
     field: "operation_name",
     headerName: "Action",
     type: "string",
-    width: 150
+    width: 130
   },
   {
     field: "consumer",
     flex: 1,
     headerName: "Consumer",
-    minWidth: 280,
+    maxWidth: 260,
     renderCell: (parameters) => {
       return /* @__PURE__ */ jsx125(ServiceCell, { resource: parameters.row.resource_name, service: parameters.row.service_name });
     },
@@ -4417,7 +4429,7 @@ import { memo, useCallback as useCallback6 } from "react";
 
 // src/components/trace-graph/problem-indicator.tsx
 import { Error as ErrorIcon2, Info as Info2, Warning as Warning2 } from "@mui/icons-material";
-import { Box as Box16, Tooltip as Tooltip3 } from "@mui/material";
+import { Box as Box16, Tooltip as Tooltip4 } from "@mui/material";
 import { useMemo as useMemo8 } from "react";
 import { jsx as jsx138 } from "react/jsx-runtime";
 var ProblemIndicator = ({ error }) => {
@@ -4447,7 +4459,7 @@ var ProblemIndicator = ({ error }) => {
       }
     }
   }, [error.level]);
-  return /* @__PURE__ */ jsx138(Tooltip3, { arrow: true, title: error.message ?? "Issue detected", children: /* @__PURE__ */ jsx138(
+  return /* @__PURE__ */ jsx138(Tooltip4, { arrow: true, title: error.message ?? "Issue detected", children: /* @__PURE__ */ jsx138(
     Box16,
     {
       sx: {