@mastra/playground-ui 35.0.0 → 35.1.0-alpha.0

package/dist/index.css

@@ -701,6 +701,10 @@
     top: var(--spacing-0);
   }
 
+  .top-1 {
+    top: var(--spacing-1);
+  }
+
   .top-1\/2 {
     top: 50%;
   }
@@ -749,6 +753,10 @@
     bottom: var(--spacing-0);
   }
 
+  .bottom-1 {
+    bottom: var(--spacing-1);
+  }
+
   .-left-1 {
     left: calc(var(--spacing-1) * -1);
   }
@@ -1335,10 +1343,6 @@
     height: 30vh;
   }
 
-  .h-\[80px\] {
-    height: 80px;
-  }
-
   .h-\[100px\] {
     height: 100px;
   }
@@ -1468,6 +1472,10 @@
     max-height: 20rem;
   }
 
+  .max-h-\[22rem\] {
+    max-height: 22rem;
+  }
+
   .max-h-\[30vh\] {
     max-height: 30vh;
   }
@@ -1672,10 +1680,6 @@
     width: var(--spacing-32);
   }
 
-  .w-48 {
-    width: var(--spacing-48);
-  }
-
   .w-56 {
     width: var(--spacing-56);
   }
@@ -1728,6 +1732,10 @@
     width: 20rem;
   }
 
+  .w-\[24rem\] {
+    width: 24rem;
+  }
+
   .w-\[32rem\] {
     width: 32rem;
   }
@@ -1792,6 +1800,10 @@
     width: 350px;
   }
 
+  .w-\[360px\] {
+    width: 360px;
+  }
+
   .w-\[380px\] {
     width: 380px;
   }
@@ -1840,14 +1852,6 @@
     width: 880px;
   }
 
-  .w-\[1000px\] {
-    width: 1000px;
-  }
-
-  .w-\[1200px\] {
-    width: 1200px;
-  }
-
   .w-\[calc\(32rem\+1\.5rem\)\] {
     width: 33.5rem;
   }
@@ -2729,10 +2733,6 @@
     border-radius: .3125rem;
   }
 
-  .rounded-\[4px\] {
-    border-radius: 4px;
-  }
-
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -2895,7 +2895,7 @@
     border-style: none;
   }
 
-  .border-accent1, .border-accent1\/30 {
+  .border-accent1\/30 {
     border-color: var(--color-accent1);
   }
 
@@ -3481,7 +3481,17 @@
     background-color: var(--color-surface-overlay-soft);
   }
 
-  .bg-surface1, .bg-surface1\/50 {
+  .bg-surface1, .bg-surface1\/40 {
+    background-color: var(--color-surface1);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-surface1\/40 {
+      background-color: color-mix(in oklab, var(--color-surface1) 40%, transparent);
+    }
+  }
+
+  .bg-surface1\/50 {
     background-color: var(--color-surface1);
   }
 
@@ -4171,6 +4181,11 @@
     line-height: var(--spacing-0);
   }
 
+  .leading-4 {
+    --tw-leading: var(--spacing-4);
+    line-height: var(--spacing-4);
+  }
+
   .leading-header-lg {
     --tw-leading: var(--leading-header-lg);
     line-height: var(--leading-header-lg);
@@ -4680,6 +4695,12 @@
     backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
   }
 
+  .backdrop-blur-none {
+    --tw-backdrop-blur:  ;
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  }
+
   .backdrop-blur-sm {
     --tw-backdrop-blur: blur(var(--blur-sm));
     -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
@@ -5056,6 +5077,10 @@
     opacity: 0;
   }
 
+  .group-data-\[overflow-x-end\]\/scroll-area\:flex:is(:where(.group\/scroll-area)[data-overflow-x-end] *), .group-data-\[overflow-x-start\]\/scroll-area\:flex:is(:where(.group\/scroll-area)[data-overflow-x-start] *) {
+    display: flex;
+  }
+
   .group-data-\[separator\=\'active\'\]\/separator\:h-12:is(:where(.group\/separator)[data-separator="active"] *) {
     height: var(--spacing-12);
   }
@@ -5594,10 +5619,6 @@
       border-color: var(--color-neutral2);
     }
 
-    .hover\:border-neutral3:hover {
-      border-color: var(--color-neutral3);
-    }
-
     .hover\:border-neutral6\/\[0\.12\]:hover {
       border-color: var(--color-neutral6);
     }
@@ -7460,19 +7481,19 @@
     padding-top: var(--spacing-0);
   }
 
-  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
+  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
     height: var(--spacing-5);
   }
 
-  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
+  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
     width: var(--spacing-5);
   }
 
-  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
+  .\[\&_\[data-slot\=command-input-wrapper\]_svg\]\:h-5 [data-slot="command-input-wrapper"] svg {
     height: var(--spacing-5);
   }
 
-  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
+  .\[\&_\[data-slot\=command-input-wrapper\]_svg\]\:w-5 [data-slot="command-input-wrapper"] svg {
     width: var(--spacing-5);
   }
 
@@ -7874,6 +7895,10 @@
     display: none;
   }
 
+  .\[\&\>\*\]\:pointer-events-auto > * {
+    pointer-events: auto;
+  }
+
   .\[\&\>\*\]\:max-w-full > * {
     max-width: 100%;
   }

package/dist/index.es.js

@@ -4,7 +4,7 @@ export { B as Badge } from './Badge-DdJC6M08.js';
 export { B as Breadcrumb, C as Crumb, S as SlashIcon } from './Breadcrumb-CxbCgAij.js';
 import { B as Button } from './Button-DoOEJwa_.js';
 export { b as buttonVariants } from './Button-DoOEJwa_.js';
-export { C as CodeEditor, V as VARIABLE_PATTERN, c as codeLanguages, a as createVariableAutocomplete, f as flattenSchemaToVariables, u as useCodemirrorTheme, v as variableHighlight } from './code-editor-DuX_CPRv.js';
+export { C as CodeEditor, V as VARIABLE_PATTERN, c as codeLanguages, a as createVariableAutocomplete, f as flattenSchemaToVariables, u as useCodemirrorTheme, v as variableHighlight } from './code-editor-CxHGOvdY.js';
 export { h as highlight } from './highlight-Dis62bkj.js';
 import { E as EmptyState } from './EmptyState-DfXdX6I8.js';
 export { E as Entity, a as EntityContent, b as EntityDescription, c as EntityIcon, d as EntityName } from './Entity-CVzaJDXu.js';
@@ -18,15 +18,14 @@ export { T as Txt } from './Txt-AhytBlTj.js';
 export { A as AlertDialog } from './alert-dialog-bKOBpddM.js';
 export { C as Checkbox } from './checkbox-DmKlRClz.js';
 export { C as Collapsible, a as CollapsibleContent, b as CollapsibleTrigger } from './collapsible-PODbdTuV.js';
-export { C as Combobox } from './combobox-q2xPfCZc.js';
-export { M as MultiCombobox, c as comboboxStyles } from './multi-combobox-Y3gT0MqV.js';
+export { C as Combobox, c as comboboxStyles } from './combobox-DvRTz5eL.js';
 export { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
-export { C as Command, a as CommandDialog, b as CommandEmpty, c as CommandGroup, d as CommandInput, e as CommandItem, f as CommandList, g as CommandSeparator, h as CommandShortcut } from './command-DPEUOKZw.js';
+export { C as Command, a as CommandDialog, b as CommandEmpty, c as CommandGroup, d as CommandInput, e as CommandItem, f as CommandList, g as CommandSeparator, h as CommandShortcut } from './command-CkFCH229.js';
 export { C as Code } from './code-C5KVVzOZ.js';
-export { C as CodeBlock } from './code-block-CnRVTecy.js';
-import { C as CopyButton } from './copy-button-BfiqaCtC.js';
+export { C as CodeBlock } from './code-block-BdjHwqE4.js';
+import { C as CopyButton } from './copy-button-RffVknBA.js';
 export { D as DashboardCard } from './dashboard-card-C7nmBU5A.js';
-export { D as Dialog, a as DialogBody, b as DialogClose, c as DialogContent, d as DialogDescription, e as DialogFooter, f as DialogHeader, g as DialogOverlay, h as DialogPortal, i as DialogTitle, j as DialogTrigger } from './dialog-CSSfcjSX.js';
+export { D as Dialog, a as DialogBody, b as DialogClose, c as DialogContent, d as DialogDescription, e as DialogFooter, f as DialogHeader, g as DialogOverlay, h as DialogPortal, i as DialogTitle, j as DialogTrigger } from './dialog-DTLHod4X.js';
 import { D as Drawer, p as DrawerTrigger, l as DrawerPortal, a as DrawerBackdrop, q as DrawerViewport, k as DrawerPopup, o as DrawerTitle } from './drawer-kUj-H7_u.js';
 export { b as DrawerBody, c as DrawerClose, d as DrawerContent, e as DrawerDescription, f as DrawerFooter, g as DrawerHeader, h as DrawerIndent, i as DrawerIndentBackground, j as DrawerInteractive, m as DrawerProvider, n as DrawerSwipeArea, r as createDrawerHandle, u as useDrawerSide } from './drawer-kUj-H7_u.js';
 import { D as DropdownMenu } from './dropdown-menu-Dh-CMMjl.js';
@@ -42,14 +41,14 @@ import { I as Input } from './input-DsX-P_dO.js';
 export { I as InputGroup, a as InputGroupAddon, b as InputGroupButton, c as InputGroupInput, d as InputGroupText, e as InputGroupTextarea } from './input-group-DpQPpHRU.js';
 export { K as Kbd } from './kbd-DRd56y7q.js';
 export { L as Label } from './label-Dgz2hRMg.js';
-export { M as MarkdownRenderer } from './markdown-renderer-BYSrmn0E.js';
+export { M as MarkdownRenderer } from './markdown-renderer-QftQuP4g.js';
 import { M as MetricsCard } from './metrics-card-Bk3X19xx.js';
 export { M as MetricsFlexGrid } from './metrics-flex-grid-BqtZ5emh.js';
 export { H as HoverPopover, P as Popover, a as PopoverContent, b as PopoverTrigger } from './popover-C65fxQ7m.js';
-import { b as PropertyFilterApplied, a as PropertyFilterActions } from './property-filter-creator-B9tK0VY3.js';
-export { P as PickMultiPanel, c as PropertyFilterCreator } from './property-filter-creator-B9tK0VY3.js';
+import { b as PropertyFilterApplied, a as PropertyFilterActions } from './property-filter-creator-Cl9E6wxf.js';
+export { P as PickMultiPanel, c as PropertyFilterCreator } from './property-filter-creator-Cl9E6wxf.js';
 export { R as RadioGroup, a as RadioGroupItem } from './radio-group-DIbajvIk.js';
-export { S as ScrollArea, a as ScrollBar, u as useAutoscroll } from './scroll-area-BtDqmqBK.js';
+export { S as ScrollArea, a as ScrollBar } from './scroll-area-DjZ6nTm5.js';
 export { P as PendingIndicator } from './pending-indicator-DmowRHLo.js';
 export { S as Searchbar, a as SearchbarWrapper } from './searchbar-HmTfVgXd.js';
 import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from './select-D2w0zRz4.js';
@@ -64,7 +63,7 @@ export { T as ThemeProvider, u as useTheme } from './theme-provider-C9ih9jSS.js'
 export { T as ThemeToggle } from './theme-toggle-AzjABhTN.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-DehuxlSR.js';
 export { b as TooltipProvider } from './tooltip-DehuxlSR.js';
-export { T as Truncate } from './truncate-C9bKR_02.js';
+export { T as Truncate } from './truncate-B8_8wx-G.js';
 import { B as ButtonsGroup } from './buttons-group-BAU7uXE9.js';
 export { a as ButtonsGroupSeparator, b as ButtonsGroupText, c as buttonsGroupVariants } from './buttons-group-BAU7uXE9.js';
 export { M as MainContentContent, a as MainContentLayout, g as getMainContentContentClassName } from './main-content-CR0j00N1.js';
@@ -74,8 +73,8 @@ export { D as DateTimePicker, a as DateTimePickerContent, b as DefaultTrigger }
 export { D as DatePicker, T as TimePicker } from './time-picker-BtJz6IU2.js';
 export { AddField, Field, FieldDescription, FieldList, FieldName, FieldNullable, FieldOptional, FieldRemove, FieldType, JSONSchemaForm, NestedFields, Root, createField, fieldsToJSONSchema, jsonSchemaToFields, useJSONSchemaForm, useJSONSchemaFormField, useJSONSchemaFormNestedContext } from './components/JSONSchemaForm.es.js';
 export { K as KeyValueList } from './key-value-list-BFGuMFbL.js';
-import { R as ResizeHandleIndicator } from './main-sidebar-1GVDTtcD.js';
-export { M as MainSidebar, a as MainSidebarMobileTrigger, b as MainSidebarProvider, c as MainSidebarTrigger, g as getIsLinkActive, n as navItemClasses, u as useMainSidebar, d as useMaybeSidebar } from './main-sidebar-1GVDTtcD.js';
+import { R as ResizeHandleIndicator } from './main-sidebar-DJSorgYQ.js';
+export { M as MainSidebar, a as MainSidebarMobileTrigger, b as MainSidebarProvider, c as MainSidebarTrigger, g as getIsLinkActive, n as navItemClasses, u as useMainSidebar, d as useMaybeSidebar } from './main-sidebar-DJSorgYQ.js';
 export { P as PageHeader } from './page-header-BS_LNnKw.js';
 export { S as Section, a as SectionRoot, b as SubSectionRoot } from './section-BUngbrvn.js';
 export { C as CardHeading, S as SectionCard } from './section-card-BMArnkcD.js';
@@ -84,7 +83,7 @@ import { b as Tabs, a as TabList, T as Tab } from './tabs-tab-Bv9aRRTl.js';
 import { T as TabContent } from './tabs-content-D-fKCtLW.js';
 export { T as TextAndIcon, g as getShortId } from './get-short-id-B4_2mLzM.js';
 export { C as ContentBlock, a as ContentBlocks } from './content-block-BTpK7gPz.js';
-export { C as Column, a as Columns, M as MultiColumn } from './multi-column-C1sXoVG3.js';
+export { C as Column, a as Columns, M as MultiColumn } from './multi-column-o9qcoBXV.js';
 export { C as CodeDiff } from './code-diff-lktH1err.js';
 export { I as ItemList, a as ItemListSkeleton, g as getItemListColumnTemplate, b as getToNextItemFn, c as getToPreviousItemFn } from './helpers-BH-wPlF0.js';
 import { N as Notice } from './Notice-D5nzvm08.js';
@@ -92,39 +91,42 @@ export { C as Chip } from './chip-Dgrpa03p.js';
 export { C as ChipsGroup } from './chips-group-DgaAmiHe.js';
 export { T as Tree } from './tree-CfOzTCxs.js';
 export { S as SelectDataFilter } from './select-data-filter-BFGZYkQ_.js';
-import { T as TracesDataList } from './traces-data-list-CB7frfpp.js';
-export { D as DataList, S as ScoresDataList } from './traces-data-list-CB7frfpp.js';
-import { W as WorkflowIcon, A as AgentIcon, D as DataListSkeleton } from './data-list-skeleton-DmAqHgws.js';
-import { T as ToolsIcon, L as LogsDataList } from './logs-data-list-Bkf7oWlx.js';
+import { T as TracesDataList } from './traces-data-list-DRyI45Ke.js';
+export { D as DataList, S as ScoresDataList } from './traces-data-list-DRyI45Ke.js';
+import { W as WorkflowIcon, A as AgentIcon, D as DataListSkeleton } from './data-list-skeleton-DD7ljjgS.js';
+import { T as ToolsIcon, L as LogsDataList } from './logs-data-list-Dh6c7URj.js';
 export { N as NoDataPageLayout, P as PageLayout } from './no-data-page-layout-CZzEj0NE.js';
 export { P as PageHeadingContext, u as usePageHeading } from './page-heading-context-D3yjYoJE.js';
 export { L as ListSearch } from './list-search-Dk2A1fUf.js';
 export { E as ErrorBoundary } from './ErrorBoundary-6_BD8AkH.js';
 import { E as ErrorState } from './ErrorState-DH5KsoFs.js';
 export { C as Card, a as CardContent, b as CardDescription, c as CardFooter, d as CardHeader, e as CardTitle } from './Card-cFJPRQ9O.js';
-export { D as DataCodeSection } from './data-code-section-MygZlpwo.js';
+export { D as DataCodeSection } from './data-code-section-BBBffVVs.js';
 import { DataDetailsPanel } from './components/DataDetailsPanel.es.js';
-import { D as DataKeysAndValues } from './data-keys-and-values-BSeQG7jb.js';
-import { D as DataPanel } from './data-panel-DumaHQiP.js';
+import { D as DataKeysAndValues } from './data-keys-and-values-C3pzr_d1.js';
+import { D as DataPanel } from './data-panel-DPVF9Yok.js';
 import { D as DateTimeRangePicker } from './date-time-range-picker-DKvS9c4j.js';
-import { H as HorizontalBars } from './horizontal-bars-DjLETHvH.js';
-import { M as MetricsDataTable } from './metrics-data-table-DryqJWoI.js';
+import { H as HorizontalBars } from './horizontal-bars-r1aEIHUc.js';
+import { M as MetricsDataTable } from './metrics-data-table-hSmtDNck.js';
 import { M as MetricsLineChart } from './metrics-line-chart-BUUqDQPW.js';
 export { a as MetricsLineChartTooltip } from './metrics-line-chart-BUUqDQPW.js';
-export { S as ScrollableContainer } from './scrollable-container-BqOFHwdb.js';
 export { S as StatusBadge } from './StatusBadge-DLLmQ85P.js';
 export { Animations } from './tokens.es.js';
 export { B as BorderColors, b as BorderRadius, C as Colors, F as FontSizes, G as Glows, L as LineHeights, S as Shadows, a as Sizes, c as Spacings } from './spacings-0Zbr65EW.js';
 export { c as controlHeight, a as controlSizeClasses, b as controlTriggerOpenState } from './control-size-BdDLgGX4.js';
 export { c as controlFocusBorderVisible, e as inputFocusBorderVisible, b as inputFocusBorderWithin, f as inputHoverBorderVisible, d as inputHoverBorderWithin, i as inputOutlineAndFocusStyle, a as inputSurfaceAndFocusStyle, s as sharedFormElementDisabledStyle, u as unstyledFormElementStyle } from './form-element-DUtZESwq.js';
 export { f as focusRing, h as hoverEffects, t as transitions } from './transitions-tFfqxz40.js';
-import { t as toast } from './use-copy-to-clipboard-CGqfkXnN.js';
-export { T as Toaster, u as useCopyToClipboard } from './use-copy-to-clipboard-CGqfkXnN.js';
-import * as React from 'react';
-import { useState, useCallback, useMemo, useLayoutEffect, useRef, useEffect, useContext, createContext, Fragment as Fragment$1 } from 'react';
+import { t as toast } from './use-copy-to-clipboard-D7L_l6_x.js';
+export { T as Toaster, u as useCopyToClipboard } from './use-copy-to-clipboard-D7L_l6_x.js';
+import { useInView } from './hooks/use-in-view.es.js';
+export { useAutoscroll } from './hooks/use-autoscroll.es.js';
+export { useIsMobile } from './hooks/use-is-mobile.es.js';
+export { useIsApplePlatform, useKeyboardShortcutLabel } from './hooks/use-keyboard-shortcut-label.es.js';
 import { c as cn } from './utils-CzYGxqbG.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Wand2, Type, ToggleLeft, Hash, List, Braces, Ban, Check, ListX, ChevronsLeft, ChevronsRight, ChevronLeft, ChevronRight, Text, TextSearch, EqualNot, Equal, X, Plus, Component, LogsIcon as LogsIcon$1, EyeIcon, GaugeIcon, BrainIcon, ChevronUpIcon, ChevronDownIcon, ChevronsUpIcon, ChevronsDownIcon, FoldVerticalIcon, UnfoldVerticalIcon, ChevronsDownUpIcon, ChevronsUpDownIcon, Link2Icon, CircleGaugeIcon, SaveIcon, Loader2Icon, DownloadIcon, FileInputIcon, FileOutputIcon, BracesIcon, ExternalLinkIcon, CircleSlashIcon, ArrowUpIcon, ArrowDownIcon, ArrowRightIcon } from 'lucide-react';
+import * as React from 'react';
+import { useRef, useCallback, useState, useEffect, useMemo, useContext, createContext, Fragment as Fragment$1 } from 'react';
 import { usePanelRef, Panel, Separator } from 'react-resizable-panels';
 import { I as Icon } from './Icon-CJEjdbjB.js';
 import { create } from 'zustand';
@@ -1400,33 +1402,6 @@ const MetricsIcon = (props) => /* @__PURE__ */ jsxs("svg", { width: "16", height
   )
 ] });
 
-const useInView = () => {
-  const [inView, setInView] = useState(false);
-  const setRef = useCallback((node) => {
-    if (node) {
-      const observer = new IntersectionObserver(([entry]) => {
-        setInView(entry.isIntersecting);
-      });
-      observer.observe(node);
-      return () => observer.disconnect();
-    }
-  }, []);
-  return { inView, setRef };
-};
-
-const useIsMobile = (breakpoint = 1024) => {
-  const query = useMemo(() => `(max-width: ${breakpoint - 1}px)`, [breakpoint]);
-  const [isMobile, setIsMobile] = useState(false);
-  useLayoutEffect(() => {
-    const mq = window.matchMedia(query);
-    const update = () => setIsMobile(mq.matches);
-    update();
-    mq.addEventListener("change", update);
-    return () => mq.removeEventListener("change", update);
-  }, [query]);
-  return isMobile;
-};
-
 const lodashTitleCase = (str) => {
   const camelCased = str.replace(/[-_\s]+(.)?/g, (_, char) => char ? char.toUpperCase() : "").replace(/^(.)/, (char) => char.toLowerCase());
   return camelCased.replace(/([A-Z])/g, " $1").replace(/^./, (str2) => str2.toUpperCase()).trim();
@@ -2538,10 +2513,48 @@ const EXTENSION_TO_MIME = {
   svg: "image/svg+xml",
   bmp: "image/bmp",
   ico: "image/x-icon",
-  pdf: "application/pdf"
+  pdf: "application/pdf",
+  // Video
+  mp4: "video/mp4",
+  mov: "video/quicktime",
+  webm: "video/webm",
+  mkv: "video/x-matroska",
+  avi: "video/x-msvideo",
+  mpeg: "video/mpeg",
+  mpg: "video/mpeg",
+  // Audio
+  mp3: "audio/mpeg",
+  wav: "audio/wav",
+  ogg: "audio/ogg",
+  oga: "audio/ogg",
+  m4a: "audio/mp4",
+  aac: "audio/aac",
+  flac: "audio/flac"
 };
 
+const BROWSER_FETCHABLE_SCHEMES = ["https://", "http://"];
+const NON_FETCHABLE_REMOTE_SCHEMES = ["gs://", "s3://"];
+const REMOTE_URL_SCHEMES = [...BROWSER_FETCHABLE_SCHEMES, ...NON_FETCHABLE_REMOTE_SCHEMES];
+const isRemoteUrl = (value) => REMOTE_URL_SCHEMES.some((scheme) => value.startsWith(scheme));
+const isBrowserFetchableUrl = (value) => BROWSER_FETCHABLE_SCHEMES.some((scheme) => value.startsWith(scheme));
+const isNonFetchableRemoteUrl = (value) => NON_FETCHABLE_REMOTE_SCHEMES.some((scheme) => value.startsWith(scheme));
+
+const contentTypeFromExtension = (url) => {
+  try {
+    const { pathname } = new URL(url);
+    const extension = pathname.split(".").pop();
+    if (!extension) return void 0;
+    return EXTENSION_TO_MIME[extension.toLowerCase()];
+  } catch {
+    const extension = url.split(".").pop()?.split(/[?#]/)[0];
+    if (!extension) return void 0;
+    return EXTENSION_TO_MIME[extension.toLowerCase()];
+  }
+};
 const getFileContentType = async (url) => {
+  if (NON_FETCHABLE_REMOTE_SCHEMES.some((scheme) => url.startsWith(scheme))) {
+    return contentTypeFromExtension(url);
+  }
   try {
     const response = await fetch(url, {
       method: "HEAD"
@@ -2555,17 +2568,7 @@ const getFileContentType = async (url) => {
     }
     return contentType;
   } catch {
-    try {
-      const urlObject = new URL(url);
-      const pathname = urlObject.pathname;
-      const extension = pathname.split(".").pop();
-      if (!extension) return void 0;
-      return EXTENSION_TO_MIME[extension.toLowerCase()];
-    } catch {
-      const extension = url.split(".").pop()?.split(/[?#]/)[0];
-      if (!extension) return void 0;
-      return EXTENSION_TO_MIME[extension.toLowerCase()];
-    }
+    return contentTypeFromExtension(url);
   }
 };
 
@@ -8421,5 +8424,5 @@ function useLogsListNavigation(logs, featuredLogId, onFeaturedChange, featuredTr
   };
 }
 
-export { AgentCoinIcon, AgentIcon, AgentNetworkCoinIcon, AiIcon, AmazonIcon, AnthropicChatIcon, AnthropicMessagesIcon, ApiIcon, AzureIcon, BarListContent, BranchIcon, Button, ButtonsGroup, CHART_COLORS, CONTEXT_FIELD_IDS, CheckIcon, ChevronIcon, CohereIcon, CollapsiblePanel, CommitIcon, CopyButton, CrossIcon, DATE_PRESETS, DEFAULT_LOGS_FILTERS_STORAGE_KEY, DEFAULT_TRACE_FILTERS_STORAGE_KEY, DataDetailsPanel, DataKeysAndValues, DataListSkeleton, DataPanel, DatasetsIcon, DateRangeSelector, DateTimeRangePicker, DbIcon, DebugIcon, DeploymentIcon, DividerIcon, DocsIcon, Drawer, DrawerBackdrop, DrawerPopup, DrawerPortal, DrawerTitle, DrawerTrigger, DrawerViewport, DropdownMenu, EXTENSION_TO_MIME, EmptyState, EnvIcon, ErrorState, ExperimentsIcon, FiltersIcon, FolderIcon, GithubCoinIcon, GithubIcon, GoogleIcon, GroqIcon, HomeIcon, HorizontalBars, HoverCard, HoverCardContent, HoverCardTrigger, Icon, InfoIcon, Input, JudgeIcon, 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, LatencyCardView, LatencyIcon, LogDetailsView, LogsDataList, DataListSkeleton as LogsDataListSkeleton, LogsErrorContent, LogsIcon, LogsLayout, LogsListView, LogsToolbar, MastraIcon, McpCoinIcon, McpServerIcon, MemoryCardView, MemoryIcon, MetricsCard, MetricsDataTable, MetricsIcon, MetricsLineChart, MetricsProvider, MistralIcon, ModelUsageCostCardView, NetlifyIcon, NoLogsInfo, NoTracesInfo, Notice, OPERATORS, OPERATOR_LABELS, OpenAIIcon, OpenErrorsInLogsButton, OpenInTracesButton, OpenaiChatIcon, PanelDrawer, PanelSeparator, PermissionDenied, ProcessorIcon, PromptIcon, PropertyFilterActions, PropertyFilterApplied, ROOT_ENTITY_TYPES, ROOT_ENTITY_TYPE_OPTIONS, RepoIcon, RequestContextIcon, RuleBuilder, RuleFieldSelect, RuleOperatorSelect, RuleRow, RuleValueInput, ScorersIcon, ScoresCardView, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, SessionExpired, SettingsIcon, SkillIcon, SpanDataPanelView, SpanDetailsView, SpanTokenUsage, Spinner, StackedRunsBars, 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, Tabs, TimelineExpandCol, TimelineNameCol, TimelineStructureSign, TimelineTimingCol, TokenUsageByAgentCardView, TokenUsageTimelineCardView, ToolCoinIcon, ToolsIcon, Tooltip, TooltipContent, TooltipTrigger, TraceDataPanelView, TraceDetailsView, TraceIcon, TraceKeysAndValues, TraceTimeline, TraceTimelineSpan, TracesDataList, TracesErrorContent, TracesLayout, TracesListModeToggle, TracesListView, TracesToolbar, TracesVolumeCardView, TsIcon, VariablesIcon, WorkflowCoinIcon, WorkflowIcon, WorkspacesIcon, XGroqIcon, applyLogsPropertyFilterTokens, applyMetricsPropertyFilterTokens, applyTracePropertyFilterTokens, buildLogsDrilldownUrl, buildLogsListFilters, buildMetricsDimensionalFilter, buildTraceListFilters, buildTracesDrilldownUrl, clearSavedLogsFilters, clearSavedMetricsFilters, clearSavedTraceFilters, cn, countLeafRules, createDefaultRule, createDefaultRuleGroup, createLogsPropertyFilterFields, createMetricsPropertyFilterFields, createTracePropertyFilterFields, downloadJson, fileToBase64, formatCompact, formatCost, formatHierarchicalSpans, formatJSON, formatTypeScript, generateDefaultValues, getAllSpanIds, getChildFieldOptions, getFieldOptionAtPath, getFieldOptionsFromSchema, getFileContentType, getInputPreview, getLogsPropertyFilterTokens, getMetricsPropertyFilterTokens, getPreservedLogsFilterParams, getPreservedTraceFilterParams, getSpanDescendantIds, getSpanTypeUi, getTokenLimitMessage, getTracePropertyFilterTokens, hasAnyLogsFilterParams, hasAnyMetricsFilterParams, hasAnyTraceFilterParams, is401UnauthorizedError, is403ForbiddenError, is404NotFoundError, isBranchesNotSupportedError, isNonRetryableError, isObjectEmpty, isRule, isRuleGroup, isTokenLimitExceeded, isValidJson, isValidPreset, loadLogsFiltersFromStorage, loadMetricsFiltersFromStorage, loadTraceFiltersFromStorage, lodashTitleCase, narrowWindowToBucket, neutralizeFilterTokens, neutralizeLogsFilterTokens, parseError, parseFieldPath, saveLogsFiltersToStorage, saveMetricsFiltersToStorage, saveTraceFiltersToStorage, shouldRetryQuery, spanTypePrefixes, stringToColor, toSigFigs, toast, truncateString, useActiveResourcesKpiMetrics, useActiveThreadsKpiMetrics, useAgentRunsKpiMetrics, useBranch, useDownloadTraceJson, useDrilldown, useEntityNames, useEnvironments, useInView, useIsMobile, useLatencyMetrics, useLogs, useLogsFilterPersistence, useLogsListNavigation, useLogsUrlState, useMetrics, useMetricsFilters, useModelCostKpiMetrics, useModelUsageCostMetrics, usePlaygroundStore, useScoresMetrics, useServiceNames, useSpanDetail, useTags, useTokenUsageByAgentMetrics, useTokenUsageTimeSeries, useTopActiveThreadsMetrics, useTopResourcesByThreadsMetrics, useTotalTokensKpiMetrics, useTraceFilterPersistence, useTraceLightSpans, useTraceListNavigation, useTraceOrBranchSpans, useTraceSpanNavigation, useTraceSpans, useTraceUrlState, useTraceVolumeMetrics, useTraces };
+export { AgentCoinIcon, AgentIcon, AgentNetworkCoinIcon, AiIcon, AmazonIcon, AnthropicChatIcon, AnthropicMessagesIcon, ApiIcon, AzureIcon, BROWSER_FETCHABLE_SCHEMES, BarListContent, BranchIcon, Button, ButtonsGroup, CHART_COLORS, CONTEXT_FIELD_IDS, CheckIcon, ChevronIcon, CohereIcon, CollapsiblePanel, CommitIcon, CopyButton, CrossIcon, DATE_PRESETS, DEFAULT_LOGS_FILTERS_STORAGE_KEY, DEFAULT_TRACE_FILTERS_STORAGE_KEY, DataDetailsPanel, DataKeysAndValues, DataListSkeleton, DataPanel, DatasetsIcon, DateRangeSelector, DateTimeRangePicker, DbIcon, DebugIcon, DeploymentIcon, DividerIcon, DocsIcon, Drawer, DrawerBackdrop, DrawerPopup, DrawerPortal, DrawerTitle, DrawerTrigger, DrawerViewport, DropdownMenu, EXTENSION_TO_MIME, EmptyState, EnvIcon, ErrorState, ExperimentsIcon, FiltersIcon, FolderIcon, GithubCoinIcon, GithubIcon, GoogleIcon, GroqIcon, HomeIcon, HorizontalBars, HoverCard, HoverCardContent, HoverCardTrigger, Icon, InfoIcon, Input, JudgeIcon, 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, LatencyCardView, LatencyIcon, LogDetailsView, LogsDataList, DataListSkeleton as LogsDataListSkeleton, LogsErrorContent, LogsIcon, LogsLayout, LogsListView, LogsToolbar, MastraIcon, McpCoinIcon, McpServerIcon, MemoryCardView, MemoryIcon, MetricsCard, MetricsDataTable, MetricsIcon, MetricsLineChart, MetricsProvider, MistralIcon, ModelUsageCostCardView, NON_FETCHABLE_REMOTE_SCHEMES, NetlifyIcon, NoLogsInfo, NoTracesInfo, Notice, OPERATORS, OPERATOR_LABELS, OpenAIIcon, OpenErrorsInLogsButton, OpenInTracesButton, OpenaiChatIcon, PanelDrawer, PanelSeparator, PermissionDenied, ProcessorIcon, PromptIcon, PropertyFilterActions, PropertyFilterApplied, REMOTE_URL_SCHEMES, ROOT_ENTITY_TYPES, ROOT_ENTITY_TYPE_OPTIONS, RepoIcon, RequestContextIcon, RuleBuilder, RuleFieldSelect, RuleOperatorSelect, RuleRow, RuleValueInput, ScorersIcon, ScoresCardView, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, SessionExpired, SettingsIcon, SkillIcon, SpanDataPanelView, SpanDetailsView, SpanTokenUsage, Spinner, StackedRunsBars, 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, Tabs, TimelineExpandCol, TimelineNameCol, TimelineStructureSign, TimelineTimingCol, TokenUsageByAgentCardView, TokenUsageTimelineCardView, ToolCoinIcon, ToolsIcon, Tooltip, TooltipContent, TooltipTrigger, TraceDataPanelView, TraceDetailsView, TraceIcon, TraceKeysAndValues, TraceTimeline, TraceTimelineSpan, TracesDataList, TracesErrorContent, TracesLayout, TracesListModeToggle, TracesListView, TracesToolbar, TracesVolumeCardView, TsIcon, VariablesIcon, WorkflowCoinIcon, WorkflowIcon, WorkspacesIcon, XGroqIcon, applyLogsPropertyFilterTokens, applyMetricsPropertyFilterTokens, applyTracePropertyFilterTokens, buildLogsDrilldownUrl, buildLogsListFilters, buildMetricsDimensionalFilter, buildTraceListFilters, buildTracesDrilldownUrl, clearSavedLogsFilters, clearSavedMetricsFilters, clearSavedTraceFilters, cn, countLeafRules, createDefaultRule, createDefaultRuleGroup, createLogsPropertyFilterFields, createMetricsPropertyFilterFields, createTracePropertyFilterFields, downloadJson, fileToBase64, formatCompact, formatCost, formatHierarchicalSpans, formatJSON, formatTypeScript, generateDefaultValues, getAllSpanIds, getChildFieldOptions, getFieldOptionAtPath, getFieldOptionsFromSchema, getFileContentType, getInputPreview, getLogsPropertyFilterTokens, getMetricsPropertyFilterTokens, getPreservedLogsFilterParams, getPreservedTraceFilterParams, getSpanDescendantIds, getSpanTypeUi, getTokenLimitMessage, getTracePropertyFilterTokens, hasAnyLogsFilterParams, hasAnyMetricsFilterParams, hasAnyTraceFilterParams, is401UnauthorizedError, is403ForbiddenError, is404NotFoundError, isBranchesNotSupportedError, isBrowserFetchableUrl, isNonFetchableRemoteUrl, isNonRetryableError, isObjectEmpty, isRemoteUrl, isRule, isRuleGroup, isTokenLimitExceeded, isValidJson, isValidPreset, loadLogsFiltersFromStorage, loadMetricsFiltersFromStorage, loadTraceFiltersFromStorage, lodashTitleCase, narrowWindowToBucket, neutralizeFilterTokens, neutralizeLogsFilterTokens, parseError, parseFieldPath, saveLogsFiltersToStorage, saveMetricsFiltersToStorage, saveTraceFiltersToStorage, shouldRetryQuery, spanTypePrefixes, stringToColor, toSigFigs, toast, truncateString, useActiveResourcesKpiMetrics, useActiveThreadsKpiMetrics, useAgentRunsKpiMetrics, useBranch, useDownloadTraceJson, useDrilldown, useEntityNames, useEnvironments, useInView, useLatencyMetrics, useLogs, useLogsFilterPersistence, useLogsListNavigation, useLogsUrlState, useMetrics, useMetricsFilters, useModelCostKpiMetrics, useModelUsageCostMetrics, usePlaygroundStore, useScoresMetrics, useServiceNames, useSpanDetail, useTags, useTokenUsageByAgentMetrics, useTokenUsageTimeSeries, useTopActiveThreadsMetrics, useTopResourcesByThreadsMetrics, useTotalTokensKpiMetrics, useTraceFilterPersistence, useTraceLightSpans, useTraceListNavigation, useTraceOrBranchSpans, useTraceSpanNavigation, useTraceSpans, useTraceUrlState, useTraceVolumeMetrics, useTraces };
 //# sourceMappingURL=index.es.js.map