@mastra/playground-ui 63.0.0-alpha.2 → 63.0.0-alpha.3

package/dist/domains/traces/components/span-payload/span-input-renderers.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanInput } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
 import { SpanPayloadMessages } from './span-payload-messages.es.js';
-import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-WqYTBiGx.js';
+import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-dTs5UrjA.js';
 import { SpanPayloadProcessor } from './span-payload-processor.es.js';
 import { asCoreSpan, pickRenderer } from './span-payload-registry.es.js';
 import { C as Card, a as CardContent } from '../../../../Card-BQtRz0KD.js';

package/dist/domains/traces/components/span-payload/span-output-renderers.cjs.js

@@ -6,10 +6,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadAttachment = require('./span-payload-attachment.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-sEGOgFlX.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIxmotnO.cjs');
 const domains_traces_components_spanPayload_spanPayloadProcessor = require('./span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
-const reasoningActivity = require('../../../../reasoning-activity-DehWtcyc.cjs');
+const reasoningActivity = require('../../../../reasoning-activity-CFEaSv4J.cjs');
 const Card = require('../../../../Card-RlL14eS5.cjs');
 const dataKeysAndValues = require('../../../../data-keys-and-values-C1I--hWn.cjs');
 const inlineCode = require('../../../../inline-code-D59kN77A.cjs');

package/dist/domains/traces/components/span-payload/span-output-renderers.es.js

@@ -2,10 +2,10 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanOutput } from '@mastra/core/observability';
 import { SpanPayloadAttachment } from './span-payload-attachment.es.js';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { a as SpanPayloadMarkdown, S as SpanPayloadField, b as SpanPayloadToolCalls, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-WqYTBiGx.js';
+import { a as SpanPayloadMarkdown, S as SpanPayloadField, b as SpanPayloadToolCalls, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-dTs5UrjA.js';
 import { SpanPayloadProcessor } from './span-payload-processor.es.js';
 import { asCoreSpan, pickRenderer, hasItems } from './span-payload-registry.es.js';
-import { R as ReasoningActivity } from '../../../../reasoning-activity-CIuVSAGA.js';
+import { R as ReasoningActivity } from '../../../../reasoning-activity-CHlEe011.js';
 import { C as Card, a as CardContent } from '../../../../Card-BQtRz0KD.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-B1u00ihh.js';
 import { I as InlineCode } from '../../../../inline-code-DMYc7Ng2.js';

package/dist/domains/traces/components/span-payload/span-payload-messages.cjs.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_components_spanPayload_spanPayloadAttachment = require('./span-payload-attachment.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-sEGOgFlX.cjs');
-const reasoningActivity = require('../../../../reasoning-activity-DehWtcyc.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIxmotnO.cjs');
+const reasoningActivity = require('../../../../reasoning-activity-CFEaSv4J.cjs');
 const message = require('../../../../message-DqrJ3fNR.cjs');
 
 const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);

package/dist/domains/traces/components/span-payload/span-payload-messages.es.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { SpanPayloadAttachment } from './span-payload-attachment.es.js';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { d as SpanPayloadLabel, a as SpanPayloadMarkdown, e as SpanPayloadTool } from '../../../../span-payload-primitives-WqYTBiGx.js';
-import { R as ReasoningActivity } from '../../../../reasoning-activity-CIuVSAGA.js';
+import { d as SpanPayloadLabel, a as SpanPayloadMarkdown, e as SpanPayloadTool } from '../../../../span-payload-primitives-dTs5UrjA.js';
+import { R as ReasoningActivity } from '../../../../reasoning-activity-CHlEe011.js';
 import { a as Message } from '../../../../message-C2s3YTLa.js';
 
 const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);

package/dist/domains/traces/components/span-payload/span-payload-primitives.cjs.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('react/jsx-runtime');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-sEGOgFlX.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIxmotnO.cjs');
 require('../../../../collapsible-C6BZhVRG.cjs');
 require('../../../../disclosure-chevron-B_gmYFR5.cjs');
-require('../../../../markdown-renderer-DaXAim8y.cjs');
+require('../../../../markdown-renderer-BXTNiZbz.cjs');
 require('../../../../Txt-DXjXpX9r.cjs');
 
 

package/dist/domains/traces/components/span-payload/span-payload-primitives.es.js

@@ -1,7 +1,7 @@
 import 'react/jsx-runtime';
-export { c as SpanPayloadCollapsible, S as SpanPayloadField, d as SpanPayloadLabel, a as SpanPayloadMarkdown, b as SpanPayloadToolCalls } from '../../../../span-payload-primitives-WqYTBiGx.js';
+export { c as SpanPayloadCollapsible, S as SpanPayloadField, d as SpanPayloadLabel, a as SpanPayloadMarkdown, b as SpanPayloadToolCalls } from '../../../../span-payload-primitives-dTs5UrjA.js';
 import '../../../../collapsible-DglEffBF.js';
 import '../../../../disclosure-chevron-BWZ8Alz1.js';
-import '../../../../markdown-renderer-D5Wjk1Cs.js';
+import '../../../../markdown-renderer-Ct-q_KTF.js';
 import '../../../../Txt-BuzYj7Vy.js';
 //# sourceMappingURL=span-payload-primitives.es.js.map

package/dist/domains/traces/components/span-payload/span-payload-processor.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadMessages = require('./span-payload-messages.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-sEGOgFlX.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIxmotnO.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const dataKeysAndValues = require('../../../../data-keys-and-values-C1I--hWn.cjs');
 

package/dist/domains/traces/components/span-payload/span-payload-processor.es.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Fragment } from 'react';
 import { SpanPayloadJson } from './span-payload-json.es.js';
 import { SpanPayloadMessages } from './span-payload-messages.es.js';
-import { S as SpanPayloadField, b as SpanPayloadToolCalls, a as SpanPayloadMarkdown, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-WqYTBiGx.js';
+import { S as SpanPayloadField, b as SpanPayloadToolCalls, a as SpanPayloadMarkdown, c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-dTs5UrjA.js';
 import { hasItems } from './span-payload-registry.es.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-B1u00ihh.js';
 

package/dist/domains/traces/components/span-payload/span-payload-section.cjs.js

@@ -6,11 +6,11 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const Button = require('../../../../Button-BfZzgZrA.cjs');
+const Button = require('../../../../Button-CAVPKK09.cjs');
 const buttonsGroup = require('../../../../buttons-group-C2lPe7sm.cjs');
-const collapsibleBox = require('../../../../collapsible-box-Bu2jHdsK.cjs');
+const collapsibleBox = require('../../../../collapsible-box-oUO65pxW.cjs');
 const useCollapsibleBox = require('../../../../use-collapsible-box-BI80L4h_.cjs');
-const copyButton = require('../../../../copy-button-CUVxXN4H.cjs');
+const copyButton = require('../../../../copy-button-5tVWqoTk.cjs');
 const dataPanelSectionHeading = require('../../../../data-panel-section-heading-CePIkoDI.cjs');
 const utils_cn = require('../../../../cn-TqD01zH-.cjs');
 

package/dist/domains/traces/components/span-payload/span-payload-section.es.js

@@ -2,11 +2,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Minimize2, Maximize2 } from 'lucide-react';
 import { useState } from 'react';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { B as Button } from '../../../../Button-C8QDEN9j.js';
+import { B as Button } from '../../../../Button-60jVnaHt.js';
 import { B as ButtonsGroup } from '../../../../buttons-group-BU9ErJSH.js';
-import { C as CollapsibleBox } from '../../../../collapsible-box-B7YQWv7L.js';
+import { C as CollapsibleBox } from '../../../../collapsible-box-CMmJEn3f.js';
 import { u as useCollapsibleBox } from '../../../../use-collapsible-box-B0t2_SvP.js';
-import { C as CopyButton } from '../../../../copy-button-CDyuUYUr.js';
+import { C as CopyButton } from '../../../../copy-button-Af_Qt7G1.js';
 import { D as DataPanelSectionHeading } from '../../../../data-panel-section-heading-D20aa5uF.js';
 import { c as cn } from '../../../../cn-coERSHz5.js';
 

package/dist/domains/traces/components/span-payload/span-payload-tool.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('react/jsx-runtime');
 require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-sEGOgFlX.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIxmotnO.cjs');
 require('../../../chat/components/badge-wrapper.cjs.js');
 require('../../../../activity-CaFdLiPz.cjs');
 require('../../../../tool-presentation-WLS6d1ws.cjs');

package/dist/domains/traces/components/span-payload/span-payload-tool.es.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import './span-payload-json.es.js';
-export { e as SpanPayloadTool } from '../../../../span-payload-primitives-WqYTBiGx.js';
+export { e as SpanPayloadTool } from '../../../../span-payload-primitives-dTs5UrjA.js';
 import '../../../chat/components/badge-wrapper.es.js';
 import '../../../../activity-BsrB5ADa.js';
 import '../../../../tool-presentation-BXAo24Ir.js';

package/dist/domains/traces/components/span-payload/span-processor-attributes.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadMessages = require('./span-payload-messages.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-sEGOgFlX.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-DIxmotnO.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const Card = require('../../../../Card-RlL14eS5.cjs');
 const dataKeysAndValues = require('../../../../data-keys-and-values-C1I--hWn.cjs');

package/dist/domains/traces/components/span-payload/span-processor-attributes.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeProcessorPipeline } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
 import { SpanPayloadMessages } from './span-payload-messages.es.js';
-import { c as SpanPayloadCollapsible, S as SpanPayloadField } from '../../../../span-payload-primitives-WqYTBiGx.js';
+import { c as SpanPayloadCollapsible, S as SpanPayloadField } from '../../../../span-payload-primitives-dTs5UrjA.js';
 import { asCoreSpan } from './span-payload-registry.es.js';
 import { C as Card, a as CardContent } from '../../../../Card-BQtRz0KD.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-B1u00ihh.js';

package/dist/domains/traces/components/span-summary-description.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
-const dataPanel = require('../../../data-panel-CTqb-0qN.cjs');
+const dataPanel = require('../../../data-panel-FG2S84x7.cjs');
 const utils_truncateString = require('../../../utils/truncate-string.cjs.js');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 const utils_duration = require('../../../utils/duration.cjs.js');

package/dist/domains/traces/components/span-summary-description.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { CalendarClockIcon, TimerIcon, HashIcon } from 'lucide-react';
 import { getSpanDurationMs } from '../utils/span-utils.es.js';
-import { D as DataPanel } from '../../../data-panel-COU5dbUJ.js';
+import { D as DataPanel } from '../../../data-panel-nbeducTl.js';
 import { truncateString } from '../../../utils/truncate-string.es.js';
 import { formatDate, formatTimestampPrecise } from '../../../utils/date-format.es.js';
 import { formatDurationPrecise } from '../../../utils/duration.es.js';

package/dist/domains/traces/components/thread-trace/thread-trace-details.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_components_threadTrace_threadTraceRowContext = require('./thread-trace-row-context.cjs.js');
 const Card = require('../../../../Card-RlL14eS5.cjs');
-const dataPanel = require('../../../../data-panel-CTqb-0qN.cjs');
+const dataPanel = require('../../../../data-panel-FG2S84x7.cjs');
 const utils_cn = require('../../../../cn-TqD01zH-.cjs');
 
 function ThreadTraceDetails({ className, children, ...props }) {

package/dist/domains/traces/components/thread-trace/thread-trace-details.es.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useThreadTraceRow } from './thread-trace-row-context.es.js';
 import { C as Card } from '../../../../Card-BQtRz0KD.js';
-import { D as DataPanel } from '../../../../data-panel-COU5dbUJ.js';
+import { D as DataPanel } from '../../../../data-panel-nbeducTl.js';
 import { c as cn } from '../../../../cn-coERSHz5.js';
 
 function ThreadTraceDetails({ className, children, ...props }) {

package/dist/domains/traces/components/thread-trace/thread-trace-messages.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_components_threadTrace_threadTraceRow = require('./thread-trace-row.cjs.js');
 const domains_traces_components_threadTrace_threadTraceRowContext = require('./thread-trace-row-context.cjs.js');
 const tabsList = require('../../../../tabs-list-xikY_dug.cjs');
-const tabsTab = require('../../../../tabs-tab-D9ndsGQu.cjs');
+const tabsTab = require('../../../../tabs-tab-CqcY4tHE.cjs');
 const tabsContent = require('../../../../tabs-content-C3VQRDXH.cjs');
 const utils_cn = require('../../../../cn-TqD01zH-.cjs');
 

package/dist/domains/traces/components/thread-trace/thread-trace-messages.es.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { THREAD_TRACE_MESSAGES_TAB } from './thread-trace-row.es.js';
 import { useThreadTraceRow } from './thread-trace-row-context.es.js';
 import { T as TabList } from '../../../../tabs-list-DY_hziv7.js';
-import { T as Tab } from '../../../../tabs-tab-BchiQf0E.js';
+import { T as Tab } from '../../../../tabs-tab-CzpXzpf-.js';
 import { T as TabContent } from '../../../../tabs-content-6EaLEj8a.js';
 import { c as cn } from '../../../../cn-coERSHz5.js';
 

package/dist/domains/traces/components/thread-trace/thread-trace-spans.cjs.js

@@ -11,8 +11,8 @@ const domains_traces_components_formatHierarchicalSpans = require('../format-hie
 const domains_traces_components_traceSpanTree = require('../trace-span-tree.cjs.js');
 const domains_traces_components_threadTrace_threadTraceContext = require('./thread-trace-context.cjs.js');
 const domains_traces_components_threadTrace_threadTraceRowContext = require('./thread-trace-row-context.cjs.js');
-const Button = require('../../../../Button-BfZzgZrA.cjs');
-const collapsibleBox = require('../../../../collapsible-box-Bu2jHdsK.cjs');
+const Button = require('../../../../Button-CAVPKK09.cjs');
+const collapsibleBox = require('../../../../collapsible-box-oUO65pxW.cjs');
 const utils_cn = require('../../../../cn-TqD01zH-.cjs');
 
 function useSpansClamp() {

package/dist/domains/traces/components/thread-trace/thread-trace-spans.es.js

@@ -7,8 +7,8 @@ import { formatHierarchicalSpans } from '../format-hierarchical-spans.es.js';
 import { TraceSpanTree } from '../trace-span-tree.es.js';
 import { useThreadTrace } from './thread-trace-context.es.js';
 import { useThreadTraceRow } from './thread-trace-row-context.es.js';
-import { B as Button } from '../../../../Button-C8QDEN9j.js';
-import { C as CollapsibleBox } from '../../../../collapsible-box-B7YQWv7L.js';
+import { B as Button } from '../../../../Button-60jVnaHt.js';
+import { C as CollapsibleBox } from '../../../../collapsible-box-CMmJEn3f.js';
 import { c as cn } from '../../../../cn-coERSHz5.js';
 
 function useSpansClamp() {

package/dist/domains/traces/components/thread-view-by-trace.cjs.js

@@ -14,7 +14,7 @@ require('../../../toast-C8a7bWV8.cjs');
 const domains_scores_components_traceScoresTab = require('../../scores/components/trace-scores-tab.cjs.js');
 require('@mastra/core/utils/safe-stringify');
 require('@mastra/react/hooks/datasets');
-const Button = require('../../../Button-BfZzgZrA.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
 const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');

package/dist/domains/traces/components/thread-view-by-trace.es.js

@@ -10,7 +10,7 @@ import '../../../toast-WCmYXnuT.js';
 import { TraceScoresTab } from '../../scores/components/trace-scores-tab.es.js';
 import '@mastra/core/utils/safe-stringify';
 import '@mastra/react/hooks/datasets';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
 import '../../../field-control-aria-DB6y41tQ.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { useLinkComponent } from '../../../lib/framework.es.js';

package/dist/domains/traces/components/trace-columns-menu.cjs.js

@@ -6,16 +6,16 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_traces_traceListColumns = require('../trace-list-columns.cjs.js');
-const Button = require('../../../Button-BfZzgZrA.cjs');
-const combobox = require('../../../combobox-D9CFzzx8.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
+const combobox = require('../../../combobox-fEMKH9nJ.cjs');
 require('@base-ui/react/combobox');
-const dialog = require('../../../dialog-DQI9ChYf.cjs');
+const dialog = require('../../../dialog-B5nLi0ER.cjs');
 const dropdownMenu = require('../../../dropdown-menu-Bg96BCnK.cjs');
 const field = require('../../../field-D1SVMPMz.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
 const form = require('../../../form-CsSBTIbV.cjs');
 const Txt = require('../../../Txt-DXjXpX9r.cjs');
-const dialogAction = require('../../../dialog-action-gdo9CwUv.cjs');
+const dialogAction = require('../../../dialog-action-DdkbsKfP.cjs');
 
 const EMPTY_KEYS = [];
 const STANDARD_COLUMNS = ["type", "input", "duration", "endTime", "environment"];

package/dist/domains/traces/components/trace-columns-menu.es.js

@@ -2,16 +2,16 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Columns3Icon, PlusIcon } from 'lucide-react';
 import { useState, useMemo } from 'react';
 import { TRACE_USAGE_COLUMNS, TRACE_CUSTOM_COLUMN_FIELDS, TRACE_CUSTOM_COLUMN_LABELS } from '../trace-list-columns.es.js';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
-import { C as Combobox } from '../../../combobox-DDUIREaG.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
+import { C as Combobox } from '../../../combobox-so2V71F7.js';
 import '@base-ui/react/combobox';
-import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody, f as DialogFooter, b as DialogCancel } from '../../../dialog-DlZmNahd.js';
+import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody, f as DialogFooter, b as DialogCancel } from '../../../dialog-Jz2ZfO-z.js';
 import { D as DropdownMenu } from '../../../dropdown-menu-D8GR_NhL.js';
 import { F as Field, e as FieldLabel, c as FieldError } from '../../../field-B89BEZg4.js';
 import '../../../field-control-aria-DB6y41tQ.js';
 import { F as Form } from '../../../form-CDRsQaFS.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
-import { D as DialogAction } from '../../../dialog-action-c4nfPomF.js';
+import { D as DialogAction } from '../../../dialog-action-BxXhAz-P.js';
 
 const EMPTY_KEYS = [];
 const STANDARD_COLUMNS = ["type", "input", "duration", "endTime", "environment"];

package/dist/domains/traces/components/trace-data-panel-view.cjs.js

@@ -14,15 +14,15 @@ const domains_traces_components_traceIdButton = require('./trace-id-button.cjs.j
 const domains_traces_components_traceSpanTimeline = require('./trace-span-timeline.cjs.js');
 const domains_traces_components_traceSpanTree = require('./trace-span-tree.cjs.js');
 const domains_traces_components_traceSummaryDescription = require('./trace-summary-description.cjs.js');
-const Button = require('../../../Button-BfZzgZrA.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
 const buttonsGroup = require('../../../buttons-group-C2lPe7sm.cjs');
-const dataPanel = require('../../../data-panel-CTqb-0qN.cjs');
+const dataPanel = require('../../../data-panel-FG2S84x7.cjs');
 const dropdownMenu = require('../../../dropdown-menu-Bg96BCnK.cjs');
 const Notice = require('../../../Notice-c8dMiAtZ.cjs');
-const searchInput = require('../../../search-input-UtTJMjJu.cjs');
+const searchInput = require('../../../search-input-2DhcUIvn.cjs');
 const tabsRoot = require('../../../tabs-root-Phsi-P1b.cjs');
 const tabsList = require('../../../tabs-list-xikY_dug.cjs');
-const tabsTab = require('../../../tabs-tab-D9ndsGQu.cjs');
+const tabsTab = require('../../../tabs-tab-CqcY4tHE.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 const icons_ScorersIcon = require('../../../icons/ScorersIcon.cjs.js');
 const hooks_useScrollToFirstHighlight = require('../../../hooks/use-scroll-to-first-highlight.cjs.js');

package/dist/domains/traces/components/trace-data-panel-view.es.js

@@ -10,15 +10,15 @@ import { TraceIdButton } from './trace-id-button.es.js';
 import { TraceSpanTimeline } from './trace-span-timeline.es.js';
 import { TraceSpanTree } from './trace-span-tree.es.js';
 import { TraceSummaryDescription } from './trace-summary-description.es.js';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
 import { B as ButtonsGroup } from '../../../buttons-group-BU9ErJSH.js';
-import { D as DataPanel } from '../../../data-panel-COU5dbUJ.js';
+import { D as DataPanel } from '../../../data-panel-nbeducTl.js';
 import { D as DropdownMenu } from '../../../dropdown-menu-D8GR_NhL.js';
 import { N as Notice } from '../../../Notice-Wy1grdLu.js';
-import { S as SearchInput } from '../../../search-input-fqSrRTLU.js';
+import { S as SearchInput } from '../../../search-input-RybUdqzg.js';
 import { T as Tabs } from '../../../tabs-root-CvGhdNKc.js';
 import { T as TabList } from '../../../tabs-list-DY_hziv7.js';
-import { T as Tab } from '../../../tabs-tab-BchiQf0E.js';
+import { T as Tab } from '../../../tabs-tab-CzpXzpf-.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { ScorersIcon } from '../../../icons/ScorersIcon.es.js';
 import { useScrollToFirstHighlight } from '../../../hooks/use-scroll-to-first-highlight.es.js';

package/dist/domains/traces/components/trace-data-panel.cjs.js

@@ -6,16 +6,18 @@ const jsxRuntime = require('react/jsx-runtime');
 const scores = require('@mastra/react/hooks/scores');
 const React = require('react');
 const domains_scores_components_spanScoring = require('../../scores/components/span-scoring.cjs.js');
+require('../../../data-list-BLfHObw8.cjs');
+require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
 require('@base-ui/react/use-render');
 require('lucide-react');
 require('@mastra/core/utils/safe-stringify');
 require('@mastra/react/hooks/datasets');
-require('../../../Button-BfZzgZrA.cjs');
+require('../../../Button-CAVPKK09.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
-require('../../../toast-C8a7bWV8.cjs');
 require('../../../lib/framework.cjs.js');
+require('../../../toast-C8a7bWV8.cjs');
 const domains_traces_components_traceDataPanelView = require('./trace-data-panel-view.cjs.js');
-const dialog = require('../../../dialog-DQI9ChYf.cjs');
+const dialog = require('../../../dialog-B5nLi0ER.cjs');
 
 function TraceDataPanel(props) {
   const [sideView, setSideView] = React.useState();

package/dist/domains/traces/components/trace-data-panel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-data-panel.cjs.js","sources":["../../../../src/domains/traces/components/trace-data-panel.tsx"],"sourcesContent":["import { useScorers } from '@mastra/react/hooks/scores';\nimport { useState, type ComponentProps } from 'react';\nimport { SpanScoring } from '@/domains/scores';\nimport { TraceDataPanelView, type TraceSideView } from '@/domains/traces/components/trace-data-panel-view';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\n\ntype TraceDataPanelProps = Omit<\n  ComponentProps<typeof TraceDataPanelView>,\n  'sideView' | 'onSideViewChange' | 'onEvaluateTrace'\n>;\n\n/**\n * Owns the trace panel's side column view so scoring can land on \"Scores\". Mount it with a\n * `key` on the trace (and anchor span) so a view picked on a previous trace never leaks into the next one.\n */\nexport function TraceDataPanel(props: TraceDataPanelProps) {\n  const [sideView, setSideView] = useState<TraceSideView>();\n  const [isScoringOpen, setIsScoringOpen] = useState(false);\n  const { data: scorers, isLoading: isLoadingScorers } = useScorers();\n  const rootSpan = props.anchorSpanId\n    ? props.spans?.find(span => span.spanId === props.anchorSpanId)\n    : props.spans?.find(span => span.parentSpanId == null);\n\n  return (\n    <>\n      <TraceDataPanelView\n        {...props}\n        onEvaluateTrace={() => setIsScoringOpen(true)}\n        sideView={sideView}\n        onSideViewChange={setSideView}\n      />\n      <Dialog open={isScoringOpen} onOpenChange={setIsScoringOpen}>\n        <DialogContent size=\"lg\">\n          <DialogHeader>\n            <DialogTitle>Score trace</DialogTitle>\n          </DialogHeader>\n\n          {isScoringOpen && rootSpan && (\n            <SpanScoring\n              traceId={props.traceId}\n              spanId={rootSpan.spanId}\n              entityType={rootSpan.entityType === 'agent' ? 'Agent' : 'Workflow'}\n              isTopLevelSpan={!rootSpan.parentSpanId}\n              scorers={scorers}\n              isLoadingScorers={isLoadingScorers}\n              onSuccess={() => {\n                setIsScoringOpen(false);\n                setSideView('scores');\n              }}\n            />\n          )}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":["useState","useScorers","jsxs","Fragment","jsx","TraceDataPanelView","Dialog","DialogContent","DialogHeader","DialogTitle","SpanScoring"],"mappings":";;;;;;;;;;;;;;;;;;;AAeO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,cAAA,EAAwB;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,KAAK,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,gBAAA,KAAqBC,iBAAA,EAAW;AAClE,EAAA,MAAM,WAAW,KAAA,CAAM,YAAA,GACnB,MAAM,KAAA,EAAO,IAAA,CAAK,UAAQ,IAAA,CAAK,MAAA,KAAW,KAAA,CAAM,YAAY,IAC5D,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,gBAAgB,IAAI,CAAA;AAEvD,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,+DAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,eAAA,EAAiB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBACAD,cAAA,CAACE,iBAAO,IAAA,EAAM,aAAA,EAAe,cAAc,gBAAA,EACzC,QAAA,kBAAAJ,eAAA,CAACK,oBAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,mBAAA,EAAA,EACC,QAAA,kBAAAJ,cAAA,CAACK,kBAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,MAEC,iBAAiB,QAAA,oBAChBL,cAAA;AAAA,QAACM,iDAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,QAAQ,QAAA,CAAS,MAAA;AAAA,UACjB,UAAA,EAAY,QAAA,CAAS,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,UAAA;AAAA,UACxD,cAAA,EAAgB,CAAC,QAAA,CAAS,YAAA;AAAA,UAC1B,OAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAW,MAAM;AACf,YAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,YAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,UACtB;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-data-panel.cjs.js","sources":["../../../../src/domains/traces/components/trace-data-panel.tsx"],"sourcesContent":["import { useScorers } from '@mastra/react/hooks/scores';\nimport { useState, type ComponentProps } from 'react';\nimport { SpanScoring } from '@/domains/scores';\nimport { TraceDataPanelView, type TraceSideView } from '@/domains/traces/components/trace-data-panel-view';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\n\ntype TraceDataPanelProps = Omit<\n  ComponentProps<typeof TraceDataPanelView>,\n  'sideView' | 'onSideViewChange' | 'onEvaluateTrace'\n>;\n\n/**\n * Owns the trace panel's side column view so scoring can land on \"Scores\". Mount it with a\n * `key` on the trace (and anchor span) so a view picked on a previous trace never leaks into the next one.\n */\nexport function TraceDataPanel(props: TraceDataPanelProps) {\n  const [sideView, setSideView] = useState<TraceSideView>();\n  const [isScoringOpen, setIsScoringOpen] = useState(false);\n  const { data: scorers, isLoading: isLoadingScorers } = useScorers();\n  const rootSpan = props.anchorSpanId\n    ? props.spans?.find(span => span.spanId === props.anchorSpanId)\n    : props.spans?.find(span => span.parentSpanId == null);\n\n  return (\n    <>\n      <TraceDataPanelView\n        {...props}\n        onEvaluateTrace={() => setIsScoringOpen(true)}\n        sideView={sideView}\n        onSideViewChange={setSideView}\n      />\n      <Dialog open={isScoringOpen} onOpenChange={setIsScoringOpen}>\n        <DialogContent size=\"lg\">\n          <DialogHeader>\n            <DialogTitle>Score trace</DialogTitle>\n          </DialogHeader>\n\n          {isScoringOpen && rootSpan && (\n            <SpanScoring\n              traceId={props.traceId}\n              spanId={rootSpan.spanId}\n              entityType={rootSpan.entityType === 'agent' ? 'Agent' : 'Workflow'}\n              isTopLevelSpan={!rootSpan.parentSpanId}\n              scorers={scorers}\n              isLoadingScorers={isLoadingScorers}\n              onSuccess={() => {\n                setIsScoringOpen(false);\n                setSideView('scores');\n              }}\n            />\n          )}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":["useState","useScorers","jsxs","Fragment","jsx","TraceDataPanelView","Dialog","DialogContent","DialogHeader","DialogTitle","SpanScoring"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAeO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,cAAA,EAAwB;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,KAAK,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,gBAAA,KAAqBC,iBAAA,EAAW;AAClE,EAAA,MAAM,WAAW,KAAA,CAAM,YAAA,GACnB,MAAM,KAAA,EAAO,IAAA,CAAK,UAAQ,IAAA,CAAK,MAAA,KAAW,KAAA,CAAM,YAAY,IAC5D,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,gBAAgB,IAAI,CAAA;AAEvD,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,+DAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,eAAA,EAAiB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBACAD,cAAA,CAACE,iBAAO,IAAA,EAAM,aAAA,EAAe,cAAc,gBAAA,EACzC,QAAA,kBAAAJ,eAAA,CAACK,oBAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,mBAAA,EAAA,EACC,QAAA,kBAAAJ,cAAA,CAACK,kBAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,MAEC,iBAAiB,QAAA,oBAChBL,cAAA;AAAA,QAACM,iDAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,QAAQ,QAAA,CAAS,MAAA;AAAA,UACjB,UAAA,EAAY,QAAA,CAAS,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,UAAA;AAAA,UACxD,cAAA,EAAgB,CAAC,QAAA,CAAS,YAAA;AAAA,UAC1B,OAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAW,MAAM;AACf,YAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,YAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,UACtB;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/trace-data-panel.es.js

@@ -2,16 +2,18 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useScorers } from '@mastra/react/hooks/scores';
 import { useState } from 'react';
 import { SpanScoring } from '../../scores/components/span-scoring.es.js';
+import '../../../data-list-B2ArWwsJ.js';
+import '../../../keyboard/keyboard-shortcuts-context.es.js';
 import '@base-ui/react/use-render';
 import 'lucide-react';
 import '@mastra/core/utils/safe-stringify';
 import '@mastra/react/hooks/datasets';
-import '../../../Button-C8QDEN9j.js';
+import '../../../Button-60jVnaHt.js';
 import '../../../field-control-aria-DB6y41tQ.js';
-import '../../../toast-WCmYXnuT.js';
 import '../../../lib/framework.es.js';
+import '../../../toast-WCmYXnuT.js';
 import { TraceDataPanelView } from './trace-data-panel-view.es.js';
-import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle } from '../../../dialog-DlZmNahd.js';
+import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle } from '../../../dialog-Jz2ZfO-z.js';
 
 function TraceDataPanel(props) {
   const [sideView, setSideView] = useState();

package/dist/domains/traces/components/trace-data-panel.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-data-panel.es.js","sources":["../../../../src/domains/traces/components/trace-data-panel.tsx"],"sourcesContent":["import { useScorers } from '@mastra/react/hooks/scores';\nimport { useState, type ComponentProps } from 'react';\nimport { SpanScoring } from '@/domains/scores';\nimport { TraceDataPanelView, type TraceSideView } from '@/domains/traces/components/trace-data-panel-view';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\n\ntype TraceDataPanelProps = Omit<\n  ComponentProps<typeof TraceDataPanelView>,\n  'sideView' | 'onSideViewChange' | 'onEvaluateTrace'\n>;\n\n/**\n * Owns the trace panel's side column view so scoring can land on \"Scores\". Mount it with a\n * `key` on the trace (and anchor span) so a view picked on a previous trace never leaks into the next one.\n */\nexport function TraceDataPanel(props: TraceDataPanelProps) {\n  const [sideView, setSideView] = useState<TraceSideView>();\n  const [isScoringOpen, setIsScoringOpen] = useState(false);\n  const { data: scorers, isLoading: isLoadingScorers } = useScorers();\n  const rootSpan = props.anchorSpanId\n    ? props.spans?.find(span => span.spanId === props.anchorSpanId)\n    : props.spans?.find(span => span.parentSpanId == null);\n\n  return (\n    <>\n      <TraceDataPanelView\n        {...props}\n        onEvaluateTrace={() => setIsScoringOpen(true)}\n        sideView={sideView}\n        onSideViewChange={setSideView}\n      />\n      <Dialog open={isScoringOpen} onOpenChange={setIsScoringOpen}>\n        <DialogContent size=\"lg\">\n          <DialogHeader>\n            <DialogTitle>Score trace</DialogTitle>\n          </DialogHeader>\n\n          {isScoringOpen && rootSpan && (\n            <SpanScoring\n              traceId={props.traceId}\n              spanId={rootSpan.spanId}\n              entityType={rootSpan.entityType === 'agent' ? 'Agent' : 'Workflow'}\n              isTopLevelSpan={!rootSpan.parentSpanId}\n              scorers={scorers}\n              isLoadingScorers={isLoadingScorers}\n              onSuccess={() => {\n                setIsScoringOpen(false);\n                setSideView('scores');\n              }}\n            />\n          )}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAeO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,EAAwB;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,gBAAA,KAAqB,UAAA,EAAW;AAClE,EAAA,MAAM,WAAW,KAAA,CAAM,YAAA,GACnB,MAAM,KAAA,EAAO,IAAA,CAAK,UAAQ,IAAA,CAAK,MAAA,KAAW,KAAA,CAAM,YAAY,IAC5D,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,gBAAgB,IAAI,CAAA;AAEvD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,eAAA,EAAiB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBACA,GAAA,CAAC,UAAO,IAAA,EAAM,aAAA,EAAe,cAAc,gBAAA,EACzC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,MAEC,iBAAiB,QAAA,oBAChB,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,QAAQ,QAAA,CAAS,MAAA;AAAA,UACjB,UAAA,EAAY,QAAA,CAAS,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,UAAA;AAAA,UACxD,cAAA,EAAgB,CAAC,QAAA,CAAS,YAAA;AAAA,UAC1B,OAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAW,MAAM;AACf,YAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,YAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,UACtB;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-data-panel.es.js","sources":["../../../../src/domains/traces/components/trace-data-panel.tsx"],"sourcesContent":["import { useScorers } from '@mastra/react/hooks/scores';\nimport { useState, type ComponentProps } from 'react';\nimport { SpanScoring } from '@/domains/scores';\nimport { TraceDataPanelView, type TraceSideView } from '@/domains/traces/components/trace-data-panel-view';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\n\ntype TraceDataPanelProps = Omit<\n  ComponentProps<typeof TraceDataPanelView>,\n  'sideView' | 'onSideViewChange' | 'onEvaluateTrace'\n>;\n\n/**\n * Owns the trace panel's side column view so scoring can land on \"Scores\". Mount it with a\n * `key` on the trace (and anchor span) so a view picked on a previous trace never leaks into the next one.\n */\nexport function TraceDataPanel(props: TraceDataPanelProps) {\n  const [sideView, setSideView] = useState<TraceSideView>();\n  const [isScoringOpen, setIsScoringOpen] = useState(false);\n  const { data: scorers, isLoading: isLoadingScorers } = useScorers();\n  const rootSpan = props.anchorSpanId\n    ? props.spans?.find(span => span.spanId === props.anchorSpanId)\n    : props.spans?.find(span => span.parentSpanId == null);\n\n  return (\n    <>\n      <TraceDataPanelView\n        {...props}\n        onEvaluateTrace={() => setIsScoringOpen(true)}\n        sideView={sideView}\n        onSideViewChange={setSideView}\n      />\n      <Dialog open={isScoringOpen} onOpenChange={setIsScoringOpen}>\n        <DialogContent size=\"lg\">\n          <DialogHeader>\n            <DialogTitle>Score trace</DialogTitle>\n          </DialogHeader>\n\n          {isScoringOpen && rootSpan && (\n            <SpanScoring\n              traceId={props.traceId}\n              spanId={rootSpan.spanId}\n              entityType={rootSpan.entityType === 'agent' ? 'Agent' : 'Workflow'}\n              isTopLevelSpan={!rootSpan.parentSpanId}\n              scorers={scorers}\n              isLoadingScorers={isLoadingScorers}\n              onSuccess={() => {\n                setIsScoringOpen(false);\n                setSideView('scores');\n              }}\n            />\n          )}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAeO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,EAAwB;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,gBAAA,KAAqB,UAAA,EAAW;AAClE,EAAA,MAAM,WAAW,KAAA,CAAM,YAAA,GACnB,MAAM,KAAA,EAAO,IAAA,CAAK,UAAQ,IAAA,CAAK,MAAA,KAAW,KAAA,CAAM,YAAY,IAC5D,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,gBAAgB,IAAI,CAAA;AAEvD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,eAAA,EAAiB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBACA,GAAA,CAAC,UAAO,IAAA,EAAM,aAAA,EAAe,cAAc,gBAAA,EACzC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,MAEC,iBAAiB,QAAA,oBAChB,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,QAAQ,QAAA,CAAS,MAAA;AAAA,UACjB,UAAA,EAAY,QAAA,CAAS,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,UAAA;AAAA,UACxD,cAAA,EAAgB,CAAC,QAAA,CAAS,YAAA;AAAA,UAC1B,OAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAW,MAAM;AACf,YAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,YAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,UACtB;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/trace-id-button.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const dataPanel = require('../../../data-panel-CTqb-0qN.cjs');
+const dataPanel = require('../../../data-panel-FG2S84x7.cjs');
 
 function TraceIdButton({ id }) {
   return /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CopyId, { id });

package/dist/domains/traces/components/trace-id-button.es.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { D as DataPanel } from '../../../data-panel-COU5dbUJ.js';
+import { D as DataPanel } from '../../../data-panel-nbeducTl.js';
 
 function TraceIdButton({ id }) {
   return /* @__PURE__ */ jsx(DataPanel.CopyId, { id });

package/dist/domains/traces/components/trace-span-panel.cjs.js

@@ -11,7 +11,7 @@ const domains_traces_components_traceMessagesPanel = require('./trace-messages-p
 const domains_traces_components_traceThreadContext = require('./trace-thread-context.cjs.js');
 const domains_traces_components_traceThreadPanel = require('./trace-thread-panel.cjs.js');
 const domains_traces_hooks_useTraceSpanNavigation = require('../hooks/use-trace-span-navigation.cjs.js');
-const Button = require('../../../Button-BfZzgZrA.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');
 
 function getEntityHref(paths, entityType, entityId) {

package/dist/domains/traces/components/trace-span-panel.es.js

@@ -7,7 +7,7 @@ import { TraceMessagesPanel } from './trace-messages-panel.es.js';
 import { getTraceThreadId } from './trace-thread-context.es.js';
 import { TraceThreadPanel } from './trace-thread-panel.es.js';
 import { useTraceSpanNavigation } from '../hooks/use-trace-span-navigation.es.js';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
 import { useLinkComponent } from '../../../lib/framework.es.js';
 
 function getEntityHref(paths, entityType, entityId) {

package/dist/domains/traces/components/trace-summary-description.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
 const domains_traces_components_traceStatusValue = require('./trace-status-value.cjs.js');
-const dataPanel = require('../../../data-panel-CTqb-0qN.cjs');
+const dataPanel = require('../../../data-panel-FG2S84x7.cjs');
 const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const icons_AgentIcon = require('../../../icons/AgentIcon.cjs.js');
 const icons_WorkflowIcon = require('../../../icons/WorkflowIcon.cjs.js');

package/dist/domains/traces/components/trace-summary-description.es.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { CalendarClockIcon, TimerIcon, ArrowDownToLineIcon, ArrowUpFromLineIcon, CircleDollarSignIcon } from 'lucide-react';
 import { getSpanDurationMs } from '../utils/span-utils.es.js';
 import { TraceStatusValue } from './trace-status-value.es.js';
-import { D as DataPanel } from '../../../data-panel-COU5dbUJ.js';
+import { D as DataPanel } from '../../../data-panel-nbeducTl.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { AgentIcon } from '../../../icons/AgentIcon.es.js';
 import { WorkflowIcon } from '../../../icons/WorkflowIcon.es.js';

package/dist/domains/traces/components/trace-thread-item-view.cjs.js

@@ -10,7 +10,7 @@ const domains_traces_components_traceMessagesSkeleton = require('./trace-message
 const domains_chat_context_toolCallContext = require('../../chat/context/tool-call-context.cjs.js');
 const domains_chat_messages_messageRow = require('../../chat/messages/message-row.cjs.js');
 const domains_traces_components_tracesErrorContent = require('./traces-error-content.cjs.js');
-const Button = require('../../../Button-BfZzgZrA.cjs');
+const Button = require('../../../Button-CAVPKK09.cjs');
 const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const utils_cn = require('../../../cn-TqD01zH-.cjs');
 

package/dist/domains/traces/components/trace-thread-item-view.es.js

@@ -6,7 +6,7 @@ import { TraceMessagesSkeleton } from './trace-messages-skeleton.es.js';
 import { ToolCallProvider } from '../../chat/context/tool-call-context.es.js';
 import { MessageRow } from '../../chat/messages/message-row.es.js';
 import { TracesErrorContent } from './traces-error-content.es.js';
-import { B as Button } from '../../../Button-C8QDEN9j.js';
+import { B as Button } from '../../../Button-60jVnaHt.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { c as cn } from '../../../cn-coERSHz5.js';
 

package/dist/domains/traces/components/trace-thread-panel.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_traces_components_threadViewByTrace = require('./thread-view-by-trace.cjs.js');
-const dataPanel = require('../../../data-panel-CTqb-0qN.cjs');
+const dataPanel = require('../../../data-panel-FG2S84x7.cjs');
 
 function TraceThreadPanel({
   open,

package/dist/domains/traces/components/trace-thread-panel.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { ThreadViewByTrace } from './thread-view-by-trace.es.js';
-import { D as DataPanel } from '../../../data-panel-COU5dbUJ.js';
+import { D as DataPanel } from '../../../data-panel-nbeducTl.js';
 
 function TraceThreadPanel({
   open,

package/dist/domains/traces/components/trace-time-range-chip.cjs.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_traceQueryFilters = require('../../../trace-filters-Bh4dVNPX.cjs');
-const dateTimeRangePicker = require('../../../date-time-range-picker-BvRPfy1i.cjs');
-const filterBarChip = require('../../../filter-bar-chip-C_371aon.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-ByNvjYuV.cjs');
+const filterBarChip = require('../../../filter-bar-chip-BBErw_aR.cjs');
 const utils_cn = require('../../../cn-TqD01zH-.cjs');
 
 const TRACE_TIME_RANGE_FIELD_ID = "timeRange";