@mastra/playground-ui 30.0.0 → 30.0.1

package/dist/index.css

@@ -790,6 +790,14 @@
     z-index: 50;
   }
 
+  .z-500 {
+    z-index: 500;
+  }
+
+  .z-1000 {
+    z-index: 1000;
+  }
+
   .z-\[1\] {
     z-index: 1;
   }
@@ -1887,10 +1895,6 @@
     max-width: 90vw !important;
   }
 
-  .max-w-\[110rem\] {
-    max-width: 110rem;
-  }
-
   .max-w-\[200px\] {
     max-width: 200px;
   }
@@ -3469,10 +3473,6 @@
     padding-inline: var(--spacing-8);
   }
 
-  .px-10 {
-    padding-inline: var(--spacing-10);
-  }
-
   .px-12 {
     padding-inline: var(--spacing-12);
   }
@@ -4971,10 +4971,6 @@
     border-color: var(--color-neutral2);
   }
 
-  .focus-within\:border-transparent:focus-within {
-    border-color: #0000;
-  }
-
   .focus-within\:bg-surface4:focus-within {
     background-color: var(--color-surface4);
   }
@@ -5009,10 +5005,6 @@
     }
   }
 
-  .focus-within\:ring-inset:focus-within {
-    --tw-ring-inset: inset;
-  }
-
   @media (hover: hover) {
     .hover\:scale-105:hover {
       --tw-scale-x: 105%;
@@ -7327,7 +7319,7 @@
     rotate: 90deg;
   }
 
-  .data-list-row:focus-visible + .\[\.data-list-row\:focus-visible\+\&\]\:border-t-transparent, .data-list-row:hover + .\[\.data-list-row\:hover\+\&\]\:border-t-transparent, .data-list-subheader + .\[\.data-list-subheader\+\&\]\:border-t-transparent, .entity-list-row:focus-within + .\[\.entity-list-row\:focus-within\+\&\]\:border-t-transparent, .entity-list-row:hover + .\[\.entity-list-row\:hover\+\&\]\:border-t-transparent {
+  .data-list-row:focus-visible + .\[\.data-list-row\:focus-visible\+\&\]\:border-t-transparent, .data-list-row:hover + .\[\.data-list-row\:hover\+\&\]\:border-t-transparent, .data-list-subheader + .\[\.data-list-subheader\+\&\]\:border-t-transparent {
     border-top-color: #0000;
   }
 

package/dist/index.es.js

@@ -6698,7 +6698,7 @@ const itemClass$1 = cn(
   "[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-60 [&:hover>svg]:opacity-100"
 );
 const popupClass$1 = cn(
-  "bg-surface3 text-neutral4 z-50 min-w-44 max-h-[min(20rem,var(--available-height))] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 p-1 shadow-dialog origin-[var(--transform-origin)] outline-none",
+  "bg-surface3 text-neutral4 z-1000 min-w-44 max-h-[min(20rem,var(--available-height))] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 p-1 shadow-dialog origin-[var(--transform-origin)] outline-none",
   "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95",
   "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1"
 );
@@ -6711,7 +6711,7 @@ const ContextMenuContent = React.forwardRef(
       alignOffset,
       side,
       sideOffset,
-      className: "z-50 outline-none",
+      className: "isolate z-1000 outline-none",
       children: /* @__PURE__ */ jsx(
         ContextMenu$1.Popup,
         {
@@ -6832,7 +6832,7 @@ const ContextMenuSubContent = React.forwardRef(
       alignOffset,
       side,
       sideOffset,
-      className: "z-50 outline-none",
+      className: "isolate z-1000 outline-none",
       children: /* @__PURE__ */ jsx(
         ContextMenu$1.Popup,
         {
@@ -12816,11 +12816,11 @@ const ItemList = Object.assign(ItemListRoot, {
   LabelCell: ItemListLabelCell
 });
 
-const widths$2 = ["75%", "50%", "65%", "90%", "60%", "80%"];
+const widths$1 = ["75%", "50%", "65%", "90%", "60%", "80%"];
 function ItemListItemsSkeleton({ columns, numberOfRows = 3 }) {
   const getPseudoRandomWidth = (rowIdx, colIdx) => {
-    const index = (rowIdx + colIdx + (columns?.length || 0) + (numberOfRows || 0)) % widths$2.length;
-    return widths$2[index];
+    const index = (rowIdx + colIdx + (columns?.length || 0) + (numberOfRows || 0)) % widths$1.length;
+    return widths$1[index];
   };
   return /* @__PURE__ */ jsx(ItemListItems, { children: Array.from({ length: numberOfRows }).map((_, rowIdx) => /* @__PURE__ */ jsx(ItemListRow, { children: /* @__PURE__ */ jsx(ItemListRowButton, { columns, children: (columns || []).map((col, colIdx) => {
     const key = `${col.name}-${colIdx}`;
@@ -13495,11 +13495,6 @@ const dataListRowStyles = [
   ...dataListRowOuterStyles
 ];
 
-const DataListRow = forwardRef(({ children, className, ...rest }, ref) => {
-  return /* @__PURE__ */ jsx("div", { ref, className: cn("grid grid-cols-subgrid gap-0 mx-1", ...dataListRowOuterStyles, className), ...rest, children });
-});
-DataListRow.displayName = "DataListRow";
-
 const DataListRowButton = forwardRef(
   ({ children, className, type = "button", flushLeft, flushRight, colStart, colEnd, featured, style, ...rest }, ref) => {
     const hasColumnOverride = colStart !== void 0 || colEnd !== void 0;
@@ -13582,6 +13577,21 @@ const DataListRowStatic = forwardRef(
 );
 DataListRowStatic.displayName = "DataListRowStatic";
 
+const DataListRowWrapper = forwardRef(
+  ({ children, className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("grid grid-cols-subgrid gap-0 mx-1", ...dataListRowOuterStyles, className),
+        ...rest,
+        children
+      }
+    );
+  }
+);
+DataListRowWrapper.displayName = "DataListRowWrapper";
+
 function DataListSpacer({ height }) {
   if (height <= 0) return null;
   return /* @__PURE__ */ jsx("div", { className: "col-span-full", style: { height } });
@@ -13647,7 +13657,7 @@ function DataListTopCellWithTooltip({ children, tooltip, className }) {
     /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })
   ] });
 }
-const breakpointClasses$1 = {
+const breakpointClasses = {
   sm: { show: "hidden sm:inline-flex", hide: "inline-flex sm:hidden" },
   md: { show: "hidden md:inline-flex", hide: "inline-flex md:hidden" },
   lg: { show: "hidden lg:inline-flex", hide: "inline-flex lg:hidden" },
@@ -13662,7 +13672,7 @@ function DataListTopCellSmart({
   className
 }) {
   const tooltipText = tooltip ?? (typeof long === "string" ? long : void 0);
-  const bp = breakpointClasses$1[breakpoint];
+  const bp = breakpointClasses[breakpoint];
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("span", { className: cn("items-center gap-1", bp.show), children: long }),
     /* @__PURE__ */ jsx("span", { className: cn("items-center gap-1", bp.hide), children: short })
@@ -13713,7 +13723,7 @@ const DataList = Object.assign(DataListRoot, {
   TopCell: DataListTopCell,
   TopCellWithTooltip: DataListTopCellWithTooltip,
   TopCellSmart: DataListTopCellSmart,
-  Row: DataListRow,
+  RowWrapper: DataListRowWrapper,
   RowButton: DataListRowButton,
   RowLink: DataListRowLink,
   RowStatic: DataListRowStatic,
@@ -13735,14 +13745,14 @@ const DataList = Object.assign(DataListRoot, {
   Pagination: DataListPagination
 });
 
-const widths$1 = ["75%", "50%", "65%", "90%", "60%", "80%"];
+const widths = ["75%", "50%", "65%", "90%", "60%", "80%"];
 function DataListSkeleton({ columns = "auto 1fr auto auto", numberOfRows = 3 }) {
   const columnParts = columns.trim().split(/\s+/);
   const columnCount = columnParts.length;
   const skeletonColumns = columnParts.map((col) => col === "auto" ? "minmax(6rem, auto)" : col).join(" ");
   const getPseudoRandomWidth = (rowIdx, colIdx) => {
-    const index = (rowIdx + colIdx + columnCount + numberOfRows) % widths$1.length;
-    return widths$1[index];
+    const index = (rowIdx + colIdx + columnCount + numberOfRows) % widths.length;
+    return widths[index];
   };
   return /* @__PURE__ */ jsx(DataListRoot, { columns: skeletonColumns, children: Array.from({ length: numberOfRows }).map((_, rowIdx) => /* @__PURE__ */ jsx(
     "div",
@@ -13868,221 +13878,6 @@ const TracesDataList = Object.assign(TracesDataListRoot, {
   NextPageLoading: DataListNextPageLoading
 });
 
-function EntityListCell({ children, className }) {
-  return /* @__PURE__ */ jsx("span", { className: cn("relative py-4 grid items-center text-ui-md whitespace-nowrap text-neutral3", className), children });
-}
-function EntityListTextCell({ children, className }) {
-  return /* @__PURE__ */ jsx(EntityListCell, { className, children });
-}
-function EntityListNameCell({ children, className }) {
-  return /* @__PURE__ */ jsx(EntityListCell, { className: cn("text-left text-neutral4", className), children: /* @__PURE__ */ jsx("span", { className: "truncate", children }) });
-}
-function EntityListDescriptionCell({ children, className }) {
-  return /* @__PURE__ */ jsx(EntityListCell, { className: cn("text-neutral2", className), children: /* @__PURE__ */ jsx("span", { className: "truncate", children }) });
-}
-
-function EntityListNoMatch({ message = "Nothing matches your search", className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("col-span-full flex flex-col items-center justify-center gap-2 py-12 text-neutral3", className), children: /* @__PURE__ */ jsx("p", { className: "text-ui-md", children: message }) });
-}
-
-function EntityListPagination({ currentPage, hasMore, onNextPage, onPrevPage }) {
-  const showNavigation = typeof currentPage === "number" && currentPage > 0 || hasMore;
-  return /* @__PURE__ */ jsxs("div", { className: cn("col-span-full flex items-center justify-center gap-8 pt-6 pb-4 text-ui-md text-neutral3"), children: [
-    /* @__PURE__ */ jsxs("span", { children: [
-      "Page ",
-      /* @__PURE__ */ jsx("b", { children: currentPage ? currentPage + 1 : "1" })
-    ] }),
-    showNavigation && /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "flex gap-4",
-          "[&>button]:flex [&>button]:items-center [&>button]:gap-2 [&>button]:text-neutral4 [&>button:hover]:text-neutral5 [&>button]:transition-colors [&>button]:border [&>button]:border-border1 [&>button]:p-1 [&>button]:px-2 [&>button]:rounded-md",
-          "[&_svg]:w-[1em] [&_svg]:h-[1em] [&_svg]:text-neutral3"
-        ),
-        children: [
-          typeof currentPage === "number" && currentPage > 0 && /* @__PURE__ */ jsxs("button", { type: "button", onClick: onPrevPage, children: [
-            /* @__PURE__ */ jsx(ArrowLeftIcon, {}),
-            "Previous"
-          ] }),
-          hasMore && /* @__PURE__ */ jsxs("button", { type: "button", onClick: onNextPage, children: [
-            "Next",
-            /* @__PURE__ */ jsx(ArrowRightIcon, {})
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-
-function EntityListRoot({ children, columns, className }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "grid bg-surface2 border h-full border-border1 rounded-xl overflow-y-auto content-start",
-        className
-      ),
-      style: { gridTemplateColumns: columns },
-      children
-    }
-  );
-}
-
-function EntityListRow({ children, className, onClick, selected }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: onClick ? "button" : void 0,
-      tabIndex: onClick ? 0 : void 0,
-      onClick,
-      onKeyDown: onClick ? (e) => {
-        if (e.currentTarget !== e.target) return;
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          onClick();
-        }
-      } : void 0,
-      className: cn(
-        "entity-list-row grid grid-cols-subgrid gap-6 lg:gap-8 xl:gap-10 2xl:gap-12 3xl:gap-14 col-span-full cursor-pointer border-y border-b-border1 border-t-transparent px-5",
-        "hover:bg-surface4 hover:border-transparent focus-within:bg-surface4 focus-within:border-transparent focus-within:ring-1 focus-within:ring-inset focus-within:ring-accent1",
-        "[.entity-list-row:hover+&]:border-t-transparent [.entity-list-row:focus-within+&]:border-t-transparent",
-        "transition-colors duration-200 rounded-lg",
-        selected && "bg-surface4 border-transparent",
-        className
-      ),
-      children
-    }
-  );
-}
-
-function EntityListRowLink({ children, to, className, LinkComponent: Link }) {
-  return /* @__PURE__ */ jsx(
-    Link,
-    {
-      href: to,
-      className: cn(
-        "entity-list-row grid grid-cols-subgrid gap-6 lg:gap-8 xl:gap-10 2xl:gap-12 3xl:gap-14 col-span-full px-5 outline-hidden cursor-pointer border-y border-b-border1 border-t-transparent",
-        "hover:bg-surface4 hover:border-transparent focus-within:bg-surface4 focus-within:border-transparent focus-within:ring-1 focus-within:ring-inset focus-within:ring-accent1",
-        "[.entity-list-row:hover+&]:border-t-transparent [.entity-list-row:focus-within+&]:border-t-transparent",
-        "transition-colors duration-200 rounded-lg",
-        className
-      ),
-      children
-    }
-  );
-}
-
-function EntityListRows({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-subgrid col-span-full overflow-y-auto p-1", className), children });
-}
-
-function EntityListTop({ children, className }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "grid grid-cols-subgrid gap-6 lg:gap-8 xl:gap-10 2xl:gap-12 3xl:gap-14 col-span-full border-b border-border1 px-4 bg-surface2 sticky top-0 z-10",
-        className
-      ),
-      children
-    }
-  );
-}
-
-const EntityListTopCell = forwardRef(({ children, className }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      ref,
-      className: cn(
-        "h-8 py-1 flex items-center uppercase whitespace-nowrap text-neutral2 tracking-widest text-ui-xs",
-        className
-      ),
-      children
-    }
-  );
-});
-function EntityListTopCellWithTooltip({ children, tooltip, className }) {
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(EntityListTopCell, { className, children }) }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })
-  ] });
-}
-const breakpointClasses = {
-  sm: { show: "hidden sm:inline-flex", hide: "inline-flex sm:hidden" },
-  md: { show: "hidden md:inline-flex", hide: "inline-flex md:hidden" },
-  lg: { show: "hidden lg:inline-flex", hide: "inline-flex lg:hidden" },
-  xl: { show: "hidden xl:inline-flex", hide: "inline-flex xl:hidden" },
-  "2xl": { show: "hidden 2xl:inline-flex", hide: "inline-flex 2xl:hidden" }
-};
-function EntityListTopCellSmart({
-  long,
-  short,
-  tooltip,
-  breakpoint = "2xl",
-  className
-}) {
-  const tooltipText = tooltip ?? (typeof long === "string" ? long : void 0);
-  const bp = breakpointClasses[breakpoint];
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { className: cn("items-center gap-1", bp.show), children: long }),
-    /* @__PURE__ */ jsx("span", { className: cn("items-center gap-1", bp.hide), children: short })
-  ] });
-  if (tooltipText) {
-    return /* @__PURE__ */ jsx(
-      EntityListTopCellWithTooltip,
-      {
-        tooltip: tooltipText,
-        className: cn("flex [&_svg]:w-[1.3em] [&_svg]:h-[1.3em]", className),
-        children: content
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(EntityListTopCell, { className: cn("flex [&_svg]:w-[1.3em] [&_svg]:h-[1.3em]", className), children: content });
-}
-
-const EntityList = Object.assign(EntityListRoot, {
-  Top: EntityListTop,
-  TopCell: EntityListTopCell,
-  TopCellWithTooltip: EntityListTopCellWithTooltip,
-  TopCellSmart: EntityListTopCellSmart,
-  Rows: EntityListRows,
-  Row: EntityListRow,
-  RowLink: EntityListRowLink,
-  Cell: EntityListCell,
-  TextCell: EntityListTextCell,
-  NameCell: EntityListNameCell,
-  DescriptionCell: EntityListDescriptionCell,
-  NoMatch: EntityListNoMatch,
-  Pagination: EntityListPagination
-});
-
-const widths = ["75%", "50%", "65%", "90%", "60%", "80%"];
-function EntityListSkeleton({ columns, numberOfRows = 3 }) {
-  const columnParts = columns.trim().split(/\s+/);
-  const columnCount = columnParts.length;
-  const skeletonColumns = columnParts.map((col) => col === "auto" ? "minmax(6rem, auto)" : col).join(" ");
-  const getPseudoRandomWidth = (rowIdx, colIdx) => {
-    const index = (rowIdx + colIdx + columnCount + numberOfRows) % widths.length;
-    return widths[index];
-  };
-  return /* @__PURE__ */ jsx(EntityListRoot, { columns: skeletonColumns, children: Array.from({ length: numberOfRows }).map((_, rowIdx) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "entity-list-row grid grid-cols-subgrid gap-6 lg:gap-8 xl:gap-10 2xl:gap-12 3xl:gap-14 col-span-full px-5 border-y border-b-border1 border-t-transparent transition-colors duration-200 rounded-lg",
-      children: Array.from({ length: columnCount }).map((_2, colIdx) => /* @__PURE__ */ jsx(EntityListCell, { children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "bg-surface4 rounded-md animate-pulse text-transparent h-4 select-none",
-          style: { width: getPseudoRandomWidth(rowIdx, colIdx) }
-        }
-      ) }, colIdx))
-    },
-    rowIdx
-  )) });
-}
-
 const LEVEL_CONFIG = {
   debug: { label: "DEBUG", color: "#71717a" },
   info: { label: "INFO", color: "#60a5fa" },
@@ -14137,7 +13932,7 @@ const LogsDataList = Object.assign(DataListRoot, {
   TopCell: DataListTopCell,
   TopCellWithTooltip: DataListTopCellWithTooltip,
   TopCellSmart: DataListTopCellSmart,
-  Row: DataListRow,
+  RowWrapper: DataListRowWrapper,
   RowButton: DataListRowButton,
   RowLink: DataListRowLink,
   Spacer: DataListSpacer,
@@ -14151,31 +13946,6 @@ const LogsDataList = Object.assign(DataListRoot, {
   NextPageLoading: DataListNextPageLoading
 });
 
-function EntityListPageLayoutRoot({ children, className }) {
-  const pageHeading = usePageHeading();
-  return /* @__PURE__ */ jsxs(
-    "main",
-    {
-      className: cn(
-        "w-full h-full overflow-hidden grid grid-rows-[auto_auto] max-w-[110rem] px-10 mx-auto gap-4 py-6 content-start",
-        className
-      ),
-      children: [
-        pageHeading && /* @__PURE__ */ jsx("h1", { className: "sr-only", children: pageHeading }),
-        children
-      ]
-    }
-  );
-}
-
-function EntityListPageLayoutTop({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("grid gap-4", className), children });
-}
-
-const EntityListPageLayout = Object.assign(EntityListPageLayoutRoot, {
-  Top: EntityListPageLayoutTop
-});
-
 function PageLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("grid content-start", className), children });
 }
@@ -22315,5 +22085,5 @@ function useLogsListNavigation(logs, featuredLogId, onFeaturedChange, featuredTr
   };
 }
 
-export { AddField, AgentCoinIcon, AgentIcon, AgentNetworkCoinIcon, AiIcon, AlertDialog, AmazonIcon, AnthropicChatIcon, AnthropicMessagesIcon, ApiIcon, Avatar, AzureIcon, Badge, BarListContent, BorderColors, BorderRadius, BranchIcon, BrandLoader, Breadcrumb, Button, ButtonsGroup, ButtonsGroupSeparator, ButtonsGroupText, CHART_COLORS, CONTEXT_FIELD_IDS, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTitle, Cell, CheckIcon, Checkbox, ChevronIcon, Chip, ChipsGroup, CodeBlock$1 as CodeBlock, CodeDiff, CodeEditor, CohereIcon, Collapsible, CollapsibleContent, CollapsiblePanel, CollapsibleTrigger, Colors, Column, Columns, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommitIcon, ContentBlock, ContentBlocks, ContextMenu, CopyButton, CrossIcon, Crumb, DATE_PRESETS, DEFAULT_LOGS_FILTERS_STORAGE_KEY, DEFAULT_TRACE_FILTERS_STORAGE_KEY, DashboardCard, DataCodeSection, DataDetailsPanel, DataKeysAndValues, DataList, DataListSkeleton, DataPanel, DatasetsIcon, DatePicker, DateRangeSelector, DateTimeCell, DateTimePicker, DateTimePickerContent, DateTimeRangePicker, DbIcon, DebugIcon, DefaultTrigger, DeploymentIcon, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DividerIcon, DocsIcon, Drawer, DrawerBackdrop, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerIndent, DrawerIndentBackground, DrawerPopup, DrawerPortal, DrawerProvider, DrawerSwipeArea, DrawerTitle, DrawerTrigger, DrawerViewport, DropdownMenu, EXTENSION_TO_MIME, ElementSelect, EmptyState, Entity, EntityContent, EntityDescription, EntityHeader, EntityIcon, EntityList, EntityListPageLayout, EntityListSkeleton, EntityName, Entry, EntryCell, EnvIcon, ErrorBoundary, ErrorState, ExperimentsIcon, Field, FieldBlock, FieldBlocksLayout, FieldDescription, FieldList, FieldName, FieldNullable, FieldOptional, FieldRemove, FieldType, FiltersIcon, FolderIcon, FontSizes, GithubCoinIcon, GithubIcon, Glows, GoogleIcon, GroqIcon, Header$1 as Header, HeaderAction, HeaderGroup, HeaderTitle, HomeIcon, HorizontalBars, HoverCard, HoverCardContent, HoverCardTrigger, HoverPopover, Icon, InfoIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, ItemList, ItemListSkeleton, JSONSchemaForm, JudgeIcon, Kbd, KeyValueList, KpiCardView, LOGS_DATE_FROM_PARAM, LOGS_DATE_PRESET_PARAM, LOGS_DATE_PRESET_VALUES, LOGS_DATE_TO_PARAM, LOGS_PROPERTY_FILTER_FIELD_IDS, LOGS_PROPERTY_FILTER_PARAM_BY_FIELD, LOGS_ROOT_ENTITY_TYPES, LOGS_ROOT_ENTITY_TYPE_OPTIONS, LOGS_ROOT_ENTITY_TYPE_PARAM, LOG_LEVEL_OPTIONS, LOG_LEVEL_VALUES, Label, LatencyCardView, LatencyIcon, LineHeights, ListSearch, LogDetailsView, Logo, LogoWithoutText, LogsDataList, DataListSkeleton as LogsDataListSkeleton, LogsErrorContent, LogsIcon, LogsLayout, LogsListView, LogsToolbar, MainContentContent, MainContentLayout, MainHeader, MainSidebar, MainSidebarMobileTrigger, MainSidebarProvider, MainSidebarTrigger, MarkdownRenderer, MastraIcon, McpCoinIcon, McpServerIcon, MemoryCardView, MemoryIcon, MetricsCard, MetricsDataTable, MetricsFlexGrid, MetricsIcon, MetricsKpiCard, MetricsLineChart, MetricsLineChartTooltip, MetricsProvider, MistralIcon, ModelUsageCostCardView, MultiColumn, MultiCombobox, NestedFields, NetlifyIcon, NoDataPageLayout, NoLogsInfo, NoTracesInfo, Notice, OPERATORS, OPERATOR_LABELS, OpenAIIcon, OpenErrorsInLogsButton, OpenInTracesButton, OpenaiChatIcon, PageHeader, PageHeadingContext, PageLayout, PanelSeparator, PermissionDenied, PickMultiPanel, Popover, PopoverContent, PopoverTrigger, PrevNextNav, ProcessStepList, ProcessStepListItem, ProcessStepProgressBar, ProcessorIcon, PromptIcon, PropertyFilterActions, PropertyFilterApplied, PropertyFilterCreator, ROOT_ENTITY_TYPES, ROOT_ENTITY_TYPE_OPTIONS, RadioGroup, RadioGroupItem, RepoIcon, RequestContextIcon, Root$1 as Root, Row, RuleBuilder, RuleFieldSelect, RuleOperatorSelect, RuleRow, RuleValueInput, ScorersIcon, ScoresCardView, ScoresDataList, ScrollArea, ScrollBar, ScrollableContainer, SearchFieldBlock, Searchbar, SearchbarWrapper, Section, SectionCard, SectionRoot, Sections, Select, SelectContent, SelectDataFilter, SelectFieldBlock, SelectGroup, SelectItem, SelectTrigger, SelectValue, SessionExpired, SettingsIcon, SettingsRow, Shadows, SideDialog, Sizes, Skeleton, SkillIcon, SlashIcon, Slider, Spacings, SpanDataPanelView, SpanDetailsView, SpanTokenUsage, Spinner, StackedRunsBars, StatusBadge, SubSectionRoot, Switch, TRACE_ANCHOR_SPAN_ID_PARAM, TRACE_DATE_FROM_PARAM, TRACE_DATE_PRESET_PARAM, TRACE_DATE_PRESET_VALUES, TRACE_DATE_TO_PARAM, TRACE_LIST_MODE_OPTIONS, TRACE_LIST_MODE_PARAM, TRACE_LIST_MODE_VALUES, TRACE_PROPERTY_FILTER_FIELD_IDS, TRACE_PROPERTY_FILTER_PARAM_BY_FIELD, TRACE_ROOT_ENTITY_TYPE_PARAM, TRACE_STATUS_OPTIONS, TRACE_STATUS_PARAM, TRACE_STATUS_VALUES, TRACE_SYNTHETIC_FILTER_FIELD_IDS, Tab, TabContent, TabList, Table, Tabs, Tbody, TextAndIcon, TextFieldBlock, Textarea, Th, Thead, ThemeProvider, ThemeToggle, TimePicker, TimelineExpandCol, TimelineNameCol, TimelineStructureSign, TimelineTimingCol, Toaster, TokenUsageByAgentCardView, ToolCoinIcon, ToolsIcon, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TraceDataPanelView, TraceDetailsView, TraceIcon, TraceKeysAndValues, TraceTimeline, TraceTimelineSpan, TracesDataList, TracesErrorContent, TracesLayout, TracesListModeToggle, TracesListView, TracesToolbar, TracesVolumeCardView, Tree, Truncate, TsIcon, Txt, TxtCell, VARIABLE_PATTERN, VariablesIcon, WorkflowCoinIcon, WorkflowIcon, WorkspacesIcon, XGroqIcon, applyLogsPropertyFilterTokens, applyMetricsPropertyFilterTokens, applyTracePropertyFilterTokens, buildLogsDrilldownUrl, buildLogsListFilters, buildMetricsDimensionalFilter, buildTraceListFilters, buildTracesDrilldownUrl, buttonVariants, buttonsGroupVariants, clearSavedLogsFilters, clearSavedMetricsFilters, clearSavedTraceFilters, cn, comboboxStyles, countLeafRules, createDefaultRule, createDefaultRuleGroup, createDrawerHandle, createField, createLogsPropertyFilterFields, createMetricsPropertyFilterFields, createTracePropertyFilterFields, createVariableAutocomplete, fieldsToJSONSchema, fileToBase64, flattenSchemaToVariables, focusRing, formElementFocus, formElementFocusWithin, formElementRadius, formElementSizes, formElementTransition, formatCompact, formatCost, formatHierarchicalSpans, formatJSON, generateDefaultValues, getAllSpanIds, getChildFieldOptions, getFieldOptionAtPath, getFieldOptionsFromSchema, getFileContentType, getInputPreview, getIsLinkActive, getItemListColumnTemplate, getLogsPropertyFilterTokens, getMainContentContentClassName, getMetricsPropertyFilterTokens, getPreservedLogsFilterParams, getPreservedTraceFilterParams, getShortId$1 as getShortId, getSpanDescendantIds, getSpanTypeUi, getStatusIcon, getToNextItemFn, getToPreviousItemFn, getTokenLimitMessage, getTracePropertyFilterTokens, hasAnyLogsFilterParams, hasAnyMetricsFilterParams, hasAnyTraceFilterParams, highlight, hoverEffects, inputVariants, is401UnauthorizedError, is403ForbiddenError, isBranchesNotSupportedError, isNonRetryableError, isObjectEmpty, isRule, isRuleGroup, isTokenLimitExceeded, isValidJson, isValidPreset, jsonSchemaToFields, loadLogsFiltersFromStorage, loadMetricsFiltersFromStorage, loadTraceFiltersFromStorage, lodashTitleCase, narrowWindowToBucket, navItemClasses, neutralizeFilterTokens, neutralizeLogsFilterTokens, parseError, parseFieldPath, saveLogsFiltersToStorage, saveMetricsFiltersToStorage, saveTraceFiltersToStorage, sharedFormElementDisabledStyle, sharedFormElementFocusStyle, sharedFormElementStyle, shouldRetryQuery, spanTypePrefixes, stringToColor, textareaVariants, toSigFigs, toast, transitions, truncateString, useActiveResourcesKpiMetrics, useActiveThreadsKpiMetrics, useAgentRunsKpiMetrics, useAutoscroll, useBranch, useCodemirrorTheme$3 as useCodemirrorTheme, useCopyToClipboard, useDrilldown, useEntityNames, useEnvironments, useInView, useJSONSchemaForm, useJSONSchemaFormField, useJSONSchemaFormNestedContext, useLatencyMetrics, useLogs, useLogsFilterPersistence, useLogsListNavigation, useLogsUrlState, useMainSidebar, useMaybeSidebar, useMetrics, useMetricsFilters, useModelCostKpiMetrics, useModelUsageCostMetrics, usePageHeading, usePlaygroundStore, useScoresMetrics, useServiceNames, useSpanDetail, useTableKeyboardNavigation, useTags, useTheme, useTokenUsageByAgentMetrics, useTopActiveThreadsMetrics, useTopResourcesByThreadsMetrics, useTotalTokensKpiMetrics, useTraceFilterPersistence, useTraceLightSpans, useTraceListNavigation, useTraceOrBranchSpans, useTraceSpanNavigation, useTraceSpans, useTraceUrlState, useTraceVolumeMetrics, useTraces, variableHighlight };
+export { AddField, AgentCoinIcon, AgentIcon, AgentNetworkCoinIcon, AiIcon, AlertDialog, AmazonIcon, AnthropicChatIcon, AnthropicMessagesIcon, ApiIcon, Avatar, AzureIcon, Badge, BarListContent, BorderColors, BorderRadius, BranchIcon, BrandLoader, Breadcrumb, Button, ButtonsGroup, ButtonsGroupSeparator, ButtonsGroupText, CHART_COLORS, CONTEXT_FIELD_IDS, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTitle, Cell, CheckIcon, Checkbox, ChevronIcon, Chip, ChipsGroup, CodeBlock$1 as CodeBlock, CodeDiff, CodeEditor, CohereIcon, Collapsible, CollapsibleContent, CollapsiblePanel, CollapsibleTrigger, Colors, Column, Columns, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommitIcon, ContentBlock, ContentBlocks, ContextMenu, CopyButton, CrossIcon, Crumb, DATE_PRESETS, DEFAULT_LOGS_FILTERS_STORAGE_KEY, DEFAULT_TRACE_FILTERS_STORAGE_KEY, DashboardCard, DataCodeSection, DataDetailsPanel, DataKeysAndValues, DataList, DataListSkeleton, DataPanel, DatasetsIcon, DatePicker, DateRangeSelector, DateTimeCell, DateTimePicker, DateTimePickerContent, DateTimeRangePicker, DbIcon, DebugIcon, DefaultTrigger, DeploymentIcon, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DividerIcon, DocsIcon, Drawer, DrawerBackdrop, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerIndent, DrawerIndentBackground, DrawerPopup, DrawerPortal, DrawerProvider, DrawerSwipeArea, DrawerTitle, DrawerTrigger, DrawerViewport, DropdownMenu, EXTENSION_TO_MIME, ElementSelect, EmptyState, Entity, EntityContent, EntityDescription, EntityHeader, EntityIcon, EntityName, Entry, EntryCell, EnvIcon, ErrorBoundary, ErrorState, ExperimentsIcon, Field, FieldBlock, FieldBlocksLayout, FieldDescription, FieldList, FieldName, FieldNullable, FieldOptional, FieldRemove, FieldType, FiltersIcon, FolderIcon, FontSizes, GithubCoinIcon, GithubIcon, Glows, GoogleIcon, GroqIcon, Header$1 as Header, HeaderAction, HeaderGroup, HeaderTitle, HomeIcon, HorizontalBars, HoverCard, HoverCardContent, HoverCardTrigger, HoverPopover, Icon, InfoIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, ItemList, ItemListSkeleton, JSONSchemaForm, JudgeIcon, Kbd, KeyValueList, KpiCardView, LOGS_DATE_FROM_PARAM, LOGS_DATE_PRESET_PARAM, LOGS_DATE_PRESET_VALUES, LOGS_DATE_TO_PARAM, LOGS_PROPERTY_FILTER_FIELD_IDS, LOGS_PROPERTY_FILTER_PARAM_BY_FIELD, LOGS_ROOT_ENTITY_TYPES, LOGS_ROOT_ENTITY_TYPE_OPTIONS, LOGS_ROOT_ENTITY_TYPE_PARAM, LOG_LEVEL_OPTIONS, LOG_LEVEL_VALUES, Label, LatencyCardView, LatencyIcon, LineHeights, ListSearch, LogDetailsView, Logo, LogoWithoutText, LogsDataList, DataListSkeleton as LogsDataListSkeleton, LogsErrorContent, LogsIcon, LogsLayout, LogsListView, LogsToolbar, MainContentContent, MainContentLayout, MainHeader, MainSidebar, MainSidebarMobileTrigger, MainSidebarProvider, MainSidebarTrigger, MarkdownRenderer, MastraIcon, McpCoinIcon, McpServerIcon, MemoryCardView, MemoryIcon, MetricsCard, MetricsDataTable, MetricsFlexGrid, MetricsIcon, MetricsKpiCard, MetricsLineChart, MetricsLineChartTooltip, MetricsProvider, MistralIcon, ModelUsageCostCardView, MultiColumn, MultiCombobox, NestedFields, NetlifyIcon, NoDataPageLayout, NoLogsInfo, NoTracesInfo, Notice, OPERATORS, OPERATOR_LABELS, OpenAIIcon, OpenErrorsInLogsButton, OpenInTracesButton, OpenaiChatIcon, PageHeader, PageHeadingContext, PageLayout, PanelSeparator, PermissionDenied, PickMultiPanel, Popover, PopoverContent, PopoverTrigger, PrevNextNav, ProcessStepList, ProcessStepListItem, ProcessStepProgressBar, ProcessorIcon, PromptIcon, PropertyFilterActions, PropertyFilterApplied, PropertyFilterCreator, ROOT_ENTITY_TYPES, ROOT_ENTITY_TYPE_OPTIONS, RadioGroup, RadioGroupItem, RepoIcon, RequestContextIcon, Root$1 as Root, Row, RuleBuilder, RuleFieldSelect, RuleOperatorSelect, RuleRow, RuleValueInput, ScorersIcon, ScoresCardView, ScoresDataList, ScrollArea, ScrollBar, ScrollableContainer, SearchFieldBlock, Searchbar, SearchbarWrapper, Section, SectionCard, SectionRoot, Sections, Select, SelectContent, SelectDataFilter, SelectFieldBlock, SelectGroup, SelectItem, SelectTrigger, SelectValue, SessionExpired, SettingsIcon, SettingsRow, Shadows, SideDialog, Sizes, Skeleton, SkillIcon, SlashIcon, Slider, Spacings, SpanDataPanelView, SpanDetailsView, SpanTokenUsage, Spinner, StackedRunsBars, StatusBadge, SubSectionRoot, Switch, TRACE_ANCHOR_SPAN_ID_PARAM, TRACE_DATE_FROM_PARAM, TRACE_DATE_PRESET_PARAM, TRACE_DATE_PRESET_VALUES, TRACE_DATE_TO_PARAM, TRACE_LIST_MODE_OPTIONS, TRACE_LIST_MODE_PARAM, TRACE_LIST_MODE_VALUES, TRACE_PROPERTY_FILTER_FIELD_IDS, TRACE_PROPERTY_FILTER_PARAM_BY_FIELD, TRACE_ROOT_ENTITY_TYPE_PARAM, TRACE_STATUS_OPTIONS, TRACE_STATUS_PARAM, TRACE_STATUS_VALUES, TRACE_SYNTHETIC_FILTER_FIELD_IDS, Tab, TabContent, TabList, Table, Tabs, Tbody, TextAndIcon, TextFieldBlock, Textarea, Th, Thead, ThemeProvider, ThemeToggle, TimePicker, TimelineExpandCol, TimelineNameCol, TimelineStructureSign, TimelineTimingCol, Toaster, TokenUsageByAgentCardView, ToolCoinIcon, ToolsIcon, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TraceDataPanelView, TraceDetailsView, TraceIcon, TraceKeysAndValues, TraceTimeline, TraceTimelineSpan, TracesDataList, TracesErrorContent, TracesLayout, TracesListModeToggle, TracesListView, TracesToolbar, TracesVolumeCardView, Tree, Truncate, TsIcon, Txt, TxtCell, VARIABLE_PATTERN, VariablesIcon, WorkflowCoinIcon, WorkflowIcon, WorkspacesIcon, XGroqIcon, applyLogsPropertyFilterTokens, applyMetricsPropertyFilterTokens, applyTracePropertyFilterTokens, buildLogsDrilldownUrl, buildLogsListFilters, buildMetricsDimensionalFilter, buildTraceListFilters, buildTracesDrilldownUrl, buttonVariants, buttonsGroupVariants, clearSavedLogsFilters, clearSavedMetricsFilters, clearSavedTraceFilters, cn, comboboxStyles, countLeafRules, createDefaultRule, createDefaultRuleGroup, createDrawerHandle, createField, createLogsPropertyFilterFields, createMetricsPropertyFilterFields, createTracePropertyFilterFields, createVariableAutocomplete, fieldsToJSONSchema, fileToBase64, flattenSchemaToVariables, focusRing, formElementFocus, formElementFocusWithin, formElementRadius, formElementSizes, formElementTransition, formatCompact, formatCost, formatHierarchicalSpans, formatJSON, generateDefaultValues, getAllSpanIds, getChildFieldOptions, getFieldOptionAtPath, getFieldOptionsFromSchema, getFileContentType, getInputPreview, getIsLinkActive, getItemListColumnTemplate, getLogsPropertyFilterTokens, getMainContentContentClassName, getMetricsPropertyFilterTokens, getPreservedLogsFilterParams, getPreservedTraceFilterParams, getShortId$1 as getShortId, getSpanDescendantIds, getSpanTypeUi, getStatusIcon, getToNextItemFn, getToPreviousItemFn, getTokenLimitMessage, getTracePropertyFilterTokens, hasAnyLogsFilterParams, hasAnyMetricsFilterParams, hasAnyTraceFilterParams, highlight, hoverEffects, inputVariants, is401UnauthorizedError, is403ForbiddenError, isBranchesNotSupportedError, isNonRetryableError, isObjectEmpty, isRule, isRuleGroup, isTokenLimitExceeded, isValidJson, isValidPreset, jsonSchemaToFields, loadLogsFiltersFromStorage, loadMetricsFiltersFromStorage, loadTraceFiltersFromStorage, lodashTitleCase, narrowWindowToBucket, navItemClasses, neutralizeFilterTokens, neutralizeLogsFilterTokens, parseError, parseFieldPath, saveLogsFiltersToStorage, saveMetricsFiltersToStorage, saveTraceFiltersToStorage, sharedFormElementDisabledStyle, sharedFormElementFocusStyle, sharedFormElementStyle, shouldRetryQuery, spanTypePrefixes, stringToColor, textareaVariants, toSigFigs, toast, transitions, truncateString, useActiveResourcesKpiMetrics, useActiveThreadsKpiMetrics, useAgentRunsKpiMetrics, useAutoscroll, useBranch, useCodemirrorTheme$3 as useCodemirrorTheme, useCopyToClipboard, useDrilldown, useEntityNames, useEnvironments, useInView, useJSONSchemaForm, useJSONSchemaFormField, useJSONSchemaFormNestedContext, useLatencyMetrics, useLogs, useLogsFilterPersistence, useLogsListNavigation, useLogsUrlState, useMainSidebar, useMaybeSidebar, useMetrics, useMetricsFilters, useModelCostKpiMetrics, useModelUsageCostMetrics, usePageHeading, usePlaygroundStore, useScoresMetrics, useServiceNames, useSpanDetail, useTableKeyboardNavigation, useTags, useTheme, useTokenUsageByAgentMetrics, useTopActiveThreadsMetrics, useTopResourcesByThreadsMetrics, useTotalTokensKpiMetrics, useTraceFilterPersistence, useTraceLightSpans, useTraceListNavigation, useTraceOrBranchSpans, useTraceSpanNavigation, useTraceSpans, useTraceUrlState, useTraceVolumeMetrics, useTraces, variableHighlight };
 //# sourceMappingURL=index.es.js.map