@localstack/appinspector-ui 1.0.20 → 1.0.22

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";
 
@@ -2531,7 +2531,6 @@ var PillCell = ({
 
 // src/components/cells/service-cell.tsx
 import { Fragment as Fragment2, jsx as jsx124, jsxs as jsxs119 } from "react/jsx-runtime";
-var truncateName = (inputString, truncateLength = 15) => inputString.length > truncateLength ? `${inputString.slice(0, truncateLength - 3)}...` : inputString;
 var ServiceCell = ({
   borderColor,
   borderWidth,
@@ -2539,7 +2538,6 @@ var ServiceCell = ({
   resource,
   service,
   showIcon = true,
-  truncateLength,
   width = "32px"
 }) => {
   return /* @__PURE__ */ jsx124(Box3, { sx: { width: "100%" }, children: /* @__PURE__ */ jsxs119(PillCell, { borderColor, borderWidth, height, children: [
@@ -2565,6 +2563,7 @@ var ServiceCell = ({
       Typography,
       {
         sx: {
+          flexShrink: 0,
           fontWeight: "bold",
           overflow: "hidden",
           padding: "1px 8px",
@@ -2597,7 +2596,7 @@ var ServiceCell = ({
             whiteSpace: "nowrap"
           },
           variant: "body2",
-          children: truncateName(resource, truncateLength)
+          children: resource
         }
       )
     ] }) : void 0
@@ -2690,16 +2689,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 +2723,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 +4428,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 +4458,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: {