@localstack/appinspector-ui 1.0.20 → 1.0.22

package/dist/index.cjs

@@ -2568,7 +2568,6 @@ var PillCell = ({
 
 // src/components/cells/service-cell.tsx
 var import_jsx_runtime124 = require("react/jsx-runtime");
-var truncateName = (inputString, truncateLength = 15) => inputString.length > truncateLength ? `${inputString.slice(0, truncateLength - 3)}...` : inputString;
 var ServiceCell = ({
   borderColor,
   borderWidth,
@@ -2576,7 +2575,6 @@ var ServiceCell = ({
   resource,
   service,
   showIcon = true,
-  truncateLength,
   width = "32px"
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_material4.Box, { sx: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(PillCell, { borderColor, borderWidth, height, children: [
@@ -2602,6 +2600,7 @@ var ServiceCell = ({
       import_material4.Typography,
       {
         sx: {
+          flexShrink: 0,
           fontWeight: "bold",
           overflow: "hidden",
           padding: "1px 8px",
@@ -2634,7 +2633,7 @@ var ServiceCell = ({
             whiteSpace: "nowrap"
           },
           variant: "body2",
-          children: truncateName(resource, truncateLength)
+          children: resource
         }
       )
     ] }) : void 0
@@ -2727,16 +2726,28 @@ var columns = [
     field: "trace_id",
     headerName: "Trace",
     renderCell: (parameters) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { children: parameters.value });
+      return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material5.Tooltip, { arrow: true, title: String(parameters.value), children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        "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__ */ (0, import_jsx_runtime125.jsx)(ResponsiveTimestampCell, { value: parameters.value }),
     type: "string",
-    width: 200
+    width: 180
   },
   {
     field: "producer",
@@ -2749,19 +2760,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__ */ (0, import_jsx_runtime125.jsx)(ServiceCell, { resource: parameters.row.resource_name, service: parameters.row.service_name });
     },