@mastra/playground-ui 33.0.0-alpha.4 → 34.0.0

package/dist/index.cjs.js

@@ -50,7 +50,7 @@ const metricsFlexGrid = require('./metrics-flex-grid-DzlyAgr7.cjs');
 const popover = require('./popover-ttQgAb0m.cjs');
 const propertyFilterCreator = require('./property-filter-creator-Cl7xhaML.cjs');
 const radioGroup = require('./radio-group-CcZMn-TY.cjs');
-const scrollArea = require('./scroll-area-KogxLVrV.cjs');
+const scrollArea = require('./scroll-area-BqJfcT94.cjs');
 const pendingIndicator = require('./pending-indicator-BxD-kwEk.cjs');
 const searchbar = require('./searchbar-8KtQRL0s.cjs');
 const select = require('./select-DDgw1wG-.cjs');
@@ -72,7 +72,7 @@ const dateTimePicker = require('./date-time-picker-BKqGpw5w.cjs');
 const timePicker = require('./time-picker-DWrxHBfR.cjs');
 const components_JSONSchemaForm = require('./components/JSONSchemaForm.cjs.js');
 const keyValueList = require('./key-value-list-D067I300.cjs');
-const mainSidebar = require('./main-sidebar-H8NQ7njm.cjs');
+const mainSidebar = require('./main-sidebar-CWoM-yrH.cjs');
 const pageHeader = require('./page-header-C1ZlL4Ua.cjs');
 const section = require('./section-muObW4n-.cjs');
 const sectionCard = require('./section-card-23Os1QRs.cjs');
@@ -89,9 +89,9 @@ const chip = require('./chip-Cx5D5DkA.cjs');
 const chipsGroup = require('./chips-group-CaxAKuxv.cjs');
 const tree = require('./tree-P2k9UCFX.cjs');
 const selectDataFilter = require('./select-data-filter-DxoxTXk2.cjs');
-const tracesDataList = require('./traces-data-list-5GA3JumQ.cjs');
-const dataListSkeleton = require('./data-list-skeleton-Bges_t5u.cjs');
-const logsDataList = require('./logs-data-list-DikL8ZQ0.cjs');
+const tracesDataList = require('./traces-data-list-kc8O_Yyd.cjs');
+const dataListSkeleton = require('./data-list-skeleton-DR7cqfzq.cjs');
+const logsDataList = require('./logs-data-list-De4DHIW9.cjs');
 const noDataPageLayout = require('./no-data-page-layout-CiNBx-vK.cjs');
 const pageHeadingContext = require('./page-heading-context-Du-CpxAx.cjs');
 const listSearch = require('./list-search-DY84ZCM-.cjs');
@@ -103,8 +103,8 @@ const components_DataDetailsPanel = require('./components/DataDetailsPanel.cjs.j
 const dataKeysAndValues = require('./data-keys-and-values-Spy2O_IE.cjs');
 const dataPanel = require('./data-panel-CbV9Ycys.cjs');
 const dateTimeRangePicker = require('./date-time-range-picker-Do-3VVvo.cjs');
-const horizontalBars = require('./horizontal-bars-DkJlf6-x.cjs');
-const metricsDataTable = require('./metrics-data-table-BpEAlJi0.cjs');
+const horizontalBars = require('./horizontal-bars-C9qp4r47.cjs');
+const metricsDataTable = require('./metrics-data-table-D7vx2WEJ.cjs');
 const metricsLineChart = require('./metrics-line-chart-D1ZGVepo.cjs');
 const scrollableContainer = require('./scrollable-container-Btq-TfCL.cjs');
 const StatusBadge = require('./StatusBadge-Bow-zeGQ.cjs');
@@ -6398,7 +6398,7 @@ function TracesListView({
   const totalSize = virtualizer.getTotalSize();
   const paddingTop = virtualItems[0]?.start ?? 0;
   const paddingBottom = virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(tracesDataList.TracesDataList, { columns: COLUMNS$1, scrollRef, className: "min-w-0", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(tracesDataList.TracesDataList, { columns: COLUMNS$1, variant: "striped", scrollRef, className: "min-w-0", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(tracesDataList.TracesDataList.Top, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.TopCell, { children: "Date" }),
       /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.TopCell, { children: "Time" }),
@@ -7605,7 +7605,7 @@ function LogsListView({
   const totalSize = virtualizer.getTotalSize();
   const paddingTop = virtualItems[0]?.start ?? 0;
   const paddingBottom = virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(logsDataList.LogsDataList, { columns: COLUMNS, scrollRef, className: "min-w-0", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(logsDataList.LogsDataList, { columns: COLUMNS, variant: "striped", scrollRef, className: "min-w-0", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(logsDataList.LogsDataList.Top, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(logsDataList.LogsDataList.TopCell, { children: "Date" }),
       /* @__PURE__ */ jsxRuntime.jsx(logsDataList.LogsDataList.TopCell, { children: "Time" }),
@@ -7629,6 +7629,7 @@ function LogsListView({
             "data-index": vi.index,
             onClick: () => onLogClick(log),
             featured: isFeatured,
+            variant: log.level === "error" || log.level === "fatal" ? "error" : "default",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(logsDataList.LogsDataList.DateCell, { timestamp: log.timestamp }),
               /* @__PURE__ */ jsxRuntime.jsx(logsDataList.LogsDataList.TimeCell, { timestamp: log.timestamp }),