@mastra/playground-ui 30.0.1 → 30.0.2-alpha.1

package/dist/index.css

@@ -177,6 +177,7 @@
     --radius-lg: 10px;
     --radius-xl: 14px;
     --radius-2xl: 1rem;
+    --ease-in: cubic-bezier(.4, 0, 1, 1);
     --ease-out: cubic-bezier(0, 0, .2, 1);
     --ease-in-out: cubic-bezier(.4, 0, .2, 1);
     --animate-spin: spin 1s linear infinite;
@@ -1919,6 +1920,10 @@
     max-width: var(--container-md);
   }
 
+  .max-w-none {
+    max-width: none;
+  }
+
   .max-w-screen-lg {
     max-width: var(--breakpoint-lg);
   }
@@ -2453,12 +2458,6 @@
     margin-block-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));
   }
 
-  :where(.space-y-6 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(var(--spacing-6) * var(--tw-space-y-reverse));
-    margin-block-end: calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));
-  }
-
   :where(.space-y-8 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(var(--spacing-8) * var(--tw-space-y-reverse));
@@ -2683,6 +2682,11 @@
     border-block-width: 1px;
   }
 
+  .border-y-0 {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 0;
+  }
+
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -5649,6 +5653,10 @@
     --tw-exit-scale: .95;
   }
 
+  .data-\[closed\]\:slide-out-to-left[data-closed] {
+    --tw-exit-translate-x: -100%;
+  }
+
   .data-\[disabled\]\:pointer-events-none[data-disabled] {
     pointer-events: none;
   }
@@ -5699,6 +5707,16 @@
     opacity: 0;
   }
 
+  .data-\[ending-style\]\:duration-150[data-ending-style] {
+    --tw-duration: .15s;
+    transition-duration: .15s;
+  }
+
+  .data-\[ending-style\]\:ease-in[data-ending-style] {
+    --tw-ease: var(--ease-in);
+    transition-timing-function: var(--ease-in);
+  }
+
   .data-\[highlighted\]\:bg-surface4[data-highlighted] {
     background-color: var(--color-surface4);
   }
@@ -5776,6 +5794,10 @@
     --tw-enter-scale: .95;
   }
 
+  .data-\[open\]\:slide-in-from-left[data-open] {
+    --tw-enter-translate-x: -100%;
+  }
+
   .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] {
     height: var(--spacing-1_5);
   }
@@ -5972,58 +5994,6 @@
     opacity: 0;
   }
 
-  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
-    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
-  }
-
-  .data-\[state\=closed\]\:duration-150[data-state="closed"] {
-    --tw-duration: .15s;
-    transition-duration: .15s;
-  }
-
-  .data-\[state\=closed\]\:duration-200[data-state="closed"] {
-    --tw-duration: .2s;
-    transition-duration: .2s;
-  }
-
-  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
-    --tw-exit-opacity: 0;
-  }
-
-  .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
-    --tw-exit-translate-x: -100%;
-  }
-
-  .data-\[state\=closed\]\:slide-out-to-right-1\/4[data-state="closed"] {
-    --tw-exit-translate-x: calc(1 / 4*100%);
-  }
-
-  .data-\[state\=open\]\:animate-in[data-state="open"] {
-    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
-  }
-
-  .data-\[state\=open\]\:duration-200[data-state="open"] {
-    --tw-duration: .2s;
-    transition-duration: .2s;
-  }
-
-  .data-\[state\=open\]\:duration-300[data-state="open"] {
-    --tw-duration: .3s;
-    transition-duration: .3s;
-  }
-
-  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
-    --tw-enter-opacity: 0;
-  }
-
-  .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
-    --tw-enter-translate-x: -100%;
-  }
-
-  .data-\[state\=open\]\:slide-in-from-right-1\/4[data-state="open"] {
-    --tw-enter-translate-x: calc(1 / 4*100%);
-  }
-
   .data-\[swiping\]\:select-none[data-swiping] {
     -webkit-user-select: none;
     user-select: none;

package/dist/index.es.js

@@ -23,14 +23,13 @@ import { Collapsible as Collapsible$1 } from '@base-ui/react/collapsible';
 import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
 export { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
 import { Command as Command$1 } from 'cmdk';
-import { Dialog as Dialog$2 } from '@base-ui/react/dialog';
+import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
 import { ContextMenu as ContextMenu$1 } from '@base-ui/react/context-menu';
 import { Select as Select$1 } from '@base-ui/react/select';
 import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
 import { Drawer as Drawer$1 } from '@base-ui/react/drawer';
 import { Menu } from '@base-ui/react/menu';
-import * as VisuallyHidden from '@radix-ui/react-visually-hidden';
-import { VisuallyHidden as VisuallyHidden$1 } from '@radix-ui/react-visually-hidden';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { PreviewCard } from '@base-ui/react/preview-card';
 import Markdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
@@ -43,8 +42,6 @@ import { Slider as Slider$1 } from '@base-ui/react/slider';
 import { Switch as Switch$1 } from '@base-ui/react/switch';
 import { format, isValid, formatDate, isThisYear, isToday as isToday$1, parse } from 'date-fns';
 import { DayPicker } from 'react-day-picker';
-import { Slot } from '@radix-ui/react-slot';
-import * as Dialog$1 from '@radix-ui/react-dialog';
 import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
 import { MergeView } from '@codemirror/merge';
 import { format as format$1 } from 'date-fns/format';
@@ -6511,22 +6508,22 @@ function MultiCombobox({
   ] });
 }
 
-const Dialog = Dialog$2.Root;
+const Dialog = Dialog$1.Root;
 const DialogTrigger = React.forwardRef(
   ({ asChild, children, ...props }, ref) => {
     const renderProps = asChild && React.isValidElement(children) ? { render: children } : {};
-    return /* @__PURE__ */ jsx(Dialog$2.Trigger, { ref, ...renderProps, ...props, children: asChild ? void 0 : children });
+    return /* @__PURE__ */ jsx(Dialog$1.Trigger, { ref, ...renderProps, ...props, children: asChild ? void 0 : children });
   }
 );
 DialogTrigger.displayName = "DialogTrigger";
-const DialogPortal = Dialog$2.Portal;
+const DialogPortal = Dialog$1.Portal;
 const DialogClose = React.forwardRef(({ asChild, children, ...props }, ref) => {
   const renderProps = asChild && React.isValidElement(children) ? { render: children } : {};
-  return /* @__PURE__ */ jsx(Dialog$2.Close, { ref, ...renderProps, ...props, children: asChild ? void 0 : children });
+  return /* @__PURE__ */ jsx(Dialog$1.Close, { ref, ...renderProps, ...props, children: asChild ? void 0 : children });
 });
 DialogClose.displayName = "DialogClose";
 const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Dialog$2.Backdrop,
+  Dialog$1.Backdrop,
   {
     ref,
     className: cn("dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs", className),
@@ -6537,7 +6534,7 @@ DialogOverlay.displayName = "DialogOverlay";
 const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
-    Dialog$2.Popup,
+    Dialog$1.Popup,
     {
       ref,
       "data-slot": "dialog-content",
@@ -6553,7 +6550,7 @@ const DialogContent = React.forwardRef(({ className, children, ...props }, ref)
       children: [
         children,
         /* @__PURE__ */ jsx(
-          Dialog$2.Close,
+          Dialog$1.Close,
           {
             render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "absolute top-3 right-3", "aria-label": "Close", children: /* @__PURE__ */ jsx(X, {}) })
           }
@@ -6569,10 +6566,10 @@ const DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { c
 DialogFooter.displayName = "DialogFooter";
 const DialogBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("overflow-y-auto px-4 py-3.5 max-h-[50vh]", className), ...props });
 DialogBody.displayName = "DialogBody";
-const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Dialog$2.Title, { ref, className: cn("text-ui-md font-medium", className), ...props }));
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Dialog$1.Title, { ref, className: cn("text-ui-md font-medium", className), ...props }));
 DialogTitle.displayName = "DialogTitle";
 const DialogDescription = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(Dialog$2.Description, { ref, className: cn("sr-only", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(Dialog$1.Description, { ref, className: cn("sr-only", className), ...props })
 );
 DialogDescription.displayName = "DialogDescription";
 
@@ -7226,6 +7223,7 @@ const DrawerIndent = Drawer$1.Indent;
 const DrawerIndentBackground = Drawer$1.IndentBackground;
 const DrawerSwipeArea = Drawer$1.SwipeArea;
 const createDrawerHandle = Drawer$1.createHandle;
+const DrawerInteractive = Drawer$1.Content;
 const DrawerBackdrop = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Drawer$1.Backdrop,
   {
@@ -7259,7 +7257,6 @@ const drawerPopupBaseClass = cn(
   "drawer-popup group/popup relative z-50 box-border flex flex-col overflow-y-auto overscroll-contain outline-none [touch-action:auto] will-change-transform",
   "border-border1 bg-surface3 text-neutral5 shadow-dialog",
   "data-[swiping]:select-none",
-  // Dim layer drawn over a parent drawer while a nested drawer covers it.
   "after:pointer-events-none after:absolute after:inset-0 after:bg-transparent after:transition-[background-color] after:duration-[450ms] after:content-['']",
   "data-[nested-drawer-open]:after:bg-black/25"
 );
@@ -7286,29 +7283,27 @@ const nestedFadeClass = cn(
   "transition-opacity duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:duration-0",
   "group-data-[nested-drawer-open]/popup:opacity-0"
 );
-const HandleBar = () => /* @__PURE__ */ jsx("div", { className: cn("mx-auto my-2 h-1 w-12 shrink-0 rounded-full bg-surface5", nestedFadeClass) });
-const DrawerContent = React.forwardRef(
-  ({ className, children, container, hideBackdrop, hideCloseButton, hideHandle, ...props }, ref) => {
-    const side = useDrawerSide();
-    const showHandle = !hideHandle && (side === "top" || side === "bottom");
-    return /* @__PURE__ */ jsxs(DrawerPortal, { container: container ?? void 0, children: [
-      !hideBackdrop && /* @__PURE__ */ jsx(DrawerBackdrop, {}),
-      /* @__PURE__ */ jsx(DrawerViewport, { className: hideBackdrop ? "pointer-events-none" : void 0, children: /* @__PURE__ */ jsxs(DrawerPopup, { ref, className: cn(hideBackdrop && "pointer-events-auto", className), ...props, children: [
-        showHandle && side === "bottom" && /* @__PURE__ */ jsx(HandleBar, {}),
-        /* @__PURE__ */ jsxs("div", { "data-slot": "drawer-content", className: cn("relative flex min-h-0 flex-1 flex-col", nestedFadeClass), children: [
-          children,
-          !hideCloseButton && /* @__PURE__ */ jsx(
-            Drawer$1.Close,
-            {
-              render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "absolute top-3 right-3", "aria-label": "Close", children: /* @__PURE__ */ jsx(X, {}) })
-            }
-          )
-        ] }),
-        showHandle && side === "top" && /* @__PURE__ */ jsx(HandleBar, {})
-      ] }) })
-    ] });
+const DrawerHandleBar = () => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "aria-hidden": true,
+    "data-slot": "drawer-handle",
+    className: cn("mx-auto my-2 h-1 w-12 shrink-0 rounded-full bg-surface5", nestedFadeClass)
   }
 );
+DrawerHandleBar.displayName = "DrawerHandleBar";
+const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => {
+  const side = useDrawerSide();
+  const showHandle = side === "top" || side === "bottom";
+  return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
+    /* @__PURE__ */ jsx(DrawerBackdrop, {}),
+    /* @__PURE__ */ jsx(DrawerViewport, { children: /* @__PURE__ */ jsxs(DrawerPopup, { ref, className, ...props, children: [
+      showHandle && side === "bottom" && /* @__PURE__ */ jsx(DrawerHandleBar, {}),
+      /* @__PURE__ */ jsx("div", { "data-slot": "drawer-content", className: cn("relative flex min-h-0 flex-1 flex-col", nestedFadeClass), children }),
+      showHandle && side === "top" && /* @__PURE__ */ jsx(DrawerHandleBar, {})
+    ] }) })
+  ] });
+});
 DrawerContent.displayName = "DrawerContent";
 const DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-0.5 px-4 py-3 text-left", className), ...props });
 DrawerHeader.displayName = "DrawerHeader";
@@ -7725,7 +7720,7 @@ function TextFieldBlock({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
-    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, size: labelSize || "bigger", children: labelIsHidden ? /* @__PURE__ */ jsx(VisuallyHidden$1, { children: label }) : label }) }) : null,
+    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, size: labelSize || "bigger", children: labelIsHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children: label }) : label }) }) : null,
     /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
       !labelIsHidden && layout === "vertical" ? /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, size: labelSize || "default", children: label }) : null,
       /* @__PURE__ */ jsx(
@@ -7787,7 +7782,7 @@ function SearchFieldBlock({
     ] });
   }
   return /* @__PURE__ */ jsxs(FieldBlock.Layout, { layout, className, children: [
-    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, children: labelIsHidden ? /* @__PURE__ */ jsx(VisuallyHidden$1, { children: label }) : label }) }) : null,
+    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, children: labelIsHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children: label }) : label }) }) : null,
     /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
       layout === "vertical" && label && !labelIsHidden ? /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, children: label }) : null,
       /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
@@ -7865,7 +7860,7 @@ function SelectFieldBlock({
   className
 }) {
   return /* @__PURE__ */ jsxs(FieldBlock.Layout, { layout, labelColumnWidth, className, children: [
-    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, children: labelIsHidden ? /* @__PURE__ */ jsx(VisuallyHidden$1, { children: label }) : label }) }) : null,
+    layout === "horizontal" ? /* @__PURE__ */ jsx(FieldBlock.Column, { children: /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, children: labelIsHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children: label }) : label }) }) : null,
     /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
       layout === "vertical" && label && !labelIsHidden ? /* @__PURE__ */ jsx(FieldBlock.Label, { name, required, children: label }) : null,
       /* @__PURE__ */ jsxs(
@@ -10803,7 +10798,7 @@ const JSONSchemaForm = {
 
 function KeyValueList({ data, className, labelsAreHidden, isLoading, LinkComponent: Link }) {
   const LabelWrapper = ({ children }) => {
-    return labelsAreHidden ? /* @__PURE__ */ jsx(VisuallyHidden$1, { children }) : children;
+    return labelsAreHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children }) : children;
   };
   if (!data || data.length === 0) {
     return null;
@@ -11173,7 +11168,7 @@ function MainSidebarNavHeader({
       ) : children
     }
   ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(VisuallyHidden$1, { asChild: true, children: /* @__PURE__ */ jsx("header", { ...props, children }) }),
+    /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("header", { ...props, children }) }),
     /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "mx-3 h-px flex-1 bg-border1" })
   ] }) });
 }
@@ -11182,7 +11177,7 @@ function MainSidebarNavLabel({ children, className, state: stateProp, ...rest })
   const ctx = useMaybeSidebar();
   const state = stateProp ?? ctx?.state ?? "default";
   if (state === "collapsed") {
-    return /* @__PURE__ */ jsx(VisuallyHidden$1, { children });
+    return /* @__PURE__ */ jsx(VisuallyHidden, { children });
   }
   return /* @__PURE__ */ jsx("span", { ...rest, className: cn("min-w-0 flex-1 truncate text-left", className), children });
 }
@@ -11226,7 +11221,14 @@ function MainSidebarNavLink({
   });
   let interactiveEl = null;
   if (asChild) {
-    interactiveEl = /* @__PURE__ */ jsx(Slot, { className: itemClassName, children });
+    if (!React__default.isValidElement(children)) {
+      throw new Error(
+        "MainSidebarNavLink requires a valid React element child when `asChild` is true so it can apply `SlottedNavChildProps` and merge `itemClassName`."
+      );
+    }
+    interactiveEl = React__default.cloneElement(children, {
+      className: cn(itemClassName, children.props.className)
+    });
   } else if (link) {
     interactiveEl = /* @__PURE__ */ jsxs(Link, { href: link.url, ...linkParams, className: itemClassName, children: [
       link.icon,
@@ -11407,30 +11409,30 @@ function MainSidebarRoot({ children, className }) {
   if (isMobile) {
     return /* @__PURE__ */ jsx(Dialog$1.Root, { open: openMobile, onOpenChange: setOpenMobile, children: /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [
       /* @__PURE__ */ jsx(
-        Dialog$1.Overlay,
+        Dialog$1.Backdrop,
         {
           className: cn(
             "fixed inset-0 z-40 bg-overlay backdrop-blur-sm",
-            "data-[state=open]:animate-in data-[state=closed]:animate-out",
-            "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0"
+            "opacity-100 transition-opacity duration-200 ease-out motion-reduce:transition-none",
+            "data-[starting-style]:opacity-0 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[ending-style]:ease-in"
           )
         }
       ),
       /* @__PURE__ */ jsxs(
-        Dialog$1.Content,
+        Dialog$1.Popup,
         {
           className: cn(
             "fixed inset-y-0 left-0 z-50 flex h-full flex-col",
             "w-3/4 max-w-(--sidebar-width-mobile)",
             "bg-surface2 shadow-xl",
-            "data-[state=open]:animate-in data-[state=closed]:animate-out",
-            "data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left",
+            "data-[open]:animate-in data-[closed]:animate-out",
+            "data-[open]:slide-in-from-left data-[closed]:slide-out-to-left",
             "duration-200",
             className
           ),
           children: [
-            /* @__PURE__ */ jsx(VisuallyHidden$1, { asChild: true, children: /* @__PURE__ */ jsx(Dialog$1.Title, { children: "Navigation" }) }),
-            /* @__PURE__ */ jsx(VisuallyHidden$1, { asChild: true, children: /* @__PURE__ */ jsx(Dialog$1.Description, { children: "Primary site navigation drawer" }) }),
+            /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx(Dialog$1.Title, { children: "Navigation" }) }),
+            /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx(Dialog$1.Description, { children: "Primary site navigation drawer" }) }),
             /* @__PURE__ */ jsx("div", { onClick: closeOnAnchor, className: "flex flex-col h-full min-h-0 px-4 py-2 overflow-hidden", children })
           ]
         }
@@ -11890,7 +11892,12 @@ function containsInnerNewline$2(obj) {
 }
 
 function SideDialogContent({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("p-6 pl-9 overflow-y-scroll grid gap-6 content-start pb-8", className), children });
+  return /* @__PURE__ */ jsx(
+    DrawerInteractive,
+    {
+      render: /* @__PURE__ */ jsx("div", { className: cn("p-6 pl-9 overflow-y-scroll grid gap-6 content-start pb-8", className), children })
+    }
+  );
 }
 
 function SideDialogHeader({ children, className }) {
@@ -11952,62 +11959,65 @@ function SideDialogRoot({
   className
 }) {
   const isConfirmation = variant === "confirmation";
-  return /* @__PURE__ */ jsx(Dialog$1.Root, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [
-    !isConfirmation && /* @__PURE__ */ jsx(
-      Dialog$1.Overlay,
-      {
-        className: cn(
-          "bg-overlay backdrop-blur-sm top-0 bottom-0 right-0 left-0 fixed z-50",
-          "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:duration-200",
-          "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:duration-150"
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Dialog$1.Content,
-      {
-        className: cn(
-          "fixed top-0 bottom-0 right-0 border-l border-border2 z-50 bg-surface2",
-          "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-right-1/4 data-[state=closed]:duration-200",
+  return /* @__PURE__ */ jsx(
+    Drawer,
+    {
+      side: "right",
+      open: isOpen,
+      onOpenChange: (open) => {
+        if (!open) onClose?.();
+      },
+      children: /* @__PURE__ */ jsxs(DrawerPortal, { children: [
+        !isConfirmation && /* @__PURE__ */ jsx(DrawerBackdrop, { className: "backdrop-blur-sm" }),
+        /* @__PURE__ */ jsx(DrawerViewport, { className: isConfirmation ? "pointer-events-none" : void 0, children: /* @__PURE__ */ jsxs(
+          DrawerPopup,
           {
-            "w-[75vw] 2xl:w-[65vw] 4xl:w-[55vw]": level === 1,
-            "w-[70vw] 2xl:w-[59vw] 4xl:w-[48vw]": level === 2,
-            "w-[65vw] 2xl:w-[53vw] 4xl:w-[41vw]": level === 3,
-            "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-right-1/4 data-[state=open]:duration-300 shadow-dialog": !isConfirmation,
-            "bg-surface2/70 backdrop-blur-sm": isConfirmation
-          },
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsxs(VisuallyHidden.Root, { children: [
-            /* @__PURE__ */ jsx(Dialog$1.Title, { children: dialogTitle }),
-            /* @__PURE__ */ jsx(Dialog$1.Description, { children: dialogDescription })
-          ] }),
-          !isConfirmation && /* @__PURE__ */ jsx(Dialog$1.Close, { asChild: true, children: /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: cn(
-                "flex appearance-none items-center justify-center rounded-bl-lg h-14 w-14 absolute top-0 -left-14 bg-surface2 text-neutral3 border-l border-b border-border2",
-                transitions.all,
-                "hover:bg-surface4 hover:text-neutral5"
+            className: cn(
+              "max-w-none rounded-none border-y-0 border-r-0 border-l border-border2 bg-surface2 overflow-visible",
+              {
+                "w-[75vw] 2xl:w-[65vw] 4xl:w-[55vw]": level === 1,
+                "w-[70vw] 2xl:w-[59vw] 4xl:w-[48vw]": level === 2,
+                "w-[65vw] 2xl:w-[53vw] 4xl:w-[41vw]": level === 3,
+                "pointer-events-auto bg-surface2/70 backdrop-blur-sm shadow-none": isConfirmation
+              },
+              className
+            ),
+            children: [
+              /* @__PURE__ */ jsx(DrawerTitle, { className: "sr-only", children: dialogTitle }),
+              /* @__PURE__ */ jsx(DrawerDescription, { className: "sr-only", children: dialogDescription }),
+              !isConfirmation && /* @__PURE__ */ jsx(
+                DrawerClose,
+                {
+                  render: /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: cn(
+                        "flex appearance-none items-center justify-center rounded-bl-lg h-14 w-14 absolute top-0 -left-14 bg-surface2 text-neutral3 border-l border-b border-border2",
+                        transitions.all,
+                        "hover:bg-surface4 hover:text-neutral5"
+                      ),
+                      "aria-label": "Close",
+                      children: /* @__PURE__ */ jsx(ChevronsRightIcon, {})
+                    }
+                  )
+                }
               ),
-              "aria-label": "Close",
-              children: /* @__PURE__ */ jsx(ChevronsRightIcon, {})
-            }
-          ) }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn("grid h-full", {
-                "grid-rows-[auto_1fr]": !isConfirmation
-              }),
-              children
-            }
-          )
-        ]
-      }
-    )
-  ] }) });
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn("grid h-full", {
+                    "grid-rows-[auto_1fr]": !isConfirmation
+                  }),
+                  children
+                }
+              )
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
 }
 
 function SideDialogTop({ children, className }) {
@@ -22085,5 +22095,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, 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, DrawerInteractive, 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, useDrawerSide, 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